/*
Theme Name: Monkey Vision
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/



:root {
    --primary: #213b47;
    --secondary: #f1f3f5;
    --accent: #738E99;
}


/* #region ALGEMEEN */
/********************** ALGEMEEN ***********************/
/********** FONT **********/
h1 {
    font-size: 52px;
    line-height: 58px;
    margin-bottom: 0.25em;
    font-weight: 400;
}

body.home h1 {
    font-size: 65px;
    line-height: 72px;
    font-weight: 400;
}


h2 {
    font-size: 52px;
    line-height: 55px;
    font-weight: 400;
}

h3 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 400;
}

h4 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
}

@media only screen and (max-width: 850px){
    body.home h1,
    h1 {
        font-size: 52px;
        line-height: 58px;
    }

    h2 {
        font-size: 42px;
        line-height: 45px;
    }

    h2 > br {
        display: none;
    }
}

@media only screen and (max-width: 550px){
    body.home h1,
    h1 {
        font-size: 35px;
        line-height: 40px;
    }

    h2 {
        font-size: 28px;
        line-height: 32px;
    }
}


/********** BUTTON **********/
a.button {
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 18px;
}

@media screen and (max-width: 550px) {
    a.button {
        font-size: 16px;
    }
}

a.button:not(.is-link){
    border-radius: 12px;
    padding: 5px 1.2em;
}

a.button.secondary:not(.is-link){
    border-color: var(--secondary);
    color: var(--primary);
}

a.button.white:not(.is-link){
    color: var(--primary) !important;
}

a.button.white.transparent:not(.is-link){
    color: #fff !important;
    background-color: #FFFFFF14 !important;
}

a.button.primary:not(.is-link):hover{
    color: #fff;
    background-color: var(--accent);
    transform: scale(1.03);
    box-shadow: 0px 30px 40px rgba(115, 142, 153, 0.2);
}

a.button.secondary:not(.is-link):hover {
    color: #fff;
    background-color: var(--primary);
    transform: scale(1.03);
    box-shadow: 0px 30px 40px rgba(33, 59, 71, 0.2);
}

a.button.white:not(.is-link):hover{
    background-color: var(--accent) !important;
    border-color: var(--accent);
    color: #fff !important;
    transform: scale(1.03);
    box-shadow: 0px 30px 40px rgba(33, 59, 71, 0.2);
}

a.button:not(.is-link) i {
    right: 5px;
    top: 0;
    font-weight: 800 !important;
    color: var(--accent);
    transition: all 150ms ease 0ms;
}

a.button:not(.is-link):hover i {
    right: 0px;
    font-weight: 800 !important;
    color: #fff;
}


/* BUTTON - LINK */
a.button.is-link i {
    font-size: 1.2em;
    right: 0;
    transition: right 150ms ease-in-out 50ms;
}


a.button.is-link:not(.scroll):before {
    content: "";
    background-color: var(--primary);
    position: absolute;
    left: 0;
    bottom: 7px;
    height: 2px;
    width: 0%;
    transition: all 150ms ease-in-out 50ms;
}

a.button.is-link:hover:before {
    width: 100%;
}

a.button.is-link:hover i {
    right: -5px;
}


/********** MAX TEXT **********/
@media only screen and (min-width: 850px){
    .text.max-700 {
        max-width: 700px;
    }
    .text.max-500 {
        max-width: 500px;
    }
    .text.max-400 {
        max-width: 400px;
    }
    .text.max-380 {
        max-width: 380px;
    }
}


/********** GRADIENT **********/
section.gradient > .section-bg{
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(241,243,245,1) 100%);
}


/********** BACKGROUND IMAGE ALIGNMENT **********/
section.image-left > .section-bg,
section.image-right > .section-bg {
    width: 45%;
    margin-left: auto !important;
    border-radius: 32px 0 0 32px;
    box-shadow: 0px 30px 40px rgba(115, 142, 153, 0.24);
}

section.image-left > .section-bg {
    margin-left: 0 !important;
    margin-right: auto !important;
    border-radius: 0 32px 32px 0;
}

section.image-left.big > .section-bg,
section.image-right.big > .section-bg {
    width: 52%;
}


@media only screen and (min-width: 1000px){
    section.image-left > .section-content > .row > .col:last-of-type {
        padding-left: 75px;
    }
}

@media only screen and (max-width: 850px){
    section.image-left.big,
    section.image-right.big,
    section.image-left,
    section.image-right {
        padding-bottom: 375px !important;
        margin-bottom: 50px !important;
        padding-top: 25px !important;
    }

    section.image-left.big > .section-bg,
    section.image-right.big > .section-bg,
    section.image-left > .section-bg,
    section.image-right > .section-bg {
        width: 100%;
        height: 350px;
        top: auto;
        bottom: 0;
        border-radius: 0px;
        box-shadow: none;
    }

    section.image-left.big,
    section.image-right.big {
        padding-bottom: 250px !important;
    }
}

@media only screen and (max-width: 850px){
    section.image-left,
    section.image-right {
        padding-bottom: 300px !important;
        margin-bottom: 50px !important;
        padding-top: 25px !important;
    }

    section.image-left.big > .section-bg,
    section.image-right.big > .section-bg,
    section.image-left > .section-bg,
    section.image-right > .section-bg {
        width: 100%;
        height: 300px;
        top: auto;
        bottom: 0;
        border-radius: 0px;
        box-shadow: none;
    }

    section.image-left.big,
    section.image-right.big {
        padding-bottom: 200px !important;
    }
}


/********** ALIGNMENT **********/
section.image-left.big .row > .col,
section.image-right.big .row > .col {
    padding-bottom: 0px !important;
}

@media only screen and (max-width: 850px){
    section.m-margin-0 {
        margin-bottom: 0px !important;
    }
}



/********** CIRCLES **********/
section.circle-left::before {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-left.svg);
    width: 750px;
    height: 1050px;
    position: absolute;
    left: -125px;
    top: -325px;
}

@media screen and (max-width: 850px) {
    section.circle-left::before {
        display: none;
    }
}



/* #endregion */


/* #region HEADER */
/********************** HEADER ***********************/
.mfp-bg.off-canvas-center:not(.dark) {
    opacity: 1 !important;
}

.header-shadow .header-wrapper {
    box-shadow: 0px 60px 80px rgba(115, 142, 153, 0.1);
}

.has-dropdown .icon-angle-down {
    color: var(--accent);
} 

.nav>li>a {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.nav>li.current-menu-item a{
    text-decoration: underline;
}

@media screen and (min-width: 550px) { 
    header #masthead > .container {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }   
}

header #masthead ul.header-nav {
    justify-content: center;
}

.nav>li.cart-item .image-icon::after {
    background-color: var(--primary);
}

.nav>li>a>i.icon-search {
    font-size: 1em;
}

.nav>li.header-search i.icon-search {
    color: var(--primary);
}

.nav>li.account-item>a>i {
    background-image: url(/wp-content/uploads/2022/03/icon_account.svg);
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
}

.nav>li.account-item>a>i::before {
    visibility: hidden;
}

/* DROPDOWN */
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    display: none;
}

.nav-dropdown-has-border .nav-dropdown {
    border: none !important;
    border-radius: 0 0 20px 20px;
    box-shadow: none !important;
}

.nav-dropdown.nav-dropdown-default>li>a {
    border: none;
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    color: #000;
    opacity: .5;
    font-weight: 400;
}

.nav-dropdown.nav-dropdown-default>li>a:hover {
    opacity: 1;
}

.header-search-form-wrapper .autocomplete-suggestion .search-image {
    display: none;
}


/* #endregion */


/* #region FOOTER */
/********************** FOOTER ***********************/
footer .footer h4 {
    color: var(--primary) !important;
}

footer .footer h4 {
    margin-bottom: 0.75em;
    color: #fff !important;
}

footer .footer p {
    margin-bottom: 1em !important;
    opacity: .75;
}

footer .footer p strong {
    font-weight: 500 !important;
}

footer p a {
    font-family: "Hammersmith One", sans-serif;
    font-size: 18px;
    color: #fff !important;
    opacity: 1;
}

footer > section.footer {
    padding-bottom: 10px !important;
}

@media screen and (max-width: 850px) {
   footer > section.has-block {
       padding-bottom: 0px !important;
   }
   footer > section.has-block #block_widget-3 {
       margin-bottom: 0px !important;
   }
}


/********** FOOTER TOP-BAR **********/
footer .top-bar .icon-box h4 {
    margin: 7px 0 10px 0;
}

footer .top-bar .icon-box p {
    max-width: 200px;
}

/* CIRCLE BACKGROUND */
footer > section.top-bar {
    overflow: hidden;
}

footer > section.top-bar::before {
    content: "";
    width: 550px;
    height: 850px;
    position: absolute;
    right: 0;
    top: 35%;
    background-image: url(/wp-content/uploads/2022/03/circle-right-footer.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}


@media only screen and (min-width: 850px) and (max-width: 1200px) {
    footer > section.top-bar .row > .col {
        width: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    footer > section.top-bar .row > .col:first-of-type .col-inner {
        padding-left: 100px !important;
    }
}

@media only screen and (max-width: 1200px) {
    footer > section.top-bar .row > .col:first-of-type .col-inner {
        width: fit-content;
        margin: 0 auto;
    }

    footer .icon-box {
        width: fit-content;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 650px){
    footer > section.top-bar .row > .col {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    footer > section.top-bar .row > .col:first-of-type p {
        text-align: center;
    }
}

@media only screen and (max-width: 550px) {
    footer > section.top-bar::before {
        width: 400px;
        height: 575px;
        top: 75%;
    }
}


/********** FOOTER TOP **********/
footer .footer-top .img.logo-footer {
    max-width: 200px;
}

footer .footer-top .img.badges {
    max-width: 575px;
    margin-left: auto;
}

@media only screen and (max-width: 850px) {
    footer .footer-top .img.badges {
        margin-left: 0;
    }  
}


/********** FOOTER MAIN **********/
footer > .section.footer {
    z-index: 1;
}

footer .footer-main {
    border-top: 2px solid #27414D;
    border-bottom: 2px solid #27414D;
}

footer .footer-main .col.support p {
    color: #738E99;
    opacity: 1;
}

footer .footer-main .col.support p em{
    font-style: unset;
    opacity: 0.75;
    color: #fff;
}

.ux-menu .menu-item,
.ux-menu .menu-item a {
    min-height: auto;
}

.ux-menu .menu-item a {
    padding-top: 5px;
    padding-bottom: 5px;
    opacity: .75;
}

footer p a,
footer .ux-menu a span {
    position: relative;
}

footer p a::before,
footer .ux-menu a span::before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 2px;
    width: 0%;
    transition: all 150ms ease-in-out 50ms;
}

footer p a:hover::before,
footer .ux-menu a:hover span::before {
    width: 100%;
}

footer table td {
    border: none !important;
    padding: 0 0 5px 0;
    opacity: .75;
}


/********** ABSOLUTE FOOTER **********/
footer > .absolute-footer {
    display: none;
}

footer .footer-absolute > .col {
    padding-bottom: 0px;

}

footer .footer-absolute p {
    color: #738E99;
    opacity: 1;
}

@media only screen and (max-width: 850px) {
    footer .footer-absolute .col .text,
    footer .footer-absolute .col-inner {
        text-align: center !important;
    }

    footer .footer-absolute > .col:last-of-type .col-inner {
        padding-top: 0px !important;
    }
}



/* #endregion */


/* #region FORMULIER */
/********************** GFORM FORMULIER ***********************/
input,
select {
	padding: 10px 15px !important;
}
.woocommerce select {
	padding:0 10px!important;
    color: #000 !important;
}
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
    border-radius: 12px;
    box-shadow: none;
    line-height: 1.2em !important;
    border: 2px solid var(--secondary) !important;
}

.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield textarea.error,
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select.error,
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield input.error {
    margin-bottom: 0px !important;
}

					/*kleine velden*/
input[type=text],input[type=tel],input[type=email],input[type=password] {
    border: none !important;
    border-radius: 12px !important;
    border: 2px solid var(--secondary) !important;
    background-color: white !important;
    line-height: 24px !important;
    box-shadow: none !important;
    color: #000 !important;
}
					/*selectie kleine velden*/
input[type=text]:focus,input[type=tel]:focus {
    border: 2px solid var(--primary) !important;
	box-shadow: none !important;
}
					/*bericht*/
textarea {
    border: none;
    border-radius: 12px !important;
    border: 2px solid var(--secondary) !important;
    background-color: white !important;
    margin-top: 20px !important;
    box-shadow: none !important;
    margin-top: 0px !important;
    color: #000 !important;
}
					/*selectie bericht*/
 textarea:focus {
    border: 2px solid var(--primary) !important;
	box-shadow: none !important;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] {
    margin-bottom: 0 !important;
}

body .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 0px;
}

body .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 4px !important;
}

body .gform_legacy_markup_wrapper ul li.gfield label {
    margin-bottom: 0px;
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    color: var(--primary);
    font-weight: 400;
}

.gform_legacy_markup_wrapper .gfield_required {
    color: var(--accent);
    margin-left: 1px;
}

.gform_legacy_markup_wrapper .gform_footer {
    margin-top: 0px !important;
    padding-top: 0px !important;
    text-align: right;
}

.gform_legacy_markup_wrapper .gform_footer input[type=submit] {
    border-radius: 12px;
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    text-transform: unset;
    padding: 1em 3em 1em 1.5em !important;
    box-shadow: 0px 45px 60px rgba(115, 142, 153, 0.12);
    background-image: url(/wp-content/uploads/2022/03/arrow-right.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 87% 50%;
}



/******************** VALIDATIE **************************/
					/* ERROR */
/* border van kleine velden error */
    .gform_wrapper input[type=text].error,
    .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select.error,
	.woocommerce-input-wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=tel].error,
	.woocommerce-input-wrapper input[type=email].error {
        border: 2px solid #EE2B2B !important;
    }
/*error tekst onder het bericht*/
	.gform_wrapper label.error,
	html .woocommerce-input-wrapper label.errror {
		color: #cf361f!important;	
	}

/* border van tekstveld error */
	.gform_wrapper textarea.error,
	.woocommerce-input-wrapper  textarea.error{
	    border: 2px solid #EE2B2B !important;
        position: relative;
}


/* #endregion */


/* #region WOOCOMMERCE */
/********************** WOOCOMMERCE SHOP PAGE  ***********************/
/********** ALGEMEEN **********/
.woocommerce-result-count,
.woocommerce-ordering {
	display:none!important;
}


/********** BREADCRUMBS **********/
nav.woocommerce-breadcrumb a {
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    color: var(--primary);
    opacity: 0.4;
}

nav.woocommerce-breadcrumb > a:last-of-type {
    opacity: 1;
}


/********** SHOP PAGE **********/
.shop-page-title .next-prev-thumbs  {
    display: none;
}

.shop-page-title .page-title-inner.flex-row,
.row.category-page-row {
    max-width: 1750px;
}

.shop-page-title .page-title-inner.flex-row > .flex-col:first-of-type {
    display: flex;
    flex-direction: column-reverse;
}

.shop-page-title h1.shop-page-title {
    font-size: 38px;
    line-height: 42px;
    margin: 20px 0 0 0;
}

.shop-page-title .woocommerce-breadcrumb {
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--primary);
    margin-top: 20px;
}

.shop-page-title .woocommerce-breadcrumb a{
    opacity: 0.4 !important;
}

@media only screen and (min-width: 1100px){
    .row.category-page-row .col.large-9 {
        margin-top: -75px;
    }
}


/* GRID LAYOUT */
.has-equal-box-heights .box-image {
    padding-top: 60% !important;
}

@media screen and (max-width: 1610px) {
    .product-small .box .box-text .price-wrapper .view-product-btn a,
    .product-small .box .box-text .price-wrapper .product-addtocart a span {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1510px) {
   div:not(.row.equalize-box.large-columns-3) > .product-small .box .box-text .price-wrapper .flex-col.buttons {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    div:not(.row.equalize-box.large-columns-3) > .product-small .box .box-text .price-wrapper .product-addtocart a {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1300px) {
    .row.large-columns-3.equalize-box,
    .row.products {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .row.large-columns-3.equalize-box .product-small,
    .row.products .product-small{
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media screen and (min-width: 850px) and (max-width: 1100px) {
    div:not(.row.equalize-box.large-columns-3) > .product-small .box .box-text .price-wrapper .flex-col.buttons {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    div:not(.row.equalize-box.large-columns-3) > .product-small .box .box-text .price-wrapper .product-addtocart a {
        margin-top: 10px;
    }
}

@media screen and (min-width: 650px) and (max-width: 775px) {
    div.row.equalize-box.large-columns-3 > .product-small .box .box-text .price-wrapper .flex-col.buttons {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    div.row.equalize-box.large-columns-3 > .product-small .box .box-text .price-wrapper .product-addtocart a {
        margin-top: 10px;
    }
}

@media screen and (max-width: 650px) {
    .row.large-columns-3.equalize-box,
    .row.products {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media screen and (min-width: 650px) and (max-width: 750px) {
    .products .product-small .box .box-text .price-wrapper .flex-col.buttons {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .products > .product-small .box .box-text .price-wrapper .product-addtocart a {
        margin-top: 10px;
    }
}


/********** SEARCH AND FILTER **********/
.searchandfilter > ul > li {
    margin-left: 0px;
}

.searchandfilter > ul h4 {
    color: var(--primary);
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    line-height: 16px;
    opacity: .4;

}

.searchandfilter ul li.empty {
    display: none;
}

.searchandfilter > ul ul li {
    margin-left: 0px;
    padding: 0px;
}

.searchandfilter > ul ul li input {
    margin: 0;
}

.searchandfilter > ul ul li label {
    font-size: 16px;
    color: var(--primary);
    font-weight: 600 !important;
}

.searchandfilter > ul ul li label:hover {
    text-decoration: underline;
}

/* RESET */
.searchandfilter > ul li.sf-field-reset input {
    border-radius: 12px;
    padding: 5px 1.5em !important;
    font-size: 18px;
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
    text-transform: unset;
}

/* BOXES */
.searchandfilter > ul li[data-sf-field-input-type="radio"] ul {
    display: grid;
    grid-template-columns: repeat(2, 150px);
    column-gap: 10px;
}

.searchandfilter > ul li[data-sf-field-input-type="radio"] ul li input,
.searchandfilter > ul li[data-sf-field-input-type="radio"] ul > li:first-of-type {
    display: none;
}

.searchandfilter > ul li[data-sf-field-input-type="radio"] ul li label {
    border: 2px solid var(--secondary);
    border-radius: 12px;
    width: 150px;
    display: block;
    text-align: center;
    padding: 10px;
    margin-right: 10px;
}

.searchandfilter > ul li[data-sf-field-input-type="radio"] ul li.sf-option-active label {
    border: 2px solid var(--primary);
    background-color: var(--primary);
    color: #fff;
}

@media screen and (max-width: 1400px) {
    .searchandfilter > ul li[data-sf-field-input-type="radio"] ul {
        grid-template-columns: repeat(1, 150px);
        row-gap: 10px;
    }
}

body.term-accessoires .searchandfilter > ul li.sf-field-taxonomy-pa_flitslicht,
body.term-accessoires .searchandfilter > ul li.sf-field-taxonomy-pa_full-color,
body.term-accessoires .searchandfilter > ul li.sf-field-taxonomy-pa_infrarood {
	display: none;
}


/********** WOOCOMMERCE BUTTONS **********/
.woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward {
    color: #000;
}

.woocommerce-form-register button,
.woocommerce-form-login .button {
    padding: 5px 2em;
    border-radius: 12px;
    font-family: "Hammersmith One", sans-serif;
}

.cart-container .wc-proceed-to-checkout a {
    background-color: var(--primary) !important;
    color: #fff !important;
}

.quantity input[type=number] {
    height: 57px;
    max-width: 3.5em;
    width: 3.5em;
}

.cart-container .actions button {
    height: 53px;
    border-radius: 12px;
    float: right;
    margin-right: 0px;
}

.checkout-sidebar .place-order button {
    background-color: var(--primary) !important;
    border-radius: 12px !important
}


/*** PRODUCT PAGE FOOTER ***/
.woocommerce-page footer .widget section:not(.gradient) .col-inner > .text {
    margin-bottom: 20px !important;
}




/* #endregion */


/* #region PRODUCT THUMBNAIL */
/********************** PRODUCT THUMBNAIL ***********************/
.product-small .box:hover {
    transform: scale(1.05);
}

.product-small > .col-inner {
	height: 100% !important;
}

.product-small .box {
    border-radius: 16px;
    box-shadow: 0px 50px 75px #738E991F;;
    padding: 20px;
    background-color: #fff;
	height: 100% !important;
}


/* PRODUCT IMAGE BOX */
.product-small .box .box-image .out-of-stock-label {
    display: none;
}

.product-small .box .box-image {
    border-radius: 12px;
    box-shadow: 0px 50px 75px #738E991F;
}

.product-small .box .box-image img {
    max-height: 225px;
    width: fit-content;
}

.product-small .box .box-image a {
    text-align: center;
}

/* PRODUCT TEXT BOX */
.product-small .box .box-text {
    text-align: left;
    padding: 25px 20px 15px;
}

.product-small .box .box-text .title-wrapper p.category {
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: var(--accent);
    text-transform: unset;
}

.product-small .box .box-text .title-wrapper p.product-title {
    font-family: "Hammersmith One", sans-serif;
    font-size: 24px;
    line-height: 24px;
}

.product-small .box .box-text .title-wrapper ul {
    list-style: none;
    margin-top: 10px;
}

.product-small .box .box-text .title-wrapper ul li {
    margin: 0;
    padding-left: 25px;
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    color: var(--primary);
    position: relative;
}

.product-small .box .box-text .title-wrapper ul li::before {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/icon_check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    opacity: .35;
}


/* PRODUCT PRICE WRAPPER */
.product-small .box .box-text .price-wrapper .flex-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-small .box .box-text .price-wrapper .flex-col.price {
    margin-bottom: 15px;
}

.stock.label {
    font-size: 16px;
    line-height: 16px;
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
    padding-left: 25px;
    position: relative;
}

.add-to-cart-container .stock.out-of-stock::before,
.stock.label::before {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/check-icon-white.svg);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: center center;
    position: absolute;
    left: 0;
    top: -1px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}

.add-to-cart-container .stock.out-of-stock::before {
    top: 5px;
}

.stock.label.in-stock {
    color: #07A40D;
}

.stock.label.in-stock::before {
    background-color: #07A40D;
}

.add-to-cart-container .stock.out-of-stock {
    position: relative;
    padding-left: 25px;
    font-weight: 600;
}

.add-to-cart-container .stock.out-of-stock,
.stock.label.out-of-stock {
    color: #a40d07;
}

.add-to-cart-container .stock.out-of-stock::before,
.stock.label.out-of-stock::before {
    background-color: #a40d07;
    background-image: url(/wp-content/uploads/2022/03/times-white.svg);
    background-size: cover;
}

.product-small .box .box-text .price-wrapper .price {
    margin-bottom: 0px;
}

.product-small .box .box-text .price-wrapper .price bdi {
    font-family: "Hammersmith One", sans-serif;
    font-size: 26px;
    font-weight: 400;
}

.product-small .box .box-text .price-wrapper .price .woocommerce-Price-currencySymbol {
    color: var(--accent);
    opacity: .35;
    font-size: 18px;
}

.product-small .box .box-text .price-wrapper .price .woocommerce-price-suffix {
    display: none;
}

.product-small .box .box-text .price-wrapper .product-addtocart a,
.product-small .box .box-text .price-wrapper .view-product-btn a{
    margin: 0;
    position: relative;
}

.product-small .box .box-text .price-wrapper .product-addtocart a span {
    position: relative;
    padding-right: 25px;
}

.product-small .box .box-text .price-wrapper .product-addtocart a span::after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/plus-icon-accent.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 7px;
}

.product-small .box .box-text .price-wrapper .product-addtocart a:hover span::after {
    background-image: url(/wp-content/uploads/2022/03/icon-plus-dark.svg);
    height: 19px;
    width: 19px;
    top: 4px;
    right: -2px;
}

@media only screen and (max-width: 425px){
    .product-small .box .box-text .price-wrapper .flex-col.buttons {
        flex-direction: column;
        row-gap: 10px;
    }
    .product-small .box .box-text .price-wrapper .product-addtocart,
    .product-small .box .box-text .price-wrapper .view-product-btn,
    .product-small .box .box-text .price-wrapper .product-addtocart a,
    .product-small .box .box-text .price-wrapper .view-product-btn a {
        width: 100%;
    }
}


/* #endregion */


/* #region PRODUCT PAGE */
/********************** PRODUCT PAGE ***********************/
.single-product .custom-product-page::before {
content: '';
    background: url(/wp-content/uploads/2022/03/ring-right.svg) no-repeat;
    position: absolute;
    width: 750px;
    height: 1050px;
    top: -15%;
    right: -10%;
	user-select: none;
}

@media only screen and (max-width: 1500px) {
	.single-product .custom-product-page::before {
		right: -15%;
	}
}

@media only screen and (max-width: 1000px) {
	.single-product .custom-product-page::before {
		right: -20%;
	}
}

@media only screen and (max-width: 850px) {
	.single-product .custom-product-page::before {
		display: none;
	}
}

/********** HERO **********/
/* CATEGORIE */
.product_meta {
    margin-bottom: 0px;
}
.product_meta>span {
    border-top: none;
    visibility: hidden;
    padding: 0px;
}
.product_meta>span a {
    display: block;
    visibility: visible;
    font-size: 19px;
    line-height: 19px;
    color: var(--accent);
    font-family: "Hammersmith One", sans-serif;
}

/* TITLE */
h1.product-title {
    font-size: 52px;
    line-height: 55px;
    margin-bottom: 10px;
}

/* STOCK */
.stock-wrapper {
    margin-bottom: .5em;
}

/* PRICE */
.single-product .cart .quantity,
.single-product .cart .woocommerce-price-suffix {
    display: none;
}

.single-product .cart .btn-price {
    display: inline;
}

.single-product .cart .btn-price bdi{
    font-family: "Hammersmith One", sans-serif;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    margin-right: .75em;
}

.single-product .cart .btn-price bdi .woocommerce-Price-currencySymbol{
    color: var(--accent);
    opacity: .35;
    font-size: 21px;
}

/* ADD TO CART BUTTON */
.single-product .cart {
    margin-bottom: 0.5em;
}

.single-product .add-to-cart-container > p.stock {
    display: none;
}

.single-product .cart button {
    background-color: var(--primary) !important;
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
    font-size: 16px;
    border-radius: 12px;
    padding: 7px 50px 7px 25px;
    background-image: url(/wp-content/uploads/2022/03/icon_plus.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 85% 50%;
}

.single-product .cart button:hover {
	color: #fff;
    background-color: var(--accent) !important;
    transform: scale(1.03);
    box-shadow: 0px 30px 40px rgb(115 142 153 / 20%);
	background-image: url(/wp-content/uploads/2022/03/icon-plus-dark.svg)
}

.add-to-cart-container input.cwg_popup_submit  {
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
    font-size: 16px;
    border-radius: 12px;
    padding: 7px 50px 7px 25px;
    text-transform: unset;
    padding: 5px 1.5em !important;
}

@media only screen and (max-width: 850px){
    .single-product .cart .btn-price {
        display: block;
        margin: 20px 0;
    }
}


/* PRODUCT USPS */
.single-product ul.product-usps,
.single-product ul.product-usps li{
    margin-bottom: 0px;
    list-style: none;
}

.single-product ul.product-usps li{
    font-family: "Hammersmith One", sans-serif;
    color: var(--primary);
    font-size: 16px;
    position: relative;
}

.single-product ul.product-usps li::before{
    content: "";
    background-image: url(/wp-content/uploads/2020/12/checkmark.svg);
    background-size: contain;
    width: 13px;
    height: 13px;
    position: absolute;
    left: -20px;
    top: 5px;
}

/* PRODUCT IMAGES */
.product-images {
    margin-bottom: 25px;
}
.product-images::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    border-radius: 32px;
    box-shadow: 0px 50px 75px rgb(115 142 153 / 12%);
}
.product-images .image-tools.absolute.bottom {
    display: none;
}

.product-images .flickity-slider .slide {
    text-align: center;
}

.product-images .flickity-slider .slide img {
    max-width: 375px;
}

.product-images .flickity-prev-next-button.previous, .product-images .flickity-prev-next-button.next,
.product-thumbnails .flickity-prev-next-button.previous, .product-thumbnails .flickity-prev-next-button.next {
    background: #fff;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    box-shadow: 0px 25px 60px rgb(115 142 153 / 12%);
}

.product-thumbnails .flickity-prev-next-button.previous .flickity-button-icon, .product-thumbnails .flickity-prev-next-button.next .flickity-button-icon,
.product-images .flickity-prev-next-button.previous .flickity-button-icon, .product-images .flickity-prev-next-button.next .flickity-button-icon{
    width: 70% !important;
}

.product-thumbnails img {
    opacity: 1 !important;
    margin-bottom: 0px !important;
}

.product-thumbnails .is-nav-selected a,
.product-thumbnails .is-nav-selected a img {
    border: none !important;
    border-radius: 12px;
}

.product-thumbnails .is-nav-selected a,
.product-thumbnails .is-nav-selected a img {
    border: none !important;
    border-radius: 12px;
}

.product-thumbnails a:hover {
    border: none !important;
}

.product-thumbnails .col{
    border-radius: 12px;
    background: #fff;
    max-width: 20% !important;
    flex-basis: 20% !important;
    margin-right: 20px;
    margin-bottom: 25px !important;
    box-shadow: 0px 1px 20px rgb(115 142 153 / 12%);
}

body .slider .flickity-prev-next-button:hover svg {
    background-color: #fff !important;
}

@media only screen and (min-width: 850px){
    .product-images .slider:hover .flickity-prev-next-button.previous,
    .product-images .flickity-prev-next-button.previous {
        transform: translateX(-330px) !important;
    }
    .product-images .slider:hover .flickity-prev-next-button.next,
    .product-images .flickity-prev-next-button.next {
        transform: translateX(330px) !important;
    }

    .product-thumbnails .flickity-prev-next-button.next {
        transform: translateX(350px) translateY(-20px) !important;
    }

    .product-thumbnails.slider:hover .flickity-prev-next-button.next,
    .product-thumbnails .flickity-prev-next-button.next {
        transform: translateX(350px) translateY(-20px) !important;
    }

    .product-thumbnails.slider:hover .flickity-prev-next-button.previous,
    .product-thumbnails .flickity-prev-next-button.previous {
        transform: translateX(-350px) translateY(-20px) !important;
    }
}

@media only screen and (max-width: 850px){
    .product-images .flickity-slider .slide img {
        max-width: 300px;
    }
    .product-images .flickity-slider .slide {
        margin-bottom: 25px;
    }

    .product-images .slider:hover .flickity-prev-next-button.previous,
    .product-images .flickity-prev-next-button.previous,
    .product-images .slider:hover .flickity-prev-next-button.next,
    .product-images .flickity-prev-next-button.next {
        transform: translateX(0%) !important;
    }

    .product-thumbnails.slider:hover .flickity-prev-next-button.next,
    .product-thumbnails .flickity-prev-next-button.next,
    .product-thumbnails.slider:hover .flickity-prev-next-button.previous,
    .product-thumbnails .flickity-prev-next-button.previous {
        transform: translateX(0%) translateY(-15px) !important;
    }
}

@media screen and (max-width: 549px) {
    .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
}

/* PRODUCT UPSELL */
.upsells.products {
	border-top: none !important;
}

.upsells h3.product-section-title {
	text-transform: unset;
}

@media only screen and (min-width: 1000px){
	.upsells .row > .product-small {
		max-width: 33.33%;
		flex-basis: 33.33%;
		width: 33.33%;
	}
}

@media only screen and (max-width: 1000px){
	.upsells .row > .product-small {
		max-width: 50%;
		flex-basis: 50%;
		width: 50%;
	}
}

@media only screen and (max-width: 650px){
	.upsells .row > .product-small {
		max-width: 100%;
		flex-basis: 100%;
		width: 100%;
	}
}


/********** INFORMATION **********/
.single-product .section.information::after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-left.svg);
    height: 1050px;
    width: 750px;
    position: absolute;
    left: -125px;
    top: 50%;
}

@media screen and (max-width: 850px) {
    .single-product .section.information::after {
        display: none;
    }
}


.col.product-description h2,
.col.specifications h2{
    font-size: 38px;
    line-height: 42px;
}

@media only screen and (min-width: 850px){
    .col.product-description p {
        max-width: 475px;
    } 
}

@media only screen and (max-width: 650px){
    .single-product .section.information {
        padding-bottom: 25px !important;
    }
}


/* TABLE */

.single-product .section.information .specifications table td {
    padding: 5px 0px;
}

.single-product .section.information .specifications table tr > td:first-of-type {
    text-transform: unset;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    width: 40%;
}

.single-product .section.information .specifications table tr > td:last-of-type {
    width: 60%;
    color: var(--primary);
    font-family: "Hammersmith One", sans-serif;
    font-size: 16px;
    line-height: 21px;
}

.single-product .section.information .specifications table tr > td:empty {
    display: none !important;
}

@media only screen and (max-width: 550px){
    .single-product .section.information .specifications table td {
        width: auto;
    }
}



/* #endregion */


/* #region HOMEPAGE */
/********************** HOMEPAGE ***********************/
/********** HERO **********/
section.hero {
    height: calc(100vh - 125px);
    z-index: 2;
}

@media only screen and (max-width: 850px){
    section.hero {
        height: calc(100vh - 225px);
    } 
}

@media only screen and (max-width: 550px){
    section.hero {
        height: calc(100vh - 250px);
    } 
}

section.hero > .section-content {
    height: 100%;
    display: flex;
    align-items: center;
}

/*** SCROLL TO BUTTON ***/
section.hero a.button.scroll {
    position: absolute;
    right: 25px;
    bottom: 15px;
    margin: 0;
}

section.hero a.button.scroll span {
    position: relative;
    padding-right: 35px;
}

section.hero a.button.scroll span::after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/mouse-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 32px;
    position: absolute;
    right: 0;
    top: -5px;
}

@media only screen and (max-width: 1500px){
    section.hero a.button.scroll {
        left: 0;
        right: 0;
        bottom: 85px;
    }
}

@media only screen and (max-width: 850px){
    section.hero a.button.scroll {
        bottom: 25px;
    }
}


/*** USPS ***/
section.usp-bar.sticky {
    margin-top: -66px;
    z-index: 2;
}

@media only screen and (max-width: 1000px){
    section.usp-bar.sticky {
        margin-top: -85px;
    }
}

@media only screen and (max-width: 850px){
    section.usp-bar.sticky {
        margin-top: 0;
    }
}

section.usp-bar:not(.sticky) .usps.row {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 60px 80px rgba(115, 142, 153, 0.15);
}

section.usp-bar.sticky .usps.row {
    background-color: #fff;
    border-radius: 16px 16px 0 0;
}

section.usp-bar.sticky .usps.row .col {
    padding-bottom: 0px;
}

section.usp-bar:not(.sticky) .usps.row .col{
    padding-bottom: 0px;
}

.usps.row > .col:first-of-type .col-inner {
    border-top-left-radius: 16px;
}
.usps.row > .col:last-of-type .col-inner {
    border-top-right-radius: 16px;
}

.usps .icon-box {
    width: fit-content;
}

.usps .icon-box.left {
    margin-right: auto !important;
}
.usps .icon-box.right {
    margin-left: auto !important;
}
.usps .icon-box.center {
    margin: 0 auto !important;
}

.usps .icon-box p {
    font-size: 18px;
    color: var(--primary);
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
}

@media only screen and (max-width:850px){
    .usps .icon-box.left,
    .usps .icon-box.right,
    .usps .icon-box.center {
        margin: 0 auto !important;
    }

    .usps > .col:last-of-type .col-inner {
        border-top-right-radius: 0px;
    }

    .usps > .col:nth-child(2) .col-inner {
        border-top-right-radius: 16px;
    }

    .usps > .col {
        padding-bottom: 0px !important;
    }

    .usps > .col:not(:first-of-type) .col-inner {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 550px) {
    .usps .icon-box p {
        font-size: 16px;
    }

    .usps .icon-box .icon-box-img {
        width: 16px !important;
    }
}


/********** CAMERASYSTEMEN **********/
.section.camerasystemen::before {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-left.svg);
    height: 1050px;
    width: 750px;
    position: absolute;
    left: -125px;
    bottom: 67.5%;
    z-index: 0;
}

.section.camerasystemen::after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-right.svg);
    height: 1050px;
    width: 750px;
    position: absolute;
    right: -125px;
    top: 67.5%;
    z-index: 0;
}

@media screen and (max-width: 850px) {
    .section.camerasystemen::before,
    .section.camerasystemen::after {
        display: none;
    }
}



/********** ICON-BOX **********/
.icon-box h5 {
    font-family: "Hammersmith One", sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: var(--primary);
    margin-bottom: 0px;
}

.icon-box-img svg {
    padding-top: 0.2em;
}


/********** REVIEWS **********/
.flickity-slider>.row:not(.is-selected){
    opacity: 1 !important;
    transform: scale(0.8);
    background-color: #fff;
    transition: background-color 150ms ease 0ms;
}

.flickity-slider > .row {
    background-color: var(--primary);
    box-shadow: 0px 5px 20px 1px rgb(0 0 0 / 10%);
    margin: 25px 0 !important;
    border-radius: 30px;
}

.flickity-slider > .row .testimonial-box{
    padding: 50px !important;
}

.flickity-slider>.row:not(.is-selected) .testimonial-text h4,
.flickity-slider>.row:not(.is-selected) .testimonial-name,
.flickity-slider>.row:not(.is-selected) .testimonial-text p {
    color: var(--primary);
}

.flickity-slider > .row .testimonial-box .testimonial-text h4{
    font-style: normal;
    margin-top: 20px;
}

.flickity-slider > .row .testimonial-box .testimonial-text p{
    opacity: 0.75;
    font-style: normal;
}

.flickity-slider > .row .testimonial-box .star-rating {
    width: 7em !important;
}

.flickity-slider > .row .testimonial-box .star-rating:before{
    color: var(--accent);
    letter-spacing: 5px;
}

.flickity-slider > .row .testimonial-box .star-rating span:before{
    color: var(--accent);
    letter-spacing: 5px;
}

.flickity-slider > .row .testimonial-box .testimonial-name {
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
}

.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
    opacity: 1 !important;
}

.slider .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button svg {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.slider-nav-light .flickity-prev-next-button:hover .arrow,
.slider-nav-light .flickity-prev-next-button .arrow {
    fill: var(--accent) !important;
}

@media only screen and (min-width: 850px){
    .slider:hover .flickity-prev-next-button.previous,
    .flickity-prev-next-button.previous {
        left: 50%;
        transform: translateX(-375px) !important;
    }

    .slider:hover  .flickity-prev-next-button.next,
    .flickity-prev-next-button.next {
        right: 50%;
        transform: translateX(375px) !important;
    }
}


/********** PLUG AND PLAY **********/
.section.plug-play::after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-left.svg);
    height: 1050px;
    width: 750px;
    position: absolute;
    left: -125px;
    top: 40%;
    z-index: 1;
}

.section.plug-play .section-content {
    z-index: 2;
}

@media screen and (max-width: 850px) {
    .section.plug-play::after {
        display: none;
    } 
}


/********** ASSURANCES **********/
@media only screen and (max-width: 850px) {
    section.assurances {
        padding-bottom: 25px !important;
    }
}

@media only screen and (max-width: 850px){
    section.assurances .row > .col:last-of-type .col-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 750px){
    section.assurances .row > .col:last-of-type .col-inner {
        grid-template-columns: 1fr;
    }
}


/* #endregion */


/* #region INSTALLATIESERVICE */
/********************** INSTALLATIESERVICE ***********************/
/********** HERO **********/
section.installatieservice::after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-left.svg);
    height: 1050px;
    width: 750px;
    position: absolute;
    left: -75px;
    top: -300px;
}

@media screen and (max-width: 1000px) {
    section.installatieservice::after {
        left: -325px;
    }
}

@media screen and (max-width: 850px) {
    section.installatieservice::after {
        display: none;
    }
}

section.installatieservice .section-bg {
    width: 40%;
    margin-left: auto !important;
}

@media only screen and (max-width: 1000px){
    section.installatieservice .section-bg {
        width: 60%;
        opacity: 0.75;
    }
}

@media only screen and (max-width: 700px){
    section.installatieservice .section-bg {
        width: 75%;
    }
}

@media only screen and (max-width: 550px){
    section.installatieservice .section-bg {
        width: 100%;
    }
}




/* #endregion */


/* #region OVER CAMMAR */
/********************** OVER CAMMAR ***********************/
/********** HERO **********/
section.about::after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-left.svg);
    height: 1050px;
    width: 750px;
    position: absolute;
    left: -75px;
    top: -300px;
}

@media screen and (max-width: 1000px) {
    section.about::after {
        left: -325px;
    }
}

@media screen and (max-width: 850px) {
    section.about::after {
        display: none;
    }
}

section.about .section-bg {
    background-size: cover !important;
    background-position: 50% 0%;
    width: 30%;
    margin-right: 17.5% !important;
    margin-left: auto !important;
}

@media screen and (max-width: 1300px) {
    section.about .section-bg {
        width: 50%;
        margin-right: 0% !important;
    } 
}

@media screen and (max-width: 850px) {
    section.about .section-bg {
        background-position: 0% 0%;
    } 

    section.about ~ section.safe {
        margin-bottom: 0px !important;
    }
}



/* #endregion */


/* #region CONTACT */
/********************** CONTACT ***********************/
/* BG */
section.contact:before{
    content: "";
    background-image: url(/wp-content/uploads/2022/03/ring-left.svg);
    background-size: auto;
    height: 1000px;
    width: 750px;
    position: absolute;
    left: -110px;
    top: 20%;
}

@media only screen and (max-width: 850px){
    section.contact:before{
        /* left: -13%; */
        top: 25%;
    }

    section.contact + section > .section-content > section.has-block {
        padding-bottom: 0px !important;
    }
}

@media only screen and (max-width: 550px){
    section.contact .row > .col:last-of-type{
        padding-bottom: 0px !important;
    }
}


/* #endregion */


/* #region IN STOCK NOTIFIER */
/********************** IN STOCK NOTIFIER ***********************/
.swal2-container .swal2-content {
    padding: 0px;
}
.swal2-container .swal2-content .panel,
.swal2-container .swal2-content .panel-heading{
    background-color: transparent !important;
    border: none;
    margin-bottom: 0px;
}

.swal2-container .panel-body input.cwgstock_button,
.swal2-container .swal2-content .panel {
    box-shadow: none;
}

.swal2-container button.swal2-close {
    margin: 0;
    min-height: auto;
    font-size: 32px;
    color: #000;
}

.swal2-container .swal2-content .panel-heading h4{
    color: #000;
    margin-top: 15px;
}


.swal2-container .panel-body input.cwgstock_button {
    border-radius: 12px;
    font-family: "Hammersmith One", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
}

@media only screen and (max-width: 1000px) {
    .swal2-container .panel-body > .row {
        margin: 0;
    }
    .swal2-container .panel-body > .row > div,
    .swal2-container .panel-body > .row > div > div {
        /* padding: 0px !important; */
        width: 100%;
    } 
}

@media only screen and (max-width: 550px) {
    .swal2-container .panel-body > .row > div,
    .swal2-container .panel-body > .row > div > div,
    .swal2-container .panel-body {
        padding: 0px !important;
    } 
}

@media only screen and (max-width: 550px) {
    .swal2-container .panel-body input.cwgstock_button {
        font-size: 12px;
    }
}


/* #endregion */