/*
Theme Name:		 English Graphics website
Theme URI:		 https://pixelatedorange.com
Description:	 Theme by Pixelated Orange
Author:			 Pixelated Orange
Author URI:		 https://pixelatedorange.com
Template:		 twentyseventeen
Version:		 1.0
Text Domain:	 englishgraphics
-------------------------------------------------------------- */

@import url("https://use.typekit.net/jhc3wvs.css");


/* =GLOBAL */

body{background-color: #f8f7f4!important; font-family: "lato", sans-serif; color: #3a3a3a; font-size: 14px}

.site-content-contain{padding-top:156px}

.site-content{padding: 0px 40px 0px!important}

.site-content  .wrap{max-width: 100%!important; margin: 0px!important; padding: 0px!important}

.site-header{background-color: transparent!important}

.rounded{border-radius: 20px}

.oh{overflow: hidden}

.relative{position: relative}

.absolute{position: absolute}

.absolute-all{top: 0px; left: 0px; right: 0px; bottom: 0px}

.z10{z-index: 10}

.z20{z-index: 20}

a.full-link{display: block; width: 100%; height: 100%}

.no-list{list-style: none;}

.mega-close{display: none!important}



.product-popup .fbx-inner{right: 0px!important; top: 0px; bottom: 0px; height: 100%!important; margin-top:0px!important; margin-left:auto!important; width: 500px!important; opacity: 1!important; box-shadow: none!important}

.popup-inner{padding:20px}

.product-popup a.fbx-close{position: absolute; top: 0px; right: 0px; }

.product-popup a.fbx-close svg{box-shadow: none!important; color:#000000!important; filter: none!important; width: 24px; height: 24px;transform: none!important; left: 0px; top: 10px}


/* =COLOURS */

.white-bg{background-color: #ffffff}

.cream-bg{background-color: #f8f7f4}

.sand-bg{background-color: #e7e2d4}

.gold-bg{background-color: #987a36}

.green-bg{background-color: #d6e7e2}

.grey-bg{background-color: #3a3a3a}


.white{color: #ffffff}

.cream{color: #f8f7f4}

.sand{color: #e7e2d4}

.gold{color: #987a36}

.green{color: #d6e7e2}

.grey, p, h1, h2, h3, h4{color: #3a3a3a!important}

.white p, .white h1, .white h2, .white h3, .white h4{color: #ffffff!important}

h1, h2, h3, h4{line-height: 1.2em}

.br20{border-radius: 20px}

.tint-1, .tint-1-center{background-color: rgba(58, 58, 58, 0.40)}

.tint-1-left{background: linear-gradient(90deg, rgba(58,58,58,0.70) 0%, rgba(58,58,58,0) 100%);}

.tint-1-right{background: linear-gradient(90deg, rgba(58,58,58,0.0) 0%, rgba(58,58,58,70) 100%);}


.FeedGridLayout__cell{border-radius: 10px; overflow: hidden!important}

.FeedLayout__col-footer{margin-top:0px!important}

/* =TEXT */

h1{font-size: 46px; line-height: 50px}

h2{font-size: 40px; line-height: 1.2em}

.tal{text-align: left}

.tac{text-align: center}

.tar{text-align: right}

.float-none{float: none!important}

.uppercase{text-transform: uppercase}

.caps{text-transform: capitalize}

.lowercase{text-transform: none!important}

.fs13{font-size: 13px}

.fs25{font-size: 25px}

.fs30{font-size: 30px}

.i18{font-size: 18px}

.ls1{letter-spacing: 1px}

p:last-child{margin-bottom:0px}

.ilb{display: inline-block}

.lato{font-family: "lato", sans-serif;}

.basco, h1{font-family: "basco-std", serif; font-weight: 300}

.bold, strong{font-weight: 700}

.light{font-weight: 300}


/* =SPACING */

.lh0, .lh0 img{line-height: 0px}

.lh0 img{width: 100%}

.cover{background-size: cover; background-position: center center}

.table{display: table; width: 100%; height: 100%}

.cell{display: table-cell}

.vat{vertical-align: top}

.vam{vertical-align: middle}

.vab{vertical-align: bottom}


/* =POPUP MODAL */

.wishlist-popup-modal {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; color: #3a3a3a; padding: 20px 30px; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.2); z-index: 9999; display: none; text-align: center; max-width: 600px!important; width: 100%}

.wishlist-popup-modal p {margin: 0; font-size: 16px;}


/* =FLEX */

.flex{display: flex; flex-wrap: wrap}

.flex1{flex: 1}

.flex2{flex: 2}

.full{width: 100%}

.align-top{align-items: flex-start}

.align-center{align-items: center}

.align-bottom{align-items: flex-end}

.justify-left{justify-content: flex-start}

.justify-center{justify-content: center}

.justify-right{justify-content: flex-end}

.justify-between{justify-content: space-between}

.justify-evenly{justify-content: space-evenly}

.gap10{gap: 10px}

.gap20{gap: 20px}

.gap40{gap: 40px}

.gap80{gap: 80px}

.sticky{position: sticky; top: 160px}

.stretch{height: 100%; display: flex; flex-wrap: wrap; align-items: center}


/* =MARGINS + PADDING */

.pd0{padding: 0px}

.pd10{padding: 10px}

.pd1040{padding: 10px 40px}

.pd20{padding: 20px}

.pt0{padding-top:0px}

.pt20{padding-top:20px}

.pb20{padding-bottom:20px}

.pd40{padding: 40px}

.pt40{padding-top:40px}

.pb40{padding-bottom:40px}

.pb20{padding-bottom:20px}

.plr20{padding-left:20px; padding-right:20px}

.pl20{padding-left: 20px}

.plr40{padding-left:40px; padding-right:40px}

.plr80{padding-left:80px; padding-right:80px}

.ptb10{padding-top:10px; padding-bottom:10px}

.mt5{margin-top:5px}

.mt0{margin-top:0px}

.mt10{margin-top:10px}

.mt20{margin-top:20px}

.mt20o{margin-top:20px!important}

.mt40{margin-top:40px}

.mb0{margin-bottom:0px}

.mb10{margin-bottom:10px}

.mb20{margin-bottom:20px}

.mb30{margin-bottom:30px}

.mb40{margin-bottom:40px}

.mr10{margin-right:10px}

.mr0{margin-right:0px!important}

.ml10{margin-left: 10px}

.popup-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* so popup has space while loading */
  position: relative
}


#card-design-loader.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 4px solid rgba(0,0,0,0.2);
	border-top-color: #000;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	z-index: 20;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}


/* =BUTTONS */

a, button{box-shadow: none!important}

a.button, button.button, a.add_to_cart_button, .xoo-wsc-btn, .woocommerce-Address-title a, .woocommerce-edit-address form button, .psuedo-button span, .variation-buttons button, .variation-options .flex1 label span, .footer-row-signup .mc4wp-form-fields input[type=submit], .facetwp-load-more-wrapper button, .boxzilla a, button.woocommerce-form-login__submit{text-transform: uppercase; padding: 10px 40px!important; border-radius: 50px; background-color: #ffffff; color: #3a3a3a; box-shadow: none!important; display: inline-block; text-align: center; font-size: 13px!important; letter-spacing: 1px; font-family: "lato", sans-serif!important; font-weight: 700!important; line-height: 17px}

.xoo-wsc-btn, .reminder-actions button, a.reminder-button{padding-left:20px!important; padding-right:20px!important}

a.button-green, button.button-green, button.button-primary, .woocommerce-lost-password .lost_reset_password button.button, .boxzilla a, button.woocommerce-form-login__submit{background-color: #d6e7e2; color: #3a3a3a}

.footer-row-signup .mc4wp-form-fields input[type=submit]{background-color: transparent!important; color: #3a3a3a}

.footer-row-signup .mc4wp-form-fields input[type=submit]:hover{color: #987a36}

a.button-green:hover, button.button-green:hover, button.button-primary:hover, .woocommerce-lost-password .lost_reset_password button.button:hover, .boxzilla a:hover, button.woocommerce-form-login__submit:hover{background-color: #3a3a3a; color: #ffffff}


.psuedo-button span, a.button-outline{border: 2px solid #ffffff; color: #ffffff; background-color: transparent}

.psuedo-button span:hover, a.button-outline:hover{background-color: #d6e7e2; color: #3a3a3a; border-color: #d6e7e2}

button.wishlist-toggle-button, button.promagnifier, button.wishlist-login-link{padding: 0px!important}


.owl-nav button.disabled{opacity: 0.5!important}


/* =ANIMATE */

a, button, a.woocommerce-loop-product__link .image-rollover, .flex-control-nav li img, .psuedo-button span, .gform-footer input[type=submit], .mega-sub-menu:before, .variation-options .flex1 label span, .footer-row-signup .mc4wp-form-fields input[type=submit]{-webkit-transition: all 0.6s!important; transition: all 0.6s!important;}

/* =HEADER */

.site-header{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 999999}

.rmp-page-overlay, .xoo-wsc-opac{z-index: 9999997!important}

.rmp-container{z-index: 9999998!important}

.navigation-top{position: relative!important; border: none!important; background-color: #f8f7f4!important}

.logo{max-width: 400px}

.logo a{padding: 0px!important}


/* =NAVIGATION */

ul.max-mega-menu{display: flex!important; gap: 20px}

a.mega-menu-link{height: auto!important; text-align: center!important; letter-spacing: 1px}

.mega-menu-wrap{width: 100%!important; display: flex!important}

.mega-menu-wrap ul:not(.mega-sub-menu){justify-content: space-between!important; width: 100%!important}

.mega-menu-wrap ul:not(.mega-sub-menu) li a{height: 100%!important; align-items: center; display: flex!important; flex-wrap: wrap!important; padding-left:0px!important; padding-right:0px!important}

.menu-icon-wrap{display: block!important; font-size: 18px; line-height: 20px; color: #987a36; width: 100%; margin: auto!important}

.menu-text{width: 100%}


.mega-sub-menu .mega-menu-row{background-color: #ffffff!important; border-radius: 20px!important; padding: 20px!important; box-shadow: 0 8px 30px rgba(0,0,0,0.2)!important;}

.mega-sub-menu .mega-menu-row .mega-sub-menu{display: flex!important; flex-wrap: wrap; gap: 20px!important}

.mega-sub-menu .mega-menu-row .mega-sub-menu li.mega-menu-column:last-child{flex:1!important}

.mega-sub-menu .mega-menu-row li.mega-menu-column:first-child{border-right: 1px solid #e7e2d4!important}

.main-navigation ul ul ul{position: relative!important; left: 0px!important}

.eg-sub-menu nav ul.menu{border: none!important; display: flex; flex-wrap: wrap}

.eg-sub-menu h4{margin-bottom:10px!important}


.eg-sub-menu nav ul.menu li{border: none!important; background-color: transparent!important; width: 50%!important; }

.eg-sub-menu nav ul.menu li a{text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color: #3a3a3a; padding: 0px; font-size: 13px; display: block!important; width: 100%!important}

.eg-sub-menu nav ul.menu li a:hover{color: #987a36}

.mega-toggle-on > .mega-sub-menu:before, .search-container-inner:before{content: ''!important; width: 100%!important; height: 10px!important; background-color: rgba(231, 226, 212, 0.642)!important; display: block!important; position: fixed!important; height: 100vh!important; width: 100vw!important; top: 0px!important; bottom: 0px!important; left: 0px!important; right: 0px!important; z-index: -11; pointer-events: none!important}

.mega-toggle-on > .mega-sub-menu:before{top: 156px!important; height: calc(100vh - 156px)!important}

.search-container:before{z-index: 1001!important}


li.mega-current-menu-item .menu-icon-wrap i, li.mega-current-product_cat-ancestor .menu-icon-wrap i, li.mega-current-product-ancestor .menu-icon-wrap i{font-weight: 700!important}


/* =RESPONSIVE MENU */

.rmp-page-overlay{z-index: 10000}

.rmp-menu-wrap{padding-top:140px!important}

.rmp_menu_trigger{top: 60px!important; z-index: 9999999!important}

.rmp-submenu{padding-left:30px!important; padding-right:30px!important; display: flex; flex-wrap: wrap; align-items: flex-start}

.rmp-submenu li{width: 49%!important; display: inline-block!important; }

.rmp-submenu li a{padding: 0px!important; text-transform: uppercase; line-height: 30px!important; height: 30px!important}

.rmp-menu-item-link i, .additional-menu a i{width: 24px!important}

/* =HEADER CTA */

.top-cta-small{width: 250px}

.top-cta-small a{padding: 0px!important}

a.account-link{font-weight: 400}

.cta-social{display: inline-block}

.cta-social a{padding: 0px 0px 0px 5px!important; color: #987a36}

.cta-social a span{display: none}

.cta-account a span, .cta-account .menu-icon-wrap{display: inline-block!important; width: auto}

.cta-account a .menu-text{text-transform: uppercase; font-weight: 400; letter-spacing: 1px; font-size: 13px; color: #3a3a3a}

.cta-account .menu-icon-wrap{padding-right:10px; font-size: 13px;}

.cta-account .menu-icon-wrap i{font-weight: 700!important}


/* =FOOTER */

.site-footer{margin-top:0px; font-size: 1rem}

.footer-left{width: 35%}

.footer-logo{max-width: 240px}

.footer-row .mr10, .footer-menu-social i{width: 20px; color: #987a36}

.footer-row h4{font-size: 14px; margin-top:24px; margin-bottom:28px}

.footer-menu ul{list-style: none}

.footer-menu a{text-transform: uppercase; letter-spacing: 1px; font-size: 13px}

.footer-menu-wide ul{display: flex; flex-wrap: wrap}

.footer-menu-wide li{width: 50%; }

.footer-row-contact{font-size: 14px}

.secure-text{margin-right:100px}


.footer-row-signup h4{margin-bottom:0px; margin-top:11px}

.footer-row-signup .mc4wp-form-fields{display: flex; justify-content: space-between; margin-bottom:40px; border-bottom: 2px dashed #987a36!important; max-width: 400px}

.footer-row-signup .mc4wp-form-fields input[type=email]{background-color: transparent!important; border: none!important; border-radius: 0px!important; padding-left:0px}

.footer-row-signup .mc4wp-form-fields input[type=submit]{padding-right:0px!important}


/* =BOXZILLA */

.boxzilla{border-radius: 20px; margin-left:20px; margin-right:20px}

.boxzilla h2{font-family: "basco-std", serif; font-weight: 300; color: #987a36!important}

.boxzilla-close-icon{color: #987a36!important}

/* =PAGE BUILDER */

.block-text ul{margin-left:20px}

/* =HEADER BLOCK */

.header-slide{height: 40vh; min-height: 700px}

.header-content, .image-text-content{width: 50%; }

.header-content-left, .image-text-content-left{margin-left:0px; margin-right:auto}

.header-content-right, .image-text-content-right{margin-left:auto; margin-right:0px}

.header-content-center, .image-text-content-center{margin-left:auto; margin-right:auto}

.header-content h1, .header-content h2, .header-content p{color: #ffffff}

.header-content h1, .header-content h2{font-size: 46px;	line-height: 50px; font-family: "basco-std", serif; font-weight: 300}


.header-carousel .owl-prev, .header-carousel .owl-next{position: absolute; bottom: 20px; right: 20px; font-size: 20px; font-weight: 300; color: #ffffff}

.header-carousel .owl-prev{right: 50px}

.header-carousel .owl-prev i, .header-carousel .owl-next i{font-size: 24px; color: #ffffff; font-weight: 300}


/* =FEED BLOCK */

.product-feed-block-with-title .owl-nav .owl-prev, .product-feed-block-with-title .owl-nav .owl-next, .upsells-carousel .owl-prev, .upsells-carousel .owl-next{position: absolute; top: -50px; right: 0px;}

.product-feed-block-with-title .owl-nav .owl-prev, .upsells-carousel .owl-prev{display: none!important}


.block-productfeed .owl-nav i, .upsells-carousel .owl-nav i, .product-subcategories .owl-nav i{font-size: 30px; color: #987a36}


/* =MENU BLOCK */

ul.menu-block-menu{list-style: none; margin-bottom:0px}

ul.menu-block-menu li{text-align: center}

ul.menu-block-menu li a .menu-text{color: #3a3a3a}

ul.menu-block-menu li a:hover .menu-text{color: #000000}

ul.menu-block-menu .menu-text{text-transform: uppercase; letter-spacing: 1px; font-size: 13px; margin-top:10px; display: block}


/* =CTA BLOCK */

.cta-text-box .progress-bar{background-color: #ffffff!important}

.cta-text-box:before, .cta-text-box:after{content: ''; position: absolute; top: 0px; bottom: 0px; background-size: cover; width: 40px; background-repeat: no-repeat}

.cta-text-box:before{left: 0px; background-position: center left; background-image: url(images/caret-left.svg)}

.cta-text-box:after{right: 0px; background-position: center right; background-image: url(images/caret-right.svg)}

.discount-rule{position: relative}

.progress-wrapper{margin-bottom:0px!important}



.discount-message{margin-top:6px!important}


.block-cta .progress-bar{background-color: #ffffff!important}


.cta-text-box-text .discount-message{text-transform: capitalize!important; font-family: "basco-std", serif!important; font-weight: 300!important; font-size: 25px}

.cta-text-box-text .messages{position: relative!important}

.cta-text-box-text .progress-wrapper{border: none!important; display: none}


/* =ACCORDION BLOCK */

.accordion-item{border-bottom: 2px dashed #e7e2d4; padding-top:5px}

.accordion-item:first-child{padding-top:0px}

.accordion-item:last-child{border: none}

.accordion-title{cursor: pointer}

.accordion-title span{width: calc(100% - 40px); display: inline-block}

.accordion-title:after{font-family: "Font Awesome 6 Pro"; width: 40px; color: #987a36; content: '\2b'; font-weight: 300; text-align: right; display: inline-block}

.accordion-item.active .accordion-title:after{content: '\f068'}


/* =FORM BLOCK */

.gform_wrapper{max-width: 1000px; border-radius: 20px; padding: 20px; background-color: #ffffff; margin: 0px auto}

.gform_wrapper .gfield_label{text-transform: uppercase; letter-spacing: 1px; font-weight: 700!important}

.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper select, .gform_wrapper textarea{border-radius: 20px!important; border: 2px solid #987a36!important}

.gform-footer{justify-content: center!important}

.gform-footer input[type=submit]{text-transform: uppercase!important; padding: 10px 40px!important; border-radius: 50px!important; background-color: #d6e7e2!important; color: #3a3a3a!important; box-shadow: none!important; display: inline-block; text-align: center; font-size: 13px!important; letter-spacing: 1px!important; font-family: "lato", sans-serif!important; font-weight: 700!important}

.gform-footer input[type=submit]:hover{background-color:#3a3a3a!important; color: #ffffff!important}

.gform_wrapper input:focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus{box-shadow: none!important; outline-offset: -2px!important;}


/* =HALF BLOCKS */

.half{width: calc(50% - 20px)}

.composition-third .half:first-child, .composition-twothirds .half:last-child{width: calc(38% - 20px)}

.composition-third .half:last-child, .composition-twothirds .half:first-child{width: calc(62% - 20px)}

.half-inner .half-third{width: 40%}

.half-block{margin-bottom:20px}

.half-block:last-child{margin-bottom:0px}


/* =BROCHURE BLOCKS */

.contact-popup .fbx-inner{right: 0px!important; top: 0px; bottom: 0px; height: 100%!important; margin-top:0px!important; margin-left:auto!important; width: 500px!important; opacity: 1!important; box-shadow: none!important; background-color: #f8f7f4}

.popup-inner{padding:20px}

input.gform_button{width: 100%; border-radius: 6px!important}


.contact-popup a.fbx-close{position: absolute; top: 0px; right: 0px; }

.contact-popup a.fbx-close svg{box-shadow: none!important; color:#000000!important; filter: none!important; width: 24px; height: 24px;transform: none!important; left: 0px; top: 10px}

.inner .amount{font-weight: 700}

.inner .woopq-quantity-input{width: 100%; background-color: #ffffff; margin-top:20px; border-radius: 100px; margin-bottom:20px}

.inner .woopq-quantity-input input[type=number]{flex: 1; padding-left:20px}

.inner button.add_to_cart_button{width: 100%!important; display: block; padding-left:0px!important; padding-right:0px!important; background-color: #d9e6e2; color: #3a3a3a}

.inner button.add_to_cart_button:hover{background-color: #3a3a3a; color: #ffffff}



/* =IPAD LANDSCAPE
------------------------------------------------------- */
@media only screen and (min-width:911px) and (max-width: 1190px){


/* =GLOBAL */

.site-content{padding-left:30px!important; padding-right:30px!important}

.site-content-contain{padding-top:141px!important}

#rmp_menu_trigger-723, .hide-tablet-landscape{display: none!important}



/* =COLOURS */

/* =TEXT */

/* =SPACING */

/* =POPUP MODAL */

/* =FLEX */

.gap80{gap: 40px}

.gap40{gap: 30px}

.composition-third .half:first-child, .composition-twothirds .half:last-child{width: calc(38% - 15px)}

.composition-third .half:last-child, .composition-twothirds .half:first-child{width: calc(62% - 20px)}




/* =MARGINS + PADDING */

.plr40{padding-left: 30px; padding-right:30px}

.pd40{padding: 30px}

.pt40{padding-top:30px}

.pb40{padding-bottom:30px}


/* =BUTTONS */

/* =ANIMATE */

/* =NAVIGATION */

.navigation-top nav{margin-left:0px!important}

.logo{max-width: 340px}


.rmp_menu_trigger{width: 250px!important; left: 25px; text-align: left}

.rmp-trigger-label{color: #3a3a3a!important; padding-left:20px; font-weight: 400!important; font-family: "lato", sans-serif;}

button#rmp_menu_trigger-721{display: none}


li.mega-menu-item > a.mega-menu-link{font-size: 12px!important}

#mega-menu-main-left, .hide-mobile-menu{display: none!important}

#mega-menu-main-right{justify-content: flex-end!important}

/* =PAGE BUILDER */

/* =HEADER BLOCK */

.header-content, .image-text-content{width: 70%}

/* =MENU BLOCK */

/* =CTA BLOCK */

/* =ACCORDION BLOCK */

/* =FORM BLOCK */

/* =HALF BLOCKS */




}



/* IPAD PORTRAIT */
@media only screen and (min-width:641px) and (max-width: 910px)  {




/* =GLOBAL */

.site-content-contain{padding-top:158px}

.navigation-top nav{margin-left:0px!important}

.navigation-top{font-size: 1rem}

/* =COLOURS */

/* =TEXT */

.fs25{font-size: 22px}

/* =SPACING */

/* =POPUP MODAL */

/* =FLEX */

/* =MARGINS + PADDING */

/* =BUTTONS */

/* =ANIMATE */

/* =NAVIGATION */

.main-navigation .flex.gap80{justify-content: space-between}

.top-cta-small{width: 180px}

.top-cta .menu{display: inline-block!important; padding: 0px!important; background-color: transparent!important}

.top-cta .menu li{display: inline-block!important}

.nav-right{flex: none; width: auto!important}

.cta-account a .menu-text{font-size: 10px}

.logo{max-width: 300px; padding-top:20px; padding-bottom:20px}

#mega-menu-main-left, .hide-mobile-menu, .mega-toggle-block, .nav-left, #rmp_menu_trigger-539, #rmp_menu_trigger-723, .mega-hide-tablet-portrait{display: none!important}

#mega-menu-main-right{padding-right:60px!important}

.main-navigation .gap80{gap: 50px}

.rmp_menu_trigger{top: 70px!important}

.rmp-trigger-label{font-weight: 400!important; letter-spacing: 1px}

/* =FOOTER */

.footer-right{width: 100%; flex: none}

.secure-text{margin-right:10px}

.footer-left{width: 100%; display: flex; justify-content: space-between; align-items: center}

.footer-left-rows{width: 50%}

/* =PAGE BUILDER */

/* =HEADER BLOCK */

.header-content{width: 80%}

/* =MENU BLOCK */

/* =CTA BLOCK */

.cta-text-box{border-radius: 20px}

.cta-text-box:before, .cta-text-box:after{display: none}

/* =ACCORDION BLOCK */

/* =FORM BLOCK */

/* =HALF BLOCKS */

.half{width: 100%!important}

}



/* =IPHONE
------------------------------------------------------- */
@media only screen and (max-width: 640px) {


/* =GLOBAL */

.site-content-contain{padding-top:111px}

.site-content{padding-left:20px!important; padding-right:20px!important}

.mobile-tint-1{background-color: rgba(58, 58, 58, 0.40)}

/* =COLOURS */

/* =TEXT */

h2{font-size: 36px}

/* =SPACING */

.pd40{padding: 20px}

.mb40{margin-bottom:20px}

.mb30{margin-bottom:20px}

/* =POPUP MODAL */

/* =FLEX */

.gap40{gap: 20px}

/* =MARGINS + PADDING */

/* =BUTTONS */

.product-feed-block-with-title .owl-nav, .upsells-carousel .owl-nav{margin-top:20px; text-align: center}

.product-feed-block-with-title .owl-nav .owl-prev, .product-feed-block-with-title .owl-nav .owl-next, .upsells-carousel .owl-prev, .upsells-carousel .owl-next{position: relative!important; top: auto!important}

.product-feed-block-with-title .owl-nav .owl-prev, .upsells-carousel .owl-prev{display: inline-block!important}

.product-feed-block-with-title .owl-nav .owl-next, .upsells-carousel .owl-next, .product-feed-block-with-title .owl-nav .owl-prev, .upsells-carousel .owl-prev,
.product-subcategories .owl-next, .product-subcategories .owl-prev{margin-left:5px; margin-right:5px}


.variation-buttons button{padding-left:10px!important; padding-right:10px!important}

/* =ANIMATE */

/* =NAVIGATION */

.top-cta-small{display: none}

.center-cta{font-size: 12px}

.logo{max-width: 100%; width: 100%}

.logo a{max-width: 220px; margin: 0px auto}


.nav-left, #rmp-container-721, #rmp_menu_trigger-721, #rmp-container-539, #rmp_menu_trigger-539, .nav-right .mega-hide-on-mobile{display: none!important}

.nav-right{position: absolute; top: 0px; right: 0px}

.nav-right li .menu-text{display: none!important}

.nav-right li .menu-icon-wrap{padding: 22px 20px}

.nav-right li .menu-icon-wrap i{font-size: 24px}


.rmp_menu_trigger{top: 45px!important}

.rmp-menu-wrap{padding-top:120px!important}


.rmp-submenu{padding-left:20px!important; padding-right:20px!important}


.additional-menu{list-style: none; margin-bottom:0px}

.additional-menu a{text-transform: uppercase; letter-spacing: 1px; font-size: 13px; font-weight: 700; height: 40px; line-height: 40px}

.additional-menu .menu-icon-wrap, .additional-menu .menu-text{display: inline-block!important; width: auto}

.additional-menu .menu-icon-wrap i{font-weight: 700; font-size: 13px!important}



/* =FOOTER */

.footer-left, .footer-right{width: 100%}

.footer-right .footer-row{width: 100%; flex: none!important}

.footer-right{gap: 0px}

.footer-right .footer-row:not(.footer-row-social) h4{margin-top:0px; margin-bottom:10px; cursor: pointer; position: relative}

.footer-right .footer-row:not(.footer-row-social) h4:after, .nav-trigger:after{font-family: "Font Awesome 6 Pro"; position: absolute; right: 0px; color: #987a36; content: '\2b'}

.footer-right .footer-row.active:not(.footer-row-social) h4:after, .nav-trigger.active:after{content: '\f068'}

.footer-row-social h4{margin-bottom:10px}

.footer-menu-social{display: block!important}

.footer-menu-wide li{width: 100%}

.footer-bottom .tar{text-align: left; margin-top:5px; font-size: 12px}

.secure-text{margin-right:10px}

/* =PAGE BUILDER */

/* =HEADER BLOCK */

.header-content, .image-text-content{width: 100%}

.header-content h1, .header-content h2{font-size: 40px; line-height: 46px}

.header-slide{min-height: 280px}

/* =MENU BLOCK */

/* =CTA BLOCK */

.cta-text-box:before, .cta-text-box:after{display: none; }

.cta-text-box{padding-left:20px!important; padding-right:20px!important; border-radius: 20px}

/* =ACCORDION BLOCK */

/* =FORM BLOCK */

.gform_wrapper{padding-left:0px; padding-right:0px}

/* =HALF BLOCKS */

.half, .half-third{width: 100%!important}


/* =BROCHURE BLOCKS */

.contact-popup .fbx-inner{max-width: 80%!important}

.fbx-close{text-align: right!important; background-color: transparent!important}

.contact-popup a.fbx-close svg{left: auto; right: 10px}
}