@font-face { font-family: 'AZER'; src: url('ehsan/29LT_AZER.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'KAFF'; src: url('ehsan/29LT_KAFF_LIGHT.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'KAFF'; src: url('ehsan/29LT_KAFF_MEDIUM.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap;}
html{font-family: 'KAFF';color: #7d6c61;}
html,body{min-height: 100vh;}
/* .apple-pay{ display: inline-block; -webkit-appearance: -apple-pay-button;-apple-pay-button-type: plain !important;} */
body{
  /* background-image: url(img/decor.svg);
  background: url(img/decor.svg) repeat-x 0 210px; */
  background-size: cover; background-position: center;background-attachment: fixed;
  background-size: 401px auto;
}
header{display: flex !important; flex-wrap: wrap;gap:10px;align-items: center;overflow: visible !important;}
header>*{margin: 0;}
.logolink{flex-grow: 1;}
nav.top_menu{flex-grow: 1; width: 100%;}
box,.box{background: rgba(255,255,255,.95);margin: auto;box-shadow: 0 3px 8px -3px rgb(167 94 33 / 35%);overflow: auto;}
.payways::after { content: ''; display: block; float: none;display:inline-block;-webkit-appearance:-apple-pay-button;-apple-pay-button-type:plain;-apple-pay-button-style: white;margin-top: 5px;vertical-align: middle;}
opencart {margin: -6px 0 5px 0 !important;}
opencart prase{display: inline-block;line-height: 1.2;}
opencart { margin: 0 !important;/*color: #CD7A48 !important;*/}
opencart > i{ font-size:0 !important; }
opencart > i:after { content:'shopping_cart';font-size:35px; }
/*opencart > i:after{content: 'inbox';}*/
opencart num{background: transparent;font-size: 18px; font-weight: bold;padding: 1px 0px 0 5px;}
/* nav.top { background: transparent !important; } */
/* nav .cats { background: rgb(0,0,0,0.05) !important;backdrop-filter: blur(5px); } */
product{box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%);-webkit-box-shadow:0 2px 4px -1px rgb(0 0 0 / 20%);}
product price{background: transparent; text-align: center; color: #0b0;}
product opt b { width: 100%; text-align: center; font-weight: normal; }
product { display: flex;flex-direction: column; }
product a { flex-grow: 1; }
[type="checkbox"]::before, [type="radio"]::before{background: #e7e7e0;}
add2cart flex{flex-wrap: nowrap;}
add2cart{display: flex;text-align: center;justify-content: center;gap:10px;font-size: 20px;}
add2cart > *{flex-grow:0;}
c add2cart add, c add2cart buy { color: #fff !important; box-shadow: none; align-items: center; background: var(--btn_color) !important; }
add phrase { flex-grow: 1; }
add2cart add{ padding: 8px 35px 8px 10px !important;font-size:20px; }
/* add2cart add { background: #008141 !important; } a
add2cart buy { background: #CD7A48 !important; } */
/* add2cart add::before, add2cart buy::before{ background: var(--btn_color) !important; color: #ffffff !important; padding: 5px; border-radius: 100%; } */
/* add2cart buy { text-align: left;color: #d16028 !important;width: auto;} */
add2cart add::before{content: 'add';display:none;}
/* add2cart buy::before {background: #d16028 !important;content: 'done';} */
:root{
  --progress-color:#4ACB7E;
}
add2cart > input { font-size: 130% !important; font-weight: bold;background: transparent !important;border: 0 !important;box-shadow: none !important;color: inherit;}
add2cart > .plus,add2cart > .minus{background: rgba(0,0,0,0.07);}
logo {max-width: none; height:55px;}
.donatelink{margin-left: 5px;float: left;}
nav.slide box{ background: rgba(255,255,255,.9) !important; }
.top_menu_icon{width: auto;margin: 4px 0; background: transparent; color: var(--txt_color);}
.top_menu_icon:after{content: '';}
/* nav .login.btn prase{display: none;} */
nav.top .btn { margin: 0 !important; padding: 5px 0;}
.pages>li>a[href="https://ehsan.org.sa/orders/zakat"]{display:none;}
decoration{display: block;/*background: url(img/decor.svg) repeat center center;*/width: 100%;padding: 20px 10px;text-align: center;background-size: auto 100%;}
decoration desc{background: #fff;box-shadow: 0 3px 5px rgba(0,0,0,0.2);border-radius: 8px;padding:5px 8px;-webkit-box-decoration-break:clone;line-height: 2.2;}
h1,h2,h3,h4,h5,h6{color: var(--link_color);font-family: 'AZER';font-weight: normal; }
slider > * { margin-left: 10px; border-radius: 10px; width: auto; display: inline-block; }
input, textarea, select, .select2-selection{border-radius: 10px !important;}
[nowrap],.nowrap{white-space: nowrap;}
.graybg { background: #908378 !important;color: #fff;}
.graybg:hover,.graybg:active,.graybg:focus { background: #aea196 !important;}
#search_head { position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: auto; z-index: 999; background: rgb(111,54,14,0.41); margin: 0 !important; padding: 0 60px; display: none;}
#search_head,#search_head [type="search"]{font-size: 20px !important;}
/* .posts post{display: grid; grid-template: "img h3" "img hint" / 100px auto; grid-gap: 10px;} */
.latestposts .posts post{
  background: rgba(255,255,255,.8);
  padding: 8px !important; border-radius: 10px; box-shadow: 0 3px 8px -3px rgb(167 94 33 / 35%);
  grid-template: "thumb" "h3" "hint";
}
.post .thumb{width: 100%; height: 200px !important;}
.posts .post{border-width:0 !important;
  box-sizing: border-box; break-inside: avoid; width: auto; display: list-item; float: none; clear: none;
  width:auto;padding: 0;
  margin: 0px 0px 10px 0;
}
.pop_frame#login .box { margin: 0 !important; }
.posts post img{grid-area: img;margin: auto !important;max-height: none;}
.box.posts { background: transparent; box-shadow: none; padding: 4px; }
paging{margin: 10px 0; justify-content: center;}
/* socials{background: #7b6b54;} */
/* socials a{color: #9e9086;} */
post iframe { max-width: 100%; }
.popup_frame>.close{backdrop-filter: blur(5px);}
.latestposts hint,.gateside {}
footer{text-align:center;border:0;padding-top:0;background:rgba(0,0,0,0.04);position:relative;}
/* footer hr {display: none;} */
footer .rights{float: none; clear: both;}
.statstics {
  clear: both; width: 100%; display: flex; flex-wrap: wrap; margin: 10px auto 50px; border-radius: 10px; padding: 10px; /*backdrop-filter: blur(5px);*/ background: #B94600/*#9E9086*/; color: #fff; gap: 15px;
  background: linear-gradient(45deg, #b8491a, #e16916);
  box-shadow: 0 10px 8px -7px #e16916;
}
.statstics div {flex-grow: 1; text-align: center; display: grid; white-space: nowrap;}
.statstics b { font-size: 25px;/*color: rgba(255,255,255,.75);*/ }
.statstics i { font-size: 30px;/*color: rgba(255,255,255,.75);*/ }

/* footer .menu{background: #CD7A48; margin: 0 -10px; width: auto; display: block; float: none; clear: both; color: #fff; border-radius: 10px;margin-top: -12px;}
footer .menu > li {float: none;column-count: 2;}
footer .menu > li > a{color: #fff; border: 0;}
.payways { float: none;padding: 10px;}
*/
.auther img { height: 40px; vertical-align: middle; }
header .egiftlink { font-size: 30px; color: #cb0922;background: transparent !important;min-width: 35px;}
product thumb goal{box-shadow: none; padding: 6px; margin: -1%; background: #fff;width: 102%;}
thumb { background-size: cover; background-position: center; border-radius: 6px;box-shadow: 0 0 3px; }
product quantity { top: 12px; border-radius: 7px; }
[sharelink] code { color: var(--nav_txt_color); }
@media (min-width: 901px){ /* PC */
  c { width: 33.3333333% !important; }
  product thumb { height: 23vw; }
  .warp.main { min-height: calc( 100vh - 307px ); }
  .top_menu btns .login{display: none;}
  .searchbtn{display: none;}
  nav > box > btns { display: inline !important; justify-content: center; padding: 0; align-items: center; gap: 10px; }
  .top_menu .searchbtn{ display: none; }
}
.gatefoot { padding: 0; }
gate h2 { margin: 14px 0; text-align: center; font-size: 30px; font-weight: bold; }
@media (min-width: 1200px){ /* maxPC */
  product thumb { max-height: 372px; }
}
@media (max-width: 900px){ /* MOB */
  header{gap:5px;margin-bottom: -10px !important;}
  .gate_main_link .egiftlink { background-color: #cb0922; }
  c { width: 100% !important; }
  product thumb { height: 90vw; }
  supermemu { display: flex; clear: both; width: 100%; }
  supermemu>* { flex: 1; flex-wrap: wrap; }
  .warp.main { min-height: calc( 100vh - 220px ); }
  socialname{display: none !important;}
  footer .rights { float: none; clear: both; }
  .statstics span { font-size: 13px; }
  .main>div,gate,.main > prodlist { padding: 15px !important; }
  prodlist, .prodlist { gap: 10px; }
  suggestions { padding: 10px 10px 0 10px; }
  .p_page add2cart:not(.pop_frame add2cart){z-index:0;}
}

nav.top .donatebtn { position: fixed; top: 170px; left: 0; padding: 6px 4px 5px 20px; background: #fff !important; border-top-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; box-shadow: 0 4px 4px -4px rgb(0 0 0 / 60%) !important; z-index: 1; }
.donatebtn i {font-size:0;color: var(--link_color);}
.donatebtn i::after {content: 'volunteer_activism';font-size: 20px;}

/*a[href$=".pdf"] { display: inline-block; background: #dcdcdc; color: var(--link_color); padding: 5px; border-radius: 8px; box-shadow: 0 1px 3px rgb(0 0 0 / 20%);margin:5px;}*/
a[href$=".pdf"]::after{ content: 'picture_as_pdf'; vertical-align: sub; font-family: 'mi'; line-height: 1; text-transform: none; letter-spacing: normal; font-feature-settings: 'liga'; margin-right: 5px; }
post img,.page_view img { border-radius: 8px; margin: auto; box-shadow: 0 4px 4px -2px rgba(0,0,0,.2); }
.payways thumb, pway thumb { width: 100px; }
.getHelpBtn{display: none;}
iframe { max-width: 100%; }
.i-right i { line-height: 1; }


/*NEW*/

nav.top{display: none;}
supermemu { display: inline-block !important; width: auto !important; }
/* .donatelink,.egiftlink{ background: transparent !important; box-shadow: none !important; color: #CD7A48 !important; margin: 0;} */
.donatelink i,.egiftlink i,opencart > i{margin: 0;}
header { /*background: #fff; */box-shadow: 0 6px 4px -4px rgb(0 0 0 / 10%);padding: 5px !important;margin-bottom: 15px;position: sticky; top: 0; z-index: 1; border-radius: 0 0 10px 10px; }
nav.top_menu{ max-width: 100%; margin: 0 auto 10px; width: 1200px; }
.top_menu .cats::before{content: 'spa';
    vertical-align: sub;
    font-family: 'mi';
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    font-feature-settings: 'liga';
}
logo{margin: 0;}
.login.btn { background: transparent !important; color: #000 !important; }
header .login prase{ display: none;}
.login.btn > i { color:  #CD7A48 !important; }
opencart num{padding: 4px 4px 0 4px; top: -2px; right: 8px; left: auto; font-size: 12px; color: #fff; background: #ccc;background:#008937;}
.top_menu_icon{font-size: 35px;padding-right: 0; padding-left: 0;}
header .donatebtn, header .recurbtn{margin: -15px 0; white-space: break-spaces; padding: 42px 5px 5px 5px; font-size: 15px; border-radius: 0 0 13px 13px; box-shadow: 0 4px 5px -5px #000;min-width: auto;flex-direction:column;gap:0;}
header .recurbtn { background: #505d62; margin-bottom: 0; padding: 23px 7px 4px; }
header .recurbtn:hover { background: #465c64; }
header .donatebtn i,header .donatebtn[ico]::before{display: none;}
btns>*{margin: unset;}
.swiper-pagination-bullet{transition: width 0.5s,opacity 0.3s;border-radius: 10px;}
.swiper-pagination-bullet-active{width: 30px;}
.searchicon, header .login { font-size: 28px; line-height: 1; }
.posts { list-style: none; gap: 10px; direction: rtl; padding: 5px 0; column-count: auto !important;display: flex;align-items: top;flex-wrap: wrap; }
.posts .post{width:32%;}
.posts .post:last-child { flex-grow: 0; }
.suc-toast, .toast.suc, .nauty .suc { background-color: #4acb7e; }
added2card{background: rgb(20 189 88 / 78%); color: #fff;}
product thumb, product .thumb img { max-height: none; height: auto; border-radius: 5px; }
.products_list .menu { padding-top: 30px; }
#auther{text-align:center;}
footer>wrap{padding:0;}
footer about{font-size:14px;}

/* 2025-1-13 */
.table thead>tr:first-child>th, .table tbody>tr:first-child>td { border: 0 !important;!i;!;!o;!om;!o;!;!i;!; }
figure table { width: 100%; } figure.table { margin: 30px auto; max-width: 100%; width: auto; text-align: center; border: 1px solid #f5f5f5; border-radius: 10px; overflow: hidden; box-shadow: 0 11px 18px -11px rgb(167 94 33 / 35%); }
.table td[rowspan] { border: 1px solid #ddd; vertical-align: middle; align-content: center; }
h1, h2, h3, h4, h5, h6, .title { white-space: normal !important; }
bgroup, .bgroup, [bgroup]{
  background: #ffffff; box-shadow: 0 5px 5px -2px rgba(0, 0, 0, .2);
  >*, >.btn,>btn,>[btn] {color: var(--txt_color);}
  .active, [active], .open, [open], >*:hover {background: var(--btn_color);color: var(--btn_txt_color);}
}
.goalcard prod { position: absolute; left: 0; top: 18em; float: left; background: var(--link_color); color: var(--bg_color); padding: 8px 8px 5px 8px; border-radius: 0 10px 10px 0; line-height: 1.2; font-size: 19px; font-weight: bold; }
.main.goal_list decoration flex{
    margin:15px auto 0;gap:20px;justify-content: center !important; d{display:none;} 
}
@media (max-width: 900px){
  logo { max-width: 47vw; }
  .top_menu btns{display:flex !important;flex-direction:column;gap:10px;}
  .top_menu.slide close{background: rgba(0,0,0,.5);}
  .top_menu box>ul{background: transparent !important;}
  .searchicon,header .login{display: none;}
  /*.donatelink prase,.egiftlink prase,*/opencart prase{display: none;}
  .top_menu > box { top: 90px; left: auto; border-radius: 15px; padding: 15px;height: auto; bottom: 10px; overflow: auto; }
  .top_menu.slide box { right: 10px;padding: 10px !important;}
  .top_menu ul li a{margin: 6px 0 0 0;}
  /*.top_menu{z-index: 1;}*/
  header{ position:sticky;top:0;z-index:1; }
  .top_menu .cats::before{display: none;}
  .adsswiper{margin: -20px -10px 0 ;width: auto;border-radius: 0 0 5px 5px; position: relative; /*z-index: 1;*/}
  .swiper-slide > a > img{ height:auto; max-height:none; max-width:100vw;border-radius: 0 0 5px 5px;}
  .posts .post{width:100%;}
}
@media (max-width: 330px){
  header .egiftlink{display: none;}
}
badge.fs13{color:#000;}
.gate_main_link { background: #fff; box-shadow: 0 3px 8px -3px rgb(167 94 33 / 35%); border-radius: 10px; display: flex; flex-wrap: wrap; gap: 15px; padding: 20px; }
.gate_main_link >* { padding: 10px; flex-grow: 1; margin: 0; }
iframe[src*='youtube'] { margin: auto; float: none; display: block; border-radius: 25px; box-shadow: 0 13px 18px -13px var(--link_color); }
card.ehda .glogolink logo { height: 6vh; margin-left: 20px; }
product prices num { padding: 8px 6px 3px; }
.posts_list tags{flex-wrap:nowrap;overflow:auto;padding-bottom: 5px;}
.posts_list tags a{min-width: auto;}
nav [href="https://ehsan.org.sa/posts/list"] { display: none !important; }

#new_post_form > * { margin: 4px 0; border: 3px solid var(--nav_color); border-radius: 10px; /*     background:#fff; */ }

/* ABO NADIM */
footer { width: 1200px; margin: auto; background: var(--btn_color); border: 0; border-radius: 15px 15px 0 0; padding: 15px; max-width: 100%; color: #fff;background: linear-gradient(45deg, #b8491a, #e16916); box-shadow: 0 -6px 28px -16px #e16916; }
blockquote { padding: 20px 0; border: 0; }
footer .favicon { background: transparent; box-shadow: none; filter: brightness(5) grayscale(1); padding: 1px; }
socials a { color: var(--link_color); }
socials { background: transparent; }
footer a { color: #fff; }
.payways {float: none;display: inline-block;vertical-align: middle;}
.payways pway { font-size: 0;}
footer .auther {float: none;display: inline-block;}

._gift_new header{background-image: url('https://ehsan.org.sa/media/storage/imgs/gift_head-copy.svg');}
/* hide in cases */
._orders_donate .recurbtn,
._gift_new .recurbtn,
._orders_donate opencart{ display:none; }

[sms] smshead { font-size: 0; height: 28px; }
[sms] smshead a { font-size: 15px; }
.products_show.main, .products_show.main .box { animation: none !important; }
.qr_btn { font-size: 12px !important; padding: 6px !important; }
.qr_btn:before { font-size: 25px !important; }