/*
Theme Name: ECOCOACH
Author: Vaxi.ir
Version: 1.1
Text Domain: ecocoach
*/

@font-face {
  font-family: 'IRANSans';
  src: url('font/IRANSansWeb.eot');
  src: url('font/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
       url('font/IRANSansWeb.woff2') format('woff2'),
       url('font/IRANSansWeb.woff') format('woff'),
       url('font/IRANSansWeb.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'IRANSans';
  src: url('font/IRANSansWeb_Bold.eot');
  src: url('font/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
       url('font/IRANSansWeb_Bold.woff2') format('woff2'),
       url('font/IRANSansWeb_Bold.woff') format('woff'),
       url('font/IRANSansWeb_Bold.ttf') format('truetype');
  font-weight: 700;
}

/* =========================
   PEYDA FONT
========================= */

@font-face {
  font-family: 'Peyda';
  src: url('font/PeydaWebFaNum-Regular.woff2') format('woff2'),
       url('font/PeydaWebFaNum-Regular.woff') format('woff'),
       url('font/PeydaFaNum-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Peyda';
  src: url('font/PeydaWebFaNum-Bold.woff2') format('woff2'),
       url('font/PeydaWebFaNum-Bold.woff') format('woff'),
       url('font/PeydaFaNum-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  --navy:#1f2454;
  --navy-2:#1b214f;
  --bg:#f5f6fa;
  --card:#ffffff;
  --text:#242733;
  --muted:#8b8f9a;
  --line:#e8e9ef;
  --shadow:0 10px 24px rgba(22, 28, 66, .16);
  --shadow-soft:0 6px 18px rgba(22, 28, 66, .10);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  direction:rtl;
  text-align: right;
  font-family:'IRANSans', system-ui, sans-serif;
  line-height:2;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none}
button,input,textarea{font:inherit}

.container{
  width:min(100%, 1200px);
  margin:0 auto;
  padding-inline:18px;
}





.site-header{
  padding:26px 0 18px;
}

.header-wrap{
  display:flex;
  align-items:center;
  gap:22px;
  direction:ltr;
}

.logo{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

/* DESKTOP MENU */
.desktop-menu{
  flex:1;
  display:flex;
  justify-content:center;
}

.desktop-nav{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin:0;
  padding:0;
  direction:rtl;
}

.desktop-nav li{
  margin:0;
  padding:0;
}

.desktop-nav a{
  color:var(--navy);
  font-size:15px;
  font-weight:700;
  line-height:1;
  transition:.25s ease;
  white-space:nowrap;
}

.desktop-nav a:hover{
  color:#11173f;
}

/* AUTH LINKS */
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  direction:rtl;
}

.header-auth-link{
  color:var(--navy);
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
  transition:.25s ease;
}

.header-auth-link:hover{
  color:#11173f;
}

.header-auth-sep{
  color:#9aa0b2;
  font-weight:700;
}

/* HAMBURGER DEFAULT */
.menu-btn{
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  padding:0;
  display:grid;
  align-content:center;
  justify-items:end;
  gap:5px;
  cursor:pointer;
  flex:0 0 auto;
}

.menu-btn span{
  display:block;
  width:30px;
  height:3px;
  border-radius:99px;
  background:var(--navy);
}

.menu-btn span:nth-child(2){
  width:24px;
}

/* MOBILE MENU */
.mobile-menu{
  position:fixed;
  top:0;
  right:-320px;
  width:280px;
  height:100vh;
  background:#1f2454;
  z-index:99999;
  transition:right .35s ease;
  padding:100px 24px 40px;
  overflow-y:auto;
}

.mobile-menu.active{
  right:0;
}

.mobile-nav{
  list-style:none;
  margin:0;
  padding:0;
  direction:rtl;
  text-align:right;
}

.mobile-nav li{
  margin-bottom:18px;
}

.mobile-nav a{
  color:#fff !important;
  text-decoration:none;
  font-size:17px;
  font-weight:700;
  display:block;
  line-height:2;
}

/* OVERLAY */
.menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.3s ease;
  z-index:99990;
}

.menu-overlay.active{
  opacity:1;
  visibility:visible;
}

body.menu-open{
  overflow:hidden;
}


@media (min-width: 768px){
  .menu-btn,
  .mobile-menu,
  .menu-overlay{
    display:none !important;
  }
}

@media (max-width: 767px){
  .desktop-menu,
  .header-actions{
    display:none;
  }

  .site-header{
    padding:22px 0 14px;
  }

  .logo-mark{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .logo-text strong{
    font-size:20px;
  }
}

/* =========================
   LOGO IMAGE
========================= */

.logo-image{
  height:58px;
  width:auto;
  display:block;
}

@media(max-width:767px){

  .logo-image{
    height:46px;
  }

}
/*

.site-header{
  padding:26px 0 18px;
}

.header-wrap{
 direction:ltr; 
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
  display:flex;
  align-items:center;
  gap:10px;
}

.logo-mark{
  width:50px;
  height:50px;
  position:relative;
  flex:0 0 50px;
}
.logo-mark span{
  position:absolute;
  border:2px solid #8a8ea0;
  border-radius:999px;
}
.logo-mark span:first-child{
  width:23px;
  height:34px;
  left:7px;
  top:6px;
}
.logo-mark span:last-child{
  width:23px;
  height:34px;
  left:20px;
  top:6px;
}
.logo-text{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.logo-text strong{
  direction:ltr;
  color:#273060;
  font-size:22px;
  letter-spacing:.4px;
  font-weight:700;
}
.logo-text small{
  direction:ltr;
  color:#9095a2;
  font-size:10px;
  letter-spacing:2.2px;
  margin-top:4px;
}

.menu-btn{
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  padding:0;
  display:grid;
  align-content:center;
  justify-items:end;
  gap:5px;
  cursor:pointer;
}
.menu-btn span{
  display:block;
  width:30px;
  height:3px;
  border-radius:99px;
  background:var(--navy);
}
.menu-btn span:nth-child(2){width:24px} 
*/



.hero{
  background:var(--navy-2);
  border-radius:24px;
  min-height:164px;
  padding:30px 34px;
  display:flex;
  align-items:center;
  box-shadow:var(--shadow);
}
.hero-inner{
  width:100%;
  text-align:right;
  color:#fff;
}
.hero h1{
  margin:0 0 14px;
  font-size:34px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.3px;

  font-family:'Peyda', sans-serif;
}
.hero p{
  margin:0;
  font-size:18px;
  line-height:1.9;
  font-weight:700;
  color:rgba(255,255,255,.95);
}

.featured-card,
/*.list-card,*/
.footer-card{
  background:var(--card);
  border-radius:24px;
  box-shadow:var(--shadow-soft);
  border:1px solid rgba(23, 30, 67, .08);
}

.featured-card{
  margin-top:28px;
  padding:22px;
}
.featured-grid{
  display:grid;
  grid-template-columns: 1fr 1.15fr;
  gap:24px;
  align-items:stretch;
  direction:ltr;
}
.featured-image{
  background:linear-gradient(180deg, #23285d 0%, #1d2150 100%);
  border-radius:20px;
  min-height:240px;
}
.featured-info{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:2px;
   direction:rtl;
  text-align:right;
}
.featured-badge{
  align-self:flex-end;
  background:#eceef8;
  color:var(--navy);
  border-radius:14px;
  padding:7px 14px;
  font-size:14px;
  font-weight:700;
  margin-bottom:18px;
}
.featured-title{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.6;
  font-weight:700;
  color:#35363f;
  text-align:right;
}
.featured-excerpt{
  margin:0;
  color:#9a9ba5;
  font-size:15px;
  line-height:2;
  font-weight:700;
  text-align:right;
}
.featured-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px;
  color:#8f93a0;
  font-size:14px;
  font-weight:700;
}
.featured-actions{
  margin-top:22px;
  display:flex;
  justify-content:flex-start;
}



.featured-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:20px;
}

.item-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:18px;
}




.single-thumb{
    width:100%;
    height:420px;
    overflow:hidden;
    border-radius:22px;
    margin-bottom:24px;
}

.single-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.read-more-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:var(--navy-2);
  color:#fff;
  padding:12px 18px;
  border-radius:14px;
  min-height:50px;
  box-shadow:0 8px 18px rgba(24, 28, 65, .18);
  font-size:15px;
  font-weight:700;
}
.read-more-btn .arrow{font-size:24px;line-height:1;transform:translateY(-1px)}



/* =========================================================
   LIST CARD GRID STYLE
========================================================= */
/*
.list-card{

    margin-top:32px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

    overflow:visible;
}
*/

/* =========================================================
   LIST CARD GRID STYLE
========================================================= */

.list-card{

    width:100%;

    margin-top:32px;

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:22px;

    align-items:stretch;

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

    overflow:visible;
}


/* =========================================================
   CARD
========================================================= */

.post-card{

    width:100%;

    min-width:0;

	

    background:#ffffff;

    border-radius:22px;

    border:1px solid rgba(23,30,67,.12);

    box-shadow:0 4px 14px rgba(15,20,40,.08);

    overflow:hidden;

    transition:.25s ease;

    padding:14px;

    position:relative;
}

.post-card:hover{

    transform:translateY(-5px);

    box-shadow:0 12px 28px rgba(15,20,40,.12);
}


/* =========================================================
   THUMB
========================================================= */

.post-thumb{

    width:100%;

    height:185px;

    border-radius:16px;

    overflow:hidden;

    background:#1f2454;

    position:relative;
}

.post-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.thumb-placeholder{

    width:100%;

    height:100%;

    background:#1f2454;
}


/* =========================================================
   DATE
========================================================= */

.post-date{

    position:absolute;

    top:12px;

    right:12px;

    color:#fff;

    font-size:13px;

    font-weight:700;

    z-index:2;

    font-family:'Peyda';
}


/* =========================================================
   CONTENT
========================================================= */

.post-content{

    padding:18px 10px 8px;

    text-align:center;
}


/* =========================================================
   TITLE
========================================================= */

.post-title{

    margin:0 0 12px;

    font-size:22px;

    line-height:1.9;

    font-weight:700;

    font-family:'Peyda';
}

.post-title a{

    color:#2f3240;

    text-decoration:none;

    transition:.2s ease;
}

.post-title a:hover{

    color:#1f2454;
}


/* =========================================================
   EXCERPT
========================================================= */

.post-excerpt{

    margin:0 0 20px;

    color:#8f93a0;

    font-size:14px;

    line-height:2.2;

    font-weight:700;
}


/* =========================================================
   BUTTON
========================================================= */

.post-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:130px;

    height:42px;

    padding:0 20px;

    border-radius:12px;

    background:#1f2454;

    color:#fff;

    font-size:14px;

    font-weight:700;

    transition:.25s ease;

    text-decoration:none;

    gap:8px;
}

.post-btn::before{

    content:"‹";

    font-size:18px;

    line-height:1;
}

.post-btn:hover{

    background:#15193f;

    transform:translateY(-2px);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px){

    .list-card{

        grid-template-columns:repeat(2,1fr);

        gap:18px;
    }

    .post-thumb{

        height:180px;
    }

    .post-title{

        font-size:20px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .list-card{

        grid-template-columns:1fr;

        gap:18px;
    }

    .post-card{

        border-radius:18px;

        padding:12px;
    }

    .post-thumb{

        height:220px;

        border-radius:14px;
    }

    .post-content{

        padding:16px 6px 6px;
    }

    .post-title{

        font-size:18px;

        line-height:1.8;
    }

    .post-excerpt{

        font-size:13px;

        line-height:2;
    }

    .post-btn{

        width:100%;

        height:44px;
    }
}
@media(max-width:991px){

    .list-card{

        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:767px){

    .list-card{

        grid-template-columns:1fr;
    }
}

/* =========================
   ARCHIVE
========================= */

.archive-hero{
  margin-bottom:28px;
}

.archive-pagination{
  padding:30px 20px;
}

.archive-pagination .page-numbers{
  list-style:none;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:10px;

  padding:0;

  margin:0;
}

.archive-pagination a,
.archive-pagination span{

  min-width:42px;

  height:42px;

  padding:0 14px;

  border-radius:12px;

  background:#fff;

  border:1px solid rgba(23,30,67,.08);

  color:var(--navy);

  display:flex;

  align-items:center;

  justify-content:center;

  font-weight:700;

  text-decoration:none;
}

.archive-pagination .current{

  background:var(--navy);

  color:#fff;
}

.empty-posts{

  padding:60px 20px;

  text-align:center;
}

.empty-posts h2{

  margin:0 0 12px;

  color:#35363f;
}

.empty-posts p{

  margin:0;

  color:#9a9ba5;
}



/* =========================
   404 PAGE
========================= */

.not-found-page{

  padding:80px 0;
}

.not-found-inner{

  background:#fff;

  border-radius:28px;

  padding:60px 30px;

  text-align:center;

  box-shadow:var(--shadow-soft);

  border:1px solid rgba(23,30,67,.08);
}

.not-found-code{

  font-size:120px;

  line-height:1;

  font-weight:700;

  color:var(--navy);

  margin-bottom:20px;
}

.not-found-inner h1{

  margin:0 0 16px;

  font-size:34px;

  color:#35363f;
}

.not-found-inner p{

  margin:0;

  color:#9a9ba5;

  font-size:16px;

  line-height:2;
}

.not-found-actions{

  margin-top:28px;
}

.home-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:220px;

  height:54px;

  border-radius:16px;

  background:var(--navy);

  color:#fff;

  font-weight:700;

  padding:0 24px;
}


/* =========================
   SEARCH FORM
========================= */

.search-form{

  display:flex;

  align-items:center;

  gap:10px;
}

.search-field{

  width:100%;

  height:52px;

  border-radius:16px;

  border:1px solid rgba(23,30,67,.1);

  background:#fff;

  padding:0 18px;

  outline:none;

  font-family:inherit;
}

.search-submit{

  min-width:120px;

  height:52px;

  border:0;

  border-radius:16px;

  background:var(--navy);

  color:#fff;

  font-family:inherit;

  font-weight:700;

  cursor:pointer;
}


@media(max-width:767px){

  .not-found-code{
    font-size:84px;
  }

  .not-found-inner h1{
    font-size:24px;
  }

  .not-found-inner{
    padding:40px 20px;
  }

}


/* =========================
   BREADCRUMB
========================= */

.breadcrumb{

  display:flex;

  flex-wrap:wrap;

  align-items:center;

  gap:8px;

  margin-bottom:20px;

  color:#9a9ca8;

  font-size:14px;

  font-weight:700;
}

.breadcrumb a{
  color:var(--navy);
}

.breadcrumb .current{
  color:#9a9ca8;
}


/* =========================
   SINGLE TAGS
========================= */

.single-tags{

  display:flex;

  flex-wrap:wrap;

  gap:10px;

  margin-top:30px;
}

.single-tags a{

  height:42px;

  padding:0 18px;

  border-radius:999px;

  background:#f3f4f8;

  color:var(--navy);

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:14px;

  font-weight:700;
}


/* =========================
   SHARE
========================= */

.share-box{

  margin-top:30px;

  padding-top:24px;

  border-top:1px solid var(--line);
}

.share-title{

  display:block;

  margin-bottom:14px;

  font-weight:700;

  color:#35363f;
}

.share-links{

  display:flex;

  flex-wrap:wrap;

  gap:10px;
}

.share-links a{

  min-width:120px;

  height:46px;

  border-radius:14px;

  background:var(--navy);

  color:#fff;

  display:flex;

  align-items:center;

  justify-content:center;

  font-weight:700;
}


/* =========================
   AUTHOR
========================= */

.author-box{

  margin-top:34px;

  padding:24px;

  border-radius:24px;

  background:#f7f8fc;

  display:flex;

  gap:18px;

  align-items:center;
}

.author-avatar img{

  border-radius:999px;
}

.author-content h3{

  margin:0 0 8px;

  color:#35363f;
}

.author-content p{

  margin:0;

  color:#8f93a0;

  line-height:2;
}


/* =========================
   RELATED
========================= */

.related-posts{

  margin-top:40px;
}

.related-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:20px;
}

.related-item{

  background:#fff;

  border-radius:22px;

  overflow:hidden;

  border:1px solid rgba(23,30,67,.08);

  box-shadow:var(--shadow-soft);
}

.related-thumb{

  display:block;

  height:220px;

  overflow:hidden;
}

.related-thumb img{

  width:100%;

  height:100%;

  object-fit:cover;
}

.related-content{

  padding:18px;
}

.related-content h3{

  margin:0 0 10px;

  font-size:18px;

  line-height:1.7;
}

.related-content h3 a{
  color:#35363f;
}

.related-content p{

  margin:0;
  color:#9a9ba5;
  font-size:14px;
  line-height:2;
}


/* =========================
   MOBILE
========================= */

@media(max-width:767px){

  .author-box{

    flex-direction:column;
    text-align:center;
  }

  .related-grid{
    grid-template-columns:1fr;
  }

  .related-thumb{
    height:200px;
  }

}


/* =========================
   MOBILE LIST ITEM
========================= */

@media (max-width:767px){

  .list-item{

    display:grid;

    grid-template-columns: 95px 1fr 18px;

    gap:12px;

    align-items:flex-start;

    padding:14px;

    min-height:auto;
  }

  .item-thumb{

    width:95px;

    height:95px;

    border-radius:14px;

    overflow:hidden;

    flex-shrink:0;
  }

  .item-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:14px;
  }

  .item-content{

    width:100%;

    min-width:0;

    overflow:hidden;
  }

  .item-title{

    margin:0 0 6px;

    font-size:15px;

    line-height:1.9;

    font-weight:700;

    display:block;

    overflow:hidden;
  }

  .item-title a{

    display:block;

    color:#35363f;
  }

  .item-excerpt{

    display:none;
  }

  .item-date{

    font-size:11px;

    margin-bottom:6px;
  }

  .item-arrow{

    width:18px;

    height:18px;

    font-size:20px;

    align-self:center;

    justify-content:flex-end;

    transform:none;
  }

}

/* =========================
   PAGE
========================= */

.page-wrap{

  margin-top:28px;
}

.page-title{

  margin-bottom:24px;
}

.page-thumb{

  margin-bottom:28px;
}

.page-content{

  font-size:16px;

  line-height:2.3;

  color:#3b3d45;
}

.page-content h2,
.page-content h3,
.page-content h4{

  margin:34px 0 14px;

  color:var(--navy);

  line-height:1.6;

  font-weight:700;
}

.page-content p{

  margin:0 0 22px;
}

.page-content ul,
.page-content ol{

  padding-right:24px;

  margin-bottom:22px;
}

.page-content li{

  margin-bottom:10px;
}

.page-content img{

  border-radius:20px;

  margin:26px auto;
}

.page-content blockquote{

  margin:28px 0;

  padding:24px;

  border-radius:22px;

  background:#f6f7fb;

  border-right:4px solid var(--navy);

  color:#444;

  line-height:2.2;
}

.page-content a{

  color:var(--navy);

  text-decoration:underline;
}


/* =========================
   TABLES
========================= */

.page-content table{

  width:100%;

  border-collapse:collapse;

  margin:30px 0;

  overflow:hidden;

  border-radius:18px;
}

.page-content table th{

  background:var(--navy);

  color:#fff;

  padding:14px;
}

.page-content table td{

  padding:14px;

  border:1px solid #eceef5;
}


/* =========================
   MOBILE
========================= */

@media(max-width:767px){

  .page-content{

    font-size:15px;

    line-height:2.15;
  }

  .page-content blockquote{

    padding:18px;
  }

}







.categories{
  margin-top:28px;
}
.section-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  direction:rtl;
  gap:10px;
  color:var(--navy);
  margin-bottom:16px;
}
.section-head h2{
  margin:0;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
}
.section-icon{
  font-size:20px;
  opacity:.9;
}
.chips{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-start;
}
.chips a,
.chips button{
  min-width:96px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(23, 30, 67, .08);
  background:#fff;
  color:var(--navy-2);
  font-weight:700;
  font-size:16px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-soft);
}

.footer-card{
  margin-top:30px;
  background:var(--navy-2);
  color:#fff;
  border:0;
  padding:30px 22px 18px;
  border-radius:24px;
  overflow:hidden;
}
.footer-top{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:24px;
  align-items:start;
  direction: rtl;
}
.footer-brand{
  padding-right:8px;
}
.footer-logo{
  display:flex;
  align-items:center;
  gap:10px;
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-logo .logo-mark span{border-color:#fff}
.footer-logo .logo-text strong,
.footer-logo .logo-text small{color:#fff}
.footer-heading{
  margin:16px 0 10px;
  font-size:18px;
  font-weight:700;
}
.footer-contact{
  margin:0 0 8px;
  font-size:14px;
  line-height:1.9;
  color:rgba(255,255,255,.95);
  font-weight:700;
  direction: rtl;
}
.footer-contact span{
  direction:ltr;
  display:inline-block;
}


.socials{

  display:flex;

  justify-content:flex-end;

  align-items:center;

  gap:14px;

  margin-top:18px;
}

.socials a{

  width:46px;

  height:46px;

  border-radius:999px;

  background:rgba(255,255,255,.08);

  border:1px solid rgba(255,255,255,.14);

  display:flex;

  align-items:center;

  justify-content:center;

  transition:.25s ease;
}

.socials a:hover{

  transform:translateY(-3px);

  background:rgba(255,255,255,.14);
}

.socials img{

  width:22px;

  height:22px;

  object-fit:contain;
 
}

.socials{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  direction:rtl;
  gap:14px;
  margin-top:18px;
}
.socials a{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1.5px solid rgba(255,255,255,.65);
  display:grid;
  place-items:center;
  color:#fff;
  font-size:18px;
}
.footer-links{
  padding-right:22px;
  border-right:1px solid rgba(255,255,255,.45);
}
.footer-links h3{
  margin:0 0 14px;
  font-size:18px;
  font-weight:700;
}
.footer-links ul{
  list-style:none;
  margin:0;
  padding:0;
}
.footer-links li + li{margin-top:8px}
.footer-links a{
  color:#fff;
  font-size:15px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.footer-links a::before{
  content:"‹";
  font-size:20px;
  line-height:1;
}
.footer-divider{
  height:1px;
  background:rgba(255,255,255,.35);
  margin:18px 0 10px;
}
.footer-bottom{
  direction:ltr;
  text-align:left;
  font-size:12px;
  opacity:.9;
}

.single-wrap{
  margin-top:28px;
  background:#fff;
  border:1px solid rgba(23, 30, 67, .08);
  border-radius:28px;
  box-shadow:var(--shadow-soft);
  padding:26px;
}
.single-title{
  margin:16px 0 10px;
  font-size:34px;
  line-height:1.55;
  font-weight:700;
  color:#35363f;
}
.single-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#9a9ca8;
  font-size:14px;
  font-weight:700;
  margin-bottom:20px;
}
.single-thumb img{
  width:100%;
  border-radius:18px;
  margin-bottom:22px;
}
.single-content{
  font-size:16px;
  line-height:2.2;
  color:#3a3b43;
}
.single-content h2,
.single-content h3,
.single-content h4{
  margin:28px 0 12px;
  color:var(--navy);
  line-height:1.5;
}
.single-content p{margin:0 0 18px}
.single-content ul,
.single-content ol{padding-right:22px}
.single-content a{color:var(--navy);text-decoration:underline}



@media(max-width:768px){

    .single-thumb{
        height:240px;
    }

}
/*
@media (max-width: 991px){
  .container{padding-inline:16px}
  .featured-grid{grid-template-columns:1fr}
  .featured-image{min-height:220px;order:1}
  .featured-info{order:2}
  .featured-badge{align-self:flex-start}

}
*/

@media (max-width: 991px){

  .container{
    padding-inline:16px;
  }
  .featured-grid{
    grid-template-columns: 1fr 1.1fr;
    gap:18px;
    direction:ltr;
  }
  .featured-image{
    min-height:260px;
  }
  .featured-info{
    direction:rtl;
    text-align:right;
  }
  .featured-title{
    font-size:24px;
    line-height:1.7;
  }
  .featured-excerpt{
    font-size:14px;
    line-height:2;
  }

}

@media (max-width: 767px){
  .site-header{padding:22px 0 14px}
  .logo-mark{width:46px;height:46px;flex-basis:46px}
  .logo-text strong{font-size:20px}
  .hero{min-height:162px;padding:24px 22px;border-radius:22px}
  .hero h1{font-size:30px;margin-bottom:14px}
  .hero p{font-size:16px;line-height:1.9}
  .featured-card,.list-card,.single-wrap{border-radius:22px}
  .featured-card{padding:18px;margin-top:20px}
  .featured-image{min-height:230px}
  .featured-title{font-size:20px;margin-bottom:10px}
  .featured-excerpt{font-size:14px}
  .featured-meta{font-size:13px;margin-top:18px}
  .featured-actions{margin-top:18px}
  .read-more-btn{min-height:46px;font-size:14px;padding:11px 16px}
  .item-title{font-size:18px}
  .item-excerpt{font-size:13px}
  .chips{gap:10px}
  .chips a,
  .chips button{min-width:88px;height:44px;font-size:15px}
  .footer-card{padding:24px 18px 16px;border-radius:22px}
  .footer-top{grid-template-columns:1fr;gap:18px}
  .footer-links{border-right:0;padding-right:0;border-top:1px solid rgba(255,255,255,.35);padding-top:16px}
  .footer-logo{justify-content:flex-end}
  .socials{justify-content:flex-end}
  .single-wrap{padding:20px 16px}
  .single-title{font-size:26px}
  .single-content{font-size:15px;line-height:2.15}
   .featured-grid{
    grid-template-columns:1fr;
  }

  .featured-image{
    min-height:220px;
  }
}



/* =========================
   MOBILE MENU
========================= */

.mobile-menu{
    position: fixed;
    top: 0;
    right: -320px;
    width: 280px;
    height: 100vh;

    background: #1f2454;

    z-index: 99999;

    transition: right .35s ease;

    padding: 100px 24px 40px;

    overflow-y: auto;
}

.mobile-menu.active{
    right: 0;
}

.mobile-nav{
    list-style: none;
    margin: 0;
    padding: 0;
	direction: rtl;
    text-align: right;
}

.mobile-nav li{
    margin-bottom: 18px;
}

.mobile-nav a{
    color: #fff !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    display: block;
    line-height: 2;
}


/* OVERLAY */

.menu-overlay{
    position: fixed;
    inset: 0;

    background: rgba(0,0,0,.45);

    opacity: 0;
    visibility: hidden;

    transition: .3s ease;

    z-index: 99990;
}

.menu-overlay.active{
    opacity: 1;
    visibility: visible;
}

body.menu-open{
    overflow: hidden;
}


.post-card{
    display:flex;
    flex-direction:column;
}

.post-content{
    display:flex;
    flex-direction:column;
    flex:1;
}

.post-btn{
    margin-top:auto;
}

.post-thumb a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
}

.post-date{
    position:absolute;
    top:12px;
    right:12px;
}