/*
Theme name: Sabe Verpakkingen
Description: Het thema

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

/* LOADER add to cart */

/* Add to cart spinner */
.button.add_to_cart_button.ajax_add_to_cart.loading {
    position: relative !important;
    pointer-events: none;
    /* keep your normal text color if you want text visible
       or use color: transparent !important; to hide it */
    color: transparent !important;
}

/* HIDE the theme's cart icon while loading */
.button.add_to_cart_button.ajax_add_to_cart.loading::before {
    display: none !important;
}

/* Spinner */
.button.add_to_cart_button.ajax_add_to_cart.loading::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px !important;
    height: 18px !important;
    border-radius: 50%;
    border: 2px solid #fff;
    border-top-color: transparent;
    animation: atc-spin 0.6s linear infinite;
    z-index: 2;
	background: none !important;
	margin-top: 0 !important;
}

@keyframes atc-spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* END LOADER add to cart */

.header-bar li span, .contact-bar li span, .footer a, .footer h6, .footer p {
	font-family: "Quicksand", Helvetica, Arial, sans-serif !important;
}

.footer a {
	font-weight: 400 !important;
	color: #1e1e1e !important;
}

.footer__col h6 {
    padding: 8px 0 20px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.78;
    letter-spacing: 0;
    white-space: nowrap;
}

.accordion__entry li {
	line-height: 1.7;
	font-weight: 500;
	font-size: clamp(1rem, .0763358779vw + .9799618321rem, 1.0625rem);
	list-style-position: inside;
}

#dozenzoeker{
	display: none!important;
}
.section-content__inner{
	padding: 4em 15%;
}
@media (max-width: 1024){
	.section-content__inner{
		padding: 4em 10%;
	}
}
@media (max-width: 767px){
	.section-content__inner{
		padding: 4em 0%;
	}
}
@media (min-width: 767px){
	.section-intro__image:before {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 832px;
		height: 832px;
		display: block;
		content: "";
		border-radius: 50%;
		background: #ffeedc;
		transform: translateY(-50%);
	}
	.section-intro__image {
		position: absolute;
		top: 0;
		bottom: -12%;
		left: 60%;
		height: auto;
		width: 100%;
		z-index: 1;
	}
}
.section-content__inner h1{
	color: #0071b9;
}
.section-content__inner h3{
margin-top: 1em;
}
.section-content__inner p {
    color: #2b2b2b;
}
.section-content__inner ul {
    margin-left: 2em;
}
.section-meet__image{
	width: 30%;
}
.section-meet__entry {
    width: 60%;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-meet__image {
        width: 100%;
        margin-bottom: 48px;
    }
	    .section-meet__entry {
        width: 100%;
    }
}
.article-single__author img{
	height: 2.5em;
    width: 2.5em;
    border-radius: 50%;
}
.single-post__image{
	height: 45%;
}
.single-post__image a{
	height: 100%;
}
.single-post__image a img{
	height: 100%;
}
.product-popup__wrap{
	width: 70%;
}
div.gform_wrapper.gravity-theme.gform-theme--no-framework .gform_fields{
	gap: 16px 16px!important;
	display: grid;
}
.section-info-column li{
	font-size: clamp(1rem, .0763358779vw + .9799618321rem, 1.0625rem);
    font-weight: 500;
}

.section-features__cols .section-features__col:nth-of-type(2) p::after{
	content: ".";
}

.cfw-cart-table .cart-item-row .cfw-cart-item-description .cfw-cart-item-title {
    font-size: 16px;
    font-weight: 400;
    padding-left: 24px;
}
body.futurist.woocommerce-checkout #cfw-cart-summary .cfw-cart-table .cart-item-row .cfw-cart-item-subtotal {
	padding-left: 1em;
}
.nav-second ul li a {
    font-weight: 500;
}
.contact-boxes ul li h3 a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
	text-transform: none!important;
	font-weight: 700!important;
	font-family: "Quicksand", Helvetica, Arial, sans-serif!important;
}
#section-cta .contact-boxes ul li p {
    font-size: 14px;
    line-height: 1.71;
    color: #222;
	font-weight: 500!important;
	font-family: "Quicksand", Helvetica, Arial, sans-serif!important;
}
#section-cta .section-cta__head h2 {
    margin-bottom: 5px;
    color: var(--theme-color-strong-blue)!important;
    line-height: 1.5;
    letter-spacing: 0;
	font-weight: 600!important;
	font-family: "Quicksand", Helvetica, Arial, sans-serif!important;
}
#section-cta .section-cta__head p {
    letter-spacing: 0;
	font-weight: 500!important;
	font-family: "Quicksand", Helvetica, Arial, sans-serif!important;
}
.cfw-cart-table .cart-item-row .cfw-cart-item-description .cfw-cart-item-title span {
    font-size: 14px!important;
    line-height: 1.66!important;
    font-weight: 700!important;
    letter-spacing: .28px!important;
    color: #3a3a3a!important;
    text-decoration: none!important;
    word-break: break-word!important;
	font-family: "Quicksand", Helvetica, Arial, sans-serif!important;
}
#cfw-shipping-same-billing *{
	font-family: "Quicksand", Helvetica, Arial, sans-serif!important;
}
#cfw-shipping-same-billing .cfw-radio-reveal-title, #cfw-shipping-same-billing .cfw-radio-reveal-title{
	font-size: 14px!important;
}
.wp-google-name:before {
	display: block;
	margin: 5px 0 6px;
	content: 'Google Beoordeling'!important;
	font-size: 13px;
	line-height: 1;
	color: #6a6a6a;
	font-weight: 700;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .header-cart .cart-totals__body {
        padding-bottom: 100px !important
    }
}
@media (min-width: 1025px) {
.hideonpc {
 display: none !important;
}
}
div.gform_wrapper.gravity-theme.gform-theme--no-framework .gform_fields {
    gap: 16px 16px !important;
    display: flex!important;
}

#svvc-vat-message{
    font-size: 14px!important;
    line-height: 1.66!important;
    font-weight: 500!important;
    letter-spacing: .28px!important;
    color: #3a3a3a;
    text-decoration: none!important;
    word-break: break-word!important;
}
#svvc-vat-message.svvc-invalid{
    font-size: 14px!important;
    line-height: 1.66!important;
    font-weight: 500!important;
    letter-spacing: .28px!important;
    color: #F86062!important;
    text-decoration: none!important;
    word-break: break-word!important;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav {
        padding: 0 20px;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav>ul>li>ul>li>ul {
        position: fixed;
        top: 71px;
        padding: 0 42px 0 21px;
        overflow: auto;
        max-width: 365px;
        max-height: calc(63vh - 10px);
    }
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav>ul>li>ul>li>ul>li>ul {
         position: fixed;
        top: 71px;
        padding: 0 42px 0 21px;
        overflow: auto;
        max-width: 365px;
        max-height: calc(63vh - 10px);
    }
}

.mobile-menu .mobile-menu__body {
    padding-inline: 0;
}

.mobile-menu .mobile-menu__link {
    padding-inline: 33px 80px;
    background-position-x: calc(100% - 55px);
}

.section-faq__title h1 {
    font-weight: 700;
    letter-spacing: 0px;
    color: var(--theme-color-primary-blue);
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: -.03em;
    font-size: 1.5rem;
}

.header-info-bar {
    text-align: center;
    background: #F86062;
    color: #fff;
    padding: 5px 0;
}

.products .product {
    overflow: hidden;
}

.products .product .product__content a::after {
   content: '';
    position: absolute;
    inset: -99999px;
}
.product .featured-products{
    margin: unset;
    margin-top: 2em;
}
.shipping-excl-vat{
    display: none;
}

.woocommerce-EditAccountForm{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.woocommerce-EditAccountForm > p{
    width: 50%;
}

.woocommerce-EditAccountForm fieldset{
    order: 1;
    width: 100%;
}
.woocommerce-EditAccountForm p:not(.woocommerce-form-row){
    order: 2;
}