/* =========================================================
   APRN Modern Template – Arabic (RTL)
   Color tokens
     --c-primary:   #1b4332   (deep forest green)
     --c-primary-l: #2d6a4f   (medium green)
     --c-accent:    #52b788   (bright mint)
     --c-accent-l:  #95d5b2   (light mint)
     --c-surface:   #ffffff
     --c-bg:        #f0f4f3
     --c-text:      #212529
     --c-muted:     #6c757d
     --c-border:    #dee2e6
   ========================================================= */

/* ---- Reset ---- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:15px;direction:rtl;text-align:right;background:#f0f4f3;color:#212529;line-height:1.7}
.clr{clear:both}
a{text-decoration:none;color:#2d6a4f;transition:.25s}
a:hover{color:#52b788}
img{max-width:100%;height:auto}
table,td,th{border:0;border-collapse:collapse}

/* ---- Utility ---- */
.hidden{display:none}

/* ================================================================
   HEADER / BANNER
   ================================================================ */
.banner{
    background:#1b4332;
    color:#fff;
    position:sticky;top:0;z-index:900;
    box-shadow:0 2px 12px rgba(0,0,0,.15);
}
.banner_box{
    max-width:1320px;width:100%;margin:0 auto;
    padding:0 24px;position:relative;
    height:auto;min-height:auto;
    background:transparent;
}

/* -- Top utility bar -- */
.top_row{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);
    height:auto;background:transparent;
}
.tr_menu{float:none;width:auto;padding:0}
.tr_menu ul{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.tr_menu li{list-style:none;float:none}
.tr_menu a{
    display:inline-block;height:auto;text-indent:0;
    color:rgba(255,255,255,.9);font-size:14px;font-weight:500;
    padding:6px 16px;border-radius:6px;
    background:rgba(255,255,255,.08);
    transition:.25s;
}
.tr_menu a:hover{background:rgba(255,255,255,.18);color:#fff}
.main_page,.contact_page,.sitemap_page{width:auto;background:none;background-position:0 0}

.datatime{
    float:none;padding:0;display:flex;align-items:center;gap:8px;
    color:rgba(255,255,255,.85)!important;font-size:13px;
}
.datatime input{color:rgba(255,255,255,.85)!important;background:transparent;border:0}
.datatime a{
    color:rgba(255,255,255,.85);padding:5px 12px;border-radius:6px;
    background:rgba(255,255,255,.08);transition:.25s;
}
.datatime a:hover{background:rgba(255,255,255,.18);color:#fff}

/* -- Logo row -- */
.banner_logo_title{
    padding:20px 0;margin:0;width:100%;height:auto;min-height:auto;
    background:transparent;border-radius:0;box-shadow:none;
}

/* -- News ticker bar -- */
.news_bar{
    display:flex;align-items:center;padding:10px 0;
    border-top:1px solid rgba(255,255,255,.12);
    height:auto;min-height:auto;background:transparent;margin:0;
}
.social_icons{display:flex;gap:8px;float:none;padding:0}
.social_icons li{list-style:none;float:none}
.social_icons a{
    display:flex;align-items:center;justify-content:center;
    width:32px;height:32px;border-radius:50%;
    background:rgba(255,255,255,.12);text-indent:-9999px;
    transition:.25s;
}
.social_icons a:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}
.facebook_icon,.twitter_icon,.youtube_icon{width:32px;background:none;background-position:0 0}
.news_marquee{flex:1;overflow:hidden;padding:0 16px;float:none;width:auto}
.news_marquee marquee{width:100%}
.news_marquee a{color:rgba(255,255,255,.85);padding-left:18px;margin-left:12px;font-size:13px;background:none}
.news_marquee a:hover{color:#95d5b2}

/* -- Horizontal main navigation bar -- */
.main-nav{
    background:linear-gradient(180deg,#22543d 0%,#1b4332 100%);
    box-shadow:0 4px 16px rgba(0,0,0,.18);
    padding:0;position:relative;z-index:800;
}
.main-nav::after{
    content:'';display:block;position:absolute;bottom:0;left:0;right:0;
    height:3px;background:linear-gradient(90deg,#52b788,#95d5b2,#52b788);
    opacity:.6;
}
.main-nav-inner{
    max-width:1320px;margin:0 auto;padding:0 24px;
    display:flex;align-items:center;justify-content:center;
}
/* nav-menu wrapper from Menu.ascx */
.main-nav .nav-menu{width:100%}
.main-nav .nav-menu ul,
.main-nav ul{
    list-style:none;margin:0;padding:0;
    display:flex;flex-wrap:wrap;gap:0;justify-content:center;
}
.main-nav li{margin:0;padding:0;border-bottom:none;position:relative}
/* subtle separator between items */
.main-nav li+li::before{
    content:'';position:absolute;top:25%;right:0;
    width:1px;height:50%;background:rgba(255,255,255,.18);
}
.main-nav li a,
.main-nav li a strong{
    display:block;padding:15px 26px;position:relative;
    color:rgba(255,255,255,.92);
    font:600 14px/1.1 'Segoe UI',Tahoma,Arial,sans-serif;
    letter-spacing:.3px;white-space:nowrap;
    transition:color .2s,background .2s;
    text-decoration:none;
}
/* animated underline on hover */
.main-nav li a::after{
    content:'';position:absolute;bottom:0;right:50%;
    width:0;height:3px;border-radius:3px 3px 0 0;
    background:#95d5b2;transition:width .25s,right .25s;
}
.main-nav li a:hover::after{width:70%;right:15%}
.main-nav li a:hover,
.main-nav li a:hover strong{
    color:#fff;background:rgba(255,255,255,.07);
}
.main-nav li a:active{background:rgba(255,255,255,.12)}

/* -- User bar -- */
.user_bar{
    padding:10px 0;height:auto;min-height:auto;margin:0;
    border-top:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.9);font-size:13px;font-weight:500;
    background:transparent;
}

/* ================================================================
   BODY WRAPPER
   ================================================================ */
.bodydiv{
    max-width:1320px;width:100%;margin:24px auto;
    padding:0 24px;background:transparent;position:relative;
}
.bodyt,.bodyb{display:none}

/* ---- 2-column layout (menu moved to header) ---- */
.left_column,.right_column,.body_column{float:left;position:relative;padding:0 12px}
.left_column{width:22%}
.body_column{width:78%}
.right_column{display:none}

/* ================================================================
   SLIDER BOX
   ================================================================ */
.slider_box{
    width:100%;background:#fff;border-radius:14px;
    margin:0 0 24px;padding:16px;float:right;
    box-shadow:0 1px 6px rgba(0,0,0,.06);position:relative;
}
.boxt,.boxb{display:none}
#slider{z-index:1;margin:0;height:auto;border-radius:10px;overflow:hidden}
.slider_mask{display:none}
.nivo-controlNav{background:none;width:auto;height:auto;padding-top:8px}

/* ================================================================
   LEFT COLUMN BOXES
   ================================================================ */
.lcolumn_box,.leftblocks{
    background:#fff;width:100%;padding-top:52px;position:relative;
    border-radius:14px;box-shadow:0 1px 6px rgba(0,0,0,.06);
    margin-bottom:20px;overflow:hidden;
}
.leftblocks{padding-top:0!important}
.leftblocks_hdr{
    width:100%;padding:14px 18px;
    background:#1b4332;color:#fff;font-weight:600;font-size:15px;
    border-radius:14px 14px 0 0;height:auto;
}
.blocks_inner{padding:14px}

.title_s,.title_t,.title_boll,.title_search{
    width:100%;height:52px;position:absolute;top:0;left:0;
    background:#1b4332;border-radius:14px 14px 0 0;
    display:flex;align-items:center;padding:0 18px;
    color:#fff;font-weight:600;font-size:15px;
}
.lcolumn_body{position:relative;padding:14px;overflow:hidden;min-height:180px}
.lcolumn_bottom{display:none}

.img_style{
    text-align:center;background:#f0f4f3;width:80px;height:88px;
    margin:6px;float:right;border-radius:8px;padding:4px;
}
.img_style img{padding:3px;border-radius:6px}
.info{text-align:center;padding:8px 0}
.info span.title{padding-top:12px;display:block;font-weight:600;color:#1b4332}
.info span.name{padding-top:8px;display:block;color:#6c757d}

/* ================================================================
   RIGHT COLUMN  /  SIDE MENU (legacy — menu now in header)
   ================================================================ */
.rcolumn{
    background:#fff;border-radius:14px;position:relative;
    box-shadow:0 1px 6px rgba(0,0,0,.06);padding-bottom:18px;
    overflow:hidden;
}
.right_menu{
    padding:16px;background:transparent;border-radius:0;margin-bottom:0;
}
.right_menu li,.new_events li,.impo_links li{
    margin:0;padding:10px 16px;list-style:none;
    border-bottom:1px solid rgba(0,0,0,.05);
}
.right_menu li:last-child,.new_events li:last-child,.impo_links li:last-child{border-bottom:0}
.right_menu a,.new_events a,.impo_links a{
    font:500 14px/1.5 'Segoe UI',Tahoma,Arial,sans-serif;
    color:#333;display:block;transition:.2s;
}
.right_menu a:hover{color:#2d6a4f;padding-right:6px}
.rcolumn_bottom{display:none}

.new_events,.impo_links{
    padding:16px;background:transparent;
    border-radius:0;margin-top:18px;
    color:#1b4332;font-weight:600;font-size:15px;
}

/* ================================================================
   VISITOR COUNTER
   ================================================================ */
.user_counter{
    width:100%;padding:20px;border-radius:14px;margin-top:18px;
    background:#1b4332;color:#fff;text-align:center;
    box-shadow:0 1px 6px rgba(0,0,0,.06);
    height:auto;background-image:none;background-position:0 0;
}
.userin{float:right;margin:6px 10px;font-size:16px;font-weight:600}
.allusers{float:right;clear:right;margin:8px 10px;font-size:14px}

/* ================================================================
   ARTICLE / CONTENT BOXES
   ================================================================ */
.main_article,.pre_article,.mdlblocks{
    width:100%;padding:52px 24px 24px;position:relative;
    background:#fff;border-radius:14px;
    box-shadow:0 1px 6px rgba(0,0,0,.06);margin-bottom:20px;
}
.ma_title,.pa_title{
    position:absolute;top:0;left:0;width:100%;height:52px;
    background:#1b4332;border-radius:14px 14px 0 0;
    display:flex;align-items:center;padding:0 22px;
    color:#fff;font-weight:600;font-size:17px;
}
.article{padding:16px 8px}
.article h1{font:700 20px/1.4 'Segoe UI',Tahoma,Arial,sans-serif;color:#1b4332;margin-bottom:12px}
.article span.date,.pre_article span.date{font-size:12px;color:#6c757d;display:block;margin-bottom:8px}
.article p,.pre_article p{font:400 15px/1.8 'Segoe UI',Tahoma,Arial,sans-serif;color:#444;margin-bottom:12px}
.article img{margin-right:8px;border-radius:8px;max-width:100%}
.main_article_pagin{
    background:#1b4332;width:100%;padding:14px;text-align:center;
    color:#fff;border-radius:10px;margin-top:12px;
}
.main_article_pagin span{margin:0 6px}
.pre_bottom{display:none}
.table_color{background:#f0f4f3}
.mtable{position:relative;display:block}
.pre_article table td{vertical-align:top;padding:8px}
.pre_article table{margin:8px 0;width:100%}
.pre_article h2{font:600 16px/1.4 'Segoe UI',Tahoma,Arial,sans-serif;color:#1b4332;margin-bottom:8px}
.pre_article img{margin-left:8px;border:1px solid #dee2e6;border-radius:6px}
.mtable .more_link{bottom:auto!important}

.mdlblocks{float:right;overflow:hidden;padding:52px 20px 20px!important;width:100%!important}
#side_bar-inner{float:left;width:25%}
.inner_body{margin-left:16px!important;vertical-align:top;width:calc(75% - 16px)!important}
.mdlblocks_hdr{
    font:600 16px/1 'Segoe UI',Tahoma,Arial,sans-serif;
    width:100%;padding:14px 22px;
    background:#1b4332;position:absolute;top:0;right:0;
    color:#fff;border-radius:14px 14px 0 0;height:auto;
}
.mdlblocks .pre_bottom{display:none}
.mdlblocks td{padding:8px 0;border-bottom:1px solid #f0f4f3}
.mdlblocks input{margin-right:16px}

.more_link{
    width:auto;height:auto;display:inline-block;text-indent:0;
    background:none;position:relative;left:auto;bottom:auto;
    color:#2d6a4f;font-weight:600;padding:4px 10px;border-radius:6px;
    transition:.25s;
}
.more_link:hover{background:#2d6a4f;color:#fff}

.bbox_master,.tbox_master{display:none}
.tmasterbanner{background:#fff;width:100%;height:auto;margin:0;border-radius:14px;padding:16px;box-shadow:0 1px 6px rgba(0,0,0,.06)}

/* ================================================================
   PAGINATION
   ================================================================ */
.pager{margin:28px 0;text-align:center}
.page-numbers{
    font-family:'Segoe UI',Tahoma,Arial,sans-serif;
    border:1px solid #dee2e6;color:#2d6a4f;display:inline-block;float:right;
    font-size:14px;margin:0 3px;padding:8px 14px;border-radius:8px;
    transition:.25s;font-weight:500;background:#fff;
}
.page-numbers:hover{background:#2d6a4f;color:#fff;border-color:#2d6a4f}
.page-numbers.current{background:#1b4332;border-color:#1b4332;color:#fff;font-weight:600}
.page-numbers.next,.page-numbers.prev{border:1px solid #dee2e6}
.page-numbers.desc{border:none;margin-bottom:8px}

/* ================================================================
   FORM ELEMENTS
   ================================================================ */
input[type="text"],input[type="password"],textarea,select{
    padding:10px 16px;border:1px solid #dee2e6;border-radius:8px;
    font-size:14px;font-family:inherit;transition:.25s;
    width:100%;max-width:320px;background:#fff;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
    outline:none;border-color:#52b788;box-shadow:0 0 0 3px rgba(82,183,136,.15);
}
.search-input{
    padding:10px 16px;border:2px solid rgba(255,255,255,.25);border-radius:8px;
    font-size:14px;background:rgba(255,255,255,.92);color:#212529;transition:.25s;
}
.search-input:focus{
    outline:none;border-color:#95d5b2;background:#fff;
    box-shadow:0 0 0 3px rgba(82,183,136,.2);
}

/* ================================================================
   IMAGE CAROUSEL
   ================================================================ */
.image_carousel{padding:15px 0 15px 40px;position:relative}
.image_carousel img{border:1px solid #dee2e6;background:#fff;padding:6px;margin:6px;display:block;float:left;border-radius:8px}
a.prev,a.next{background:url(../images/miscellaneous_sprite.png) no-repeat transparent;width:45px;height:50px;display:block;position:absolute;top:85px}
a.prev{left:-22px;background-position:0 0}a.prev:hover{background-position:0 -50px}a.prev.disabled{background-position:0 -100px!important}
a.next{right:-22px;background-position:-50px 0}a.next:hover{background-position:-50px -50px}a.next.disabled{background-position:-50px -100px!important}
a.prev.disabled,a.next.disabled{cursor:default}
a.prev span,a.next span{display:none}
.pagination{text-align:center}
.pagination a{background:url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;width:15px;height:15px;margin:0 5px 0 0;display:inline-block}
.pagination a.selected{background-position:-25px -300px;cursor:default}
.pagination a span{display:none}
.clearfix{float:none;clear:both}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1024px){
    .left_column,.body_column,.right_column{width:100%;float:none;padding:0;margin-bottom:20px}
    .body_column{order:1}.left_column{order:2}
    .main-nav ul{justify-content:center}
}
@media(max-width:768px){
    .banner_box{padding:0 12px}
    .top_row{flex-direction:column;gap:8px;align-items:flex-start;padding:8px 0}
    .tr_menu ul{flex-wrap:wrap;gap:4px}
    .bodydiv{padding:0 12px}
    .main-nav-inner{padding:0 12px}
    .main-nav .nav-menu ul,.main-nav ul{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
    .main-nav li a,.main-nav li a strong{padding:12px 16px;font-size:13px}
    .main-nav li+li::before{display:none}
}