/*
 Theme Name: Life - School
 Author: CODA Education
 Author URI: http://coda.education
 Template:   madebycoda
*/
 
@import url("../madebycoda/style.css");


.announcement{ position: fixed; bottom: 50px; right: 50px; width: 500px; padding: 40px; z-index: 9999; background: #1cadce; 
   a:link, a:visited {color: #FFF; text-decoration: none;font-size: 15px;}
   .alert {        background: #FFF;
              color: #e88323;
              height: 50px;
              width: 50px;
              position: absolute;
              top: -24px;
              left: 37px;
              border-radius: 100%;
              font-size: 30px;
              font-weight: 800;
              line-height: 1;
              display: flex ;
              align-items: center;
              justify-content: center;}
}

#hero .tag-line .tagline {
   width: calc(100% - 500px) !important;
}

#hero .tag-line .tagline {
    font-size: 62px !important; line-height: 1.2; text-align: left !important; margin-bottom: 40px !important; font-weight: 600;color: #FFF !important; line-height: 1 
}


@media (max-width:1150px) {
  
 #hero .tag-line .tagline {
     width: calc(100% - 360px) !important;
     font-size: 52px !important;
 }  
 
 #hero .trust-logo svg {
     height: 110px;
     width: auto;
 }
    
}


@media (max-width:950px) {
    #hero .tag-line .tagline {
        width: calc(100% - 360px) !important;
        font-size: 44px !important;
 margin-bottom: 30px !important;   }
}




@media (max-width:850px) {

#hero .tag-line {  width: 90% !important;    align-items: center !important;}
#hero .tag-line .tagline {
    text-align: center !important; width: 90% !important;
}
.trust-logo {display: none;}

}


@media (max-width:750px) {
   
 .announcement {    bottom: 0px;
     right: 0px;
     width: 100%;}  
   
 body.smaller .announcement { margin-bottom: -400px;}
   
}