/*

 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{
	--WhiteColor : #fff;
	--BlackColor : #000;
	--GrayCCC : #ccc;
}

/*******New Updates**********/
.section-title{ text-transform:uppercase; }
.table-section{}
.product-description-sec{}
.responsive-table{}
.descript-table table{ background-color:var(--WhiteColor); border:1px solid #e6e6e6; }
.descript-table table tr th{ font-size: 12px; padding: 10px 10px; white-space: nowrap; text-align: left; background-color: #cfe189;}
.descript-table table tr td{ text-align:left; vertical-align: top; font-size: 12px; padding: 10px 10px; }

.list-type{ margin-bottom:1em; }
.list-type li{ margin-top:.5em; margin-bottom:.5em; display:flex; align-items:center;  }
.list-type li:before{content: "\f14a"; color: #97ca44; font-size: 20px; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 10px;}

.flex-direction-nav{ position:absolute; top:50%; transform:translate(0, -50%); width:100%; }

.banner-content h2{font-family: 'Rockybilly'; color: #eaac0a; font-size: 30px; margin-bottom: 0;}
.banner-content h3{ color: #fff; font-size: 40px; text-transform: uppercase; font-family: sans-serif; margin-bottom: 0;}
.banner-btn-section{ display:flex; gap:20px; margin-top:30px; }
.banner-btn-section .custom-button{ background-color: #ffff; border: 1px solid #fff; color: #000; padding: 8px 20px; border-radius: 2px;text-transform: uppercase; font-size: 14px;}
.banner-btn-section .custom-button-1{background-color:transparent; color: #fff !important; border: 1px solid #fff; padding: 8px 20px; border-radius: 2px;text-transform: uppercase; font-size: 14px;}
.banner-btn-section .custom-button:hover{ background-color:transparent; color: #fff !important; border: 1px solid #fff;}

/*.meta-slider-section .metaslider .flexslider{ margin-bottom:0; min-height:240px; }
.meta-slider-section .metaslider .flexslider ul li img{ height:100%; }*/
.meta-slider-section .metaslider.ms-theme-databold .flexslider .flex-control-nav li a{ background-color:#fff; }
.meta-slider-section .metaslider.ms-theme-databold .flexslider .flex-control-nav li a.flex-active{ background-color:#eaac0a; } 	
.meta-slider-section .metaslider.ms-theme-databold .flexslider .flex-control-nav{ bottom:10px; }
.meta-slider-section .metaslider.ms-theme-databold  .flexslider .caption-wrap .caption{ top:58%;}
.about_satvik p{ color:#000; }
/*.product-list-section .product-grid-item .product-element-top{box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .11);}*/
.col-heading{font-size: 20px; text-align: center; text-transform: uppercase;}

.mb-20{ margin-bottom:20px !important; }
.link-btn{color: #337ab7 !important; text-decoration: underline !important;}

@media (max-width: 768px) {
  .metaslider, .metaslider .flexslider, .metaslider .slides, .metaslider .slides li {
    height: 350px !important; /* Set your desired mobile height */
    overflow: hidden;
  }

  .metaslider img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: 90%;
  }

  .meta-slider-section .metaslider.ms-theme-databold  .flexslider .caption-wrap .caption{ top:65%;min-width: 100%;max-width: 100%; left: 0; padding: 15px; }
  .meta-slider-section .metaslider.ms-theme-databold .flexslider .flex-control-nav li a{ background-color:#fff; width:12px; height:12px; }

  .banner-content{background-color: rgba(0, 0, 0, 0.5);padding: 20px 10px 10px; text-align: center;}
  .banner-content h2{ font-size:12px; }
  .banner-content h3{ font-size:1.2rem; }
  .meta-slider-section .banner-content p{ margin-bottom:0; font-size:0.8rem; line-height:1rem; }
  .banner-btn-section{ margin-top:0; justify-content:center; }
  .banner-btn-section .custom-button,.banner-btn-section .custom-button-1{ font-size:12px; padding: 0px 10px; height: 24px; }
  .title-wrapper.basel-title-size-large.section-heading-title .title{ font-size:24px; }
}
/******End New Updates*******/