/*
Theme Name: CDC Laser Theme
Theme URI: http://www.somsweb.com.au/
Author: SOMS
Author URI: http://www.somsweb.com.au/
Description: CDC Laser Theme (Responsive)
Version: 1.0.0
*/

/** FONTS ROBOTO **/

/** GENERAL STYLE **/
body{ font-family: "Roboto"; font-size: 16px; line-height: 1.5; background: #fff; }
.home .main-page{width: 100% !important;}
.home .section-title {display: none;}
a{ text-decoration: none; color: #663b96; }
a:hover, a:focus{ text-decoration: none; color: #0d7da8; }
strong{ font-weight: bold; }
em{ font-style: italic; }
img{ max-width: 100%; margin: auto; height: auto; display: block; }
img.img-box{ border: 1px solid #dfdfdf; padding: 12px 10px; }
.box-shadow{ webkit-box-shadow: 0px 0px 2em 0px rgba(54,54,54,0.75); -moz-box-shadow: 0px 0px 2em 0px rgba(54,54,54,0.75); box-shadow: 0px 0px 2em 0px rgba(54,54,54,0.75); }
.loading-form{visibility:hidden;}
.blue-gradient{background: #2fbdf5; /* Old browsers */background: -moz-linear-gradient(top,  #2fbdf5 0%, #0d7da9 32%, #0d7da9 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #2fbdf5 0%,#0d7da9 32%,#0d7da9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #2fbdf5 0%,#0d7da9 32%,#0d7da9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fbdf5', endColorstr='#0d7da9',GradientType=0 ); /* IE6-9 */}
.classsearch {color: white;}
.max-container {margin: 0 auto; max-width: 920px;}
.box-image {text-align: center;background: #11a3c8;padding-bottom: 10px;}
.order-button {font-size: 32px;background-color: white;border-radius: 5px;width: 90%;}
.order-button:hover {background-color: #eaeaea;}
.section-title {color: #333;font-size: 28px;margin: 0 0 2rem;padding: 0;font-family: Arial,sans-serif;font-weight: 400;line-height: 120%;text-transform: capitalize !important;padding-bottom: 1.2em !important;}


/*nopadding for bootstrap */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
/*dropdown menu */
.sf-menu ul li {
    background: #fafafa;
}
.sf-menu ul li:hover {
    background: #e7e7e7 !important;
}

.d-none{
    display:none !important;
}

.traditional-stencil-font-1 {
	font-family: "Stardos Stencil", system-ui !important;
	font-weight: 700 !important;
	font-style: normal !important;
}

.new-stencil-font-2 {
	font-family: "Allerta Stencil", sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
  }
  
.all-lowercase{
	text-transform: lowercase !important;;
}

.shopping-cart-button .search-form{
    margin-right:10px;
}

.all-uppercase{
	text-transform: uppercase !important;;
}

.col-blog{
    min-height: 307.63px;
}

.search-box{
 margin-top : 15px;   
}

.first-letter-uppercase{
	text-transform: capitalize !important;
}

.shop-now-add-to-chart img{
  cursor: pointer !important;
}

/** SUPERFISH MENU STYLE **/
.sf-menu{
  margin-bottom: 0;
  margin: 22px 0px 22px;
  background: #fafafa;
  border-top: 1px solid #e8e8e8 !important;
  border-bottom: 1px solid #e8e8e8 !important;
  width: 100%;
  display: flex;
  justify-content: space-arround;
}
.sf-menu li{background: #fafafa;}
.sf-menu li.sfHover, .sf-menu li:hover{background: #e7e7e7;}
.sf-menu a{border-left: 0 solid #e8e8e8 !important;border-right: 0 solid #e8e8e8 !important;margin: 0;padding: 11px 24px 11px 24px !important;color: #333;text-decoration: none;display: block;position: relative; font-size: 14px;}
.sf-menu a:hover, .sf-menu:active{background: #e7e7e7; border-top: 0 solid #e8e8e8;border-bottom: 0 solid #e8e8e8;border-left: 0 solid #e8e8e8;border-right: 0 solid #e8e8e8;color: #333;text-decoration: none;}
.sf-menu ul ul li{
  background: #fafafa !important;
}
.sf-menu ul ul ul li{
  background: #e7e7e7 !important;
}


.tagline-second-logo{
  text-align: right;
  margin: 3px 0 0 0;
  padding: 0 0 5px 0;
  color: #676767;
  font-size: 15px;
  font-weight: 600;
}

/* wpmenucart */
#wpmenucartli{
  display: none;
}

/* CART */
.shopping-cart-button{
  display: flex;
  justify-content: flex-end;
}
.shopping-cart-button a{
  color: #000;
  font-size: 20px;
}
.shopping-cart-button a .fa-shopping-cart{
  color: #106a8b;
}
.shopping-cart-button .woocommerce-Price-amount.amount{
  color: #000;
  font-size: 20px;
  margin-bottom: 0;
}

/** SLIDE STYLE **/
.owl-carousel .owl-item{ -webkit-backface-visibility: visible; /** prevent chrome image glitch **/ }
.owl-carousel .owl-item img{ height: auto; width: auto; max-width: 100%; margin: 0 auto; display: block; }
.owl-theme .owl-controls .owl-dots{ position: absolute; bottom: -15px; right: 0; left: 0; }
.owl-theme .owl-controls .owl-dot{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-dot span{ display: block; width: 7px; height: 7px; border-radius: 50%; background: #cbcaca; margin: 0 3px; }
.owl-theme .owl-controls .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-dot:hover span{ background: #555; }
.owl-theme .owl-controls .owl-nav div{ position: absolute; margin-top: -28px; top: 50%; border-radius: 50%; opacity: 1; color: #0d7da9; background: #fff; webkit-box-shadow: 0px 5px 2em 0px rgba(31,31,31,0.43); -moz-box-shadow: 0px 5px 2em 0px rgba(31,31,31,0.43); box-shadow: 0px 5px 2em 0px rgba(31,31,31,0.43); padding: 0 18px; }
.owl-theme .owl-controls .owl-nav div.owl-prev{ left: 0; }
.owl-theme .owl-controls .owl-nav div.owl-next{ right: 0; }


/** HEADER STYLE **/
.header{ position:relative; margin-bottom: 15px; }
.top-header{ position: relative; background: #fff; }
.logo{ padding: 20px 0px 5px;}
.logo p.tagline{ color: #555; font-size: 17px; font-style: italic; text-align: center; margin-bottom: 0; margin-top: 5px; }
.second-logo{padding:20px 0; float: right;};
.second-logo .tagline-second-logo{margin: 0;padding: 0 0 5px 0; color: #676767;font-size: 15px;text-align: center;font-weight: 600;}

/** HOME STYLE **/
.home .row{
  margin-right: 0;
  margin-left: 0;
}

/** PAGE STYLE **/
.breadcrumb{ background: transparent; padding: 0; margin-bottom: 10px; color: #0d7da9; }
.section-title{ text-transform: uppercase; margin-bottom: 0; padding-bottom: 10px; }
.page-featured-image{ margin: 10px 0; }
.page-content{ color: #000; line-height: 1.5;}
blockquote{ font-size: 14px; border-left: none; }
blockquote:before, blockquote:after{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #aaa; opacity: 0.5; }
blockquote:before{ content: "\f10d"; margin-right: 5px; }
blockquote:after{ content: "\f10e"; margin-left: 5px; }
blockquote p{ display: inline; }
.alignleft, .woocommerce img.alignleft, .woocommerce-page img.alignleft{ float: left; margin: 0.5em 1em 0.5em 0; }
.alignright, .woocommerce img.alignright, .woocommerce-page img.alignright{ float: right; margin: 0.5em 0 0.5em 1em; }
.aligncenter, .woocommerce img.aligncenter, .woocommerce-page img.aligncenter{ display: block; margin-left: auto; margin-right: auto; }

/** SIDEBAR STYLE **/
.widget{ margin: 15px 0; padding: 10px 15px; border: 15px solid #ebebeb; border-radius: 2px; background: #f8f8fa; }
.widget .page-sidebar-wgttitle {border-bottom: 1px solid #e8e8e8;color: #111;font-family: Arial,sans-serif;font-size: 14px;padding: 5px 0;position: relative;}
.widget .wgttitle{ border-bottom: 1px solid #ededed; padding: 5px 0; position: relative; font-size: 20px; color: #221f1f; }
.widget .wgttitle:after{ content: ''; position: absolute; right: 0; left: 0; bottom: -2px; border-bottom: 1px solid #fff; }
.widget .textwidget{ color: #221f1f; padding: 10px 0; }
.widget ul{ padding: 0; margin: 0; font-size: 14px; }
.widget ul li{ display: block; margin: 10px 0; }
.widget ul li:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f056"; display: inline-block; vertical-align: middle; color: #0d7da9; font-size: 1.2em; margin-bottom: 2px; margin-right: 5px; }
.widget ul li.menu-item-has-children:before{ content: "\f138"; cursor: pointer; }
.widget ul li a{ color: #221f1f; }
.widget ul.sub-menu{ display: none; }
.widget ul.sub-menu li{ margin: 5px 0 5px 20px; }
.widget form{ text-align: right; }
.widget input{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; }
.widget button{ display: inline-block; background: #c31e2e; padding: 4px 8px; color: #fff; font-size: 15px; margin-top: 10px; border-radius: 0; line-height: 1.5; border: none; }
.page-sidebar .widget {margin:0px; padding: 0px 0 15px 10px; border: none; border-radius: 0; background: transparent;}
.page-sidebar .wgttitle {background: #fafafa;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-left: 0 solid #e8e8e8;border-right: 0 solid #e8e8e8;margin: 0;padding: 4px 5px 4px 10px;color: #333;font-family: Arial,sans-serif;font-size: 14px;font-weight: 400;}

/** FOOTER STYLE **/
.footer-wrap{background: 0 0;border-top: 1px solid #e8e8e8;border-bottom: 0 solid #e8e8e8;border-left: 0 solid #e8e8e8;border-right: 0 solid #e8e8e8;margin: 0 auto;clear: both;}
.footer-bg{height: auto;margin: 0 auto;padding: 10px 0 10px 0;clear: both;float: none;display: block; text-align:left;}
.footer-bg .widget{margin:0px; padding: 0px; border: none; border-radius: 0px; background: transparent;}
.footer-bg .widget .wgttitle{border-bottom: 1px solid #e8e8e8;color: #111;font-family: Arial,sans-serif;font-size: 14px;}
.footer{ padding: 15px; margin-top: 20px; text-align: center; font-size: 17px; }
.footer a{ color: #fff; }
.footer .menu-inline{ padding: 0; margin: 0; }
.footer .menu-inline li{ display: inline-block; }
.footer .menu-inline li+li{ border-left: 1px solid #fff; }
.footer .menu-inline li a{ padding: 0 5px; }
.footer .menu-inline li.header-search{ display: none; }
.copyright{ margin-top: 20px; }
.copyright p{ margin-bottom: 0; color: #fff; }

/** WOOCOMMERCE STYLE **/
.woocommerce a {font-weight: 400!important;line-height: 120%!important; color: #333!important}
.woocommerce img.img-box{border:none; padding: 0; transition: filter 0.3s;}
.woocommerce img.img-box:hover {filter: brightness(1.1);}
.woocommerce .product-description .product-title{padding: 1em 0!important;margin: 0!important;font-size: 1em!important;font-family: Arial,sans-serif !important;}
.woocommerce div.product p.price, .woocommerce div.product span.price{color: #77a464;display: block;font-weight: 400;margin-bottom: 1em;font-size: .857em;}
.woocommerce .add_to_cart_button{background: #3781ab!important;color: #fff!important; transition: filter 0.3s;}
.woocommerce .add_to_cart_button:hover{filter: brightness(1.3);}
.woocommerce {padding: 0 0 35px 0;}
.woocommerce-pagination {padding-top: 40px;}
.woocommerce-pagination .page-numbers{border: 0 !important;font-size: 1.4em;}
.woocommerce nav.woocommerce-pagination ul li {border: solid 2px #333;border-radius: 40px;height: 40px;background: #3781ab;width: 40px; margin: 0 4px;}
.woocommerce nav.woocommerce-pagination ul li a{
    line-height: normal !important;
    color: #fff !important;
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
	padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #1b5577;
    font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev{color: #fff !important;}
.woocommerce nav.woocommerce-pagination ul li a:hover {color: #212121 !important;}
.single-product .product-images {background: #fafafa;border: 1px solid #e8e8e8;padding: 4px!important;margin-bottom: 2em;}
.single-product .woocommerce-Price-amount{font-size: 1.6em !important;}
.related.products {margin-top: 3em;}
.related.products .section-title {padding-bottom: 10px !important;}
.woocommerce-cart .page-sidebar {display: none;}
.woocommerce-cart .main-page{width: 100%;}
.woocommerce-checkout .page-sidebar{display: none;}
.woocommerce-checkout .main-page{width: 100%;}
.woocommerce-checkout .woocommerce-input-wrapper .input-text{display: block;width: 100%!important;padding: .75em 0.75em!important;font-size: 1em;line-height: 1.5!important;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25em;transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
.woocommerce-checkout .woocommerce-input-wrapper .select2-selection{padding: .75em 0.75em!important; height: 41px !important;}
.woocommerce-checkout .woocommerce-input-wrapper .select2-selection .select2-selection__arrow{top: 9px !important;}
.woocommerce-checkout .woocommerce-input-wrapper .select2-selection .select2-selection__rendered{line-height: 21px !important;}
.woocommerce-checkout #order_review_heading {padding-top: 1.3em !important;}
.woocommerce-checkout .validate-required .woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox {margin: 7px 8px 0 0;}
.woocommerce-checkout .validate-required .woocommerce-terms-and-conditions-checkbox-text {margin-left: 25px;}
.woocommerce-checkout .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float: left!important;padding: 1.2em;width: 44%;}
#wpmenucartli{height: 0 !important;background: transparent;}
.wpmenucartli .wpmenucart-contents{top: -100px;background: 0 0!important;font-size: 1.4em;border-bottom: 0px !important;border-top: 0 !important; margin-top: 3rem;}
.wpmenucart-icon-shopping-cart-0 {font-size: 1.7em;color: #3781ab;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {color: #fff !important;}
.woocommerce-Price-amount.amount{color: #77a464;display: block;font-weight: 400;margin-bottom: .5em;font-size: .857em;}
.add_to_cart_button {margin-top: 15px !important;}
.type-product{margin-bottom: 2em;}
.woocommerce-info {display: none;}
.woocommerce .single_add_to_cart_button.button {background-color: #a46497;color: #fff;-webkit-font-smoothing: antialiased;}
.add_to_cart_button:not(#qib_id):not(#qib_id){
  padding: 0.618em 1em !important;
  margin-top: 0 !important;
}
.woocommerce-main-image {
  pointer-events: none;
}

/* Meta Slider */
#metaslider_container_25 {
	margin: 0 auto 1.5em;
}
.metaslider .caption {
	right: 0;
    left: 0!important;
    max-width: 100%!important;
    border-radius: 0!important;
    bottom: 0!important;
    text-align: center;
    padding-bottom: 2em!important;
    padding-top: 1em!important;
    font-size: 1.5em;
}

/* Gradient Background */
.gradient-background {
	background: #2b75a6;
    background: -moz-linear-gradient(-45deg,#2b75a6 0,#d72e45 100%);
    background: -webkit-linear-gradient(-45deg,#2b75a6 0,#d72e45 100%);
    background: linear-gradient(135deg,#2b75a6 0,#d72e45 100%);
    padding: 2em;
    color: #fff;
}

.gradient-background label{
  color : #000;
}

.page-content .gradient-background h1, .page-content .gradient-background h2, .page-content .gradient-background h3, .page-content .gradient-background h4, .page-content .gradient-background h5, .page-content .gradient-background h6 {
    font-weight: 700;
}
.page-content .gradient-background h1, .page-content .gradient-background h2, .page-content .gradient-background h3, .page-content .gradient-background h4, .page-content .gradient-background h5, .page-content .gradient-background h6, .entry-content .gradient-background ol li, .entry-content .gradient-background p, .entry-content .gradient-background ul li {
    color: #fff;
}
.page-content h1 {
    color: #333;
    font-size: 1.75em;
}
.page-content h2 {
	font-size: 1.7em;
}
.page-content h3 {
	font-size: 1.4em;
}
.su-row.gradient-background .su-column-size-1-2 {
    width: 46%;
}
.su-row.gradient-background .su-column-size-1-2 {
    width: 46%;
}
.gradient-background .wpforms-form button[type="submit"], .gradient-background a.su-button {
    background-color: #fff!important;
    border-color: #fff!important;
    border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
}
.gradient-background .wpforms-form button[type="submit"], .gradient-background .wpforms-form button[type="submit"] i, .gradient-background a.su-button, .gradient-background a.su-button span, .gradient-background a.su-button span i {
    color: #017ba6!important;
}
.gradient-background a.su-button span {
    padding: 10px 30px!important;
}
.gradient-background .wpforms-form button[type="submit"], .gradient-background a.su-button span {
    border-color: #fff!important;
    font-weight: 700;
    font-size: 20px!important;
}
.gradient-background .wpforms-form button[type="submit"], .gradient-background .wpforms-form button[type="submit"] i, .gradient-background a.su-button, .gradient-background a.su-button span, .gradient-background a.su-button span i {
    color: #017ba6!important;
}
.gradient-background .wpforms-form button[type="submit"] i, .gradient-background a.su-button span i {
    font-size: 20px!important;
}
.gradient-background .wpforms-form button[type="submit"], .gradient-background .wpforms-form button[type="submit"] i, .gradient-background a.su-button, .gradient-background a.su-button span, .gradient-background a.su-button span i {
    color: #017ba6!important;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
    margin: 0 0 4px;
    padding: 0;
    font-family: Arial,sans-serif;
    font-weight: 400;
	line-height: 120%;
	color: #333;
}

/* Backimage */
.backimage {
	color: #fff;
    text-align: center;
}
.backimage .backimage-1 {
    background: url(https://cdclaser.com.au/wp-content/uploads/2024/01/background-1-1.webp) no-repeat;
    background-size: cover;
}
.backimage .backimage-2 {
    background: url(https://cdclaser.com.au/wp-content/uploads/2024/01/background-2.webp) no-repeat;
    background-size: cover;
}
.backimage .backimage-3 {
    background: url(https://cdclaser.com.au/wp-content/uploads/2024/01/background-3.webp) no-repeat;
    background-size: cover;
}
.backimage .su-column-inner {
    padding: 2em 1em 1.5em;
}
.page-content img, .page-content p img {
    max-width: 100%;
    height: auto;
}

/* Post */
.single h1.page-title {
	font-size: 2em;
    margin-top: 30px;
	text-align: center;
}
.entry-meta {
    margin: 20px auto;
    text-align: center;
}
.single h2 {
	font-size: 1.7em;
}
.single h3 {
	font-size: 1.3em;
	margin-top: 1rem;
}
.single h4 {
	font-size: 1.2em;
}
.single h5 {
	font-size: 1.1em;
}
.single p {
	margin: 20px auto;
}
.single ul, ol {
	margin: 20px auto;
}
.single ul.sub-menu{
	margin-top: 0;
}
.single .page-content p a, .single .page-content li a {
	text-decoration: underline;
	text-underline-position: under;
}

/* Archive */
.archive .content-wrapper h2.blog-title {
    font-size: 2.2rem;
    margin: 1.5rem 0 0.5rem;
}
.archive .content-wrapper .post-meta {
    font-size: 1.6rem;
}
.archive .content-wrapper .img-container {
    width: 100%; 
    position: relative;
    padding-top: 52.7%;
    overflow: hidden;
}
.archive .content-wrapper .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
	border: 1px solid #eee;
}
.archive .content-wrapper .img-container img:hover {
	filter: brightness(1.05);
}

/* Product and Service */
.bigger-info {
    font-size: 1.5em;
}
.bigger-info a {
    font-size: 1em !important;
    color: #656565!important;
}
.infographic {
    color: #676767;
}
.infographic a {
    font-size: 1.2em;
    color: #656565!important;
}
.aligncenter, img.centered {
    margin: 0 auto 10px!important;
    display: block;
}

/* Categories Page */
.img-logo-shipping {
	margin: 0;
	display: inline-block;
}

/* Hide Category Product from Certain Products */
body.single-product.postid-5183 .product_meta span.posted_in,
body.single-product.postid-5184 .product_meta span.posted_in,
body.single-product.postid-5182 .product_meta span.posted_in,
body.single-product.postid-5177 .product_meta span.posted_in,
body.single-product.postid-3659 .product_meta span.posted_in,
body.single-product.postid-3658 .product_meta span.posted_in,
body.single-product.postid-3657 .product_meta span.posted_in,
body.single-product.postid-3650 .product_meta span.posted_in {
    display: none;
}

/* Testimonial */
#testimonial_rotator_widget_ {text-align: center;}
.testimonial_rotator_slide_title {display: none;}
.testimonial_rotator.template-default .testimonial_rotator_author_info {border-left: 0px !important;}
.testimonial_rotator.template-default .testimonial_rotator_author_info p {font-size: 0.9em !important;line-height: 1.1em;}
.testimonial_rotator_star {font-size: 1.3em !important;line-height: 0.9em !important; text-align: center!important; float: none !important;}

/* Custom Button */
.btn-quote-acrylic{display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1.2em;line-height: 1.5;border-radius: .25rem;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;color: #fff;background-color: #007bff;border-color: #007bff;cursor: pointer;}
.btn-quote-acrylic:hover{color: #fff;background-color: #0062cc;border-color: #005cbf;}
.btn-quote-acrylic:focus{box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5); outline: 0;}
.btn-quote-acrylic:hover, .btn-quote-acrylic:focus{text-decoration: none;}
.btn-internal-link:hover {color: #fff; background-color: #8a5bbc; border-color: #8a5bbc;}
.btn-internal-link {display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1em; line-height: 1.5; border-radius: .25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;color: #fff; background-color: #653c90;  border-color: #653c90; cursor: pointer;}
.page-id-63 .wpforms-submit{display: inline-block!important;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle!important;-webkit-user-select: none!important;-moz-user-select: none!important;-ms-user-select: none!important;user-select: none!important;border-radius: 0.25em!important;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;color: #fff!important;background-color: #28a745!important;border-color: #28a745;}
.page-id-246 .wpforms-submit{display: inline-block!important;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle!important;-webkit-user-select: none!important;-moz-user-select: none!important;-ms-user-select: none!important;user-select: none!important;border-radius: 0.25em!important;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;color: #fff!important;background-color: #28a745!important;border-color: #28a745;}

/* Terms Conditions */
.page-id-117 .page-content ol{padding-left:20px;}

/* Reputation Brand */
.single-logo.rt-equal-height:focus, .slick-slide.slick-active:focus, .single-logo-container:focus{outline: 0 !important;}

/* Hamburger Menu */
.mob-menu-logo-holder{margin-top: 9px!important;}

/* Need A Quote Form */
.form-wrapper {
    padding: 2rem;
    margin: 2rem 0;
    border: 1px solid;
    border-radius: 5px;
	background-color: #f8f8f8;
}
.td-padding .form-group{margin-top:10px;}
.button-form-submit-quote{background-color: #28a745;border: 1px solid #28a745;color: #fff;font-size: 1em;padding: 10px 15px;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375em .75em;line-height: 1.5;border-radius: .25em;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;width: 25%;}
.button-form-submit-quote:hover{color: #fff;background-color: #218838;border-color: #1e7e34;}
.button-form-reset-quote{background-color: #ff0000;border: 1px solid #ff0000;color: #fff;font-size: 1em;padding: 10px 15px;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375em .75em;line-height: 1.5;border-radius: .25em;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;width: 25%;}
.button-form-reset-quote:hover{color: #fff;background-color: #ff0000c7;border-color: #ff0000c7;}

/* Tax on cart page */
.woocommerce-cart .woocommerce-Price-amount.amount,
.woocommerce-checkout .woocommerce-Price-amount.amount{
    display: unset;
}

/* Popup maker style */
.popmake-content img.aligncenter{
    margin-bottom: 0 !important;
}

/* New added */
.woocommerce div.product form.cart .variations label{
	color: #000;
}
.woocommerce-Price-amount.amount{
	display: inline-block;
}
.sku_wrapper{
	display: none;
}
.letter-price-display{
	display: none;
}

/* table pricing */
.woocommerce table.shop_table.price-rules-table {
    width: 75%;
}
.price-rules-table tr {
    background: #fff;
    color: #333;
}
.price-rule-active td{
    color: #333 !important;
}
.woocommerce div.product form.cart table td, .woocommerce table.shop_table th {
    text-align: center;
}
.shop_table.price-rules-table .woocommerce-Price-amount.amount{
    color: #333;
    font-size: 14px !important;
}
/*contact form 7*/
.form-group.required label::after {
    content: " *";
    color: red;
}
/* new product section homepage*/
.home .page-content h2.pb-4{
    padding-bottom: 2rem !important;
}

/** IMAGE CAPTIONS **/
.wp-block-image figure {
    position: relative;
}

.wp-block-image figcaption {
    margin-bottom: -1em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    text-align: center;
    width: 100%;
}

/** COPY BOX **/
.copy-box {
    padding: 1rem 2rem;
    background-color: #f2c6d3;
    border-radius: 5px;
    margin: 3rem auto;
}

/** BOOTSTRAP MARGINS **/

/* Top margin */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }

/* Bottom margin */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }

/* Vertical margin */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Left margin */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-auto { margin-left: auto !important; }

/* Right margin */
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-auto { margin-right: auto !important; }

/* Horizontal margin */
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }

/** RESPONSIVE STYLE **/
@media (max-width: 767px) { /** mobile only **/
	.mobnav-subarrow{ display: block; background: #c2c2c2; height: 25px; width: 25px; position: absolute; top: 10px; right: 0; color: #545454; text-align: center; border-radius: 2px; cursor: pointer; }
	.mobnav-subarrow span.fa { padding-top: 0; font-size: 20px; }
	.cta-box{ text-align: center; }
	.search-box{ padding: 0 15px; }
	.home-services{ margin: 10px 0; }
	.archive-subcategories .product-category{ display: inline-block;  margin-right: 20px; padding-bottom: 20px;}
	.counter-banner .banner-cta{text-align: center;margin-top: 2em;}
	.counter-banner .banner-text{font-size: 1.5em;}
	.counter-contact-form-wrap .first-fields{padding-right: 0;}
	.counter-contact-form-wrap textarea{border-radius: 3px;}
	.counter-contact-form-wrap .form-submit{padding-left: 0;margin-top: 1em;}
	.counter-banner .product-highlight{margin-bottom:15px;}
	.section-slider .section-button-prev{left: 0;}
	.section-slider .section-button-next{right: 0;}
	.widget-featured-product img {margin: 0; width: 100%;}
	.widget-featured-product li {margin-bottom: 20px;}
	.desc-quote, .btn-qutoe{text-align: center;width: 100% !important;}
	.su-row .su-column{width: 100% !important;}
	.product-description{padding-left: 15px;padding-right: 15px;margin-top: 30px;}
	.related.products{padding-left: 15px; padding-right: 15px;}
	.related.products img {width: 100%;}
	.related.products .product-description{margin-top:0px;}
	.quotes-row .quote-colours{width: 25%!important;float: left!important;margin: 0!important;}
	.td-padding.mobile-width .form-group{width:100%;}
	.shopping-cart-button .search-form {
	    display : none !important;
	}
	.blog-page{
	    padding : 0 20px;
	}
	.col-blog{
	    min-height : auto;
	}
}

@media (min-width: 768px){ /** sm style **/
	.mobnav-subarrow, a.showmenu{ display: none; }
	.logo{ position: absolute; top: 0;}
	.bottom-header{ padding: 15px; }
	.cta-boxes, .shopping-cart-action{ text-align: right; }
	.menu-header{ margin-top: 5em; position: relative; }
	.sf-menu a{ padding: 0 5px; }
	.search-box{ position: absolute; right: 0; top: 35px; display: none; }
	.home-banner .col-sm-6{ position: static; }
	.banner-description{ position: absolute; right: 0; bottom: 30px; text-align: right; }
	.banner-description h1{ font-size: 18px; }
	.home-partner-slider, .home-product-slider{ padding: 0 65px; }
	.m-left-13 { margin-left: 13% !important }
	.backimage.boxes {
		display: flex;
	}
	.backimage.boxes img {
		width: auto;
    	height: 60px;
	}
	.infographic.custom-image {
		font-size: 18px;
	}
	.infographic.custom-image img {
		height: 100px;
		width: auto;
		margin-bottom: 30px !important;
	}
}

@media (min-width: 992px) { /** md style **/
	.search-box{ top: 25px; }
	.banner-description h1{ font-size: 25px; }
	.banner-description a.readmore{ font-size: 20px; }
	.banner-description a.readmore i.fa{ line-height: 40px; }
	.home-description{ padding-top: 60px; padding-bottom: 50px; }
	.service-item{ padding: 10px; }
	.service-item a{ font-size: 17px; }
	.service-item i.fa{ font-size: 2em; }
	.footer{ margin-top: 80px; }
	.term-description{ margin-top: 25px; }
}
@media (max-width: 992px) {
  .wpmenucartli .wpmenucart-contents{margin-top: 0;}
}

@media (min-width: 1200px) { /** lg style **/
	.menu-header{ margin-top: 20px; }
	.menu-header .sf-menu{ float: right; }
	.banner-description h1{ font-size: 32px; }
	.service-item{ padding: 10px 30px; }
	.service-item i.fa{ font-size: 3em; }
	.content-page {left:0%; width: 100%;}
}

@media only screen and (max-width: 479px) {
	.metaslider .caption {padding-bottom: 1em!important;font-size: 1.1em;	}
	.mob-menu-logo-holder{margin-top: 0px;text-align: right;margin-left: 0;margin-right: 20px;height: 50px;float: right;}
	.second-logo{float: none;}
	.slider-25{height: 300px !important;}
	.su-row.gradient-background .su-column-size-1-2{width: 100%;}
	.su-row.gradient-background .btn-qutoe{text-align: center;}
	.thumbnail-product-service{width: 180px;}
	.widget-featured-product img {margin: 0;}
	.sf-menu, .sf-menu li:hover > ul, .sf-menu li.sfHover > ul{ display: none; }
	.sf-menu.menu-show, .sf-menu ul.menu-show{ display: block !important; }
	.sf-menu, .sf-menu li{ float: none; }
	.sf-menu li{ display: block; }
	.sf-menu li+li{ border: none; }
	.sf-menu ul{ position: static; margin: 10px; }
	.sf-menu ul li{ background: transparent; }
	.page-sidebar .widget {padding: 30px 0 15px 0px;}
	.page-id-63 .wpforms-field{width: 100% !important; margin-left: 0px !important;}
	.page-id-19 .wpforms-field{width: 100% !important; margin-left: 0px !important;}
	.home .wpforms-field{width: 100% !important; margin-left: 0px !important;}
	#mobmenuleft #wpmenucartli {float: left!important; width:100%;}
	.woocommerce-checkout .form-row{width: 100% !important;}
	#ship-to-different-address{padding-left: 20px;padding-right: 20px;margin-top: 20px;}
	#metaslider-id-25 img{
	    object-fit:none !important;
	}
}

@media screen and (max-width:575.98px){
	.swatch-wrapper{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	.swatch-place .swatch-place-parent .swatch-place-parent-image img{
		max-width:unset !important;
	}
}
@media screen and (min-width:576px) and (max-width:991.98px){
	.swatch-wrapper{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	.swatch-place .swatch-place-parent .swatch-place-parent-image img{
		max-width:unset !important;
	}
}

@media screen  and (min-width:768px){
	.top-input-tbl tr {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.top-input-tbl td:before{
	 display: none;
	}
	.top-input-tbl th,.top-input-tbl td{
		display: table-cell;
		padding: .25em .5em;
	}
	.top-input-tbl th, .top-input-tbl td:last-child{
		padding-right: 0;
		padding-bottom: 0px;
	}
	.top-input-tbl th, .top-input-tbl td:first-child{
		padding-left: 0;
		padding-top: 0px;
	}
	.top-input-tbl th{
		padding:10px 0;
	}
}

@media only screen and (max-width: 768px){
	.su-column.mob-col-2 {
		width: 50%!important;
		float: left!important;
		margin: 0!important;
	}
}

@media (max-width: 1199px) {
	.counter-banner .banner-cta {
	    margin-top: 20px;
	}
	.counter-contact-form-wrap .contact-form-text{
		margin-top: 0;
		text-align: center;
	}
	.counter-subtitle{
		width: 100%;
	}
	/* Image Slider */
	.slider-title{
		font-size: 1.5em;
	}
}

@media (max-width: 991px) {
	.counter-banner .banner-text{
		font-size: 1em;
	}
	.counter-banner .banner-cta{
		margin-top: 0;
		margin-bottom: 0.2em;
	}
	.counter-title{
		margin-bottom: .5em;
	}
	.counter-subtitle span{
		width: 75%
	}
	/* Image Slider */
	.section-slider .slider-title{
		font-size: 1em;
	}
	.widget.widget_nav_menu {
		margin-top: 30px;
	}
	.materialOptions, .color-select {
		margin-top: 20px;
	}
}

@media (max-width: 768px) {
  .shopping-cart-button{
    margin-top: 1rem;
  }
  .second-logo{
    text-align: center;
    padding-bottom: 0;
    padding-top: 1rem;
  }
  .sf-menu{
    display: none;
  }
  .wpmenucartli .wpmenucart-contents{
    top: -107px;
  }
  .mobmenu-right-panel li, .rightmbottom, .rightmtop {
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
  .mob-expand-submenu i {
    font-size: 18px !important;
  }
}

@media (max-width: 767px) {
  .second-logo{
    float: none;
  }
  .tagline-second-logo{
    text-align: center;
  }
  .shopping-cart-button{
    justify-content: center;
  }
  .home .add_to_cart_button:not(#qib_id):not(#qib_id){
    margin-left: 15px !important;
  }
}

@media (max-width: 636px) {
  /* .home .woocommerce .col-xs-6 {
    width: 49%;
  } */
}

@media (max-width: 576px) {
  .tagline-second-logo{
    text-align: center;
  }
  .shopping-cart-button{
    justify-content: center;
  }
}

/* .d-flex {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
}

.logo-grid {
	display: grid;
    grid-template-columns: 50% 50%;
    justify-items: center;
    width: 100%;
    margin: 30px 0;
    position: relative;
    text-align: center;
}

.logo-grid > div {
	padding: 20px;
}

.logo-grid > div b {
	display: block;
}

.logo-grid > div img {
    max-height: 120px;
    width: auto;
} */

.logo img {
	max-width: 240px;
}

.product .variations_form {
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #F0F0F0;
}

.product .variations_form .product-addon.product-addon-acrylic-font,
.product .variations_form .product-addon.product-addon-acrylic-colour {
	display: inline-block;
    width: 48%;
    float: left;
	margin-top: 10px;
}

.product .variations_form .product-addon.product-addon-letter-format {
	display: inline-block;
	width: 100%;
}

.product .variations_form .product-addon.product-addon-required-letters,
.product .variations_form .product-addon.product-addon-letter-format {
	margin-top: 0;
}

.product .variations_form .product-addon.product-addon-acrylic-font > p,
.product .variations_form .product-addon.product-addon-acrylic-colour > p {
	padding: 0;
}

.product .variations_form .product-addon.product-addon-acrylic-font {
	margin-right: 4%;
}

.product .variations_form .product-addon .addon-name,
.product .variations_form .label label {
    font-size: 15px;
    font-weight: 600 !important;
    margin: 0 0 8px;
    color: #074057 !important;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.product .variations_form .product-addon .addon-select,
.product .variations_form .product-addon .addon-custom-textarea,
.product .variations_form .variations select#height,
.woocommerce div.product form.cart .variations select,
.product .variations_form .product-addon input.input-text {
	border: 1px solid #C4C4C4;
    padding: 5px 6px;
    border-radius: 3px;
	margin: 0;
    width: 100%;
}

.single_variation_wrap input.qty {
	border: 1px solid #C4C4C4;
    padding: 5px 6px;
    border-radius: 3px;
	margin: 0;
	height: 35px;
}

.product_cat-house-street-sign .variations_form .product-addon .addon-select,
.product_cat-house-street-sign .variations_form .product-addon .addon-custom-textarea,
.product_cat-house-street-sign .variations_form .variations select#height,
.product_cat-house-street-sign div.product form.cart .variations select,
.product_cat-house-street-sign .variations_form .product-addon input.input-text {
	height: 34px !important;
	font-size: 14px !important;
}

.product_cat-house-street-sign .variations_form .product-addon .addon-name {
	font-size: 13px !important;
}

.product .variations_form .product-addon .form-row {
	padding: 0;
}

.woocommerce div.product form.cart .variations select {
	margin-bottom: 10px;
}

.product .variations_form .product-addon .addon-select option:first-child {
	color: #A1A1A1;
}

.product .variations_form .product-addon-letter-format .form-row {
	margin: 0;
}

.product .variations_form .form-row label {
    line-height: 1.8;
    background: #e9f4f6;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid #c2e2eb;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.product .variations_form .form-row label .addon-radio {
	margin: 4px 8px 4px 0;
}

.product .variations_form .variations td {
	position: relative;
}

.product .variations_form .variations a.reset_variations {
    position: unset;
    background: red;
    color: #FFFFFF !important;
    padding: 5px 8px 4px;
    border-radius: 4px;
    width: 50%;
    float: right;
}

.product .variations_form .single_variation_wrap {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.product .variations_form .single_variation_wrap .woocommerce-variation-price span {
    margin: 0;
    color: #a46497;
    font-weight: 600;
    padding: 0 2px;
    line-height: normal;
}

.product_cat-acrylic-letters-and-numbers .product-images {
    border-radius: 10px;
}

.product_cat-acrylic-letters-and-numbers .product-images .font-display {
	margin-bottom: 5px;
    border-radius: 10px;
    overflow: hidden;
}
.product .product-description {
	border-top: 2px solid #017da3;
    margin-top: 30px;
    padding-top: 20px;
}

.woocommerce div.product .product_title {
	font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.product-disclaimer {
	color: #333333;
	font-size: 15px;
}

.product-disclaimer strong {
	display: block;
    color: red;
}

.product_cat-house-street-sign div.product-addon {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 .5em;
}

.product_cat-house-street-sign div.product-addon:nth-child(even) {
	margin-left: 4%;
}

.product_cat-house-street-sign .single_variation_wrap {
	flex-direction: column;
}

.product_cat-house-street-sign .woocommerce-variation-add-to-cart {
    width: 100%;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 4%;
}

.product_cat-house-street-sign .colour-swatch-page {
    margin: -15px 0 30px;
}

.product_cat-house-street-sign .colour-swatch-page a {
	color: #bd2031 !important;
    text-decoration: underline;
    font-size: 15px;
}

.product-addon .chars_remaining {
	display: none !important;
}

/* Toko buka hapus ini */
/* .woocommerce .add_to_cart_button,
.single_add_to_cart_button,
.woocommerce-cart-form,
.checkout-button,
.woocommerce-checkout,
.product form.cart .qib-container {
    display: none !important;
} */
/* Toko buka hapus ini */

/* =========================
   XMAS landing — Customized CSS
   Paste to: Appearance → Customize → Additional CSS
   ========================= */
:root{
  --accent1:#0aa04f;
  --accent2:#0a88a8;
  --danger:#b21f1f;
  --muted:#6b6b6b;
  --card-bg:#fff;
  --container-max:950px;
  --radius:10px;
  --gap:18px;
  --shadow:0 8px 18px rgba(9,20,30,0.04);
  --fw-strong:800;
  --font-sans: "Helvetica Neue", Arial, sans-serif;
}

/* Base */
.xmas-bundle{font-family:var(--font-sans); color:#222; box-sizing:border-box;}
.xmas-bundle *{box-sizing:border-box;margin:0;padding:0}

/* HERO */
.xmas-bundle .xb-hero{
  background-image: url('/assets/xmas-hero.jpg');
  background-size:cover;
  background-position:center;
  padding:48px 16px 36px;
  border-bottom:4px solid var(--accent2);
}
.xb-hero .xb-hero-inner{
  max-width: var(--container-max, 1200px);
  margin: 0 auto;
  position: relative;
  border-radius: 14px;
  padding: 40px 28px;
  text-align: center;

  /* Background image */
  background-image: url('https://acrylicsheetsales.com.au/wp-content/uploads/2025/12/Rectangle-4.png');
  background-size: cover;
  background-position: center;

  /* Improve depth */
  box-shadow: 0 8px 30px rgba(10, 20, 30, 0.08);
  overflow: hidden;
}
/* Soft gradient overlay for readability */
.xb-hero .xb-hero-inner::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
  90deg,
	  rgba(198,40,40,0.7),
	  rgba(106,27,154,0.65),
	  rgba(2,119,189,0.7)
  );
  backdrop-filter: blur(0.4px);
  pointer-events: none;
}

/* Title styling */
#xmas-hero-title{
  position: relative;
  z-index: 2;
  margin: 0 0 8px;
  font-size: clamp(24px, 3.2vw, 38px);
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 6px rgba(255,255,255,0.25);
  letter-spacing: -0.3px;
}

/* Subtitle styling */
.xb-sub{
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: clamp(14px, 1.6vw, 18px);
  font-weight: 600;
  color: #fff;
}

/* Responsive refinements */
@media (max-width: 600px){
  .xb-hero .xb-hero-inner{
    padding: 28px 20px;
  }
  #xmas-hero-title{ font-size: 22px; }
  .xb-sub{ font-size: 14px; }
}
.xmas-bundle .xb-cta-line{color:var(--muted);margin-bottom:12px}
.xmas-bundle .xb-cta{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;
  background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(10,160,79,0.12);
}

/* Container & summary */
.container{max-width:var(--container-max);margin:0 auto;padding:20px}
.xb-summary{display:flex;gap:var(--gap);align-items:center;padding:18px;background:#fbfbfb;border-radius:12px;border:1px solid #eef6f7}
.xb-summary-left{flex:1}
.xb-summary-right{width:200px;text-align:center}
.xmas-bundle .xb-price{font-size:28px;font-weight:900;color:var(--danger);margin-bottom:10px}
.xmas-bundle .xb-addcart{display:inline-block;padding:10px 14px;background:var(--accent2);color:#fff;text-decoration:none;border-radius:8px;font-weight:800}

/* How to */
.xb-how{margin:28px 0;padding-top:12px;border-top:1px solid #f1f1f1}
.xb-how h3{font-size:18px;margin-bottom:8px}
.xb-steps{margin-left:20px;color:var(--muted);line-height:1.6}

/* Products — use CSS Grid for predictable layout */
.xb-products{margin:20px 0 36px;}
.xb-products .products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0;margin:0}
.xb-products .product{padding:12px;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}
.xb-products .product img{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:10px;object-fit:cover}
.xb-products .prod-title{font-weight:700;font-size:14px;color:#0b2b26;margin-bottom:6px}
.xb-products .prod-price{color:var(--danger);font-weight:800;margin-top:auto}

/* Badges & bonus area */
.badge{display:inline-block;padding:6px 8px;border-radius:6px;background:#f5fdf9;color:#0a6a3f;font-weight:700;border:1px solid #def3e8;margin-bottom:8px}
.xb-bonus-promo{display:flex;gap:20px;margin:20px 0;align-items:stretch}
.xb-bonus-promo > div{flex:1;background:#fff;border-radius:10px;padding:16px;border:1px solid #f0f3f4;box-shadow:0 6px 14px rgba(5,20,30,0.02)}
#xb-products .products {
    display: flex !important;
    gap: 30px;
}
#xb-products .product {
    flex: 1;
    max-width: 33%;
}

.xb-checklist{
	list-style-type: none;
}

.xb-qty-form {
    margin-top: 10px;
}

.xb-qty-wrap {
    justify-content: center;
    margin-bottom: 10px;
}

.xb-qty-submit {
    width: 100%;
    max-width: 150px;
}
/* Match screenshot #2 style */
.my-grid .product img {
    border-radius: 6px;
    border: none;
    margin-bottom: 8px;
}

.my-grid .product {
    border: none;
    box-shadow: none;
}

.my-grid .product .woocommerce-loop-product__title {
    margin-top: 6px;
    min-height: 40px;
}

/* Responsive */
@media (max-width:980px){
  .xb-summary{flex-direction:column;align-items:stretch}
  .xb-products .products{grid-template-columns:repeat(2,1fr)}
  .xb-bonus-promo{flex-direction:column}
}
@media (max-width:560px){
  .xb-hero{padding:28px 12px}
  .xb-hero-inner{padding:14px}
  .xb-products .products{grid-template-columns:1fr}
}

@media (max-width: 768px) {
  /* Perbesar angka harga + simbol $ */
  .woocommerce-Price-amount.amount {
    font-size: 1.6rem !important;
  }

  /* kalau mau simbol $ sedikit lebih kecil */
  .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    font-size: 1.4rem !important;
  }
}

/* =========================
   FIX VARIATION UI (override existing theme rules)
   ========================= */

/* 1) Clear button: jangan float + jangan setengah lebar */
.product .variations_form .variations a.reset_variations{
  float: none !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #f3f4f6 !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  margin-top: 8px !important;
  line-height: 1 !important;
}

/* 2) Jangan paksa single_variation_wrap flex (ini yang sering bikin tombol jadi sempit) */
.product .variations_form .single_variation_wrap{
  display: block !important;
}

/* 3) Bikin bar aksi (qty + add to cart) rapi */
.product .variations_form .woocommerce-variation-add-to-cart{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

/* 4) Samakan tinggi qty */
.product .variations_form .woocommerce-variation-add-to-cart input.qty{
  width: 90px !important;
  height: 44px !important;
  border-radius: 10px !important;
  border: 1px solid #d1d5db !important;
  padding: 0 10px !important;
}

/* 5) Tombol Add to cart jangan pecah teks */
.product .variations_form .single_add_to_cart_button{
  height: 44px !important;
  flex: 1 1 auto !important;
  min-width: 180px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 6) Hilangkan icon cart kalau mau clean */
.product .variations_form .single_add_to_cart_button i.fa{
  display: none !important;
}

/* Mobile */
@media (max-width:768px){
  .product .variations_form .woocommerce-variation-add-to-cart{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .product .variations_form .woocommerce-variation-add-to-cart input.qty{
    width: 100% !important;
  }
  .product .variations_form .single_add_to_cart_button{
    width: 100% !important;
    min-width: 0 !important;
  }
}

.product .variations_form .variations td.value{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.product .variations_form .variations td.value select{
  grid-column: 1 / 2 !important;
}

.product .variations_form .variations td.value a.reset_variations{
  grid-column: 2 / 3 !important;
  margin-top: 0 !important;
}

/* Hide main price (green) only on products in category back-to-school-board-kits */
.single-product.term-back-to-school-board-kits .summary .price{
  display: none !important;
}

/* ===== Back-to-School ONLY: Product Image Slider ===== */
.single-product.term-back-to-school-board-kits .product-images{
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Pastikan yang lama tidak tampil */
.single-product.term-back-to-school-board-kits .product-images .woocommerce-main-image,
.single-product.term-back-to-school-board-kits .product-images .thumbnails{
  display:none !important;
}

/* Wrapper slider: 1 baris, tidak turun ke bawah */
.single-product.term-back-to-school-board-kits .product-images .slider-wrapper{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  transform: translate3d(0,0,0);
  transition: transform .35s ease;
}

/* 1 slide = 100% lebar */
.single-product.term-back-to-school-board-kits .product-images .slider-item{
  flex: 0 0 100% !important;
  max-width:100% !important;
}

/* Gambar rapi dan tidak overflow */
.single-product.term-back-to-school-board-kits .product-images .slider-item img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
}

/* Arrows */
.single-product.term-back-to-school-board-kits .product-images .product-slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  z-index:20;
  background:rgba(0,0,0,.55);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
}
.single-product.term-back-to-school-board-kits .product-images .product-slider-prev{ left:10px; }
.single-product.term-back-to-school-board-kits .product-images .product-slider-next{ right:10px; }

/* Dots */
.single-product.term-back-to-school-board-kits .product-images .product-slider-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  display:flex;
  justify-content:center;
  gap:8px;
  z-index:20;
}
.single-product.term-back-to-school-board-kits .product-images .product-slider-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.55);
  cursor:pointer;
}
.single-product.term-back-to-school-board-kits .product-images .product-slider-dot.is-active{
  background:rgba(255,255,255,.95);
}