@font-face {
    font-family: 'Assistant-Light';  
    src: url('/fonts/Assistant-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Assistant-Bold';  
    src: url('/fonts/Assistant-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Assistant', sans-serif;
}
@font-face {
    font-family: 'VarelaRound-Regular';  
    src: url('/fonts/VarelaRound-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit', sans-serif;
}
html{ 
    height:100%;
    min-height:100%; 
}
body{
    min-height:100%; 
    background-image: url('/img/logo-white.png'), url('/img/rec11.jpg');
    background-repeat: no-repeat, no-repeat;
    background-position: 5% 5%, center;
    background-size: 17.5%, cover; 
    background-attachment: fixed, fixed;  
    -webkit-background-size: 17.5%, cover; 
    -moz-background-size: 17.5%, cover; 
    -o-background-size: 17.5%, cover; 
    color: #eee;
}
@keyframes changeLetter {
  0% {
    content: "ברוכים הבאים";
    color: #ffe135;
  }  
  20% {
    content: "השירים העבריים היפים ביותר";
  }
  40%{
    content: "הכי עברי שיש!";
    color: #a2c8a2;
  }
  60%{
    content: "Ivri 6 - The Finest In";
    color: #a2c8a2;
  }
  80%{
    content: "Hebrew And Israeli Music";
    color: #a2c8a2;
  }
  100% {
    content: "עשרים וארבע שש";
    color: #ffe135;
  }
}
.boxText{
    font-size: 6.8vmin;
    padding: 1.0em;
    line-height: 1.2;
    text-align: right; 
    font-family: 'Kanit','Assistant-Bold'; 
}
.footer { 
    position: fixed; 
    width: 100%;
    bottom: 2%;
}
.btn {
    font-family: 'Assistant-Bold';
    background-color: #2d491e;
}
.hidden { 
    display: none; 
}

#topLink{
    padding-top:1%;
}
#btnModal{
    font-weight:bolder;
}

#btnPoll{
    font-weight:bolder;
}

#acum{
    font-family: 'Assistant-Bold';
}
         
#logoImage{
    display: inline;
}
#logo{
    padding-left: 2em;
}
#pollText{
    color:#555;
    font-size:0.85rem;
    font-family: 'Kanit','Assistant-Bold';
    width:75%;    
    text-align:justify;
    padding-bottom: 10%;
    padding-right: 20%;
}

#tableTBody{
    text-align:right;
}

.textBackgroundColor{
    background-color: rgba(80,80,80,0.9);  
    padding: 0 0.33em;
}
.tableHeaderHours{
    color:#ffa421;
}

#tableHeader{
    color:#592b1f;
    font-weight:700;
    font-size:130%;
}

.textBackgroundColor1{
    /*background-color: rgba(17,119,238,0.8);     */
    background-color: rgba(13,85,174,0.9);
    padding: 0 0.33em;
}

.textBackgroundColor2{
    /*background-color: rgba(25,125,250,0.8);  */
    background-color: rgba(245,245,245,0.9);
    padding: 0 0.33em;
    text-align:right;
}
.textBackgroundColor3{
    color: rgba(165, 229, 255,0.85);
    background-color: rgba(60,60,60,0.6);    
    font-size: 1.2rem;  
}
.navSecondColor{
    /*color: #bcccba;*/
    color:rgba(13,85,174,0.9);
    text-align:right;
}

#songDetails{
    padding-top: 1.25em;    
    font-size: 2.5vmax;
    width: 66.66%;
    /*text-align: justify;*/
    text-align: right;
}

#textReplace{
}
.letter-changer::after {
  animation: changeLetter 20s linear infinite;
  color: #ffe135;
  content: "";
  background-color: rgba(80,80,80,0.6);
}
#messagesDiv{
    background-color: rgba(70,130,180,0.85);
    font-size: 3.5vmin;
    margin: 0 auto;
    width: 75%;
    text-align: justify;
    font-family: 'Kanit','Assistant-Bold'; 
}
#topText{
  color:rgba(220,220,220,1); 
  margin: 0 auto;
    font-size: 1.75vmax;  
    text-decoration: none;
    font-family: 'Assistant-Bold';
}
#myLinks{
    color:#eee; 
    font-weight: 600;
    font-size: 2vmax;
    background-color:rgba(250,20,20,0.67);
}
#contact{
    margin: 0 auto;
    font-size: 1.5rem;
    text-align: center;
    justify-content: center;
    padding-bottom: 1rem;
    font-family: 'Assistant-Bold';
}
#buttonForm{
    margin-top: 2em;
    text-align: center;
}
@media (orientation: landscape) {
    .letter-changer{
      margin-top: -2em;        
    } 
    #songDetails{        
       margin-bottom: 2em;
       margin-top: -1.5em;
    }
}

@media screen and (min-aspect-ratio: 48/25), (max-height: 390px){
    #buttonForm{
        display:none;
    }
}    
#nightStrip{
    font-size: 110%;
    color: rgba(94, 159, 255,0.725);
}
#moonShadow{
    font-size: larger;
}
@media screen and (min-width: 768px){
   #contact{
        font-size: 2rem;
   }      
}
#footerText{
    color: #eee;
    font-size: 2.8vmin;
    font-family: 'Assistant-Light';
    width: 50%;
    text-align: center;
}
#myModal{
    color: #333;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: .6em;
}

.ui-widget-content {
    background: #F9F9F9;
    border: 1px solid #90d93f;
    color: #333;
}

.ui-dialog {
    left: 2%;
    outline: 0 none;
    padding: 1% !important;
    position: absolute;
    top: 0;
}

#success {
    padding: 1rem;
    margin: 1rem; 
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}

.ui-widget-header {
    background: #b0de78 !important;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
        font-size: 1em;
}