/*
Theme Name: אשקלון.אינפו
Theme URI: https://ashkelon.info
Author: פבל כץ
Description: פורטל עירוני
Version: 1.0.0
Text Domain: ashkelon
*/


html,
body,
*,
:before,
:after{box-sizing:border-box}

body{
    direction:rtl;
    text-align:right;
    width:100%;
    margin:60px 0 0;
    padding:0;
    background-color:#f4f4f4;
    font-family:"Heebo",sans-serif;
    font-size:17px;
    font-weight:300;
    line-height:1.2;
    color:#111111;
}

@media (min-width:869px){
    body{margin:100px 0 0}
}

a{color:#2962f9;text-decoration:none}
a {display:inline;padding:0;margin:0;background:none;border:none;box-shadow:none;color:#2962f9;font:inherit;font-weight:400;line-height:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
a:hover {color:#1d46cc}


p{
    display:block;
    margin-block-start:0;
    margin-block-end:10px;
    margin-inline-start:0;
    margin-inline-end:0;
    unicode-bidi: isolate;
}

.__ttl{display:block;width:100%;margin:0}
h1{font-size:180%;line-height:1.05;font-weight:700}
h2{font-size:140%;line-height:1;font-weight:600}
h3{font-size:95%;line-height:1.2;font-weight:600}
h4{font-size:129%;line-height:1.30;font-weight:600}
h5{font-size:106%;line-height:1.35;font-weight:600}
h6{font-size:94%;line-height:1.40;font-weight:600}
h1,h2,h3,h4,h5,h6,h7{display:block;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;unicode-bidi:isolate}
.__ttl_note{display:block;font-size:13px;font-weight:400;color:grey;width:100%;margin-top:0px}

.__lr,
.__rl{display:flex;gap:0}
.__lr .__l{order:1;border-left:1px solid #e8e8e8}
.__lr .__r{order:2}
.__rl .__l{order:2;border-right:1px solid #e8e8e8}
.__rl .__r{order:1}

.__fw{float:right;display:block;width:100%}
.__100{width:95%;max-width:1300px;margin-inline:auto}
.__70{width:calc(100% - 350px);background:white}
.__30{width:350px;background:white}
.__60{width:60%;background:white}
.__40{min-width:400px;width:40%;background:white}

.__box{position:relative;padding:20px 40px;background:white}
.__border_line::before{content:"";position:absolute;left:40px;right:40px;bottom:0;width:calc(100% - 80px);height:.7px;background:#f0f0f0}

@media (max-width:867.99px){
    .__lr,
    .__rl{flex-direction:column}
    .__lr .__l{border-left:none}
    .__rl .__l{border-right:none}
    .__100,
    .__70,
    .__60,
    .__40,
    .__30{width:100%;min-width:100%}
    .__box{position:relative;padding:20px 20px 23px 20px;background:white}
    .__border_line::before{left:20px;right:20px;width:calc(100% - 40px)}
}