/*
Theme Name: The Answer Page
Theme URI: http://www.digitalhill.com/
Author: Digital Hill Multimedia
Author URI: http://www.digitalhill.com/
Description: This is a custom WordPress theme for The Answer Page
Template: dhwp-base
Version: 1.5.1
License: Proprietary
Text Domain: dhwp-theanswerpage
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
*/


* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}


/* LIKELY SITE-SPECIFIC CHANGES */
html { scroll-behavior: smooth; }
.entry-content p, .entry-content ul, .entry-content ol { font-size: 18px; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
hr.wp-block-separator { border: none; border-bottom: 1px solid #ccc; }
.page-id-404 hr.wp-block-separator { margin: 3em auto; }
h3 a { text-decoration: none; }
.wp-block-quote { border-left: 4px solid #0d3275; margin-left: 0; padding-left: 1em; }
.hide { display: none !important; }
table td { font-size: 18px; }
.two-column { column-count: 2; }


/* Colors */
.wp-block-cover.has-background-dim.has-blue-background-color,
.has-blue-background-color { background-color: #0d3275; }
.wp-block-cover.has-background-dim.has-green-background-color,
.has-green-background-color { background-color: #48783d; }
.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: #e7e6e6; }
.has-blue-color { color: #0d3275; }
.has-green-color { color: #48783d; }
.has-black-color { color: #000000; }
.has-white-color { color: #fff; }
.has-light-gray-color { color: #e7e6e6; }

/* Button Colors */
.wp-block-button__link { opacity: 1; }
.wp-block-button__link:hover { opacity: .9; }


/* Header */
.dhlogomenu { /*border-bottom-width: 2px !important;*/ box-shadow: 0 0 3px 0 rgba(0,0,0,0.22); }
.logo-container { top: 1.125em; }
.dhmenu > li > a { font-size: 16px; letter-spacing: 1px; }
.dhmenu > li > a::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 1.8em;
	left: 0;
	background-color: #48783d;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.dhmenu > li > a:hover::after { transform: scaleX(1); transform-origin: bottom center; }
.dhmenu > li > ul { border-top: 1px solid #eee; }

/*#menu-item-327 { width: 190px; }
#menu-item-327 > a { font-size: 16px; text-wrap: wrap; text-align: center; position: relative; top: 10px; padding-top: 10px; }*/


/* Home */
.home-ralph-mechoulam .wp-block-columns { margin-bottom: 0; }
.home-ralph-mechoulam img { border-radius: 25px; }
.home-ralph-mechoulam h2 { margin-bottom: 30px; }

.home-testimonials .wp-block-columns { margin-bottom: 0; }
.home-answer-of-the-day .wp-block-cover { padding: 20px; }
.home-answer-of-the-day .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 { border-radius: 8px; }

.home-top-learning-categories .wp-block-cover { width: 436px; height: 500px; overflow: hidden;  border-radius: 12px; padding: 3em; position: relative; }
.home-top-learning-categories h2 { position: absolute; top: 0; left: 0; padding: 1em; }
.home-top-learning-categories p { position: absolute; bottom: 0; left: 0; padding: 3em; }
.home-top-learning-categories p:after { content: '\f138'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-weight: 900; margin-left: 8px; }
.home-top-learning-categories a { text-decoration: none; }
.home-top-learning-categories .wp-block-cover .wp-block-cover__image-background { transition: transform 0.3s; }
.home-top-learning-categories a:hover .wp-block-cover .wp-block-cover__image-background { transform: scale(1.25); }
.home-top-learning-categories .wp-block-cover .wp-block-cover__background { transition: opacity 0.3s ease-in; }
.home-top-learning-categories a:hover .wp-block-cover .wp-block-cover__background { opacity: .25; }

.home-top-learning-categories-2 .wp-block-cover { width: 100%; height: 500px; overflow: hidden;  border-radius: 12px; padding: 3em; position: relative; }
.home-top-learning-categories-2 h2 { position: absolute; top: 0; left: 0; padding: 1em; }
.home-top-learning-categories-2 p { position: absolute; bottom: 0; left: 0; padding: 3em; }
.home-top-learning-categories-2 p:after { content: '\f138'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-weight: 900; margin-left: 8px; }
.home-top-learning-categories-2 a { text-decoration: none; }
.home-top-learning-categories-2 .wp-block-cover .wp-block-cover__image-background { transition: transform 0.3s; }
.home-top-learning-categories-2 a:hover .wp-block-cover .wp-block-cover__image-background { transform: scale(1.25); }
.home-top-learning-categories-2 .wp-block-cover .wp-block-cover__background { transition: opacity 0.3s ease-in; }
.home-top-learning-categories-2 a:hover .wp-block-cover .wp-block-cover__background { opacity: .25; }

.home-notice a { color: #fff !important; }


/* Inner */
.free-resources-two-columns h3 { margin-left: 3em; margin-right: 6em; }
.free-resources-two-columns .wp-block-group h3 { margin-left: 0; margin-right: 0; }
.free-resources-two-columns > .wp-block-column:not(:first-child) { border: 1px solid #a7a9ac; border-radius: 20px; padding: .5em 1.5em 1.5em; height: fit-content; }
.free-resources-two-columns .social-sharing { display: flex; list-style-type: none; padding-left: 0; }
.free-resources-two-columns .social-sharing li { margin: 0 2px; }
.free-resources-two-columns > div:nth-child(2) > ul > a:nth-child(1) > li { background-color: #4267b2; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 6px; }
.free-resources-two-columns > div:nth-child(2) > ul > a:nth-child(2) > li { background-color: #1da1f2; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 6px; }
.free-resources-two-columns > div:nth-child(2) > ul > a:nth-child(3) > li { background-color: #0072b1; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 6px; }
.free-resources-two-columns > div:nth-child(2) > ul > a:nth-child(4) > li { background-color: #0a1172; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 6px; }
.free-resources-courses > .wp-block-column { border: 5px solid #0d3275; /*border-radius: 20px;*/ padding: 1.5em 1.5em 0; /*height: 430px;*/ position: relative; }
/*.free-resources-courses > .wp-block-column > .wp-block-columns { position: absolute; bottom: 0; width: 386px; }*/
.free-resources-courses h5 { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.free-resources-block .wp-block-cover__inner-container { padding: .75em 1.5em; }
.free-resources-block .wp-block-cover__inner-container a { color: #ffffff; }

.q-and-a-frame .wp-block-cover__background { border: 1px solid #ddd; border-radius: 25px; background-color: #f1f7ef; }
.q-and-a-frame .wp-block-columns { margin-bottom: 0; }
body > main > div > div.wp-block-columns.free-resources-two-columns.is-layout-flex.wp-container-14 > div:nth-child(1) > div:nth-child(1) > div > div > div:nth-child(2),
body > main > div > div.wp-block-columns.free-resources-two-columns.is-layout-flex.wp-container-14 > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(1) { position: relative; }
.q-and-a-frame .wp-block-column:first-child { padding: 0 2em; }
.q-and-a-frame img { filter: drop-shadow(2px 2px 3px #666); }
body > main > div > div.wp-block-columns.free-resources-two-columns.is-layout-flex.wp-container-14 > div:nth-child(1) > div:nth-child(1) > div > div > div:nth-child(2) img { position: absolute; left: 20px; top: -80px; }
body > main > div > div.wp-block-columns.free-resources-two-columns.is-layout-flex.wp-container-14 > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(1) img { position: absolute; left: 10px; top: -100px; }

.faq-container {  margin-bottom: 40px; }
.faq-container .wp-block-cover__background { border: 1px solid #ddd; border-radius: 25px; background-color: #f1f7ef; }
.faq-container .wp-block-cover__inner-container { padding: .125em .75em 0; }

.gform_button { font-family: Tahoma,Geneva,Arial; background-color: #48783d; color: #fff; border: none; border-radius: 6px; opacity: .9; }
.gform_button:hover { cursor: pointer; opacity: 1; }


/* Blog */
.blog .dhmain, .single-post .dhmain { padding: 3em 0 4em; }


/* Woocommerce */
.woocommerce .dhmain { padding: 3em 0 4em; }
.woocommerce ul.products li.product .button { background-color: #0d3275; color: #fff; font-weight: 400; border-radius: 5px; opacity: .9; margin-right: 10px; /*position: absolute; bottom: 0;*/ }
.woocommerce ul.products li.product .button:hover { opacity: 1; }

/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { min-height: 470px; position: relative; }*/

.woocommerce div.product form.cart .button { background-color: #0d3275; color: #fff; border-radius: 5px; opacity: .9; }
.woocommerce div.product form.cart .button:hover { opacity: 1; }
.woocommerce div.product form.cart div.quantity, .woocommerce .product_meta { display: none; }

.woocommerce .woocommerce-breadcrumb, .woocommerce .related, .woocommerce .related > h2, .postid-469 .related, .post-472 .related, .woocommerce .woocommerce-breadcrumb, .woocommerce .related .amount, .woocommerce .related .add_to_cart_button { display: none !important; }

.archive.woocommerce h4.subtitle { font-size: 18px; }
.single-product.woocommerce .summary.entry-summary > h2 { font-size: 20px; font-weight: 700; }

#tab-important-state-information > h2 { display: none; }

/* Woocommerce Account */
.woocommerce-account .dhmain { padding: 3em 0 4em; }
.woocommerce .order_details .product-purchase-note td { padding: 10px 12px 25px; }
.woocommerce .order_details .product-purchase-note ul.take-course-links { display: flex; flex-wrap: wrap; list-style-type: none; padding-left: 0; }
.woocommerce .order_details .product-purchase-note ul.take-course-links li { margin: 15px 10px 15px 0; }
.woocommerce .order_details .product-purchase-note a { background-color: #0d3275; color: #fff; text-decoration: none; padding: 0.66em 1.33em; border-radius: 5px; opacity: .9; }
.woocommerce .order_details .product-purchase-note a:hover { opacity: 1; }

/* Woocommerce Tabs */
.wc-tabs-wrapper li a { font-size: 16px !important; }
.woocommerce-Tabs-panel h2 { /*display: none;*/ font-weight: bold; text-decoration: underline; }
.woocommerce-Tabs-panel h3 { text-decoration: underline; }

/* Footer */
footer.footer ul li { line-height: 2.5; }
.dhwidget-area a:link { opacity: 1; }
.footer-contact-info i { margin-right: 5px; }
#block-3 h4 { color: #b6c9b1; }



/* 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) {
	
	.logo-container { top: 0; }
	.dhmenu > li > a::after { display: none; }
	
	#menu-item-327 { width: auto; }
	#menu-item-327 > a { font-size: 18px; text-wrap: no-wrap; text-align: left; }
	
	.entry-content > .alignfull:first-child .wp-block-cover__inner-container { padding-left: 14px; padding-right: 14px; }
	
	.free-resources-two-columns h3 { margin-left: 0; margin-right: 0; }
	.free-resources-courses > .wp-block-column { height: auto; }
	.free-resources-courses > .wp-block-column > .wp-block-columns { position: relative; margin-left: auto; margin-right: auto; }
	
	#block-3 .wp-block-image { width: 50%; margin-left: auto; margin-right: auto; }
	#block-3 > div > div:nth-child(2) { display: none; }
	#block-3 > div > div:nth-child(3), #block-3 > div > div:nth-child(4), #block-3 > div > div:nth-child(5) { flex-basis: 20% !important; }

}

@media (max-width: 600px) {
	
	.wp-block-cover .wp-block-cover__inner-container { padding-left: 14px; padding-right: 14px; }
	.home-top-learning-categories .wp-block-cover { width: 100%; }
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { text-align: center; }
	.wp-block-media-text__media img { width: 50%; }
	
	.post-preview .preview-image { float: none; width: 100%; }
	.post-preview .preview-image + h3, .post-preview .preview-image + h3 + .excerpt { margin-left: 0; }
	
	.faq-container { margin-left: 14px; margin-right: 14px; }
	
	.wp-block-buttons.is-content-justification-right { justify-content: flex-start !important; }
	
	#block-3 .wp-block-image { width: 75%; margin-left: auto; margin-right: auto; }
	#block-3 > div > div:nth-child(3), #block-3 > div > div:nth-child(4), #block-3 > div > div:nth-child(5) { flex-basis: 100% !important; }
	
}