/*
Theme Name:Child Theme for Divi
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */



/*העלמת הרווח העליון הענק בסטיקי הדר*/
.et-fixed-header {
       margin-top: -70px!important; 
    } 


/*צבע כותרת מספר ארבע*/
h4  {
       color: rgba(13,82,144,1); 
    } 


/*הוזזת הסליידר קצת למעלה*/
.main-slider {
       margin-top: -20px; 
    } 

/*לקיחת ההדר העליון אחורה-לבדוק אם זה בסדר*/
html body div#top-header {
       z-index: 10; 
    } 


/*העלמת אייקון המייל מעל הלוגו בשורת התפריט המשנית*/
#et-info-email:before {
       display: none!important; 
    } 


/*הסרת הקו האפור מההדר*/
#main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

/*איפוס הפאדינג המוזר החדש*/
.et_pb_section {
    padding: 0px!important;
}

/*סידור גובה התפריט הראשי*/
html body div#et-top-navigation {
       margin-top: 10px; 
       top: 12px; 
    } 
/*סידור גובה הלוגו*/
html body header#main-header #logo {
       margin-top: -35px; 
    } 

/*פונט התפריט*/

html body div#et-top-navigation ul.nav li a {
       font-family: opensanshebrew-light; 
       color: rgba(14,59,94,0.85); 
    } 

/*--------------------סליידר---------------------*/

/*צבעית החיצים בסליידר*/

.et_pb_slider .et-pb-arrow-prev , .et_pb_slider .et-pb-arrow-next {
       color: rgba(0,0,0,1)!important; 
       font-size: 65px; 
    } 

/*הגבלת גובה הסליידר
.et_pb_slider .et_pb_slide {
       max-height: 500px; 
    } 
*/

/*משחק עם איפה מתחיל התוכן בסליידר-פאדינג בחלק והתחתון של תוכן הסליידר*/
@media screen and (min-width: 1200px)  {
.et_pb_slider .et_pb_slide_description {
       padding-bottom: 200px; 
       padding-top: 200px; 
    } 
    }

/*סידור הנקודות בסליידר*/
.et-pb-controllers a:last-child {
margin-right: 10px!important;
}

/*הגדלת כותרת הסליידר בטאבלט גדול עומד-ומטה*/
@media screen and (max-width: 768px)  { .et_pb_slider .et_pb_slide_description h2 {   font-size: 32px; }  }  

/*הקטנת מלל התיאור בסליידר בטאבלט עומד-ומטה*/
@media screen and (max-width: 768px)  { .et_pb_slider .et_pb_slide_content  h4 {   font-size: 20px; }  }  

/*סידור כותרת הסליידר במובייל שוכב-ומטה*/
@media screen and (max-width: 667px)  { .et_pb_slider .et_pb_slide_description h2 {   font-size: 26px!important; }  }  
@media screen and (max-width: 667px)  { .et_pb_slider .et_pb_slide_description h2 {   padding-bottom: 7px; }  }  
@media screen and (max-width: 667px)  { .et_pb_slider .et_pb_slide_description h2 {   padding-top: 13px; }  }


/*העלמת כפתור הסליידר בטאבלט ומטה*/
@media screen and (max-width: 1024px)  {  .et_pb_slider .et_pb_button {   display: none!important; }  }

/*העלמת המלל תיאור בסליידר בטאבלט ומטה*/

@media screen and (max-width: 1024px)  { .et_pb_slider .et_pb_slide_content  p {   display: none; }  }  

/*-------------------- טקסט---------------------*/

/*קביעת פונט הפסקה*/
p {font-family: open_sans_hebrewregular, arial;}

/*קביעת פונט הכותרות*/
h1, h2, h3, h6 {font-family: open_sans_hebrewbold, arial!important;}
h4, h5 {font-family: open_sans_hebrewregular, arial!important;}

/*קביעת גדלי הכותרות*/
h1 {
       font-size: 35px;   
       line-height: 38px;   
}
h2 {
       font-size: 29px;   
       line-height: 31px;   
}
h3 {
       font-size: 23px;   
       line-height: 26px;   
}
h4 {
       font-size: 21px;   
       line-height: 23px;   
}
h5 {
       font-size: 21px;   
       line-height: 28px;   
}
h6 {
       font-size: 18px;   
       line-height: 20px;   
}   

/*--------------------הגדלת הפונט במובייל-לא בשימוש כי עדיף להשתמש בהגדרה של התבנית---------------------
@media screen and (max-width: 667px)  { .et_pb_text {   font-size: 19px !important; }  }  
*/
/*-----------------חובה ב-דיוי כללי---------------*/

/*הגדרת גובה המפה*/
.et_pb_map {
height: 330px !important;
}

/*חשוב בטורים בטאבלט ומובייל שוכב-רווח קטן בין הטורים, שלא יהיו דבוקים*/
@media (max-width: 980px) {
#home-four-row> .et_pb_column.et_pb_column_1_4 { 
margin-right: 2% !important;
}
}

/*יישור כל טקסט האתר לימין במובייל*/
@media (max-width: 800px){
.et_pb_text_align_right {
text-align: right !important;
}
}

/*שדרוג אפקט הפרלקס סיאסס שלא יהרוס את התמונה ברקע*/
.et_parallax_bg {
    background-size: initial;
}

/*תקציר - בלורב - הקטנת האייקון ופאדינג של הטקסט*/

.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img {
       height: 80px; 
    } 
.et_pb_blurb .et_pb_blurb_content p {
       padding-top: 8px; 
    } 

/*הסרת שם התמונה בגלריה*/
.mfp-title , .mfp-counter {
    display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------תפריט ראשי---------------------*/

/*יישור הלוגו לימין והתפריט לשמאל
#logo {
	margin-top: 18px !important;
	float: right !important;
}
#et-top-navigation {
	float: left !important;
	font-family: open_sans_hebrewregular, arial;
}
*/
/*סידור הרווח העליון של הלוגו במצב סטיקי*/
.et-fixed-header #logo{
	margin-top:15px !important;
}

/*סידור הרווח של האלמנט האחרון בתפריט*/
#top-menu > li:last-child {
padding-right: 22px!important;
}

/*סידור שטקסט התפריט במצב הובר לא יהפוך לחלש יותר*/
#top-menu-nav > ul > li > a:hover{
opacity: 1;
}

/*סידור השורה שמעל התפריט- גודל הטקסט שם וגובה האייקונים*/
#et-info-phone:before, #et-info-email:before {
       padding-right: 4px!important; 
       position: relative!important; 
       top: 2px!important; 
    } 

html body div#top-header #et-info {
	font-family: Arial; 
        font-weight: normal!important; 
        letter-spacing: 1px;
        font-size: 15px; 
    } 

/*העברת המייל במובייל לשורה נפרדת- בשורה שמעל התפריט*/
@media only screen and ( max-width: 480px ) {
#top-header #et-info span {
	display: block;
}
}
/*פאדינג-רווח- במובייל לשורה נפרדת- בשורה שמעל התפריט*/
@media only screen and ( max-width: 480px ) {
#et-info-email {
        padding-top: 10px; 
}
}

/*סידור גובה הלוגו בטאבלט ומובייל*/
@media screen and (max-width: 768px)  { html body header#main-header #logo {   position: relative; }  }  
@media screen and (max-width: 768px)  { html body header#main-header #logo {   top: 9px; }  }  
@media screen and (max-width: 480px)  { html body header#main-header #logo {   top: -10px; }  }  

/*החל מטאבלט שוכב: תפריט מובייל במקום תפריט רגיל*/
@media only screen and ( max-width: 1024px ) {
#et_mobile_nav_menu {
display: block;
}
#top-menu-nav, #top-menu {
display: none;
}
}

/*יישור טקסט תפריט המובייל לימין*/
@media screen and (max-width: 1024px)  { .et_mobile_menu {
	text-align: right;
 }  } 
 
/*סידור השקיפות לתפריט מובייל- שיהיה רקע חזק ולא שקוף*/
@media screen and (max-width: 1024px)  { html body .mobile_nav ul#mobile_menu {   background-color: rgba(255, 255, 255,1); }  }




/*--------------------------תת תפריט-------------------------------*/

/*סידור תת התפריט ויישור הטקסט שלו לימין*/

#top-menu .menu-item-has-children > a:first-child {
padding-right: 0 !important;
}
#top-menu .menu-item-has-children > a:after {margin-top: 17px}

#top-menu li li a {
       text-align: right; 
       padding-bottom: 4px; 
       padding-top: 8px;
    } 

/*העלמת הקו התחתון בפריטי תת התפריט*/

#top-menu li ul li a:after {
background-color: transparent;
}

/*צביעת הרקע של פריט בתת תפריט במצב הובר*/

#top-menu li li a:hover {
       background-color: rgba(13,82,144,1)!important; 
       opacity: 1;
       color: rgba(255,255,255,1)!important; 
       font-weight: normal!important; 
    } 

/*צביעת הרקע של פריט בתת תפריט בצבע חלש במצב הפריט הנוכחי*/

#top-menu li li.current-menu-item > a {
       background-color: rgba(13,82,144,0.2); 
    } 

/*-------סוף תת תפריט------*/



/*-------------------קו תחתון והאפקט שלו לפריטי התפריט----------------*/
#top-menu li a:after {
margin-top:3px;
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #95CA52;
opacity:0;

}
#top-menu li a:hover:after {

opacity:1;

}

.current_page_item a:after{
opacity:1 !important;
}

#top-menu li a:after {
content: "" !important;
display: block!important;
width: 100% !important;
height: 2px !important;
-webkit-transform: scale(0,1) !important;
-ms-transform: scale(0,1)!important;
transform: scale(0,1)!important;
-ms-transform-origin: left center!important;
transform-origin: left center!important;
-webkit-transform-origin: left center!important;
transition: all .15s ease-out!important;
filter: alpha(opacity=@opacity * 100)!important;
-moz-opacity: 0!important;
-khtml-opacity: 0!important;
opacity: 0!important;
}

#top-menu li:hover a:after {
transform: scale(1,1)!important;
-webkit-transform-origin: left center!important;
transition: all .15s ease-out!important;
opacity: 1!important;
width: 100%!important;
}

#top-menu li.current_page_item a:after {
transform: scale(1,1)!important;
opacity: 1!important;
}

/*----סוף ענייני התפריט----*/

/*---------------------פוטר--------------------*/

/*העלמת הפוטר הישן*/
html body div#footer-bottom {
       display: none; 
    } 

/*-------הקטנת הפאדינג וצבע קו עליון בפוטר החדש--------*/
.the-footer-row {
       padding-bottom: 0px!important; 
       padding-top: 0px!important;
       border-top-color: rgba(13,82,144,1); 
       border-top-style: solid; 
       border-top-width: 5px!important; 

    }

/*הקטנת/הגבלת הגובה של הפוטר- במחשבי דקסטופ רחבים בלבד-איפה שלא יורד בשתי שורות*/
@media screen and (min-width: 1025px)  {
.the-footer-row .et_pb_row {
    padding: 0px;
    padding-top: 13px;
}
 .the-footer-row {  height:70px;
} 
}

/*צבע האייקונים הפנימיים לרשתות חברתיות בפוטר החדש*/
.et_pb_social_media_follow li a.icon::before {
    color: #2c2c2c;
   }
/*צבע האייקונים הפנימיים לרשתות חברתיות בפוטר החדש במצב האבר*/
.et_pb_social_media_follow li a.icon:hover::before {
    color: #2c2c2c;
}


/*פוטר חדש-יישור אייקוני רשתות חברתיות לאמצע במובייל*/
@media screen and (max-width: 1040px)  {
.et_pb_social_media_follow li {
    float: none;
    margin-bottom: 8px;
    display: inline-block;
}
ul.et_pb_social_media_follow.et_pb_module.et_pb_bg_layout_light.the-social-footer-icons.et_pb_social_media_follow_0.clearfix {
    text-align: center;
}
.et_pb_column.et_pb_column_1_2.et_pb_column_13 {
    margin-bottom: 5px;
}
}


/*-------------------אקורדיון------------------*/

/*רווח תחתון באקורדיון סגור*/
.et_pb_toggle_close {
       margin-bottom: 10px!important; 
    } 

/*צבע וגודל כותרת אקורדיון*/
.et_pb_toggle h5.et_pb_toggle_title {
       color: #144763; 
       font-size: 20px; 
    } 

/*צבע האייקון של האקורדיון*/
.et_pb_toggle_title:before {
       color: #337BA9!important; 
    } 

/*צבע הרקע של האקורדיון הסגור*/
.et_pb_toggle_close {
       background-color: rgba(51,123,169,0.3); 
    } 



/*--------------------עיצוב טופס יצירת קשר--------------------*/


.et_pb_contact p input[type=text] {
       background-color: rgba(172,203,215, 0.298039); 
       color: #1A191E; 
       font-family: open_sans_hebrewregular, arial!important; 
       font-size: 17px; 
       height: 43px; 
       border-color: rgba(204,204,204,1); 
       border-style: solid; 
       border-width: 1px!important; 
    } 

.et_pb_contact p textarea {
       background-color: rgba(172,203,215, 0.298039); 
       color: #1A191E; 
       font-family: open_sans_hebrewregular, arial; 
       font-size: 17px;
       border-color: rgba(204,204,204,1); 
       border-style: solid; 
       border-width: 1px!important;  
    } 
.et_pb_button {
       color: rgba(51,123,169,1) !important; 
       font-family: open_sans_hebrewregular, arial; 
       font-size: 18px; 
       padding-left: 35px; 
       padding-right: 35px;
       border-bottom-width: 2px; 
 
    } 
.et_pb_button:hover {
       background-color: #337BA9!important; 
       color: rgba(255,255,255,1)!important; 
       padding-left: 35px; 
       padding-right: 35px; 
    } 
 /*הקוד הבא למקרה שלכפתורי האתר צריך צבע טקסט ספציפי או לבן במצב הובר*/
.et_pb_section .et_pb_button:hover {
       color: #FFFFFF!important; 
    }

 /*----------סידור יצירת קשר בפאיירפוקס במקרה של הקטנת גובה השדות---------*/
.et_pb_contact p input[type="text"] {
padding-bottom: 10px;
padding-top: 10px;
}


/*-----------------סוף-----------------*/

/*סידור ענייני גודל וגובה לוגו ותפריט במובייל*/

@media screen and (max-width: 1024px)  { html body div#et-top-navigation {   margin-top: 0px; }  }  
@media screen and (max-width: 1024px)  { html body div#et-top-navigation {   padding-bottom: 33px; }  }  
@media screen and (max-width: 768px)  { html body header#main-header #logo {   min-height: 95px; }  }  
@media screen and (max-width: 768px)  { html body header#main-header #logo {   width: 72px; }  }  
@media screen and (max-width: 667px)  { html body header#main-header #logo {   margin-top: -15px; }  }  
@media screen and (max-width: 667px)  { html body header#main-header #logo {   min-height: 85px; }  }  
@media screen and (max-width: 667px)  { html body header#main-header #logo {   width: 70px; }  }  
@media screen and (max-width: 480px)  { .post-5 .et_pb_section:nth-child(1) .et_pb_slider {   margin-top: -20px; }  }  
@media screen and (max-width: 480px)  { html body .mobile_nav {   margin-bottom: 0px; }  }  
@media screen and (max-width: 480px)  { html body header#main-header #logo {   margin-bottom: -20px; }  }  
@media screen and (max-width: 480px)  { html body header#main-header #logo {   margin-top: -11px; }  }  
@media screen and (max-width: 480px)  { html body header#main-header #logo {   min-height: 85px; }  }  
@media screen and (max-width: 480px)  { html body header#main-header #logo {   width: 71px; }  }  


/*-------------------------------------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'opensanshebrew-light';
    src: url('opensanshebrew-light-webfont.eot');
    src: url('opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensanshebrew-light-webfont.woff2') format('woff2'),
         url('opensanshebrew-light-webfont.woff') format('woff'),
         url('opensanshebrew-light-webfont.ttf') format('truetype'),
         url('opensanshebrew-light-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans_hebrewregular';
    src: url('opensanshebrew-regular-webfont.eot');
    src: url('opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensanshebrew-regular-webfont.woff2') format('woff2'),
         url('opensanshebrew-regular-webfont.woff') format('woff'),
         url('opensanshebrew-regular-webfont.ttf') format('truetype'),
         url('opensanshebrew-regular-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_hebrewbold';
    src: url('opensanshebrew-bold-webfont.eot');
    src: url('opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensanshebrew-bold-webfont.woff2') format('woff2'),
         url('opensanshebrew-bold-webfont.woff') format('woff'),
         url('opensanshebrew-bold-webfont.ttf') format('truetype'),
         url('opensanshebrew-bold-webfont.svg#open_sans_hebrewbold') format('svg');
    font-weight: normal;
    font-style: normal;

}