/**
Theme Name: Art School of Columbia County
Author: Dylan James Goodman
Author URI: http://dylanjamesgoodman.com
Description: A custom theme created for the Art School of Columbia County. Based on the Astra theme.
Version: 1.0.0.001
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/



/*------------ Header Styling ----------*/
.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu
{
	border: solid #ececec 1px;
}
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu li:first-of-type
{
	padding-top: 12px;
}
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu li:last-of-type
{
	padding-bottom: 12px;
}
.ast-icon.icon-arrow svg
{
	margin-left: 8px;
}
div.site-header-primary-section-center.site-header-section.ast-flex.ast-grid-section-center
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
	line-height: 1em;
}
.ast-primary-header-bar .site-primary-header-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ast-header-html-1 .ast-builder-html-element {
	margin-left: 22px;
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 5px;
}
.ast-header-html-1 .ast-builder-html-element a {
	margin-right: 20px;
	color: #969696;
}
.ast-header-html-1 .ast-builder-html-element a:hover, .ast-header-html-1 .ast-builder-html-element a:active {
	color: black;
	text-decoration: none;
}
.ast-header-html-1 .ast-builder-html-element p a img.headermenuicons {
	margin-right: 5px;
	width: 15px;
}
/*-- Style Active menu link to now show on Home --*/
.main-navigation .menu-item-home.current-menu-item .menu-link {
	color: black;
}
.main-navigation .menu-item-home.current-menu-item .menu-link:hover, .main-navigation .menu-item-home.current-menu-item .menu-link:active {
	color: #107870;
}
/*-- Sets right most column with button a minimum width to prevent button wrapping --*/
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
	min-width: 180px;
}
/*-- Removes right hand padding on logo - allows more responsive space --*/
.site-header-primary-section-left .site-logo-img {
	padding-right: 0px;
}



/*------------ Home Page Styling ----------*/
/*-- Removes price from home page section --*/
.homeclassessection .woocommerce ul.products li.product .price {
	display: none;
}
/*-- Styles title of woocommerce products for home page section --*/
.homeclassessection .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.1em;
	font-weight: 500;
	color: black;
	/*width: 90%;*/
	width: 100%;
	margin: auto;
	transition: color ease 0.2s;
}
.homeclassessection .woocommerce ul.products li.product .woocommerce-loop-product__title:hover, .homeclassessection .woocommerce ul.products li.product .woocommerce-loop-product__title:active {
	color: #107870;
	text-decoration: none;
}
/*-- Removes margin from the bottom of the Testimonials title --*/
.entry-content .nomargin {
	margin-bottom: 0px;
}
/*-- Styles text under Additional Instruction columns --*/
.homeadditionalinstruction .additionalcolumn .uagb-column__inner-wrap p
{
	width: 90%;
	margin: auto;
}
.homeadditionalinstruction .additionalcolumn .uagb-column__inner-wrap p a {
	color: black;
	transition: unset;
}
.homeadditionalinstruction .additionalcolumn .uagb-column__inner-wrap p a:hover, .homeadditionalinstruction .additionalcolumn .uagb-column__inner-wrap p a:active {
	color: #107870;
	text-decoration: underline;
}
.homeadditionalinstruction .additionalcolumn .wp-block-image.size-full, .homeadditionalinstruction .additionalcolumn .wp-block-image {
	margin-top: 0rem;
}
.homeadditionalinstruction .additionalcolumn p {
	margin-bottom: .5em;
}
/*-- Add transition to buttons on SmartSlider3 --*/
.n2-section-smartslider .n2-ss-slider a.n2-ow {
	transition: all .2s linear; 
}



/*-- Mobile Menu Styling --*/
.ast-mobile-popup-content .widget_media_image img  {
	margin-bottom: 12px;
}
.ast-mobile-popup-content .ast-builder-html-element {
	margin-left: 0px;
}
/*-- Make Close 'X' button larger --*/
.ahfb-svg-iconset svg {
	width: 25px;
	height: 25px;
}



/*-- All Buttons --*/
.wp-block-button.is-style-fill .has-light-turquoise-background-color:hover, .wp-block-button.is-style-fill .has-light-turquoise-background-color:focus, .wp-block-button .has-light-turquoise-background-color:hover, .wp-block-button .has-light-turquoise-background-color:focus {
	background-color: #57938f !important;
}
.wp-block-button.is-style-fill .has-black-background-color:hover, .wp-block-button.is-style-fill .has-black-background-color:focus, .wp-block-button .has-black-background-color:hover, .wp-block-button .has-black-background-color:focus {
	background-color: #3a3a3a !important;
}
.wp-block-button.is-style-fill .has-white-background-color:hover, .wp-block-button.is-style-fill .has-white-background-color:focus, .wp-block-button .has-white-background-color:hover, .wp-block-button .has-white-background-color:focus {
	background-color: #cacaca !important;
}
.wp-block-button.is-style-fill .has-turquoise-background-color:hover, .wp-block-button.is-style-fill .has-turquoise-background-color:focus, .wp-block-button .has-turquoise-background-color:hover, .wp-block-button .has-turquoise-background-color:focus {
	background-color: #359993 !important;
}
.wp-block-button.is-style-fill .has-yellow-gold-background-color:hover, .wp-block-button.is-style-fill .has-yellow-gold-background-color:focus, .wp-block-button .has-yellow-gold-background-color:hover, .wp-block-button .has-yellow-gold-background-color:focus {
	background-color: #b57e00 !important;
}



/*---------- All Pages -----------*/
.content-area .entry-content a > img {
	transition: opacity ease 0.2s;
}
.content-area .entry-content a:hover > img {
	opacity: 0.7;
}
.wp-block-image figcaption {
	font-size: 14px;
	color: #4a4a4a;
}
/*-- Removes margin around Bloom optin form on Newsletter page --*/
.page-id-7059.et_bloom .et_bloom_inline_form.et_bloom_optin_2 {
	margin: 0px 0px;
}



/*---------- Checkout Page -----------*/
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {line-height: 1.5;}
.woocommerce-page.woocommerce-checkout #payment #place_order, .woocommerce.woocommerce-checkout #payment #place_order {background-color:#eca400; color:#000;}
.woocommerce-page.woocommerce-checkout #payment #place_order:hover, .woocommerce.woocommerce-checkout #payment #place_order:hover, .woocommerce-page.woocommerce-checkout #payment #place_order:active, .woocommerce.woocommerce-checkout #payment #place_order:active {background-color:#b57e00; color:#000;}



/*----------- WooCommerce ------------*/
.woocommerce .ast-article-single .astra-shop-summary-wrap {padding-left:25px; padding-right:25px;}
.woocommerce.wcclassespage .ast-article-single .astra-shop-summary-wrap .price {}
.woocommerce ul.products li.product .astra-shop-summary-wrap, .woocommerce-page ul.products li.product .astra-shop-summary-wrap {
	padding: 0px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
	transition: color ease 0.2s;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover, .woocommerce-page ul.products li.product .woocommerce-loop-product__title:hover, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title:hover {
	color: #107870;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link:hover, .woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover {
	opacity: 0.7;
}
/*.ast-woocommerce-container .single_add_to_cart_button {background-color: #84c6c2;}*/
.woocommerce div.product form.cart .button.single_add_to_cart_button {background-color: #84c6c2; color: #000; transition:all .2s linear;}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover, .woocommerce div.product form.cart .button.single_add_to_cart_button:active {background-color: #57938f;}
/* Adds padding to the bottom of the description area */
.woocommerce .woocommerce-tabs {border-bottom:1px #000 solid; padding-bottom:5em;}
/* Style tab title */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: #107870;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-size: 1.25em;}



/*---------- Classes Page -----------*/
.main-header-menu .sub-menu {width:260px;}



/*------------ The Events Calendar Widget styling -----------*/
.tribe-common.tribe-events-widget .tribe-events-widget-events-list__view-more-link, .tribe-common.tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited {color:#107870; transition: all .2s linear; text-decoration:underline; border-bottom:none;}
.tribe-common.tribe-events-widget .tribe-events-widget-events-list__view-more-link:active, .tribe-common.tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus, .tribe-common.tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover {color: #3a3a3a; text-decoration:underline; border-bottom:none;}



/*------------ Ninja Forms ----------*/
.nf-form-wrap .nf-form-content button, .nf-form-wrap .nf-form-content input[type="button"], .nf-form-wrap .nf-form-content input[type="submit"] {background: #eca400; color: #000;}
.nf-form-wrap .nf-form-content button:hover, .nf-form-wrap .nf-form-content input[type="button"]:hover, .nf-form-wrap .nf-form-content input[type="submit"]:hover {background: #b57e00; color: #000;}
.nf-form-wrap .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-wrap .nf-form-content .ninja-forms-field {padding-left:20px; padding-right:20px;}



/*------------ Footer Styling ----------*/
/*-- Adds padding on sides of the footer --*/
.site-primary-footer-wrap {
	padding-left: 5%;
	padding-right: 5%;
}
.custom-footer {
	grid-column-gap: 5%;
}
.customfootercols {
	color: white;
	line-height: 1.3em;
	width: 100%;
}
.customfootercols a {
	text-decoration: underline;
}
.customfootercols a:hover, .customfootercols a:hover {
	text-decoration: underline;
	color: #359993;	
}
.customfootersitetitle {
	font-weight: 700;
	font-size: 20px;
}
.customfootertagline {
	font-style: italic;
}
.customfooternonprofit {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.customfootercopyright {
	font-size: 14px;
}
.customfootercopyright p, .customfootertitles p, .customfootercontact p {
	margin: 0px;
	padding: 0px;
}
.customfootersitecredit {
	font-size: 14px;
	color: #777;
}
.customfootersitecredit a {
	color: #777;
	text-decoration: none;
}
.customfootersitecredit a:hover, .customfootersitecredit a:active, .customfootersitecredit a:focus {
	color: white;
	text-decoration: none;
}
.customfootertitles {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 5px;
}
.customfootertitles a {
	color: white;
	text-decoration: none;
}
.customfootertitles a:hover, .customfootertitles a:active, .customfootertitles a:focus {
	color: #107870;
	text-decoration: none;
}
.customfootercontact {
	margin-bottom: 20px;
}
.customfootercols a button {
	border-radius: 0px;
	font-weight: 700;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 14px;
}
.customfootercols a button:hover, .customfootercols a button:active, .customfootercols a button:focus {
	background-color: #359993;
	border-color: #359993;
}
.customfooterbuttonsocial {
	display: flex;
	align-items: center;
}
.customfooter-firstsponsor {
	max-width: 200px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.customfooter-secondsponsor {
	max-width: 105px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.customfooter-thirdsponsor {
	max-width: 65px;
	margin-left: auto;
	margin-right: auto;
}
a.customfooter-eachsocial:first-of-type {
	margin-left: 25px;
}
a.customfooter-eachsocial {
	margin-left: 8px;
}
a.customfooter-eachsocial img {
	width: 38px;
	height: auto;
}
a.customfooter-eachsocial img:hover {
	opacity: 0.5;
}



/*---------- All Pages ------------*/
.ast-container {
	padding-top: 35px; padding-bottom: 125px;
}
/*-- All Page Titles --*/
h1.entry-title, h1.entry-title a {font-weight:700;}
.entry-content p > a {
	text-decoration:underline;
}
/*-- Removes margins around links in Ultimate Gutenberg Addon FAQ answers --*/
.uagb-faq-item .uagb-faq-content a span {margin:0px;}



/*-- WIDTHS -----------------------*/
.site-header .ast-container {max-width: 1200px;}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {max-width:1200px;}

.ast-page-builder-template .entry-header {max-width:1200px; margin-top:35px;}
.woocommerce-page .ast-container {/*max-width: 1140px;*/ padding-left:20px; padding-right:20px;}



/*---------- Cart Page ------------*/
.donation {text-align:center;}
.donation-block .woocommerce input.button {
	transition: all .2s linear;
}
/*-- Style table headers --*/
.woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead, .woocommerce-cart .cart-collaterals .cart_totals > h2, .woocommerce-cart .cart-collaterals .cross-sells > h2 {background-color:#f0f0f0;}

/*-- Style 'Proceed to checkout' button --*/
.woocommerce .cart_totals  a.button.alt {background-color:#eca400; color:#000;}
.woocommerce .cart_totals  a.button.alt:hover, .woocommerce .cart_totals a.button.alt:active {background-color:#b57e00; color:#000;}

/*-- Style Donation area --*/
.woocommerce .donation-block .donation input.button {background-color:#84c6c2; color:#000;}
.woocommerce .donation-block .donation input.button:hover, .woocommerce .donation-block .donation input.button:active {background-color:#57938f; color:#000;}
.woocommerce .donation-block .donation p {margin-bottom:0.75em; margin-top:0.5em;}



/*----------- WooCommerce Account -----------*/
.woocommerce-MyAccount-content .woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info .woocommerce-Button.button, .woocommerce-MyAccount-content .woocommerce-Message.woocommerce-Message--info.woocommerce-info .woocommerce-Button.button {
	display:none;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
	text-transform: uppercase;
	padding-top: 20px;
}



/* Gutenberg color options go in child style.css* /
/* -- see editor-color-palette in functions.php */
.has-white-background-color {
    background-color: #ffffff !important;
}
.has-white-color {
    color: #fffffff !important;
}
.has-yellow-gold-background-color {
    background-color: #eca400 !important;
}
.has-yellow-gold-color {
    color: #eca400 !important;
}
.has-turquoise-background-color {
    background-color: #107870 !important;
}
.has-turquoise-color {
    color: #107870 !important;
}
.has-light-turquoise-background-color {
    background-color: #84c6c2 !important;
}
.has-light-turquoise-color {
    color: #84c6c2 !important;
}
.has-black-background-color {
    background-color: #000000 !important;
}
.has-black-color {
    color: #000000 !important;
}



/*---------- Responsive ------------*/
@media screen and (max-width: 999px) {
	.customfooterbuttonsocial {display:block;}
	.socialmediafooterarea {margin-top:15px;}
	a.customfooter-eachsocial:first-of-type {margin-left:0px;}
}
@media screen and (max-width: 921px) {
	.woocommerce table.shop_table_responsive tr.donation-block td::before, .woocommerce-page table.shop_table_responsive tr.donation-block td::before {content: '';}
}
@media screen and (max-width: 767px) {
	/*-- Home Page stacking columns --*/
	.uagb-block-38955476.uagb-column__wrap {margin-bottom:20px;}
	.wp-block-uagb-column.uagb-block-d4ee68f4.uagb-column__wrap {padding-left:0px;}
	.uagb-block-c622fe71.uagb-column__wrap {margin-bottom:20px;}
	.uagb-columns__columns-4 .uagb-column__wrap.additionalcolumn {width:32% !important; display:block; float:left; margin-right:2%; padding-left:0px;}
	.uagb-columns__columns-4 .uagb-column__wrap.additionalcolumn:nth-child(4) {margin-right:0%;}
	/*-- Footer --*/
	.custom-footer {display:block;}
	.custom-footer .footer-col-left {float:left; width: 48%; margin-right: 4%;}
	.custom-footer .footer-col-center {float:left; width: 48%;}
	.custom-footer .footer-col-right {clear:both; padding-top:40px;}
	.customfooterbuttonsocial {display:flex;}
	.socialmediafooterarea {margin-top:0px;}
	a.customfooter-eachsocial:first-of-type {margin-left:25px;}
	.customfootersponsors {display:flex;}
	.customfooter-firstsponsor {margin:0px 30px 0px 0px;}
	.customfooter-secondsponsor {margin: 0px 30px 0px 0px;}
	.customfooter-thirdsponsor {margin:0px;}
	.customfootertitles {margin-bottom:20px;}
}
@media screen and (max-width: 579px) {
	.homeclassessection .woocommerce[class*="columns-"].columns-3 > ul.products li.product {width:100%;}
	/*-- Footer --*/
	.custom-footer .footer-col-left {float:none; width: 100%; margin-right:0px;}
	.custom-footer .footer-col-center {float:none; width:100%; padding-top:40px;}
}
@media screen and (max-width: 921px) {
	.woocommerce .donation-block .donation input.button {margin-top:10px; margin-bottom:12px;}
}
@media screen and (max-width: 449px) {
	#simple-banner {padding-left:4%; padding-right:4%;}
	.uagb-columns__columns-4 .uagb-column__wrap.additionalcolumn {width:100% !important; float:none; margin-bottom:2.5em;}
	.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {min-width:unset;}
	/*-- Footer --*/
	.homeclassessection .woocommerce ul.products {grid-template-columns: repeat(1, minmax(0, 1fr));}
}
@media screen and (max-width: 389px) {
	header .custom-logo-link img {max-width:unset; width:100%;}
	.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {max-width:100%;}
}
