/*
Theme Name: Divi Child
Filename: style.css
Version: 1.43
Description: Divi Child theme CSS stylesheet
Template: Divi
Author: Tony Bartok
*/
/*** GLOBAL ***/
@import url("../Divi/style.css");

/*** TOPBAR & HEADER ***/
/* Hide topbar on scroll */
#top-header {
	overflow:hidden;
	max-height: 50px;
	transition: max-height 1s ease-in-out;
}
#top-header.et-fixed-header {
	max-height:0;
}
#top-header {
    z-index: 9;
}

/* Remove cart icon from topbar */
.et-cart-info { 
	display:none; 
}
 
/* Sticky Main Header */ 
@media all and (min-width: 1280px) {
	#main-header {
		transition: top 1s ease-in-out;
		-moz-transition: top 1s ease-in-out;
		-webkit-transition: top 1s ease-in-out;
	}
	#main-header.et-fixed-header {
		top: 0 !important;
	}
	.admin-bar #main-header.et-fixed-header {
		top: 32px !important;
	}
}
/*** Sticky Main header tablet and mobile  ***/
@media all and (max-width: 1280px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, 
	.et_non_fixed_nav.et_transparent_nav #top-header, 
	.et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	}
	#main-header.et-fixed-header {
		top: 0 !important;
		height: 62px;
		transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-webkit-transition: 1s ease-in-out;
	}
	#et-secondary-menu {
		display: inline-block !important;
		float: right;
	}
}

/* Mobile top header container full width */
@media all and (max-width: 768px) {
	/* Mobile phones */
	#top-header .container {
    	text-align: left;
		width: 96%;
	}
	#top-header #et-info {
    	float: left;
	}
	#top-header .et-cart-info {
		float: right;
		margin-top: -2px;
	}
	/* Fix logo flow issue */
	.et_header_style_left .logo_container{
		padding: 0;
		width: 75%;
		float: left;
	}
	/* Increase width of mobile header */
	.container.et_menu_container {
		width: 96%;
	}
	/* Max mobile logo width */
	.et_header_style_left #logo, 
	.et_header_style_split #logo {
		max-width: 100%;
	}
	#et_top_search {
    	margin-right: 20px;
	}
	#top-menu, .et-menu, 
	nav#top-menu-nav, nav.et-menu-nav {
	    margin: -12px 0 0 0;
	}
}


/*** MENU ***/
/* Make the Divi mobile dropdown menu scrollable */
.et_mobile_menu {
	overflow: scroll !important;
	max-height: 80vh;
	}

/* Prevent wrapping of menu text
@media screen and (min-width: 981px) {
    #page-container .sub-menu, #page-container .sub-menu a {
        width: auto!important;
    }
    #page-container .sub-menu a {
        white-space: nowrap;
    }
} */


/*** FOOTER ***/
/* Adjust Footer Menu Spacing */
@media screen and (min-width: 981px) {
    #footer-widgets {
        padding-top: 2%!important;
    }
    .footer-widget {
        margin-bottom: 2%!important;
    }
}


/*** SIDEBAR ***/
/* Style Sidebar container */
#sidebar .et_right_sidebar .et_pb_widget_area_left {
	padding: 2px;	
    box-shadow: 2px 2px 4px #bbb;
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border: 0px solid #fff;
    border-radius: 12px; 
	margin: 0;
}

/* Remove sidebar border */
#main-content .container:before {
    background-color: transparent;
}

/* Style Sidebar Widgets */
#sidebar .wc-block-grid__products .wc-block-grid__product {
  padding: 4px;
}

/* Sidebar style Best Sellers product title */
#sidebar .wc-block-grid__products .wc-block-grid__product-title {
	font-family:"Open Sans" !important; 
	font-size: 0.85em;
	font-weight: 500;
	color: #07aced;
}

/* Sidebar style Best Sellers images and read more buttons */
#sidebar .wc-block-grid__products .wc-block-grid__product-image img {
	border-radius: 6px;
}
#sidebar .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	border-radius: 6px;
}

/* Centre Sidebar Product Titles */
#sidebar .wc-block-grid__products .wc-block-grid__product-title {
    text-align: center;
}

/* Reduce Sidebar H2 Heading Bottom Margins */
#sidebar h2.wp-block-heading {
    margin-bottom: -20px;
}


/*** BODY ***/
/* Reduce top margin */
#main-content .container {
    padding-top: 10px !important;
}

/* Reduce side margin */
.et_left_sidebar #left-area {
    padding-left: 2.5%;
	border-left: none;
}

/* featured_products Mobile 1 Column per row layout
@media only screen and (max-width: 480px) {
	.featured_products {
		width: 98% !important;
	}
} */


/*** FOOTER ***/
/* Adjust Footer Menu Spacing */
@media screen and (min-width: 981px) {
    #footer-widgets {
        padding-top: 2%!important;
    }
    .footer-widget {
        margin-bottom: 1%!important;
    }
}


/*** WOOCOMMERCE ***/
/* SHOP LOOP */
/* Shop loop products per row - desktop: 3, tablet: 2, phone: 1 */
@media all and (min-width:1025px) {
    .woocommerce-page ul.products li.product { 
		width: 32% !important;
		margin: 0.25% !important;
		clear: none !important;
    }
}
@media all and (max-width: 1024px) {
	.woocommerce-page ul.products li.product:nth-child(n) {
		width: 48% !important;
		margin: 0.5% !important;
		clear: right !important;
	}
} 
@media all and (max-width: 480px) {
	.woocommerce-page ul.products li.product:nth-child(n) {
		width: 98% !important;
	}
}

/* Style Shop Loop Product Box */
.woocommerce ul.products li.product,
.wc-block-grid__product {
    padding: 4px;	
    box-shadow: 2px 2px 4px #bbb;
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border: 0px solid #fff;
    border-radius: 12px; 
}
.woocommerce ul.products li.product:hover {
	background: rgba(0,102,204,0.1);
}

/* Style shop loop Product image */
.woocommerce-page ul.products li.product a img, 
.woocommerce ul.products li.product a img {
    border-radius: 8px;
}

/* Product image Ken Burns effect
.et_overlay {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
} */

/* Remove Shop Loop product Star Ratings */
.star-rating {
    display: none !important;
}

/* Style Shop Loop Product Header */
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2,
.woocommerce-loop-product__title {
	margin: 0;
	height: 50px !important;
	overflow: hidden;
	font-size: 1.2em !important;
	text-align:center;
}

/* Style Shop Loop Class Attribute */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .attribute-class,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .attribute-class {
	text-align: center;
	height: 40px;
}

/* Style Shop Loop Guests  Attribute */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .attribute-guests,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .attribute-guests {
        text-align: center;
        height: 40px;
	color: #035e7b;
}


/* Style Shop Loop Product Price Text */
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-Price-amount,
.woocommerce ul.products li.product .woocommerce-Price-currencySymbol {
	margin: 0;
	color: #003153;
	font-size: 14px !important;
	text-align: center !important;
}

/* Style Shop Loop Product price height */
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price {
	height: 50px;
}


/* SINGLE PRODUCT */
/* Set Desktop single product main image thumbnails to left */
/* Desktop Viewport Only */
@media screen and (min-width: 1024px) {
	/* Main container width */
	.single-product div.product .woocommerce-product-gallery .flex-viewport {
		width: 96% !important;
    	max-height: 90vh !important;
		float: right;
		border-radius: 18px;
	}
	 
	/* Main image width */
	.single-product div.product .woocommerce-product-gallery .flex-viewport img {
		width: auto;
		max-height: 90vh; /* Limit the main image height to 90% of the viewport height */
	}

	/* Thumbnail container width */
	.et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav {
		width: 3% !important;
		float: left;
		margin-top: 0;
	}
	 
	/* Thumbnail image width */
	.et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav li {
		width: 100%;
		float: none;
	}

	/* Thumbnail border radius */
	.et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav li img {
		border-radius: 8px;
	}
 }

/* Style single product main image */
 .woocommerce-product-gallery img {
    box-shadow: 2px 2px 4px #bbb;
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border: 0px solid #fff;
    border-radius: 12px; 
}

/* Style single product title */
.woocommerce .product .product_title {
    font-size: 1.5em;
	color: #034078;
}

/* Style Single Product Price */
.woocommerce .product .woocommerce-Price-amount,
.woocommerce .product .woocommerce-Price-currencySymbol {
    font-size: 20px !important;
}

/* Style Single Product Reviews title */
.woocommerce .product .woocommerce-Reviews-title {
    font-size: 16px !important;
}

/* Remove single product related products */
.woocommerce .product .related .products,
.woocommerce .product .related h2 {
	display: none;
}

/* Style product upsell for 1 column on mobile */
@media all and (max-width: 480px) {
	.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-3 li:nth-child(n) {
		width: 98% !important;
		/*margin: 0.25% !important;
		clear: both !important;*/
	}
}

/* Format the minimum Charter Time Header */
.min-charter-time {
    font-size: 1.3em;
    color: #666;
}


/* CART */
/* Add product image to desktop cart */
@media all and (max-width: 767px){
	.woocommerce table.cart img, 
	.woocommerce #content table.cart img, 
	.woocommerce-page table.cart img, 
	.woocommerce-page #content table.cart img {
		display: block;
	}
}

/*** POSTS ***/
/* Style post images */
.et_post_meta_wrapper img {
	display: block;
	max-width:200px;
	max-height:200px;
	width: auto;
	height: auto;
}


/*** BREADCRUMBS ***/
/* Style WooCommerce Breadcrumbs */
.woocommerce-breadcrumb a {
    font-size: 10px !important;
	color: #0066cc !important;
	line-height: 0.8 !important;
}
.woocommerce-breadcrumb {
	font-size: 10px !important;
	line-height: 0.8 !important;
}
.woocommerce-breadcrumb i {
	padding-right: 4px;
}


/*** PLUGINS ***/