/*====================  MISC */
a{
	transition:0.5s;
}

a:hover{
	/*color:hsl(204, 71%, 39%);*/
  color:#d7c608 !important;
}

hr{
  width:40%;
  margin:auto;
}

p{
  font-family: 'Merriweather', serif;
  }


  /* 

background: rgb(253,253,254);
background: linear-gradient(171deg, rgba(253,253,254,1) 45%, rgba(11,211,223,0.14049369747899154) 100%);

   */

.input-size{
  height:50px;
}

.teacher{
  width:80%;
  margin:0 auto;
}

.force-height{
  height:50px;
  font-size:1em;
}

.font-small{
  font-size:0.75em !important;
}

.is-256x256{
  height:256px;
  width:256px;
  pointer-events: none;
}

.green-border{
  border:3px #59E76A dotted !important;
}

.green-text{
  color:#59E76A;
}

.bold-title{
  font-weight:700 !important;
}

.is-white{
  color:white !important;
}

.is-left-ish{
  left:18px;
}

.has-white-blue{
  background-color: #FDFDFE;
}

.is-80{
  display:flex;
  width:80%;
}

.is-50{
  display: flex;
  width:50%;
}

.gray-text{
  color:#363636;
}

.small-10{
  font-size: 10px;
}

.ridge{border-style:ridge;}

.outset{border-style:outset;}

.auto-margin{
  margin:auto;
}

.width-almost-full{
  display:flex;
  width:90%;
}

.fira{
  font-family: 'Roboto', sans-serif;
}

.merri{
  font-family: 'Merriweather', serif;
}

.push-down-20{
	margin-top:20px;
}

.pad-12{
	padding:12px;
}

.pad-down-10{
	padding-bottom:10px;
}

.pad-down-20{
	padding-bottom:20px;
}

.pad-down-40{
  padding-bottom:40px;
}

.down-10{
	padding-top:10px;
}

.down-20{
  padding-top:20px;
}

.icon-down-5{
  top:5px !important;
}

/* Bulma override.  Relying on !important is lame but having to institute a build system to use scsss variables for super simple/flat sites is lamer. */


#mc_embed_signup div.mce_inline_error {
    margin: 0 0 1em 0;
    padding: 5px 10px;
    background-color: white !important;
    font-weight: bold;
    z-index: 1;
    margin-left:30px !important;
    color:#59E76A !important;
}


#mc_embed_signup input.mce_inline_error {
    border:3px #59E76A dotted !important;
}

.small-sec{
  padding: 1rem 1.5rem;
}

.modal-background{
  background-color: #01134F !important;
}

#headerSec {background-color: #FDFDFE !important}

.off-white-bg{
  background-attachment: #fdfdfe !important; 
}

.has-background-black-ter { background-color: #01134F!important;}

.button.is-success {
background-color: hsl(48, 100%, 67%);
border-color: transparent;
color: #fff;
transition:0.2s;
}

.button:hover{
  background-color:#d7c608 !important;
}

.has-background-grey {
background-color: #01134F !important;
}

.has-background-grey-darker {
background-color: #59E76A !important;
} 

.has-text-info {
color: #01134F!important;
}

.section{
  padding-top:2em !important;
  padding-bottom:2em !important;
}

/*====================  COVER */
#fullCover{
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1020;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-transition: 0.5s;
  transition: all 0.3s linear;
  pointer-events: none;
}

.add-cover{
	background-color: rgba(0, 0, 32, 1);
}

.remove-cover{
	background-color: rgba(0, 0, 0, 0);
}

/*====================*/
/*====================  IFRAME */
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    border:8px solid #404040;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/*====================*/
/*====================  ANIMATION */


.fade-in{
  animation: fadeIn 0.5s easeInSine;
  -webkit-animation: easeInSine;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
}

.fade-out{
  animation: fadeOut 0.5s easeInSine;
  -webkit-animation: easeInSine;
  -webkit-animation-name: fadeOut;
  -webkit-animation-duration: 0.5s;
}

.mover{
	position:absolute;
  animation: run 2s easeOutSine infinite alternate;
	-webkit-animation: easeOutSine infinite alternate;
	-webkit-animation-name: run;
	-webkit-animation-duration: 2s;
}

@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

@keyframes fadeOut{
  from {opacity:1;}
  to {opacity:0;}
}

@-webkit-keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

@-webkit-keyframes fadeOut{
  from {opacity:1;}
  to {opacity:0;}
}


@keyframes run{
    0% { left: 15%;}
    50%{ left : 18%;}
    100%{ left: 15%;}
}

@-webkit-keyframes run {
    0% { left: 15%;}
    50%{ left : 18%;}
    100%{ left: 15%;}
}



@media (max-width: 1024px) {




}

@media(max-width:700px){

  #signup2{
      width:80% !important;
  }
}

@media(max-width:400px){


}