/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 Theme Name:		Glass House Customizations Start Here
 Author:			David Trebacz
 Author URI:		https://www.trebacz.com
 Version:		18.24.24
 --------------------------------------------------------------
 */


/* Eliminate error for jet pack https://wordpress.org/support/topic/failed-to-decode-downloaded-font/ */
.share-icon {
    text-rendering: auto;
}

/*----- Reduce site header image height branding height and search box height */
.site-header {
	padding-top: .736em;
}

.site-header .site-branding {
	margin-bottom: .617924em;
}

.site-branding, .site-search {
	margin-bottom: .617924em;
}

/*----- Fix site branding font */
.site-branding .site-title a {
    	font-family: "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 500;
}


/*----- Fix Serif fonts on headers */
h1, h2, h3, h4, h5, h6 {
	font-family: "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 600;
}

.site-branding {
	border-radius: .438em;
	background: #222;
	padding-left: .313em;
	padding-right: .313em;
}

/*----- Fix Header Site Branding width */
@media screen and (min-width: 768px) {
/*	.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {*/
	.storefront-secondary-navigation.woocommerce-active .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
		width: 33.5%;
	/* Adjust this percentage up or down to make the logo larger or smaller. */
	}
}

/* Make header search box wider */
@media screen and (min-width: 768px){
/*	.woocommerce-active .site-header .site-search {width: 35.73913%;}*/
	.storefront-secondary-navigation.woocommerce-active .site-header .site-search {width: 39.73913%;}
}

/*----- Fix Mobile Menu Background color and round corners */
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
	background-color: #212121;
	border-top-left-radius: .438em;
	border-bottom-left-radius: .438em;
	border-bottom-right-radius: .438em;
}

/*----- Style My Account in the main header */
@media (min-width: 768px) {
/*	.woocommerce-active .site-header .secondary-navigation {*/
	.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: 77px;
    float: right;
    margin-right: 0.347826087%;
    background-color: #212121;
	border-radius: 0.438em;
	line-height: 1.142;
	}
}

@media (min-width: 768px){
.secondary-navigation ul li {
    text-align: center;
	}
}

@media screen and (min-width: 768px){
.secondary-navigation ul.menu a:hover {
    color: #f6f2f2;
	}
}

/*----- Fix Mobile Menu padding */
.handheld-navigation ul {
	margin-left: .35em;
	margin-right: .35em;
}

/*----- Fix to reduce crumb trail height for desktop only and bottom padding*/
@media screen and (min-width: 768px) {
	.header-widget-region .col-full {
		padding: 1.236em 5.874em .236em;
	}
}

.hentry .entry-header {
	margin-bottom: 1.631em;
}

.woocommerce-breadcrumb {
	margin-bottom: 1.236em;
}

/*----- Fix Submenu item height */
@media screen and (min-width: 768px) {
	.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
		padding: .275em 1.41575em;
	}
}

/*----- Fix Submenu rounded bottom corners */
@media screen and (min-width: 768px) {
	.main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul, .secondary-navigation ul {
		border-bottom-left-radius: .438em;
		border-bottom-right-radius: .438em;
	}
}

/*----- Fix Submenu hover color and bottom rounded corners */
@media screen {
	.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover>a {
		background-color: rgb(55,55,55);
		border-bottom-left-radius: .438em;
		border-bottom-right-radius: .438em;
	}
}

/*----- Fix Menu non active color */
@media screen {
	.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {
		color: #b5b1b1;
	}
}

/*----- Fix for price on category pages being grey 11-29-2016 and price position 05-19-2018 */
ul.products li.product .price {
	top: -1.832em;
	color: #fff !important;
}

/*----- Fix for WooCommerce error message size at top of cart */
.woocommerce-info, .woocommerce-message {
    padding: .3em 0.618em;
    margin-bottom: 0.917924em;
}

/* Hide the default coupon form @ WooCommerce Cart table 07-2019 */
/* I hate to use display:none but there is no other solution */
 
div.coupon:not(.under-proceed) { 
display: none !important; 
}

/*----- Fix Checkout shipping method width */
@media screen and (min-width: 768px){
	.shop_table.woocommerce-checkout-review-order-table .product-name {
    	width: 59.82%;
	}
}

/* Hide the default coupon form @ WooCommerce Cart table */
/* I hate to use display:none but there is no other solution */
 
div.coupon:not(.under-proceed) { 
display: none !important; 
}

/* Fix grey box on stripe credit card checkout form table tbody tr:nth-child(2n) td,fieldset,fieldset legend{background-color:transparent} */
fieldset#wc-stripe-cc-form {
	background-color: transparent;
}

.wc_payment_method { 
	background-color: #fff !important;
}

/* Adjust Width of place order and Cancel Order buttons} */
@media screen and (min-width: 1024px) {
	#payment .place-order .button {
    width: 48%;
    margin: 0em 0.3em 0.3em 0em;
    padding: 14px 7px 14px 7px;
	}
}

@media screen and (max-width: 1024px) {
	#payment .place-order .button {
    width: 100%;
    margin: 0em 0.3em 0.3em 0em;
    padding: 14px 7px 14px 7px;
	}
}

/*----- Fix height of bottom of content on page */
.hentry {
	margin: 0 0 2.236em;
	padding-bottom: .631em;
}

/*----- Fix Footer Menu and change colors reduce height */
@media screen and (min-width: 768px) {
	.footer-widgets {
		padding-top: .236em;
	}
}

@media screen and (min-width: 768px) {
	.footer-widgets.col-4 .block.footer-widget-4 {
		margin-bottom: .335em;
	}
}

@media screen and (min-width: 768px) {
	.block.footer-widget-4 aside#text-4, .block.footer-widget-3 aside#text-5, .block.footer-widget-2 aside#text-6 {
		margin-bottom: .237em;
	}
}

.site-footer a:not(.button) {
	color: #777;
}

/*----- Fix Footer Site Branding reduce height */
@media screen and (min-width: 768px) {
	.site-content .col-full, .site-footer .col-full {
		padding: .236em 5.874em;
	}
}

@media screen and (min-width: 768px) {
	.content-area, .widget-area {
		margin-bottom: .618em;
	}
}

/*----- Fix Footer height and hide the Site Info, and Google Remarketing tag */
div#custom_html-5, .site-info {
	display: none;
}

/*----- Fix Footer adjust 2 and 3 footer columns to look better on desktop */
@media screen and (min-width: 1024px) {
	.block.footer-widget-2 {
		margin-left: -12%;
	}
	.block.footer-widget-3 {
		margin-left: 12%;
	}
}

/*----- Fix for MailPoet Spacing on Forms */
p.wysija-paragraph {
	margin: 0 0 .5em;
}

/*----- Fix for Contact 7 Spacing on Forms */
.wpcf7-form p {
	margin: 0 0 .5em;
}

.wpcf7-form input {
	border-radius: 7px;
}

.wpcf7-form textarea {
	border-radius: .438em;
	height: 4em;
}

/*----- Fix for Contact 7 field width on small screens */
div.wpcf7 .wpcf7-form-control {
	max-width: 100%;
}

/*----- Fix for Storwide Woocommerce text Dismiss button misaligned */
@media (min-width: 768px) {
	.demo_store a:nth-child(2) {
	margin-right: 0;
	}
}