/**
 * Theme Name:        Wisdom Custom Astra
 * Description:       Customized Astra theme for use on wisdomaudio.com
 * Template:          astra
 * Version:           1.0.0
 * Author:            Ellienn Tatar
 * Text Domain:       fabled-sunset
 * Tested up to:      6.8.1
 * Requires at least: 6.8.1
 * Requires PHP:      7.4.30
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */
 
 /*Styling added back in after unauthorized wipe 05.29.25*/
/*MENU STYLING*/
/*Removes white space under the nav bar and above footer*/
#primary, #content,div.site-content {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*Gives the navbar more padding*/
.site-header {
	padding-bottom:15px;
	padding-top: 15px;
    }
/*makes menu hover purple*/
.menu-link:hover {
	color: #9D5FC8!important;
    }
/*highlights current menu item*/
.main-header-menu .current-menu-item > .menu-link {
	color: #9D5FC8!important;
    }
/*Adds scrollbar to submenus that flow off page*/
.sub-overflow ul{
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
    }
/*Adds scrollbar to sub sub menus that flow off page*/
ul ul ul .sub-menu {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: visible;
    }
/*Adjusts padding on menu*/
.main-navigation ul#primary-menu ul li a {
	padding: 10px 10px 10px 10px;
    }
    

/* hide astra site identity logo when screen switches to mobile menu/nav - ET */
@media only screen and (max-width: 768px) {
    .site-logo-img {
        display: none;
    }
}
/*Allows scrolling for sticky menu on mobile*/
@media only screen and (max-width: 600px) {
  div#mysticky-nav {
    max-height: calc(100%);
  	overflow-y: auto;}
 /* Removes duplicate logo on mobile and tablet */
   div.ast-site-identity {display: none!important;}
    }


/*MOBILE FIRST STYLING*/
/*sets homepage slider maxheight to 300px for mobile*/
div.wp-block-cover.slider {max-height: 300px;}
/*sets cover pages maxheight to 500px for mobile*/
div.wp-block-cover.main_page_cover{max-height: 500px;}
/*Makes inner content of homepagehero 100% of height for photocredit alignment*/
div.wp-block-cover.alignfull.main_page_cover{
    height: 400px!important;
}
/*Fixes position of H1 on main page
   h1.wp-block-heading.alignwide.has-text-align-center.has-ast-global-color-5-color.has-text-color {
       position: absolute;
       top: 40%;
       bottom: 50%;
   } */
/*Responsive Columns*/
.two_column .three_column {width: 100%;}
/*Woocommerce Product H2 Styling*/
.woo_h2 {font-size: 25px!important;}
/*removes testimonial slide padding on mobile*/
.mySlides {
    padding-right: 15px;
	padding-left: 15px;
	padding-top: 20px;
    }
/*hides slide show arrows on mobile*/
.prev, .next {
	visibility: hidden;}
/*Makes Footer Columns full width on mobile*/
.foot_column{
    width: 100%;
    }
/*Footer h6 Styling for Mobile*/
h6.footer {
    color:#9D5FC8; 
    padding-bottom: none;
    }
/*Adjusts spacing between elements in footer on mobile*/
#foot_column_1, #foot_column_3{
    padding-bottom: 1.25em;
    }
#foot_column_4, #foot_column_5 {
    padding-bottom: 1.5em;
    }
/*Creates fixed columns width percentage for spec labels and prevents word breaks on mobile*/
td.spec_label{width: 35%;}
h2.author {color: #fff;}


/*DESKTOP STYLING*/
/*Desktop specific margins*/
@media only screen and (min-width: 768px){
	/*makes cover image fullscreen on desktop*/
   div.wp-block-cover.alignfull.main_page_cover{
       /* 2025.08.10 - This and the commented out styling directly below were causing the testimony slideshow to be larger than it should. Commented out for now - ET */
       /*min-height: 90vh!important;*/
    align-items: center;
   }
    /*Lets inner content of page hero go 100% of height to align photocredit*/
    /*div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow { min-height: 90vh!important;}*/
   
   /*Fixes position of H1 on main page*/
   h1.wp-block-heading.alignwide.has-text-align-center.has-ast-global-color-5-color.has-text-color {
       position: absolute;
       top: 40%;
       bottom: 50%;
   }

	/*makes product cover image halfscreen on desktop*/
    div.wp-block-cover.product_cover{min-height: 50vh;}
	/*adjusts the dimensions of homepage slider on desktop*/
    div.wp-block-cover.slider {min-height: 50vh;}
/*Responsive Columns*/
    /*Two Columns*/
        .two_column {
            float: left;
            width: 50%
            }
    /*Three Columns*/
        .three_column {
            float: left;
            width: 33.33%;
            padding-left: 5%;
            }
	/*Clears floats after columns*/       .two_row:after.three_row:after {
            content: "";
            display: table;
            clear: both;
            }
		/*Footer Columns*/
			.foot_column {
  				float: left;
  				width: 25%;
					}
		/* Footer Clear floats after the columns */
			.foot_row:after {
  				content: "";
  				display: table;
  				clear: both;
					}
		/*Footer h6 Styling*/
			h6.footer {
				color:#9D5FC8; 
				padding-bottom: 0.85em;
				}
	   /*Removes extra padding between elements in footer on desktop*/		
            #foot_column_1, #foot_column_3, #foot_column_4, #foot_column_5 {
                padding-bottom: none;
                }
/*Woocommerce Product H1 Styling*/
.woo_h1 {font-size: 67px!important;} 
/*TESTIMONIAL FOR DESKTOP*/
/*Adds padding to testimonial slides on desktop*/
.mySlides {
    padding: 120px;
    }
/* Next & previous buttons */
.prev, .next {
    visibility:visible;
	cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -30px;
	margin-left: 80px;
	margin-right: 80px;
	width: auto;
    padding: 16px;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    }
/* Position the "next button" to the right */
.next {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
    }
.prev {
    position: absolute;
    left: 0;
	}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
    color: white;
    }
/*Creates evenly spaced columns on desktop version of spec table for products*/
td.spec_label{width: 50%;}
}


/*GLOBAL STYLING*/
/*format for chunks of text*/
div.wp-block-group.text_group{
	border-left: 7px solid #642d8a;
	padding-left: 15px;
}
/*H4 header color*/
h3 {
	color:#9d5fc8;
    }
/*Tech info pages*/
h3.tech {
	margin-bottom: 0px;
	color:#9d5fc8;
	font-weight:600;
    }
/*Adds padding to tables on tech pages*/
.tech_table td {
	padding-left: 20px;
	padding-right: 20px;
    }
/*helps align buttons to center*/
.custom_btn {
	text-align: center;
}
/*Changes background of gallery pagination*/
a.fg-dot-link {
	background-color: #D1D1D1!important;
	border: solid #D1D1D1 2px!important;
    }
/*Fixes spaces between paragraphs in intro blurb and extra features*/
p.features {
	margin-bottom: 15px;
    }
/*Link Styling*/
a {color: #9D5FC8;}
/*Footer Button*/
#footer_btn {
	background-color: #ffffff;
	color: #000000;
	padding:0.85em 2.55em;
}
/*Footer Button Hover*/
#footer_btn:hover {
	background-color: #642D8A;
	color: #ffffff;
}
/*Reduces spacing under specs in inspiration pages if they have multiple sections*/
h4.inspo {
	margin-bottom: 5px;
}
/*Hides title on timeline slider*/
.wpostahs-centent-title {
	visibility: hidden;
	max-height: 0px;
}
/*Changes color of font on non-active slider on timeline*/
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title { color: #642D8A !important;}
/*Changes background color on active slider on timeline*/
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title{color: #ffffff; !important; background: #642D8A !important;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::before{ border-top-color: #642D8A !important;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::after{ border-top-color: #642D8A !important;}
/*Main page photocredit*/
div.wp-block-cover.alignfull.has-background-dim-20.has-background-dim.main_page_cover {
	position: relative;
}


/*Lets inner content of page hero go 100% of width*/
/*div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
    width: inherit!important;
    height: inherit!important;
}*/

/*Aligns photocredit to bottom right*/
.photo_credit {
    position: absolute;
    bottom: 10px;
    right: 25px;
    text-align: right;
	background-color: rgba(0, 0, 0, 0.65)!important;
	padding: 0em .75em;
	font-size: .75em;
}

/*RELATED PRODUCTS STYLING*/
/*Product title in center*/
.wc-block-grid__product-title {
	padding-top: 0px;
	margin-top: 0px;
	text-align: center;
}
/*Product Grid Styling*/
.wc-block-grid__product-image{
	border: 0px;
	margin-bottom: 25px !important;
	transition: 1s ease;
    }
/*Product Grid Hover Resposnse*/
.wc-block-grid__product-image:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: 1s ease;
    }


/*SHORTCODE FOR PRODUCT CATEGORY PAGES PRODUCT DISPLAY GRID*/
/*Product image border*/
.astra-shop-thumbnail-wrap {
	border: 0px;
	margin-bottom: 25px !important;
	transition: 1s ease;
    }
/*Product image hover*/
.astra-shop-thumbnail-wrap:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: 1s ease;
    }
/*Hides category name*/
.ast-woo-product-category {
	display: none!important;
    }
/*Hides 'read more' button*/
.button.product_type_simple {
	display:none!important;
    }
/*Centers product title*/
.ast-loop-product__link{
	text-align:center;
    }
/*Changes product title color and font weight*/
.woocommerce-loop-product__title {
	color:#9D5FC8!important;
	font-weight:300!important;
    }
.woocommerce-loop-product__title:hover{
	color:#D1D1D1!important;
    }


/*PRODUCT CATEGORY BUTTONS*/
/*Helps to center text*/
.btn_container {
	position: relative;
    text-align: center;
    padding-bottom: 20px;
    }
/*Aligns product category button text in center of image*/
.btn_text{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
/*Makes product category button image dim before hover*/
.btn_img{
	-webkit-filter: brightness(50%);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
    }
/*Makes product button image bright on hover*/
.btn_img:hover{
	-webkit-filter: brightness(100%);
    }
}
/*Removes white space between columns*/
.wp-block-columns{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	margin-top: 0px !important;
    }


/*ACCORDION MENU*/
.content  {
    padding-left:30px; 
	padding-top: 15px; 
	padding-right: 20px; 
	padding-bottom: 0px; 
	line-height: 2; 
	overflow: hidden; 
	max-height: 0; 
	transition: max-height 0.2s ease-out;
    }
/* Be sure to add an   in front all titles*/
.collapsible {
	width: 100%;
	text-align: left;
	padding: 15px;
	background-color: #D1D1D1;
	color: black;
	line-height: 1.7;
    }
.collapsible:hover {background-color:#642D8A; color: #ffffff;}
/*Adds status icon in front of accordion titles*/
.collapsible:before {
    content: '\002B';
    float: left;
    margin-right: 10px;
    }
.active:before { 
	content: "\2212"; 
    }


/*DEALER DIRECTORY*/
/*Styles the headers in the dealer directory*/
h3.dealer_header{
	color: #9D5FC8;
	font-weight: 600;
	padding-bottom: 0px;
	margin-bottom: 0px;
    }
/*Dealer Directory Subheader*/
h4.dealer_header{
	color: #9D5FC8;
	font-weight: 500;
	font-style: italic;
	padding-bottom: 0px;
	margin-bottom: 0px;
    }
/*Dealer directory phone and email styling*/
a.directory {color: #7F7F7F;}
a.directory:hover {color: #D1D1D1;}
/*Dealer directory address styling*/
address.directory{
	font-style: italic;
	margin-bottom: 0px;
    }
/*Dealer directory paragraph styling*/
p.directory {
	margin-bottom: 0px;
    }


/*TESTIMONIAL SLIDES*/
/* Slideshow container */
.slideshow-container {
    position: relative;
    background: transparent;
    }
/* Slides */
.mySlides {
    display: none;
    text-align: left;
    }
/* Add an italic font style to all quotes */
q {font-style: italic;}
/*Gives space under quote*/
h2.author {
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 3px;
	color: #fff;
    }


/*CONTACT FORM*/
/*Makes all fields same width*/
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
    }
/*Centers form*/
.wpforms-container.wpf-center {
    margin: 0 auto !important;
    padding: 15px;
    }
/*Button customization*/
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #642D8A; 
    border: 0px;
    padding: 20px 60px 20px 60px;
    color: white;
    font-weight: bold;
    margin-bottom: 25px;
    }
/*Button hover*/
div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form input[type=submit]:active, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:active, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
    background-color: #9D5FC8; 
    border: 0px;
    padding: 20px 60px 20px 60px;
    color: white;
    font-weight: bold;
    margin-bottom: 25px;
    }
/*Button Centering*/
.wpforms-submit-container {
    text-align: center;
    }