/*!
 * Theme Name: Kerentech Child
 * Theme URI: http://underscores.me/
 * Author: Tadam Ltd
 * Author URI: https://www.tadam.co.il/
 * Description: 
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * Text Domain: kerentechchild
 * Template: kerentech
 *
*/
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;600;700;800&display=swap');

body{
	font-family: 'Assistant', sans-serif;
	text-align:right;
	justify-content:space-between;
	display:flex;
	flex-direction:column;	
}
html{
}
html, body {
        max-width: 100%;
	margin-bottom:0 !important;
	padding:0;
	height:100%;
	font-size:1.1rem;
}
h1.entry-title {
    font-size: 1.65em !important;
    margin: 0.67em 0;
    color: #fff;
    background-color: #009fe9;
    padding: 7px 20px !important;
}
h1 {
        font-size: 1.75em;
        margin: 0.67em 0;
	color: #fff;
	background-color: #009fe9;
}

h2, h3, h4, h5, h6 {
        clear: both;
        font-size: 1.55em;
}
td{
	padding:8px;
}

th{
	background-color:#e9ecef;
	color:#000;
	font-weight:normal;
}

.wp-block-buttons {
	font-weight:bold;
}

h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{
        clear: both;
	/* color:#003399; */
	color:#fff;
	background-color: #003399;
	border-radius: 30px;
	padding: 0 10px 0px 10px; 
}


[dir=rtl] .main-navigation li {
    	float: right;
}
.site-header{
	padding-left:1rem;
	padding-right:1rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	margin-bottom:1.5rem;
	box-shadow:0 0 0.5rem rgba(0,0,0,0.5);
	background-color:#fbfbfb;
}
body.home .site-header{
	margin-bottom:0;
        box-shadow:none;
}
.main-navigation ul ul{
	padding:0.5rem;
	background-color:#fff;
}
.site-footer {
	background-color:#284c6c;
	padding:1rem 0.5rem;
	color:#bfbfbf;
	font-size:90%;
}
.site-footer a{
	color:#ccc;
}
.credits_wrapper a{
	font-size:85%;
}
.copyrights_wrapper{
	font-size:85%;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}

@media (max-width: 767px) {
    .site-footer .text-right, 
    .site-footer .text-left {
        text-align: center !important;
    } 
}

/*============================ scroll to top ==================================================*/
.scroll-top {
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 25px;
        right: 20px;
        display: none;
        transition:opacity 0.5s;
        z-index:99999999;
        background-image: url('assets/img/scroll-to-top.png');
        background-repeat:no-repeat;
}
.scroll-top:hover{
        opacity:0.7;
}
/* ============================= slider ====================== */
.slider-section{
	background-color: #003399;
	flex-direction:column-reverse;
}
@media (min-width: 1200px) {
	.slider-section{
	        flex-direction:row;
	}
}
.slider-sidebar{
	color:#fff;
	display:flex;
	flex-direction:column;
	align-content:flex-start;
	justify-content:space-around;
	padding:2rem 2rem 2rem 1rem;
	height:100%;
}
.slider-sidebar .det a{
	color:#fff;
	display:block;
	text-decoration:none;
	/*background-color: #003399;
	border-radius: 30px;*/
	font-size:1.25rem;
	padding:5px 20px;
} 
.slider-sidebar a:hover{
	background-color: #003073;	
}
.slider-sidebar .det {
	display:flex;
	align-items: center;
    	margin-bottom: 1rem;
    	padding-right: 60px;
	position:relative;
	min-height:50px;
}
.slider-sidebar .det::before {
    content: "❖";
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transition: transform .8s ease-in-out;
    transform: translateY(-25px);
    font-size: 50px;
    line-height: 50px;
}
.slider-sidebar .btn{
	color:#fff;
}

/* ================ site-header menu ==============================================*/
#primary-menu  > li > a{
	background-color:#023d7c;
	color:#fff;
	text-decoration:none;
	padding:0.5rem 1rem;
	margin-left:0.5rem;
}
#primary-menu > li > a:hover{
        background-color:#012a56;
	color:#fafafa;
}

#primary-menu > li.menu-item-has-children > a:after{
	content:"⯆";	
	margin-right:0.25rem;
}

#primary-menu > li.menu-item-has-children ul.sub-menu a {
	text-decoration:none;
	display:block;
	width:100%;	
	white-space:nowrap;
}
#primary-menu > li.menu-item-has-children ul.sub-menu a:hover {
	background-color:#fbfbfb;
}
#primary-menu > li.menu-item-has-children ul.sub-menu li{
	display:block;
        width:100%;
}
#login-navigation ul{
        padding:0;
        margin:0;
        display:flex;
        list-style-type:none;
        font-size:85%;
}
#login-menu li, #footer-menu li {
	margin-left:0.5rem;
	padding-left:0.5rem;
	border-left:1px solid #808080;
}
#login-menu li:last-child, #footer-menu li:last-child{
	margin-left:0;
        padding-left:0;
        border-left-style:none;
}
#footer-menu{
	padding:0;
	margin:0;
	display:inline-block;
	list-style-type:none;	
}
#footer-menu li{

	display:inline-block;
}
.menu-footer-container{
	text-align:center;
	margin-bottom:1rem;
}
/*================= responsive menu ==================================*/
[dir=rtl] #responsive-menu-wrapper{
        direction:rtl !important;
        text-align:right !important;
}
[dir=rtl] #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
        right: auto;
        left: 0;
        border-left-style: none;
        border-right: 1px solid #212121;
}
[dir=rtl] #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
        text-align: right;
        padding-left:0;
        padding-right:50px;
}
/*================= search input =================================*/
#custom-search-input {
        margin:0;
        padding: 0;
}
#custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	height:34px;
}
#custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 4px;
        position: relative;
        right: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
	z-index: 10;
}
/* 
.search-query:focus + button {
        z-index: 3;   
}
*/
/* ==========================MEGA MENU====================================== */
body .wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a{
	padding-top:5px;
	padding-bottom:5px;
	border-radius:15px;
}

/* ================================sb-search========================================= */
.sb-search{
	width: 300px;
  	vertical-align: middle;
  	white-space: nowrap;
	position: relative;
}
.sb-search-input{
  width: 34px;
  height: 34px;
  background: #fff;
  border: none;
  font-size: 10pt;
  float: left;
  color: #fff;
  padding-left: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000;
 
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
}
.sb-search .icon{
  	position: absolute;
  	top: 5px;
  	z-index: 1;
  	color: #4f5b66;
	left:11px;
}
.sb-search-input:focus, .sb-search-input:active{
  outline:none;
  width: 300px;
	padding-right:10px;
}
 
.sb-search:hover .sb-search-input{
	width: 300px;
	padding-right:10px;
}
 
.sb-search:hover .icon{
  color: #93a2ad;
}
.sb-search-submit{
	display:none;
}
/*==================================================*/

.navbar-top{
	background-color:#284c6c;
	display:none;
}
@media (min-width: 1200px) { 
	.navbar-top{
		display:block;
	}
}
.navbar-top a{
	color:#fff;
}

[dir=rtl] .metaslider .caption {
	font-size:25px;
}
[dir=rtl] .metaslider .flexslider .flex-direction-nav li a{
	text-indent: 9999px
}
.frontpage-contact-section{
	background-color:#009fe9;
	padding:1rem;
}

#breadcrumbs {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.main-navigation {
    float: none;
    width: auto;
	flex:1;
}
body #tadam-accessibility{
	z-index:9999;
}

body #tadam-accessibility{
	top:200px;
}

[dir=rtl] .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu{
	text-align:right;
	left:auto;
	right:0;
	border-radius:10px;
}
#site-navigation a{
	text-decoration:none;
}
/*
.wpmm_brand_logo_wrap{
	z-index:0;
}
*/
#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu, #wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget .wp-megamenu-sub-menu li .wp-megamenu-sub-menu{
	width:auto;
	min-width:250px;
}
#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li ul.wp-megamenu-sub-menu li a{
	white-space:nowrap;
}
.wpmm-nav-wrap.wpmm-main-wrap-menu-1{
	display: flex;
	flex-direction: row-reverse;
}
body .wp-megamenu-wrap .wpmm-nav-wrap > ul{
	z-index:5;
}
body .fa {
    font-family:  "Font Awesome 5 Free" !important;
}
body .fa, body .fas {
    font-weight: 900 !important;
}

body textarea.form-control{
	height:calc(4.5em + .75rem + 2px)
}

.wpcf7 .form-control{
	background-color:#BEC0C2;
	color:#000;
}
.wpcf7 .form-control:focus{
        background-color:#fff;
        color:#000;
}
.btn-primary {
    	background-color: #003399;
    	border-color: #003399;
}
.btn-primary:hover {
        background-color: #009fe9;
        border-color: #009fe9;
}
#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li > a, .wp-megamenu-wrap .wpmm-nav-wrap > ul > li.wpmm-social-link.wpmm-social-link-search a, .wpmm-menu-cart .cart-icon .fa-shopping-cart, .wp-megamenu-wrap .form .submit, .wpmm-menu-cart span.cart-icon i{
	font-size:18px;
}
#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li ul.wp-megamenu-sub-menu li a{
	font-size:17px;
}

/* =================================================================================================== */
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { }

}