/*
 Theme Name:   Katef-twentysixteen-child
 Theme URI:    http://he.katef.org.il/
 Description:  Katef theme
 Author:       Ofek Cohany
 Author URI:   http://ofekhorizon.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  
*/


/* HEBREW*/
body{direction: rtl; background-color: white; margin:0; top:0px; margin:0px; }
body:not(.custom-background-image)::before{height:0px !important;}
body:not(.custom-background-image)::after{height:0px !important;}


/*@font-face {
    font-family: Alef-Regular;
    src: url(Alef-Webfont/Alef-Regular.woff);
}
@font-face {
    font-family: Alef-Bold;
    src: url(Alef-Webfont/Alef-Bold.woff);
}*/
html, body, .main-navigation, button, input, select, textarea, .page-title, .entry-title{font-family: Alef !important;}
.site{margin:0px;}
.site-inner{max-width: none !important;}
.site-main{margin-bottom: 5em;}


/*SET FOOTER TO BOTTOM - ALSO AT FOOTER CSS*/
html, body, #page{height:100%; padding:0; margin:0;}
.site-inner{min-height:100%; padding:0; margin:0;}

.albums_margin{display:inline-block !important;}


/*COLORS*/
.light_gray{color: #636363 !important;}
.dark_gray{color: #252525 !important;}
.site_yellow{color: #e3b861 !important;}
.site_orange{color: #cd674e !important;}
.site_dark_blue{color: #257a86 !important;}
.site_light_blue{color: #36a6b6 !important;}
.site_green{color: #00b034 !important;}

/*TABLES*/
.table{display:table;}
.table_row{display: table-row;}
.table_cell{display: table-cell;}

.entry-content, .home_about_us{font-size:1.2rem;}
.entry-content table, .entry-content table tr td{border:none;}


.site-header{padding: 0.5% 10% 0.5% 10%; border-bottom: solid 0px #636363; position:relative; z-index: 10; background-color: white; box-shadow: 0px 5px 4px #636363;}
.site-header-main{display:block;}
.site-branding{float:right;}
.site-header-menu{float:right;}
.site-header-search{float:right; line-height: 1.75; margin-top: 1.75em; margin-right: 5%;}
.site-header-icons{float:left; margin-top: 1.7em; margin-right: 0%;}
.site-header-icons img{height:30px;}
@media screen and (max-width: 1350px) {
    .site-header{padding: 0.5% 5% 0.5% 5% !important;}
}

.site-branding{margin:0 0 0 4%; }
.page-header, .page-content, .entry-header, .entry-content{margin:0px !important;}
.search-box{width:70% !important; background-color: white !important; padding:0.3em !important; box-shadow: 3px 3px 5px #888888;}
.search-btn{background-image: url(images/search.png) !important; background-repeat: no-repeat !important; background-position: center !important; background-color: transparent !important; background-size: 20px 20px !important; margin-left:20px;}




/*.page-scroll-buttons button, .page-scroll-buttons button:hover, .page-scroll-buttons button:focus{background-image: url(images/arrow_bottom.png) !important; background-repeat: no-repeat;}*/

/*MOBILE*/
@media screen and (max-width: 56.875em) {
    .site{overflow-x: hidden;}
    .page-scroll-buttons{display:none;}
    .albums_margin{display:block !important;}
    .site-header{padding:0px 0px 0px 0px;}
    .site-branding img{height:80px;}
    .site-branding{padding-bottom: 10px; padding-right: 10px;}
    .site-header-main{display:block;}
    .site-header-icons{/*margin-right:5%;*/ position:absolute; top:10px; left:10px; margin-top: 0px !important;}
    .site-header-icons img{height:25px;}
    .menu-toggle{margin:0; padding:6px; position:absolute; top: 50px; left:10px;}
    .menu-toggle img{width:20px; height:20px;}
    .site-header-search{/*margin-top:0px; margin-bottom: 3%;*/ position: absolute; top:50px; left:30px; margin:0 !important;}
    .search-box{width:15%;}
    .site-header-menu{position: absolute; top: 100px; right: 0; background-color: white; width: 90%;}
    .home_team{width:100% !important; margin:0 !important;}
    
    /*.home_bg{width:150% !important; max-width: 150%; position:absolute; left:0px;}
    .home_bg_container{height:100px;}*
    
    /*.home_sentence_wrapper{top:3% !important; left:8% !important; }
    .home_sentence_wrapper p{font-size:50%; line-height: 80%;}*/
    
    .entry-content{width:95% !important;}
    #popup1{max-width:80% !important;}
    .site-branding{padding-top:5px;}
    header{padding-top:0 !important; padding-bottom: 0 !important;}
    .menu-toggle{margin-bottom: 5px;}
}


/*MAIN MENU*/
.site-header-menu{margin-top: 2.4em;}
.site-header-menu .primary-menu li{border-left: solid 2px #00b034 !important; float:right !important;}
.site-header-menu .primary-menu li:last-child{border-left:solid 0px !important;}
.site-header-menu .primary-menu li a{color: #636363 !important; padding-top: 0em; padding-bottom: 0em;}
.site-header-menu .primary-menu li a:hover{font-weight: bold; color:#00b034 !important;}
.site-header-menu .main-navigation .menu-item-has-children > a:after {content: "\f431"; content: block; right:0.925em !important; top:0.2em;}
.site-header-menu .sub-menu{left:0; display:none;} /*set sub menu under LI - it used to be very far on the left*/
/*ENGLISH MENU*/
ul#menu-english-menu>li{float:left !important;}
ul#menu-english-menu>li:first-child{border-left:solid 0px !important;}
ul#menu-english-menu>li:last-child{border-left: solid 2px #00b034 !important;}
@media screen and (min-width: 56.875em) {
    .site-header-menu.toggled-on, .main-navigation ul .toggled-on{display:none;} /*Hide sub menu even if the page there is selected*/
}
.site-header-menu .primary-menu li:hover .sub-menu{display:block;} /*Display sub menu*/
.site-header-menu .sub-menu li{border:solid 1px gray !important; border-bottom-color: #00b034 !important; padding:2%;}
.site-header-menu .sub-menu li:last-child{border-left:solid 1px gray !important;}
.site-header-menu .menu-toggle{margin-top: 3em;}

@media screen and (max-width: 66em) {
    .site-header-icons{margin-top:10px;}
}

/*MOBILE MAIN MENU*/
@media screen and (max-width: 56.875em) {
    .site-header-menu .primary-menu li, ul#menu-english-menu>li{float:none !important; border-left: solid 0px transparent !important;}
    ul#menu-english-menu>li{float:none !important; border-left: solid 0px transparent !important; text-align: left;}
    .site-header-menu{margin:0 5% 0 0;}
    .main-navigation .menu-item-has-children > a{margin-right:0px;}
    .dropdown-toggle toggled-on{display:none;}
    .dropdown-toggle::after{display:none;}
    .site-header-menu .sub-menu li{border:none !important; border-bottom-color: #00b034 !important; padding:0 4% 0 0;}
    .site-header-menu .sub-menu li:last-child{border-left:none !important;}
}

/*FOOTER*/
.site-footer{background-color: #36a6b6; color:white; padding-bottom: 10px; position: absolute; width:100%; bottom:0; left:0; height:120px;}
.site-footer .site-info, .site-info a{color:white;}
.site-footer .site-info{margin: 0 auto; padding-top:1%; position: absolute; bottom:5%; right:5%;}
.site-footer .main-navigation{display:block !important; margin: 10px auto; min-height: 30px;}
.site-footer .main-navigation ul li{float:right; border-left:solid 1px white; border-top: solid 0px transparent; padding: 0 5px 0 5px;}
.site-footer .main-navigation ul li:last-child{border-left:solid 0px transparent;}
.site-footer .main-navigation a{color:white; padding-top:0; padding-bottom: 0;}
.site-footer .main-navigation a:hover{font-weight: bold; color:white !important;}
ul#menu-english-footer-menu li{float:left;}
ul#menu-english-footer-menu li:first-child{border-left:none;}
ul#menu-english-footer-menu li:last-child{border-left:1px solid white;}
@media screen and (max-width: 56.875em) {
    .site-footer{background-color: #36a6b6; color:white; padding-bottom: 10px; position: relative;}
    .site-footer .site-info, .site-info a{color:white;}
    .site-footer .site-info{margin: 0 auto; padding-top:1%; position: absolute; bottom:5%; right:5%;}
    .site-footer .main-navigation{display:block !important; margin: 10px auto; min-height: 30px;}
    .site-footer .main-navigation ul li{float:right; border-left:solid 1px white; border-top: solid 0px transparent; padding: 0 5px 0 5px;}
    .site-footer .main-navigation ul li:last-child{border-left:solid 0px transparent;}
    .site-footer .main-navigation a{color:white; padding-top:0; padding-bottom: 0;}
}

.site-content{padding:0 0 75px 0; clear:both;}
.content-area h1{font-size:1.5em;}

/*SEARCH*/
.search_main .page-header, .search_main .entry-header{margin-right: 5% !important;}
.search_main .entry-title{margin-bottom: 0 !important;}
.search_main .entry-summary{margin-right:5% !important;}

/*IMAGE GALLERY*/
.pp_nav a, .pp_close{color:transparent;}

/*POPUP*/
#popup1{width:auto !important; max-width: 50%; position:fixed;}
#popup1 img{max-height: 500px;}


/*BLUE TEMPLATE*/
.template_blue{background-color: #36a6b6; color:white; padding: 5% 5% 1px 5%; margin-bottom: 5% !important; padding-top:15px !important; position: relative; 
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

/*CIRCLES TEMPLATE*/
.template_circles{margin-bottom: 5% !important; position: relative; z-index: 0;}
.template_circles .entry-header{background-color: #36a6b6; color:white; padding: 15px 5% 1px 5%; 
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    position: relative; z-index: 0;
}
.circles_bg{position:absolute; z-index:10; top:0; left:0; width:50%; opacity: 0.8; filter: alpha(opacity=80);}
.circles_image{position:absolute; z-index:5; top:-7%; left:-22.5%; border-radius: 50%; width:47%;}

.template_circles .entry-header{position:relative;}
.template_circles .entry-content{padding:6% 5% 5% 5%; width:65%; color: #636363;}
.template_circles .entry-content p{color: #636363;}
.template_circles .entry-content h3{color:#36a6b6;}
.template_circles .entry-content ul li{list-style-position: inside;}

.read_more{ width:150px; height:150px;
            background-image: url('images/green_link.png');
            background-size: 150px;
            position:relative;
            float:left;
            margin-bottom:5%;
            margin-left:5%;
            text-align: center;
            line-height: 150px;
}
.read_more a{color:white; display: block; font-size: 20px;}

/*HOME*/
.home_wrapper{position: relative;}
#home_section_1{position:relative; margin-bottom: 5%;}
.home_bg{width:100%;}
.home_bg_container{position:relative;}
.home_sentence_wrapper{display:block; position:absolute; top: 30%; left:6%; width:50%; color:white; font-size: 200%; line-height: 100%; text-align: center;}
.home_sentence_wrapper .home_sentence_name{color:#636363;}
@media screen and (max-width: 56.875em) {
    .home_sentence_wrapper{top: 5%; font-size: 130% !important; line-height: 140%;}
}
@media screen and (max-width: 44.375em) {
    .home_sentence_wrapper{top: 3%; font-size: 90% !important; line-height: 130%;}
}

.home_circles{position:absolute; top:30%; right:3%; width: 25vw; height:25vw; /*border:solid 1px red;*/}
.home_circles .table_cell{vertical-align: middle; text-align: center; /*width:240px; height:240px;*/ position: relative;}
.home_circles img{position:relative; width:90%; height:90%; margin-top: 5%; margin-bottom: 5%;}
.home_circles .table_cell .home_circles_text{line-height: 18px; vertical-align: middle; z-index: 20; position: absolute; width:70%; left: 15%; height:50%; top:25%; display: inline-block; top: 50%;
   /*background-image: url(images/arrow_left.png) !important; background-repeat: no-repeat !important; background-position: left;*/ }
.home_circles .table_cell .home_circles_text div{position:relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.home_circles .table_cell .home_circles_text div h6{display:inline-block;}
.home_circles .table_cell .home_circles_text:before{/*content: ''; display: inline-block; height: 100%;vertical-align: middle;*/}
.home_circles .table_cell .home_circles_text h6{display: table-cell; vertical-align: middle;}
.home_circles .table_cell .home_circles_text a{color:white; font-size:22px;}
.home_circles .table_cell .home_circles_text a:hover{color:#636363; font-weight: bold;}
@media screen and (max-width: 61.5625em) {
    /*985px*/
    .home_circles{display:block; position:relative; width:100%; height:100%; right:0 !important;}   
    .home_circles .table_row{display:block; width: 50%; text-align: center; margin: 0 auto;}
    .home_circles .table_cell{display:block;}
}
/*@media screen and (max-width: 56.875em) {
    .home_circles .table_cell{width:110px; height:110px;}
    .home_circles img{position:absolute; top:2px;}
    .home_circles .table_cell .home_circles_text{width:100px; background-position: 5px;}
    .home_circles .table_cell .home_circles_text a{font-size:18px;}
}
@media screen and (max-width: 44.375em) {
    .home_circles .table_cell{width:90px; height:90px;}
    .home_circles img{position:absolute; top:2px;}
    .home_circles .table_cell .home_circles_text{width:60px; background-position: 0px; background-size: 10px 10px !important;}
    .home_circles .table_cell .home_circles_text a{font-size:14px;}
}*/
.home_about_us{background-color: #36a6b6; color:white; padding: 2% 5% 1px 2%; margin-bottom: 2% !important;}
/*.home_about_us p{display:block; float:right;}
.home_about_us h3{float:right;}*/
.home_team{color: #36a6b6; width:90%; margin-right:5%; padding:0 4% 3% 4%;}
.home_team .circle_wrapper{}
/*.home_team .circle_wrapper:first-of-type{margin-right: 0px !important;}*/
.home_team .our_team_header{font-size:200%;}
.div_our_team{position:absolute; bottom: 0px; }

/*FAMILIES*/
.families_wrapper{/*width:90%; margin:5%;*/ margin-bottom: 0px !important;}
.families_wrapper .entry-header{background-color: #36a6b6; color:white; padding: 15px 5% 1px 5%; 
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    position: relative; z-index: 0;
}
.families_wrapper > article{margin-bottom: 1em;}
.families_wrapper .circles_wrapper{width:90%; margin-right: 5%; padding:0 4% 3% 4%;}
/*.families_wrapper .circles_wrapper .circle_wrapper:first-of-type{margin-right: 0;}*/
.families_wrapper .circle_wrapper{float:right; margin: 2%; position: relative;}
.families_wrapper .circle_wrapper .text_wrapper{position:absolute; z-index: 15; left:0; top:0; width:58%; padding:2%; height:100%; text-align: center; color:white; cursor: pointer;}
.families_wrapper .circle_wrapper .text_wrapper:hover{color:#636363;}
.families_wrapper .circle_wrapper .text_wrapper .top_text{width:100%; max-height:30%; margin-top: 30%; font-size:22px; line-height: 20px; font-weight:bold; vertical-align: bottom;}
.families_wrapper .circle_wrapper .text_wrapper .bottom_text{width:100%; height:30%; font-size:16px; line-height: 18px; font-weight:normal; vertical-align: top;}
.families_wrapper .circle_wrapper .image img{border-radius: 50%; position: absolute; top:0; right:0; height:100%; max-width: 60%; z-index: 5;}
.families_wrapper .circle_wrapper img.circles{position: relative; z-index: 10; opacity: 0.8; filter: alpha(opacity=80);}
.families_wrapper .entry-content{padding:1% 5% 1% 1%; width:100%; color: #636363;}
.families_wrapper .entry-content p{color: #636363;}
.families_wrapper .entry-content h3{color:#36a6b6;}
.families_wrapper .entry-content ul li{list-style-position: inside;}

/*LOBBY*/
.lobby_wrapper{/*width:90%; margin:5%;*/}
.lobby_wrapper .entry-header{background-color: #36a6b6; color:white; padding: 15px 5% 1px 5%; 
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    position: relative; z-index: 0;
}
.lobby_wrapper > article{margin-bottom: 1em;}
.lobby_wrapper .circles_wrapper{margin-right: 5%;}
.lobby_wrapper .circles_wrapper .single_circle_wrapper:first-of-type{margin-right: 0;}
.lobby_wrapper .single_circle_wrapper{float:right; margin: 2%; position: relative; text-align: center;}
.lobby_wrapper .single_circle_wrapper .text_wrapper{position:absolute; z-index: 15; width:100%; text-align: center; color:white; cursor: pointer;}
.lobby_wrapper .single_circle_wrapper .text_wrapper:before{content: ''; display: inline-block; height: 100%;vertical-align: middle;}
.lobby_wrapper .single_circle_wrapper .text_wrapper:hover{color:#636363;}
.lobby_wrapper .single_circle_wrapper .text_wrapper .top_text{width:100%; font-size:22px; line-height: 20px; font-weight:bold; display: inline-block; vertical-align: middle; padding: 5%;}
.lobby_wrapper .single_circle_wrapper img.circles{position: relative; z-index: 10; opacity: 0.8; filter: alpha(opacity=80);}
.lobby_wrapper .entry-content{padding:1% 5% 1% 1%; width:100%; color: #636363;}
.lobby_wrapper .entry-content p{color: #636363;}
.lobby_wrapper .entry-content h3{color:#36a6b6;}
.lobby_wrapper .entry-content ul li{list-style-position: inside;}


/*ENGLISH*/
.template_circles_english{margin-bottom: 5% !important; position: relative; z-index: 0;}
.english_wrapper{direction:ltr !important;}
.english_wrapper .entry-header{background-color: #36a6b6; color:white; padding: 15px 5% 1px 5%; 
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    position: relative; z-index: 0;
}
.english_wrapper > article{margin-bottom: 1em;}
.english_wrapper .entry-content{padding:1% 5% 1% 5%; width:65%; color: #636363;}
.english_wrapper .entry-content p{color: #636363;}
.english_wrapper .entry-content h3{color:#36a6b6;}
.english_wrapper .entry-content ul li{list-style-position: inside;}
.circles_bg_english{position:absolute; z-index:10; top:0; right:0; width:50%; opacity: 0.8; filter: alpha(opacity=80);}
.circles_image_english{position:absolute; z-index:5; top:-7%; right:-22.5%; border-radius: 50%; width:47%;}