/* 
 Theme Name:   arieli-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     arilewp
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
h1{font-size:clamp(2rem,4vw,2.5rem)!important}
h2{font-size:clamp(1.6rem,3vw,2rem)!important;margin-top:15px}
h3{font-size:clamp(1.4rem,3vw,1.7rem)!important;clear:none!important}
p{margin-bottom:.5rem!important;padding-bottom:0!important}
.sub-el{border-left:3px solid #007bff;padding:8px 0 8px 16px;margin:16px 0;background:transparent}
.sub-el p{margin:0;line-height:1.75;color:#344054}
.sub-el p:first-of-type::first-letter{float:left;font-size:3.2em;line-height:.85;font-weight:700;color:#007bff;margin:5px 8px 0 0}
.heading{text-align:left;margin:24px 0 18px}
.heading h2{margin:0 0 12px;padding:0;color:#14263d;font-weight:700;line-height:1.3;letter-spacing:-.02em}
.heading h2::after{content:"";display:block;width:42px;height:3px;background:#007bff;border-radius:2px;margin-top:10px}
.heading p{margin:0;color:#526174;line-height:1.7}
.moden-bg{background:linear-gradient(135deg,#f4f8ff 0%,#f8fafc 100%);border:1px solid #e0eaf5;border-radius:12px;padding:20px 24px;margin:20px 0;text-align:left}
.moden-bg h2{color:#14263d;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:0 0 14px}
.moden-bg h2::after{content:"";display:block;width:48px;height:3px;background:#007bff;border-radius:3px;margin-top:10px}
.moden-bg h3{color:#14263d;font-weight:600;line-height:1.4;margin:20px 0 10px;padding-left:12px;border-left:3px solid #007bff}
.moden-bg p{color:#526174;line-height:1.75;margin:0 0 12px}
.moden-bg p:last-child{margin-bottom:0}
@media (max-width: 576px) {
.moden-bg{padding:11px;border-radius:10px}
}
.post-content{padding:1rem!important}
.box{height:100%;background:#fff;border:1px solid #e2e8f0;border-top:3px solid #007bff;border-radius:10px;padding:20px;box-shadow:0 4px 16px #14263d0d;transition:box-shadow .25s ease,transform .25s ease}
.box:hover{box-shadow:0 8px 24px #14263d1a;transform:translateY(-3px)}
.box h3{color:#14263d;font-weight:700;line-height:1.4;letter-spacing:-.01em;margin:0 0 14px;text-align:left}
.box p{color:#526174;line-height:1.75;margin:0 0 12px;text-align:left}
.box p:last-child{margin-bottom:0}
@media (max-width: 576px) {
.box{padding:16px}
}
.site-footer{background:#f5f8fc;border-top:3px solid #007bff;padding-top:28px;color:#526174}
.site-footer .footer-brand img{display:block;height:auto;margin-bottom:12px}
.site-footer .footer-brand p{color:#526174;line-height:1.7;margin:0}
.site-footer .footer-heading{color:#14263D;font-weight:700;line-height:1.4;margin:0 0 18px;padding:0}
.site-footer .footer-heading::after{content:"";display:block;width:36px;height:3px;background:#007bff;border-radius:2px;margin-top:9px}
.site-footer .footer-links{margin:0;padding:0}
.site-footer .footer-links li{margin-bottom:9px}
.site-footer .footer-links a{display:inline-block;color:#526174;text-decoration:none;line-height:1.5;transition:color .2s ease}
.site-footer .footer-links a:hover,.site-footer .footer-links a:focus{color:#007bff;text-decoration:none}
.site-footer .footer-bottom{border-top:1px solid #e0e8f0;margin-top:20px;padding:14px 0}
.site-footer .footer-bottom p{color:#64748b;line-height:1.6;text-align:center}
@media (max-width: 767.98px) {
.site-footer{padding-top:20px}
.site-footer .footer-heading{margin-bottom:14px}
.site-footer .footer-bottom{margin-top:10px;padding:12px 0}
}
.contact-page{margin:20px 0 28px;color:#344054}
.contact-page .contact-heading{margin-bottom:20px}
.contact-page .contact-heading h1{color:#14263D;font-weight:700;line-height:1.3;margin:0 0 12px}
.contact-page .contact-heading h1::after{content:"";display:block;width:45px;height:3px;background:#007bff;border-radius:3px;margin-top:10px}
.contact-page .contact-heading p{color:#526174;line-height:1.7;margin:0}
.contact-page .contact-box{background:#f5f8fc;border:1px solid #e0e8f2;border-radius:12px;padding:24px}
.contact-page .contact-box h2{color:#14263D;font-weight:700;line-height:1.3;margin:0 0 10px}
.contact-page .contact-box > p{color:#526174;line-height:1.7;margin:0 0 20px}
.contact-page .contact-form label{color:#14263D;font-weight:600;margin-bottom:7px}
.contact-page .form-control{background:#fff;border:1px solid #d7e0eb;border-radius:7px;color:#14263D;padding:10px 14px;height:auto;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.contact-page .form-control:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}
.contact-page .form-control::placeholder{color:#94a3b8}
.contact-page textarea.form-control{min-height:130px;resize:vertical}
.contact-page .form-group{margin-bottom:16px}
.contact-page .custom-control-label{font-weight:400!important;color:#526174!important;line-height:1.6;cursor:pointer}
.contact-page .custom-control-input:checked
~ .custom-control-label::before{background-color:#007bff;border-color:#007bff}
.contact-page .contact-submit{background:#007bff;color:#fff;border:1px solid #007bff;border-radius:7px;padding:11px 24px;font-weight:600;transition:background .2s ease,border-color .2s ease}
.contact-page .contact-submit:hover,.contact-page .contact-submit:focus{background:#0069d9;border-color:#0062cc;color:#fff}
@media (max-width: 767.98px) {
.contact-page .contact-box{padding:16px}
.contact-page .contact-submit{width:100%}
}