/*


Ändra så att det du kan lägga till en cta-class för ett menu-item så att det blir en knapp. se effektivitetsprogrammet.


gallery thumbnails ska fungera på samma sätt som kolumnerna med avstånd.


Lägg till kod så att även ikoner och varukorgen ändrar färg när du scrollar ner.


Fixa en class som du sätter tex på en one-half med en bild i så att det bara blir 20px bottom i mobilen istället för vanliga 40px.


Lägg till templates för search and filter


Ändra så att undermenyn skiljer sig från huvudmenyn i mobilen (typ som fox design)


https://dollarshaveclub.github.io/reframe.js/


Brytpunkter för round images klasser för tablet och desktop och mobil. Ändra så att det används .strict-square.round.background-image så att dem alltid blir runda men lägg till max-width med media queriers.

Lägg till margin-auto i utilities

Lägg till klasser för margin-bottom-40 etc i utilities

Lägg till så att alla div som ligger direkt inuti en kolumn blir flex och flex-baseline
*/

.max-width-150 {
	max-width: 150px !important;
}

.max-width-300 {
	max-width: 300px !important;
}

.wysiwyg li {
	/*list-style-type: disc;*/
	list-style-image: url( '/wp-content/uploads/plupp2.png' );
	list-style-position: inside;
	margin-bottom: 20px;
}

/*.wysiwyg.lower-latin li {
	list-style-type: lower-latin;
}*/

.margin-bottom-20 {
	margin-bottom: 20px;
}

.orange {
	color: #FA6449 !important;
}


/* Temporär lösning för full-grid under 600px, så att kolumner får rätt padding-top */
@media only screen and (max-width: 599px) {
	.padding-top-40-mobile {
		/*padding-top: 40px !important;*/
	}

	.padding-top-60-mobile {
		/*padding-top: 60px !important;*/
	}
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
	.padding-top-60-tablet {
		/*padding-top: 60px !important;*/
	}

	.padding-top-80-tablet {
		/*padding-top: 80px !important;*/
	}
}

@media only screen and (min-width: 1024px) {
	.padding-top-120-desktop {
		/*padding-top: 120px !important;*/
	}

	.padding-top-100-desktop {
		/*padding-top: 100px !important;*/
	}
}

@media only screen and (min-width: 1366px) {

	.padding-sides-40-bigdesktop {
		/*padding-left: 40px !important;*/
		/*padding-right: 40px !important;*/
	}

}

.full .inner-grid {
	margin-bottom: -20px;
}

.width-100 {
	width: 100% !important;
}

section div {
	width: 100%;
}

.gform_footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

a.wrap {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.gform_wrapper h2 {
	color: #fff !important;
	font-size: 20px;
	text-align: center;
}