/* Theme Name: Barn Theme Theme URI: https://example.com/barn-theme Author: Your Name Author URI: https://example.com Description: A lightweight custom WordPress theme named Barn Theme. Version: 1.0.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: barn-theme */ /* Header style Start */ header { position: relative; z-index:4; } header .announcement-bar { background: #f4f4ec; color: #647941; height:30px; } header ul { margin: 0; padding: 0; } header .announcement-bar p, .announcement-bar a{ color: #647941; } header .announcement-bar .close:hover, .announcement-bar a:hover { color: #1a1a1a; } header .announcement-bar .close{ color: #647941; } header .dt-sc-social-icons a{color: #ffffff; background-color: rgba(0,0,0,0);} header .dt-sc-social-icons a:hover{color: #bcde85; background-color: rgba(0,0,0,0);} header .header-contact a{color: #ffffff; } header .header-contact a:hover{color: #647941;} header .header-contact li + li { padding-left: 10px; } header .select2-container{ min-width: 60px;} header .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-top-color: #ffffff !important;} header .select2.select2-container.select2-container .select2-selection:hover .select2-selection__arrow b{ border-top-color:#2e3c2d!important; } header .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-bottom-color:#2e3c2d!important; } header .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__rendered{ color:#2e3c2d!important;} header .dt-sc-header-toggle{ position:relative; } header .dt-sc-toggle-content { overflow:hidden; display: none; position: absolute; left: 0; top:40px; width: auto;white-space: nowrap; background-color: rgba(0,0,0,0); color: #ffffff; border-radius: 0 var(--DTRadius) var(--DTRadius) var(--DTRadius);} header .dt-sc-toggle-content.expanded { display: block; } header .user-group.dt-sc-toggle.open:before{ content: ''; display: block; position: absolute; left: 0px; bottom: -10px; width: 0; height: 0; border-bottom: 10px solid rgba(0,0,0,0); border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; } header .site-header__links .dt-sc-toggle-content a{ border-radius: 0;justify-content: flex-start;padding: 5px 15px;height: auto;} header .site-header__links .dt-sc-toggle-content li:not(:last-child) a{ border-bottom: 1px solid rgb(255 255 255 / 50%); } header .site-header__links a, header .site-header__links select option, header .site-header__links select, header .site-header__links .select2.select2-container .select2-selection, header .site-header__links .select2.select2-container .select2-selection .select2-selection__rendered { background-color: rgba(0,0,0,0); color: #ffffff; } header .site-header__links .select2.select2-container .select2-selection{height: 30px; } header .site-header__links a:hover, header .site-header__links select option:hover, header .site-header__links select:hover, header .site-header__links .select2.select2-container .select2-selection:hover, header .site-header__links .select2.select2-container .select2-selection .select2-selection__rendered:hover{ color: #2e3c2d; background-color: rgba(0,0,0,0); } header .dt-sc-social-icons > li { margin: 1px; } header .dt-sc-social-icons a{ height: 30px; min-width:30px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; border-radius: var(--DTRadius); } header p { margin: 0; padding: 0; } header svg{ height: var(--DTFontSizeBase); height:30px } header ul { margin: 0; padding: 0; } header .dt-sc-header-top-bar { padding: 10px 0 ; background-color: #2e3c2d; } header .dt-sc-header-top-bar .dt-sc-flex-space-between { justify-content: center; } header .dt-sc-header-top-bar .dt-sc-flex-space-between > * { padding: 2px; align-items: center; } header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:not(:only-child) { justify-content: center; text-align: center; min-width: 25%; } header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:nth-child(2):nth-last-child(2), header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:nth-child(2):nth-last-child(2) > *{ justify-content: center; text-align: center; } header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:last-child:not(:only-child), header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:last-child:not(:only-child) > *{ justify-content: flex-end; text-align: right; } header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:first-child:not(:only-child) {justify-content: flex-start; text-align: left; } .autocomplete-results img {border-radius: var(--DTRadius);} header .dt-sc-header-logo-sec{ background-color: #647941; margin:0px; } header .dt-sc-header-logo-sec, .sticky-header-active { /*padding: 15px 0;*/; } header .site-header__links > * { margin: 1px; } header .site-header__links a{ height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 10px; cursor: pointer; position: relative; -webkit-border-radius: var(--DTRadius); border-radius: var(--DTRadius); } header .site-header__links select{ background-image: url("data:image/svg+xml;utf8,"); background-position: right; background-repeat: no-repeat; cursor: pointer; height: 30px; padding: 0 20px 0 5px; -webkit-border-radius:var(--DTRadius); border-radius:var(--DTRadius); -webkit-appearance: none; -moz-appearance: none; appearance: none; } header .site-header__links .count{ top: -4px; position: relative; border-radius: 50%; font-size: 14px; min-width: 15px; height: 15px; line-height: 13px; text-align: center; display: block; } header .site-header__links .site-header__cart-count .cart-words{ display:none; } /*Header Cart */ .js-drawer-open .is-moved-by-drawer:before { background:rgb(0 0 0 / 50%); content:""; position:fixed; bottom:0; left:0; right:0; top:0; transition:var(--DTBaseTransition); z-index:4; } .js-drawer-open-right .drawer--right{ transform: translateX(-100%); } .js-drawer-close.dt-sc-btn{height:30px;width:30px;line-height:30px;font-weight:700;position:absolute;right:0;top:0;padding:0;margin:0;border-radius:0} .js-drawer-open-right .drawer--right .dt-sc-btn{ left: 0; } .drawer .ajaxcart__product .details .remove-btn { right:-15px; width: max-content; margin-left: auto !important; top: -10px; opacity: 1; } .ajaxcart__inner .ajaxcart__product:last-child .row{ border-bottom-width: 0; } .drawer{ background:var(--DTBodyBGColor); display: none; height:100%; overflow-y:auto; padding:15px; position:fixed; left: 100%; top:0; width:300px; z-index:5; transition:var(--DTBaseTransition); } .shifter-enabled .drawer{ display: block; } .drawer--right{ transform: translateX(0); } #CartDrawer { overflow: visible; padding: 0; } #CartDrawer .drawer__header { background: #fff; display: inline-block; padding: 0 15px; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); } #CartDrawer .drawer__header h4 { font-size: var(--DTFontSize_H5); margin-top: 10px; margin-bottom: 10px; } #CartDrawer .drawer__header .close-icon { transform: translateX(-100%); padding:0;} #CartContainer { height: 100%; overflow-y: auto; padding: 65px 15px 15px; } .drawer .ajaxcart__product{clear:both;display:block;width:100%} .drawer .ajaxcart__product .row{ border-bottom:1px solid var(--DTColor_Border); display:flex; margin-bottom:15px; padding-bottom:15px; position: relative; } .drawer .ajaxcart__product .item_img { max-width:60px; margin-bottom: 5px; } .drawer .ajaxcart__product .item_img a { display: inline-block; vertical-align: top; } .drawer .ajaxcart__product .details { padding: 0 10px; width: 100%; } .drawer .ajaxcart__product .details h6{margin:0 0 5px;} .drawer .ajaxcart__product .details p{margin:5px 0;} .drawer .ajaxcart__product .details .remove-btn { /*border-radius:var(--DTRadius);*/margin: 4px;padding: 5px; } .drawer .ajaxcart__product .details .remove-btn:before { height: 12px; width: 12px; } .drawer .ajaxcart__product .details p.onsale{font-size: 12px;} .drawer .cart_savings.onsale {display: flex;justify-content: space-between;align-items: center;gap: 10px;border-color: var(--DTColor_Border);} .drawer .cart_savings.onsale p{ margin: 15px 0;} .drawer .ajaxcart__product .product-item-caption-qty{ margin-top:8px; } .drawer .ajaxcart__product .product-item-caption-qty button{ font-family: Arial, Helvetica, sans-serif; width: 40px; height: 40px; font-size: 16px; line-height: 34px; padding: 0px; margin: 0; border: 1px solid var(--DTColor_Border); } .drawer .ajaxcart__product .product-item-caption-qty button.ajaxcart__qty--minus{ border-radius: var(--DTRadius) 0 0 var(--DTRadius) ; } .drawer .ajaxcart__product .product-item-caption-qty button.ajaxcart__qty--plus{ border-radius: 0 var(--DTRadius) var(--DTRadius) 0; } .drawer .product-item-caption-qty input.input-number{ height: 40px; border:1px solid var(--DTColor_Border); border-width: 1px 0; color:var(--DTColor_Heading); } .drawer .ajaxcart__product-meta{font-size:14px} .drawer .ajaxcart__product .details a { font-size: 20px; } .drawer .ajaxcart__product .item_img img { border-radius: var(--DTRadius); } .drawer .subtotal{display:flex;justify-content:space-between;padding:15px 0;border-width:1px 0;border-style:solid;border-color:var(--DTColor_Border)} .drawer .subtotal p{margin:0} .drawer .total p{ font-size: 0.875rem; font-weight: normal; margin:10px 0 20px} .drawer .ajaxcart__footer { margin-bottom: 15px; } .drawer .ajaxcart__footer .dt-sc-btn{width:100%; text-align:center; } .drawer .ajaxcart__product:hover .remove-btn{ opacity: 1; } .remove-btn{ opacity: 0; cursor: pointer; padding:2px 5px; line-height: normal; position: absolute; left: 0; top: 0; transition:var(--DTBaseTransition); } /*------------------------------------------------------------*/ /* Header Menu */ /*------------------------------------------------------------*/ .logo-alignment.secondary-menu-enabled #AccessibleNav{ width: 100%; } .logo-alignment.secondary-menu-enabled #AccessibleNav > *{ flex:1;} .logo-alignment.secondary-menu-enabled #AccessibleNav > .mobile-nav-container { flex: 0 0 auto; } .logo-alignment.secondary-menu-enabled #AccessibleNav > .logo{ flex-grow: 1; max-width: 120px; justify-content: center; } .logo-alignment.secondary-menu-enabled #AccessibleNav > .logo:first-child{ text-align: left; justify-content: left; } .logo-alignment.secondary-menu-enabled #AccessibleNav > .logo:last-child{text-align: right; justify-content: flex-end; } .logo-alignment.secondary-menu-enabled #AccessibleNav ul:first-child{justify-content: flex-start; } .logo-alignment.secondary-menu-enabled #AccessibleNav ul:last-child{ justify-content: flex-end; } .logo-alignment.secondary-menu-enabled #AccessibleNav .secondary__nav { display: flex; justify-content: flex-end;} div:not(#AccessibleNav) > .logo.text-center{ border-bottom: 1px solid var(--DTColor_Border); padding: 10px 0; } nav { position: relative;} #AccessibleNav{ align-items: center; display: flex; } ul.dt-nav { list-style-type: none; padding: 0px; font-size: 0px; max-width: var(--DTContainer);} ul.dt-nav > * { margin: 0 1px; } ul.dt-nav > li.top-level-link { display: inline-block; padding: 0; position: relative; } /* ul.dt-nav > li.top-level-link:nth-last-child(2) > div.sub-menu-block .sub-menu-block, */ ul.dt-nav > li.top-level-link:last-child > div.sub-menu-block .sub-menu-block{ right: 100%; left: auto; } ul.dt-nav > li > a { display: block; padding: 5px 10px; margin: 35px 5px; position: relative; font-size: 15px; box-sizing: border-box; color: #ffffff; border-radius: var(--DTRadius);} ul.dt-nav > li:hover > a, ul.dt-nav > li.active > a { background-color: var(--DTPrimaryColor); background-color: rgba(0,0,0,0); } ul.dt-nav > li:hover > a, ul.dt-nav li.active > a, ul.dt-nav > li:hover > a, ul.dt-nav > li.active > a, ul.dt-nav > li.active > a.mega-menu > span:after { color: var(--DTColor_Heading); color: #bcde85; } ul.dt-sc-list-inline > li ul.sub-menu-lists { display:block; list-style-type: none; margin: 0; padding: 0; } ul.dt-sc-list-inline > li ul.sub-menu-lists li:only-child a{ margin: 0; } ul.dt-sc-list-inline > li ul.sub-menu-lists > li { position: relative; padding: 0; } ul.dt-sc-list-inline > li ul.sub-menu-lists > li > a { color: #000000; display: block; padding: 5px 15px; } ul.dt-sc-list-inline > li ul.sub-menu-lists > li.active > a, ul.dt-sc-list-inline > li ul.sub-menu-lists > li > a:hover {color: #647941; } ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists { padding: 0; } ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > a { font-size: 0.875em; } ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li + li > a { border-top: 0px solid var(--DTLinkHoverColor); } ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > ul{ padding:15px; visibility: hidden; position: absolute; margin-top: 0px; width: 200px; left: 100%; top: 0; box-sizing: border-box; z-index: 3; font-size: 16px; opacity: 0; transition: all 0.4s ease 0s; transform: rotateX(90deg); transform-origin: top center; background-color: #e1edcd; border: 1px solid var(--DTColor_Border); } ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li:hover > ul{ visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > ul > li a{ display: block; border-bottom: 1px solid var(--DTColor_Border); } ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > a.dt-sc-nav-link.mega-menu {display: block; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid var(--DTColor_Border); } ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > h5 { border-bottom: 1px solid var(--DTLinkHoverColor); display: block; font-size: var(--DTFontSize_H6); font-weight: 600; margin-top: 0; padding: 0 0 10px; } ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > h5, ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > h5 a { font-size: 16px; } ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li ul { padding: 0; } ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a { position: relative; display: inline-block; font-size: calc(16px - 2px); padding: 3px 0; width: 100%; } ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a, ul.dt-sc-list-inline > li ul.sub-menu-lists > li > h5 a { color: #000000;} ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a:hover, ul.dt-sc-list-inline > li ul.sub-menu-lists > li > h5 a:hover{color: #647941;} ul.dt-sc-list-inline > li ul.sub-menu-lists.three-column > li:nth-child(3) ~ li, ul.dt-sc-list-inline > li ul.sub-menu-lists.double-quarter-half > li:nth-child(3) ~ li, ul.dt-sc-list-inline > li ul.sub-menu-lists.four-column > li:nth-child(4) ~ li, ul.dt-sc-list-inline > li ul.sub-menu-lists.five-column > li:nth-child(5) ~ li, ul.dt-sc-list-inline > li ul.sub-menu-lists.six-column > li:nth-child(6) ~ li{display:none; } .sub-menu-head { margin: 10px 0; } .banners-area { margin-top: 20px; padding-top: 15px; } .dt-sc-mega_menu-title{ margin: 0; line-height: 40px; } .dt-sc-menu-product .dt-sc-menu-product_item-info{ padding: 4px; text-align: center; background: var(--DT_Button_BG_Color); color: var(--DT_Button_Text_Color); transition: var(--DTBaseTransition);} .dt-sc-menu-product .dt-sc-menu-product_item-info:hover{ background: var(--DT_Button_BG_Hover_Color); color: var(--DT_Button_Text_Hover_Color);} .dt-sc-menu-product .dt-sc-menu-product_item-info a{ color:currentcolor; } .dt-sc-menu-product .dt-sc-menu-product_item-info .dt-sc-price{ margin:0 5px; white-space: pre; } .dt-sc-menu-image-with-text .dt-sc-mega_menu, .dt-sc-menu-product__item { overflow:hidden; position:relative; } .dt-sc-menu-image-with-text .dt-sc-details{ position: absolute; bottom: -40px; width: 100%; background-color:var(--DTOverlayColor); transition: var(--DTBaseTransition); } .dt-sc-menu-image-with-text:hover .dt-sc-details{ bottom:0; } .dt-sc-menu-image-with-text .dt-sc-btn, .dt-sc-menu-product .dt-sc-menu-product_item-info{ line-height: normal; margin: 0; padding: 10px; border-radius: 0; } .dt-sc-menu-image-with-text:hover .dt-sc-btn, .dt-sc-menu-product:hover .dt-sc-menu-product_item-info{ opacity:1; bottom: 0; visibility:visible; } .sticky-header:before { background: #fff; content: ""; display: inline !important; height: 100%; opacity: 0; position: absolute; left: 50%; top: 0; z-index: -1; -webkit-box-shadow: 1px 0 5px -1px var(--DTboxShadowcolor); box-shadow: 1px 0 5px -1px var(--DTboxShadowcolor); -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: var(--DTBaseTransition); transition: var(--DTBaseTransition); } .sticky-header.init-sticky { margin: 0 auto; max-width: var(--DTContainer); padding-top: 10px; padding-bottom: 10px; position: fixed; left: 0; right: 0; top: 0; z-index: 99; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .1s; animation-delay: .1s; } .sticky-header.init-sticky:before { opacity: 1; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } #dT_top-sticky { top: 0; left: 0; right: 0; display: none; z-index: 5; position: relative; background-color: var(--DTTertiaryColor); } #dT_top-sticky .search-box{ position: relative; display:flex; align-items: center; width: 100%; } #dT_top-sticky .search-box .dt-sc-btn{ margin:0 0 0 15px; display: block; } #dT_top-sticky .close{position: absolute; right: -15px; top: 50%; transform: translateY(-50%); z-index: 99;} #dT_top-sticky .dT_ProductProactiveSearch { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; } #dT_top-sticky .dT_ProductProactiveSearch form{ width: 100%; border: none; padding: 15px; background: transparent; } #dT_top-sticky .dt-sc-ProductSugesstions{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 10px; } #dT_top-sticky .dt-sc-ProductSugesstions:empty{ display: none; } #dT_top-sticky .dt-sc-ProductSugesstions li { width: 100%; border: 1px solid var(--DTColor_Border); padding: 10px; margin: 0; } @media (max-width: 767px) { #dT_top-sticky .dt-sc-ProductSugesstions { grid-template-columns: 1fr; } } @media (max-width: 576px) { #dT_top-sticky .dT_ProductProactiveSearch form { padding-left: 0; } } header .mega-menu-brands { grid-template-columns: auto auto auto auto auto; } header .mega-menu-brands li { background-color: rgba(255, 255, 255, 0.8); text-align: center; font-size: 30px; border: 1px solid; margin: 10px; padding: 10px!important; } header .tag{ font-size: 8px; padding: 1px 5px; position: absolute; top: -15px; right: -10px; line-height: normal; text-transform: uppercase; font-style: normal; width: fit-content; border-radius: var(--DT_Button_Border_Radius); } header .tag:after{ content: ''; position: absolute; border-width:10px 10px 5px 5px; border-style: solid; border-color: transparent; bottom: -11px; right: 6px; z-index: -1; transform: rotate(25deg); } header .tag.hot {background:var(--DT_Error_Color); color:var(--DTBodyBGColor);} header .tag.new {background:var(--DT_Success_Color); color:var(--DTBodyBGColor);} header .tag.sale {background:var(--DT_Info_Color); color:var(--DTBodyBGColor);} header .tag.hot:after {border-top-color:var(--DT_Error_Color);} header .tag.new:after {border-top-color:var(--DT_Success_Color);} header .tag.sale:after {border-top-color:var(--DT_Info_Color);} /*------------------------------------------------------------*/ /* Header Sticky */ /*------------------------------------------------------------*/ #header .sticky-header-active {border-radius: 0;box-shadow: 0 0 30px -5px #00000091; background-color: #647941; clear: both; margin: auto; position: fixed; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .5s cubic-bezier(.25,.8,.25,1) 0.05s; transition: .5s cubic-bezier(.25,.8,.25,1) 0.05s;} #header .sticky-header-active.dt-header-top { opacity: 1; visibility: visible; z-index: 2; /*-webkit-box-shadow: 0 2px 5px var(--DTboxShadowcolor_light); box-shadow: 0 2px 5px var(--DTboxShadowcolor_light);*/ -webkit-transform: translateY(0); transform: translateY(0); } /*Full width menu -- Menu bottom style */ #header .sticky-header-active div[class*="container"] .row:not(:last-child){ display:none;} /*------------------------------------------------------------*/ /* Mobile Menu */ /*------------------------------------------------------------*/ .mobile-nav-container .menu-trigger { cursor: pointer; height: 30px; line-height: 30px; /* padding: 0 5px 0 10px;*/ } .mobile-nav-container .menu-trigger > i, .mobile-nav-container .menu-trigger > span { display: inline-block; font-size: 16px; padding: 0 5px; vertical-align: middle; } .mobile-nav-container .menu-trigger > span { vertical-align: top; } .mobile-nav-container .menu-trigger > .menu-trigger-icon { background-color: currentColor; height: 2px; margin-top: 0; position: relative; width: 25px; transition: background-color 10ms 300ms ease; } .mobile-nav-container .menu-trigger > .menu-trigger-icon:before, .mobile-nav-container .menu-trigger > .menu-trigger-icon:after { background: currentColor; content: ""; height: 2px; position: absolute; left: 0; width: 100%; transition: left 300ms 350ms ease, top 300ms 350ms ease, transform 300ms 50ms ease; } .mobile-nav-container .menu-trigger > .menu-trigger-icon:before { top: -8px; } .mobile-nav-container .menu-trigger > .menu-trigger-icon:after { top: 8px; } .nav-is-visible .mobile-nav-container .menu-trigger > .menu-trigger-icon:before, .nav-is-visible .mobile-nav-container .menu-trigger > .menu-trigger-icon:after { left: -5px; -webkit-transition: left 300ms 50ms ease, top 300ms 50ms ease, transform 300ms 350ms ease; transition: left 300ms 50ms ease, top 300ms 50ms ease, transform 300ms 350ms ease; } .mobile-menu, .mobile-menu ul.dt-sc-list-inline, .mobile-menu ul.dt-sc-list-inline li { display: block; margin: 0; padding: 0; text-align: left; } .mobile-menu ul.dt-sc-list-inline > li > a, .mobile-menu ul.dt-sc-list-inline .see-all a { border-style: solid; border-width: 1px 0 0; display: block; padding: 5px 15px; } .mobile-menu ul.dt-sc-list-inline > li.active{ background-color: rgba(0,0,0,0); } .mobile-menu ul.dt-sc-list-inline > li.active > a{ color: #bcde85;} .mobile-menu ul.dt-sc-list-inline li > a{ color: #ffffff; } .mobile-menu ul.dt-sc-list-inline .see-all a, .mobile-menu ul.dt-sc-list-inline .go-back a { color: initial; } .mobile-menu ul.dt-sc-list-inline .sub-menu-lists li:hover > a, .mobile-menu ul.dt-sc-list-inline .sub-menu-lists li > a:hover { color: var(--DTPrimaryColor); } .mobile-menu ul.dt-sc-list-inline li a.dt-sc-btn:hover { background-color: var(--DTSecondaryColor); color: var(--DTBodyBGColor); } .mobile-menu ul.dt-sc-list-inline li a.dt-sc-nav-link{ color: #000000} .mobile-menu ul.dt-sc-list-inline > li > a, .mobile-menu ul.dt-sc-list-inline li ul.sub-menu-lists > li > a, .mobile-menu ul.dt-sc-list-inline .see-all a, .mobile-menu ul.dt-sc-list-inline .go-back a, .mobile-menu ul.dt-sc-list-inline li.close-nav { min-height: 42px; line-height: 42px; padding-top: 0; padding-bottom: 0; } .mobile-menu ul.dt-sc-list-inline { padding-top: 42px; } .mobile-menu ul.dt-sc-list-inline li.active > a, .mobile-menu ul.dt-sc-list-inline li a:not(.dt-sc-product__title):hover{ color: #647941; } .mobile-menu, .mobile-menu > .dt-sc-list-inline, .mobile-menu .sub-menu-block { background-color: #e1edcd; height: 100%; margin: 0; padding: 0; overflow-y: visible; overflow-x: hidden; position: fixed; right: 0; top: 0; width: 100%; z-index: 4; transform: translateX(0); transition: transform 0.3s; } .mobile-menu { display: none; max-width: 260px; opacity: 0; visibility: hidden; z-index: 999; transform: translateX(100%); transition: opacity .2s, visibility 0.2s, transform .25s; } .mobile-nav-offcanvas-right .mobile-menu { right: 0; } .mobile-nav-offcanvas-left .mobile-menu { left: 0; right: auto; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .mobile-menu.is-hidden, .mobile-menu .sub-menu-block.is-hidden { -webkit-transform: translateX(100%); transform: translateX(100%); } .mobile-menu.nav-is-visible { display: block; opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); animation-name: dt-anime-slidein-right; -webkit-animation-duration: 0.75s; animation-duration: 0.75; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes dt-anime-slidein-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .mobile-menu ul.sub-menu-block, .mobile-menu ul.sub-menu-lists, .mobile-menu ul li.menu-item-object-dt_mega_menus { width: 100% !important; } .mobile-menu ul.sub-menu-block, .mobile-menu ul.sub-menu-lists { left: auto !important; right: auto !important; } .mobile-menu ul.sub-menu-lists li, .mobile-menu ul.sub-menu-block li { float: left; width: 100%; } .mobile-menu ul.dt-sc-list-inline .go-back a { height: 100%; padding: 0; } .mobile-menu ul.dt-sc-list-inline .go-back a, .mobile-menu li[class*="has-children"]>a { position: relative; } .mobile-menu li[class*="has-children"]>a { padding-right: 40px; } .mobile-menu ul.dt-sc-list-inline .go-back a, .mobile-menu ul.dt-sc-list-inline li.close-nav { display: inline-block; vertical-align: top; width: 100%; } .mobile-menu ul.dt-sc-list-inline li.close-nav { border: none !important; position: absolute; top: 0; right: 5px; z-index: 5; text-align: center; width: 42px; cursor: pointer; } .mobile-menu ul.dt-sc-list-inline li.close-nav:before, .mobile-menu ul.dt-sc-list-inline li.close-nav:after { background-color: currentColor; content: ""; height: 35%; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 1px; } .mobile-menu ul.dt-sc-list-inline li.close-nav:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile-menu ul.dt-sc-list-inline li.close-nav:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-menu ul.dt-sc-list-inline li.close-nav:hover:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-menu ul.dt-sc-list-inline li.close-nav:hover:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile-menu ul.dt-sc-list-inline .go-back a:before, .mobile-menu li[class*="has-children"]>a:before { display: inline-block; position: absolute; top: 50%; width: 15px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mobile-menu ul.dt-sc-list-inline .go-back a:before, .mobile-menu li[class*="has-children"]>a:before { border-style: solid; content: ""; height: 10px; width: 10px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: center top; transform-origin: center top;} .mobile-menu ul.dt-sc-list-inline .go-back a:before { border-width: 0 0 1px 1px; left: 22px; top: 50%; text-align: center; } .mobile-menu li[class*="has-children"]>a:before { border-width: 1px 1px 0 0; right: 22px; text-align: center; } .mobile-menu li[class*="has-children"]>a:hover:before { right: 18px; } .mobile-menu ul.dt-sc-list-inline .go-back a:hover:before { left: 18px; } .mobile-menu ul.dt-sc-list-inline li a, .mobile-menu ul.dt-sc-list-inline li a:before, .mobile-menu ul.dt-sc-list-inline li.close-nav, .mobile-menu ul.dt-sc-list-inline li.close-nav:before, .mobile-menu ul.dt-sc-list-inline li.close-nav:after { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .mobile-menu ul.dt-sc-list-inline li a { border-color: rgba(0, 0, 0, 0.06); color: var(--DTLinkColor); } .mobile-menu ul.dt-sc-list-inline .see-all a { background-color: rgba(0, 0, 0, 0.05) !important; -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); } .mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists ul { padding: 0; } .mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li { padding: 10px 15px; } .mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li:first-child { padding-top: 20px; } .mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li:not(:first-child) > h5 { margin-top: 10px; } .mobile-menu ul.sub-menu::-webkit-scrollbar { background-color: #f1f1f1; width: 5px; } .mobile-menu ul.sub-menu::-webkit-scrollbar-track, .mobile-menu ul.sub-menu::-webkit-scrollbar-thumb { -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; } .mobile-menu ul.sub-menu::-webkit-scrollbar-thumb { background-color: #c1c1c1; border-radius: 5px; } .mobile-menu-overlay { background-color: rgba(0, 0, 0, 0.5); cursor: pointer; height: 100%; top: 0; left: 0; opacity: 0; position: fixed; visibility: hidden; width: 100%; z-index: 98; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity .2s, visibility 0.2s; transition: opacity .2s, visibility 0.2s; } .mobile-menu-overlay.is-visible, .mobile-menu ul.dt-sc-list-inline .go-back a:hover:after, .mobile-menu li[class*="has-children"]>a:hover:after { opacity: 1; visibility: visible; } .mobile-menu em.tag{ display:none;} .new { animation: blinker 5s linear infinite; } .hot { animation: blinker 8s linear infinite; } .sale { animation: blinker 12s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } /*------------------------------------------------------------*/ /* Responsive */ /*------------------------------------------------------------*/ @media only screen and (min-width: 1281px) { .dt-desktop-menu { display: inline-block; } .mobile-nav-container, .dt-desktop-menu ul.dt-sc-list-inline .go-back, .dt-desktop-menu ul.dt-sc-list-inline .see-all { display: none; } .logo-alignment.dt-sc-logo_left #AccessibleNav .site-header__links { margin-left: auto; padding-left: 5px; } } @media only screen and (max-width: 1280px) { .dt-desktop-menu, .logo-alignment.secondary-menu-enabled #AccessibleNav .dt-desktop-menu.secondary__nav { display: none; } .mobile-nav-container { text-align: inherit; } /*#AccessibleNav > *{ margin:10px 0;}*/ } @media only screen and (min-width: 992px) { header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:last-child:not(:only-child) { margin-left: auto; } header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:first-child:not(:only-child) { margin-right: auto; } } @media only screen and (max-width: 991px) { header .dt-sc-header-top-bar .dt-sc-flex-space-between > * { margin: 5px 8px; padding: 0; } } .custom-logo { max-width: 250px !important; padding: 5px 10px; position: absolute; top: 0; background: #647941; border-radius: 15px; } @media only screen and (min-width:768px) { .logo-alignment.dt-sc-logo_left #AccessibleNav { justify-content: center; } .logo-alignment.dt-sc-logo_left #AccessibleNav .logo { margin-right: auto; padding-right: 5px; padding-left: 0; width: 240px;} .logo-alignment.dt-sc-logo_left #AccessibleNav .mobile-nav-container { padding: 2px; } .logo-alignment.dt-sc-logo_left:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > i, .logo-alignment.dt-sc-logo_left:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > span { color: #ffffff; } .logo-alignment.dt-sc-logo_left:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger { background-color: rgba(0,0,0,0); padding: 0 5px 0 10px; } ul.dt-nav li a span{ position: relative; } ul.dt-nav > li.has-mega-menu > div.sub-menu-block{ width: var(--DTContainer); } ul.dt-nav { position: relative; } ul.dt-nav > li.has-mega-menu > div.sub-menu-block .dt-sc--main-menu--mega > ul{ display: grid; padding: 30px; } ul.dt-nav > li.has-mega-menu > div.sub-menu-block .dt-sc--main-menu--mega > ul > li { padding: 0; } ul.dt-nav li > div.sub-menu-block { position: absolute; left: 0; top: 100%; width: 200px; z-index : 3; box-shadow: 0 1px 5px rgba(0,0,0,.1); box-sizing: border-box; transition: 0.2s all linear; -webkit-animation-name: dt_fadeInDown; animation-name: dt_fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 1px solid var(--DTColor_Border); background-color: #e1edcd; font-size: 16px; } ul.dt-nav li > div.sub-menu-block .sub-menu-block{ left: 100%; top: 0; } ul.dt-nav > li > div.sub-menu-block.dt-sc--main-menu--mega { width:var(--DTContainer); } ul.dt-nav li > div.sub-menu-block { display: none; opacity: 0; pointer-events: none; } ul.dt-nav li:hover > div.sub-menu-block { display: block; opacity: 1; pointer-events: auto; border-radius: var(--DTRadius); } ul.dt-nav > li > a.dropdown > .dt-sc-caret{ margin-left:7px; top: 50%;transform: translateY(-50%); } ul.dt-nav > li > a.dropdown > .dt-sc-caret:after { width: 5px; height: 5px; transform: rotate( 135deg ); border-right: 1px solid currentColor; border-top: 1px solid currentColor; content: ''; background-color: transparent; display: inline-block; vertical-align: middle; transition: all 0.4s ease-in-out 0s; } @keyframes dt_fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .sub-menu-head { font-size: 20px;} .banners-area { border-top: 1px solid var(--DTColor_Border); } } @media only screen and (max-width:768px) and (max-width:1199px) { .template-index header#header section.dt-sc-header-top-bar{background-color: #2e3c2d !important;} header #AccessibleNav .logo img { max-width: 100% !important; width:120px } } @media only screen and (max-width:767px) { header .dt-sc-header-top-bar .dt-sc-flex-space-between > * { display: flex; /* flex: 1 1 100% !important; */ justify-content: center !important; padding: 5px 8px; text-align: center !important; } header .dt-sc-header-top-bar .dt-sc-flex-space-between > :last-child:not(:only-child) > * { justify-content: inherit; text-align: inherit; } header .logo-alignment:not(.secondary-menu-enabled) #AccessibleNav { justify-content: space-between; } header #AccessibleNav { flex-wrap: wrap; } header #AccessibleNav > * { padding: 12px 5px; } header #AccessibleNav .logo { /*margin-right: auto;*/ max-width: 35%; width: 35%; } header #AccessibleNav .logo img { max-width: 100% !important; } /* .logo-alignment .mobile-nav-container .menu-trigger { padding: 0 10px 0 80px !important; }*/ .logo-alignment .mobile-nav-container .menu-trigger span { display: none; } .logo-alignment.secondary-menu-enabled #AccessibleNav > .logo { display: flex; justify-content: flex-start; } #header .sticky_remove_on_mobile + .sticky-header-active { display: none !important; } .sub-menu-head { color:orange; } nav { background-color: transparent; } ul.dt-nav { z-index:2; padding: 50px 0; position: fixed; right: -300px; top: 0px; width: 300px; height: 100%; overflow: auto; transition-property: background, width; transition-duration: 0.6s; transition: var(--DTBaseTransition); } ul.dt-nav > * { transition-property: opacity; transition-duration: 0.4s; opacity: 0; } ul.dt-nav > li:first-child { border-radius: 0; } ul.dt-nav > li { display: block; border-bottom: 1px solid var(--DTColor_Border); } ul.dt-nav > li > a { font-weight: 600; } ul.dt-nav > li ul.sub-menu-lists > li a { font-size: 14px; } ul.dt-nav > li:hover { background-color: transparent; } .sub-menu-head { font-size: 16px; } .sub-menu-block { padding:0 15px 30px; } .banners-area { padding-bottom: 0px;} .banners-area div { margin-bottom: 15px; } .banners-area { border-top: 1px solid var(--DTColor_Border); } .logo-alignment:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > i, .logo-alignment:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > span { color: #ffffff; } .logo-alignment:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger { background-color: rgba(0,0,0,0); padding: 0 5px 0 10px; border-radius: var(--DTRadius); } } /* @media only screen and (max-width:395px) {.logo-alignment .mobile-nav-container .menu-trigger { padding: 0 10px 0 30px !important; }} */ @media only screen and (max-width:400px) { .drawer{ width:250px;} header .site-header__links a{padding: 0 5px} } .template-index header#header { position: absolute; width: 75%; left: 0; right: 0; margin: 0 auto; } .template-index header .dt-sc-header-logo-sec, .sticky-header-active{border-radius:var(--DTRadius) } .template-index header#header section.dt-sc-header-top-bar {background: transparent;} .header-text{color:var(--DTColor_Body); color:#ffffff} section.dt-sc-header-top-bar.hide-mobile { display: none; } .template-index header#header { padding-top: 10px; } @media(min-width:1200px) and (max-width:1380px){ .template-index header#header{width:95%} } @media(min-width:1380px) and (max-width:1480px){ .template-index header#header{width:80%} } @media(max-width:1199px){ .template-index header#header{ position:unset; width:100%; background-color: #647941; } header .dt-sc-header-logo-sec { padding:0 0; border-radius: 0; } .template-index header#header { padding-top: 0; } .sticky-header-active{ padding:5px 0; border-radius: 0; } } /* Header Style End */ /* Home Slider */ .slider-list-home, .slider-list-home h2 { color: #ffffff; } .home-slideshow-section .dt-sc-swiper-slider { padding-bottom: 0; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] { margin: 0; padding: 0; border-radius: var(--DTRadius); border-radius: 0px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper, .home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide, .home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide img { border-radius: inherit; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn { background: var(--DT_Button_BG_Color); background: #647941; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn[class*="swiper-button-"]:after { color: var(--DT_Button_Text_Color); color: #ffffff; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn:hover { background: var(--DT_Button_BG_Hover_Color); background: #ffffff; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn:hover[class*="swiper-button-"]:after { color: var(--DT_Button_Text_Hover_Color); color: #2e3c2d; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-pagination-bullet { background: var(--DTSecondaryColor); background: ; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--DTPrimaryColor); background: ; } .home-slideshow-section .slider-list-home .dt-sc-btn { background: var(--DT_Button_BG_Color); background:; color: var(--DT_Button_Text_Color); color:; border:none; } .home-slideshow-section .slider-list-home .dt-sc-btn:hover { background: var(--DT_Button_BG_Hover_Color); background:; color: var(--DT_Button_Text_Hover_Color); color:;border:none; } .home-slideshow-section .slider-list-home .dt-sc-btn.secondary { background: var(--DT_Button_BG_Hover_Color); background:; color: var(--DT_Button_Text_Hover_Color); color:; } .home-slideshow-section .slider-list-home .dt-sc-btn.secondary:hover { background: var(--DT_Button_BG_Color); background:; color: var(--DT_Button_Text_Color); color:; } .home-slideshow-section .dt-sc-swiper-slider .slider-list-home .slider-content [class*="slide_"] { border-radius: var(--DTRadius); background: var(--DTTertiaryColor); background: rgba(0,0,0,0); } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-slide img:not(.content_image) { height: 1080px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide .slide-img { opacity: 0; visibility: hidden; } @media screen and (min-width: 768px){ .home-slideshow-section .slider-list-home .slide-heading { font-size: 75px; } .home-slideshow-section .slider-list-home .slide-sub-heading-2 { font-size: 18px; } .home-slideshow-section .slider-list-home .slide-text { font-size: 14px; } } @media screen and (min-width: 320px) and (max-width: 767px){ .home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide .slide-img.mobile-only { opacity: 1; visibility: visible; object-position: bottom center; } .home-slideshow-section .slider-list-home .slide-heading { font-size: calc(.75* 75px); } .home-slideshow-section .slider-list-home .slide-sub-heading-2 { font-size: calc(.95* 18px); } .home-slideshow-section .slider-list-home .slide-text { font-size: 16px; } } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-top"], .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top"] { padding-top: 0; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"], .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"] { padding-bottom: 0; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top"] .swiper-arrows, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"] .swiper-arrows { margin: 10px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top-center"] .swiper-arrows, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom-center"] .swiper-arrows{ margin: 10px auto; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top-right"] .swiper-arrows, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom-right"] .swiper-arrows, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.outside_container[class*="navigation-bottom-right"] .swiper-pagination { right: 0; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].outside_element .swiper-pagination, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].outside_element .swiper-pagination { margin: 20px; bottom: 0 } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].outside_element.center_pagination .swiper-pagination, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].outside_element.center_pagination .swiper-pagination { margin: 20px auto; bottom: 70px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].inside_element .swiper-pagination, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].inside_element .swiper-pagination { bottom: 30px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].inside_element.right_pagination .swiper-pagination, .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].inside_element.right_pagination .swiper-pagination { left: 20px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.center_pagination.outside_container[class*="navigation-bottom-right"] .swiper-pagination { right: 0; left: 0; transform: none; justify-content: center; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.left_pagination.outside_container[class*="navigation-bottom-right"].outside_element .swiper-pagination { left: 0; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container.navigation-bottom-center.inside_element.center_pagination .swiper-arrows { bottom: 90px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_element.center_pagination.navigation-bottom-center.along_with_container .swiper-pagination-bullets { bottom: 70px; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container.center-navigation.outside_container [class*="swiper-container"] { margin: auto; padding: 0; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: flex; padding: 0 60px; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] { border-radius: var(--DTRadius); border-radius: 0px; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] { display: flex; flex-wrap: wrap; flex-direction: column; padding: 20px; width: 400px; align-self: flex-start; margin: 60px; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] > * { width: 100%; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] .multiple-buttons { display: flex; justify-content: center; flex-wrap: wrap; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] .multiple-buttons > *:not(:last-child):not(:only-child) { margin-right: 10px; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] > *, .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] > *:not(:only-child) { margin: 0; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] > *:not(:last-child) { margin: 0 0 10px 0; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-start"] [class*="slide_"] { text-align: left; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-start"] [class*="slide_"] .multiple-buttons { justify-content: flex-start; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-end"] [class*="slide_"] { text-align: right; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-end"] [class*="slide_"] .multiple-buttons { justify-content: flex-end; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="text-center"] [class*="slide_"] { text-align: center; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="top-center"] [class*="slide_"], .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="bottom-center"] [class*="slide_"]{ margin-left: auto; margin-right: auto; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"] { margin-left: auto; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] [class*="slide_"] { margin-right: auto; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="bottom-"] [class*="slide_"] { align-self: flex-end; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="center-"] [class*="slide_"], .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="dt-sc-flex-center"] [class*="slide_"] { align-self: center; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] > svg { width: 100px; height: auto; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] > img { min-height: auto; object-fit: contain; width: auto; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-start"] [class*="slide_"] > svg { margin-right: auto !important; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-end"] [class*="slide_"] > svg { margin-left: auto !important; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-center"] [class*="slide_"] > svg { margin-left: auto !important; margin-right: auto !important; } @media (max-width: 1540px) { .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-slide img:not(.content_image) { height: 730px; } } @media screen and (max-width: 1199px){ .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-slide img:not(.content_image) { height: 620px; } } @media screen and (max-width: 767px) { .slide-img:not(.mobile-only) { display: none; } } @media screen and (min-width: 768px) { .mobile-only { display: none; } } @media screen and (min-width: 320px) and (max-width: 767px) { .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-list-home .slider-content [class*="slide_"] { background: rgba(0,0,0,0.85); background:#7d9754; width: 100%; padding: 10px 75px; align-items: center; justify-content: center; margin: 0; height: 100%; } .home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-slide img:not(.content_image) { height: 600px; } .home-slideshow-section .slider--list .slide-heading { font-size: calc(.6* px); } .home-slideshow-section .slider--list .slide-sub-heading-2 { font-size: calc(.6* px); } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content { padding: 0; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] > :not(:last-child) { margin: 0 0 20px 0; } } @media screen and (max-width: 576px) { .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="top-"] [class*="slide_"], .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="bottom-"] [class*="slide_"], .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="center-"] [class*="slide_"] { text-align: center; align-self: center !important; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] .multiple-buttons{ justify-content: center !important;} .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] { width: 80%; margin: auto; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content { padding: 0; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] > :not(:last-child) { margin: 0 0 0 0; } } .home-slideshow-section .dt-sc-section-wrapper { background-position: top !important; } .home-slideshow-section .dt-sc-section-wrapper .cheeso_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] { padding: 10vh 20px; } .home-slideshow-section .dt-sc-section-wrapper .cheeso_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] .slider_with_image > *:not(:last-child) { margin-bottom: 2rem; margin-top: 0; } @media screen and (max-width: 1540px){ .home-slideshow-section .dt-sc-section-wrapper .cheeso_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] { padding: 5vh 20px; } } @media screen and (max-width: 1199px){ .home-slideshow-section .dt-sc-section-wrapper .cheeso_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] { padding: 2.5vh 0; } } @media screen and (max-width: 767px){ .home-slideshow-section .dt-sc-section-wrapper .cheeso_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] { padding: 0 5vw; max-width: 100%; } .home-slideshow-section .dt-sc-section-wrapper .cheeso_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] .slider_with_image > :not(:last-child) { margin-bottom: 1rem; } .home-slideshow-section .dt-sc-section-wrapper { background-size: 0px !important; } } @media screen and (max-width: 576px){ .home-slideshow-section .dt-sc-section-wrapper .cheeso_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] { grid-template-columns: 1fr; align-content: center; } } .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] *[class*="slide_"]{ width:680px; margin: 300px auto; margin-left: 180px; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"]{ width:680px; margin: 300px auto; margin-right: 180px; } @media(min-width:1200px) and (max-width:1380px){ .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] *[class*="slide_"]{ margin-top: 200px; margin-left: 40px; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"]{ margin-top: 200px; margin-right: 40px; } } @media(min-width:1380px) and (max-width:1480px){ .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] *[class*="slide_"]{ margin-left: 80px; } .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"]{ margin-right:80px; } } @media (max-width:1199px){ .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] *[class*="slide_"]{ margin-top: 120px; margin-left: 50px; } .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"]{ margin-top: 120px; margin-right: 50px; } } @media(min-width:768px) and (max-width:991px){ .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] *[class*="slide_"]{ margin-top: 65px; } .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"]{ margin-top: 65px; } } @media (max-width:767px){ .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] *[class*="slide_"]{ width:100%; margin-top: 0 !important; margin-bottom: 0; padding:0 30px; margin-left: 0; } .home-slideshow-section .my_barn_banner_slider .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"]{ width:100%; margin-top: 0 !important; margin-bottom: 0; padding:0 30px; margin-right: 0; } } @media (max-width:575px){ .my_barn_banner_slider .slider-content [class*="slide_"] h2{font-size:42px line-height:52px} } .my_barn_banner_slider .slider-content [class*="slide_"] h2{font-weight:900; line-height:80px} .products .product-container .product-button a:before { -webkit-mask-image: url(assets/cart-stroke.svg); mask-image: url(assets/cart-stroke.svg); background: currentColor; } i.fa.fa-tiktok { background-image: url(assets/tiktok.svg); background-size: contain; background-position: center; width: 15px; height: 15px; background-repeat: no-repeat; } a.blantershow-chat { /* background: #009688; */ background: #fff; color: #404040; position: fixed; display: flex; font-weight: 400; justify-content: space-between; z-index: 98; bottom: 25px; right: 30px; font-size: 15px; padding: 10px 20px; border-radius: 30px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); align-items: center; } a.blantershow-chat:link, a.blantershow-chat:visited { color: #444; text-decoration: none; transition: all 0.4s ease-in-out; } a.blantershow-chat svg { transform: scale(1.2); margin: 0 10px 0 0; } .all-pages-section-equal { padding-top: 100px; padding-bottom: 50px; } @media (max-width: 1199px) { .all-pages-section-equal { padding-top: 50px; padding-bottom: 0px; } } .all-pages-section-equal .dt-sc-main-heading { margin-top: 0; margin-bottom: 15px; text-align: center; color: #2e3c2d; } .gallery-masonry { text-align: center; max-width: 100%; transition: opacity 0.6s ease; opacity: 0; } .gallery-item { position: relative; overflow: hidden; display: inline-block; width: 100%; padding: 5px; box-sizing: border-box; cursor: pointer; } .gallery-item img { display: block; width: 100%; height: auto; transition: transform 0.5s ease; /* Image zoom effect */ } /* Overlay for title */ .gallery-item h3 { position: absolute; bottom: 5px; left: 0; right: 0; margin: 0; padding: 15px; text-align: center; font-size: 14px; color: #fff; background: rgba(46, 60, 45, 0.6); /* Semi-transparent dark overlay */ opacity: 0; transform: translateY(100%); transition: all 0.4s ease; font-family: 'Arial', sans-serif; font-weight: 600; width: calc(100% - 10px); margin: 0 auto; } .gallery-item:hover h3 { opacity: 1; transform: translateY(0); } @media (min-width: 500px) { .gallery-item { width: 50%; } } @media (min-width: 1000px) { .gallery-item { width: 33.333%; } } @media (min-width: 1700px) { .gallery-item { width: 25%; } } @media (min-width: 2100px) { .gallery-item { width: 20%; } } /* GRID */ .herd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: auto; } /* CARD */ .herd-card { background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 45px rgba(0,0,0,0.08); transition: all 0.4s ease; } /* IMAGE */ .herd-image { overflow: hidden; } .herd-image a{ height: 260px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .herd-image img { width: auto; height: 100%; object-fit: cover; transition: transform 0.5s ease; } /* CONTENT */ .herd-content { padding: 28px; text-align: center; } .herd-content a { font-size: 18px; margin-bottom: 12px; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .herd-content p { font-size: 14px; color: #555; line-height: 1.7; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* BUTTON */ .herd-btn.dt-sc-btn { display: inline-block; padding: 5px 15px; font-size: 14px; text-decoration: none; transition: all 0.3s ease; margin-top: 10px; } /* RESPONSIVE */ @media (max-width: 991px) { .herd-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .herd-grid { grid-template-columns: 1fr; } .herd-image img { height: 220px; } } /* =============================== PRE-ORDER MODAL CSS =============================== */ #preorder-modal { display: none; /* hidden by default */ position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); /* semi-transparent overlay */ transition: all 0.3s ease-in-out; } #preorder-modal .preorder-form-container { background-color: #fff; margin: 5% auto; /* center vertically */ padding: 30px 25px; border-radius: 12px; width: 100%; max-width: 450px; box-shadow: 0 5px 25px rgba(0,0,0,0.3); position: relative; animation: slideDown 0.3s ease forwards; } @keyframes slideDown { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } #preorder-modal .close-modal { position: absolute; top: 12px; right: 18px; color: #333; font-size: 24px; font-weight: 700; cursor: pointer; transition: color 0.2s ease; } #preorder-modal .close-modal:hover { color: #e74c3c; } #preorder-modal .preorder-form-content { margin-top: 20px; } #preorder-modal .preorder-form-content label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 14px; color: #333; } #preorder-modal .preorder-form-content select, #preorder-modal .preorder-form-content input[type="date"], #preorder-modal .preorder-form-content input[type="time"] { width: 100%; padding: 8px 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; box-sizing: border-box; } #preorder-modal .preorder-form-content button { background-color: #27ae60; color: #fff; border: none; padding: 10px 18px; font-size: 15px; border-radius: 6px; cursor: pointer; width: 100%; transition: background 0.2s ease; } #preorder-modal .preorder-form-content button:hover { background-color: #219150; } #preorder-modal .preorder-form-content p { font-size: 14px; margin-bottom: 12px; color: #555; } /* responsive */ @media (max-width: 480px) { #preorder-modal .preorder-form-container { width: 90%; padding: 20px; } } .wc-block-components-product-metadata__description { display: none; } /* Cart Page */ .woocommerce-cart-form { width: 70%; float: left; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 28%; float: right; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .cart_totals h2 { margin-top: 0; display: none; } .woocommerce a.remove { display: flex; align-items: center; justify-content: center; padding: 0; width: 20px; height: 20px; color: #ffffff !important; margin: 0; line-height: 0; } .woocommerce table.shop_table { border-collapse: collapse; } .cart.woocommerce-cart-form__contents { border: none !important; } .cart.woocommerce-cart-form__contents td, .cart.woocommerce-cart-form__contents th { border: none !important; border-bottom: 1px solid var(--DTColor_Border) !important; } .cart.woocommerce-cart-form__contents td { border-right: 1px solid var(--DTColor_Border) !important; } .cart.woocommerce-cart-form__contents td:last-child { border-right: 0 solid var(--DTColor_Border) !important; } td.product-name dl.variation dt { font-size: 12px; font-weight: 300; } td.product-name dl.variation dd { font-weight: bold; font-size: 12px; } .woocommerce .quantity .qty { padding: 5px; width: 100px; } .woocommerce-page table.cart td.actions .input-text { width: 150px; font-size: 12px; padding: 5px; height: 35px; } .woocommerce .cart .button, .woocommerce .cart input.button { font-size: 14px; padding: 5px; height: 35px; display: flex; align-items: center; justify-content: center; } .coupon + .button { float: right !important; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { padding: 15px 10px; background-color: #647941 !important; } /* Checkout page */ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: left; } .woocommerce .woocommerce-ordering { float: right; margin-bottom: 2.5em; } #customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3) { padding: 20px 0 0; margin: 0 0 15px; border-bottom: 1px solid var(--ast-border-color); } form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) { border-width: 2px 2px 0 2px; border-style: solid; margin: 0; padding: 15px 10px 10px; border-color: #e9e9e9; line-height: 1; } .woocommerce-Address h3, .cart-collaterals h2 { padding: .7em 1em; } form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) { padding: 0 10px; border-width: 0 2px 2px; border-style: solid; border-color: #e9e9e9; } ul#shipping_method li:not(.elementor-widget-woocommerce-cart #shipping_method li) { margin: 0; padding: 0.25em 0 0.25em 22px; text-indent: -22px; list-style: none outside; } .woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale { background-color: var(--ast-global-color-0); color: #ffffff; } .woocommerce-message, .woocommerce-info { border-top-color: var(--ast-global-color-0); } .woocommerce-message::before,.woocommerce-info::before { color: var(--ast-global-color-0); } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a { color: var(--ast-global-color-3); } .woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li { border-color: var(--ast-global-color-0); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--ast-global-color-0); color: #ffffff; } .woocommerce-MyAccount-navigation-link.is-active a { color: var(--ast-global-color-1); } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--ast-global-color-0); } .woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before { color: var(--ast-global-color-3); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before { background: var(--ast-global-color-0); } .entry-content .woocommerce-message, .entry-content .woocommerce-error, .entry-content .woocommerce-info { padding-top: 1em; padding-bottom: 1em; padding-left: 3.5em; padding-right: 2em; } .woocommerce[class*="rel-up-columns-"] .site-main div.product .related.products ul.products li.product, .woocommerce-page .site-main ul.products li.product { width: 100%; } .woocommerce ul.product-categories > li ul li { position: relative; } .woocommerce ul.product-categories > li ul li:before { content: ""; border-width: 1px 1px 0 0; border-style: solid; display: inline-block; width: 6px; height: 6px; position: absolute; top: 50%; margin-top: -2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .woocommerce ul.product-categories > li ul li a { margin-left: 15px; } .ast-icon-shopping-cart svg { height: .82em; } .ast-icon-shopping-bag svg { height: 1em; width: 1em; } .ast-icon-shopping-basket svg { height: 1.15em; width: 1.2em; } .ast-site-header-cart.ast-menu-cart-outline .ast-addon-cart-wrap, .ast-site-header-cart.ast-menu-cart-fill .ast-addon-cart-wrap { line-height: 1; } .ast-site-header-cart.ast-menu-cart-fill i.astra-icon { font-size: 1.1em; } li.woocommerce-custom-menu-item .ast-site-header-cart i.astra-icon:after { padding-left: 2px; } .ast-hfb-header .ast-addon-cart-wrap { padding: 0.4em; } .ast-header-break-point.ast-header-custom-item-outside .ast-woo-header-cart-info-wrap { display: none; } .ast-site-header-cart i.astra-icon:after { background: var(--ast-global-color-0); } .ast-separate-container .ast-woocommerce-container { padding: 3em; } @media (min-width: 545px) and (max-width:921px) { .woocommerce.tablet-columns-3 ul.products li.product, .woocommerce-page.tablet-columns-3 ul.products:not(.elementor-grid) { grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media (min-width: 922px) { .woocommerce form.checkout_coupon { width:50%; } } @media (max-width: 921px) { .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack.ast-no-menu-items .ast-site-header-cart, .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack.ast-no-menu-items .ast-site-header-cart { padding-right:0; padding-left: 0; } .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .main-header-bar { text-align: center; } .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .ast-site-header-cart, .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .ast-mobile-menu-buttons { display: inline-block; } .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-2.ast-mobile-header-inline .site-branding { flex: auto; } .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack .site-branding { flex: 0 0 100%; } .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack .main-header-container { display: flex; justify-content: center; } .woocommerce-cart .woocommerce-shipping-calculator .button { width: 100%; } .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary { float: none; width: 100%; } .woocommerce-cart table.cart td.actions .ast-return-to-shop { display: block; text-align: center; margin-top: 1em; } .ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.tablet-columns-3 ul.products:not(.elementor-grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 544px) { .ast-separate-container .ast-woocommerce-container { padding:.54em 1em 1.33333em; } .woocommerce-message, .woocommerce-error, .woocommerce-info { display: flex; flex-wrap: wrap; } .woocommerce-message a.button, .woocommerce-error a.button, .woocommerce-info a.button { order: 1; margin-top: .5em; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; margin-bottom: 2em; } .woocommerce table.cart td.actions .button, .woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button { padding-left: 1em; padding-right: 1em; } .woocommerce #content table.cart .button, .woocommerce-page #content table.cart .button { width: 100%; } .woocommerce #content table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon { float: none; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button { flex: 1; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { display: block; } .ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .woocommerce.mobile-rel-up-columns-2 ul.products::not(.elementor-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 544px) { .woocommerce ul.products a.button.loading::after, .woocommerce-page ul.products a.button.loading::after { display:inline-block; margin-left: 5px; position: initial; } .woocommerce.mobile-columns-1 .site-main ul.products li.product:nth-child(n), .woocommerce-page.mobile-columns-1 .site-main ul.products li.product:nth-child(n) { margin-right: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { display: block; margin-right: 0; } } @media (min-width: 922px) { .ast-woo-shop-archive .site-content > .ast-container { max-width:1240px; } } @media (min-width: 922px) { .woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images { width:50%; } .woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary { width: 46%; } .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-2, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-2 { float: none; width: auto; } } .widget_product_search button { flex: 0 0 auto; padding: 10px 20px; } @media (min-width: 922px) { .woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set { width:55%; float: left; margin-right: 4.347826087%; } .woocommerce.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review, .woocommerce-page.woocommerce-checkout form #order_review_heading { width: 40%; float: right; margin-right: 0; clear: right; } } select, .select2-container .select2-selection--single { background-image: url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E"); background-size: .8em; background-repeat: no-repeat; background-position-x: calc( 100% - 10px ); background-position-y: center; -webkit-appearance: none; -moz-appearance: none; padding-right: 2em; } .ast-onsale-card { position: absolute; top: 1.5em; left: 1.5em; color: var(--ast-global-color-3); background-color: var(--ast-global-color-primary, var(--ast-global-color-5)); width: fit-content; border-radius: 20px; padding: 0.4em 0.8em; font-size: .87em; font-weight: 500; line-height: normal; letter-spacing: normal; box-shadow: 0 4px 4px rgba(0,0,0,0.15); opacity: 1; visibility: visible; z-index: 4; } @media(max-width: 420px) { .mobile-columns-3 .ast-onsale-card { top: 1em; left: 1em; } } .ast-on-card-button { position: absolute; right: 1em; visibility: hidden; opacity: 0; transition: all 0.2s; z-index: 5; cursor: pointer; } .ast-on-card-button.ast-onsale-card { opacity: 1; visibility: visible; } .ast-on-card-button:hover .ast-card-action-tooltip, .ast-on-card-button:focus .ast-card-action-tooltip { opacity: 1; visibility: visible; } .ast-on-card-button:hover .ahfb-svg-iconset { opacity: 1; color: var(--ast-global-color-2); } .ast-on-card-button .ahfb-svg-iconset { border-radius: 50%; color: var(--ast-global-color-2); background: var(--ast-global-color-primary, var(--ast-global-color-5)); opacity: 0.7; width: 2em; height: 2em; justify-content: center; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); } .ast-on-card-button .ahfb-svg-iconset .ast-icon { -js-display: inline-flex; display: inline-flex; align-self: center; } .ast-on-card-button svg { fill: currentColor; } .ast-select-options-trigger { top: 1em; } .ast-select-options-trigger.loading:after { display: block; content: " "; position: absolute; top: 50%; right: 50%; left: auto; width: 16px; height: 16px; margin-top: -12px; margin-right: -8px; background-color: var(--ast-global-color-2); background-image: none; border-radius: 100%; -webkit-animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .ast-select-options-trigger.loading .ast-icon { display: none; } .ast-card-action-tooltip { background-color: var(--ast-global-color-2); pointer-events: none; white-space: nowrap; padding: 8px 9px; padding: 0.7em 0.9em; color: var(--ast-global-color-primary, var(--ast-global-color-5)); margin-right: 10px; border-radius: 3px; font-size: 0.8em; line-height: 1; font-weight: normal; position: absolute; right: 100%; top: auto; visibility: hidden; opacity: 0; transition: all 0.2s; } .ast-card-action-tooltip:after { content: ""; position: absolute; top: 50%; margin-top: -5px; right: -10px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: transparent transparent transparent var(--ast-global-color-2); } .astra-shop-thumbnail-wrap:hover .ast-on-card-button:not(.ast-onsale-card) { opacity: 1; visibility: visible; } @media (max-width: 420px) { .mobile-columns-3 .ast-select-options-trigger { top: 0.5em; right: 0.5em; } } .woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left { text-align: left; } .woocommerce ul.products li.product.desktop-align-left .star-rating, .woocommerce ul.products li.product.desktop-align-left .button, .woocommerce-page ul.products li.product.desktop-align-left .star-rating, .woocommerce-page ul.products li.product.desktop-align-left .button { margin-left: 0; margin-right: 0; } @media(max-width: 921px) { .woocommerce ul.products li.product.tablet-align-left, .woocommerce-page ul.products li.product.tablet-align-left { text-align: left; } .woocommerce ul.products li.product.tablet-align-left .star-rating, .woocommerce ul.products li.product.tablet-align-left .button, .woocommerce-page ul.products li.product.tablet-align-left .star-rating, .woocommerce-page ul.products li.product.tablet-align-left .button { margin-left: 0; margin-right: 0; } } @media(max-width: 544px) { .woocommerce ul.products li.product.mobile-align-left, .woocommerce-page ul.products li.product.mobile-align-left { text-align: left; } .woocommerce ul.products li.product.mobile-align-left .star-rating, .woocommerce ul.products li.product.mobile-align-left .button, .woocommerce-page ul.products li.product.mobile-align-left .star-rating, .woocommerce-page ul.products li.product.mobile-align-left .button { margin-left: 0; margin-right: 0; } } .ast-woo-active-filter-widget .wc-block-active-filters { display: flex; align-items: self-start; justify-content: space-between; } .ast-woo-active-filter-widget .wc-block-active-filters__clear-all { flex: none; margin-top: 2px; } .woocommerce form .password-input, .woocommerce-page form .password-input { display: flex; flex-direction: column; justify-content: center; position: relative; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { position: absolute; right: 0.7em; cursor: pointer; top: 50%; translate: 0 -50%; padding: initial; background: initial; color: initial; box-shadow: none; margin-left: 0.618em; border: none; } .woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e010"; text-decoration: none; } .woocommerce form .show-password-input.display-password::after, .woocommerce-page form .show-password-input.display-password::after { opacity: 0.6; } .woocommerce-checkout-review-order-table { border: none !important; } .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { border-width: 0 0 1px 0 !important; } .woocommerce-page.woocommerce-checkout form #order_review th:last-child, .woocommerce-page.woocommerce-checkout form #order_review td:last-child { text-align: right; } .woocommerce-page.woocommerce-checkout form #order_review th:first-child, .woocommerce-page.woocommerce-checkout form #order_review td:first-child { text-align: left; font-weight: 400; } .woocommerce-billing-fields h3 { margin-top: 0 !important; padding-top: 0 !important; } .select2.select2-container .select2-selection .select2-selection__rendered { padding: 0 10px !important; height: 100%; color: #000000 !important; background: #ffffff !important; display: flex !important; align-items: center; } .select2.select2-container .select2-selection { height: 45px; border: 1px solid #000000 !important; background: #ffffff !important; border-radius: 10px !important; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select { height: 45px; border-radius: 10px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { background: #647941; } form[class*=shopify-product] .dt-sc-qty .product-label { margin-bottom: 26px !important; } .select-field-single select { border: 1px solid #647941; border-radius: 5px; width: 175px; padding: 5px 15px 5px 5px; height: 35px; line-height: 1; color: #ffffff; background: #647941; -webkit-appearance: auto !important; /* For Chrome, Safari, etc. */ -moz-appearance: menulist; /* For Firefox */ appearance: menulist; } .cart.woocommerce-cart-form__contents .product-quantity .quantity { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 1199px) { .woocommerce-cart-form { width: 100%; float: none; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; float: none; } .cart.woocommerce-cart-form__contents td { border-right: 0 !important; } } a.remove.mobile-show-product-remove { display: none; } @media (max-width: 768px) { .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { display: inline-block !important; width: 100%; } .woocommerce-page table.shop_table_responsive tr td.product-remove.desktop-show-product-remove { display: none !important; } a.remove.mobile-show-product-remove { display: flex; } td.product-thumbnail.cart-page-thumbnail:before { display: none !important; } .cart-product-remove-and-thumbnail { display: flex; align-items: center; justify-content: space-between; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; float: none; } a.showcoupon { font-size: 12px !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 5px 10px 5px 25px; margin: 0 0 1em; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { top: 7px; left: 4px; } .woocommerce ul.order_details li { border-right: 0; margin-right: 0; padding-right: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; float: none; } .woocommerce table.shop_table td { font-size: 12px; } .dt-sc-tabs-content { padding: 15px 10px !important; } .product-template-content .product-label, .product-label, .product-template-content label { min-width: 100px !important; font-size: 14px !important; } .product-description-product-template .product-price .price-list { width: calc(100% - 100px) !important; } .select-field-single select { width: 100%; } } .product-tab div:has(> table) { overflow-x: auto; } .product-tab table { white-space: nowrap; } span.woocommerce-Price-amount.amount { color: gray; } .calculated-price { font-size: 18px; font-weight: 600; margin-top: 0; margin-left: 0; } /* Cart page ki poori actions row (jis mein update button hota hai) ko hide karein */ .woocommerce-cart-form__contents tr:has(button[name="update_cart"]), .woocommerce-cart-form__contents .actions { display: none !important; } .dt-sc-testimonial-content-inner .dt-sc-author-info cite { font-size: 20px; } .products .product-container a, .products .product-container .image_group { height: 100%; display: block; } .products .product-container img { width: 100%; height: 100% !important; object-fit: cover; } @media (max-width: 1199px) { .dt-sc-main-heading { font-size: 32px !important; line-height: 45px !important; } .products .product-detail .grid-link__title a, .barn_support h5.dt-sc-support-heading { font-size: 24px !important; } .products .product-detail .grid-link__meta .grid-link__org_price, .products .product-detail .grid-link__meta .product_price>span.money { font-size: 20px !important; } .products .product-detail { padding: 20px 10px 0 !important; } }