/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/




@import "/wp-content/themes/x-child/fontawesome/css/all.css"; 


@font-face {
    font-family: 'VANDAL';
    src: url('/wp-content/themes/x-child/fonts/VANDAL.woff2') format('woff2'),
    url('/wp-content/themes/x-child/fonts/VANDAL.ttf') format('ttf'),
        url('/wp-content/themes/x-child/fonts/VANDAL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.home .mainimage { 
width: 100% !important; 
}

.mainimage { 
width: 530px !important; 
}



.home  .maintitle { 
padding: 150px 0 0 0 !Important;
font-weight: 400 !important;
line-height: 47px !Important;
font-size: 55px !important;
font-family: Vandal !important;
margin: 0 0 0 !important;
color: #000000 !important;
background-color: transparent !Important;
position: relative !important;
display: block !important;
  }
  
  
  .maintitle { 
padding: 36px 0 0 0 !Important;
font-weight: 400 !important;
line-height: 47px !Important;
font-size: 55px !important;
font-family: Vandal !important;
margin: 0 0 0 !important;
color: #000000 !important;
background-color: transparent !Important;
position: relative !important;
display: block !important;
  }
  

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 0.2em !important;
    text-rendering: optimizelegibility;
}



body {
    color: #999999;
    background-color: #fff !important;
    
    }
    
    
.x-sidebar {
    width: 25.536945%;
    display: none;
    }
    
    .x-main {
    width: 100% !important;
}

.x-btn-widgetbar {
    display: none;
}

h3, .h3 {
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
line-height: 16px;
    
    }
    
    

.entry-wrap {
    display: block !important;
    padding: 0px !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    }
    
    
    h1 {

font-style: normal;
font-weight: 400 !important;
line-height: 40px !Important;
font-size: 42px !important;
font-family: Vandal !important;
margin: 0 0 0 !important;
background-color: #fff !important;
display: inline !important;
padding: 0px 7px;
color: #4eaaff !important;

}


 .gray h1 {

font-style: normal;
font-weight: 400 !important;
line-height: 40px !Important;
font-size: 42px !important;
font-family: Vandal !important;
margin: 0 0 0 !important;
background-color: #fff !important;
display: inline !important;
padding: 0px 7px;
color: #000000 !important;

}

 h1 {

font-style: normal;
font-weight: 400 !important;
line-height: 40px !Important;
font-size: 42px !important;
font-family: Vandal !important;
margin: 0 0 0 !important;
  background-color: #ebebeb !important; 
display: inline !important;
padding: 0px 7px;
color: #000000 !important;


}


    
    @media (max-width: 5000px) and (min-width: 1450px) {
.headermobile {
display: none;}
    .brand {
max-width: 500px !important;
margin: 0 auto !important;
display: block !important;
top: 250px !important;
position: absolute;
z-index: 9000 !important;
margin-left: 35% !important;
}
.narrow { 
width:60% !Important;
    margin: auto;}

}


    @media (max-width: 1449px) and (min-width: 980px) {

.headermobile {
display: none;}
    .brand {
max-width: 500px !important;
margin: 0 auto !important;
display: block !important;
top: 200px !important;
position: absolute;
z-index: 9000 !important;
margin-left: 32% !important;
}
.narrow { 
width:60% !Important;
    margin: auto;
}
}

    @media (max-width: 979px) and (min-width: 779px) {
.headermobile {
display: none;}
    .brand {
max-width: 500px !important;
margin: 0 auto !important;
display: block !important;
top: 100px !important;
position: absolute;
z-index: 9000 !important;
margin-left: 22% !important;
}

.x-navbar-inner .x-container.max {
    max-width: 1200px !important;
    text-align: center !important;
}

.x-btn-navbar {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

    .masthead-inline .x-btn-navbar {
    display: inline-block !important;
    float: none !important;
}





}

    @media (max-width: 778px) and (min-width: 451px) {
.headerdesktop {
display: none;}
    .brand {
max-width: 450px !important;
margin: 0 auto !important;
    margin-left: auto;
display: block !important;
top: -10px !important;
position: absolute;
z-index: 9000 !important;
margin-left: 10% !important;
}


.x-btn-navbar {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


    .masthead-inline .x-btn-navbar {
    display: inline-block !important;
    float: none !important;
}


.x-navbar-inner .x-container.max {
    max-width: 1200px !important;
    text-align: center !important;
}

}







    @media (max-width: 450px) and (min-width: 0px) {
.headerdesktop {
display: none;}
    .brand {
max-width: 325px !important;
margin: 0 auto !important;
    margin-left: auto;
display: block !important;
top: 0px !important;
position: absolute;
z-index: 9000 !important;
margin-left: 10% !important;
}


.x-btn-navbar {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


    .masthead-inline .x-btn-navbar {
    display: inline-block !important;
    float: none !important;
}


.x-navbar-inner .x-container.max {
    max-width: 1200px !important;
    text-align: center !important;
}

}














.brand-box {
display: block !important; 
text-align: center !important; 
}



.x-navbar .desktop .x-nav > li > a:hover{
    box-shadow: inset 0 0px 0 0 transparent !important;
}


.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 0px 0 0 transparent !important;
}

.x-navbar .desktop .x-nav > li > a {
height: 36px !important;
padding-top: 9px !important;
font-weight: 400 !Important
}


h2, .h2 {
    font-size: 27px !important;
    line-height: 1.2;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    line-height: 27px !important;
    }
    
    


.lines {
    display: flex;
    align-items: center;
    text-align: center;
}
.lines::before, .lines::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}
.lines::before {
    margin-right: .25em;
}
.lines::after {
    margin-left: .25em;
}




    
    .x-btn, .button, [type="submit"] {
    color: #ffffff !important;
    border-color: transparent !important;
    background-color: #000 !important;
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5) !important;
    box-shadow: 0 0 0 0 #a71000,0 0px 0px rgba(0,0,0,0) !important;
    border-radius: 0 !important;
    }
    
    
        .x-btn:hover, .button:hover, [type="submit"]:hover {

    background-color: #696969 !important;
    }
    
    
    
    .x-navbar .desktop .x-nav > li {
    float: none !important;
    display: inline-block !important;
}


.masthead-inline .desktop .x-nav {
    display: block !important;
    float: none !important;
    text-align: center !important;
}

.desktop .sub-menu {
position: absolute;
display: none;
float: left;
min-width: 200px;
margin: 0;
padding: 0.75em 0;
font-size: 14px;
list-style: none;
background-color: #e5e5e5 !important;
z-index: 1000;
border-radius: 0px !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box;
box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
text-transform: uppercase !important;
color: #000 !important;
}
    
    
    ul.sub-menu li.menu-item {
    text-align: left !important; }
    
    .x-navbar .desktop .x-nav > li ul {
    top: 40px !important;
}

.x-navbar .desktop .x-nav > .current-menu-item > a {
color: #ffffff !important; 
}

.x-navbar {
    border-bottom: 0px solid #ccc !important;
    background-color: #000 !important;
}


.x-navbar-inner {
    min-height: auto !important;
}

.x-navbar .desktop .x-nav > li > a:hover {
color: #ffffff !important; 
}

.desktop .sub-menu {
    left: 20px !important;
    right: auto !important;
}

a:focus {
    outline: 0px auto #ff2a13 !Important;
    }
    
    .x-btn-navbar {
    padding: 0.458em 0.625em;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    color: #919191;
    background-color: #f7f7f7;
    border-radius: 0px !important;
    
    }
    
    
   .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 0px 0 0 #000000 !important;
    color: #ffffff !important; 
    }
    
    


.center {
text-align: center; }


.x-breadcrumb-wrap {
display: none; 
}


.x-colophon.top {
    display: none;
}


.staff-round { 
 border-radius: 50%;}



footer.footer {
    background-color: #000 !Important;
    padding: 75px 0 !important;
    border-top: 0px solid rgba(0,0,0,0.085) !important;
}


.entry-title {
    width: 100% !important;
    Margin: 0 auto !important;
    font-size: 48px;
    font-weight: 400;
    color: #363636 !important; 
}

h1.main {
font-weight: 400 !important;
font-size: 100px !Important
}

.orange{ 

color: #4eaaff !important;}

.button.orange {
background-color: #fdc227 !important;
color: #000000 !Important;
text-shadow: 0 0 0 rgba(0,0,0,0) !important;}

.button.orange:hover {
background-color: #ffffff !important;
color: #000000 !Important;
text-shadow: 0 0 0 rgba(0,0,0,0) !important;}


.footer a{ 
color: #ffffff !important;
text-decoration: underline !Important;}

.footer a:hover{ 
color: #4eaaff !important;
text-decoration: none !Important;}


a {
color: #4eaaff !important;}




.white {
color: #ffffff !important;}

.x-content-band {
    padding: 100px 0;

    }
    
    .homebanner {
    padding: 0px 0 !important;
margin: 0 0 0 0 !important; 
    }
    
    
    .homemargin {
    
padding: 30px 0 100px 0 !important;}

.x-sidebar.right {
display: none !important;
}


footer.book {
background-color: #dcdcdc !important;
    padding: 100px 0 !important;
    margin: 0px 0 0 0 !important;
}

.x-colophon + .x-colophon {
    border-top: 0px solid #e0e0e0 !important;
    border-top: 0px solid rgba(0,0,0,0.085) !important;
    box-shadow: inset 0 0px 0 0 rgba(255,255,255,0.8) !important;
}



.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
    font-size: inherit !important;
}

.content {

font-size: 16px !important;
line-height: 24px !important;
color: #000000 !important;}


.topmargin, .toppadding {
padding: 40px 0 0 0 !important;}


.footer .content {
color: #ffffff !Important;
}


footer.x-colophon.bottom .x-nav li {
    display: block !important;
    font-size: 14px !Important;
    letter-spacing: 1px !important;
}

x-colophon.bottom .x-nav li a {

    letter-spacing: 1px !important;

}

header.masthead li.menu-item-93 a span{
background-color: #fdc227 !important;
border-radius: 3px !important;
padding: 6px 12px;
color: #000;
}

header.masthead li.menu-item-93 a:hover span{
background-color: #ffffff !important;

}



header.masthead li.menu-item-93 { 
height: 20px !important; 
}





.x-colophon.bottom {
    font-size: inherit !important;

}


.black {
background-color: #000000 !important;}

.home .header-secondary {
display: none;
}



.header-secondary {

 background-image: url("/wp-content/uploads/2020/07/Southlight-Sound-0052-scaled.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 350px;
  text-align: center !Important;
}



 .secondbrand {
max-width: 400px !important; 
max-width:300px !Important;
top: 50px !important;
position: relative;
}



.x-navbar .mobile .x-nav ul {
    margin: 0 0 0 0 !important;
    }

.x-navbar .mobile .x-nav li > a {
text-align: center !important; }


.largecontent { 
font-size: 18px !important;
line-height: 25px !important;
color: #000000 !important;}





h1.smaller {
    font-weight: 400 !important;
    font-size: 60px;
    }
    
    .white {
    color: #ffffff !important;
text-shadow: 5px 5px 10px #000;}
     

.icon {
   background-color: #e5e5e5;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center !Important;
    padding: 80px;
    margin: 0 0 15px 0 !important; 
}


.homeplayer {

 background-image: url("/wp-content/uploads/2020/07/RebeccaWardPhoto_SouthLightSound_July2019-18-1-scaled.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  text-align: center !Important;
}




.fa, .far, .fas {

    font-size: 40px !important;

}


.x-main {
    width: 60% !important;
    margin: 0 auto !important;
    }
    
    
    .left { 
    float: none !important;}
    
    
    .home header.entry-header { 
    display: none !important; }
    
   .home  .x-main {
    width: 100% !important;
    margin: 0 auto !important;
}



.bluebar {
 background-image: url("/wp-content/uploads/2020/08/blue2.png"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  text-align: center !Important;
  }
  
  
  .itunesbutton { 
  max-width: 150px !important;
  }
  
  
  
  .gray { 
  background-color: #ebebeb !important; }
  
  
  
    .lightgray { 
  background-color: #cccccc !important; 
  margin: 0 0 0 !important;}
  
  
  
  .x-content-band li {
    line-height: 1.7 !Important;
    text-transform: uppercase !Important;
    font-size: 18px !important;
    line-height: 22px !Important;
    margin: 0 0 11px 18px; !Important;}
    
    
    .bottommargin { 
    margin: 0 0 40px 0 !Important; }
    
    
    .clearline {
    clear: both; 
    display: block !Important; 
    }
    
    
    .footer .fab { 
    
font-size: 24px;
padding: 0 10px !important;}

.page-id-21 .x-content-band {
    padding: 0px 0;
    }


.desktop .sub-menu a {
    line-height: 1.7;
    white-space: nowrap;
    color: #000 !important;
}

.desktop .sub-menu a:hover {
    line-height: 1.7;
    white-space: nowrap;
    color: #4eaaff !important;
}


.page-id-141 .x-main  { 
width: 88% !important;}

.page-id-14 .x-main {
    width: 100% !important;
}



.envira-gallery-public.envira-gallery-5-columns .envira-title {
font-weight: 400 !important;
font-size: 15px !important;
line-height: 17px !important;
}