/* Font definitions*/
@font-face {
    font-family: Prism-Regular;
    src: url(more/Prism-Regular.otf);
}



@font-face {
    font-family: "Eagle-Light";
    src: url('eagle-light-webfont.eot');
    src: url('eagle-light-webfont.eot?#iefix') format('embedded-opentype'), url('eagle-light-webfont.woff') format('woff'), url('eagle-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-css: normal;
}
@font-face {
    font-family: "Eagle-Book";
   /*src: url(Eagle-Book.ttf);*/
    src: url('eagle-book-webfont.eot');
    src: url('eagle-book-webfont.eot?#iefix') format('embedded-opentype'), url('eagle-book-webfont.woff') format('woff'), url('eagle-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-css: normal;
}
@font-face {
    font-family: 'Eagle-Bold';
    src: url('eagle-bold-webfont.eot');
    src: url('eagle-bold-webfont.eot?#iefix') format('embedded-opentype'), url('eagle-bold-webfont.woff') format('woff'), url('eagle-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-css: normal;
}
@font-face {
    font-family: 'Eagle-Black';
    src: url('eagle-black-webfont.eot');
    src: url('eagle-black-webfont.eot?#iefix') format('embedded-opentype'), url('eagle-black-webfont.woff') format('woff'), url('eagle-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-css: normal;
}

/* Webfont: JCCEagle-Medium */
@font-face {
    font-family: 'JCCEagleMed';
    src: url('JCCEagle-Medium.eot');
   /* IE9 Compat Modes */
    src: url('JCCEagle-Medium.eot?#iefix') format('embedded-opentype'),
   /* IE6-IE8 */
    url('JCCEagle-Medium.woff') format('woff'),
   /* Modern Browsers */
    url('JCCEagle-Medium.ttf') format('truetype'),
   /* Safari, Android, iOS */
    url('JCCEagle-Medium.svg#JCCEagle-Medium') format('svg');
   /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'JCCEagleLight';
    src: url('JCCEagle-Light.eot');
   /* IE9 Compat Modes */
    src: url('JCCEagle-Light.eot?#iefix') format('embedded-opentype'),
   /* IE6-IE8 */
    url('JCCEagle-Light.woff') format('woff'),
   /* Modern Browsers */
    url('JCCEagle-Light.ttf') format('truetype'),
   /* Safari, Android, iOS */
    url('JCCEagle-Light.svg#JCCEagle-Light') format('svg');
   /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* utility font classes */
.eagle-med {
    font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.eagle-light {
    font-family: "JCCEagleLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.eagle-book {
    font-family: "Eagle-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.eagle-bold {
    font-family: "Eagle-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.eagle-black {
    font-family: "Eagle-Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



h1, h2, h3, h4, h5, h6 {
  /* font-weight: 700; */
    font-family: "Prism-Regular";
}



p, ul{
  font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 1.25rem;
  margin:0px;
  padding-bottom: 20px;
  color: #89BCF8 !important;
  letter-spacing: .075rem !important;
}

/* ul{
  font-size: 1.25rem !important;
}

p{
  font-size: 1.1rem !important;
} */



h2{
  color: #89BCF8 !important;
  font-size: 2.3em !important;
  font-weight: lighter !important;
  line-height: 38px;
  text-align: left;
  letter-spacing: 0px !important;
}

 h3{
     text-transform: uppercase;
     font-size:2.5em;
     text-align:left;
     font-weight:200;
     color: #d3b0d3 !important;
}



.btn-xl {
  padding: 1.25rem 2.5rem;
}




footer.footer {
  padding-top: 3rem;
  padding-bottom: 5rem;
}

footer.footer .social-link {
  display: block;
  height: 4rem;
  width: 4rem;
  line-height: 4.3rem;
  font-size: 1.5rem;
  background-color: #e5e5e7;
  transition: background-color 0.15s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

footer.footer .social-link:hover {
  background-color: #155d74;
  text-decoration: none;
}

a, a:focus, a:active {
      /* color: #fa665c !important; */
      color: #d3b0d3!important;
      /* color: #89BCF8 !important; */
      text-decoration: none !important;
}

a:hover{
  color: #d3b0d3 !important;
  text-decoration: underline !important;
}


 .nav-link{
   font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform:uppercase;
     color: #ffffff !important;
     text-decoration: none !important;
}
.nav-link:hover{
  color: #ffffff !important;
  text-decoration: underline !important;
}

.nav-item > a{
  padding-top: 1em !important;
color: #ffffff !important;
    /*color: #f68e31 !important;*/
}


 .nav-link{
     text-align: left !important;
}
 .navbar-toggler-icon{
     background-color: transparent !important;
}

 .pt-4 {
     padding-top: ($spacer * 1.5) !important;
}
 .mods{
     max-width: 100% !important;
     height: auto;
}





 .btn-primary{
font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
     background-color: #fff !important;
     border-color: #f7ec14 !important;
     color: #f7ec14 !important;
     text-transform:uppercase;
     font-weight:lighter;
     box-shadow: none;
     font-size: 1em;
     outline: none !important;
}
 .btn-primary:active, .btn-primary:focus, .btn-primary:visited{
     background-color:white !important;
     border-color: #89BCF8 !important;
     box-shadow: none !important;
     outline: none !important;
}
 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
     outline: 0;
}
 .btn-primary:hover{
     color:white !important;
     background-color: #89BCF8 !important;
     border:none;
}




 * {
     border-radius: 0 !important;
}
 .footer-text{
     /*font-family: "JCCEagleLight", 'Whitney A', 'Whitney B', "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 0.7em;
     color:#ffffff !important;
}
 .close-btn{
     cursor:pointer;
     text-decoration:none !important;
}
 .close-btn > p{
     font-size: 3.75em;
     /*font-family: "JCCEagleLight", 'Whitney A', 'Whitney B', "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}






#donate-btn, #donate-btn-footer{
  color:white !important;

}

#donate-btn:hover, #donate-btn-footer:hover{
  /* color: #89BCF8 !important; */
  color: #89BCF8 !important;

}



.section-links > a {
    color: black;
}

.section-links > a:hover {
    color: black;
    text-decoration: underline;
}

.close-btn{
  z-index: 30000 !important;
  text-align:right !important;
}


.close-btn > p {
    color:  white !important;
    text-decoration: none !important;
}

.close-btn > p:hover {
    color:  #fa665c  !important;
    text-decoration: none !important;
}

#modal-video-frame{
  background: url(../img/loader.gif) center center no-repeat;
}




/*for responsive video */
#video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

#video-container iframe, #video-container object, #video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}






.standard-btn,  .standard-btn:active, .standard-btn:focus, .standard-btn:visited{
  background-color: rgba(0, 0, 0, 0.0);
  color: white;
  border-color: white;
  text-decoration: none;
}


.standard-btn:hover{
  background-color: rgba(0, 0, 0, 0.0);
  color: #89BCF8;
  border-color: #89BCF8;
  text-decoration: none;
}


/*********** video modal ******/
.modal-lg {
max-width: 595px !important;

}

.modal-header {
border: none !important;
}


.modal-content{
background-color: black !important;
border-color: white;
}

.close {
 float: right;
 font-size: 1.5rem;
 font-weight: 700;
 line-height: 1;
 color: white !important;
 text-shadow: none !important;
 opacity: 100% !important;
}


#banner-header-text{
font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#banner-sub-header-text{
  font-family: "Eagle-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#banner-date{
  font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sub-banner-titles{
  font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sub-banner-names{
  font-family: "NeutrafaceDisplayBold", Helvetica, Arial, sans-serif !important;
}

#sub-banner-disclaimer{
  font-family: "NeutrafaceTextBookItalic", Helvetica, Arial, sans-serif !important;
}

/*
.footer-text  p{
  padding-bottom: 0px !important;
  color: green !important;
} */

/*********** video modal ******/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


  #banner-header-text{
    font-size: 2rem;
    letter-spacing: .2rem;
  }

  #banner-sub-header-text{
    font-size: .75rem;
    letter-spacing: .15rem;
  }


  h3{
    font-size: 2em;
  }

  p, ul{
    font-size: 1rem;
  }



  .sub-banner-header{
    font-size: .9rem;
    letter-spacing: .15rem;
  }

  .sub-banner-names{
    font-size: 1.25rem;
    letter-spacing: .15rem;
  }

  .sub-banner-titles{
    font-size: .6rem;
    letter-spacing: .15rem;
  }

  #sub-banner-disclaimer{
    font-size: .5rem;
  }


  .nav-link{
    font-size: 1.1em !important;
    /* font-size: .9em !important; */
  }


  #donate-btn{
    font-size: 1.2em !important;
  }


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  #banner-header-text{
    font-size: 2rem;
    letter-spacing: .2rem;
  }

  #banner-sub-header-text{
    font-size: .75rem;
    letter-spacing: .15rem;
  }

  #banner-date{
    font-size: 1.5rem;
    letter-spacing: .1rem;
  }


  h3{
    font-size: 2em;
  }

  p, ul{
    font-size: 1rem;
  }





  .sub-banner-header{
    font-size: .9rem;
    letter-spacing: .15rem;
  }

  .sub-banner-names{
    font-size: 1.25rem;
    letter-spacing: .15rem;
  }

  .sub-banner-titles{
    font-size: .6rem;
    letter-spacing: .15rem;
  }

  #sub-banner-disclaimer{
    font-size: .5rem;
  }

  .nav-link{
    /* font-size: .9em !important; */
    font-size: 1.1em !important;
  }


  #donate-btn{
    /* font-size: .9em !important; */
     font-size: 1.2em !important;
  }




}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #banner-header-text{
    font-size: 2rem;
    letter-spacing: .2rem;
  }

  #banner-sub-header-text{
    font-size: .75rem;
    letter-spacing: .15rem;
  }

  #banner-date{
    font-size: 1.5rem;
    letter-spacing: .1rem;
  }


  h3{
    font-size: 2em;
  }

  p, ul{
    font-size: 1rem;
  }


  .sub-banner-header{
    font-size: .9rem;
    letter-spacing: .15rem;
  }

  .sub-banner-names{
    font-size: 1.25rem;
    letter-spacing: .15rem;
  }

  .sub-banner-titles{
    font-size: .6rem;
    letter-spacing: .15rem;
  }

  #sub-banner-disclaimer{
    font-size: .5rem;
  }

  .nav-link{
    /* font-size: .9em !important; */
      font-size: 1.1em !important;
  }

  #donate-btn{
    font-size: 1.2em !important;
  }


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #banner-header-text{
    font-size: 5.5rem;
    letter-spacing: .37rem;
  }

  #banner-sub-header-text{
    font-size:2rem;
    letter-spacing: .25rem;
  }

  #banner-date{
    font-size: 3.7rem;
    letter-spacing: .2rem;
  }


  h3{
    font-size: 2.5em;
  }

  p, ul{
    font-size: 1.25rem;
  }


  .sub-banner-header{
    font-size: 1.8rem;
    letter-spacing: .15rem;
  }

  .sub-banner-names{
    font-size: 2.5rem;
    letter-spacing: .15rem;
  }

  .sub-banner-titles{
    font-size: 1.2rem;
    letter-spacing: .15rem;
  }


  #sub-banner-disclaimer{
    font-size: .9rem;
  }

  .nav-link{
    /* font-size: .9em !important; */
    font-size: 1.1em !important;
  }

  #donate-btn{
    /* font-size: .9em !important; */
    font-size: 1.2em !important;
  }


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  #banner-header-text{
    font-size: 5.5rem;
    letter-spacing: .37rem;
  }

  #banner-sub-header-text{
    font-size:2rem;
    letter-spacing: .25rem;
  }

  #banner-date{
    font-size: 3.7rem;
    letter-spacing: .2rem;
  }



  h3{
    font-size: 2.5em;
  }

  p, ul{
    font-size: 1.25rem;
  }



  .sub-banner-header{
    font-size: 1.8rem;
    letter-spacing: .15rem;
  }

  .sub-banner-names{
    font-size: 2.5rem;
    letter-spacing: .15rem;
  }

  .sub-banner-titles{
    font-size: 1.2rem;
    letter-spacing: .15rem;
  }

  #sub-banner-disclaimer{
    font-size: .9rem;
  }

  .nav-link{
    font-size: 1.1em !important;
  }



  #donate-btn{

    font-size: 1.2em !important;
  }


}