Awes/*
Theme Name: G&W Herbs
Theme URI: http://www.digitalhill.com/
Author: Digital Hill Multimedia
Author URI: http://www.digitalhill.com/
Description: This is a custom WordPress theme for G&W Herbs
Template: dhwp-base
Version: 1.5.1
License: Proprietary
Text Domain: dhwp-gwherbs
Tags: 
see https://make.wordpress.org/themes/handbook/review/required/theme-tags/
see WordPress' CSS coding standards https://make.wordpress.org/core/handbook/coding-standards/css
*/

/* LIKELY SITE-SPECIFIC CHANGES */
.entry-content p { font-size: 18px; }
strong { font-weight: 600; }
.gray-box .wp-block-cover__inner-container { padding: 0.75em 2em; border: 1px solid #0082b7; }


/* Colors */
.wp-block-cover.has-background-dim.has-blue-background-color,
.has-blue-background-color { background-color: #0082b7; }
.wp-block-cover.has-background-dim.has-green-background-color,
.has-green-background-color { background-color: #7c9a2f; }
.wp-block-cover.has-background-dim.has-black-background-color,
.has-black-background-color { background-color: #000000; }
.wp-block-cover.has-background-dim.has-white-background-color,
.has-white-background-color { background-color: #fff; }
.wp-block-cover.has-background-dim.has-light-gray-background-color,
.has-light-gray-background-color { background-color: #eeeeee; }
.has-blue-color { color: #0082b7; }
.has-green-color { color: #7c9a2f; }
.has-black-color { color: #000000; }
.has-white-color { color: #fff; }
.has-light-gray-color { color: #eeeeee; }

/* Button Colors */
.wp-block-button__link { opacity: .9; }
.wp-block-button__link:hover { opacity: 1; }
.wp-block-button.is-style-outline a { color: #0082b7; border-color: #0082b7; }
.wp-block-button.is-style-outline a:hover { color: #fff; border-color: #0082b7; background-color: #0082b7; }

/* Preheader */
#search-3 form > div { display: flex !important; }
#s { border: none; border-radius: 3px; height: 20px; margin-right: 4px; }
#search-3 input[type="submit"] { border: none; border-radius: 3px; padding: 5px 8px; background-color: rgba(0,0,0,0.3); font-family: 'Poppins', sans-serif; color: #fff; line-height: 1; }
#search-3 input[type="submit"]:hover { background-color: rgba(0,0,0,0.4); cursor: pointer; }

/* Header */
header.dhlogomenu { border-bottom: 1px solid #ccc; }
.dhlogomenu .dhmenu > li > a { font-size: 18px; padding: 2.5em 0.9em; text-transform: uppercase; }
.wpmenucart-icon-shopping-cart-0 { color: #7c9a2f; }

/* Home */
.home-featured-header { padding: 5px; }
.home-featured-header img.wp-block-cover__image-background { border-radius: 22px; }
.home-featured-header .wp-block-cover__inner-container { border-radius: 18px; border: 4px solid rgba(255,255,255,0.8); }
.home-featured-header .wp-block-cover__inner-container h2 { margin: 0.75em 0; }

.home-callouts .wp-block-cover { padding: 45px; }
.home-callouts img.wp-block-cover__image-background { border-radius: 22px; }
.home-callouts .wp-block-cover__inner-container { background-color: rgba(255,255,255,0.8); outline: 4px solid rgba(255,255,255,0.8); outline-offset: 5px; border-radius: 18px; padding: 80px; }
.home-callouts h3:after { content: ''; border-bottom: 2px solid #0082b7; width: 50px; display: block; margin: 10px auto 0; }
.home-callouts h2 { margin: 0.35em 0 0.5em; }

.wc-block-grid__products { padding-right: 1.5em; justify-content: space-between; }
.wc-block-grid.has-4-columns .wc-block-grid__product { max-width: 23%; min-height: 500px; }
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { position: absolute; width: 180px; margin: 1em auto 1.5em !important; left: 0; right: 0; bottom: 0; padding: calc(.667em + 2px) calc(1.333em + 2px); border-radius: 5px; background-color: #0082b7; color: #fff; font-weight: 400; text-transform: uppercase; opacity: 0.9; }
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover { opacity: 1; }
.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product { border: 1px solid #ccc; border-radius: 25px; outline: 4px solid #ccc; outline-offset: 5px; padding: 1em 1em; font-size: 1em; }
.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product img { border-radius: 25px; }

/* Inner */
.product-spotlight .wp-block-column { border: 1px solid #ccc; border-radius: 50px; outline: 4px solid #ccc; outline-offset: 5px; padding: 1em 2em; }
.product-spotlight-media-text .wp-block-media-text__content { padding: 0; }
.gform_heading { margin-bottom: 20px; }
.gform_footer input[type="submit"] { border: none; border-radius: 5px; background-color: #0082b7; color: #fff; font-family: 'Poppins', sans-serif; padding: 0.66em 1.333em; text-transform: uppercase; opacity: 0.9; }
.gform_footer input[type="submit"]:hover { opacity: 1; cursor: pointer; }

/* WOOCOMMERCE */

/* breadcrumbs */
.woocommerce .woocommerce-breadcrumb .breadcrumb-wrapper { width: 1400px; margin-left: auto; margin-right: auto; }
.woocommerce .woocommerce-breadcrumb { margin: -1px 0 0; padding: 1em 14px; background-color: #f9f9f9; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-transform: capitalize; }
.woocommerce .woocommerce-breadcrumb a { text-decoration: none; opacity: .7; }
.woocommerce .woocommerce-breadcrumb a:hover { opacity: 1; }
.woocommerce .woocommerce-breadcrumb a:first-child:before { content: "\f015"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 1.2em; font-weight: 900; padding-right: .5em; }

/* Product Grid */
.woocommerce .products ul, .woocommerce ul.products { margin: 0 0 1em 0.5em; }
.woocommerce ul.products li.product { border: 1px solid #ccc; border-radius: 25px; outline: 4px solid #ccc; outline-offset: 5px; padding: 1em 1em; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 18.6%; min-height: 400px; text-align: center; position: relative; }
.woocommerce ul.products li.product a img { border-radius: 25px; }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button { background-color: #0082b7; color: #fff; font-weight: 400; position: absolute; bottom: 20px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 130px; opacity: .9; }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover { opacity: 1; }
.woocommerce #respond input#submit:hover, .woocommerce-shop a.button:hover, .woocommerce-shop button.button:hover, .woocommerce-shop input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce .related a.button:hover, .woocommerce .related button.button:hover, .woocommerce .related input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #0082b7; color: #fff; opacity: 1; }
.woocommerce nav.woocommerce-pagination { margin-bottom: 3em; }
.woocommerce nav.woocommerce-pagination ul li a:hover { color: #0082b7; }
.woocommerce a.added_to_cart { padding-top: 0; }

/* Single Product */
.woocommerce .quantity .qty { height: 32px; border: 1px solid #666; border-radius: 5px; }
.woocommerce.single-product main#main { padding: 2em 0 !important; }
.pswp--animated-in .pswp__bg { opacity: .8 !important; }

/* Checkout */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { font-weight: 400; text-transform: uppercase; background-color: #0082b7; opacity: 0.9; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #0082b7; opacity: 1; }

/* Footer */
#block-3 .wp-block-columns { display: block; gap: 0 !important; text-align: center; }
#block-3 #menu-footer-menu { display: flex; justify-content: center; margin-top: 20px; }
#block-3 #menu-footer-menu li { margin: 0 0.75em; text-transform: uppercase; }
#block-3 #menu-footer-menu a { color: #0082b7; }
#block-3 i { width: 40px; height: 40px; line-height: 40px; background-color: #0082b7; color: #eee; border-radius: 50px; font-size: 1.2em; }


/* Normal Menu Styles */
/* 782 based on WP mobile menu flip */
@media (min-width: 783px) {

}

/* adjust padding at certain sizes so menu doesn't crowd logo - might have to do this at a few different breakpoints */
/* works in conjunction with .logo-container {width} to ensure menu and logo don't overlap */
@media (max-width: 1300px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.8em .7em; } }
@media (max-width: 1150px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.6em .6em; } }


/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	
	.dhlogomenu .dhmenu > li > a { padding: 0.5em; }

}


@media(max-width: 600px) {
	
	header.preheader .dhwidget { float: none; }
	#search-3 form > div { justify-content: center; margin: 5px 0; }
	.home-callouts .wp-block-cover { padding: 20px; }
	#block-3 #menu-footer-menu { display: block; }
	
}