/******** Custom CSS ***********/
.clr-primary{color:#d36971 !important;}
.divider{margin: 30px 0 30px;}
.divider span{width: 100% !important;border-top: 1px solid #dadade;display: inline-block;}

.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}

.fw-700{font-weight: 700;}
.fs-14{font-size: 14px;}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
   background-color: #d36971;
   color: #fff;
}

.txt-none{
   text-decoration: none !important;
}

.txt-none:active{
   color:inherit !important;
}

.geh_disclaimer{
   font-size: 15px !important;
   font-style: italic;
   margin-bottom: 50px;
}
/**** Article Listing Page ****/

#articles_search_result{
   margin-top: 50px;
   margin-bottom: 100px;
}
.articles-search-response{
   width: 100%;
   padding-top: 15px;
}
.article-link{
   width: 100%;
   font-size: 14px;
   color: #696969;
   padding-bottom: 7px;
}
.article-link > a {
   text-decoration: none !important;
   color: #696969 !important;
}
.article-link > a:hover{
   color: #565656 !important;
}
.article-title{
   font-size: 20px;
   font-weight: 500;
   padding-bottom: 7px;
}
.article-title > a {
   text-decoration: none !important;
}
.article-title >a:hover{
   text-decoration: underline;
}
.article-description {
   margin-top: 4px;
   margin-bottom: 10px;
   font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.article-tags{
   margin-bottom: 20px;
}

.article-tags label{
   display: contents !important;
}

.article-tags img {
   margin-right: 7px;
   height: 16px;
   display: inline-block;
}

/***** Acticle Post Page *****/

*{box-sizing: border-box;}

.container{
   margin: 0 120px;
}
.row{
   margin-right: -20px;
   margin-left: -20px;
   display: flex;
}
.article-mn-cntnr{
   padding-top: 50px;
}
.article-mn-cntnr section{
   padding: unset;
}
.article-mn-cntnr h1,.article-mn-cntnr h2,.article-mn-cntnr h3{
   margin: unset;
   color: #000000;
}
.geh-article-content p {
   font-size: 17px;
}
.col-md-9,.col-md-3,.col-md-6,.col-md-12,.col-md-10,.col-md-2{
   float: left;
   padding-right: 20px;
   padding-left: 20px;
}
.col-md-12{width: 100% !important;}
.col-md-10{width: 80% !important;}
.col-md-9{width: 75% !important;}
.col-md-6{width: 50% !important;}
.col-md-3{width: 25% !important;}
.col-md-2{width: 20% !important;}

.content-sec{padding-right: 30px;padding-bottom: 60px;}
.main-page-heading {
   font-size: 24px;
   font-weight: 800;
   line-height: 24px;
   padding-right: 12px;
}
.page-heading{
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 20px !important;
}

.secondary-text{
   font-weight: 700;
}

.hps-sec{margin:30px 0px;}
.hps-sec label{margin-right: 10px;display: inline-block;}
.hps-sec img{margin-right: 7px;height: 16px;display: inline-block;}
.cat-sec{padding-bottom: 20px;}
.cat-sec h1{margin-bottom: 20px;}
.cat-sec p{margin-bottom: 15px;}
.divider{margin: 30px 0 30px;}
.divider span{width: 100% !important;border-top: 1px solid #dadade;display: inline-block;}

.item-sec{padding-top: 20px;}

.button_pdf{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  background:#d77c84;
  color:#fff !important;
  border-radius: 50px;
  text-decoration:none;
  font-weight:600;
  cursor: pointer;
  text-transform: uppercase;
  padding:.55rem 1.25rem;
  font-size:.8125rem;
}
/* = Re-use currentColor inside the SVG =============== */
.button_pdf svg{
  fill:currentColor;        /* all shapes get the <a>’s text colour */
  stroke:currentColor;
}

.main-content{
   margin-top: 40px;
}

.content-heading {
   font-weight: 700;
   margin-right: .25em;
   display: block;
   width: 100%;
   margin-bottom: 5px;
   margin-top: 18px;
}

.main-content p {
   margin-bottom: 30px;
   font-weight: 400;
}


.left-container{
   padding-bottom: 60px;
}

.secondary-heading{
   font-size: 20px;
   line-height: 24px;
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 16px !important;
}

/* layout & spacing */
.norm-item{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom: 5px !important;
  margin-top: 12px !important;
}

/* generic icon sizing + colour inheritance */
.norm-item .icon{
   width: 35px;
   height: 35px;
}

.norm-item span{
   font-weight: 600;
   font-size: 16px;
   text-transform: uppercase;
   color: #000 !important;
}

.article-details{
   background-color: #000000;
   box-shadow: 1px 2px black;
   padding: 30px;
}

/* ——— card ——— */
.pub-card{
  background: #f9fafe;
  color: #000000;
  border-radius:12px;
  padding: 24px 24px;
  box-shadow:0 6px 24px #0000001c;
  font-family:var(--font-body);
  font-size: 15px !important;
  line-height:1.45;
  margin-top: 30px;
}

/* ——— headings ——— */
.pub-heading{
  font-weight: 800;
  font-size: 16px;
  text-transform:uppercase;
  margin:0 0 8px !important;
  letter-spacing:.03em;
}

.pub-subheading{
  font-weight: 600;
  font-size: 15px !important;
  text-transform:uppercase;
  margin:0 0 4px !important;
}

/* ——— labels & values ——— */
.pub-label{
   font-weight: 500;
   color: #3c424e;
}
.pub-val{
  color: #5b6b90;
  font-weight: 500;
}

.pub-link{
  text-decoration: none;
}
.pub-link:hover{
   text-decoration: none;
}

/* ——— layout helpers ——— */
.pub-section{
   margin-bottom:28px;
}

.pub-section p {
   margin: 6px 0px;
   font-size: 15px !important;
}

.pub-divider{
  border:none;
  height:2px;
  background:#e0e5ef;
  margin: 24px 0 24px;
}


@media only screen and (max-width: 600px){
   .row{display: block;}
   .col-md-9,.col-md-3,.col-md-6{display: block !important;width: unset !important;float: unset !important;}
   .col-12{width: 100% !important;}
   .container{margin: 0 20px !important;}
   .content-sec{border-right: 0;}
}


/****** Loader CSS ********/

.resources_listing_container.is-hidden{ display:none; }

.loader{
   display:flex;
   align-items:center;
   justify-content:center;
   gap:16px;
   height:72px;           
   margin-top: 70px;
    margin-bottom: 200px;
}

.dot{
   width:22px;
   height:22px;
   border-radius:50%;
   background:#d36971;
   opacity:.9;
   animation:dot-pulse 1.1s infinite ease-in-out both;
   box-shadow: inset 0 0 0 2px rgba(0,0,0,.04);
}
.dot:nth-child(1){ animation-delay:0s; }
.dot:nth-child(2){ animation-delay:.11s; animation-name: dot-pulse-mid;}
.dot:nth-child(3){ animation-delay:.22s; }

@keyframes dot-pulse{
0%,80%,100% { transform:scale(.75); opacity:.55; }
40%         { transform:scale(1);   opacity:1;    }
}
@keyframes dot-pulse-mid{
0%,80%,100% { transform:scale(.85); opacity:.55; }
40%         { transform:scale(1.15);opacity:1;    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
.dot{ animation:none; }
}

/* Optional helper: hide when done */
.loader.is-hidden{ display:none; }


/**** Clear All Button ****/

.clear-filter-btn{
   background: none !important;
   color: #494e5a !important;
   font-size: 12px !important;
   padding: 0px 20px !important;
   text-transform: uppercase !important;
   font-weight: 500;
   cursor: pointer;
   border: none;
}

.clear-filter-btn:hover{
   text-decoration: underline;
}