/*
Theme Name: Mileon
Theme URI: 
Description: 
Author: Shlomi Turjeman
Author URI: 
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: rtl theme, hebrew theme, blog theme
Version: 1.0
*/


body {
    background: #fafafa;
    font-family: Arial;
    padding-top:124px;
    direction:rtl;
}

#container{
    overflow:hidden;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    padding-top: 0;
}

header{
    position:fixed;
    top:0;
    z-index:9999;
    width:100%;
    height:124px;
    background:#fff;
    -webkit-transition: height .5s linear; /* Safari */
    transition: height .5s linear;
}

header.scrolled{
    height:70px;
    -webkit-transition: height .5s linear; /* Safari */
    transition: height .5s linear;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4) !important;
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4) !important;
            box-shadow: 0 8px 6px -6px rgba(0,0,0,.4) !important;
}

header #main-logo{
    max-width:100%;
    -webkit-transition: max-width .5s linear; /* Safari */
    transition: max-width .5s linear;
}

header.scrolled #main-logo{
    max-width:40%;
    -webkit-transition: max-width .5s linear; /* Safari */
    transition: max-width .5s linear;
}

header.scrolled #main-logo img{
    max-width:120px;
}

header #main-logo a{
    display:inline-block !important;
}

header.scrolled .navbar{
    height:70px !important;
    -webkit-transition: height .5s linear; /* Safari */
    transition: height .5s linear;
}

header.scrolled .navbar ul#top_menu li a{
    line-height:70px !important;
    -webkit-transition: line-height .5s linear; /* Safari */
    transition: line-height .5s linear;
}

header #mega-menu-mobile-top-menu{
    margin-top:0 !important;
    -webkit-transition: margin-top .5s linear !important; /* Safari */
    transition: margin-top .5s linear !important;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4) !important;
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4) !important;
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,.4) !important;
}

header.scrolled #mega-menu-mobile-top-menu{
    margin-top:-2px !important;
    -webkit-transition: margin-top .5s linear !important; /* Safari */
    transition: margin-top .5s linear !important;
}

body.admin-bar header{
    top:32px;
}

#menu-trigger,
#mobile-menu{
    display:none;
}

.elementor-slick-slider .slick-dots-inside .slick-dots {
    bottom:15px !important;
}


.page-title{
    background-color:#0b74a7;
    padding:127px 20px 133px 20px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    color:#fff;
    font-family:"Open Sans Hebrew";
    font-size:70px;
    font-weight:600;
    text-align:center;
}

.our-customers .elementor-row{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.our-customers .elementor-column{
    width:20% !important;
}

.contact-form div{
    direction:rtl;
}

.contact-form label{
    display:none;
}

.contact-form p{
    margin:0;
    padding:0;
}

.contact-form textarea{
    line-height: 1.5;
    padding: 6px 11px;
}

.contact-form .wpcf7-not-valid{
    border:1px solid #eb9b96;
}

.contact-form .wpcf7-not-valid-tip,
.contact-form .wpcf7-validation-errors,
.contact-form .wpcf7-mail-sent-ok,
.contact-form .ajax-loader{
    display:none !important;
}

.contact-form #mail-ok-message{
    display:none;
}

.elementor-editor-active .contact-form #mail-ok-message{
    display:block;
}

.contact-form .error-message{
    display:none;
    background:#eb9b96;
    text-align:center;
    margin-bottom:10px;
    padding:4px 0;
}

.contact-form .invalid .error-message{
    display:block;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    display: inline-block;
    direction:rtl;
    padding:10px;
    font-family:"Open Sans Hebrew";
    outline:none;
    border:1px solid #E4E4E4;
    background:#FFF;
    color:#555;
    border-radius:0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    resize: none;
}

.contact-form .arrow-button{
    margin:0 auto;
    width:fit-content;
    display:block;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder{
    color:#555 !important;
}

.contact-form .select{
    position:relative;
    display:inline-block;
}

.contact-form .select:after{
    content: "\f107";
    font-family:FontAwesome;
    position: absolute;
    top: 6px;
    left: 6px;
    bottom: 6px;
    font-size: 18px;
    line-height: 30px;
    padding: 0 8px;
    background: #727272;
    color: #fff;
    pointer-events:none;
}

.flex-items {
    display:-webkit-flex;
    display:flex;
    width:60%;
    margin:0 auto;
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-bottom:20px;
}

.flex-items > div {
    width:24%;
    margin-bottom:14px;
}

.flex-items .item100 {
    width:100%;
}

.flex-items .item50 {
    width:49%;
}

.flex-items .item33 {
    width:31%;
}

.flex-items .item25 {
    width:24%;
}


/* NAV EXTRA LINKS */

.nav-extra-links{
    float:right;
    height:124px;
    line-height:124px;
    padding:0;
    -webkit-transition: height .5s linear, line-height .5s linear; /* Safari */
    transition: height .5s linear, line-height .5s linear;
}

.nav-extra-links > *{
    float:right;
}
.nav-extra-links li{
    list-style:none;
    padding:0 8px 0 28px;
}
.nav-extra-links li:last-of-type{
    padding:0 8px 0 0;
}
.nav-extra-links li img{
    position: relative;
    width: 22px;
    top: 4px;
}

header.scrolled .nav-extra-links{
    height:70px;
    line-height:70px;
    -webkit-transition: height .5s linear, line-height .5s linear; /* Safari */
    transition: height .5s linear, line-height .5s linear;
}


/* ICON EFFECTS */

.icons-effect .elementor-image-box-wrapper figure {
    position: relative;
    display: inline-block;
    background:rgba(0,82,130,1);
    font-size: 45px;
    margin: 15px 30px;
    width: 90px !important;
    height: 90px;
    line-height: 110px;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    color: #fff;
    transition: background 0.2s, color 0.2s;
}

.icons-effect .elementor-image-box-wrapper figure img{
    width:50px !important;
}
  
.icons-effect .elementor-image-box-wrapper figure:after {
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px rgba(11,111,169,1);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
  
.icons-effect .elementor-image-box-wrapper:hover figure {
    background: rgba(0,82,130,1);
}
  
.icons-effect .elementor-image-box-wrapper:hover figure:after {
    transform: scale(1);
    opacity: 1;
}

.contact-icons .elementor-image-box-wrapper figure {
    position: relative;
    display: inline-block;
    background:#fff;
    margin: 15px 30px;
    width: 120px !important;
    height: 120px;
    line-height: 170px;
    border-radius: 50%;
    text-align: center;
}

.contact-icons .elementor-image-box-wrapper figure img{
    width:60px !important;
}


/* BUTTONS EFFECT */

.arrow-button,
.border-button{
    background:#000;
    color:#fff;
    font-weight:bold;
    height: 40px !important;;
    top: 14px;
    line-height: 16px !important;
    cursor:pointer;
}

.arrow-button,
.border-button,
.elementor-slide-button,
.elementor-button-link {
    padding:12px 20px !important;
    transition:all 0.5s;
    display:inline-block;
    position:relative;
    overflow:hidden;
}

.border-button{
    background:#fff;
    color:#000;
    border:2px solid #000;
    transition: all .2s linear !important;;
    padding:10px 20px !important;
}

.arrow-button:after,
.border-button:after,
.elementor-slide-button:after,
.elementor-button-link:after {
    content:'»';
    position:absolute;
    opacity:0;  
    top:28%;
    left:-20px;
    transition:0.5s;
}

.arrow-button:hover,
.elementor-slide-button:hover,
.elementor-button-link:hover{
    padding:12px 12px 12px 28px !important;
}

.border-button:hover{
    padding:10px 12px 10px 28px !important;
}

.arrow-button:hover:after,
.border-button:hover:after,
.elementor-slide-button:hover:after,
.elementor-button-link:hover:after {
    opacity:1;
    left:8px;
}

/* FOOTER LINKS */

.move-right-on-hover li{
    padding-right:0px;
    transition:padding-right .2s linear;
}
.move-right-on-hover li:hover{
    padding-right:6px;
    transition:padding-right .2s linear;
}




.contact-form .file{
    position:relative;
    background:#FFFFFF;
    height:40px;
    border:1px solid #E4E4E4;
}

.contact-form .file.error{
    border:1px solid #EC9B96;
}

.contact-form .file .action{
    position: absolute;
    font-family:'Open Sans Hebrew';
    top:9px;
    right:10px;
    font-size: 16px;
    color: #555555;
    pointer-events:none;
    cursor:pointer;
}

.contact-form .file:after{
    content: "בחירה";
    font-family:'Open Sans Hebrew';
    position: absolute;
    top: 6px;
    left: 6px;
    bottom: 6px;
    font-size: 13px;
    line-height: 26px;
    padding: 0 8px;
    background: #727272;
    color: #fff;
    pointer-events:none;
}

.contact-form .file input{
    opacity:0;
}