@charset "UTF-8";


body{
  background-image:linear-gradient(rgba(0, 0, 0,0.6),rgba(0, 0, 0,0.6)),url(photo-bg.png);


background-size:contain;
color: white;
font-family: helvetica, sans-serif;
}

p{
          font-size: 1.5rem;
    line-height: 1.8;
    font-weight: 100;
    letter-spacing: .6px;
  }

img + p {
  margin-top:20px;
}

.row:last-child{
  margin-bottom: 0px;
}

@media(min-width:768px){
  .row{
  margin-bottom:120px;
}

.manual-bottom{
  margin-bottom:120px !important;
}


}

@media(max-width:768px){
  .row{ margin-bottom:100px;
}
.manual-bottom{
  margin-bottom:100px !important;
}

.mobile-bump{
    margin-bottom:120px;
  }
  .hidden-mobile{
    display:none;
  }
}

a{
  /* color:#e12c2e; */
  color:white;
  transition:.4s;
}

a:hover{
  /*  color:#91090b; */
  color:#e12c2e; 
  

}

img{
  max-width:100%;
  height:auto;
}

.overflowhidden{
overflow:hidden;
}

@media(max-width:768px){
  #mydiv{width:100%;}
}
p.ytgallery-video-title{
    margin-top:20px;
    padding:0px;
    font-weight:800;
    line-height:1.15;
    margin-bottom: 10px;
}

.ytgallery-meta div {
padding:0px;
}

p.ytgallery-meta-info {
  margin-bottom:0px;
color:yellow;
}

.ytgallery-gallery a{
text-decoration: none;
}

.ytgallery-buttons:first-child{
        display:none;
    }

    
    @media(max-width:500px){
      #bg {
         background-position: right;
      }

    }

      @media(min-width:500px){
       #bg {
         background-position: bottom;
      }
    }

    img#logo{
      margin-top:30px;
       margin-bottom:30px
    }

    /*
    @media(max-width:500px){
      img#logo {
        width:60%;
        margin-left:20%;
      }

    }

      @media(min-width:500px){
      img#logo{
        width:30%;
        margin-left:35%;
      }

    } */

    #nav {
      padding-top:20px;
    }

    #nav img{
      max-height:20px;
    }

#nav ul{
  list-style: none;
  display: flex;
  justify-content: flex-end;
}

 #nav li, #nav a{
      text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
   font-weight:100;
    letter-spacing: 1.2px;
    margin-left:10px;
  }
.nav-toggle {
  display: none;
  position: absolute;
  right: 2rem;
  top: 1rem;
  cursor: pointer;
}

.nav-toggle img {
  width: 1.5rem;
  transition: 300ms all ease;
}

.nav-toggle:hover img {
  opacity: 0.6;
}

.open {
  max-height:none;
}

.hidden {
  display: none;
}

@media all and (max-width: 720px) {
  #nav ul {
    flex-direction: column;
    align-items: flex-start;
  }

  nav {
    max-height: 0;
    width: 100%;
    overflow: hidden;
    transition: 250ms height ease-in-out;
  }

   #nav li, #nav a{
margin-left:0px;
   }

  #nav li {
    display: block;
    text-align: center;
    margin-top:20px;
  }

  

  .nav-toggle {
    display: block;
  }


  #menu{
    border-bottom: 1px solid yellow;
  padding-bottom:20px;
          margin-bottom: 5px;
  }

#nav img{
  margin-right:20px;
}

}

a:hover{
  color:yellow;
}
   

    a.buttonh, .buttonh{
      text-decoration: none;
      color:black;
      font-family: 'special elite';
       padding:12px 22px;
       background:rgba(255,255,0,.85);
       border:none;
       border-radius:0px;
       
    }

    button.buttonh{
      padding-top: 1px;
    font-size: 16px;
    }

    a.buttonh:hover{
      background:yellow;
      transition:.4s;
    }

    @media(min-width:768px){
    .qa-input-email{
      width:83%;
    }
  }
  @media(max-width:768px){
    .qa-input-email{
      width:100%;
    }
  }
    


     div:has(#intro){

      }

   

      @media(min-width:768px){
         #intro{
        
        margin-left:12%;
      }
      }

    #intro h1{font-family:"helvetica", sans-serif;
      font-size:2rem; color:white;}

      #intro p{
        margin-bottom:0px;
        text-transform:uppercase;
        font-size:12px;
        letter-spacing: 1px;
        color:white;
        font-family:"Special Elite", monospace;
      }

    
.form-container{
  display:flex;
}

   

h2{
  font-family: "Special Elite", monospace;
  
  color:white;

}

h3{
          font-size: 2.2rem;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 0px;
        margin-top: 20px;
        font-style: italic;
}

#feature h3{
  color:yellow;
}

#hero{
  align-items: center;
  padding-top:100px;
  padding-bottom:60px;
}

#white, #white h2{
  color:black;
}

#white {
  background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)),url('white-bg.jpg');
  padding:100px 0px;
 text-align:center;
 background-size:cover;
}

#white .row{
   align-items: center;
   margin-bottom:0px;
}

#white a{
  width:100%;
}

a.secondary{
  color:black;
  font-family:'special elite',monospace;
  font-size:12px;
  margin-top:40px;
}

.media *{
  box-sizing: border-box;
}

#podcasts .row{
        background-image: url(podbg.jpg);

}

#articles .row{
        background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(articlesbg.jpg);

}

.media .row{
 border-bottom: 7px solid yellow;

    overflow: hidden;
    transition:all .3s;
    color:black;
    background-size:cover;
    background-position:right center;
}

.media .row:hover{
  border-bottom: 14px solid yellow;
}



.media h3{
  margin-top:0px;
line-height:1.25;
   font-size:18px;
   font-style: normal;
   text-transform: none;
   margin-bottom:6px;
}



.media-image{
line-height: 0;
  flex-basis:30%;
}

.media .row .media-info{
  padding: 0px 20px;
  flex-basis: 70%;
}


.media a{
  text-decoration: none ;
  margin-bottom:40px;
  display: block;
}

.media .row div{
  padding:0px;
}
.media .col-sm-4{
  line-height:0px;
}
.media .row .col-sm-8{
  padding:20px;
}

.media p{
  margin:0px;
  line-height:1.15;

}

#merch{
  background:linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url(https://empirefiles.store/cdn/shop/products/RyanFinalEFShirt_1024x1024@2x.jpg?v=1679427956);
  background-size:cover;
}

@media(min-width:768px){
  #merch{
    background-position:50% 65%;
  }
}

#ctabottom.row{margin-bottom:0px;flex-direction: column;    align-content: center;
    text-align: center;}


@media(min-width:768px){
#ctabottom.row input{
  width:40%;
}
}

#ctabottom{
  padding:200px 40px;
  justify-content: center;
}

#ctabottom h2{
  color:yellow;
}

.media .row{
  align-items: center;
  margin-bottom:60px;
}

.media .row:last-child{
  margin-bottom:0px;
}