/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Open+Sans|Source+Sans+Pro');


/* START OF WOOCOMMERCOMMERCE */

h1.page-title  {font-size: 18px; line-height: 30px; color: #EF8F09; margin:0px 0px 20px 0px!important; padding:0px!important}
.product-meta .woocommerce-loop-product__title {font-size: 14px!important; line-height: 30px; color: #EF8F09; margin:10px 0px 20px 0px!important; padding:0px!important}
.woocommerce-page ul.products .material.product h2 {font-size: 14px!important; line-height: 1.2em; color: #EF8F09; margin:10px 0px 20px 0px!important; padding:0px!important}


li.woocommerce-MyAccount-navigation-link  {   color: #EF8F09!important; opacity:1!important; margin:0px 0px 20px 0px!important; padding:0px!important}
.woocommerce-MyAccount-navigation ul li a {opacity: .8;}
h1.product_title  {    font-size: 20px; font-weight:400!important; line-height: 40px; color: #EF8F09;}
.woocommerce div.product .summary p.price {    font-size: 20px; line-height: 30px; color: #474747; margin:0px 0px 20px 0px!important; padding:0px!important; font-weight:600}

/* Ensure the accessories specification content appears below the gallery in the left column */
.single-product div.product .accessories-specifcation {
    margin-top: 20px;
}

.accessories-specifcation h2 {
    font-size: 16px; line-height: 30px; color: #EF8F09; margin:0px 0px 20px 0px!important; padding:0px!important; font-weight:400!important
}

.accessories-specifcation-content {
    background-color: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;
}

.single-product-main-image, .single-product-summary {background-color:#f7f7f7 !important; padding:10px!important; border:1px solid #ebebeb!important}

.product-description,
.product-features {
    margin-top: 10px;
}

.product-features 
{margin-bottom: 20px;}

.product-description h2,
.product-features h2 {
     font-size: 16px; line-height: 30px; color: #EF8F09; margin:0px 0px 10px 0px!important; padding:0px!important; font-weight:400!important
}

.product-description-content,
.product-features-content {
    background-color: #f9f9f9;
    padding: 0px;
   
}

.woocommerce div.product .rev-related-products {
    margin-top: 20px;
}

.woocommerce div.product .rev-related-products h2 {
    font-size: 16px; line-height: 1.2em; color: #EF8F09; margin:0px 0px 10px 0px!important; padding:0px!important; font-weight:400!important
}

.rev-related-products .woocommerce-loop-product__title { font-size: 12px!important; line-height: 30px; color: #EF8F09; margin:0px 0px 10px 0px!important; padding:0px!important; font-weight:400!important}

.woocommerce div.product .rev-related-products ul.products {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.woocommerce div.product .rev-related-products ul.products li.product {
    flex: 1 1 calc(33.333% - 20px); /* Ensure three columns layout */
    box-sizing: border-box;
    max-width: calc(33.333% - 20px); /* Ensure three columns layout */
}

/* END OF WOOCOMMERCOMMERCE */


/* Targets the dropdown in Gravity Forms Form ID 1, Field ID 4 */
body #gform_1 #input_1_4 {
    color: black !important; /* Sets the default text color of the dropdown */
    background-color: white !important; /* Ensure dropdown itself has a white background */
}

body #gform_1 #input_1_4 option {
    color: black !important; /* Ensure each option inside the dropdown has black text */
}

/* Placeholder option ("Please select") - black text on a white background */
body #gform_1 #input_1_4 option[value=""] {
    color: black !important; /* Placeholder text remains black */
    background-color: white !important; /* Placeholder option background remains white */
}

body #gform_1 #input_1_4 option:not([value=""]):hover,
body #gform_1 #input_1_4:focus option:not([value=""]) {
    background-color: grey !important; /* Sets other options to grey on hover */
    color: white !important; /* Ensures the text color of other options on hover is white */
}

/* To change the background of the dropdown itself on hover, ensure text remains readable */
body #gform_1 #input_1_4:hover {
    background-color: grey !important;
    color: white !important;
}




/* Specific to Graviti Forms dropdown field with ID 4 */





.team-member[data-style="meta_overlaid"] .team-member-overlay hover, .team-member[data-style="bio_fullscreen"] .team-member-overlay hover {opacity:1.0!important}
.team-member-overlay {opacity:0.0!important}
.team-meta h3, .team-meta p {color:#000!important}
.team-member h4 {color:#fff!important}
@media only screen and (max-width: 1200px) and (min-width: 0px) {
#header-outer #top nav .sf-menu > #social-in-menu {
   display:none!important
}
	
}

@media only screen and (max-width: 500px) and (min-width: 0px) {

	.resp_bg {display:none!important}
}

@media only screen and (max-width: 1200px) {
	#header-outer #logo img {height:85px!important}
	#top #logo {margin-right:50px!important}
	
	
}


#header-outer[data-box-shadow="small"]{border-bottom:#ff6600!important}
ul.sf-menu {font-weight:800!important}
h2.hphtwo  {font-size:22px!important; text-transform:uppercase}
h2.hphthree  {font-size:18px!important}

.nectar-fancy-ul ul li {font-size:14px!important; text-transform:none}

.cn-button.bootstrap {background:#ff6600!important}

#taxico {margin:3%!important}
.icon_holder {position:relative; }
/*h1, h2, h3, h4, h5, p, li, ul{font-family: 'Lato', sans-serif!important;}
h1, h2, h3, h4, h5, p, li, ul {font-family: 'Source Sans Pro', sans-serif!important;}*/

img.popo {padding:2%!important; transition: padding 0.5s ease-in-out;}
img.popo:hover {padding:0%!important ; transition: padding 0.5s ease-in-out;}

.swiper-slide[data-color-scheme="dark"] .content h2 {font-size:50px!important; line-height:50px!important; font-weight:normal!important;     font-family: 'Lato', sans-serif!important;}
.swiper-slide[data-color-scheme="dark"] .content p  {font-size:25px!important; line-height:35px!important; font-weight:normal!important;     font-family: 'Lato', sans-serif!important;}

h1, h2, h3, h4, h5, p, li, ul  {font-family: 'Open Sans', sans-serif!important;}
.midld {text-align:center}
.prod_gal {width:100%; float:left;}
.pthumbs {width:90%; margin:auto!important}
img.displayedb {max-width:32%!important; display: inline-block!important}

p {padding-bottom: 10px!important;}

.hpbox {min-height:300px!important}

.single .heading-title {display:none}

.prodttl h1 {font-size:25px; line-height:40px; color:#EF8F09}
.proddsc {}
h2.prodsectttl {font-size:15px; line-height:25px; color:#EF8F09}

/*body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {background-color:rgba(239,143,9, 0.5)!important; color:#474747!important}*/
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {background-color:#333!important; color:#fff!important}
body:not(.woocommerce-cart) .main-content th{
  border-left:medium none;
  border-style:none solid solid none;
  border-top:medium none;
  border-width:medium 1px 1px medium;
  font-weight:bold;
  padding:5px!important;
  text-align:left;
  border-color:#ececec
}
body:not(.woocommerce-cart) .main-content td{
  border-color:#ececec;
  border-left:none;
  border-style:none solid solid none;
  border-top:medium none;
  border-width:medium 1px 1px medium;
  font-size:12px;
	line-height:18px!important;
  padding:5px!important
}

.tabbed[data-style="minimal"] .wpb_tabs_nav {    margin-bottom: 35px!important;}
ul.wpb_tabs_nav {font-weight:bold!important}
.tabbed[data-style="minimal"] >ul li:not(.cta-button) a, .tabbed[data-style="minimal"] >ul li:not(.cta-button) .active-tab {padding: 18px 18px 8px 1px!important;}



.post-content  {padding-left: 2%!important; padding-right: 2%!important;}

img.size-tax-size {display:inline-block!important; padding:5px!important}
img.size-tax-size-large {display:inline-block!important; padding:2px 2px 0px 0px!important}
img.size-tax-size-large-page {display:inline-block!important; padding:2px 5px 0px 0px!important}

/*.icon_inst {display:inline-block!important}*/
.wpb_content_element  .prodtabs {background-color:#fff!important}
.tabbed {background-color:#f7f7f7!important; padding:5%}

#accout { padding:2%; text-align: center; background-color:#fff!important; border:1px solid #EBEBEB; min-height:350px}
#accout:hover {background-color:#f7f7f7!important; -webkit-transition: background-color 250ms linear;     -ms-transition: background-color 250ms linear;     transition: background-color 250ms linear;}
/*.col {margin-right:0px!important}*/
.accbox p {text-transform:uppercase; font-size:12px!important;}
.regular .masonry-blog-item {min-height:1000px!important}
.accessories .inner-wrap {min-height:400px!important; }
.cat_bxi_title h3{font-size:16px!important; text-transform:uppercase; line-height:20px!important; color:#333333!important}
.arch_dia p {display:inline-block!important; margin-bottom:0px!important; font-size:20px!important; line-height:20px!important; color:#ef8f09}
img.arch_dia  {width:14px!important; display:inline-block!important; margin-bottom:0px!important}

.catbox_img {border:1px solid #ccc}

@media only screen and (min-width: 1000px) {
#header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items {
    float: none;
    margin-left: auto;
	margin-right: 5%!important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
	
	
	
}

.icostax {}


.swiper-slide[data-color-scheme="dark"] .content h2 {color:#444!important}
.swiper-slide[data-color-scheme="dark"] .content p {color:#f39200!important}

.taxa_desc {position:relative; width:100%; background-color:#272727 }
.taxa_desc_in  {position:relative; width:50%; margin:auto; }
.taxa_desc_in_img {position:relative; text-align:left; width:15%; }
.taxa_desc_in_desc {position:relative; text-align:right; width:75%;}




.taxa-disc h2{font-size: 25px!important; color:#ff0000!important;     line-height: 45px;      font-family: Montserrat;     font-weight: 400;     font-style: normal;}
.taxa-disc p {color:#fff!important}
h2.taxa-dsc {color:#ff6600!important; font-size:20px!important} 

@media only screen and (max-width: 1000px) {
	.taxicoimg img {display:none!important}
}


#powerTip {background-color:#fff!important; color:#474747!important; width:300px!important; border:1px solid #EF8F09!important}
#powerTip p {color:#474747!important; text-align:center}




/* end */