/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*
	#header-search-field #s {width:75%;float:left;}
	#header-search-field #searchsubmit {width:25%;float:right;}
*/

.disc-list {list-style:disc!important; padding:5px 30px!important}


#header-search-field {position: absolute; top:10px; right:0;width:450px}
#header-search-field form {max-width:100%}
#header-search-field form .cat-dropdown {width:30%}
#header-search-field form #product_cat { float:left; border-top-right-radius: 0;border-bottom-right-radius: 0; background: #F8F8F8;}
#header-search-field form .searchbox {width:55%; border-top-left-radius: 0;border-bottom-left-radius: 0; border-left:0; padding:0 5px; margin:0;  }
#header-search-field form .search-btn-bg  {width:8%; float:right; position: absolute; top: 0; right: 5px; padding:14px 1%; border:1px solid #ccc }


/* Nav Adjustments */
.chroma-nav-hide {display:none!important} /*hide chromatography*/
#menu-main-menu li ul li ul li ul li {width:300px!important;}
.current-shop-items-dropdown .woocommerce-mini-cart-item {padding: 15px 20px!important}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {right: 10px!important}

.facetwp-search-wrap {position: relative; width:100%;}
.facetwp-search-wrap input {background: #FFF; width:80%; float:left; border-top:1px solid #DDD; border-left:1px solid #DDD; border-bottom:1px solid #DDD; border-right:none; 
	padding:10px 5px 10px 10px;}
.facetwp-search-wrap input:focus {border-top:1px solid #DDD!important; border-left:1px solid #DDD!important; border-bottom:1px solid #DDD!important; border-right:none!important}
.facetwp-btn {background:#002F64; color:#FFF; opacity: 1!important; width:20%;position: relative!important; float:right;  font-style:normal!improtant;}
i.facetwp-btn {font-style: normal!important}
.facetwp-btn:before {background: none!important; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"!important; color:#FFF; width:auto!important; height:auto!important;
padding:10px; text-align: center; font-size:18px; display: block!important}


.is-sticky #header-search-field {visibility: hidden; transition: all .01s ease-in-out;}
#site-navigation-wrap {padding-top:70px;transition: all .5s ease-in-out;}
.is-sticky #site-navigation-wrap {padding-top:5px;}
#site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a, .after-header-content-inner >a, #site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a, .after-header-content-inner >a  {line-height: 50px!important;}
#site-navigation, #menu-main-menu, #menu-main-menu li, #menu-main-menu li a {}



.site-breadcrumbs {left:0; top:125%!important;}
.single-product .page-header {padding:20px 0 40px 0;}

/* Style for Buttons on the single product page for MSDS and C of A */
.prod-quick-button {padding:12px 20px; font-size:16px; font-weight: 600; text-transform: uppercase; text-align: center;  display: inline-block; background:#F9F9F9; margin:20px;
border:1px solid #CCC;}
.prod-quick-button:hover {background: #EEE}


/* Styles for simple products to show in a variations table */
.single-product .product-type-variable .price {display: none!important} /* This hides the price on the single product page for variations because it already shows in variations table */
.single-product table.shop_attributes th {width:100px;}  /* Change the width of the attribute name table */
.woocommerce div.product .simple-product-table form.cart  {padding:0; border:0; margin:0;}
.simple-product-table .quantity-lbl {text-align: right; width:46%;}
.vartable-twenty {width:18%;}
.simple-product-table .single_add_to_cart_button {text-align: right;float:right;}
.simple-product-table .quantity {text-align: right; float:right!important; margin-right: 200px;}
.simple-product-table input.qty {padding-right:10px;}
.oceanwp-row .span_1_of_3 {width:32.3%!important}

.antibody-image-placeholder, .chemical-image-placeholder {max-width:400px; height: auto; display: block;margin: auto!important; padding-bottom:50px;}
.antibody-placeholder-shop-page, .chemicals-placeholder-shop-page {max-width: 80%}

#coafilename {width:auto;}
.flex-control-nav li img {max-height:100px; }
.flex-control-nav li {text-align: center}

#product-details {clear: both; padding-top: 150px}



/* ELISA KIT TROUBLESHOOTING TABS */
.category-elisa-kits #product-details {display: none}
.elisa-tab-wrapper{ display:flex; flex-direction: column; align-items: center;}
.elisa-tab{ cursor: pointer;  padding:10px 20px; margin:0px 2px; background:#082f64; display:inline-block;  color:#fff;  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;}
.elisa-panels{  background:#fffffff6;  box-shadow: 1rem 2rem 2rem #00000080;
  min-height:200px;  width:100%;  max-width:95%;  border-radius:3px;
  overflow:hidden;  padding:20px;  }
.elisa-panel{ display:none; animation: fadein .8s;}
@keyframes fadein {
    from { opacity:0; }
    to {  opacity:1;}
}
.panel-title{font-size:18px!important; font-weight: bold!important; color:#082f64!important}
.elisa-radio{  display:none;}
#zero:checked ~ .elisa-panels #zero-panel,
#one:checked ~ .elisa-panels #one-panel,
#two:checked ~ .elisa-panels #two-panel,
#three:checked ~ .elisa-panels #three-panel,
#four:checked ~ .elisa-panels #four-panel,
#five:checked ~ .elisa-panels #five-panel,
#six:checked ~ .elisa-panels #six-panel{  display:block}
#zero:checked ~ .elisa-tabs #zero-tab,
#one:checked ~ .elisa-tabs #one-tab,
#two:checked ~ .elisa-tabs #two-tab,
#three:checked ~ .elisa-tabs #three-tab,
#four:checked ~ .elisa-tabs #four-tab,
#five:checked ~ .elisa-tabs #five-tab,
#six:checked ~ .elisa-tabs #six-tab {  background:#fffffff6;  color:#000;  border-top: 3px solid #082f64;}



.elisa-ts-table { overflow: none; width: 99%;}
.elisa-ts-table table {border: 1px solid #dededf;height: 100%; width: 100%; table-layout: fixed;border-collapse: collapse; border-spacing: 1px; text-align: left;}
.elisa-ts-table caption { caption-side: top; text-align: left;}
.elisa-ts-table th {border: 1px solid #dededf; background-color: #eceff1;color: #000000;padding: 5px; text-transform: none; font-weight:bold}
.elisa-ts-table td {border: 1px solid #dededf; padding: 5px;}
.elisa-ts-table tr:nth-child(even) td { background-color: #fafafa;color: #000000;}
.elisa-ts-table tr:nth-child(odd) td {background-color: #ffffff; color: #000000;}


#prod-details-list, #components-details-list {width:55%; margin-left:auto; margin-right:auto}

#standard-calculation { width:600px; margin:auto;}
    
#standard-calculation tr, #standard-calculation td  {border:2px solid #000; text-align:center}




/* Search Results */
.facetwp-counts {display: inline-block;}
.search-entry-content{width: 100%}
.search-entry-title {float: left}
.search-sku {font-size:16px; color:#666; font-weight: 600; float: right; padding-top:5px;}
.search-table {clear: both}
.search-table span {color:#002f64; font-weight: 400; font-size:18px; padding:0 5px;}

.search-entry-readmore {background:#002f64; color: #FFF; padding:3px 10px; display: inline-block;margin-top:10px;}
.search-results article .search-entry-readmore a {text-decoration: none;  color:#FFF;border-bottom:0;}
.search-results article .search-entry-readmore a:hover {border-bottom:1px solid;}


#woo-search-content-area .content-area { float: left!important; position: relative!important; width: 72%!important; padding-right: 30px!important; border-right-width: 1px;
    border-style: solid;    border-color: #f1f1f1; clear:none!important;}
.search-results #right-sidebar {width:22%}    


/* Set the style for the order review page https://www.afgsci.com/checkout/order-pay/ */
.woocommerce-checkout .afg_order_review {width: 98%!important; margin: 0 0 0 2%; display: block!important;float: none!important}

/* Checkout Payment Styles */
.woocommerce-checkout #payment div.payment_box p {font-size: 16px; }
#wcpay-errors .woocommerce-error li {color: #000}

#checkout-account-notice {text-align: center; font-weight: 600; } /*notices telling customers they must have an account to checkout on /checkout/ page in woocommerce */
.checkout-columns {display: flex; gap: 20px; flex-wrap: wrap;} 
.billing-shipping, .payment {flex: 1; min-width: 300px; padding-right:20px} 
.modify-order-button {margin: 20px 0; text-align: right;} 
.modify-order-button .button {background-color: #0073aa; color: #fff; padding: 10px 20px; border: none; text-decoration: none; border-radius: 3px; font-size: 14px; transition: background-color 0.3s;} 
.modify-order-button .button:hover {background-color: #005a8c;} 
@media (max-width: 768px) {.checkout-columns {flex-direction: column;}}


/* Ship to different Address */
#ship_here_button {padding:.6em 0px}
.woocommerce-shipping-fields__field-wrapper {padding-right:20px!important}
.woocommerce-shipping-fields__field-wrapper input {padding-top:0px!important; padding-bottom:0px!important; max-width:90%!important}


/* CONTACT PAGE */
#gform_1 #field_1_1 label, #gform_1 #field_1_2 label, #gform_1 #field_1_3 label {display: none}


#opl-login-form .opl-login-wrap {height:auto}

/* C of A Popup */
#gform_3 label {display: none!important}

.hideme {display: none!important}


/* Promotions Label */

.woocommerce-product-gallery {height: 400px!important; }
.woocommerce-product-gallery__wrapper {text-align: center!important;line-height: 400px; text-align: center; height: 400px}


/* request_quote */
.build-quote-button {float: right!important; ; display: block!important; margin: 0 10px}
#checkout-build-quote {text-align: center;}
#checkout-build-quote .build-quote-button {float: none!important; width: auto!important; margin: 0; display: inline!important;}
.woocommerce .cart-collaterals .cart_totals {border: none!important; margin-top:50px; text-align: right; }
 .quote-accept {padding: 14px 12px; background:#002f64; color:#FFF;     font-size: 12px;  font-weight: 600;text-transform: uppercase; margin: 0; border: 0; 
 	cursor: pointer; text-align: center; letter-spacing: 0.1em; line-height: 1;}
.my_account_orders .button {height: 30px!important;padding: 6px 15px!important; font-size: 16px!important; margin-right: 20px!important; line-height: 1!important; margin-top: 0!important}




/* Checkout Customizations */
.empty-cart {padding: 12px 20px}
.widget_shopping_cart_content .buttons .button {padding:14px 0!important}


/* Cart Customizations */
.woocommerce table.shop_table thead {background: #002F64!important; }
.woocommerce table.shop_table thead th {color: #FFF!important}

/* DISTRIBUTORS */
.world-map {max-width:640px; height:auto; display: block; margin:auto}
#distributor-post-content {max-width:800px; display: block; margin:30px auto; text-align: center}
#distro-quick-links ul {text-align: center; margin-bottom:60px}
#distro-quick-links ul li {display: inline-block; list-style:none;  text-align: center; }
#distro-quick-links ul li a {padding:15px 30px;margin:0 30px; background:#072e63; color:white}
#distro-quick-links ul li a:hover {color:#20a6ca}
#distributor-content-container {max-width: 80%; display: block; margin:auto}
#distributor-content-container .facet-label {display: none}
#distributor-content-container h2 {text-align:center; font-size:30px; color:#20a6ca}
#distributor-content-container hr {    border: none;    border-top: 1px solid #20a6ca;  text-align: center; overflow: visible; height: 0;}
 #distributor-content-container hr::before {    content: '/////////////////////////'; display: inline-block;position: relative; top: -13px; 
    padding: 0 10px; background-color: white;  color: #20a6ca;  font-weight: bold;}
.facetwp-facet-distributor_country select {width:auto}
.distributor-container h4 {color:#002f64}
.distributor-container i {color:#002f64}
.country-flag {max-width:25px; height:auto;  box-shadow: 3px 3px 2px #ccc;}
.main-country-flag {max-width:50px; height:auto;  box-shadow: 3px 3px 2px #ccc; margin-right:20px}
.distro-countries-served {clear:both;margin:0; padding:0}
.distro-countries-served li {display: inline; padding:0 20px 0 5px; line-height:2.5em }
.distro-countries-served .nobr { white-space: nowrap }
.country-flag {margin-right:5px}
.distro-emails {margin:0; padding:0}
.distro-emails li {display: inline; padding-right:20px }


/* Apply the background color and drop shadow to odd blocks */
.distributor-container {padding:10px 20px; margin:30px 30px}
.distributor-container:nth-child(odd) {
  background-color: #f9f9f9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adjust the values for the shadow as needed */
}

/* Apply the background color and drop shadow to even blocks */
.distributor-container:nth-child(even) {
  background-color: #F9FAFB;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adjust the values for the shadow as needed */
}



/* CUSTOM FOOTER*/

#pre-footer {background: linear-gradient(180deg, #072E63 0%, #042148 100%); padding: 75px; color: #FFF; }
.footer-logo {margin-bottom:  30px}
a.footer-button {fill: #FFFFFF;color: #FFFFFF;background-color: #00A6CA!important;}
#pre-footer h2 {    color: #00A6CA;    font-size: 18px;    font-weight: 500; text-transform: uppercase;}

.footer-left-menu ul, .footer-right-menu ul {margin: 0!important}
.footer-left-menu li, .footer-right-menu li {line-height: 2.5;list-style: none;padding: 0; margin: 0}
.footer-left-menu li a, .footer-right-menu li a {color: #FFF}

@media only screen and (min-width:768px) { 
    .onecol { width: 5.801104972% }
    .twocol { width: 14.364640883% }
    .threecol { width: 22.928176794% }
    .fourcol { width: 31.491712705% }
    .fivecol { width: 40.055248616% }
    .sixcol { width: 48.618784527% }
    .sevencol { width: 57.182320438000005% }
    .eightcol { width: 65.74585634900001% }
    .ninecol { width: 74.30939226% }
    .tencol { width: 82.87292817100001% }
    .elevencol { width: 91.436464082% }
    .twelvecol { width: 99.999999993% }
    .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; }
    .first { margin-left: 0 }
    .last { float: right }
    
}