/*
 Theme Name:   OhChlo 
 Theme URI:    https://ohchlohairextensions.com/
 Description:  OhChlo child theme
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/


/* nav 
#primary-menu {
	display: none;
}
*/
.page-id-42 .site-header .header-image {
	width: 140px;
}
.site-header:after, .site-footer:before {
	background-image: repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
	content: "";
    display: block;
    height: 3px;
}
.site-header:before, #generate-slideout-menu:before {
	content: "";
    background-image: url(/wp-content/uploads/2024/04/line-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: inherit;
    pointer-events: none;
    opacity: 0.2;
}
.page-id-42 .site-header:after, .page-id-42 .site-header:before {
	display: none;
}
@media (max-width: 499px) {
	.page-id-42 .site-header .header-image {
		width: 100px;
	}	
	.site-header .header-image {
		width: 80px;
	}
	.menu-toggle {
		padding: 0 10px;
	}
}

/* column layout */
@media (min-width: 1240px) {
	.rhs-text-container.gb-container {
		margin-right: calc(100% - 1200px / 2);
		padding-right: 0;
	}
	.lhs-text-container.gb-container  {
		margin-left: calc(100% - 1200px / 2);
		padding-left: 0;
	}
}

/* woocommerce */
.woocommerce .button, .wc-block-components-button {
	font-size: 15px !important;
    letter-spacing: 0.05em;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding: 15px 20px !important;
    border-radius: 30px !important;
}
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button {
	color: #fff !important;
	background-color: var(--accent) !important;
}
.single-product span.availability_date {
    padding-bottom: 20px;
    display: inline-block;
    font-weight: 600;
}

/* forms */
.nf-response-msg {
	text-align: center;
}