/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Playball&display=swap');

body
{
	  font-family: "Lexend", sans-serif!important;
}

.cursive
{
	font-family: "Playball", cursive!important;
	color: #fed313!important;

}

/*Special Border Reset*/
.special-heading-border
{
	display: none;
}

body .av-special-heading .av-special-heading-tag
{
	float: none;
}
/*END Special Border Reset*/

/*Special Amp Reset*/
.special_amp
{
	font-style: inherit!important;
	font-family: inherit!important;
	font-size: inherit!important;
}
/*END Special Amp Reset*/


/*Default border on Containers*/
.av_default_container_wrap.container_wrap
{
	border-top: 0!important;
}
/*END Default border on Containers*/


/*Header Styles*/
#top #header.av_header_transparency .av-main-nav > li > a
{
	color: #ffffff;
}

#top #header.av_header_transparency.header_color .avia-menu-fx
{
	background-color: #ffffff;
}
/*END Header Styles*/


/*Gravity Styles*/
.gform_heading
{
	display: none!important;
}

#top label.gfield_label,
#top legend.gfield_label
{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#top .avia-button.gform_button
{
	background-color: #00356a;
}

#top .avia-button.gform_button:hover
{
	background-color: #0455a7;
}
/*END Gravity Styles*/



/*Slideshow*/
.responsive #top .slideshow_caption .avia-caption-content p,
.home .av-special-heading .av-subheading p
{
	font-weight: bold;
	font-size: 20px;
	line-height: normal;
}

.responsive #top .slideshow_caption h2,
.home h1.av-special-heading-tag 
{
	font-size: 42px!important;
	text-transform: none;
}

.home .slideshow_caption
{
	padding-top: 50px!important;
}

.html_header_transparency #top .avia-builder-el-0 .container{
	padding-top: 0px;
}

@media (min-width: 992px) {
	.responsive #top .slideshow_caption .avia-caption-content p,
	.home .av-special-heading .av-subheading p
	{
		font-size: 28px;
	}
	
	.responsive #top .slideshow_caption h2,
	.home h1.av-special-heading-tag 
	{
		font-size: 60px!important;
	}
}

@media (max-width: 989px) {
	.html_header_transparency #top .avia-builder-el-0 .slideshow_caption
	{
		padding-top: 0px;
	}
}
/*END Slideshow*/


/*Accordions*/
.main_color .toggler
{
	font-weight: bold;
	border-color: #00356a;
}

.toggler .toggle_icon
{
	border-color: #00356a;
}

.toggler .toggle_icon .vert_icon,
.toggler .toggle_icon .hor_icon
{
	
	border-color: #00356a;
}

/*END Accordions*/


/*Buttons*/
.avia-slideshow-button .avia_loading_icon
{
	border-radius: 100px;
	display: none!important;
}
/*END Buttons*/


/*Home Photo Buttons*/
.home .av-image-caption-overlay-center p
{
	text-transform: uppercase;
	font-weight: bold;
}

.home .entry-content-wrapper
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.home .entry-content-wrapper .hr-icon-yes
{
	display: flex;
}

.home .entry-content-wrapper .hr-icon-yes.hr-center
{
	justify-content: center;
}

.av-seperator-icon
{
	font-size: 30px;
}

.av-seperator-icon svg
{
	margin-top: 0!important;
}
/*END Home Photo Buttons*/

.homelogo img
{
	max-width: 200px;
}

/*Guitar Mask*/
.guitar-row {
    display: flex;
    gap: var(--guitar-gap, 24px);
    align-items: flex-start;
}

.guitar-row-wrap {
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .guitar-row-wrap {
        flex-direction: column;
        align-items: center;
    }
}

.guitar-mask-wrapper {
    display: inline-block;
    text-align: center;
	max-width: 200px;
}

.guitar-mask-wrapper .image-overlay
{
	display: none!important;
}

.guitar-mask-link {
    display: inline-block;
    text-decoration: none;
}

.guitar-border {
    display: inline-block;
    background: #f1cf1b; /* SVG yellow border */
    padding: var(--guitar-border, 8px);

    -webkit-mask: var(--guitar-mask) no-repeat center / contain;
    mask: var(--guitar-mask) no-repeat center / contain;
}

.guitar-mask-inner {
    width: 100%;
    aspect-ratio: 368.09 / 416.85; /* matches your SVG viewBox */
    
    -webkit-mask: var(--guitar-mask) no-repeat center / contain;
    mask: var(--guitar-mask) no-repeat center / contain;
    overflow: hidden;
}

.guitar-mask-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.guitar-mask-title {
    margin-top: 12px;
    font-size: 18px;
	color: white;
}
/*Guitar Mask*/