/*
Theme Name: Landing Pages
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: #FFFFFF;
    direction:ltr;
    font-family:"FbPractica";
}

/* = = = = = = = = = = = */
/*  HEADEINGS
/* = = = = = = = = = = = */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 0;
}

/* = = = = = = = = = = = */
/*  FLEX ITEMS
/* = = = = = = = = = = = */

.flex-items {
    display:-webkit-flex;
    display:flex;
    width:100%;
    margin:0 auto;
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-bottom:20px;
}
.flex-items > div {
    margin-bottom:16px;
}
.flex-items .item100 {
    width:100%;
}
.flex-items .item50 {
    width:calc(50% - 10px);
}
.flex-items .item33 {
    width:calc(33.33% - 10px);
}
.flex-items .item30 {
    width:calc(30% - 10px);
}
.flex-items .item25 {
    width:calc(25% - 10px);
}
.flex-items .item10 {
    width:calc(10% - 10px);
}

/* = = = = = = = = = = = */
/*  CONTACT FORM
/* = = = = = = = = = = = */

.contact-section{
    color:#FFFFFF;
}
.contact-section input[type="text"],
.contact-section input[type="email"],
.contact-section input[type="tel"],
.contact-section input[type="submit"],
.contact-section select,
.contact-section textarea,
.contact-section button{
    display:block;
    width: 100%;
    border-radius: 0;
    font-family:"FbPractica";
    line-height: 36px;
    height:38px;
    padding: 0 12px;
    font-size:22px;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #eaeaea;
    border:2px solid #eaeaea;
    color: #54595f;
    outline: none;
}
.contact-section textarea{
    height:188px;
    resize: none;
}
.contact-section input::placeholder,
.contact-section textarea::placeholder,
.contact-section select option:first-child{
    color: #54595f;
}
.contact-section input[type="submit"],
.contact-section button{
    margin:0 auto;
    padding:0 24px 0 24px;
    line-height: 36px;
    background:#ad8548;
    color:#FFFFFF;
    border:1px solid #ad8548;
    cursor:pointer;
    transition:all .2s linear;
}
.contact-section textarea{
    line-height: 1.5;
    padding: 6px 11px;
}
.contact-section .wpcf7-not-valid{
    border:2px solid #a67a3c !important;
}
.contact-section .wpcf7-not-valid-tip,
.contact-section .wpcf7-validation-errors,
.contact-section .wpcf7-mail-sent-ok,
.contact-section .ajax-loader,
.contact-section label{
    display:none !important;
}
.contact-section .allow-label label{
    display:inline-block !important;
}
.contact-section .mail-error-message{
    display:none;
    text-align:center;
    line-height:normal;
    font-weight:bold;
    font-size:20px;
    color:#e9bbc5;
}
.contact-section .invalid .mail-error-message{
    display:block;
}


/* = = = = = = = = = = = */
/*  STICKER EFFECT
/* = = = = = = = = = = = */

@keyframes zooming {
    10% {
        transform:scale(1.2);
    }
    20% {
        transform:scale(1);
    }
}
#sticker img {
    -webkit-animation-name: zooming;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 5s;
}


/* = = = = = = = = = = = */
/*  BUTTONS EFFECT
/* = = = = = = = = = = = */

.elementor-button,
.wpcf7-submit,
.arrow-button{
    background:#000;
    color:#fff;
    font-weight:bold;
    /* height:38px !important; */
    /* line-height: 16px !important; */
    cursor:pointer;
}

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

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

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

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