/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/


/* Your customizations starts here */

:root{
    --primaryClr: #B29C8B;
}
.lr-padding {padding-left: 60px !important; padding-right: 60px !important;}
.tb-padding{padding-top: 30px !important; padding-bottom:30px !important;}

.home-product-hd h2{font-weight: normal; font-size: 28px; color:var(--primaryClr); margin-bottom: 10px; text-wrap: balance;}
.home-product-hd h2 + h2{text-transform: uppercase;}

.home-design-block p{color: var(--primaryClr); font-size: 1.4rem; line-height: 2.3rem; margin-bottom: 1rem !important;}
.design-hd{text-transform: uppercase; font-size: 2.4rem; max-width: 300px; position: absolute; left:15%; top:0%; z-index:2;}

.home-fragment{padding:4rem 0px 2rem 0px}
.home-fragment h2{text-transform: uppercase; color: #f3f2e7 !important; font-size: 2.4rem !important; margin-bottom:0.5rem !important; font-weight: 200;}
.home-fragment .begin-sub-hd{color: #f3f2e7 !important; font-size: 1.4rem!important; font-weight: 200;}

.btn-primary a{padding: 14px 20px 12px 20px!important;}

.dfocus-hd{text-transform: uppercase; font-size: 2.4rem !important; margin-bottom: 1.5rem !important; font-weight: 200;}
.insta-hd{text-transform: uppercase; font-size: 2.4rem!important; margin-bottom: 1.5rem!important; font-weight: 200;}

.dfocus-outer{padding-top:3rem; padding-bottom:3rem;}

.newsletter-main{max-width:500px; margin: 0 auto; text-align: left; width: 100%; position:absolute; bottom: 0px; left:50%; transform: translateX(-50%);}
.newsletter-main form{padding:30px!important;}
.newsletter-main .mailpoet-heading{color: var(--primaryClr)!important; text-transform: uppercase; text-align:left!important; font-weight:200!important; margin-top:0px!important;}
.newsletter-main .mailpoet_form_paragraph{color:#000000!important; font-size:14px!important;}
.newsletter-main .subscribe-agree{font-size: 12px!important; color:#000000!important; text-align:left!important;}
.newsletter-main .subscribe-agree a{font-size:14px!important; font-weight: 500; text-decoration: underline;}

.newsletter-main .mailpoet_form_columns{display: grid; grid-template-columns: 1fr 150px; margin-bottom:0px!important;}
.newsletter-main #mailpoet_form_1 .mailpoet_form_column:not(:first-child){margin-left:0px!important;}
.newsletter-main .mailpoet_text{font-size: 16px!important; padding:12px 15px 10px 15px!important;}
.newsletter-main .mailpoet_submit{width: 200px!important; font-size: 16px!important; padding:12px 15px 8px 15px!important;}

.design-focus-hd{padding-left:3rem}
.design-focus-hd h3{color: #b29c8bc7;font-size: 1.3rem;text-transform: uppercase;margin-bottom: 1.5rem; font-weight: 400; margin-bottom: 2.5rem;}
.design-focus-hd h3 em{margin-bottom: 5px;display: inline-block; color: var(--primaryClr); font-size:1.6rem}
.design-focus-hd p{color: var(--primaryClr); font-size: 1.4rem; line-height: 2.3rem; max-width:77%;}


/* FOOTER CSS */
.footer{float:left; width:100%; padding-top:40px;}
.footer-container .widget-area{padding: 0px!important;}
.footer .container{width:100%; padding-left:100px; padding-right:100px;}
.footer .widget-area {padding:0;}

.footer .footer-column-1{width:80%; display: flex; flex-wrap: wrap;}
.footer .footer-column-2 {width:20%}
.footer .footer-column-1 .footer-widget{width:25%}

.footer-column h5{font-weight:400; color:#ffffff!important; margin:20px 0px;}
.footer-column h5:before{display:none;}
.footer-column ul{list-style:none; padding:0px; margin:0px;}
.footer-column ul li{padding-bottom:10px; margin-bottom:5px;}
.footer-column ul li a{color:#ffffff;font-size:15px;}
.footer-column ul li a:hover{color:#ffffff; opacity:0.8;}

.f-social{float:left; width:100%; margin-top:30px;}
.f-social a{float:left; margin-right:5px; width:40px;}
.f-social a:hover img{opacity:0.8;}
.min-footer{padding:30px 0px;}
.main-footer + .copyrights-wrapper .min-footer{border:0px}
.footer-container .footer-column {margin-bottom:10px;}

footer .edge-iwt-title a {color: #ffffff!important; font-size: 1rem;}
footer .edge-iwt-title a:hover{text-decoration: none;}
footer .edge-iwt-title {margin-bottom: -5px!important;white-space: nowrap;margin-top:0px;}
.edge-icon-tiny {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}
.copy-txt{font-size: 14px; color:#ffffff!important;}
.footer-container .footer-widget {margin-bottom: 0;}


.wap-show{display: none;}
.ps-0{padding-left: 0px!important;}


@media all and (min-width:960px){
    .begin-fragment-hd{margin-bottom:-100px;}
    .project-btn{top:-150px; position:relative;}
    .home-design-block p{max-width:77%; margin: 0 auto;}
	.home-product-hd h2{margin-bottom:50px!important}
}

@media all and (max-width:1260px){
  .lr-padding {padding-left:30px!important;padding-right:30px!important;} 
  .footer .container{padding-left:30px; padding-right:30px;}
  .archive .main-page-wrapper .breadcrumb{padding: 15px 30px;}

  .footer .footer-column-1{width:70%;}
  .footer .footer-column-2 {width:30%}
  .footer .footer-column-1 .footer-widget{width:25%}
}

@media all and (max-width:960px){
.basel-logo-wrap{position: absolute; width: 100%; text-align: center; z-index: 9; top: 19px; left:0px}
.site-logo img {max-height: 87px!important;}
.main-header .right-column{position: relative; z-index: 9;}

  .lr-padding {padding-left:15px!important;padding-right:15px!important;} 
  .archive .main-page-wrapper .breadcrumb{padding: 15px 15px;}
  .footer .container{ padding-left:15px; padding-right:15px;}
  .home-hero-caption p{font-size:18px; line-height:26px;}
  .cat-hero-caption p{font-size:18px; line-height:26px;}
  .main-header.header-split .wishlist-info-widget {display: inline-block;}

  .collection-lr-padding{padding: 0px 0px;}
  .footer .footer-column-1{width:60%;}
  .footer .footer-column-2 {width:40%}
  .footer .footer-column-1 .footer-widget{width:50%}
  .single-breadcrumbs-wrapper .woocommerce-breadcrumb, .single-breadcrumbs-wrapper .yoast-breadcrumb {display: inline;}
  .enq-popup{display:inline-block;}
  #wpcf7-f5279-o1 form,
  #wpcf7-f6329-o1 form {margin-top: 20px!important; max-width: 100%;margin-left: 0;}

}

@media all and (max-width:767px){
    .wap-show{display: block;}
    .wap-hide{display: none;}

  .home-slider.lr-padding,
  .cat-slider.lr-padding,
  .fullpage-image.lr-padding{padding:0px!important;}

  .home-slider figure img,
  .cat-slider figure img{margin-bottom:15px;}  

  .newsletter-main{position: relative; bottom: 0px; left: 0px; transform: translateX(0%);}

  .home-hero-caption .container,
  .cat-hero-caption .container,
  .tag-hero-caption .container{max-width:80%;padding:0px;}

  .home-hero-caption,
  .cat-hero-caption{position:relative;}

  .home-slider .swiper-pagination-bullets .swiper-pagination-bullet {display:inline-block;margin:0px 15px;}
  .home-slider .swiper-pagination-bullets {left:0;top:inherit;width:100%;bottom:-31px;}
  .home-slider .swiper-pagination-bullets span:after,
  .home-slider .swiper-pagination-bullets span.swiper-pagination-bullet-active:after{width:10px;}

  .cat-hero-caption h2{font-size: 24px;}
  .cat-hero-caption p, .home-hero-caption p {font-size:15px; line-height:24px;}

  .sidebar-contact{right :-300px; width:300px; top:50%}
  .toggle {width: 26px;left: -26px;line-height: 36px;}
  .toggle:before{font-size: 12px; margin-left: 0px; padding: 0px 10px;}

  /* .home-cat {padding: 0;}
  .home-cat h1 {font-size: 20px;line-height: 28px;margin-bottom: 10px; margin-top: 10px;}

  .home-cat .categories-style-default {display: inline-block;margin-bottom: 0;}
  .home-cat .categories-style-default .col-xs-6 {width: 100%;}
  .home-cat .cat-design-default .hover-mask h3{padding: 15px 0px 10px 0px;} */

  .cat-slider .swiper-pagination-bullets .swiper-pagination-bullet {display:inline-block;margin:0px 15px;}
  .cat-slider .swiper-pagination-bullets {left:0;top:inherit;width:100%;/* bottom:0px; */}
  .cat-slider .swiper-pagination-bullets span:after,
  .cat-slider .swiper-pagination-bullets span.swiper-pagination-bullet-active:after{width:10px;}

  .product-header h1,
  .product-sku,
  .sub-title,
  .product-header h2.product_title{font-size: 30px; line-height: 33px;}

  .single-product-page .container{padding: 0px;}
  .pf-right .single_add_to_cart_button{ width: auto;line-height: inherit;height: auto;padding: 5px 15px;}

  .p-footer{flex-direction: column;}
  .pf-left{width: 100%;text-align: center;}
  .pf-right{width: 100%;}
  .pf-right .cart{justify-content: center;}
  .pf-left .clr-plate{margin: 0px 10px 15px 0px; float: none; display: inline-block;}

  .p-style h3{margin-bottom: 30px;}
  .p-style-main{padding: 0px 15px;}

  .product-tabs-wrapper .container {padding: 0px 15px!important;}
  #tab-additional_information table tr{width: 100%;}
  table tr th, table tr td {padding: 10px;}
  .p-style-main h4{padding: 15px 0px 5px 0px;}

  .footer .footer-column-1{width:100%;}
  .footer .footer-column-2 {width:100%}
  .footer .footer-column-1 .footer-widget{width:100%}

  .footer-column-2{border-top: solid 1px #c0c0c0;border-bottom: solid 1px #c0c0c0;margin-top: 10px;padding-bottom: 25px;float: left;width: 100%;}
  .f-social{text-align: center;}
  .f-social a{float: none; display: inline-block;}

  .product-filter {padding: 30px 15px 0px 15px;}
  .archive .elements-grid{padding: 50px 15px;}
  .archive h3.product-title a{font-size: 16px;letter-spacing: 1px;line-height: 17px;}

  .tabs.wc-tabs li a{margin: 0px; border: 0px;}
  #tab-additional_information table tr th,
  #tab-additional_information table tr td{font-size: 14px;}

  .berocket_single_filter_widget,
  .term-fabrics .berocket_single_filter_widget{width:100%;}

  .project-card {width: 100%;}
  .project-column{width: calc(100% - 0px); padding:0px 0px 15px 0px;}
  .project-card h4{font-size:20px;}

  .single-breadcrumbs-wrapper .container{padding: 0px 15px;}
  .basel-back-btn > span:before{left: 0px;}
  .basel-products-nav .product-btn > a{width: 20px;}

  .ppm-new{max-width: 100%; margin-left: 0px;}
  .product-wash {float: left;width: 100%;text-align: left;margin-bottom: 0;padding-left: 0;margin-top: -30px;}

  .footer{padding-top: 0px;}

    .home-product-hd h2{font-size: 14px;}
    .design-hd {font-size: 2rem; left: 7%; top: 2%;}
    .home-fragment {padding:2rem 1rem !important;}
    .dfocus-outer{padding:1rem 0px 0rem 0px!important; }

    .home-fragment h2{font-size: 1.4rem!important; margin-bottom:0px!important}
    .home-fragment .begin-sub-hd{font-size: 0.8rem!important; font-weight: normal;}
    .dfocus-hd,
    .insta-hd{font-size:1.7rem!important}
    .footer-widget-collapse .widget-title:after{color: #ffffff;}

    .copy-txt{display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; row-gap: 1rem;}
    .min-footer {padding: 10px 0px 20px 0px;}

    .newsletter-main form .mailpoet-heading{font-size: 1.6rem!important;}
    .home-design-block p {font-size:14px; line-height: 1.4;}
	
	.pt-0-mob .vc_column-inner{padding-top:0px!important}


}



/* NEW CSS */


/* Desktop */
@media (min-width: 992px) {
    .main-header .site-logo{overflow: unset!important;}
    .basel-logo-wrap{position: relative;}
    .basel-logo-wrap a{position: absolute; left: 0px; width: 100%; z-index: 99999999; top: -23px;}
    .site-logo img {max-height: 150px !important; PADDING: 0;}

    .mobile-nav-icon, .mobile-nav{flex-direction: column;}
    .basel-close-sidebar-btn, 
    .mobile-nav{background: #ffffff;}
    .search-results-wrapper .basel-scroll{box-shadow: none;}

    .mobile-nav ul li a{border: 0px; color:#535454;}
    .mobile-nav ul li a:hover{color: var(--primaryClr)!important;}
    .mobile-nav .searchform{display: none;}
    .basel-close-side{background-color: rgb(255 255 255 / 20%);}
    .basel-close-sidebar-btn span{color:#000000;}

    .mobile-nav ul li a:active{background: var(--primaryClr); color:#ffffff!important;}
    .mobile-nav .basel-close-sidebar-btn {height: 73px;}


    .main-nav,
    .main-navigation,
    .basel-navigation,
    .site-navigation {
        display: none !important;
    }
    .mobile-nav-icon,
    .mobile-nav {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}


/* All page CSS */
.home .site-content{margin-bottom: 0px;}
a.mds{background:url(https://staging-80a3-fragmenthouse92883d3b94-learz.wpcomstaging.com/wp-content/uploads/2026/07/mds_off.png) no-repeat scroll 0 0;float:right;height:11px;position:relative;width:79px;z-index:10; transition:.3s; filter: invert(100%) sepia(0%) saturate(7494%) hue-rotate(121deg) brightness(100%) contrast(95%);  border:0px}
 a.mds:hover {background:url(https://staging-80a3-fragmenthouse92883d3b94-learz.wpcomstaging.com/wp-content/uploads/2026/07/mds_off.png) no-repeat scroll 0 -11px; border:0px; filter:unset}


/* PRODUCT CAT PAGE */
.woocommerce-breadcrumb a:first-child:before{display: none;}
.archive .basel-wishlist-btn{visibility: visible!important; opacity: 1!important; transform: scale(1)!important;}
.archive .basel-wishlist-btn a{background: #ffffff; border-radius: 50px;}
.archive .product-compare-button{display: none;}
.archive .main-page-wrapper{padding-top: 0px;}

.archive .main-page-wrapper > .container{width: 100%; padding: 0px;}
.archive .main-page-wrapper .breadcrumb{float: left;width: 100%;background: #f9f9f9;padding: 15px 60px; margin-top: 0px; margin-bottom: 0px;}
.archive .main-page-wrapper .woocommerce-breadcrumb{margin-bottom: 0px; float: left;padding-right: 10px;margin-right: 10px;font-size: 12px;color: rgb(0 0 0 / 80%);letter-spacing: 1px;
position: relative;}
.archive .main-page-wrapper .woocommerce-breadcrumb a:first-child:before{display: none;}

/* .archive .product-labels{display: none;}
.archive .wrapp-swap{display: none;} */

.product-labels .attribute-label{display: none!important;}

.archive .elements-grid {padding: 0px 35px 50px 60px; float: left; width: 100%;}
.archive .product-element-top img{width: 100%; -webkit-transition: opacity 1s , -webkit-transform 1s; transition: opacity 1s , transform 1s; -webkit-backface-visibility: hidden;
 backface-visibility: hidden;}
/* .archive .product-element-top img:hover{-webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);} */
.archive h3.product-title{margin-bottom: 0px;}
.archive h3.product-title a{margin-bottom: 0px;font-weight: 400;font-size: 20px;letter-spacing: 2px;line-height: 28px;}
.archive h3.product-title a:hover {color: #1daaa3;}
.title-clr{letter-spacing: 3px;}

.wap-show{display:none;}

.main-page-wrapper{padding-top: 0px;}

.form-container{max-width:770px; margin: 0 auto; padding: 20px;}
.contact-form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.contact-form-grid p{margin-bottom: 0px;}
.full-width{grid-column: 1 / -1;}
.wpcf7-not-valid-tip{font-size:14px}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea{
    padding: 0.9rem 0.8rem;
    height:auto;
}

.contact-form-grid h4{font-size: 18px; margin: 0; font-weight: bold; margin-top: 1rem;}

.content-pages .wp-block-heading{font-size:18px; font-weight: bold;}
.content-pages p{margin-bottom:15px}
.content-pages ul{margin-bottom: 1rem;}
.content-pages ul li{position: relative; padding-left: 15px;}
.content-pages ul li::before{content:''; position: absolute; left: 0; top:9px; color: var(--primaryClr); width:6px; height:6px; background: var(--primaryClr);}
.content-pages a{color: var(--primaryClr);}


@media (max-width: 767px) {
    .desk-show {display: none;}
    .wap-show {display: block;}
	
.form-container{padding: 20px 0px;}
	.contact-form-grid{grid-template-columns:1fr}
}