/*
Theme Name: Storefront Child
Version: 1.0
Description: Child theme for Storefront.
Author: David Web & Media
Author URI: https://woocommerce.com
Template: storefront
*/

/* --------------- David Web & Media - DRS-Energy Custom CSS ----------------- */


body:not(.logged-in) .storefront-primary-navigation,
body:not(.logged-in) .site-search,
body:not(.logged-in) .storefront-handheld-footer-bar {
	display: none !important;
}

/* Default */
input:focus, textarea:focus, select:focus, a:focus, button:focus {
	outline: none;
}
.col-full {
	max-width: 1400px;
}

/* Breadcrumbs */
.storefront-breadcrumb {
	margin: 0px;
	padding: 0px;
}
.storefront-breadcrumb .col-full {
	padding: 5px 25px;
	margin: 0 auto;
	border-radius: 8px 8px 0px 0px;
	background-color: rgba(255,255,255,0.8);
}
.storefront-breadcrumb .col-full .woocommerce-breadcrumb a {
	color: #21409a;
	text-decoration: none;
}
.storefront-breadcrumb .col-full .woocommerce-breadcrumb a:hover {
	color: #6281db;
}

/* Header */
.site-header {
	border: 0;
	background-color: rgba(255,255,255,0.9);
	margin-bottom: 40px !important;
}
.site-header .site-branding a {
	display: inline-block;
}
.site-header .search-field {
	background-color: #FFFFFF;
	box-shadow: none;
}

/* Content */
.site-content .col-full {
	background-color: rgba(255,255,255,1);
	padding: 25px;
	margin-bottom: 25px !important;
	margin: 0 auto;
	border-radius: 8px;
}
.storefront-breadcrumb ~ .site-content .col-full {
	border-radius: 0px 0px 8px 8px;
}

/* Fonts */
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}
p.has-medium-font-size {
	margin-bottom: 10px;
}
.entry-content .wp-block-quote cite {
	font-style: italic;
}
.wp-block-quote {
	border-left: 3px solid #F2F2F2;
}
hr {
	background-color: #F2F2F2;
	height: 3px;
}

/* Footer */
.footer-widgets {
	border: 0;
}
.site-footer .widget {
	margin: 0 0 10px;
}
.site-footer .widget a {
	text-decoration: none;
}
.site-footer .widget a:hover {
	color: #ddff72;
}

/* WooCommerce */
.woocommerce-extra-text {
	padding: .6180469716em 1.41575em;
	border: 2px solid red;
}
.single-product p ~ ul {
	margin-top: -15px;
}
.home .entry-content .wp-block-columns.wp-block-columns-is-layout-flex .wp-block-column .wp-block-image.size-full,
.woocommerce ul.products li.product .wc-img-wrapper, .woocommerce-page ul.products li.product .wc-img-wrapper {
    position: relative;
    width: 100%; 
    height: 0;
    padding-bottom: 100%; 
    overflow: hidden;
}
.home .entry-content .wp-block-columns.wp-block-columns-is-layout-flex .wp-block-column .wp-block-image.size-full img, 
.woocommerce ul.products li.product .wc-img-wrapper img, .woocommerce-page ul.products li.product .wc-img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; 
}
.storefront-full-width-content .site-content .col-full .content-area .site-main ul.products {
    display: flex;
    flex-wrap: wrap;
}
.storefront-full-width-content .site-content .col-full .content-area .site-main ul.products li.product {
    width: 23% !important; 
    margin: 15px 1% !important;
    font-size: .875em;
}
.storefront-full-width-content .site-content .col-full .content-area .site-main header {
	padding: 0px;
	margin-bottom: 20px;
}
.storefront-full-width-content .site-content .col-full .content-area .site-main .storefront-sorting {
	font-size: 1em;
}

@media (max-width: 767px) {
    .storefront-full-width-content .site-content .col-full .content-area .site-main ul.products li.product {
        width: 49% !important;
    }
    .storefront-full-width-content .site-content .col-full .content-area .site-main ul.products li.product:nth-child(odd) {
    	margin: 15px 1% 10px 0 !important; 
    }
    .storefront-full-width-content .site-content .col-full .content-area .site-main ul.products li.product:nth-child(even) {
        margin: 15px 0 10px 1% !important; 
    }
    .site-footer .footer-widgets .footer-widget-2 #block-15,
	.site-footer .footer-widgets .footer-widget-3 #block-18 {
		display: none;
	}
}

@media (min-width: 768px) {
	.storefront-primary-navigation {
		background-color: #FFFFFF;
	}
	.primary-navigation ul.nav-menu li.menu-item a,
	.site-header-cart .cart-contents {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.site-footer {
		padding: 0;
	}
	.main-navigation ul.menu ul.sub-menu, 
	.main-navigation ul.nav-menu ul.children {
		background-color: #f4f5fa;
	}
	.storefront-full-width-content .site-content .col-full .content-area .site-main .storefront-sorting form {
		float: right;
	}
}