@import url('http://fonts.googleapis.com/earlyaccess/alefhebrew.css');
* {margin:0; padding:0; }

html,body { direction: rtl; font-family: 'Alef Hebrew', sans-serif; font-size: 13px; padding:0; margin:0; }

/*header { min-width: 970px; max-width: 90%; height: 200px; padding: 10px 0; background: #2f2f2f url('images/header.jpg') no-repeat center; background-size: contain; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }*/
header { border-bottom: 0px solid #ececec; padding-right: 20px; height: 70px; line-height: 70px; /*background: #efefef;*/ }
header h1 span { font-size: 14px; font-weight: normal; font-family: arial; color: black;}

header #logo { font-size: 38px; color: #1AB6F1; font-weight: bold;  font-family: 'Alef Hebrew'; cursor: pointer;}
.first_sentence { font-size: 24px; color: #0bb078;   font-family: 'Alef Hebrew'; cursor: pointer;   }
.logo {font-size: 38px; font-family: 'Alef Hebrew'; font-weight: bold; cursor: pointer;color: #EE4B3e;}

.plainmenu {width:100px; float:left;}
#fav { float: left; padding: 0 20px; margin-left: 10px; font-size: 21px; color: #4285F4; border: 1px solid #4285F4; border-radius: 20px; line-height: 50px; margin-top: 9px; text-decoration: none; }
#fav:hover { background: #4285F4; color: #fff; }
#menuToggle { height: 32px; width: 32px; margin-top: 12px; float: right; margin-left: 10px; } 
#navContainer { min-height: 0px; }
#nav { display: none; clear: both; background: #0bb078; margin-top:10px;}
#nav ul { list-style-type: none; }
#nav ul li a{ float: right; width: 200px; text-align: center; display: inline-block; color: #fff; line-height: 48px; padding-bottom: 2px; font-size: 18px; border-left: 1px solid #03a06a; }
#nav ul li a:hover { background-color: #03a06a; }
.clear { clear: both; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
:focus {
	outline: #EE4B3e solid 1px ;
}
.play_audio :focus {
	outline: #EE4B3e solid 0px ;
}
.blue_section { border: 0px solid #1AB6F1;
                background: #F2F2F3;            
                min-height: 200px; display: none;
                /*position: absolute;*/ 
                width: 80%;
                /*min-width: 500px;*/
                max-width: 1200px;
                box-sizing: border-box;
                margin: 0 auto;
                padding: 2%;
                border-radius: 10px;}
                
.blue_section h1 { padding: 0 10px 22px; font-size: 46px; line-height: 1; text-align:right; color:#EE4B3e;}
.blue_section_saved { border: 0px solid #1AB6F1; background: #ecf0f1;
min-height: 200px; display: block; margin-bottom: 40px;
 /*position: absolute;*/ width: 94%; max-width: 1200px; box-sizing: border-box; margin: 40px auto; padding: 2%; border-radius: 10px;}
 
 
 .blue_section_saved h1 { text-align: right; font-size: 48px; color: #EE4B3E;}
.blue_section_saved h2 { text-align: right; font-size: 40px; color: #EE4B3E;}
.blue_section_saved h3 { text-align: right; font-size: 36px; color: #0BB078;}
.blue_section_saved p { text-align: right; font-size: 24px;}
.blue_section_index { border: 0px solid #1AB6F1; background: #ecf0f1;
background-image: url('images/1-comic.png');
 background-position: 40% top;
 background-repeat: no-repeat ;
min-height: 200px; display: block; margin-bottom: 30px;
 /*position: absolute;*/ width: 94%; max-width: 1200px; box-sizing: border-box; margin: 20px auto; padding: 2%; border-radius: 10px;}
 
.blue_section_index h1 { text-align: center; font-size: 48px; color: #EE4B3E;}
.blue_section_index h3 { text-align: center; font-size: 36px; color: #EE4B3E;}
.blue_section_index p { text-align: center; font-size: 24px;}

.blue_section_info h1 { text-align: right; font-size: 48px; color: #EE4B3E;}
.blue_section_info h2 { text-align: right; font-size: 48px; color: #EE4B3E;}
.blue_section_info p { text-align: right; font-size: 24px;}
.blue_section_info { border: 0px solid #1AB6F1; background: #ecf0f1;
background-image: url('images/1-comic.png');
 background-position: 20% top;
 background-repeat: no-repeat ;
min-height: 200px; display: block; margin-bottom: 30px;
 /*position: absolute;*/ width: 94%; max-width: 1200px; box-sizing: border-box; margin: 20px auto; padding: 2%; border-radius: 10px;}


.index_links { margin-top: 10px; padding-top: 12px; }
.index_links a {  display: inline-block; width: 20%;height:40px; font-size: 24px; text-align: center;  border-radius: 10px; color: #fff; margin:5px;padding-top: 70px;}
.index_links a.allLammma { background-image: url('images/heartssmall.png');	background-repeat: no-repeat;background-position: center 10px; width:20%; height:40px;  margin:5px;padding-top: 70px; margin-right:18%; }
.index_links a.allLammmaLoved {  background-image: url('images/doorsmall.png');	background-repeat: no-repeat;background-position: center 10px;width:20%; height:40px; margin:5px;padding-top: 70px;  }
.winter{width:120px; height:120px; background-image: url('images/cloudsmall.png');	background-repeat: no-repeat;background-position: center 10px;}
.mishpacha{width:120px; height:120px; background-image: url('images/mishpacha.png');	background-repeat: no-repeat;background-position: center 10px;}
.roshhashana{width:120px; height:120px; background-image: url('images/roshhashana.png');	background-repeat: no-repeat;background-position: center 10px;}
.chanuka{width:120px; height:120px; background-image: url('images/chanuka.png');	background-repeat: no-repeat;background-position: center 10px;}
.indexsound {  background-image: url('images/audio.png');	background-repeat: no-repeat; background-position: center 3px;border-radius: 10px; margin:5px 0 0 0;padding:85px 35px 5px 35px; font-size: 24px; text-align: center;   color: #fff  }
.indexsound:hover{  background-image: url('images/play_audio.png');}
.blue_section_right { height: 300px; width: 460px; float:right; margin-left: 20px; }
.play_audio1 { display: block; width: 200px; height: 140px; background: #fcc500 url('images/audio.png') no-repeat center 10px; border-radius: 10px; margin-bottom: 10px; }
.play_audio1:hover { background: #fce100 url('images/play_audio.png') no-repeat center 10px; transition: background-color 300ms linear; }

.play_audio2 { margin-right:0; float:right; display: block; background: url('images/audio.png') no-repeat center 40% #fcc500; color: #fff; text-decoration: none !important; font-size: 26px; font-weight: bold; height: 129px; padding-top: 172px; text-align: center; display: block; width: 160px; border-radius: 0px 10px 10px 0px; margin-bottom: 10px; }
.play_audio2:hover {  background-image:url('images/play_audio.png')  center 40% #fce100;/* no-repeat top center 84px #fce100 !important;*/ transition: background-color 300ms linear; }



#tagTitle { text-align:center; font-size:2.4em; margin: 0px auto; /*min-width: 500px;*/ max-width: 1200px; color:#A3527A;}
.privetpage{ color: #EE4B3e;width:500px; background:url('images/doorredlittle.png') no-repeat right top; padding:0 0 10px 0;}


/*.like_question  { color: #fff; text-decoration: none !important; font-size: 96px; text-align: center; display: block; width: 200px; height: 140px; background: #4285F4; border-radius: 10px; margin-bottom: 10px; }
.like_question:hover { background-color: #3262ba !important; transition: background-color 300ms linear; }*/
.unlike_question { display: inline-block; background: #aeaeae; color: #fff; text-decoration: none !important; font-size: 18px; font-weight: bold; height: 30px; padding: 0px 20px;  border-radius: 10px; margin-bottom: 10px; }
.unlike_question:hover { background-color: #7f7f7f !important; transition: background-color 300ms linear; }
.like_question { display: inline-block; background: #EE4B3e; color: #fff; text-decoration: none !important; font-size: 18px; font-weight: bold; height: 30px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; }
.like_question:hover { background:#ef2b2b !important; transition: background-color 300ms linear; }
.like_question_active { /*background-image: url('images/heartsmile.png') !important; */background-color:#EE4B3e}
.linkToQuestion { display: inline-block; background: #0BB078; color: #fff; text-decoration: none !important; font-size: 18px; font-weight: bold; height: 30px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; }

.like_ques_button 
{
    color: #fff; text-decoration: none !important; font-size: 18px; font-weight: bold; text-align: center; display: block;
	
    }
    
    
.address {text-align: center; font-size: 48px; color: #EE4B3E; }    
    
/*
.like_question_active { background: #fff !important; color: #4285F4; box-sizing: border-box; border: 2px solid #4285F4; }
.like_question_active:hover { background-color: #fff !important; color: #3262ba !important; transition: color 300ms linear; }*/
.play_audio_active { background: #fce100 url('images/play_audio.png') no-repeat center 40%; }
.play_audio_active:hover { background: #fce100 url('images/play_audio.png') no-repeat center 40%; }
.blue_section p { margin-bottom: 20px; font-size: 22px; line-height: 28px; color: #2f2f2f; /*float: right; */padding: 0px; }
.question_image { float: left; height: 100%; min-height: 200px; border-radius: 10px; margin-right:10px; }
.question_img { float: right; height: 100%; min-height: 300px; width: 300px; box-sizing: border-box; background: no-repeat center center #FEFCFF; color: #fff;
font-size: 14px;
font-weight:bold;
padding-top: 265px;
padding-right: 10px; 	
text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000; background-size: cover; border-radius: 10px 0px 0px 10px; border: 2px solid #cecece; border-right-width: 0px; }
.question_img_mobile { display: none; }
.question_content { /*width: 615px;*/ font-size: 24px; line-height: 28px; color: #2f2f2f; margin-top:-8px; }
.questions h1,.questions h2 { padding: 10px; color: #EE4B3e; line-height: 38px;  }

.controllers { height: 10px; padding: 0px 0; }
/*.controller_key { width: 350px; display: block; font-size: 18px; line-height: 50px; text-align: center; height: 50px; background: #4285F4; border-radius: 10px; color: #fff; font-weight: bold;  }*/
.controller_key { width: 350px; display: block;  line-height: 130px; text-align: center; height: 130px; color: #fff; font-weight: bold;  }
.controller_key:hover { transition: background-color 300ms linear; font-weight: bold; }
#nextQuestion { float: left; position: fixed; left: 0; bottom: 0;width: 41%; font-size: 4vw; overflow: hidden; box-sizing:border-box; border-right: 1px solid #fff; }
#savedQuestionsLink {  float: left; position: fixed; left: 0; bottom: 0; margin-left: 41%; width: 19%; font-size: 18px;/*6vw;*/  overflow: hidden; background-image: url('images/home.png'); background-position: top 15px center; background-repeat: no-repeat;padding-top: 44px;height: 86px; } 
#savedQuestionsLink7:hover {  float: left; position: fixed; left: 0; bottom: 0; margin-left: 41%; width: 19%; font-size: 6vw;  overflow: hidden;} 
.start{background-image: url('images/home.png') ;}
#backHomeLink { float: left; position: fixed; left: 0; bottom: 0; margin-left: 0%; width: 100%; font-size: 6vw;  overflow: hidden;} 
#prevQuestion { float: right; position: fixed;  width: 40%; right: 0; bottom: 0; font-size: 4vw; box-sizing:border-box; border-left: 1px solid #fff; }

#question_1 { display: block; }
#savedQuestionsTitle { background: #4285F4; font-weight: bold; text-align: center; line-height: 50px; font-size: 24px; margin-bottom: 20px; }
#bottomButtonsPlaceholder { height: 130px; }
#noSavedQuestions { width: 600px; font-size: 48px; margin: 20px auto; width: 94%; /*min-width: 500px;*/ max-width: 1200px; }
#noSavedQuestions a { color: #1AB6F1; }

.homeicon
{
    height:80px; width:80px;
    }
     /*form*/
    
     #mc_embed_signup
     
        {                  
                width: 80%;
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px 70px 20px 0px;
                text-align: right; font-size: 24px; 
                  }
  
     .labelname
     { width:50px;
       float:right;
       color:#0bb078;
       }
      .labelemail
     { width:90px;
       float:right;
       color:#0bb078;
       
       }
       
     .MailChi_mpinput {width:220px; height:30px; float:right; text-align: right; font-size: 18px;margin-left:10px; }  
     
    #mc_embed_signup h2 { font-size:24px; width:300px; float:right; color:#0bb078;}  
    #mc-embedded-subscribe{font-size:20px; width:80px; float:right; color:#057d54; height:30px; }
    
    .Mailmistic {position: absolute; visibility: hidden;}
/*
colors
*/
.red{ background-color:#EE4B3e;}
.red:hover{ background-color:#D64438;}
.Turquoise { background-color:#0bb078;}
.Turquoise:hover { background-color:#23B886;}
.green{background-color:#1FDA9A; }
.green:hover{ background-color:#35DEA4;}
.gray{}
.darkgray{}
.yelow{ background-color: #fcc500;}
.yelow:hover { background-color:#fce100;}
.blue{background-color:#169393;}
.blue:hover{background-color:#19A3A3;}
.pink{background-color:#E65858;}
.pink:hover{background-color:#FF6262;}
.orange{}
.violet{background-color:#A3527A;}
.violet:hover{background-color:#AC6387;}

@media screen and (max-width: 400px) {
	
    #logo { font-size: 26px; }
    .first_sentence {margin-top:20px; margin-bottom:30px; line-height:normal; font-size:0.5em; }
	#nav { display: none; height: 100%; }
	#nav li a{ width: 100% !important; display: block; clear: both; float: none; }

    .controllers { height: 0px; }
    .blue_section { width:94%;}
	.blue_section h1 { font-size:2.4em; }
	.question_content h1 { font-size:2.4em; }
	.blue_section_saved h1 { font-size:2.4em; }
	.blue_section_saved h2 { font-size:2.4em; }
	.blue_section_saved { margin-top: 20px; }
	.blue_section_index { margin-top: 20px; }
	.blue_section_right { float: none; width: 100%; height: 150px;}

	.question_img  { min-height: 270px; width: 100%; margin: 0; padding: 0; border-width: 0px; border-bottom-width:0; border-radius: 0 0 10px 10px; }
	.question_img_mobile { display: block; height: auto; min-height: 200px; width: 100%; box-sizing: border-box; background: no-repeat center center #D4D5D6; background-size: cover; border-radius: 10px; border: 2px solid #cecece; margin: 20px auto 10px auto; }
	.play_audio2 { height: 100px; line-height:100px; margin: 0; padding: 0; width:70%; padding-right:30%; background: url('images/audio.png') no-repeat 70% center #fcc500; border-radius: 10px 10px 0 0 ; float: right; }
	.play_audio_active  {background:#fce100  url('images/play_audio.png')  no-repeat 70% center  ;}
	.play_audio_active:hover  {background:#fce100 url('images/play_audio.png') no-repeat 70% center  ;}
	.indexsound {  visibility: hidden; }
	/*.like_question,.unlike_question { float: left; width: 49%; }*/

	.question_content { padding: 0; }
	#nextQuestion,#prevQuestion,#backHomeLink,#savedQuestionsLink { position: fixed; line-height: 60px; height: 60px !important; padding-top: 0; background-image: none;}
	#bottomButtonsPlaceholder { clear: both; height: 90px; }
    #savedQuestionsLink img { margin-top:5%; width:80%;}
    
    
    .blue_section_index { 
background-image: url('images/1-comic.png');
 background-position: 20% top;
 background-repeat: no-repeat ;
 background-size: 150px, 150px;
min-height: 200px; display: block; margin-bottom: 30px; /*position: absolute;*/ width: 94%; max-width: 1200px; box-sizing: border-box; margin: 20px auto; padding: 2%; border-radius: 10px; margin:0;}


.index_links { margin-top: 10px; padding-top: 12px; }
.index_links a { display: inline-block; width: 100%;height:70px; font-size: 24px; text-align: center;  border-radius: 10px; color: #fff; margin:5px;padding-top: 25px;margin-right:0;background-position: 95% center;}
.index_links a.allLammma { width:100%; height:70px;  margin:5px;padding-top: 25px; margin-right:0;background-position: 95% center; }
.index_links a.allLammmaLoved {  background-image: url('images/doorsmall.png');	background-repeat: no-repeat; background-position: 95% center;width:100%; height:70px; margin:5px;padding-top: 25px; margin-right:0;  }

.blue_section_info { border: 0px solid #1AB6F1; background: #ecf0f1;
background-image: url('images/1-comic.png');
 background-position: left top;
 background-repeat: no-repeat ;
 background-size: 150px, 150px;
min-height: 200px; display: block; margin-bottom: 30px;
 /*position: absolute;*/ width: 100%; max-width: 1200px; box-sizing: border-box; margin: 20px auto; padding: 2%; border-radius: 10px;}

#tagTitle { font-size: 38px; width:100%; /*min-width: 500px;*/ max-width: 1200px;  min-height:60px;}
.privetpage{ color: #EE4B3e;width:300px;  background:url('images/heartlllpng.png') repeat-x  center bottom;  }
#savedQuestionsLink {  font-size: 4vw; } 
.homeicon
{
    height:10px; width:10px;
    }
    
     /*form*/
    
     #mc_embed_signup
     
        {       text-align: right; font-size: 24px;            
                
                /*position: absolute;*/ 
                width: 94%; max-width: 1200px;
                /*min-width: 500px;*/
                margin: 0 auto;
                padding: 20px 0px 20px 0px;
                  }
  
     .labelname
     { width:100%;
       float:right;
       color:#0bb078;
       }
      .labelemail
     { width:100%;
       float:right;
       color:#0bb078; }
       
.MailChi_mpinput {width:100%; height:30px; float:right; text-align: right; font-size: 18px;margin-left:0px; }  
     
    #mc_embed_signup h2 { font-size:24px; width:100%; float:right; color:#0bb078;}  
    #mc-embedded-subscribe{font-size:20px; width:30%;  color:#ffffff; background-color:#0bb078; height:30px; margin:15px 35% 0 0 ; text-align:center;}
    

}