/*

 Theme Name:   Eshkool Child

 Theme URI:    http://keenitsolutions.com/products/wordpress/eshkool/

 Description:  Eshkool Child

 Author:       RS Theme

 Author URI:   http://rstheme.com

 Template:     eshkool

 Version:      3.6

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

 */

@import url('/wp-content/themes/eshkool-child/inc/css/font.css');



html body{

font-family: 'Cairo', sans-serif!important;

}

html body .fa-tumblr:before,

html body .fab.fa-tumblr:before,



/* === القواعد العامة === */

.rs-heading h2,

.rs-latest-news .news-normal-block .news-title a,

.counter-top-area h4,

.rs-events .event-item .event-title a,

.rs-latest-news .news-list-block .news-list-item .news-title,

.event-title,

.grid-category a,

.rs-services-style1 .services-desc .services-title,

h1 {

    font-family: 'Cairo', sans-serif!important; 

    

}



.navbar a, .navbar li { font-family: 'Cairo', sans-serif!important;}



/* === محاذاة النصوص === */

.col-md-12 {

    text-align: right;

}



p {

    color: #000000;

    text-align: justify;

}



body.rtl #rs-footer .widget p {

    text-align: center;

    color: #ffffff;

}



/* === العناوين والخطوط === */

.grid-post-item .post-info .title {

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0 !important;

    line-height: 1.4;

}



h1 {

    font-size: 36px;

    font-weight: 700;

    line-height: 46px;

}



/* === الهيدر === */

#rs-header .toolbar-area {

    z-index: 9;

    background: #56b4dc;

}



/* === الفوتر === */

#rs-footer.has-footer-contact .footer-contact-desc {

    margin: 0;

    background: #41413f;

}



#rs-footer.footer-style-1 .footer-contact-desc .contact-inner .contact-title {

    margin-bottom: 10px;

    color: #fff;

    font-size: 20px;

    text-align: center;

}



@media only screen and (min-width: 600px) {

    #rs-footer.footer-style-1 .footer-contact-desc {

        position: relative !important;

        margin: 0;

        margin-top: 100px;

        background: #014168 !important;

        border-radius: 30px;

        box-shadow: 0 0 20px rgba(0, 0, 0, .7);

        text-align: center;

        padding: 35px;

        position: absolute;

        width: 100%;

        transform: translateY(-50%) !important;

        z-index: 111;

    }

}



/* === القوائم === */

.menu-area .navbar ul li ul.sub-menu {

    background: #3473ab !important;

}



/* === الأقسام === */

.rs-breadcrumbs-inner {

    background: #459bbb;

}



span.post.post-page.current-item {

    color: #d3e1e6 !important;

}



.rs-acheivements .counter-top-area {

    background: unset !important;

}



/* === أيقونات === */

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    color: black;

}



.icon-basic-mail-open:before {

    content: "(";

    color: #ffffff;

}



.icon-basic-tablet:before {

    content: "\e014";

    color: #ffffff;

}



.fa-twitter:before {

    content: "\f099";

    font-family: "Font Awesome 6 Brands";

}



.fa-twitter-square:before {

    content: "\e61b";

    font-family: "Font Awesome 6 Brands";

}



/* === النماذج (Contact Form 7) === */

div.wpcf7 {

    direction: rtl !important;

    text-align: right;

    padding: 20px;

}



.wpcf7 input[type="text"],

.wpcf7 input[type="email"],

.wpcf7 input[type="tel"],

.wpcf7 textarea {

    background: #FFF;

    color: #1091C9;

    font-family: 'Cairo', sans-serif;

    text-align: right;

    border: 1px solid #1091c9;

}



.wpcf7 input[type="submit"],

.wpcf7 input[type="button"] {

    background-color: #1E73BE;

    width: 30%;

    text-align: center;

    color: #fff;

}



/* === الأقسام الأخرى === */

.vc_row.vc_row-flex {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

}





/*body[class*="ar"] .rs-latest-news {

    text-align: right !important;

}

body[class*="ar"] .rs-latest-news * {

    text-align: right !important;

}



*/



.rs-calltoaction .cta-button:hover {

    color: whitesmoke;

}



/* === الميتا سلايدر === */

.metaslider .caption-wrap {

    display: none !important;

}



/* === نموذج لاصق (غير مستخدم) === */

.sticky_form {

    display: none;

}

navbar-menu{ font-family: 'Cairo', sans-serif;} 



/* تعديل صفحة الاخبار البولج */

 



/* 1. إلغاء الهوامش المزعجة وتجهيز الحاوية الرئيسية */

/* إعادة تعيين تنسيق الشبكة */

.rs-blog #content {

    padding: 0 !important;

    margin: 0 -15px;

}



/* تنسيق الصف الرئيسي ليكون Flexbox */

.rs-blog #content .row.right-full-layout {

    display: flex !important;

    flex-wrap: wrap !important;

    width: 100% !important;

    margin: 0 -15px !important;

}



/* تنسيق كل مقالة (بطاقة) */

.rs-blog #content .row.right-full-layout article.post {

    flex: 0 0 calc(33.333% - 30px) !important;

    max-width: calc(33.333% - 30px) !important;

    margin: 15px !important;

    background: #ffffff;

    border-radius: 12px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);

    display: flex;

    flex-direction: column;

    height: auto;

    overflow: hidden;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



/* التأثير عند التحويم */

.rs-blog #content .row.right-full-layout article.post:hover {

    transform: translateY(-5px);

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);

}



/* تنسيق الصورة */

.rs-blog #content article.post .post-img {

    height: 200px;

    overflow: hidden;

border-radius:10px;

}



.rs-blog #content article.post .post-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;

}

.rs-blog .blog-item .blog-img {  border-radius: 15px}



.rs-blog #content article.post:hover .post-img img {

    transform: scale(1.05);

}



/* تنسيق محتوى المقالة */

.rs-blog #content article.post .blog-content {

    padding: 25px;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

}



.rs-blog #content article.post .blog-content h2.entry-title {

    margin: 15px 0 15px 0;

    font-size: 18px;

    line-height: 1.5;

    font-weight: 600;

font-family: 'Cairo', sans-serif!important;

}



.rs-blog .blog-item .full-blog-content .blog-title{

margin: 15px 0 15px 0;

font-family: 'Cairo', sans-serif!important;

font-size: 18px;

}

a:hover, .rs-blog .blog-item .full-blog-content .blog-title a:hover, .toolbar-contact-style4 ul li .contact-inf a:hover {

color: #ffc107 !important;

}

.rs-blog #content article.post .blog-content p {

    font-size: 15px;

    line-height: 1.7;

    color: #666;

    flex-grow: 1;

    margin-bottom: 20px;

}



/* زر القراءة */

.rs-blog #content article.post .blog-content .readon {

    margin-top: auto;

    align-self: flex-start;

}



/* ===============================

   تصميم متجاوب

   =============================== */



/* شاشات متوسطة - 2 أعمدة */

@media (max-width: 991.98px) {

    .rs-blog #content .row.right-full-layout article.post {

        flex: 0 0 calc(50% - 30px) !important;

        max-width: calc(50% - 30px) !important;

    }

}



/* شاشات صغيرة - عمود واحد */

@media (max-width: 767.98px) {

    .rs-blog #content .row.right-full-layout {

        margin: 0 !important;

    }

    

    .rs-blog #content .row.right-full-layout article.post {

        flex: 0 0 100% !important;

        max-width: 100% !important;

        margin: 0 0 30px 0 !important;

    }

}



/* === الميتا سلايدر === */

.metaslider .caption-wrap {

    display: none !important;

}



/* === نموذج لاصق (غير مستخدم) === */

.sticky_form {

    display: none;

}

 /*لضبابية الصنص اللي فوق الصورة حق البوكس هوفر */



.blur-overlay .vc-hoverbox-wrapper {

    position: relative;

    overflow: hidden;

}



.blur-overlay .vc-hoverbox-front .vc-hoverbox-block-inner {

    position: relative;

}



.blur-overlay .vc-hoverbox-front .vc-hoverbox-block-inner:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.35);

    backdrop-filter: blur(6px);

    -webkit-backdrop-filter: blur(6px);

    z-index: 2;

}



.blur-overlay .vc-hoverbox-front h2,

.blur-overlay .vc-hoverbox-front p {

    position: relative;

    z-index: 3;

    color: #fff !important;

font-size: 18px !important;

  line-height: 1.3;

}



.page-links span {

    border: 1px solid #007bff;

    padding: 3px 12px;

    font-size: 18px;

    margin: 0 0 0 5px;

    background: #007bff;

    color: #fff;

}

.page-links a span {

    background: 0 0 !important;

color: #007bff;}

.page-links span:hover {

    background: #007bff !important;

    color: #fff;

}

.rs-breadcrumbs-inner .breadcrumbs-inner {

    margin-top: -70px!important;

}



.rs-breadcrumbs-inner {

    height: 200px;

}



.rs-breadcrumbs .breadcrumbs-inner .current-item a {

    color: #e4f183 !important;

}

/* Breadcrumb - العنصر الحالي في التصنيفات والأحداث */
.rs-breadcrumbs span.archive.taxonomy.category.current-item,
.rs-breadcrumbs span.post.post-events.current-item {
    color: #ffd700 !important;
    font-weight: 800;
    text-shadow: 0 0 8px rgba(255, 215, 0, .4);
}


.rs-breadcrumbs .page-title {
    margin: -15px -100px 15px !important;
}

body .rs-breadcrumbs .breadcrumbs-inner span a:hover {

    color: #ebd213 !important;

}

@media only screen and (max-width: 590px) {

    .rs-breadcrumbs .page-title {

        margin-top: -150px;

        margin-bottom: 5px;

    }

}



/* الافتراضي (إنجليزي LTR) */

.premium-content  {

    text-align: left;

    direction: ltr;

}

/* العربي RTL */

html[lang="ar"] .premium-content {

    text-align: right;

    direction: rtl;

}



/****************الاخبار*************************/

.premium-news-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-top:40px;

}



.premium-card-link{

    text-decoration:none;

    color:inherit;

    display:block;

}



.premium-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,0.08);

    transition:all .4s ease;

    height:100%;

}



.premium-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,0.15);

}



.news-thumb{

    overflow:hidden;

}



.news-thumb img{

    width:100%;

    height:230px;

    object-fit:cover;

    transition:.5s;

}



.premium-card:hover img{

    transform:scale(1.05);

}



.premium-content{

    padding:22px;

}



.news-date{

    display:block;

    color:#0d6efd;

    font-size:14px;

    font-weight:700;

    margin-bottom:12px;

}



.premium-content h3{

    font-size:21px;

     

    line-height:1.6;

    margin-bottom:12px;

    color:#222;

}



.premium-content p{

    color:#666;

    line-height:1.9;

    min-height:85px;

}



@media(max-width:992px){

    .premium-news-grid{

        grid-template-columns:repeat(2,1fr);

    }

}



@media(max-width:768px){

    .premium-news-grid{

        grid-template-columns:1fr;

    }

}

/*************************صفحة الارشيقف********************/

.premium-card-link{

    text-decoration:none;

    color:inherit;

    display:block;

}



.archive-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,0.08);

    transition:all .4s ease;

    margin-bottom:40px;

    margin-top:40px;

    height:100%;

}



.archive-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,0.15);

}



.archive-card .news-thumb{

    overflow:hidden;

}



.archive-card .news-thumb img{

    width:100%;

    height:230px;

    object-fit:cover;

    transition:.5s;

}



.archive-card:hover img{

    transform:scale(1.05);

}



.archive-card .premium-content{

    padding:22px;

}



.archive-card .news-date{

    display:block;

    color:#0d6efd;

    font-size:14px;

    font-weight:700;

    margin-bottom:12px;

}



.archive-card h3{

    font-size:21px;

    line-height:1.6;

    margin-bottom:12px;

    color:#222;

}



.archive-card p{

    color:#666;

    line-height:1.9;

    min-height:85px;

}

.premium-news-grid{

    row-gap:50px;

    padding-top:20px;

    padding-bottom:20px;

}

/*********************/

.rs-breadcrumbs span.archive.taxonomy.category.current-item{

    color:#ffd700 !important;

    font-weight:800;

    text-shadow:0 0 8px rgba(255,215,0,.4);

}

ol.flex-control-nav.flex-control-paging {

    display: none;

}

.rs-blog-grid .blog-item .full-blog-content {



    text-align: left!important;

}



/**********************/



.rs-events .event-item .events-details {

        text-align: left;

}

/**********************/

.footer-contact-desc p.contact-desc {

    direction: ltr !important; 

    color: white !important; 

    text-align: center !important; 

    font-weight: bold !important;

}



/***************************************************/

/* --- إظهار البحث وزر القبول وتنسيقهما عند تصغير الشاشة --- */

@media screen and (max-width: 991px) {



  /* 1. إظهار وتنسيق عنصر البحث */

  .has-quote-text .sticky_search {

    display: inline-block !important;

    float: right;

    margin-top: 5px;

    margin-left: 8px !important;

  }

  

  .has-quote-text .sticky_search a.rs-search {

    display: inline-block !important;

    color: #0073aa; /* يمكنك تغيير اللون حسب رغبتك */

    font-size: 16px;

  }



  /* 2. إظهار زر القبول والتسجيل وتعديل حجمه للشاشات الصغيرة */

  .has-quote-text .get-quote {

    display: inline-block !important;

    float: right;

    margin-top: 2px;

    margin-left: 5px !important;

  }



  .has-quote-text .get-quote a.quote-button {

    display: inline-block !important;

    padding: 4px 10px !important;

    font-size: 11px !important;

    line-height: 1.4 !important;

    border-radius: 15px !important;

    white-space: nowrap;

  }



  /* 3. ضبط ترتيب وتجاور العناصر مع مبدل اللغة (lang-switcher) */

  .menu-area .has-quote-text {

    display: flex !important;

    align-items: center;

    justify-content: flex-end;

    gap: 8px;

  }

}

/*********************************************************/

@media screen and (max-width: 480px) {

  /* في الشاشات الصغرى جداً: إخفاء النص وإظهار أيقونة فقط داخل زر القبول */

  .has-quote-text .get-quote a.quote-button {

    font-size: 0 !important; /* إخفاء النص */

    padding: 6px 10px !important;

  }

  .has-quote-text .get-quote a.quote-button::before {

    content: "\f0c0"; /* كود أيقونة FontAwesome */

    font-family: "FontAwesome";

    font-size: 14px;

    color: #fff;

  }

}

/********************************************************/
  .lang-switcher {

 

     display: inline-block;

 align-items: center;

    justify-content: center;

    margin-right: 10px;

    height: 100%; 

  

}



@media (max-width: 767px) {

     .lang-switcher {

 

     display: flex;

 align-items: center;

    justify-content: center;

    margin-right: 10px;

    height: 100%; 

   margin-top: 20px !important;

    }

}



@media (min-width: 591px) and (max-width: 991px) {

    .lang-switcher {

 

     display: flex;

 align-items: center;

    justify-content: center;

    margin-right: 10px;

    height: 100%; 

   margin-top: -20px !important;

    }

}

 

.lang-btn {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    border: 0;

    color: black;

    border-radius: 20px;

    padding: 4px 12px;

    font-weight: 600;

    font-size: 14px;

    text-decoration: none;

    line-height: 1;

    transition: all 0.3s ease;

}



.lang-btn img {

    width: 20px;

    height: auto;

}

.lang-switcher .lang-btn:hover {

   

    color: #007bff;  

}

 

