/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Harish Nayak
Author URI:     http://iml.esm.rochester.edu
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/* Additions for rebrand - 20251016HVN*/

.top-bar{
   float: right;
    justify-content: space-between;
    width: 150px;
    margin-right: 8vh;
}

#woocommerce-product-search-field-0{
   width: fit-content;
}

/* styling for section introduced as subtitle area on homepage (see functions.php for custom_storefront_product_featured_description())*/
p.element-title--sub {
    font-style: italic;
}


.header-widget-region {
    display: none;
}

/* fit Fundamentals title on one line */
.alpha, h1 {
    letter-spacing: -2px;
}

div#post-2 h1.entry-title.loaded, div#post-2 div.entry-content.loaded {
    color: white;
}

.single-product div.product .product_meta {
    float: right;
	padding-bottom: 2em;
}


.woocommerce-loop-category__title {
    font-style: italic;
    font-family: Georgia;
    color: black;
}

/* Make the Logout button standout more on the My Account Page */
.woocommerce-MyAccount-navigation-link--customer-logout{
    background-color: black;
    padding: 0px 10px;
	color: white;
}

.woocommerce-MyAccount-navigation-link--customer-logout a{
    color: white;
}

/* Get product names more space to fit in the mini cart pull down*/
a {
    line-height: 1em;
}

.storefront-product-categories {
	background-color: rgba(255,255,255,0.3);
	padding: 1.5em;
}

/*
.woocommerce-info, .woocommerce-error, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    background-color: #003571;
}
*/

.woocommerce-notice{
    font-size: larger;
    color: black;
}

.demo_store{
	background-color: green;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}

/* Masthead */
#masthead.site-header {
    /*height: 155px!important;*/
    margin-bottom:0px;
    display: flex;
    justify-content: space-between;
}
/* KB edits 9.25.19 */
span.posted-on,
span.post-author,
span.post-comments {
    display: none !important;
}
.category-faq .entry-header {
margin-bottom: 0px !important;
}
.category-faq .entry-title {
margin-bottom: 0px !important;
color: #001e5f !important;
}		
.category-faq .entry-content {
margin-bottom: 0px !important;
font-size:larger !important;
}		
.category-faq .entry-content p {
margin: 0 0 !important;
}		
.category-faq .entry-title a {
    margin-bottom: 0px !important;
    font-weight:bolder !important;
	font-size:smaller !important;
}
.category-faq .page-title {
    margin-bottom: 0px !important;
    font-weight:600 !important;
}
.category-faq .entry-taxonomy {
    margin: 0 0 !important;
}
.category-faq .hentry .entry-header {
    margin-bottom: 1em;
    border-top: 1px solid rgba(0,0,0,.05) !important;
	border-bottom:none !important;
}
 .category-faq .hentry {
    margin: 0 0 2em;
}
/* END KB edits 9.25.19 */

/* thinning out the menu region 10/11/2019HVN*/
nav.main-navigation{
	line-height: .5;	
}
ul.site-header-cart{
	line-height: .1;
    /*left: 3vh;*/
}

/* Mobile CSS for Masthead */
@media only screen and (max-width: 320px) {
    #masthead.site-header {
    height: 80px!important;
    margin-bottom:0px;
}
}

/* Masthead menu */
.storefront-primary-navigation a, .cart-contents a {
    margin:0 0 0 0;
}

.main-navigation ul {
    padding:0 0 10px 4px!important;
}
.main-navigation li {
    height:38px!important;}

/* Mobile CSS for Masthead menu */
@media only screen and (max-width: 320px) {
.main-navigation ul {
    background:#D6DDE4!important;
}
}

/* Header area */
.site-header {
padding-top:0.5em;
 background-color: #ffffff;
 color: #001e5f;
}

.col-full{
   padding:0;
}

.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
/*margin-bottom: -45px;*/
}	

@media (min-width: 768px){
	.woocommerce-active .site-header .site-branding {
		width: 100%;
	}
	div.reduceWidth li.product{
		width: 30.4347826087%;
		margin-right: 4.347826087%;
	}
	input#place_order {
    	margin-bottom: 1em;
	}
}

/*adjusting the width of the main-navigation*/
/*
.woocommerce-active .site-header .main-navigation {
	width: 50%;
}
*/

/**** Regarding Search in Header ***/
.site-header .widget_product_search {
    display: initial;
}

/*** Change the header menu color ***/
.storefront-primary-navigation,
.main-navigation ul.menu ul.sub-menu{
   // background-color:#e7ae2d;
   position:relative;
   left: -74px;
   
}

/** Source: https://wooassist.com/how-to-center-logo-in-storefront-theme/  **/

@media screen and (min-width: 768px) {
	.site-branding img{
		//margin: 0 auto !important;
		//float: none !important;
	}
}

@media (min-width: 768px){
	.woocommerce-active .site-header .site-search {
		margin-top: 1em;
	}
}

/***Hide the product quantity plus and minus buttons from product page***/
.quantity {
    display: none !important;
}

/***Remove space between header and menu:

.site-header {
    height: 77px;
}
.col-full {
    top: -84px;
}
@media only screen and (max-width: 640px) {
    .site-header {
        height: auto;
    }
    .col-full {
        top: 0;
    }
}

***/

/*** Remove blank space from header 
.site-branding {
   margin-bottom: 0px;
}
***/


@media (min-width: 768px) {
	.main-navigation ul ul, .secondary-navigation ul ul {
		top: 150%;

	}
}

@media (max-width:767px){
	#masthead.site-header{
		background-color:#fff;
	}
}