/*
	Theme Name: KerenEsh
	Description: KerenEsh
	Version: 1.0
	Author: Next-Site
	Author URI: https://next-site.co.il/
*/

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('css/bootstrap.rtl.min.css');

body { font:300 20px/1.4 'Assistant', Arial, sans-serif; color:#000; line-height:1.4; }
img { max-width:100%; height:auto; display:block; }

.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }

.nom { margin:0; }
.nop { padding:0; }
.article-image-mobile { display:none; }

.button { background:#fb9b00; font-size:24px; display:inline-block; font-weight:700; margin:20px 0; padding:6px 28px; color:#fff; border:none; border-radius:9px; transition:all 0.25s ease-in-out 0s; }
.button:hover {  padding:6px 36px; color:#fff; transition:all 0.25s ease-in-out 0s; }
.woocommerce a.button { background:#fb9b00; color:#fff; }

.top { padding:20px 0; }

.logo, .phone { font-size:30px; color:#000; font-weight:700; }
.top a { color:#000; }

.header { background:#29354d url('images/header.jpg'); background-size:cover; color:#fff; padding-top:30px; }
.header .headline { background:rgba(0,0,0,0.7); max-width:546px; padding:20px; margin-bottom:80px; }
.header .headline h1 { font-size:85px; line-height:1; margin:0; }

.form { background:rgba(0,0,0,0.8); padding:20px; text-align:center; }
.form input { background:none; text-align:right;  width:100%; border:1px solid #fff; border-radius:5px; padding:6px; }
.form .submit { background:#fb9b00; text-align:center; width:120px; border:none; font-weight:700; padding:6px 30px;}
.form h2 { margin-top:0; }

.detector { padding:50px; }
.content h2 { font-size:50px; margin-bottom:0; }
.content h3 { font-size:40px; font-weight:400; margin:0; }
.content h4 { color:#a31d21; font-size:30px; border-bottom:2px solid #a31d21; margin:0; }
.content .button { margin-bottom:60px; }
.cart .button { color:#fff !important; }

.articles { background:#f8f9fa; padding:60px 0; }
.article  { background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.2); height:470px; margin-bottom:60px; }
.article-image { height:470px; }
.article-content { background:#fff; padding:20px; }
.article-2, .article-2 .article-image { height:640px; }
.article-3, .article-3 .article-image { height:700px; }

.message { background:#eee; padding:30px; }
.message p:first-child, .message h1:first-child { margin-top:0; }

.footer { background:#29354d url('images/header.jpg'); background-size:cover; color:#fff; }
.footer .headline { background:rgba(0,0,0,0.8); max-width:546px; padding:20px; margin-bottom:80px; }
.footer .headline h1 { font-size:85px; line-height:1; margin:0; }
.footer .form { background:#000; padding:60px; text-align:center; }
.footer .form h2 {margin-top:0; }
.footer .form input { background:none; border:1px solid #fff; border-radius:5px; padding:6px; margin:0 8px; }
.footer .form .submit { background:#fb9b00; border:none; font-weight:700; padding:6px 30px;}

.footer-title { font-size:26px; font-weight:700; }
.footer .headline { text-align:center; margin-bottom:0; }
.footer .headline .button { font-size:20px; padding:6px 20px; }
.footer .headline ul { margin:0; text-align:right; display:table; margin:auto; }
.footer .headline ul li { list-style-type:none; font-size:18px; line-height:1.9;}
.footer .headline ul li img { width:16px; display:inline-block; margin-left:5px; }

.whatsapp-btn { position:fixed; left:0; top:20px; background:#00c73d; color:#fff; padding:6px 10px; font-size:30px; }
.phone-btn { position:fixed; left:0; top:90px; background:#00c73d; color:#fff; padding:6px 10px; font-size:30px; }
.whatsapp-btn:hover, .phone-btn:hover { background:#000; color:#fff; }

.payment_method_tranzillapayment img { display:none; }
.payment_method_tranzillapayment:after {
    background: url('https://kerenfire.co.il/wp-content/themes/kerenesh/payment_cards.png');
    width: 112px;
    height: 32px;
    display: block;
}

/* contact form 7 */
.wpcf7-form-control-wrap { text-align:right; }
.wpcf7-not-valid-tip { color:#fb9b00; }
.wpcf7-response-output { border:none !important; border-radius:4px; display:inline-block; background:red; color:#fff; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background:#e60000; }
.wpcf7 form.sent .wpcf7-response-output { background:#00c73d; }

/* placeholder text color */
::-webkit-input-placeholder { color: #ffffff !important; }
:-moz-placeholder           { color: #ffffff !important; }
::-moz-placeholder          { color: #ffffff !important; }
:-ms-input-placeholder      { color: #ffffff !important; }


/* woocommerce */
.woocommerce-cart-form, .woocommerce-checkout-review-order-table { font-size:18px; }
.checkout-button, .woocommerce .button { background:#fb9b00 !important; }
.woocommerce-billing-fields input { padding:6px; border-radius:0; border:1px solid #aaa; }
.woocommerce-billing-fields select { padding:6px; border-radius:0; border:1px solid #aaa; }
.select2-container .select2-selection--single { height:33px; }
.woocommerce-checkout .col-1 { float:right !important; }
.woocommerce-checkout .col-2 { float:left !important; }
.checkout-header { background:url('images/checkout-header.jpg'); color:#fff; margin-bottom:30px; }
.woocommerce-checkout #payment { background:none; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float:none; }
.woocommerce-message .wc-forward { display:none !important; }




/* responsive */
@media only screen and (max-width:1200px) {
.article-image { display:none; }
.article-image-mobile { width:100%; display:block; }
.article { height:auto; }
}

@media only screen and (max-width:992px) {
.header .headline h1 { font-size:56px; }
}
@media only screen and (max-width:768px) {
.logo, .phone { font-size:22px; }
.header .headline {margin-bottom:20px;}
.header .headline h1 { font-size:40px; }
.header .headline h2 { font-size:26px;  }
.header .form input, .footer .form input { margin-bottom:15px; }
.header .form h2 { font-size:26px;  }
.content-icon { padding:25px 0 15px; width:60px; }
.content h2 { font-size:40px; }
.content h3 { font-size:32px; }


}