/*=============This is Header=============*/
html, body {
  overflow-x: hidden;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
}

/* ── WCAG 2.1 Accessibility — Global Focus Visible ── */
*:focus-visible {
  outline: 3px solid #c89300 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px rgba(200,147,0,.25) !important;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #c89300 !important;
  outline-offset: 2px !important;
}
/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Global font override — Inter for all elements except icon fonts */
*:not(.fa):not([class^="fa-"]) {
  font-family: 'Inter' !important;
}

body.front {
  font-size: 13px;
}

/* Global typography tokens from designer */
body,
p {
  font-family: 'Inter', Arial, sans-serif;
}

/* Global: space between headings and following paragraph */
h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h1+div,
h2+div,
h3+div {
  margin-top: 12px;
}

h2,
h3,
h4 {
  margin-bottom: 10px;
}

p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color:#111 !important;
}

h1,
.page-header h1 {
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 26px;
  color: #000000;
}

.quick-links,
.quick-links a {
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}

span.newflag {
  margin-top: -10px;
  float: left;
  width: 59px;
  height: 45px;
  background: url(../images/new.gif) no-repeat center;
  background-size: contain;
}

div#carousel-example-vertical {
  position: relative;
  border: 1px solid #ccc;
  height: 48px;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.menu-logo .navbar-header-logo-img {
  position: absolute;
  left: 0;
  bottom: 0px;
  right: 0;
  height: 100%
}

/* @media (min-resolution: 1367px) {
    .menu-logo .navbar-header-logo-img {
        position: absolute;
        left: 0;
        bottom: 5%;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end; 
    }
} */




p.circularannounc span:first-child {
  margin-left: 10px;
}

p.circularannounc {
  padding: 5px 20px;
  background: #16650a;
  color: #fff;
  margin: 0 -15px;
}

p.circularannounc:before {
  content: "\f0a1";
  font-family: FontAwesome;
  font-size: 25px;
}

div#carousel-example-vertical a.carousel-control.left {
  right: 45px;
  left: inherit;
  width: inherit;
  top: -8px;
}

div#carousel-example-vertical a.carousel-control.right {
  right: 20px;
  width: inherit;
  top: -8px;
}

div#carousel-example-vertical a.carousel-control span {
  color: #000 !important;
  text-shadow: none;
}

#carousel-example-vertical a {
  background-color: transparent;
  background-image: none;
  /*color: #2d2d2d;*/
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  display: block;
  padding: 14px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 75%;
  overflow: hidden;
  /*color: white !important;*/
}

p.ticker-headline {
  position: relative;
}

header.navbar-default {
  margin-bottom: 0;
  border: none;
}

.header-top {
  padding: 7px 0 3px;
}

.front .header-top {
  background-color: #264675;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
}

section#block-block-1 {
  float: left;
}

.hdr-links ul {
  display: inline-block;
  margin-bottom: 0;

}

.hdr-links li {
  font-size: 13px !important;
  list-style: none;
  float: left;
  color: #fff;
  padding: 4px 5px 2px;
  position: relative;
}

.region-header-top #block-block-2 .hdr-links ul li a {
  font-size: 13px !important;
  color: #fff;
}

.hdr-links li span {
  font-size: 14px !important;
  vertical-align: middle;
}

.hdr-links li:nth-child(4),
.hdr-links li:nth-child(5),
.hdr-links li:nth-child(6) {
  padding: 4px 10px
}

.select-theme-block {
  padding: 0;
}

.hdr-links li:after {
  content: "|";
  position: absolute;
  right: -3px;
  z-index: 9;
  top: 4px;
}

.hdr-links li:last-child:after {
  content: "";
}

.block-search form input::-webkit-input-placeholder {
  /* Chrome */
  color: #fff;
}

.block-search form input::-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

.block-search form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.block-search form input::-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #fff;

}

.block-search .content-search .input-group input,
.block-search .content-search .input-group span button {
  background-color: transparent;
  border: none;
  padding-left: 0;
  box-shadow: none;
  padding: 2px 0;
  height: auto;
  color: #fff;
}

.block-search .content-search .input-group {
  border-bottom: 1px solid #fff;
}

.slt {
  width: 100%;
}

.slt select {
  width: 100%;
  padding: 3px;
}

.block-search .content-search .form-actions {
  margin-bottom: 5px;
}

header.navbar-default .menu-logo {
  /*    background-image: url(../images/banner.jpg);*/
  background-position: center;
  background-size: cover;
  height: auto;
  background-repeat: no-repeat;
}

.logo-name a.navbar-brand {
  padding: 0;
  color: #264675;
  font-weight: 600;
  width: 15%;
  font-size: 16px;
}

.logo-name .logo {
  width: 100%;
}

.menu-logo .hdr-menu {
  text-align: center;
  width: 100%;
  display: table;
}

.menu-logo .logo-name {
  position: absolute;
  top: 90px;
  left: 30px;
}

/*.menu-logo .hdr-menu .m-header-menu{
    width: 885px;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    margin: 0 auto;
    bottom: 0px !important;
}*/



@media only screen and (max-width: 1366px) {
  .menu-logo .hdr-menu .m-header-menu {
    width: 885px;
    position: absolute;
    left: 0;
    right: 0;
    /*        top: 150px;  added swamy*/
    top: 310px;
    margin: 0 auto;
    bottom: 0px !important;
  }

  .wholebody a.logo.navbar-btn.pull-left img {
    position: absolute;
    top: -41px;
  }
}


@media only screen and (max-width: 2000px) {

  .wholebody a.logo.navbar-btn.pull-left img {
    position: absolute;
    top: -41px;
  }
}

.navbar-header,
.m-header-menu {
  display: inline-block;
  width: 100%;
  padding: 0;
}

.m-header-menu li {
  list-style-type: none;
  float: left;
  width: 129px;
  height: 105px;
  background-color: #264675;
  border-radius: 50%;
  /* margin: 6px 24px;  added swamy */
  margin: -6px 24px;
  display: inline-block;
  text-align: center;
}

.m-header-menu li a {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-top: 38px;
  padding: 10px;
  line-height: 14px;
  position: relative;
  z-index: 99;
}

.col-menu .navbar-collapse {
  background-color: #264675;
}

header.navbar-default .navbar-collapse ul.menu.navbar-nav li.first a {
  position: relative;
  color: #fff;
  font-size: 0px;
}

header.navbar-default .navbar-collapse ul.menu li.first a::before {
  content: "\f015";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 35px;
  position: absolute;
  top: 0;
  left: -5;
  right: 0;
  text-align: center;
}

header.navbar-default .navbar-collapse ul.menu li span,
header.navbar-default .navbar-collapse ul.menu li a {
  background-color: transparent;
  color: #fff;
  padding: 0;
  line-height: 20px;
}

header.navbar-default .navbar-collapse ul.menu li {
  border-right: 1px dotted #fff;
  margin: 10px 0;
  position: relative;
  padding: 0 10px;
}

/*header.navbar-default .navbar-collapse ul.menu > li:hover::after{
    content: "\f0d8";
    position: absolute;
    font-family: fontawesome;
    color: #DF7D00;
    font-size: 32px;
    bottom: -13px;
    display: block;
    left: 0;
    right: 0;
    text-align: center;
}*/

header.navbar-default .navbar-collapse ul.menu>li::before {
  position: absolute;
  top: 70%;
  left: 50%;
  color: transparent;
  content: "•";
  text-shadow: 0 0 transparent;
  font-size: 10px;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  /*pointer-events: none;*/
}

header.navbar-default .navbar-collapse ul.menu>li:hover::before,
header.navbar-default .navbar-collapse ul.menu>li:focus::before {
  color: #fff;
  text-shadow: 7px 0 #fff, -7px 0 #fff;
}

header.navbar-default .navbar-collapse ul.menu li:last-child {
  border: none;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.m-header-menu li {
  background-repeat: no-repeat;
  background-position-y: 10%;
  background-position-x: center;
  background-repeat: no-repeat;
  position: relative;
}

.m-header-menu li::before,
.m-header-menu li::after {
  position: absolute;
  top: 50%;
  z-index: 9;
  left: 50%;
  width: 120px;
  height: 120px;
  border: 2px solid rgb(38, 70, 117);
  border-radius: 50%;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
  -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
  transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.m-header-menu li::after {
  width: 105px;
  height: 105px;
  border: 6px solid rgb(32, 60, 102);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
  -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
  transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.m-header-menu li.green::before,
.m-header-menu li.green::after {
  border: 2px solid #058107;
}

.m-header-menu li.green::after {
  border: 6px solid rgba(6, 97, 8, 0.76);
}

.m-header-menu li.orange::before,
.m-header-menu li.orange::after {
  border: 2px solid #800000;
}

.m-header-menu li.orange::after {
  border: 6px solid rgb(165, 42, 42);
}

.m-header-menu li:hover::before,
.m-header-menu li:hover::after,
.m-header-menu li:focus::before,
.m-header-menu li:focus::after {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
}

.m-header-menu li:nth-child(1) {
  background-image: url(../images/seeds_planting_icon.png);
}

.m-header-menu li:nth-child(2) {
  background-image: url(../images/Gamma-facility.png);
}

.m-header-menu li:nth-child(3) {
  background-image: url(../images/training.png);
}

.m-header-menu li:nth-child(4) {
  background-image: url(../images/atic-iihr_icon.png);

}

/*
.m-header-menu li:nth-child(5) {
    background-image: url(../images/consultancy.png);
    background-image: url(../images/Mushroom.png);
    padding-top: 7px;
}
*/

.m-header-menu li:nth-child(5) {
  /*background-image: url(../images/seed-testing.png);*/
  background-image: url(../images/consultancy.png);
  /*background-size: cover;*/
}

.m-header-menu li:nth-child(6) {
  background-image: url(../images/food-contaminant-analysis.png);
  padding-top: 7px;
  margin-left: 11%;
}

.m-header-menu li:nth-child(7) {
  background-image: url(../images/pestiside.png);
}

.m-header-menu li:nth-child(8) {
  background-image: url(../images/collaboration.png);
}

/*
.m-header-menu li:nth-child(9) {
    background-image: url(../images/onsite.png);
}
*/
/* ── Bootstrap 3 hover dropdown for main nav ── */
.col-menu .navbar-nav>li.dropdown {
  position: relative;
}


/* Show dropdown on hover (CSS-only, no JS click needed) */
.col-menu .navbar-nav>li.dropdown:hover>.dropdown-menu,
.col-menu .navbar-nav>li.dropdown:focus-within>.dropdown-menu,
.col-menu .navbar-nav>li.dropdown.open>.dropdown-menu {
  display: block !important;
}

/* Show mega-menu on hover or when .open is set by SmartMenus JS */
.col-menu .navbar-nav>li.dropdown.open>.dropdown-menu.mega-menu,
.col-menu .navbar-nav>li.dropdown:hover>.dropdown-menu.mega-menu,
.col-menu .navbar-nav>li.dropdown:focus-within>.dropdown-menu.mega-menu {
  display: block !important;
}

.col-menu .navbar-nav .dropdown-menu {
  position: absolute !important;
  top: 100%;
  left: 0;
  min-width: 220px;
  background-color: #16650a;
  border: none;
  border-radius: 0;
  padding: 6px 0;
  margin: 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  color: #000;
}

.col-menu .navbar-nav .dropdown-menu>li>a {
  color: white !important;
  padding: 10px 20px;
  font-size: 14px;
  white-space: normal;
  line-height: 1.5;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background-color: transparent;
}

.col-menu .navbar-nav .dropdown-menu>li:last-child>a {
  border-bottom: none;
}

.col-menu .navbar-nav .dropdown-menu>li>a:hover,
.col-menu .navbar-nav .dropdown-menu>li>a:focus {
  background-color: transparent !important;
  color: #ffdd00 !important;
  text-decoration: none;
}

@media (min-width: 992px) {
  .col-menu .navbar-nav .dropdown-menu>li {
    position: relative;
  }

  .col-menu .navbar-nav .dropdown-menu>li>.dropdown-menu {
    display: none;
    top: 0;
    left: 100%;
    margin-top: -1px;
    min-width: 220px;
    background-color: #16650a;
  }

  .col-menu .navbar-nav .dropdown-menu>li:hover>.dropdown-menu,
  .col-menu .navbar-nav .dropdown-menu>li:focus-within>.dropdown-menu {
    display: block;
  }
}

/* Regular dropdown width — mega-menus (Research/Education) are handled separately */

/* Main nav link colour overrides */
.col-menu .navbar-collapse .nav.navbar-nav>li>a {
  color: #fff !important;
  background-color: transparent !important;
  padding: 0 10px;
  line-height: 20px;
  font-size: 13px;
}

.col-menu .navbar-collapse .nav.navbar-nav>li>a:hover {
  color: #ffdd00 !important;
}

/*=============This is Header End=============*/
/*-----------------content-main Start----------------------------*/
.region-sidebar-second #block-menu-menu-side-menu .menu {
  background: #264675;
  /* For browsers that do not support gradients */

}

.region-sidebar-second #block-menu-menu-side-menu .menu li {
  border-bottom: 1px dotted #ccc;
  padding-left: 30px;
  background: -webkit-linear-gradient(-90deg, #1B52A2);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #1B52A2);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #1B52A2);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #1B52A2);
  /* Standard syntax (must be last) */
  background-repeat: no-repeat;
  background-position: 10px;
}

.region-sidebar-second #block-menu-menu-side-menu .menu li:last-child {
  border-bottom: none;
}

.region-sidebar-second .block-menu .menu li a:hover,
.region-sidebar-second .block-menu .menu li a:focus {
  background-color: transparent;
  outline: none;
}

.region-sidebar-second .block-menu .menu li a {
  color: #fff;
  font-size: 14px;
}

.content-main aside.col-sm-3 {
  padding: 0;
}

#block-menu-menu-second-side-menu {
  margin-top: 10px;
}

#block-menu-menu-second-side-menu .menu li {
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 45px;
  height: 56px;
  border-radius: 5px;
  background-color: green;
}

#block-menu-menu-second-side-menu .menu li a,
#block-menu-menu-second-side-menu .menu li span {
  top: 23%;
  color: #fff;
  position: absolute;
  padding: 0 0px;
  font-size: 14px;
}

.region-sidebar-second #block-menu-menu-side-menu .menu li:nth-child(1) {
  background-image: url("../images/farmer-zone.png");
  background-image: url(../images/Mushroom.png);
}

.region-sidebar-second #block-menu-menu-side-menu .menu li:nth-child(2) {
  background-image: url("../images/training-conference.png");
}

.region-sidebar-second #block-menu-menu-side-menu .menu li:nth-child(3) {
  background-image: url("../images/Publications.png");
}

.region-sidebar-second #block-menu-menu-side-menu .menu li:nth-child(4) {
  background-image: url("../images/oppurtunities.png");
}

.region-sidebar-second #block-menu-menu-side-menu .menu li:nth-child(5) {
  background-image: url("../images/awards.png");
}

.region-sidebar-second #block-menu-menu-side-menu .menu li:nth-child(6) {
  background-image: url("../images/Reports.png");
}

.region-sidebar-second #block-menu-menu-second-side-menu .menu li:nth-child(1) {
  /*    background-image: url("../images/Organogram.png");  */
  /* Added by Thippeswamy S */
  background-image: url("../images/saif.png");
  background-position: top 10px left 5px;
  background-color: #20552B;
}

.region-sidebar-second #block-menu-menu-second-side-menu .menu li:nth-child(2) {
  background-position: top 10px left 6px;
  background-image: url("../images/sfph3.png");
  background-color: #DF7D00;
}

.region-sidebar-second #block-menu-menu-second-side-menu .menu li:nth-child(3) {
  background-position: top 10px left 6px;
  background-image: url("../images/Post-graduate.png");
  background-color: #264675;
}

.region-sidebar-second #block-menu-menu-second-side-menu .menu li:nth-child(4) {
  background-image: url("../images/Publications.png");
  background-color: #df7d00;
  background-position: top 10px left 6px;
}

.region-sidebar-second #block-menu-menu-second-side-menu .menu li:nth-child(5) {
  background-image: url("../images/pestiside.png");
  background-color: #20552B;
  background-position: top 10px left 6px;
}

.region-sidebar-second #block-menu-menu-second-side-menu .menu li:nth-child(1) a,
.region-sidebar-second #block-menu-menu-second-side-menu .menu li:nth-child(2) a {
  margin-top: -3px;
  margin-left: 10px;
}

.content-left a {
  color: #2d2d2d
}

.content-left .heading h3 {
  display: inline-block;
  position: relative;
  font-size: 20px;
  color: #264675;
  font-weight: 400;
  margin: 0;
  padding: 15px 0 15px 30px;
}

.content_news .heading h3 {
  background: url("../images/latest-news.png") no-repeat transparent;
  background-position: left center;
}

.content_events .newflag,
.content_news .participents_lst .newflag {
  width: 48px;
  height: 25px;
}

.content_events .heading h3 {
  background: url("../images/Events.png") no-repeat transparent;
  background-position: left center;
}

.participents_lst p {
  border: none !important;
}

.content-left .heading h3::before {
  content: "";
  width: 64px;
  height: 2px;
  background-color: #264675;
  position: absolute;
  top: 29px;
  right: -72px;
}

.content-left .heading a {
  float: right;
  color: #7D7D7D;
  margin-top: 20px;
}

.participents {
  border-bottom: 1px dotted #808080;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.participents .col-md-4 {
  padding-right: 0;
}

.rsrch-hlts .participents .col-md-4 img {
  width: 100%;
  height: 100px;
}

.participents .col-md-8 {
  padding-left: 10px;
}

.participents_lst h4 {
  font-size: 13px;
  margin: 0 0 5px;
  /*    font-weight: 600;  */
  /*    font-weight: normal;  */
}

.participents_lst h4:hover,
.event_dates h4 a:hover {
  color: #264675;
}

.content-left a:hover {
  color: #274571;
}

.stories_research .col-md-6 .participents .participents_lst p {
  font-size: 13px;
  border-bottom: none;
  padding-bottom: 0;
  font-weight: normal;
  color: #2d2d2d;
}

.rsrch-hlts div p,
.content_news div p {
  font-size: 13px;
  border-bottom: 1px dotted #808080;
  padding-bottom: 15px;
  font-weight: 400;
}

.event_dates_in .date-field {
  float: left;
  width: 20%;
  padding-right: 10px;
}

.date-field a {
  background-color: #058109;
  padding: 10px 0;
  display: block;
  color: #fff;
  margin-bottom: 2px;
  font-size: 16px;
  text-align: center;
}

.event_dates_in {
  display: inline-block;
  width: 100%;
  border-bottom: 1px dotted #808080;
  margin-bottom: 11.3px;
  padding-bottom: 11.3px;
}

.event_dates_in .content-field {
  width: 80%;
  float: left;
}

.event_dates_in .content-field h4 {
  margin: 0;
  display: inline-flex;
}

.content_events .newflag {
  float: none;
  display: inline-block;
}

.stry-sucess .heading h3 {
  background: url("../images/success.png") no-repeat transparent;
  background-position: left center;
}

.rsrch-hlts .heading h3 {
  background: url("../images/research.png") no-repeat transparent;
  background-position: left top;
}

.stories_lst img {
  width: 100%;
  height: inherit;
}

.stories_lst {
  position: relative;
  height: 210px;
}

.stories_lst p {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(36, 73, 128, 0.87);
  padding: 10px;
}

.stories_lst p a {
  color: #fff;
  font-weight: 600;
  line-height: normal;
}

.stories_lst p a:hover,
.m-content-menu li a:hover {
  color: #f7e600;
}

.stry-sucess .stories_content img {
  height: 63px;
}

.stry-sucess .stories_content .participents_lst h4 {
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.heading h3 {
  margin-bottom: 20px;
}

.m-content-menu {
  padding-left: 0;
}

#block-menu-menu-content-menu .menu li,
.m-content-menu li {
  display: inline-block;
  float: left;
  list-style-type: none;
  margin: 5px;
  background-color: #264675;
  padding: 35px 15px 15px 15px;
  width: 19.2%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top 5px;
  cursor: pointer;
  box-sizing: border-box;
}

.content-left .m-content-menu li {
  margin: 3px;
}

#block-menu-menu-content-menu .menu li.first,
.content-left .m-content-menu li.first {
  margin-left: 0;
}

#block-menu-menu-content-menu .menu li.last,
.content-left .m-content-menu li.last {
  margin-right: 0;
}

.content_news div p {
  width: 100%;
  display: inline-block;
}

#block-menu-menu-content-menu .menu li:nth-child(1),
.m-content-menu li:nth-child(1) {
  background-position-x: center;
  background-image: url("../images/LINKS.png");
}

#block-menu-menu-content-menu .menu li:nth-child(2),
.m-content-menu li:nth-child(2) {
  background-position-x: center;
  background-image: url("../images/PROJECT_LINKS.png");
}

#block-menu-menu-content-menu .menu li:nth-child(3),
.m-content-menu li:nth-child(3) {
  background-position-x: center;
  background-image: url("../images/QUICK_LINKS.png");
}

#block-menu-menu-content-menu .menu li:nth-child(4),
.m-content-menu li:nth-child(4) {
  background-position-x: center;
  background-image: url("../images/iihr_INfonet.png");
}

#block-menu-menu-content-menu .menu li:nth-child(5),
.m-content-menu li:nth-child(5) {
  background-position-x: center;
  background-image: url("../images/HOW_TOREACH.png");
}

#block-menu-menu-content-menu .menu li a,
.m-content-menu li a {
  color: #fff;
  font-weight: 600;
}

aside.col-sm-3 #block-block-4.block-block h3 {
  color: #fff;
  background-color: #264675;
  padding: 10px 15px;
  font-size: 18px;
  margin: 0;
}

aside.col-sm-3 .carousel.slide {
  height: 132px;
}

aside.col-sm-3 .carousel.slide .carousel-inner {
  display: inline-block;
  height: inherit;
}

aside.col-sm-3 .carousel.slide .carousel-inner img {
  width: 100%;
  height: -webkit-fill-available;
}

aside.col-sm-3 #block-block-3 {
  margin-top: 10px;
}

aside.col-sm-3 #block-block-3 p {
  margin-bottom: 10px;
  text-align: center;
  background-image: url(../images/video-gallery.jpg);
  background-repeat: no-repeat;
}

aside.col-sm-3 #block-block-3 p a {
  background-color: rgba(0, 0, 0, 0.38);
  padding: 20px;
  display: block;
  font-weight: 600;
  color: #fff;
  font-size: 17px;
}

.stories_content img {
  width: 25%;
  float: left;
}

.stories_content .participents_lst {
  width: 75%;
  float: right;
  padding-left: 10px;
}

.stories_content {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}

/*-----------------content-main END----------------------------*/
.content_news .heading h3,
.content_events .heading h3 {
  padding-top: 0;
  background-position: left top;
}

.content-left .content_news .heading h3::before,
.content-left .content_events .heading h3::before {
  top: 10px;
}

.content-left .content_news .heading a,
.content-left .content_events .heading a {
  margin-top: 0;
}

.cpyrt {
  text-align: center;
  padding: 10px 0 0;
}

.cpyrt p {
  margin: 0;
}

/*-----------------Footer Start----------------------------*/
footer.footer-top {
  margin-top: 25px;
}

footer.footer-top .block-menu {
  padding: 0;
}

.region-footer-top #block-menu-menu-social-links {
  padding: 0;
}

.region-footer-top #block-menu-menu-social-links .menu {
  float: right;
}

.region-footer-top #block-menu-menu-social-links .menu li {
  float: left;
  font-size: 0;
  border-right: 2px solid #ccc;
  padding: 0 6px;
  margin: 0;
}

.region-footer-top #block-menu-menu-social-links .menu li:last-child {
  border: none;
  padding: 0;
}

.region-footer-top #block-menu-menu-social-links .menu li a:before {
  font-size: 23px;
  /*color: gray;*/
  color: black;
}

.region-footer-top #block-menu-menu-social-links .menu li a.fa-facebook:hover:before {
  color: #4867aa;
}

.region-footer-top #block-menu-menu-social-links .menu li a.fa-youtube:hover:before {
  color: #e73028;
}

.region-footer-top #block-menu-menu-social-links .menu li a {
  padding: 7px 14px;
}

footer.footer {
  padding: 5px;
  margin-top: 0;
}

/* Ensure social icons are vertically centered inside their circular buttons
   and override any global top offsets only for header/footer social areas. */
.region-footer-top #block-menu-menu-social-links .menu li a,
.region-header-top .menu--menu-social-links ul li a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 0;
}

.region-footer-top #block-menu-menu-social-links .menu li a:before,
.region-header-top .menu--menu-social-links ul li a:before {
  position: static !important;
  top: auto !important;
  transform: none !important;
  line-height: 1 !important;
  display: inline-block !important;
  font-size: 16px !important;
}

/* Slightly reduce the icon size if needed and keep them centered */
.region-footer-top #block-menu-menu-social-links .menu li a .fa,
.region-header-top .menu--menu-social-links ul li a .fa {
  font-size: 16px;
  line-height: 1;
}

footer a:hover {
  background-color: transparent !important;
}

footer .footer-top {
  background-color: #fff;
  margin-top: 20px;
  padding: 0;
}

footer .footer {
  background-color: #fff;
  border-width: 2px;
  padding: 10px;
  margin-top: 0;
}

.footer-one-block .menu {
  margin: 0 auto;
  text-align: center;
}

.footer-one-block .menu li {
  display: inline-block;
  margin: 5px 0 0px 0;
  position: relative;
}

.footer-one-block .menu li:after {
  content: "|";
  position: absolute;
  right: 0;
  top: 0;
}

.footer-one-block .menu li a {
  padding: 0 14px 0 5px;
  /*color: gray;*/
  color: black;
}

.footer-one-block .menu li.last:after {
  content: "";
}

/*-----------------Footer End----------------------------*/
p.ticker-headline span.newflag {
  margin-top: 0px;
}

.block-search .content-search .input-group input,
.block-search .content-search .input-group span button {
  color: white;
}

.glyphicon {
  color: #fff !important;
}

@media only screen and (min-width: 1900px) {

  .wholebody a.logo.navbar-btn.pull-left img {
    position: absolute;
    top: -250px;
    left: -200px;
  }

  .menu-logo .navbar-header-logo-img {
    top: 26.5vw;
    left: 12vw;
  }

  .m-header-menu li {
    list-style-type: none;
    float: left;
    width: 130px;
    height: 113px;
    background-color: #264675;
    border-radius: 50%;
    margin: -6px 24px;
    display: inline-block;
    text-align: center;
  }
}


/*@media only screen and (min-width: 1440px) {
.menu-logo .navbar-header-logo-img {
    top: 12vw;
    left: 12vw;   
}


.m-header-menu li {
    list-style-type: none;
    float: left;
    width: 1300px;
    height: 130px;
    background-color: #264675;
    border-radius: 50%;
    margin: 6px 24px;
    display: inline-block;
    text-align: center;
}


}*/


/*** 11.01.2019 15:23*/
.fa-twitter:before {
  top: 225px;
  color: transparent;
  font-size: 19px;
  position: absolute;
  margin-left: -7px;
  display: none;
}

@media screen and (min-width: 1900) {
  /* .menu-logo .hdr-menu .m-header-menu {
        width: 885px;
        position: absolute; 
        left: 0;
        right: 0;
        top: 200px;
        margin: 0 auto;
        bottom: 0px !important;
    } */

  div#stickybar {
    background-color: #16650a;
    width: 100px;
    min-width: 170px;
    padding: 8px 12px;
    color: #fff;
    font-weight: 600;
    line-height: 22px;
    font-size: 15px;
    position: fixed;
    text-transform: capitalize;
    right: 12px;
    top: 65%;
    border-radius: 10px 0 0 10px;
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 120px;
  }

  .menu-logo .navbar-header-logo-img {
    position: absolute;
    left: 0;
    bottom: 5%;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .m-header-menu {
    width: 80% !important;
    position: absolute;
    left: 0px;
    top: 40% !important;
  }
}

/* 
@media (min-width: 1400) and (max-width: 2000px) { 
    

} */

/* ====================================================
   DRUPAL 11 PRODUCTION MATCH — Additional Styles
   ==================================================== */

/* Navigation menu — matches production site */
.region-navigation .menu--main {
  margin: 0;
  padding: 0;
}

.region-navigation .menu--main>li>a {
  color: #fff;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 600;
}

.region-navigation .menu--main>li:hover>a,
.region-navigation .menu--main>li.active>a {
  background-color: rgba(0, 0, 0, 0.2);
}

/* Dropdown submenus */
.region-navigation .menu--main li ul {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 999;
  min-width: 200px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin: 0;
  list-style: none;
}

.region-navigation .menu--main li:hover>ul {
  display: block;
}

.region-navigation .menu--main li ul li a {
  display: block;
  padding: 8px 15px;
  color: #333;
  font-size: 13px;
  white-space: nowrap;
  border-bottom: 1px solid #f0f0f0;
}

.region-navigation .menu--main li ul li a:hover {
  background: #16650a;
  color: #fff;
  text-decoration: none;
}

/* Header top region accessibility bar */
.region-header-top .block-block-content {
  display: inline-block;
}

.m-header-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.m-header-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.m-header-menu ul.ac-menu li {
  padding: 2px 5px;
  color: #fff;
  font-size: 12px;
}

.m-header-menu ul.ac-menu li a {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.m-header-menu ul.lang-menu {
  margin-left: 10px;
}

.m-header-menu ul.lang-menu li {
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.m-header-menu ul.lang-menu li a {
  color: #fff;
  text-decoration: none;
}

.m-header-menu ul.lang-menu li.active a {
  font-weight: bold;
}

/* Social links in header */
.region-header-top .menu--menu-social-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.region-header-top .menu--menu-social-links ul li a {
  display: inline-block;
  padding: 3px 6px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

/* Search form in header */
.region-header-top .block-search-form-block .form-search {
  padding: 3px 8px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 12px;
  width: 160px;
}

/* Footer styles */
.region-footer {
  color: #fff;
  font-size: 13px;
}

.footer-bottom h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-bottom ul li {
  margin-bottom: 4px;
}

.footer-bottom ul li a {
  color: #ddd;
  font-size: 12px;
  text-decoration: none;
}

.footer-bottom ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-copy {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 12px;
  color: #ccc;
}

.footer-copy a {
  color: #ddd;
}

.footer-logo img {
  margin: 5px;
}

/* Sidebar second */
.region-sidebar-second {
  background: #f5f5f5;
  padding: 10px;
  border-radius: 4px;
}

.region-sidebar-second h3 {
  font-size: 15px;
  color: #16650a;
  padding-bottom: 5px;
  border-bottom: 2px solid #16650a;
  margin-bottom: 10px;
}

.region-sidebar-second ul {
  list-style: none;
  padding: 0;
}

.region-sidebar-second ul li {
  margin-bottom: 5px;
  font-size: 13px;
}

.region-sidebar-second ul li a {
  color: #333;
  text-decoration: none;
}

.region-sidebar-second ul li a:hover {
  color: #16650a;
  text-decoration: underline;
}

/* Home banner carousel sizing */
.view-home-slider {
  overflow: hidden;
  line-height: 0;
}

.view-home-slider .carousel {
  margin-bottom: 0;
}

.view-home-slider .carousel img {
  width: 100%;
  height: auto;
}

/* Government links */
.govdiv {
  padding: 10px 0;
  margin-bottom: 10px;
}

.govdiv a,
.govdiv1 a {
  display: inline-block;
  margin: 5px 8px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
}

.govdiv a:hover,
.govdiv1 a:hover {
  text-decoration: underline;
  color: #16650a;
}

/* Sticky contact bar */
#stickybar {
  position: fixed;
  right: 0;
  bottom: 40%;
  z-index: 999;
  background: #16650a;
  color: #fff;
  padding: 10px 8px;
  border-radius: 4px 0 0 4px;
  text-align: center;
  font-size: 12px;
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3);
}

#stickybar p {
  margin: 0;
  color: #fff;
}

#stickybar span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

#stickybar a {
  color: #fff;
  text-decoration: none;
  font-size: 11px;
}

#stickybar img {
  width: 20px;
  display: block;
  margin: 3px auto;
}

/* ── Latest News image sizing ── */
.content_news .participents .col-md-4 img,
.content_news .participents .col-sm-4 img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  display: block;
}

/* ── Success Stories image sizing ── */
.stry-sucess .stories_lst img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.stry-sucess .stories_content img {
  width: 70px;
  height: 63px;
  object-fit: cover;
  float: left;
  margin-right: 8px;
}

.stry-sucess .stories_content {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 8px;
  padding-bottom: 8px;
  overflow: hidden;
}

.stry-sucess .stories_content .participents_lst {
  flex: 1;
}

/* ── Research Highlights image sizing ── */
.rsrch-hlts .participents .col-md-4 img,
.rsrch-hlts .participents .clo-sm-4 img {
  width: 100%;
  height: 90px;
  object-fit: cover;
  display: block;
}

/* ── Nav bar: ensure it sits flush below the banner ── */
#navbar .col-menu {
  clear: both;
  width: 100%;
}

/* ── Nav hover pointer and down-arrow for dropdown parents ── */
.col-menu .navbar-nav>li.dropdown>a {
  cursor: pointer;
}

.col-menu .navbar-nav>li.dropdown>a::after {
  content: " \f107";
  font-family: FontAwesome;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  vertical-align: middle;
  line-height: 1;
  padding: 4px;
}
/* Nested dropdown arrow (e.g. Management inside About) */
/* Nested dropdown arrow (e.g. Management inside About) */
.col-menu .navbar-nav .dropdown-menu li.dropdown>a::after {
  content: " \f105" !important;
  font-family: FontAwesome !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  float: right;
  margin-top: 3px;
}
.col-menu .navbar-nav .dropdown-menu li.dropdown>a:hover::after {
  color: #ffdd00 !important;
}

/* ======================================================
   NEW HEADER REDESIGN — 2026
   Structure: ministry bar → white header → green nav → ticker → carousel
   Colors: MinistrBar #16650a | White header #fff | Green nav #16650a
   ====================================================== */

/* ── Drupal admin toolbar integration ──
   Drupal sets --drupal-displace-offset-top on :root via toolbar.js.
   We consume it on the ministry bar AND zero out the competing
   body margin-top so there is no double-offset.
   Pre-JS fallback: body.toolbar-fixed selector uses a hardcoded 39px
   (standard toolbar bar height) so the bar is never hidden on load. */

/* 1. Remove Drupal's body margin-top — we handle the offset ourselves */
body.toolbar-fixed {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── 1. GOVERNMENT MINISTRY BAR ── */
.gov-ministry-bar {
  background-color: #FAFAFA;
  padding: 5px 0;
  border-bottom: none;
  /* Use Drupal CSS variable (0px when no toolbar / logged-out) */
  margin-top: var(--drupal-displace-offset-top, 0px);
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* 2. Pre-JS fallback: when toolbar-fixed class is already on body
   but the CSS variable hasn't been set by JS yet, use 39px default */
body.toolbar-fixed .gov-ministry-bar {
  margin-top: var(--drupal-displace-offset-top, 39px);
}

/* 3. Tray open — variable updates automatically; keep specificity equal */
.gov-ministry-bar {
  width: 100%;
  background: #FAFAFA;
  /* if needed */
}

.gov-ministry-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 25px;
  /* space from screen edges */
  box-sizing: border-box;
}

.gov-ministry-text {
  color: black;
  font-size: 11px;
  font-family: 'Inter', Arial, sans-serif;
  white-space: nowrap;
}

.gov-acc-right {
  display: flex;
  align-items: center;
  gap: 4px;
}

.gov-acc-link {
  color: #222 !important;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 400;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}

.gov-acc-link:hover {
  color: #0f4a00 !important;
}

.gov-sep {
  color: rgba(0, 0, 0, 0.45);
}

.gov-hc-btn {
  background: #000;
  color: #fff !important;
  font-size: 10px;
  padding: 2px 6px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

.gov-lang-select {
  background: transparent;
  border: 1px solid #8f8f8f;
  color: #222;
  font-size: 11px;
  padding: 2px 6px;
}

/* ── 2. WHITE SITE HEADER ── */
.site-white-header {
  background: #fff url('../images/IIHR-header-BG (1).png') no-repeat center center;
  background-size: cover;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.site-white-header::before {
  display: none;
}

.site-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 8px;
  min-height: 70px;
}

.site-branding {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  min-width: 0;
}

.site-logo-link {
  flex-shrink: 0;
  display: block;
  line-height: 0;
}

.site-logo-img {
  height: 78px;
  width: auto;
  display: block;
}

.site-name-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  order: 1;
}

.site-name-block p {
  margin: 0;
  padding: 0;
  line-height: 1.3;
  border: none !important;
}

/* Homepage override: names/address should all show in black */
body.front .site-name-block p {
  color: var(--iihr-green);
}

/* Hindi line sometimes hidden; ensure visible on front page */
body.front .site-name-regional-hindi {
  display: block !important;
}

.site-name-regional {
  font-size: 16px !important;
  color: #16650a !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  margin-bottom: 2px !important;
  order: 1;
  display: block;
}

.site-name-regional-hindi {
  order: 2;
  margin-bottom: 2px !important;
  font-size: 16px !important;
  color: #16650a !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  display: block;
}

.site-name-english {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #16650a !important;
  font-family: 'Inter', sans-serif !important;
  margin-bottom: 3px !important;
  line-height: 1.1 !important;
  order: 3;
  display: block;
}

.site-name-address {
  font-size: 12px !important;
  color: #000000 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  order: 4;
  display: block;
}

/* ── Search box — unified pill design (all pages) ── */
.site-header-search {
  flex-shrink: 0;
  width: 290px;
  margin-right: 8px;
}

.site-header-center-image {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 70px;
  margin: 0 auto;
}

.center-image-img {
  width: 150%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.site-search-form {
  margin: 0;
}

.site-search-wrap {
  display: flex;
  align-items: center;
  border: 1.5px solid #c8c8c8;
  border-radius: 50px;
  background: #fff;
  width: 90%;
  overflow: hidden;
  box-shadow: none;
  padding: 3px;
}

.site-search-input {
  flex: 1;
  border: none !important;
  padding: 6px 14px !important;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  outline: none;
  min-width: 0;
  box-shadow: none !important;
  background: transparent;
  height: auto;
  line-height: 1.4;
  color: #444;
  margin: 0;
}

.site-search-input::-webkit-input-placeholder { color: #aaa; }
.site-search-input::-moz-placeholder          { color: #aaa; }
.site-search-input:-ms-input-placeholder      { color: #aaa; }
.site-search-input::placeholder               { color: #aaa; }

.site-search-submit {
  flex-shrink: 0;
  width: 14px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: transparent;
  color: #16650a !important;
  border: 2px solid #16650a;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  font-size: 14px;
  margin: 0;
}

.site-search-submit:hover {
  background: #16650a;
  color: #fff !important;
}

/* ── 3. GREEN NAV BAR (unchanged but sits directly below white header) ── */
/* col-menu already styled in earlier rules — no change needed */

/* ── 4. TICKER — add "Read Now" button ── */
.ticker-read-now-btn {
  background-color: #e65100;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 2px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  margin-right: 4px;
  transition: background 0.2s;
}

.ticker-read-now-btn:hover {
  background-color: #bf360c;
  text-decoration: none;
}

/* ── 5. FRONT CAROUSEL WRAP ── */
.front-carousel-wrap {
  position: relative;
  line-height: 0;
  overflow: hidden;
}

.front-carousel-wrap .front-banner-img {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  display: block;
}

.front-carousel-wrap .front-fallback-banner {
  height: 280px;
  background-image: url(../images/Banner-main.jpg);
  background-size: cover;
  background-position: center;
}

.spotlight-featured-icon img{
  height:50px;
  width: 50px;
}

/* ── Inner page banner: no logo overlay needed ── */
.not-front .innerbnr-img {
  height: 180px;
  background-image: url(../images/inner_banner_2015.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

/* ── High contrast mode ── */
body.iihr-high-contrast {
  filter: invert(1) hue-rotate(180deg);
}

body.iihr-high-contrast img {
  filter: invert(1) hue-rotate(180deg);
}

/* ── Responsive ── */
@media (max-width: 991px) {
  .gov-ministry-text {
    display: none;
  }

  .site-header-search {
    width: 180px;
  }

  .site-name-english {
    font-size: 16px !important;
  }
}

@media (max-width: 767px) {
  /* Ministry bar: single-line marquee on mobile */
  .gov-ministry-bar {
    display: block;
    padding: 0;
    overflow: hidden;
  }
  .gov-ministry-bar .gov-ministry-inner {
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
  }
  .gov-ministry-bar .gov-ministry-inner {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  .gov-ministry-bar .gov-ministry-inner > .gov-ministry-text-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow: hidden !important;
    background: #16650a;
    padding: 5px 0;
    width: 100%;
  }
  .gov-ministry-bar .gov-ministry-text-wrap .gov-ministry-text {
    display: inline-block !important;
    flex-shrink: 0 !important;
    font-size: 11px !important;
    color: #fff !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    padding-left: 100%;
    animation: iihr-mob-marquee 18s linear infinite;
  }
  .gov-ministry-bar .gov-ministry-text-wrap .gov-ministry-text:nth-child(2) {
    animation-delay: 9s;
  }
  .gov-ministry-bar .gov-ministry-text-wrap .gov-ministry-text strong {
    color: #ffd700 !important;
  }
  @keyframes iihr-mob-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-200%); }
  }
  .gov-ministry-bar .gov-acc-right {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #fafafa;
    padding: 3px 8px;
    gap: 3px;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .gov-ministry-bar .gov-acc-link { font-size: 10px !important; white-space: nowrap; }
  .gov-ministry-bar .gov-sep { font-size: 9px; color: #aaa; }
  .gov-ministry-bar .gov-lang-select {
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fff;
  }
  .gov-ministry-bar .gov-acc-right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
  }
  .gov-ministry-bar .gov-acc-link { font-size: 11px; }
  .gov-ministry-bar .gov-sep { font-size: 10px; }
  .gov-ministry-bar .gov-lang-select {
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
  }

  /* White header: clean compact layout */
  .site-white-header {
    padding: 6px 0;
  }
  .site-header-inner {
    flex-wrap: nowrap;
    gap: 6px;
    align-items: center;
    padding: 0 10px;
  }

  /* Logos: compact */
  .site-logo-icar-img { height: 36px; }
  .site-logo-img { height: 40px; }

  /* Site name: fixed font size — NOT affected by font-size controls */
  .site-name-block {
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }
  .site-name-regional {
    font-size: 8px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }
  .site-name-english {
    font-size: 11px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
  }
  .site-name-address {
    font-size: 8px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Search bar: centered below header row */
  .site-header-search {
    width: 100%;
    order: 10;
    display: flex !important;
    justify-content: center !important;
    margin-top: 4px;
  }
  .site-header-search .site-search-form {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .site-header-search .site-search-wrap {
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
  }

  .site-header-inner {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  /* Green navbar: clean alignment */
  #navbar .navbar-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background-color: #16650a;
    width: 100%;
  }
  #navbar .navbar-header .mobile-top-home {
    order: 1;
    margin-right: auto;
  }
  #navbar .navbar-header .navbar-approval-icon {
    order: 8;
  }
  #navbar .navbar-header .navbar-create-icon {
    order: 9;
  }
  #navbar .navbar-header .iihr-mob-hamburger,
  #navbar .navbar-header .navbar-toggle {
    order: 99 !important;
    float: none !important;
    margin-left: 8px !important;
  }

  /* Whats New ticker: single line on mobile */
  .news-ticker-bar {
    background: #CB9404 !important;
    line-height: normal !important;
    padding: 0 !important;
  }
  .news-ticker-bar .ticker-inner {
    flex-wrap: nowrap !important;
    align-items: center !important;
    height: 28px !important;
    gap: 0 !important;
    display: flex !important;
  }
  .news-ticker-bar .ticker-whatsnew-label {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    font-size: 9px !important;
    letter-spacing: 0.5px;
    background: #b38303 !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    color: #fff !important;
  }
  .news-ticker-bar .ticker-items-wrap {
    flex: 1 !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
  }
  .news-ticker-bar .ticker-item-link {
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #fff !important;
  }
  .news-ticker-bar .ticker-sep {
    font-size: 9px;
    margin: 0 3px;
    color: rgba(255,255,255,0.5) !important;
  }
}

@media (min-width: 992px) {
  .home-three-col-section {
    margin-top: 24px;
    margin-bottom: 30px;
  }

  .home-three-col-section .home-section-heading {
    border-bottom: 0;
    padding: 0 0 10px;
    margin-bottom: 12px;
    background: transparent;
  }

  .home-three-col-section .home-section-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e !important;
    position: relative !important;
    line-height: 1;
    padding-bottom: 10px !important;
  }

  .home-three-col-section .home-section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 78px;
    height: 3px;
    background: #16650a;
    border-radius: 2px;
  }

  .home-three-col-section .home-view-all {
    font-size: 13px;
    color: #c89300 !important;
    font-weight: 700;
  }

  .home-three-col-section .home-quick-links-col,
  .home-three-col-section .home-news-col,
  .home-three-col-section .home-events-col,
  .home-three-col-section .home-director-col {
    padding-left: 15px;
    padding-right: 15px;
    background: transparent;
    border-radius: 0;
  }

  /* Director Desk 4th column card */
  .home-director-inner-card {
    margin-top: 4px;
  }

  .director-desk-excerpt {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    margin: 0 0 12px;
    overflow: hidden;
    max-height: calc(1.6em * 9);
    font-weight: 400;
  }

  .director-desk-profile {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #ececec;
    padding-top: 10px;
    margin-top: 4px;
  }

  .home-director-col .director-desk-photo {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #eceff1;
    flex-shrink: 0;
  }

  .director-desk-text {
    flex: 1;
    min-width: 0;
  }

  .director-desk-label a.director-heading-link {
    font-size: 15px;
    font-weight: 700;
    color: #16650a !important;
    text-decoration: none;
    display: block;
    margin-bottom: 2px;
  }

  .director-desk-director {
    display: none;
  }

  .home-director-col .director-desk-name {
    font-size: 15px;
    font-weight: 500;
    color: #444;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .home-three-col-section>.home-quick-links-col {
    height: auto !important;
  }

  .home-three-col-section>.home-quick-links-col>.ql-nav-list {
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  .home-three-col-section .ql-nav-list,
  .home-three-col-section .news-announ-list,
  .home-three-col-section .uev-unified-list {
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background: #fff;
  }

  .home-three-col-section .ql-nav-item {
    padding: 11px 12px;
    border-bottom: 1px solid #ececec;
    gap: 12px;
  }

  .home-three-col-section .ql-nav-item:last-child {
    border-bottom: none;
  }

  .home-three-col-section .ql-icon-circle {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    margin-right: 0;
    background: #16650a;
  }

  .home-three-col-section .ql-label {
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
  }

  .home-three-col-section .ql-arrow {
    margin-left: auto;
    margin-right: 0;
    width: 18px;
    height: 18px;
    font-size: 12px;
  }

  .home-three-col-section .news-announ-item {
    border-bottom: 1px solid #ececec;
    padding: 10px 12px;
    gap: 8px;
  }

  .home-three-col-section .news-announ-item:last-child {
    border-bottom: none;
  }

  .home-three-col-section .news-announ-link {
    font-size: 15px;
    line-height: 1.35;
    color: #3a3a3a !important;
  }

  .home-three-col-section .news-announ-date {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: #9a9a9a;
    line-height: 1.2;
  }

  .home-three-col-section .uev-list-item {
    border-left: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #ececec;
    gap: 10px;
  }

  .home-three-col-section .uev-list-item:last-child {
    border-bottom: none;
  }

  .home-three-col-section .uev-date-box,
  .home-three-col-section .uev-date-box.uev-date-box-past {
    min-width: 52px;
    max-width: 52px;
    margin-right: 2px;
    border-radius: 0;
    padding: 0;
    background: transparent !important;
    color: #1d1d1d !important;
  }

  .home-three-col-section .uev-mon {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    color: #222;
  }

  .home-three-col-section .uev-day {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    margin-top: 2px;
  }

  .home-three-col-section .uev-event-label {
    font-size: 10px;
    border: 0;
    border-radius: 999px;
    padding: 2px 8px;
    margin-bottom: 4px;
  }

  .home-three-col-section .uev-event-label.uev-label-upcoming {
    color: var(--iihr-footer);
  }

  .home-three-col-section .uev-event-label.uev-label-past {

    color: var(--iihr-yellow);
  }

  .home-three-col-section .uev-name {
    font-size: 15px;
    color: #2d2d2d;
    line-height: 1.35;
  }

  .home-three-col-section .uev-time {
    display: none;
  }

  .home-three-col-section .director-desk-compact {
    margin-top: 14px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
  }

  .home-three-col-section .director-desk-compact .director-desk-inner {
    padding: 10px 12px;
    background: #fff;
  }

  .home-three-col-section .director-desk-compact .director-desk-photo {
    width: 66px;
    height: 66px;
    border: 2px solid #eceff1;
  }

  .home-three-col-section .director-desk-compact .director-desk-label {
    display: block;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: #222;
    margin-bottom: 4px;
  }

  .home-three-col-section .director-desk-compact .director-heading-link {
    color: #222 !important;
  }

  .home-three-col-section .director-desk-compact .director-desk-name {
    font-size: 16px;
    font-weight: 500;
    color: #5c5c5c;
  }
}

.spotlight-section {
  margin-bottom: 84px;
}

/* ======================================================
   LEGACY HEADER / FOOTER REDESIGN — 2026
   Colors: Green #16650a | Yellow #CB9404 | DarkGreen #115100
  Typography: Inter (300 body, 600 headings)
   ====================================================== */

/* ── Global Typography ── */
body {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #333;
}

h1,
h2,
h3,
h4,
h5{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: #000000;

}
h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: #000000;
  font-size: 20px;

}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
  line-height: 1.5;
}

/* ── 1. TOP ACCESSIBILITY BAR ── */
.header-top.blue {
  background-color: #16650a !important;
  color: #fff;
  padding: 5px 0;
}

.header-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 8px;
}

/* All text/links inside top bar → white */
.header-top .block,
.header-top .block * {
  color: #fff !important;
  font-size: 12px;
}

.header-top a {
  color: #fff !important;
  text-decoration: none;
}

.header-top a:hover {
  color: #ffe082 !important;
  text-decoration: underline;
}

/* Accessibility font-size controls (A+, A, A-) */
.header-top .hdr-links li {
  color: #fff !important;
  font-size: 12px !important;
}

.header-top .hdr-links li a {
  color: #fff !important;
  font-size: 12px !important;
}

/* ── 2. INNER BANNER (non-front pages) ── */
#navbar.navbar-default {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
}

.not-front .innerbnr-img {
  position: relative;
  height: 215px;
  background-image: url(../images/inner_banner_2015.jpg) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* Right-to-left fade effect on inner page banner */
.not-front .innerbnr-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.35));
  pointer-events: none;
}

.not-front .navbar-header-logo-img {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}

.log-sitenm {
  display: inline-block;
}

.log-sitenm .logo img {
  height: 90px;
  width: auto;
}

/* ── 3. GREEN NAVIGATION BAR ── */
.col-menu {
  background-color: #16650a;
}

.col-menu .navbar-collapse.blue {
  background-color: #16650a !important;
  padding: 0;
  display: flex !important;
  align-items: stretch;
  height: 40px !important;
}

/* Nav items — white text on green */
.col-menu .navbar-collapse ul.menu.nav.navbar-nav {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  height: 100%;
}

.col-menu .navbar-collapse ul.menu.nav.navbar-nav > li {
  display: flex !important;
  align-items: stretch !important;
}

.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li>a {
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 0 12px !important;
  line-height: 1.2 !important;
  background-color: #16650a !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: flex !important;
  align-items: center !important;
  white-space: nowrap;
}

.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li:last-child>a {
  border-right: none;
}

.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li>a:hover,
.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li.active-trail>a {
  color: #ffdd00 !important;
}

/* Active menu item underline indicator */
.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li.active-trail>a {
 /* border-bottom: 3px solid #ffdd00 !important;*/
 border-bottom: 2px solid #c89404 !important;
  padding-bottom: 7px !important;
}

/* Home icon first item */
.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li.first>a {
  font-size: 0 !important;
  position: relative;
  padding: 10px 16px !important;
}

.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li.first>a::before {
  content: "\f015";
  font-family: FontAwesome;
  font-size: 18px;
  color: #fff;
  position: static;
}

/* Dropdown hover on green nav */
.col-menu .navbar-nav .dropdown-menu>li>a:hover,
.col-menu .navbar-nav .dropdown-menu>li>a:focus {
  background-color: transparent !important;
  color: #ffdd00 !important;
}

/* Disable old dot bullet animation on green nav */
header.navbar-default .navbar-collapse ul.menu>li::before {
  display: none !important;
}

/* Mobile nav toggle */
.navbar-toggle {
  margin: 6px 0;
}

.navbar-toggle .icon-bar {
  background-color: #fff !important;
}

/* ── 4. ANNOUNCEMENT TICKER (base — overridden by later rules) ── */
.news-ticker-bar {
  background-color: #CB9404;
  padding: 0;
  overflow: hidden;
}

.ticker-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
}

.ticker-whatsnew-label {
  background-color: #CB9404;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 2px;
  white-space: nowrap;
  flex-shrink: 0;
}

.ticker-items-wrap {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ticker-item-link {
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
  margin-right: 5px;
}

.ticker-item-link:hover {
  text-decoration: underline;
  color: #ffe082 !important;
}

.ticker-sep {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 5px;
}

.ticker-see-now-btn {
  background-color: #fff;
  color: white !important;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 2px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.2s;
}

.ticker-see-now-btn:hover {
  background-color: #ffe082;
  text-decoration: none;
}

/* ── 5. INNER PAGE BANNER ── */
.inner-page-banner-wrap {
  background: linear-gradient(135deg, #16650a 0%, #1e7a03 60%, #0e3e01 100%);
  padding: 20px 0;
  min-height: 60px;
  display: flex;
  align-items: center;
}

.inner-banner-title {
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 22px;
  margin: 0;
  padding: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* ── 7. FOOTER — dark green #115100 ── */
footer.site-footer {
  background-color: #115100;
  color: #e0e0e0;
  margin-top: 0;
  overflow: hidden;
  width: 100%;
}

/* footer_top region is hidden — only footer_bottom bar is shown */
.footer-main-area {
  display: none;
}

.footer-bottom-bar {
  background-color: #115100;
  padding: 12px 0;
  overflow: hidden;
}

/* ── Footer: 6 equal columns ── */

/* footer-columns-wrap is the block root */
.footer-columns-wrap {
  width: 100%;
}

/* Override Bootstrap row so 6 cols sit in one flex row without wrapping */
.footer-main-cols {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  margin: 0 !important;
  /* kill Bootstrap row's -15px bleed */
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

/* Make every Bootstrap col inside the footer an equal 1/5 column */
.footer-main-cols>[class*="col-"] {
  flex: 1 1 20% !important;
  width: 20% !important;
  max-width: 20% !important;
  float: none !important;
  min-width: 0;
  box-sizing: border-box;
}

/* Footer link display */
.footer-link-list li a {
  display: block;
  word-break: break-word;
}

@media (max-width: 991px) {
  .footer-main-cols {
    flex-wrap: wrap !important;
  }

  .footer-main-cols>[class*="col-"] {
    flex: 0 0 33.333% !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
  }
}

@media (max-width: 767px) {
  .footer-main-cols>[class*="col-"] {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 480px) {
  .footer-main-cols>[class*="col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

.footer-main-cols {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
  width: 100%;
}

.footer-col {
  padding: 0 15px;
  margin-bottom: 20px;
}

.footer-col-title {
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 10px;
  margin-top: 0;
}

/* Footer link lists */
.footer-link-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.footer-link-list li {
  margin-bottom: 4px;
}

.footer-link-list li a {
  color: #b5d4b0 !important;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-decoration: none;

  transition: color 0.2s;
}

.footer-link-list li a:hover {
  color: #fff !important;
  text-decoration: underline;
}

/* Footer address */
.footer-address {
  color: #b5d4b0;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 2;
  font-style: normal;
  margin-bottom: 8px;
}

.footer-main-area .footer-col p,
.footer-main-area .footer-col .footer-address,
.footer-main-area .footer-col .footer-map-link,
.footer-main-area .footer-col .footer-phone,
.footer-main-area .footer-col .footer-email {
  line-height: 1.35 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

/* Footer contact links */
.footer-map-link,
.footer-phone,
.footer-email {
  margin-bottom: 5px;
  font-size: 12px;
}

.footer-map-link a,
.footer-phone a,
.footer-email a {
  color: #b5d4b0 !important;
  text-decoration: none;
}

.footer-map-link a:hover,
.footer-phone a:hover,
.footer-email a:hover {
  color: #fff !important;
}

.footer-map-link .fa,
.footer-phone .fa,
.footer-email .fa {
  color: #CB9404;
  margin-right: 5px;
  font-size: 13px;
}

/* Social icons */
.footer-social-icons {
  margin: 10px 0;
  display: flex;
  gap: 2px;
}

.footer-social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff !important;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s;
}

.footer-social-icons a:hover {
  background-color: #CB9404;
  color: #fff !important;
}

/* Feedback button */
.footer-feedback-btn {
  display: inline-block;
  background-color: #CB9404;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 10px 24px;
  border-radius: 14px;
  text-decoration: none;
  margin-top: 8px;
  text-align: center;
  transition: background 0.2s;
}

.footer-feedback-btn:hover {
  background-color: #a87c03;
  color: #fff !important;
  text-decoration: none;
}

/* ISO logo below Give Feedback button (separate circular element) */
.footer-bottom-bar :where(p, div, li):has(> .footer-feedback-btn) {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-bottom-bar :where(p, div, li):has(> .footer-feedback-btn)::after {
  content: '';
  width: 48px;
  height: 48px;
  margin-top: 10px;
  border-radius: 50%;
  background: #fff url('../images/iso-logo.jpg') center center/82% no-repeat;
  display: block;
}

/* Footer copyright bar */
.footer-bottom-copyright {
  background-color: #115100;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding: 12px 0;
  color: white;
  font-size: 11px;
}

/* Inline "Get In Touch" blocks (footer columns or content areas that include the small phone image).
   Use :has() to target container elements that include the phone image and number. Modern browsers support :has(). */
.get-in-touch-card,
.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) {
  background-color: #16650a;
  /* card uses primary green */
  color: #fff;
  padding: 10px 14px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.get-in-touch-card img[alt="get-in-touch-img"],
.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) img[alt="get-in-touch-img"] {
  width: 30px;
  height: 30px;
  object-fit: contain;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  padding: 4px;
}

.get-in-touch-card a,
.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

/* Make the Get In Touch block a single card with two rows: heading, then icon + number centered */
.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) {
  display: block;
  width: 100%;
  max-width: 340px;
  box-sizing: border-box;
  padding: 12px;
  border-radius: 6px;
  background-color: #16650a;
  text-align: center;
}

.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) span,
.get-in-touch-card span {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
}

.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) img[alt="get-in-touch-img"],
.get-in-touch-card img[alt="get-in-touch-img"] {
  width: 36px;
  height: 36px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
}

.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) a,
.get-in-touch-card a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
}

/* Force the icon and number to sit on same row and center */
.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) img+a {
  margin-left: 6px;
}

/* Ensure footer social icons align in one row and match sizes */
.footer-social-icons {
  display: flex !important;
  gap: 10px;
  align-items: center;
}

.footer-social-icons a {
  width: 26px;
  height: 26px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
}

.footer-social-icons a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* Small screens: constrain card width */
@media (max-width: 767px) {
  .footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) {
    max-width: 260px;
    margin: 6px auto;
  }
}

/* No gap between partner logos and footer */
.footer-bottom-bar {
  border-top: none;
}

/* Footer social icons: ensure they appear in a single row with consistent sizing */
.footer-social-icons {
  display: flex;
  gap: 10px;
  align-items: center;
}

.footer-social-icons a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff !important;
  text-decoration: none;
}

.footer-social-icons a .fa {
  font-size: 16px;
}

/* If you want custom images for social icons, add rules like:
.footer-social-icons a.facebook { background-image: url('../images/facebook-new.png'); background-size: cover; }
*/

.footer-bottom-copyright p {
  margin: 0 0 4px;
  color: white !important;
  font-size: 11px;
  line-height: 1.5;
}

/* Menu-based social links in footer: hide old pseudo elements and use colored circles or custom images.
   If you upload image files to `themes/custom/iihr/images/` named `facebook-new.png`, `twitter-new.png`,
   `youtube-new.png`, `linkedin-new.png`, add the corresponding class (facebook/twitter/...) to the anchor.
*/
.region-footer-top #block-menu-menu-social-links .menu li a:before {
  display: none !important;
}

.region-footer-top #block-menu-menu-social-links .menu li a {
  font-size: 0;
  /* hide text fallback */
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  margin-right: 6px;
}

.region-footer-top #block-menu-menu-social-links .menu li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.region-footer-top #block-menu-menu-social-links .menu li a.facebook {
  background-color: #1877F2;
}

.region-footer-top #block-menu-menu-social-links .menu li a.twitter {
  background-color: #1DA1F2;
}

.region-footer-top #block-menu-menu-social-links .menu li a.youtube {
  background-color: #FF0000;
}

.region-footer-top #block-menu-menu-social-links .menu li a.linkedin {
  background-color: #0A66C2;
}

.region-footer-top #block-menu-menu-social-links .menu li a .fa {
  display: none !important;
}

.footer-social-icons a {
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
}

.footer-social-icons a .fa {
  display: none !important;
}

.footer-social-icons a::before,
.footer-social-icons a.fa-facebook::before,
.footer-social-icons a.fa-facebook-f::before,
.footer-social-icons a.fa-twitter::before,
.footer-social-icons a.fa-x-twitter::before,
.footer-social-icons a.fa-youtube::before,
.footer-social-icons a.fa-linkedin::before,
.region-footer-top #block-menu-menu-social-links .menu li a::before,
.region-footer-top #block-menu-menu-social-links .menu li a.fa-facebook::before,
.region-footer-top #block-menu-menu-social-links .menu li a.fa-facebook-f::before,
.region-footer-top #block-menu-menu-social-links .menu li a.fa-twitter::before,
.region-footer-top #block-menu-menu-social-links .menu li a.fa-x-twitter::before,
.region-footer-top #block-menu-menu-social-links .menu li a.fa-youtube::before,
.region-footer-top #block-menu-menu-social-links .menu li a.fa-linkedin::before {
  content: none !important;
  display: none !important;
}

.footer-social-icons a[href*="facebook"],
.footer-social-icons a.facebook,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="facebook"],
.region-footer-top #block-menu-menu-social-links .menu li a.facebook {
  background-image:transparent !important;
  background-color:transwhite;
}

.footer-social-icons a[href*="twitter"],
.footer-social-icons a[href*="x.com"],
.footer-social-icons a.twitter,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="twitter"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="x.com"],
.region-footer-top #block-menu-menu-social-links .menu li a.twitter {
  background-image:transparent !important;
  background-color: white;
}

.footer-social-icons a[href*="youtube"],
.footer-social-icons a[href*="youtu.be"],
.footer-social-icons a.youtube,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="youtube"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="youtu.be"],
.region-footer-top #block-menu-menu-social-links .menu li a.youtube {
  background-image:transparent !important;
  background-color: white;
}

.footer-social-icons a[href*="linkedin"],
.footer-social-icons a.linkedin,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="linkedin"],
.region-footer-top #block-menu-menu-social-links .menu li a.linkedin {
  background-image:transparent !important;
  background-color: white;
}

/* Auto-assign image backgrounds based on link href if no img present */
.region-footer-top #block-menu-menu-social-links .menu li a[href*="facebook"] {
  background-image: url('../images/facebook-new.png');
  background-size: cover;
  background-position: center;
}

.region-footer-top #block-menu-menu-social-links .menu li a[href*="twitter"] {
  background-image: url('../images/twitter-new.png');
  background-size: cover;
  background-position: center;
}

.region-footer-top #block-menu-menu-social-links .menu li a[href*="youtube"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="youtu.be"] {
  background-image: url('../images/youtube-new.svg');
  background-size: cover;
  background-position: center;
}

.region-footer-top #block-menu-menu-social-links .menu li a[href*="linkedin"] {
  background-image: url('../images/linkedin-new.svg');
  background-size: cover;
  background-position: center;
}

.footer-bottom-copyright a {
  color: #ccc;
  text-decoration: none;
}

.footer-bottom-copyright a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Policy links */
.footer-policy-links {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
  justify-content: flex-end;
}

.footer-policy-links.footer-policy-links--full {
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 10px;
  margin-bottom: 10px;
  gap: 2px 0;
}

.footer-policy-links li {
  display: inline;
}

.footer-policy-links li a {
  color: white;
  font-size: 11px;
  text-decoration: none;
  padding: 0 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.35);
}

.footer-policy-links li:last-child a {
  border-right: none;
}

.footer-policy-links li a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-designed-by {
  color: black;
  font-size: 11px;
  margin: 0;
  text-align: right;
}

/* ── Content area: not-front ── */
.mainbg.not-front-content {
  background: white;
}

/* Override old footer styles that conflict */
footer.footer-top,
footer.footer {
  display: none;
}

/* ── Front page banner carousel (inside #navbar header) ── */
.front .innerbnr-img.front-banner-section {
  position: relative;
  line-height: 0;
  overflow: hidden;
  height: auto;
  background: none;
}

/* Logo overlay on front page carousel — matches production iihr.res.in */
.front-banner-logo-overlay {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
  line-height: 0;
}

.front-banner-logo-img {
  height: 120px;
  width: auto;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}

.front-fallback-banner {
  height: 215px;
  background-image: url(../images/Banner-main.jpg);
  background-size: cover;
  background-position: center;
}

.front-banner-carousel {
  margin: 0;
}

.front-banner-img {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  display: block;
}

/* Front page content area */
.mainbg {
  background: white;
}

/* ── RESPONSIVE ── */
@media (max-width: 991px) {
  .main-header-inner {
    flex-wrap: wrap;
  }

  .header-right-area {
    align-items: flex-start;
    width: 100%;
  }

  .ministry-right-text {
    display: none;
  }

  .ticker-inner {
    flex-wrap: nowrap;
  }

  .footer-main-cols {
    flex-direction: column;
  }

  .footer-policy-links {
    justify-content: flex-start;
    color: #000 !important;
  }

  .footer-designed-by {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .header-logo-img {
    height: 50px;
  }

  .site-name-link {
    font-size: 14px;
  }

  .inner-page-banner-wrap {
    padding: 12px 0;
  }

  .inner-banner-title {
    font-size: 18px;
  }

  .header-search-input {
    width: 140px;
  }
}

/* ══════════════════════════════════════════════════════════
   HEADER — ICAR logo + alignment fixes
   ══════════════════════════════════════════════════════════ */

/* ICAR scroll emblem — slightly smaller than main logo */
.site-logo-icar {
  flex-shrink: 0;
  display: block;
  line-height: 0;
  width:50px;
}

.site-logo-icar-img {
  height: 64px;
  width: auto;
  display: block;
}

/* Ensure branding is left-aligned, search is right */
.site-header-inner {
  justify-content: space-between !important;
  align-items: center !important;
}

.site-branding {
  flex: 1;
  justify-content: flex-start !important;
}

.site-header-search {
  flex-shrink: 0;
  margin-left: auto;
}

/* Gov ministry bar: text left, controls right */
.gov-ministry-inner {
  justify-content: space-between !important;
}

/* ══════════════════════════════════════════════════════════
   NAVIGATION — force single row, compact items
   ══════════════════════════════════════════════════════════ */

/* Make the nav list a flex single row (no wrapping).
   IMPORTANT: overflow must stay visible so absolutely-positioned
   dropdown menus are not clipped by their flex-container parent.
   (CSS spec: overflow-x:auto forces overflow-y:visible → auto,
   which creates a clipping context that hides the dropdowns.) */
.col-menu .navbar-collapse ul.menu.nav.navbar-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Compact nav item padding and font so all items fit */
.col-menu .navbar-collapse ul.menu.nav.navbar-nav>li>a {
    font-size: 14px !important;
    padding: 0px 20px 1px !important;
    white-space: nowrap;
    letter-spacing: 0;
}

/* Remove second-row causing float/display issues */
.col-menu .navbar-collapse .container,
.col-menu .navbar-collapse nav.container {
  overflow: visible;
}

/* ══════════════════════════════════════════════════════
   HOME PAGE — FOUR-COLUMN LAYOUT
   (Quick Links | News & Announcements | Upcoming Events | Videos)
   ══════════════════════════════════════════════════════ */

/* ── Section wrapper ── */
.home-three-col-section {
  margin-top: 20px;
  margin-bottom: 36px;
}
/* Remove Bootstrap column gutters so cards align edge-to-edge with spotlight */
.home-three-col-section > .home-quick-links-col:first-child {
  padding-left: 0 !important;
}
.home-three-col-section > [class*="col-"]:last-child {
  padding-right: 0 !important;
}

/* ── Section heading: white bg, green text, clean green bottom line ── */
.home-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  border-bottom: 3px solid #16650a;
  padding: 9px 12px 10px;
  margin-bottom: 12px;
  border-radius: 3px 3px 0 0;
}

.home-section-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #16650a !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  position: static !important;
  display: inline-block;
  border-bottom: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.home-section-title::before {
  display: none !important;
}

/* ─── (heading styles consolidated in the block near line 10837) ─── */

.home-view-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px;
  color: var(--iihr-footer) !important;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 8px;
  font-weight: 700;
}

.home-view-all::after {
  content: '\203A';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #c89300;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
}

.home-view-all:hover {
  color: #a87c03 !important;
  text-decoration: none;
}

.home-view-all:hover::after {
  background: #a87c03;
}

/* ═══════════════════════════
   LEFT COLUMN — Quick Links
   ═══════════════════════════ */
.home-quick-links-col {
  padding-right: 6px;
  padding-left: 15px;
}

/* Scrollable list of menu items */
.ql-nav-list {
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #fff;
  max-height: none;
  overflow: visible;
}

.ql-nav-item {
  display: flex;
  align-items: center;
  padding: 9px 12px;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  color: #2d2d2d;
  transition: background 0.15s;
  line-height: 1.3;
}

.ql-nav-item:last-child {
  border-bottom: none;
}

.ql-nav-item:hover {
  background-color: #f5faf5;
  color: #16650a;
  text-decoration: none;
}

.ql-arrow {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #c89300;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  margin-right: 8px;
  flex-shrink: 0;
}

.ql-label {
  flex: 1;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
}

/* Pill buttons (Tenders / Recruitment) */
.ql-pill-btns {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.ql-pill-btn {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 30px;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}

.ql-pill-solid {
  background-color: #16650a;
  color: #fff !important;
  border: 2px solid #16650a;
}

.ql-pill-solid:hover {
  background-color: #0e4401;
  border-color: #0e4401;
  text-decoration: none;
}

.ql-pill-outline {
  background-color: transparent;
  color: #16650a !important;
  border: 2px solid #16650a;
}

.ql-pill-outline:hover {
  background-color: #16650a;
  color: #fff !important;
  text-decoration: none;
}

/* ═══════════════════════════════════════
   CENTER COLUMN — News and Announcements
   ═══════════════════════════════════════ */
.home-news-col {
  padding-left: 6px;
  padding-right: 6px;
}

.news-announ-list {
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #fff;
}

.news-announ-item {
  display: flex;
  align-items: flex-start;
  padding: 10px 12px;
  border-bottom: 1px dotted #ddd;
}

.news-announ-item:last-child {
  border-bottom: none;
}

.news-orange-dot {
  background: #115100;
  color: #ffffff;
  font-size: 14px;
  margin-right: 10px;
  flex-shrink: 0;
  margin-top: 2px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
}

.news-announ-content {
  flex: 1;
}

.news-announ-link {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px;
  color: #2d2d2d !important;
  text-decoration: none;
  font-weight: 400;

}

/* ==========================================================================
   Menu colors: make top-level and submenu hover color gold and force
   dropdown background to dark green with white links.
   ========================================================================== */

.col-menu .navbar-collapse .menu li a,
.col-menu .navbar-collapse .menu li span,
.col-menu .navbar-nav>li>a {
  color: #ffffff;
}

.col-menu .navbar-collapse .menu li a:hover,
.col-menu .navbar-collapse .menu li a:focus,
.col-menu .navbar-collapse .menu li a:active,
.col-menu .navbar-collapse .menu li span:hover,
.col-menu .navbar-nav>li>a:hover {
  color: #ffdd00 !important;
  /* gold */
}

/* Dropdown / submenu background and link colors */
.col-menu .navbar-nav .dropdown-menu,
.col-menu .navbar-collapse .dropdown-menu {
  background: #16650a !important;
}

.col-menu .navbar-nav .dropdown-menu a,
.col-menu .navbar-collapse .dropdown-menu a {
  color: #ffffff !important;
}

.col-menu .navbar-nav .dropdown-menu a:hover,
.col-menu .navbar-collapse .dropdown-menu a:hover {
  color: #ffdd00 !important;
  background: transparent;
}

/* Ensure news / research circular hand icon styling applies in any context */
.home-rh-item .news-orange-dot,
.news-announ-list .news-orange-dot,
.news-orange-dot {
  background: #115100;
  color: #ffffff;
  font-size: 14px;
  margin-right: 10px;
  flex-shrink: 0;
  margin-top: 2px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* Ensure any Font Awesome hand icons used as markers have green circular background */
.fa-hand-pointer-o,
.fa-hand-o-right,
.fa-hand-o-left,
.fa-hand-o-up,
.fa-hand-o-down {
  background: #115100 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  padding: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* High-specificity overrides for announcement marker and hand icons.
   Requirements:
   - The hand icon itself should be green (#115100) with NO circular/colored
     background (icon-only, transparent bg).
   - Nested handlers that previously forced circular backgrounds are overridden.
*/
.home-news-col .news-announ-item .news-orange-dot,
.news-announ-list .news-announ-item .news-orange-dot,
.news-announ-item .news-orange-dot {
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  display: inline-block !important;
}

.home-news-col .news-announ-item .news-orange-dot i,
.news-announ-list .news-announ-item .news-orange-dot i,
.news-announ-item .news-orange-dot i {
  background: transparent !important;
  color: #115100 !important;
  /* green icon color */
  font-size: 16px !important;
  padding: 0 !important;
  display: inline-block !important;
}

/* Reset any previous FontAwesome hand-icon circular overrides so icon
   itself remains green without added background. */
.fa-hand-pointer-o,
.fa-hand-o-right,
.fa-hand-o-left,
.fa-hand-o-up,
.fa-hand-o-down {
  background: transparent !important;
  color: #115100 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-block !important;
}

/* ── Research/Education mega-menu: hover-only, pure CSS ── */

/* Legacy iihr-open system removed — mega-menu uses pure CSS :hover below */

.news-announ-link:hover {
  color: #16650a !important;
  text-decoration: none;
}

/* ════════════════════════════════════════════════════════
   COL 3 — Upcoming Events (3 items, date-box left + text right)
   ════════════════════════════════════════════════════════ */
.home-events-col {
  padding-left: 6px;
  padding-right: 6px;
}

/* Vertical list — each item is one row */
.uev-list {
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #fff;
}

.uev-list-item {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 1px dotted #ddd;
  text-decoration: none;
  color: #2d2d2d;
  transition: background 0.15s;
}

.uev-list-item:last-child {
  border-bottom: none;
}

.uev-list-item:hover {
  background-color: #f5faf5;
  text-decoration: none;
  color: white;
}

/* Green date box: month (small) on top, day (large) below */
.uev-date-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  max-width: 48px;
  background-color: #16650a;
  color: #fff;
  border-radius: 4px;
  padding: 6px 4px;
  margin-right: 10px;
  flex-shrink: 0;
  text-align: center;
}

.uev-mon {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  line-height: 1;
  margin-bottom: 2px;
}

.uev-day {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

/* Event info (right of date box) */
.uev-info {
  flex: 1;
  min-width: 0;
}

.uev-name {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px ! important;
  line-height: 1.4;
  margin: 0;
  color: #2d2d2d;
  font-weight: 400;
  word-break: break-word;
}

.uev-list-item:hover .uev-name {
  color: green;
}

.no-events-msg {
  color: #888;
  font-size: 13px;
  padding: 10px;
}

/* ════════════════════════════════════════════════════════
   COL 4 — Documentary Video Clips (in the same row)
   ════════════════════════════════════════════════════════ */
.home-video-col {
  padding-left: 6px;
  padding-right: 15px;
}

/* Stacked video list inside the 4th column */
.home-video-list {
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #fff;
  overflow: hidden;
}

.home-video-item {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px dotted #ddd;
  text-decoration: none;
  color: #2d2d2d; /* No change in color */
  transition: background 0.15s;

/* ====== Mega-menu width / layout fixes (append) ====== */
/* Constrain dropdown width so it doesn't create huge empty white box */
.col-menu .navbar-nav>li.dropdown>.dropdown-menu.mega-menu,
.col-menu .navbar-nav>li.dropdown>.dropdown-menu {
  max-width: 1100px !important;
  width: auto !important;
  left: 0 !important;
  right: auto !important;
  padding: 12px !important;
}

/* Make mega-menu columns compact and remove large right gap */
.dropdown-menu.mega-menu .menu-column {
  display: inline-block !important;
  vertical-align: top !important;
  width: 220px !important;
  margin-right: 10px !important;
  padding: 8px 12px !important;
  background: transparent !important;
}

/* Show inner (third-level) menus as blocks directly under their submenu title
   with white background and dark text so items are readable */
.dropdown-menu.mega-menu .menu-column li > ul {
  display: block !important;
  position: static !important;
  background: #fff !important;
  color: #747070 !important;
  padding: 8px 10px !important;
  margin-top: 6px !important;
  border-radius: 2px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
  min-width: 160px !important;
}

/* Prevent hover from changing inner-list background (user requested no hover bg) */
.dropdown-menu.mega-menu .menu-column li > ul li a:hover,
.dropdown-menu.mega-menu .menu-column li > ul li a:focus {
  background: transparent !important;
  color: #000 !important;
}

/* Ensure top-level submenu headings and links remain white on green */
.dropdown-menu.mega-menu .menu-column .menu-column-title,
.dropdown-menu.mega-menu .menu-column > a {
  color: #ffffff !important;
}

/* Hide empty dropdown containers that produce blank white boxes */
.dropdown-menu:empty,
.dropdown-menu > .empty {
  display: none !important;
}

/* Smaller max/min widths for very large screens to avoid huge horizontal gaps */
@media (min-width: 1200px) {
  .col-menu .navbar-nav>li.dropdown>.dropdown-menu {
    min-width: 600px !important;
    max-width: 1100px !important;
  }
}

/* Keep mega-inner flex layout for columns */
.dropdown-menu.mega-menu .mega-inner,
.dropdown-menu.mega-menu > .row {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

/* Small touch: reduce extra right spacing for the whole nav container */
.col-menu .navbar-collapse {
  padding-right: 6px !important;
}

  gap: 8px;
}

.home-video-item:last-child {
  border-bottom: none;
}

.home-video-item:hover {
  background-color: #f5faf5;
  text-decoration: none;
  color: white;
}

/* Thumbnail (small, 16:9) */
.home-video-thumb {
  position: relative;
  width: 72px;
  min-width: 72px;
  height: 42px;
  background: #1c1c1c;
  border-radius: 3px;
  overflow: hidden;
  flex-shrink: 0;
}

.home-video-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.home-video-nothumb {
  width: 100%;
  height: 100%;
  background: #16650a;
}

.home-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

/* Video title */
.home-video-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}

.home-video-item:hover .home-video-title {
  color: green;
}

/* ════════════════════════════════════════════════════════
   QUICK LINKS — icon-circle items (Resource/Divisions/Farmer Zone)
   ════════════════════════════════════════════════════════ */

/* Items with square icon — matches about-page sidebar style */
.ql-nav-item.ql-nav-icon-item {
  padding: 11px 14px;
  border-bottom: 1px solid #ececec;
  gap: 12px;
  color: #16650a;
}
.ql-nav-item.ql-nav-icon-item:last-child {
  border-bottom: none;
}
.ql-nav-item.ql-nav-icon-item:hover {
  background: #f0f8f0;
  color: #16650a;
}

/* Rounded-square green icon (not circle) */
.ql-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #16650a;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
  margin-right: 0;
}

/* Label — green, semi-bold */
.ql-nav-item.ql-nav-icon-item .ql-label {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #16650a;
}
.ql-nav-item.ql-nav-icon-item:hover .ql-label {
  color: #16650a;
}

/* Gold circle arrow — right side */
.ql-nav-item.ql-nav-icon-item .ql-arrow {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #c89300;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-right: 0;
  flex-shrink: 0;
}

/* Container — white card with border */
.inner-sidebar-widget .ql-nav-list {
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background: #fff;
  overflow: hidden;
}
/* (consolidated below near line 10837) */

/* ════════════════════════════════════════════════════════
   HOME PAGE STATS COUNTER STRIP
   ════════════════════════════════════════════════════════ */
.home-stats-strip {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0;
  background: url('/themes/custom/iihr/images/grass-ban.jpg') center center / cover no-repeat;
  background-color: #1a2e0a;
  position: relative;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  margin: 20px 15px;
}

a.home-stat-link {
  text-decoration: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

a.home-stat-link:hover {
  background: rgba(255, 255, 255, 0.08);
}

a.home-stat-link:hover .home-stat-icon i {
  transform: scale(1.15);
  transition: transform 0.3s ease;
}

a.home-stat-link:hover .home-stat-value {
  color: #d4a017;
}

.home-stats-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 30, 5, 0.85);
  z-index: 0;
}

.home-stat-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 50px 24px;
  position: relative;
  z-index: 1;
  flex: 1;
  justify-content: center;
  background-color: var(--iihr-yellow);
}

.home-stat-item:last-child {
  border-right: none;
}

.home-stat-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home-stat-icon i {
  font-size: 36px;
  color: #16650a !important;
}

.home-stat-content {
  display: flex;
  flex-direction: column;
}

.home-stat-value {
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  font-family: 'Inter', Arial, sans-serif;
}

.home-stat-label {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 2px;
}

@media (max-width: 991px) {
  .home-stats-strip {
    flex-wrap: wrap;
  }
  .home-stat-item {
    flex: 0 0 33.333%;
    padding: 20px 16px;
    justify-content: flex-start;
  }
  .home-stat-item:nth-child(3) {
    border-right: none;
  }
}

@media (max-width: 600px) {
  .home-stats-strip {
    margin: 12px 8px;
    border-radius: 10px;
  }
  .home-stat-item {
    flex: 0 0 50%;
    padding: 14px 10px;
    gap: 8px;
    border-right: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  .home-stat-item:nth-child(2n) {
    border-right: none;
  }
  .home-stat-item:nth-last-child(-n+2) {
    border-bottom: none;
  }
  .home-stat-value {
    font-size: 22px;
  }
  .home-stat-icon {
    width: 36px;
    height: 36px;
  }
  .home-stat-icon i {
    font-size: 24px;
  }
  .home-stat-label {
    font-size: 9px;
    letter-spacing: 0.5px;
  }
}

/* ════════════════════════════════════════════════════════
   PARTNERS / GOVERNMENT LOGOS — JS-driven seamless marquee
   ════════════════════════════════════════════════════════ */
.partners-row {
  overflow: hidden;
  padding: 22px 0;
  max-width: 100%;
  margin: 0 auto;
  /* soft fade at edges */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
}

/* JS builds a .partners-track inside .partners-inner */
.partners-inner {
  display: block;
  overflow: visible;
}

.partners-track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
}

/* Each logo: fixed width + padding-right creates uniform spacing
   including at the seamless loop join point */
.partners-row .partner-link {
  flex: 0 0 auto;
  width: 200px;
  height: 100px;
  padding-right: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}

.partners-row img {
  max-height: 90px;
  max-width: 180px;
  width: 100%;
  object-fit: contain;
  display: block;
}

/* ── White background on columns so mainbg green doesn't show through ── */
.home-quick-links-col,
.home-news-col,
.home-events-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
}

/* ── Compact Director card inside Events column (bottom) ── */
.director-desk-compact {
  flex-shrink: 0;
  margin: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
  background: linear-gradient(135deg, #16650a 0%, #16650a 60%, #c9a227 100%);
}

.director-desk-compact .director-desk-inner {
  padding: 8px 12px;
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
}

.director-desk-compact .director-desk-label {
  display: block;
  font-size: 9px;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1px;
}

.director-desk-compact .director-desk-body {
  flex: 1;
  gap: 8px;
}

.director-desk-compact .director-desk-photo,
.director-desk-compact .director-desk-photo-placeholder {
  width: 44px;
  height: 44px;
  border-width: 2px;
  font-size: 18px;
}

.director-desk-compact .director-desk-name {
  font-size: 13px;
  margin-bottom: 1px;
}

.director-desk-compact .director-desk-desig {
  font-size: 10px;
}

.director-desk-compact .director-read-now-btn {
  font-size: 11px;
  padding: 4px 12px;
  flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 991px) {

  .home-quick-links-col,
  .home-news-col,
  .home-events-col,
  .home-video-col,
  .home-director-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .home-three-col-section {
    display: flex;
    flex-wrap: wrap;
  }

  .home-three-col-section>.home-quick-links-col,
  .home-three-col-section>.home-news-col,
  .home-three-col-section>.home-events-col,
  .home-three-col-section>.home-director-col {
    width: 50%;
    float: left;
  }

  .col-menu .navbar-collapse ul.menu.nav.navbar-nav {
    flex-direction: column;
    overflow-x: visible;
    flex-wrap: wrap !important;
  }

  #navbar .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background-color: #16650a;
  }

  #navbar .navbar-toggle {
    display: block !important;
    float: right;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: transparent;
  }

  #navbar .navbar-collapse {
    display: none;
    clear: both;
    width: 100%;
  }

  #navbar .navbar-collapse.in,
  #navbar .navbar-collapse.mobile-menu-open {
    display: block !important;
  }

  #navbar .navbar-collapse ul.menu.nav.navbar-nav>li,
  #navbar .navbar-collapse ul.menu.nav.navbar-nav>li>a {
    width: 100%;
    border-right: none !important;
  }

  .ql-pill-btns {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .partners-row {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

/* end @media (max-width: 767px) */

/* ════════════════════════════════════════════════════════
   DOCUMENTARY VIDEO CLIPS — full-width card row below 3 cols
   ════════════════════════════════════════════════════════ */

.home-documentary-wrap {
  margin-top: 24px;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
}

.doc-video-cards-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  overflow-x: auto;
  padding: 16px 2px 12px;
  scrollbar-width: thin;
  scrollbar-color: #16650a #f0f0f0;
}

.doc-video-cards-row::-webkit-scrollbar {
  height: 4px;
}

.doc-video-cards-row::-webkit-scrollbar-track {
  background: #f0f0f0;
}

.doc-video-cards-row::-webkit-scrollbar-thumb {
  background: #16650a;
  border-radius: 4px;
}

/* Individual video card */
.doc-vcard {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 200px;
  max-width: 280px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  text-decoration: none;
  color: #222;
  transition: box-shadow 0.2s, transform 0.2s;
}

.doc-vcard:hover {
  box-shadow: 0 6px 20px rgba(20, 93, 1, 0.20);
  transform: translateY(-3px);
  text-decoration: none;
  color: #16650a;
}

/* 16:9 aspect-ratio thumbnail wrapper */
.doc-vcard-thumb {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 */
  background: #1a1a1a;
  overflow: hidden;
}

.doc-vcard-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.doc-vcard:hover .doc-vcard-thumb img {
  transform: scale(1.05);
}

/* Placeholder when no thumbnail — use theme video image as background */
.doc-vcard-nothumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/bg_video.jpg') center center / cover no-repeat;
}

/* Alternate background images per video card */
.doc-vcard:nth-child(1) .doc-vcard-nothumb {
  background-image: url('../images/bg_video.jpg');
  background-size: cover;
  background-position: center;
}

.doc-vcard:nth-child(2) .doc-vcard-nothumb {
  background-image: url('../images/bg_video1.jpg');
  background-size: cover;
  background-position: center;
}

.doc-vcard:nth-child(3) .doc-vcard-nothumb {
  background-image: url('../images/video-gallery.jpg');
  background-size: cover;
  background-position: center;
}

.doc-vcard:nth-child(4) .doc-vcard-nothumb {
  background-image: url('../images/bg_video.jpg');
  background-size: cover;
  background-position: top;
}

.doc-vcard:nth-child(5) .doc-vcard-nothumb {
  background-image: url('../images/bg_video1.jpg');
  background-size: cover;
  background-position: bottom;
}

.doc-vcard:nth-child(6) .doc-vcard-nothumb {
  background-image: url('../images/video-gallery.jpg');
  background-size: cover;
  background-position: center;
}

.doc-vcard:nth-child(7) .doc-vcard-nothumb {
  background-image: url('../images/bg_video.jpg');
  background-size: cover;
  background-position: center;
}

.doc-vcard:nth-child(8) .doc-vcard-nothumb {
  background-image: url('../images/bg_video1.jpg');
  background-size: cover;
  background-position: center;
}

/* Remove solid color overrides on thumb — let background image show */
.doc-vcard:nth-child(1) .doc-vcard-thumb,
.doc-vcard:nth-child(2) .doc-vcard-thumb,
.doc-vcard:nth-child(3) .doc-vcard-thumb,
.doc-vcard:nth-child(4) .doc-vcard-thumb,
.doc-vcard:nth-child(5) .doc-vcard-thumb,
.doc-vcard:nth-child(6) .doc-vcard-thumb,
.doc-vcard:nth-child(7) .doc-vcard-thumb,
.doc-vcard:nth-child(8) .doc-vcard-thumb {
  background: transparent;
}

/* Dark overlay + play button */
.doc-vcard-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.doc-vcard:hover .doc-vcard-overlay {
  background: rgba(0, 0, 0, 0.42);
}

/* Circular play button */
.doc-vcard-play {
  width: 42px;
  height: 42px;
  background: rgba(255, 255, 255, 0.90);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #16650a;
  padding-left: 3px;
  /* optical centre for ▶ */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  transition: background 0.2s, transform 0.2s;
}

.doc-vcard:hover .doc-vcard-play {
  background: #ffffff;
  transform: scale(1.15);
}

/* Card body / title */
.doc-vcard-body {
  padding: 10px 12px 14px;
  flex: 1;
  background: #fff;
}

.doc-vcard-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.doc-vcard:hover .doc-vcard-title {
  color: #16650a;
}

/* ════════════════════════════════════════════════════════
   CONSISTENT CONTAINER WIDTH — all major sections
   ════════════════════════════════════════════════════════ */

/* Keep ministry bar and site header at comfortable reading width */
.gov-ministry-bar .gov-ministry-inner,
.site-white-header .site-header-inner {
  max-width: 100%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

/* ════════════════════════════════════════════════════════
   MINISTRY BAR — ensure left/right groups spread out properly
   ════════════════════════════════════════════════════════ */

.gov-ministry-bar {
  display: flex;
  align-items: center;
}

.gov-ministry-inner {
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  width: 100%;
}

/* ════════════════════════════════════════════════════════
   CONTENT SECTIONS BELOW MAIN COLUMNS — attractive styling
   ════════════════════════════════════════════════════════ */

/* Section headings for Drupal blocks inside .mainbg */
.mainbg .block>h2,
.mainbg .block-title,
.mainbg .views-element-container>h2,
.mainbg .block>.block-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(90deg, #16650a 75%, #2a9d05 100%);
  padding: 10px 18px;
  margin: 28px 0 0 0;
  border-radius: 4px 4px 0 0;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Block card wrapper */
.mainbg .block {
  margin-bottom: 28px;
}

.mainbg .block>.block-content,
.mainbg .block>div:not(.block-title):not(h2) {
  background: #f8faf8;
  border: 1px solid #dde8dd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 14px 16px;
}

/* Views rows inside mainbg blocks */
.mainbg .views-row {
  background: #ffffff;
  border: 1px solid #e6ede6;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 10px;
  transition: box-shadow 0.2s, border-color 0.2s;
}

.mainbg .views-row:hover {
  box-shadow: 0 3px 12px rgba(20, 93, 1, 0.10);
  border-color: #b2d0b2;
}

/* Images in content blocks */
.mainbg .views-field-field-image img,
.mainbg .field--name-field-image img {
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
}

/* ── Documentary + doc card responsive ── */
@media (max-width: 991px) {
  .doc-video-cards-row {
    flex-wrap: wrap;
  }

  .doc-vcard {
    min-width: 160px;
    max-width: 48%;
    flex: 1 1 46%;
  }
}

@media (max-width: 767px) {
  .doc-video-cards-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow-x: hidden;
    padding: 12px 0;
  }

  .doc-vcard {
    min-width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    flex: 0 0 calc(50% - 5px);
  }

  .home-documentary-wrap {
    margin-top: 16px;
  }

  .front-carousel-wrap .carousel-inner > .item {
    height: 170px;
    overflow: hidden;
  }
  .front-carousel-wrap .front-banner-img,
  .front-banner-img {
    width: 100%;
    height: 170px;
    max-height: 170px;
    object-fit: cover;
  }

  .front-fallback-banner {
    height: 170px;
  }

  .not-front .innerbnr-img,
  .not-front .innerbnr-img .field-content img {
    height: 120px !important;
    background-size: cover;
    object-fit: cover;
  }

  .mainbg .views-field-field-image img,
  .mainbg .field--name-field-image img,
  .doc-vcard-thumb img,
  .director-desk-photo {
    max-width: 100%;
    height: auto;
  }

  .site-logo-img,
  .site-logo-icar-img {
    height: 44px;
    width: auto;
  }

  .site-header-search {
    width: 100%;
  }
}

.mobile-top-home {
  display: none;
}

@media (max-width: 767px) {
  .mobile-top-home {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 3px;
    text-decoration: none;
    background: transparent;
    font-size: 18px;
    line-height: 1;
  }

  .mobile-top-home:hover,
  .mobile-top-home:focus {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.12);
    text-decoration: none;
  }
}

/* ════════════════════════════════════════════════════════
   DIRECTOR'S DESK CARD — below Upcoming Events column
   Matches reference: green bg, photo left, name, Read Now btn
   ════════════════════════════════════════════════════════ */
.director-desk-card {
  margin-top: 8px;
  border-radius: 6px;
  border: 1px solid #d4d8dc;
  overflow: hidden;
  background: #fff;
}

.director-desk-inner {
  background: #fff;
  padding: 10px 12px;
  border-radius: 6px;
}

.director-desk-label {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: #1f1f1f;
  margin-bottom: 4px;
}

.director-heading-link {
  color: #1f1f1f !important;
  text-decoration: none;
}

.director-heading-link:hover {
  color: #16650a !important;
  text-decoration: none;
}

.director-desk-body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 0;
}

.director-desk-photo {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #eceff1;
  flex-shrink: 0;
}

.director-desk-photo-placeholder {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: #eef1f3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.director-desk-photo-placeholder .fa {
  font-size: 34px;
  color: #7f8b93;
}

.director-desk-text {
  flex: 0 1 auto;
  min-width: 0;
}

.director-desk-name {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #3f3f3f;
  margin: 0;
  line-height: 1.3;
}

.director-desk-desig {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 11px;
  color: #666;
  margin: 0;
  line-height: 1.3;
}

.director-read-now-btn {
  display: inline-block;
  background-color: #f9a825;
  color: #16650a !important;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 16px;
  border-radius: 3px;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: background-color 0.2s, color 0.2s;
}

.director-read-now-btn:hover {
  background-color: #fbc02d;
  color: #000 !important;
  text-decoration: none;
}

/* ════════════════════════════════════════════════════════
   ABOUT PAGE / INNER PAGES — improved header & banner styling
   ════════════════════════════════════════════════════════ */

/* Ensure both logos and text align properly in inner page header */
.not-front .site-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 10px 15px;
}

.not-front .site-branding {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

/* ICAR scroll logo on inner pages — match front page size */
.not-front .site-logo-icar-img {
  height: 60px;
  width: auto;
}

.not-front .site-logo-img {
  height: 60px;
  width: auto;
}

/* Inner banner — ensure it fills properly */
.not-front .innerbnr-img {
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

/* Nav dropdown hover colour on inner pages — use same green */
.not-front .col-menu .navbar-nav .dropdown-menu>li>a:hover,
.not-front .col-menu .navbar-nav .dropdown-menu>li>a:focus {
  background-color: transparent !important;
  color: #ffdd00 !important;
}

/* Sidebar nav on about/inner pages */
.not-front aside .block-menu .menu li a {
  display: block;
  padding: 8px 14px;
  font-size: 13px;
  color: #fff;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  transition: background 0.15s;
}

.not-front aside .block-menu .menu li a:hover {
  background: rgba(255, 255, 255, 0.15);
  text-decoration: none;
}

/* ════════════════════════════════════════════════════════
   HOME RESOURCES PANEL — below documentary videos
   Same icon-item style as Quick Links column
   ════════════════════════════════════════════════════════ */
.home-resources-wrap {
  margin-top: 24px;
  margin-bottom: 8px;
}

/* 2-column responsive grid — each item looks like a ql-nav-item */
.home-res-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: #fff;
  border: 1px solid #e0e8e0;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

/* Each resource item */
.home-res-item {
  position: relative;
  border-bottom: 1px solid #e8eee8;
  border-right: 1px solid #e8eee8;
}

.home-res-item:nth-child(4n) {
  border-right: none;
}

.home-res-item:nth-last-child(-n+4) {
  border-bottom: none;
}

/* The main link row */
.home-res-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  text-decoration: none;
  color: #16650a;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
  background: #fff;
}

.home-res-link:hover {
  background: #f0f7ef;
  color: #16650a;
  text-decoration: none;
}

/* Green icon circle — same style as ql-nav-icon-item */
.home-res-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #16650a;
  flex-shrink: 0;
}

.home-res-icon-circle .fa {
  color: #fff;
  font-size: 15px;
}

.home-res-label {
  flex: 1;
  line-height: 1.3;
}

.home-res-arrow {
  color: #16650a;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

/* Sub-items (children) — shown below the parent link */
.home-res-children {
  display: none;
  background: #f0f7ef;
  border-top: 1px dashed #c8dfc8;
  padding: 4px 0;
}

.home-res-has-children:hover .home-res-children {
  display: block;
}

.home-res-child-link {
  display: block;
  padding: 6px 14px 6px 58px;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 12px;
  color: #264675;
  text-decoration: none;
  transition: background 0.12s, color 0.12s;
}

.home-res-child-link:hover {
  background: #daeeda;
  color: #16650a;
  text-decoration: none;
}

/* ── Responsive ── */
@media (max-width: 991px) {
  .home-res-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-res-item:nth-child(4n) {
    border-right: 1px solid #e8eee8;
  }

  .home-res-item:nth-child(2n) {
    border-right: none;
  }

  .home-res-item:nth-last-child(-n+4) {
    border-bottom: 1px solid #e8eee8;
  }

  .home-res-item:nth-last-child(-n+2) {
    border-bottom: none;
  }
}

@media (max-width: 600px) {
  .home-res-grid {
    grid-template-columns: 1fr;
  }

  .home-res-item {
    border-right: none !important;
    border-bottom: 1px solid #e8eee8 !important;
  }

  .home-res-item:last-child {
    border-bottom: none !important;
  }
}

/* ════════════════════════════════════════════════════════
   HOME — 5 GREEN ICON BUTTONS ROW
   ════════════════════════════════════════════════════════ */
.home-icon-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}

.home-icon-btn {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px 10px 16px;
  text-decoration: none;
  color: #fff;
  background: #16650a;
  border-right: none;
  border-radius: 6px;
  transition: background 0.18s, transform 0.18s, box-shadow 0.18s;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.home-icon-btn:last-child {
  border-right: none;
}

.home-icon-btn:hover {
  background: #0f4701;
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
}

.home-icon-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  font-size: 20px;
  color: #fff;
  flex-shrink: 0;
}

.home-icon-btn-icon .fa {
  color: #fff;
}

.home-icon-btn-label {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .home-icon-btn {
    flex: 1 1 calc(33% - 10px);
    padding: 14px 8px 12px;
  }
}

/* ════════════════════════════════════════════════════════
   HOME — 3-COLUMN BLOCKS GRID
   ════════════════════════════════════════════════════════ */
.home-blocks-grid {
  margin-top: 32px;
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.home-block-col {
  margin-bottom: 0;
  display: flex;
}
/* News/Events scrollable after 10 items */
.news-announ-scroll {
  max-height: 520px;
  overflow-y: auto;
}
.events-scroll {
  max-height: 520px;
  overflow-y: auto;
}

.home-block-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  transition: box-shadow 0.18s, transform 0.18s;
  background: #fff;
  height: 100%;
  width: 100%;
  min-height: 260px;
}

.home-blocks-grid > .home-block-col {
  flex: 1 1 calc(25% - 32px);
  max-width: calc(25% - 32px);
}

@media (max-width: 991px) {
  .home-blocks-grid > .home-block-col {
    flex: 1 1 calc(50% - 24px);
    max-width: calc(50% - 24px);
  }
}

@media (max-width: 600px) {
  .home-blocks-grid > .home-block-col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.home-block-icon-director {
  background: #264675;
}

.home-block-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
  text-decoration: none;
}

.home-block-icon-wrap {
  width: 100%;
  padding: 28px 20px 22px;
  background: #16650a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #fff;
}

.home-block-icon-wrap .fa {
  color: #fff;
}

/* Accent colour variants per card */
.home-block-icon-nhf {
  background: #1a7a28;
}

.home-block-icon-atic {
  background: #256e8e;
}

.home-block-icon-pg {
  background: #7b4f00;
}

.home-block-icon-var {
  background: #16650a;
}

.home-block-icon-sph {
  background: #4a148c;
}

.home-block-icon-saif {
  background: #006064;
}

.home-block-icon-gallery {
  background: #b71c1c;
}

.home-block-body {
  width: 100%;
  padding: 14px 16px 16px;
  background: #fff;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-block-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #16650a;
  text-align: center;
  line-height: 1.4;
  margin: 0;
}

.home-block-card:hover .home-block-title {
  color: #16650a;
}

@media (max-width: 767px) {
  .home-blocks-grid .col-xs-12 {
    margin-bottom: 16px;
  }
}

/* ════════════════════════════════════════════════════════════════
   SUCCESS STORIES + RESEARCH HIGHLIGHTS — Home page 2-col grid
   ════════════════════════════════════════════════════════════════ */

.home-stories-highlights-row {
  margin-top: 36px;
  margin-bottom: 16px;
}

/* Success Stories cards — full width, up to 4 per row */
.home-stories-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.home-story-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(25% - 20px);
  min-width: 200px;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.2s;
  background: #fff;
}

.home-story-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}

.home-story-img-wrap {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #f0f4f0;
}

.home-story-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-story-body {
  padding: 10px 12px;
}

.home-story-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #16650a;
  margin: 0;
  line-height: 1.4;
}

.home-story-card:hover .home-story-title {
  color: #16650a;
}

/* Research Highlights list */
.home-rh-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.home-rh-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #e8f0e8;
  text-decoration: none;
  color: #333;
}

.home-rh-item:hover {
  color: #16650a;
  text-decoration: none;
}

.home-rh-item .news-orange-dot {
  margin-top: 3px;
  flex-shrink: 0;
}

.home-rh-text {
  flex: 1;
}

.home-rh-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #16650a;
  margin: 0 0 3px;
  line-height: 1.4;
}

.home-rh-item:hover .home-rh-title {
  color: #16650a;
}

.home-rh-body {
  font-size: 12px;
  color: #666;
  margin: 0;
  line-height: 1.4;
}

@media (max-width: 767px) {

  .home-success-stories-col,
  .home-research-highlights-col {
    margin-bottom: 20px;
  }

  .home-story-card {
    flex: 1 1 calc(50% - 16px);
  }
}


/* ════════════════════════════════════════════════════════════════
   INNER PAGE BANNER — green overlay + centered title + breadcrumb
   ════════════════════════════════════════════════════════════════ */

.inner-page-banner {
  position: relative;
  height: 180px;
  background-image: url(../images/inner_banner_2015.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Right-to-left fade effect on inner page banner */
.inner-page-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
  z-index: 3;
}

.inner-page-banner.banner-section-default,
.inner-page-banner.banner-section-about {
  background-image: url(../images/iihr-banner-logo-1.png);
}

.inner-page-banner.banner-section-research {
  background-image: url(../images/research-ban.jpg);
}

.inner-page-banner.banner-section-farmers {
  background-image: url(../images/farmer-ban.jpg);
}

.inner-page-banner.banner-section-education-training {
  background-image: url(../images/education-ban.jpg);
}

.inner-page-banner.banner-section-labs-services {
  background-image: url(../images/labs-ban.jpg);
}

.inner-page-banner.banner-section-news-media {
  background-image: url(../images/newsmedia-ban.jpg);
}

.inner-page-banner.banner-section-opportunities {
  background-image: url(../images/opportunities-ban.jpg);
}

.inner-page-banner.banner-section-resources {
  background-image: url(../images/resources-ban.jpg);
}

.inner-page-banner.banner-section-contact-us {
  background-image: url(../images/contact-us-ban.jpg);
}

.inner-page-banner.banner-section-vegetable-crops {
  background-image: url(../images/vegetable-crop-banner-01.jpeg);
}

.inner-page-banner.banner-section-fruit-crops {
  background-image: url(../images/fruit-crop-banner-01.jpeg);
}

/* Layered overlay: dark green base + lighter diagonal gloss */
.inner-banner-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(160deg, rgba(10, 45, 2, 0.82) 0%, rgba(25, 100, 6, 0.72) 55%, rgba(8, 38, 2, 0.88) 100%);
  z-index: 1;
}

/* Subtle diagonal light sweep on top of the overlay */
.inner-banner-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg,
      rgba(255, 255, 255, 0.04) 0%,
      rgba(255, 255, 255, 0.10) 40%,
      rgba(255, 255, 255, 0.02) 100%);
  z-index: 0;
}

.inner-banner-content {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* Page title */
.inner-banner-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 36px;
  font-weight: 800;
  color: #ffffff !important;
  margin: 0;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.50), 0 1px 3px rgba(0, 0, 0, 0.30);
  letter-spacing: 1px;
  line-height: 1.2;
  text-transform: none;
  word-break: break-word;
  max-width: 820px;
}

/* Gold decorative bar below the title */
.inner-banner-title::after {
  content: '';
  display: block;
  width: 64px;
  height: 3px;
  background: linear-gradient(90deg, #f0b90b, #ffe57f, #f0b90b);
  border-radius: 2px;
  margin: 10px auto 0;
}

/* Breadcrumb row */
.inner-banner-breadcrumb {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 30px;
  padding: 4px 16px;
  backdrop-filter: blur(4px);
}

/* Override Drupal breadcrumb inside banner */
.inner-banner-breadcrumb .breadcrumb {
  background: transparent;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none;
  border-radius: 0;
  box-shadow: none;
}

.inner-banner-breadcrumb .breadcrumb li {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.3px;
}

.inner-banner-breadcrumb .breadcrumb li a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color 0.2s;
}

.inner-banner-breadcrumb .breadcrumb li a:hover {
  color: #ffe57f;
  text-decoration: none;
}

.inner-banner-breadcrumb .breadcrumb>li+li::before {
  content: "›";
  color: rgba(255, 255, 255, 0.55);
  padding: 0 5px;
}

.inner-banner-breadcrumb .breadcrumb li.active {
  color: #ffe57f;
  font-weight: 600;
}

/* Bottom fade strip for visual depth */
.inner-page-banner::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.22));
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 991px) {
  .inner-page-banner {
    height: 150px;
  }

  .inner-banner-title {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .inner-page-banner {
    min-height: 130px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .inner-banner-title {
    font-size: 20px;
    letter-spacing: 0.3px;
    padding: 0 15px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

  .inner-banner-title::after {
    width: 44px;
    height: 2px;
  }

  .inner-banner-breadcrumb {
    padding: 3px 12px;
  }
}


/* ════════════════════════════════════════════════════════════════
   INNER PAGE LAYOUT — 2-col: content (left 8) + sidebar (right 4)
   ════════════════════════════════════════════════════════════════ */

.inner-page-layout {
  margin-top: 24px;
  display: flex;
  flex-direction: row-reverse;
}

.inner-content-col {
  padding-right: 24px;
}

/* Collapse top whitespace in inner content pages */
.inner-content-col > .highlighted.jumbotron {
  margin: 0 !important;
  padding: 0 !important;
}
.inner-content-col #block-iihr-iihr-system-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.inner-content-col #block-iihr-iihr-system-main > div,
.inner-content-col #block-iihr-iihr-system-main article,
.inner-content-col #block-iihr-iihr-system-main article > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.inner-sidebar-col {
  padding-left: 8px;
}

@media (max-width: 991px) {
  .inner-content-col {
    padding-right: 15px;
  }

  .inner-sidebar-col {
    padding-left: 15px;
    margin-top: 24px;
  }
}


/* ════════════════════════════════════════════════════════════════
   INNER SIDEBAR WIDGETS — Quick Links + Resources
   ════════════════════════════════════════════════════════════════ */

.inner-sidebar-widget {
  background: #fff;
  border: 1px solid #e0ede0;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
}

.inner-sidebar-heading-bar {
  background: #fff;
  padding: 10px 16px 14px;
  position: relative;
}

.inner-sidebar-heading {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #111;
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
}

.inner-sidebar-quicklinks .inner-sidebar-heading-bar::before,
.inner-sidebar-quicklinks .inner-sidebar-heading-bar::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  border-radius: 2px;
}

.inner-sidebar-quicklinks .inner-sidebar-heading-bar::before {
  left: 16px;
  width: 34px;
  background: #16650a;
}

.inner-sidebar-quicklinks .inner-sidebar-heading-bar::after {
  left: 54px;
  width: 72px;
  background: #b8d4ba;
}

/* Quick Links nav inside sidebar */
.inner-ql-nav {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d9e3d9;
}

.inner-ql-item {
  display: flex;
  align-items: center;
  padding: 9px 14px;
  border-bottom: none;
  text-decoration: none;
  color: #16650a;
  font-size: 13px;
  font-family: 'Inter', Arial, sans-serif;
  transition: background 0.15s;
  gap: 8px;
  position: relative;
}

.inner-ql-item::after {
  content: '';
  position: absolute;
  left: 52px;
  right: 12px;
  bottom: 0;
  height: 1px;
  background: #d9e3d9;
}

.inner-ql-item:last-child::after {
  display: none;
}

.inner-ql-item:last-child {
  border-bottom: none;
}

.inner-ql-item:hover {
  background: #f0f8f0;
  color: #16650a;
  text-decoration: none;
}

.inner-ql-icon {
  width: 26px;
  height: 26px;
  background: #16650a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.inner-ql-icon i {
  color: #fff;
  font-size: 12px;
}

.inner-ql-label {
  flex: 1;
  font-weight: 500;
}

.inner-ql-arrow {
  font-size: 18px;
  color: #16650a;
  line-height: 1;
}

.inner-ql-pill-btns {
  display: flex;
  gap: 8px;
  padding: 10px 14px 14px;
}

.inner-ql-pill {
  flex: 1;
  text-align: center;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Inter', Arial, sans-serif;
  text-decoration: none;
  transition: all 0.2s;
}

.inner-ql-pill-solid {
  background: #16650a;
  color: #fff;
  border: 2px solid #16650a;
}

.inner-ql-pill-solid:hover {
  background: #16650a;
  color: #fff;
  text-decoration: none;
}

.inner-ql-pill-outline {
  background: transparent;
  color: #16650a;
  border: 2px solid #16650a;
}

.inner-ql-pill-outline:hover {
  background: #16650a;
  color: #fff;
  text-decoration: none;
}

/* Resources grid inside sidebar */
.inner-res-grid {
  display: flex;
  flex-direction: column;
}

.inner-res-item {
  display: flex;
  align-items: center;
  padding: 9px 14px;
  border-bottom: 1px solid #eef4ee;
  text-decoration: none;
  color: #16650a;
  font-size: 13px;
  font-family: 'Inter', Arial, sans-serif;
  transition: background 0.15s;
  gap: 8px;
}

.inner-res-item:last-child {
  border-bottom: none;
}

.inner-res-item:hover {
  background: #f0f8f0;
  color: #16650a;
  text-decoration: none;
}

.inner-res-icon {
  width: 26px;
  height: 26px;
  background: #16650a;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.inner-res-icon i {
  color: #fff;
  font-size: 12px;
}

.inner-res-label {
  flex: 1;
  font-weight: 500;
}

.inner-res-arrow {
  font-size: 18px;
  color: #16650a;
  line-height: 1;
}


/* ════════════════════════════════════════════════════════════════
   IMPORTANT CONTACT NUMBERS — below main 2-col section
   ════════════════════════════════════════════════════════════════ */

.inner-important-contacts {
  margin-top: 32px;
  margin-bottom: 24px;
  background: #f6faf6;
  border: 1px solid #d0e8d0;
  border-radius: 6px;
  padding: 20px 20px 16px;
}

.inner-contacts-grid {
  margin-top: 4px;
}

.inner-contact-item {
  margin-bottom: 12px;
}

.inner-contact-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 6px;
  padding: 12px 14px;
  height: 100%;
}

.inner-contact-icon {
  width: 36px;
  height: 36px;
  background: #16650a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.inner-contact-icon i {
  color: #fff;
  font-size: 15px;
}

.inner-contact-body {
  flex: 1;
}

.inner-contact-label {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin: 0 0 4px;
  font-family: 'Inter', Arial, sans-serif;
}

.inner-contact-number {
  font-size: 13px;
  font-weight: 600;
  color: #16650a;
  margin: 0;
  font-family: 'Inter', Arial, sans-serif;
  word-break: break-all;
}

.inner-contact-number a {
  color: #16650a;
  text-decoration: none;
}

.inner-contact-number a:hover {
  color: #16650a;
  text-decoration: underline;
}

.inner-contacts-view-all {
  display: inline-block;
  color: #16650a;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  font-family: 'Inter', Arial, sans-serif;
}

.inner-contacts-view-all:hover {
  color: #16650a;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .inner-contact-item {
    margin-bottom: 10px;
  }
}

/* Ensure old innerbnr-img is hidden when inner-page-banner is used */
.not-front .innerbnr-img {
  display: none;
}

/* Restore not-front content spacing */
.not-front-content .main-container {
  padding-top: 0;
}

/* ════════════════════════════════════════════════════════════════
   FULL-WIDTH EDGE-TO-EDGE HEADER — ministry bar + site header
   ════════════════════════════════════════════════════════════════ */

/* Ministry bar: text at far LEFT, accessibility at far RIGHT */
.gov-ministry-fullwidth {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 24px !important;
  margin: 0 !important;
  box-sizing: border-box;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Site white header: branding at far LEFT, search at far RIGHT */
.site-header-fullwidth {
  max-width: 100% !important;
  width: 100% !important;
  padding: 8px 24px !important;
  margin: 0 !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 16px;
  min-height: 70px;
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {

  .gov-ministry-fullwidth,
  .site-header-fullwidth {
    padding: 0 14px !important;
  }

  .site-header-fullwidth {
    padding: 8px 14px !important;
  }
}

@media (max-width: 767px) {

  .gov-ministry-fullwidth,
  .site-header-fullwidth {
    padding: 0 10px !important;
  }

  .site-header-fullwidth {
    padding: 6px 10px !important;
    flex-wrap: wrap !important;
  }
}


/* ════════════════════════════════════════════════════════════════
   INNER PAGE — ICON BUTTON ROW (compact version of home icon row)
   Appears above the page content on all inner/menu pages
   ════════════════════════════════════════════════════════════════ */

/* Hide any stray Drupal search block that appears in content area */
.not-front-content .block-search-form,
.not-front-content #block-search-form,
.not-front-content [id^="block-search-form"],
.not-front-content .views-exposed-form .form-type-textfield+.form-submit {
  /* Only hide when it's a standalone search block, not part of real content */
}

/* More targeted: hide if search block renders without context */
.not-front-content .block--plugin-id--search-form {
  display: none !important;
}

.inner-icon-btn-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  margin: 18px 0 20px;
  background: #16650a;
  border-radius: 4px;
  overflow: hidden;
  max-width: 680px;
  /* compact — doesn't stretch full col width */
}

.inner-icon-btn {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px 8px 10px;
  text-decoration: none;
  color: #fff;
  background: #16650a;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  transition: background 0.18s;
}

.inner-icon-btn:last-child {
  border-right: none;
}

.inner-icon-btn:hover {
  background: #0f4701;
  color: #fff;
  text-decoration: none;
}

.inner-icon-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  font-size: 15px;
  color: #fff;
  flex-shrink: 0;
}

.inner-icon-btn-icon .fa {
  color: #fff;
}

.inner-icon-btn-label {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .inner-icon-btn-row {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .inner-icon-btn-row {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .inner-icon-btn {
    flex: 1 1 33%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 6px 8px;
  }

  .inner-icon-btn:last-child {
    border-bottom: none;
    border-right: none;
  }
}

/* ── HOME page icon row: full width with card spacing ── */
.home-icon-btn-row {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.home-icon-btn {
  padding: 14px 10px 12px;
}

.home-icon-btn-icon {
  width: 40px;
  height: 40px;
  font-size: 17px;
}

.home-icon-btn-label {
  font-size: 11px;
}

/* ── Inner page icon row: full container width, sits just above contacts ── */
.inner-icon-btn-row {
  max-width: 100%;
  margin-top: 28px;
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
}

/* ════════════════════════════════════════════════════════════════
   INNER PAGE CONTENT IMAGES — fill the column at correct size
   ════════════════════════════════════════════════════════════════ */

/* All body/field images inside the content column */

.inner-content-col .field-name-body img,
.inner-content-col .field--name-body img,
.inner-content-col .text-formatted img,
.not-front-content .field-name-body img,
.not-front-content .field--name-body img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  border-radius: 3px;
}
.inner-content-col img
{
  max-width: 100% !important;
  height: 100% !important;
  display: block;

}
.section-title-center{

    font-size: 30px;
    line-height: 0.5;
}

/* Standalone paragraph images fill full column width */
.inner-content-col p img,
.inner-content-col .field-items img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Table thumbnails — keep small and prevent overflow */
.inner-content-col table img {
  max-width: 70px !important;
  max-height: 90px !important;
  height: auto !important;
  width: auto !important;
  object-fit: cover !important;
}

/* ════════════════════════════════════════════════════════════════
   INNER PAGE CENTER CONTENT — responsive foundation (all screens)
   Applies only to the center content column
   ════════════════════════════════════════════════════════════════ */
.mainbg.not-front-content .inner-content-col {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

.mainbg.not-front-content .inner-content-col h1,
.mainbg.not-front-content .inner-content-col h2,
.mainbg.not-front-content .inner-content-col h3,
.mainbg.not-front-content .inner-content-col h4,
.mainbg.not-front-content .inner-content-col h5,
.mainbg.not-front-content .inner-content-col h6,
.mainbg.not-front-content .inner-content-col p,
.mainbg.not-front-content .inner-content-col li {
  max-width: 100%;
}

.mainbg.not-front-content .inner-content-col table {
  display: table;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  padding: 0;
}

.mainbg.not-front-content .inner-content-col table td,
.mainbg.not-front-content .inner-content-col table th {
  word-break: normal;
}

.mainbg.not-front-content .inner-content-col iframe,
.mainbg.not-front-content .inner-content-col video,
.mainbg.not-front-content .inner-content-col embed,
.mainbg.not-front-content .inner-content-col object {
  max-width: 100% !important;
}

.mainbg.not-front-content .inner-content-col pre,
.mainbg.not-front-content .inner-content-col code {
  max-width: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}

.mainbg.not-front-content .inner-content-col input,
.mainbg.not-front-content .inner-content-col select,
.mainbg.not-front-content .inner-content-col textarea {
  max-width: 100%;
}

@media (min-width: 1200px) {
  .mainbg.not-front-content .inner-content-col {
    padding-right: 28px;
  }
}

@media (max-width: 991px) {
  .mainbg.not-front-content .inner-content-col {
    padding-right: 15px;
    padding-left: 15px;
  }

  .mainbg.not-front-content .inner-content-col h1 {
    font-size: 30px;
  }

  .mainbg.not-front-content .inner-content-col h2 {
    font-size: 26px;
  }

  .mainbg.not-front-content .inner-content-col h3 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .mainbg.not-front-content .inner-content-col {
    padding-right: 12px;
    padding-left: 12px;
  }

  .mainbg.not-front-content .inner-content-col h1 {
    font-size: 26px;
    line-height: 1.25;
  }

  .mainbg.not-front-content .inner-content-col h2 {
    font-size: 22px;
    line-height: 1.3;
  }

  .mainbg.not-front-content .inner-content-col h3 {
    font-size: 19px;
    line-height: 1 !important;
  }

  .mainbg.not-front-content .inner-content-col p,
  .mainbg.not-front-content .inner-content-col li {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

/* ===============================
   FIELD GENE BANK STYLING
================================= */

.gene-bank-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 20px;
  margin: 30px 0;
}

.gene-box {
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  color: #333;
  transition: 0.3s ease;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.gene-box h2 {
  font-size: 28px;
  margin: 0;
  font-weight: 700;
  color: black !important;
}

.gene-box p {
  margin: 8px 0 0;
  font-weight: 600;
}

/* Different Colors */
.mango {
  background: #ffe5d9;
}

.pomegranate {
  background: #ffd6e0;
}

.grapes {
  background: #e2f0d9;
}

.jackfruit {
  background: #fff3cd;
}

.guava {
  background: #e0f7fa;
}

.jamun {
  background: #f3e5f5;
}

.sapota {
  background: #fbe9e7;
}

.papaya {
  background: #fff8e1;
}

.custard {
  background: #ede7f6;
}

.pummelo {
  background: #e8f5e9;
}

.bael {
  background: #f1f8e9;
}

.tamarind {
  background: #fce4ec;
}

.woodapple {
  background: #e0f2f1;
}

.dragon {
  background: #f8bbd0;
}

.avocado {
  background: #dcedc8;
}

.garcinia {
  background: #f9fbe7;
}

.gene-box:hover {
  transform: translateY(-5px);
}

/* ===============================
   SECTION HEADING STYLE
================================= */


.section-heading {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #d4a017;
}

/* .section-heading::after {
  content: "";
  width: 120px;
  height: 3px;
  background: #d4a017;
  position: absolute;
  left: 0;
  bottom: 0;
} */

/* ===============================
   MANDATE SECTION
================================= */

.mandate-wrapper {
  background: #eaf4e5;
  padding: 30px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.mandate-card {
  background: #CFF6C599 !important;
  padding: 25px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
}

.mandate-card:hover {
  transform: translateY(-5px);
}

.mandate-icon {
  width: 60px;
  height: 60px;
  background: #16650a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  color: #fff;
  font-size: 22px;
}

/* ==================================
   SECTION HEADING FULL WIDTH LINE
=================================== */

.section-heading {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 3px solid #d4a017;
}

/* ==================================
   INTRO SECTION
=================================== */

.about-intro {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  margin-bottom: 40px;
}

.about-text {
  flex: 2;
}

/* About page — ensure body text matches inner-page standard (15px) */
.about-text p,
.about-text li,
.inner-content-col .about-intro p,
.inner-content-col .about-intro li,
.inner-content-col > .field > .field__item > p,
.inner-content-col > .field > .field__item > ul > li,
.inner-content-col > .field > .field__item > ol > li {
  font-size: 15px;
  line-height: 1.75;
}

.about-image {
  flex: 1;
}

.about-image img {
  width: 100%;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .about-intro {
    flex-direction: column-reverse;
    gap: 16px;
  }

  .about-image {
    flex: none;
    width: 100%;
  }

  .about-image img {
    width: 100%;
    border-radius: 8px;
  }

  .about-text {
    flex: none;
    width: 100%;
  }
}

/* ---------- Mandate heading: full width yellow line ---------- */
.section-heading.full-line {
  position: relative;
  font-weight: 700;
  margin: 25px 0 18px;
  padding-bottom: 10px;
}

.section-heading.full-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #d4a017;
  /* yellow */
}

/* ---------- Mandate heading full yellow line ---------- */
.section-heading.full-line {
  position: relative;
  font-weight: 600;
  margin: 25px 0 18px;
  padding-bottom: 10px;
  text-align: center;
  /* Center the text */
}

.section-heading.full-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #d4a017;
}

/* ---------- Grid Layout ---------- */
.mandate-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 50px;
  margin-top: 20px;
}

/* ---------- Clean Card (No background box) ---------- */
.mandate-card {
  position: relative;
  padding-left: 20px;
}


/* Black icon */
.mandate-icon {
  font-size: 18px;
  color: #000;
  margin-bottom: 10px;
}

/* Text */
.mandate-text {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

/* Responsive */
@media (max-width: 768px) {
  .mandate-grid {
    grid-template-columns: 1fr;
  }
}

/* ======================================================
   QRT TABLE DESIGN – FINAL CLEAN VERSION
   ====================================================== */

/* Wrapper */
.qrt-table-wrapper {
  margin-top: 20px;
  overflow-x: auto;
}

/* Table Base */
.qrt-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  font-size: 14px;
}

/* ===========================
   FORCE GREEN HEADER
   =========================== */

.qrt-table thead,
.qrt-table thead tr,
.region-content .qrt-table thead th {
  background-color: #16650a !important;
  /* IIHR Green */
  color: #ffffff !important;
}

.qrt-table th {
  padding: 8px 12px !important;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  border: none !important;
}

/* ===========================
   COMPACT ROW DESIGN
   =========================== */

.qrt-table td {
  padding: 8px 12px !important;
  vertical-align: top;
  border-bottom: 1px solid #e0e0e0;
  line-height: 1.5 !important;
}

/* Remove large paragraph gaps */
.qrt-table td p {
  margin: 4px 0 !important;
}

/* ═══════════════════════════════════════
   COMMITTEE MEMBERS — Equal-width columns
   ═══════════════════════════════════════ */
.qrt-table.qrt-table-photo {
  table-layout: fixed !important;
  width: 100% !important;
}

table.qrt-table.qrt-table-photo th,
table.qrt-table.qrt-table-photo td,
table.qrt-table.qrt-table-photo th:first-child,
table.qrt-table.qrt-table-photo td:first-child,
table.qrt-table.qrt-table-photo th:last-child,
table.qrt-table.qrt-table-photo td:last-child {
  width: 33.333% !important;
  text-align: center !important;
  vertical-align: middle !important;
}

table.qrt-table.qrt-table-photo td:nth-child(2) {
  text-align: left !important;
}

.qrt-td-photo {
  text-align: center !important;
}

.qrt-member-photo {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #d8edda;
}

.qrt-member-photo-placeholder {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #f0f8f0;
  border: 3px solid #d8edda;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.qrt-member-photo-placeholder i {
  font-size: 28px;
  color: #aac8a2;
}

.qrt-td-designation {
  text-align: center !important;
}

.qrt-edit-link {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #16650a;
  text-decoration: none;
}

.qrt-edit-link:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .qrt-member-photo,
  .qrt-member-photo-placeholder {
    width: 50px;
    height: 50px;
  }
  .qrt-member-photo-placeholder i {
    font-size: 20px;
  }
}

/* Reduce BR spacing */
.qrt-table td br {
  line-height: 1.2 !important;
}

/* Row hover */
.qrt-table tbody tr:hover {
  background: #f4f8f4;
}

/* ===========================
   CENTER DESIGNATION COLUMN
   =========================== */

/* Header (Designation) center */
.qrt-table th:nth-child(2) {
  text-align: center !important;
}

/* Body cell center vertically + horizontally */
.qrt-table td:nth-child(2) {
  text-align: center !important;
  vertical-align: middle !important;
  width: 180px;
  /* fixed width for clean layout */
}

/* ===========================
   DESIGNATION BADGES
   =========================== */

.designation {
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

/* Chairman */
.designation.chairman {
  background: #d4a017;
  color: #ffffff;
}

/* Member */
.designation.member {
  background: #16650a;
  color: #ffffff;
}

/* Secretary */
.designation.secretary {
  background: #555555;
  color: #ffffff;
}

/* ===========================
   THIN YELLOW HEADING LINE
   =========================== */

.section-heading.full-line::after {
  content: "";
  display: block;
  height: 0.5px !important;
  /* clean thin line */
  background: #d4a017 !important;
  margin-top: 6px !important;
}

.designation.exofficio,
.designation.ex_officio {
  background: #6c757d;
  color: #ffffff;
}

.designation.member_secretary {
  background: #555555;
  color: #ffffff;
}

/* Committee page */
.committee-admin-bar {
  margin-bottom: 16px;
}
.btn-add-member {
  display: inline-block;
  padding: 8px 18px;
  background: #16650a;
  color: #fff !important;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.btn-add-member:hover {
  background: #16650a !important;
  color: #c89300 !important;
  text-decoration: none;
}
.committee-section-title {
  margin: 28px 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #16650a;
}
.committee-period {
  font-size: 16px;
  font-weight: 400;
}
.committee-empty {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  font-size: 15px;
}

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

@media (max-width: 768px) {

  .qrt-table th,
  .qrt-table td {
    font-size: 13px;
    padding: 6px 8px !important;
  }

  .qrt-table td:nth-child(2) {
    width: auto;
  }
}

/* ==========================================
   IRC MODERN DESIGN
   ========================================== */

/* 2 COLUMN HERO */
.irc-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
  margin: 30px 0;
}

/* Role Card */
.irc-role-card {
  background: #f4f8f4;
  padding: 25px;
  border-left: 6px solid #16650a;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.role-item {
  margin-bottom: 15px;
}

.role-label {
  display: block;
  font-weight: 700;
  color: #16650a;
  font-size: 15px;
}

.role-value {
  font-size: 14px;
  color: #333;
}

/* HERO GRID */
.irc-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  margin: 30px 0;
}

/* FULL WIDTH CONTENT */
.irc-full-content {
  width: 100%;
  margin-top: 40px;
}

.irc-full-content h3 {
  color: #16650a;
  margin-bottom: 15px;
}

.irc-full-content p {
  line-height: 1.8;
  margin-bottom: 15px;
  text-align: justify;
}

/* Make sure it overrides grid restriction */
.region-content .irc-full-content {
  grid-column: 1 / -1;
}

/* Responsive */
@media (max-width: 768px) {
  .irc-hero {
    grid-template-columns: 1fr;
  }
}

/* Meeting Title */
.irc-meeting-title {
  margin-top: 25px;
  font-weight: 700;
  color: #16650a;
}

/* Right Image */
.irc-right img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* Content Section */
.irc-content {
  margin-top: 30px;
  line-height: 1.7;
}

.irc-content p {
  margin-bottom: 15px;
  text-align: justify;
}

.irc-content ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.irc-content ul li {
  margin-bottom: 6px;
}

/* Updated text */
.irc-updated {
  margin-top: 25px;
  font-size: 13px;
  font-style: italic;
  color: #666;
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .irc-hero {
    grid-template-columns: 1fr;
  }
}

/* IJSC TABLE DESIGN */

/* ===============================
   IJSC TABLE DESIGN – GREEN THEME
   =============================== */

.ijsc-wrapper {
  margin-top: 30px;
}

.ijsc-section-title {
  color: #16650a;
  margin-bottom: 15px;
  font-weight: 700;
}

/* TABLE */
.ijsc-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  background: #ffffff;
}

/* FORCE GREEN HEADER */
.ijsc-table thead,
.ijsc-table thead tr,
.ijsc-table thead th {
  background-color: #16650a !important;
  color: #ffffff !important;
}

.ijsc-table th {
  padding: 12px 16px;
  font-weight: 600;
  border: none !important;
}

/* TABLE BODY */
.ijsc-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: middle;
}

/* Hover effect */
.ijsc-table tbody tr:hover {
  background: #f4f8f4;
}

/* Yellow Divider */
.ijsc-divider {
  height: 4px;
  background: #d4a017;
  margin: 40px 0;
  border-radius: 2px;
}

/* ===============================
   IJSC PDF LINKS – 2 COLUMN GRID
   =============================== */

.ijsc-links-heading {
  color: #16650a;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 20px;
}

/* GRID LAYOUT */
.pdf-auto {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 24px;
}

/* Remove default spacing */
.pdf-auto li {
  margin: 0;
}

/* Link Card Style */
.pdf-auto a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  background: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  color: #333;
  border: 1px solid #e0e0e0;
  font-weight: 500;
  transition: all 0.3s ease;
  min-height: 80px;
}

/* Hover Effect */
.pdf-auto a:hover {
  background: #f4f8f4;
  border-color: #16650a;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  color: #16650a;
}

/* Automatic PDF Icon */
.pdf-auto a[href$=".pdf"]::before {
  content: "";
  width: 40px;
  height: 40px;
  background: url('/themes/custom/iihr/images/pdf-icon.png') no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}

/* Tablet: still 2 columns */
@media (max-width: 992px) {
  .pdf-auto {
    grid-template-columns: 1fr 1fr;
  }
}

/* Mobile: single column */
@media (max-width: 768px) {
  .pdf-auto {
    grid-template-columns: 1fr;
  }

  .pdf-auto a {
    padding: 14px;
    font-size: 14px;
  }
}

/* ===============================
   ICAR - AICRP SECTION DESIGN
   =============================== */

.aicrp-wrapper {
  margin-top: 20px;
  padding: 25px;
  background: #f9fbf9;
  border-left: 5px solid #16650a;
  border-radius: 8px;
}

/* Heading */
.aicrp-heading {
  color: #16650a;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 8px;
}

/* Yellow underline */
.aicrp-heading::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #d4a017;
  margin-top: 6px;
}

/* Remove default bullets */
.aicrp-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Link card */
.aicrp-links li {
  margin-bottom: 12px;
}

.aicrp-links a {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 15px;
padding: 10px 10px 18px;
  background: #ffffff;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  border: 1px solid #e0e0e0;
  font-weight: 600;
  transition: all 0.3s ease;
  line-height: 1.3;
}

/* Hover */
.aicrp-links a:hover {
  background: #f4f8f4;
  border-color: #16650a;
  transform: translateX(6px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  color: #16650a;
}

/* PDF icon auto */
.aicrp-links a[href$=".pdf"]::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url('/themes/custom/iihr/images/pdf-icon.png') no-repeat center center;
  background-size: contain;
 margin-top: 10px;
  align-self: center;
  justify-self: center;
}

/* ═══════════════════════════════════════════════════════
   GLOBAL PDF LINK STYLING — card + icon for all PDF links
   inside node content areas (mirrors .aicrp-links look)
   ═══════════════════════════════════════════════════════ */

.inner-content-col li > a[href$=".pdf"],
.inner-content-col li > a[href*=".pdf?"],
.inner-content-col li > a[href*=".pdf#"] {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 15px;
  padding: 15px 15px 15px;
  background: #ffffff;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  border: 1px solid #e0e0e0;
  font-weight: 600;
  transition: all 0.3s ease;
  line-height: 1.3;
}

.inner-content-col li > a[href$=".pdf"]:hover,
.inner-content-col li > a[href*=".pdf?"]:hover,
.inner-content-col li > a[href*=".pdf#"]:hover {
  background: #f4f8f4;
  border-color: #16650a;
  transform: translateX(6px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  color: #16650a;
}

.inner-content-col li > a[href$=".pdf"]::before,
.inner-content-col li > a[href*=".pdf?"]::before,
.inner-content-col li > a[href*=".pdf#"]::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url('/themes/custom/iihr/images/pdf-icon.png') no-repeat center center;
  background-size: contain;
  margin-top: 10px;
  align-self: center;
  justify-self: center;
}

/* Remove default bullets from lists containing PDF links */
.inner-content-col ul:has(> li > a[href$=".pdf"]),
.inner-content-col ol:has(> li > a[href$=".pdf"]) {
  list-style: none;
  padding-left: 0;
}

.inner-content-col ul:has(> li > a[href$=".pdf"]) > li,
.inner-content-col ol:has(> li > a[href$=".pdf"]) > li {
  margin-bottom: 12px;
}

/* DOC/DOCX links — same card style with Word icon */
.inner-content-col li > a[href$=".docx"],
.inner-content-col li > a[href$=".doc"],
.aicrp-links a[href$=".docx"],
.aicrp-links a[href$=".doc"] {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 15px;
  padding: 10px 10px 18px;
  background: #ffffff;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  border: 1px solid #e0e0e0;
  font-weight: 600;
  transition: all 0.3s ease;
  line-height: 1.3;
}

.inner-content-col li > a[href$=".docx"]:hover,
.inner-content-col li > a[href$=".doc"]:hover,
.aicrp-links a[href$=".docx"]:hover,
.aicrp-links a[href$=".doc"]:hover {
  background: #f4f8f4;
  border-color: #16650a;
  transform: translateX(6px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  color: #16650a;
}

.inner-content-col li > a[href$=".docx"]::before,
.inner-content-col li > a[href$=".doc"]::before,
.aicrp-links a[href$=".docx"]::before,
.aicrp-links a[href$=".doc"]::before {
  content: "\f1c2";
  font-family: FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 28px;
  color: #2b579a;
  margin-top: 10px;
}

/* Also remove bullets for lists with doc links */
.inner-content-col ul:has(> li > a[href$=".docx"]),
.inner-content-col ul:has(> li > a[href$=".doc"]) {
  list-style: none;
  padding-left: 0;
}

.inner-content-col ul:has(> li > a[href$=".docx"]) > li,
.inner-content-col ul:has(> li > a[href$=".doc"]) > li {
  margin-bottom: 12px;
}

/* ═══════════════════════════════════════════
   DOWNLOAD CONFIRMATION POPUP
   ═══════════════════════════════════════════ */
.iihr-dl-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: iihrDlFadeIn 0.2s ease;
}

@keyframes iihrDlFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.iihr-dl-popup {
  background: #fff;
  border-radius: 12px;
  padding: 32px 28px 24px;
  max-width: 420px;
  width: 90%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  text-align: center;
}

.iihr-dl-popup-icon {
  font-size: 48px;
  color: #16650a;
  margin-bottom: 12px;
}

.iihr-dl-popup h4 {
  margin: 0 0 6px;
  font-size: 18px;
  color: #222;
}

.iihr-dl-popup p {
  margin: 0 0 20px;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
}

.iihr-dl-popup-filename {
  font-weight: 700;
  color: #333;
}

.iihr-dl-popup-btns {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.iihr-dl-popup-btns a,
.iihr-dl-popup-btns button {
  padding: 10px 28px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: all 0.2s;
}

.iihr-dl-btn-download {
  background: #16650a;
  color: #fff !important;
}

.iihr-dl-btn-download:hover {
  background: #1a7a0d;
}

.iihr-dl-btn-cancel {
  background: #f1f1f1;
  color: #333 !important;
}

.iihr-dl-btn-cancel:hover {
  background: #e0e0e0;
}

/* =============================
   DIVISION SECTION (CLEAN)
   ============================= */

.division-container {
  margin: 60px 0 0;
}

/* Reduce whitespace between division content and back button */
.inner-content-col .division,
.inner-content-col .division--natural-resources,
.inner-content-col .division--pht-ae,
.inner-content-col [class^="division"] {
  margin-bottom: 0;
}
.inner-content-col .division > section:last-child,
.inner-content-col [class^="division"] > section:last-child {
  margin-bottom: 10px;
}

/* Two Equal Columns */
.division-row {
  display: flex;
  gap: 40px;
  width: 100%;
}

/* Each box takes 50% */
.division-box {
  flex: 1;
  border: 2px solid #e0e6e2;
  border-radius: 10px;
  padding: 40px;
  background: #ffffff;
  min-height: 220px;
  box-sizing: border-box;
  transition: 0.3s ease;
}

/* Heading */
.division-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #16650a;
}

/* Paragraph */
.division-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}

/* Hover effect */
.division-box:hover {
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}

/* Bottom Links Row */
.division-links-1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #e0e6e2;
  background: #f8fbf8;
  margin-top: 30px;
  overflow: hidden;
}

.division-links-1 a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px 8px;
  border-right: 1px solid #e0e6e2;
  font-size: 11px;
  font-weight: 700;
  color: #16650a;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  transition: color 0.2s ease, background 0.2s ease;
}

.division-links a:last-child {
  border-right: none;
}

.division-links a:hover {
  color: #d4a017;
  background: #eef4ee;
}

.division-links a img.pdf-icon,
.division-links   {
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  flex-shrink: 0;
  vertical-align: middle;
}

/* Mobile */
@media (max-width: 768px) {
  .division-row {
    flex-direction: column;
  }

  .division-links {
    grid-template-columns: repeat(2, 1fr);
  }

  .division-links a {
    border-bottom: 1px solid #e0e6e2;
    font-size: 10px;
  }
}

.division-page {
  max-width: 1100px;
  margin: 60px auto;
  line-height: 1.7;
}


/* Yellow underline */
.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  height: 4px;
  background: white;
  border-radius: 3px;
}

/* Lists */
.styled-list {
  padding-left: 20px;
}

ol.styled-list {
  padding-left: 40px;
}

.styled-list li {
  margin-bottom: 8px;
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
}

thead {
  background: #16650a;
  color: white;
}

th,
td {
  padding: 12px;
  border: 1px solid #e0e0e0;
}

tbody tr:hover {
  background: #f4f8f4;
}

/* PDF button */
.pdf-button {
  display: inline-block;
  padding: 12px 25px;
  background: #16650a;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
}

.pdf-button:hover {
  background: #d4a017;
  color: black;
}

.division-page {
  max-width: 1100px;
  margin: 60px auto;
  line-height: 1.7;
}


/* =========================
   GREEN THEME OVERRIDE
   ========================= */

/* Section headings */

/* Table header background */
.styled-table th {
  background-color: #16650a !important;
  color: #ffffff !important;
}

/* Table borders (optional soft green look) */
.styled-table td {
  border: 1px solid #d7e6d9 !important;
}

/* Links */
a {
  color: #16650a !important;
  margin-top: -1px;
}

a:hover {
  color: #0f3d14 !important;
}

/* Bullet markers */
.styled-list li::marker {
  color: #16650a;
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
}

thead {
  background: #16650a;
  color: white;
}

th,
td {
  padding: 12px;
  border: 1px solid #e0e0e0;
}

tbody tr:hover {
  background: #f4f8f4;
}

/* ================= PDF LINK STYLE ================= */

.pdf-link-wrapper {
  margin-top: 20px;
}

/* Remove green button */
.pdf-link {
  font-size: 18px;
  font-weight: 600;
  color: #16650a;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Attractive PDF icon */
.pdf-link::before {
  content: "";
  width: 28px;
  height: 28px;
  background: url('/themes/custom/iihr/images/pdf-icon.png') no-repeat center;
  background-size: contain;
  display: inline-block;
}

/* Hover effect */
.pdf-link:hover {
  color: #d4a017;
  text-decoration: underline;
}

.division-table-wrapper {
  margin: 40px 0;
}

.division-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}

.division-table th,
.division-table td {
  border: 1px solid #333;
  padding: 8px 10px;
  text-align: left;
}

.division-table thead tr:first-child th {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  background: #16650a !important;
}

.division-table thead tr:nth-child(2) th {
  font-weight: bold;
  background: #16650a !important;
}

.division-page {
  font-family: 'Inter', sans-serif;
  line-height: 1.7;
}

/* Section Titles */
.section-title {
  font-size: 22px;
  font-weight: 700;
  color: #16650a;
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: 4px solid #d4a017;
  /* Golden Line */
}

/* Styled Lists */
.styled-list li {
  margin-bottom: 15px;
  font-family: 'Inter';
  font-size: 15px;
}

/* Past Heads Card Style */
.past-heads-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}

.head-card {
  background: #ffffff;
  border: 2px solid #16650a;
  padding: 12px 18px;
  border-radius: 6px;
  font-weight: 600;
  color: black ;
}

.contact-section {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin: 10px 0 20px;
}

.contact-info {
  flex: 1;
  min-width: 300px;
}

.contact-info h3 {
  color: #16650a;
  border-bottom: 3px solid #16650a;
  padding-bottom: 8px;
  margin-bottom: 14px;
}

.contact-map {
  flex: 1;
  min-width: 300px;
}

.contact-map iframe {
  width: 100%;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .contact-section {
    flex-direction: column;
  }
}

.organogram-section {
  margin: 40px 0;
  text-align: center;
}

.organogram-section h2 {
  color: #16650a;
  font-size: 24px;
  margin-bottom: 20px;
  border-bottom: 3px solid #16650a;
  display: inline-block;
  padding-bottom: 6px;
}

.organogram-image img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Table Header Green Style */
.division-page table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.division-page table th {
  background-color: #16650a;
  /* IIHR Green */
  color: #ffffff;
  /* White text */
  padding: 12px;
  text-align: left;
  font-weight: 600;
}

.division-page table td {
  padding: 10px;
  border: 1px solid #ddd;
}

.division-page table tr:nth-child(even) {
  background-color: #f8f8f8;
}

/* Division page content body styling */
.division-page p {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 16px;
  text-align: justify;
}
.division-page ul,
.division-page ol {
  padding-left: 24px;
  margin-bottom: 20px;
}
.division-page li {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 8px;
}
.division-page img {
  max-width: 100%;
  height: auto !important;
  border-radius: 6px;
}

/* Technologies page title */
.path-technologies h1 {
  color: #006400;
  /* dark green */
}

/* Table header */
.path-technologies table th {
  background-color: #16650a;
  color: #ffffff;
}

/* Links */
.path-technologies a {
  color: #16650a;
}

.path-technologies a:hover {
  color: #c8860a;
}

/* ══ SPOTLIGHT SECTION ══ */
.spotlight-section {
  margin: 26px 15px 26px;
  padding-top: 36px;
}

/* Full /spotlight page — expand grid across the content column */
.spotlight-full-page {
  margin: 0 0 24px;
}

.spotlight-full-page .spotlight-grid {
  grid-template-columns: repeat(3, 1fr);
  border-radius: 8px;
}

.spotlight-full-page .spotlight-card {
  min-height: 240px;
}

@media (max-width: 767px) {
  .spotlight-full-page .spotlight-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }

  .spotlight-full-page .spotlight-card {
    min-height: 180px;
    height: 100%;
  }

  .spotlight-full-page img.spotlight-card-img-bg {
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 400px) {
  .spotlight-full-page .spotlight-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .spotlight-full-page .spotlight-card {
    min-height: 150px;
  }
}

.spotlight-empty {
  padding: 40px;
  text-align: center;
  color: #666;
  font-size: 15px;
}

.spotlight-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-radius: 10px;
  overflow: hidden;
}

.spotlight-card {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  cursor: pointer;
  background-color: #16650a;
}

.spotlight-card-link {
  display: block;
  text-decoration: none !important;
  color: inherit;
}

.spotlight-card-link:hover,
.spotlight-card-link:focus {
  text-decoration: none !important;
  color: inherit;
}

/* Featured card — solid dark green, no image */
.spotlight-card-featured {
  background: linear-gradient(145deg, #0d3d00 0%, #16650a 60%, #16650a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 20px;
}

.spotlight-card-featured-inner {
  text-align: left;
}

.spotlight-featured-icon {
  margin: 0 0 12px;
  line-height: 1;
}

.spotlight-featured-icon img {
  color: #CB9404;
  font-size: 14px;
}

.spotlight-featured-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  font-family: 'Inter', sans-serif;
  line-height: 1.2;
}

.spotlight-featured-desc {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 15px;
  margin: 0 0 18px;
  line-height: 1.55;
  font-family: 'Inter', sans-serif;
}

.spotlight-know-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #DAA520;
  color: #fff !important;
  padding: 8px 8px 8px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif;
  transition: background 0.2s;
  letter-spacing: 0.3px;
}

.spotlight-know-more-btn::after {
  content: "\f054";
  font-family: FontAwesome;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background: #fff;
  color: #DAA520;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}

.spotlight-know-more-btn:hover {
  background: #C68F2F;
  color: #fff !important;
}

/* Background image fill */
.spotlight-card-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  transition: transform 0.4s ease;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

/* img tag version — fills card like a background-image */
img.spotlight-card-img-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
  z-index: 1;
  display: block;
}

/* Fallback background for missing images */
.spotlight-card-img-fallback {
  background: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 100%) !important;
  background-image: none !important;
}

.spotlight-card:hover .spotlight-card-img,
.spotlight-card:hover img.spotlight-card-img-bg {
  transform: scale(1.06);
}

.spotlight-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, 0.78) 100%);
  padding: 48px 14px 14px;
  transition: background 0.3s ease;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.spotlight-card:hover .spotlight-card-overlay {
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.88) 100%);
}

.spotlight-card-title {
  display: block;
  color: #fff;
  font-size: 16px !important;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  margin-top: -55px;
}

/* Hover content: hidden by default, revealed on hover */
.spotlight-card-hover-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.38s ease, opacity 0.32s ease;
  margin-top: 0;
}

.spotlight-card:hover .spotlight-card-hover-content {
  max-height: 150px;
  opacity: 1;
  margin-top: 6px;
}

.spotlight-card-desc {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  font-family: 'Inter', sans-serif;
}

/* Know More button on individual spotlight image cards */
.spotlight-card-km-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  background: #DAA520;
  color: #fff !important;
  padding: 8px 8px 8px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  border: none;
  font-family: 'Inter', sans-serif;
  transition: background 0.2s ease;
  letter-spacing: 0.2px;
}

.spotlight-card-km-btn i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  color: #DAA520;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spotlight-card-km-btn:hover {
  background: #C68F2F;
  color: #fff !important;
}

/* Large card — slightly taller overlay */
.spotlight-card-large .spotlight-card-overlay {
  padding: 56px 16px 16px;
}

.spotlight-card-large .spotlight-card-title {
  font-size: 16px;
  margin-top: -55px;
}

/* Responsive */
@media (max-width: 991px) {
  .spotlight-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .spotlight-card {
    min-height: 170px;
  }
}

@media (max-width: 575px) {
  .spotlight-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }

  .spotlight-card {
    min-height: 180px;
    height: 100%;
  }

  .spotlight-card-featured {
    min-height: 180px;
  }

  .spotlight-card-featured-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .spotlight-featured-title {
    font-size: 14px;
  }

  .spotlight-featured-desc {
    font-size: 10px;
  }

  img.spotlight-card-img-bg {
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  .spotlight-grid {
    grid-auto-rows: 1fr;
  }

  .spotlight-card {
    min-height: 200px;
    height: 100%;
  }

  .spotlight-card-featured {
    min-height: 200px;
  }

  img.spotlight-card-img-bg {
    height: 100%;
    object-fit: cover;
  }
}

/* ══ ISO CERTIFICATION LOGO SECTION ══ */
.iso-logo-section {
  text-align: left;
  padding: 10px 0 0;
  background: transparent;
}

.iso-logo-img {
  width: 42px;
  height: 42px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
  padding: 4px;
  opacity: 0.92;
  transition: opacity 0.2s;
}

.iso-logo-img:hover {
  opacity: 1;
}

/* ══════════════════════════════════════════════════════════
   HERO BANNER — caption overlay (Figma match)
   ══════════════════════════════════════════════════════════ */

/* Static featured slide uses Banner-main.jpg as background */
.banner-featured-slide {
  position: relative;
}

.banner-featured-bg {
  width: 100%;
  height: 480px;
  max-height: 480px;
  background-image: url(../images/updated-banner.jpg);
  background-size: cover;
  background-position: center top;
  display: block;
}

/* Dark gradient overlay on every slide for text legibility */
.banner-caption-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 5% 36px;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.45) 55%,
      transparent 100%);
  z-index: 10;
}

/* Hide text overlay only on home page carousel */
.front-carousel-wrap .banner-caption-overlay {
  display: none;
}

/* Small eyebrow label — e.g. "Special Day in IIHR" */
.banner-eyebrow {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 26px;
  font-weight: bolder;
  color: white;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* Main title — large golden/yellow text */
.banner-title {
  font-family: 'Inter', sans-serif;
  font-size: 34px;
  font-weight: 700;
  color: #f5c518;
  line-height: 2.2;
  margin: 0 0 10px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  border-bottom: 0 !important;
  text-decoration: none !important;
}

/* Subtitle — smaller white text */
.banner-subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #ffffff;
  margin: 0 0 10px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  max-width: 70%;
}

/* Hashtag / tag badge — green outline, transparent fill */
.banner-tag {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 58px;
  line-height: 1.5;
  font-weight: 700;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.6px #1d8a1d;
  text-shadow: none;
}

/* Carousel dot indicators — white dots above bottom */
.banner-indicators {
  bottom: 8px;
  z-index: 20;
}

.banner-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  margin: 0 4px;
  cursor: pointer;
}

.banner-indicators li.active {
  background-color: #f5c518;
  width: 12px;
  height: 12px;
}

/* Carousel control arrows — circular semi-transparent buttons */
.front-carousel-wrap .carousel-control {
  width: 52px;
  height: 52px;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  background: rgba(0, 0, 0, 0.45) !important;
  background-image: none !important;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  opacity: 0.92;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, opacity 0.2s;
}

.front-carousel-wrap .carousel-control.left {
  left: 16px;
}

.front-carousel-wrap .carousel-control.right {
  right: 16px;
}

.front-carousel-wrap .carousel-control:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.70) !important;
  border-color: rgba(255, 255, 255, 0.9);
}

/* Fix Bootstrap's absolute-positioned glyphicons inside flex container */
.front-carousel-wrap .carousel-control .glyphicon {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 1;
  text-shadow: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mobile adjustments for banner caption */
@media (max-width: 767px) {
  .banner-featured-bg {
    height: 170px;
    max-height: 170px;
  }

  .banner-title {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .banner-eyebrow {
    font-size: 11px;
  }

  .banner-subtitle {
    font-size: 12px;
    max-width: 100%;
    display: none;
  }

  .banner-tag {
    font-size: 40px;
    -webkit-text-stroke-width: 1.2px;
  }

  .banner-caption-overlay {
    padding: 16px 12px 20px;
  }

  .front-carousel-wrap .carousel-control {
    width: 32px;
    height: 32px;
  }
}

/* ══════════════════════════════════════════════════════════
   PARTNER LOGOS — vertical lines only background
   ══════════════════════════════════════════════════════════ */

.partners-row {
  background-color: #f8faf8;
  border-top: 1px solid #16650a;
  padding-top: 12px;
  background-image:white;
}

/* ══════════════════════════════════════════════════════════
   ANNOUNCEMENT TICKER — white bg, black text, amber label
   ══════════════════════════════════════════════════════════ */

/* ── Ticker bar: white content strip, zero whitespace ── */
.news-ticker-bar {
  background-color: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  border-top: none !important;
  border-bottom: none !important;
  line-height: 0;
}

.news-ticker-bar .container,
.news-ticker-bar .container-fluid,
.news-ticker-bar .ticker-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* "WHATS NEW?" label: yellow and full section height */
.ticker-whatsnew-label {
  display: flex;
  align-items: center;
  align-self: stretch;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  background-color: #CB9404 !important;
  color: white !important;
  padding: 0 18px;
  margin: 0 !important;
  font-weight: 700;
  line-height: 1 !important;
  width: 142px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 1;
}

/* keep a subtle inward notch for continuity */
.ticker-whatsnew-label::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 16px solid #ffffff;
}

/* Scrolling ticker links: black on white */
.ticker-item-link {
  color: #111111 !important;
  font-size: 13px;
  font-weight: 400;
}

.ticker-item-link:hover {
  color: #16650a !important;
  text-decoration: underline;
}

/* Separator: subtle dark */
.ticker-sep {
  color: rgba(0, 0, 0, 0.45);
  margin: 0 8px;
  font-size: 9px;
}

/* Inner flex row — stretch to fill amber bar height */
.ticker-inner {
  display: flex;
  align-items: center;
  gap: 0;
  line-height: normal;
}

/* Scrolling wrapper */
.ticker-items-scroll {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  animation: ticker-marquee 45s linear infinite;
}

.ticker-items-scroll:hover {
  animation-play-state: paused;
}

@keyframes ticker-marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Items wrap: overflow hidden, full height */
.ticker-items-wrap {
  background: #ffffff !important;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  padding: 8px 10px 8px 12px;
  display: flex;
  align-items: center;
}

/* Hide legacy buttons */
.ticker-read-now-btn,
.ticker-see-now-btn {
  display: none !important;
}

/* Top ministry strip: white background, green left text, black right controls */
.gov-ministry-bar {
  background: #FAFAFA !important;
  border-bottom: none !important;
}

.gov-ministry-text {
  color: #2d2d2d !important;
  font-weight: 600 !important;
}

.gov-acc-link {
  color: #000 !important;
}

.gov-acc-link:hover {
  color: #16650a !important;
}

.gov-sep {
  color: #000 !important;
  opacity: 0.6;
}

.gov-lang-select {
  color: #000 !important;
  background: #fafafa !important;
  border: 1px solid #16650a !important;
}

/* Global typography normalization */
html,
body,
button,
input,
select,
textarea {
  font-family: 'Inter', Arial, sans-serif !important;
}

body {
  font-size: 15px;
  line-height: 1.55;
}

p {
  font-size: 14px;
}

/* Hide skip-link / element-invisible — prevents white gap at top of every page */
#skip-link,
.skip-link {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px,1px,1px,1px) !important;
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.element-invisible {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px,1px,1px,1px) !important;
  height: 1px !important;
  width: 1px !important;
}

/* Remove Get In Touch blocks on all pages */
#stickybar,
.get-in-touch-card,
.footer-bottom-bar :where(p, div, li):has(> img[alt="get-in-touch-img"]) {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   SIDEBAR PAGE NAME WIDGET — sits above Quick Links on all inner pages
   ══════════════════════════════════════════════════════════════════ */

.sidebar-page-name-widget {
  background: #fff;
  border: 1px solid #e0ede0;
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(20, 93, 1, 0.07);
}

/* Top accent bar — thick green stripe */
.sidebar-page-name-accent {
  height: 5px;
  background: linear-gradient(90deg, #16650a 0%, #16650a 50%, #7ed957 100%);
}

/* Body: icon + title */
.sidebar-page-name-body {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px 16px;
}

.sidebar-page-name-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  background: #16650a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  margin-top: 2px;
}

.sidebar-page-name-text {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #16650a !important;
  line-height: 1.35;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  word-break: break-word;
  text-transform: none;
  letter-spacing: normal;
}

/* Strip any before/after pseudo-elements added by other rules */
.sidebar-page-name-text::before,
.sidebar-page-name-text::after {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   SIDEBAR BREADCRUMB WIDGET — above Quick Links on all inner pages
   ══════════════════════════════════════════════════════════════════ */

.sidebar-breadcrumb-widget {
  background: #fff;
  border: 1px solid #e0ede0;
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(20, 93, 1, 0.06);
}

/* Top accent bar — thin green gradient stripe */
.sidebar-breadcrumb-widget::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, #16650a 0%, #16650a 60%, #7ed957 100%);
}

/* Breadcrumb list: horizontal trail with separators */
.sidebar-breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 10px 14px 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

/* Each breadcrumb step */
.sidebar-breadcrumb-item {
  display: inline-flex;
  align-items: center;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  color: #555;
}

/* Separator arrow between items */
.sidebar-breadcrumb-item+.sidebar-breadcrumb-item::before {
  content: '\203A';
  font-size: 16px;
  color: #16650a;
  margin: 0 5px;
  line-height: 1;
  flex-shrink: 0;
}

/* Link styles inside breadcrumb */
.sidebar-breadcrumb-item a {
  color: #16650a;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  display: inline-block;
}

.sidebar-breadcrumb-item a:hover {
  color: #0e3e01;
  text-decoration: underline;
}

/* Active (last) item — current page, no link */
.sidebar-breadcrumb-item.is-active span {
  color: #888;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  display: inline-block;
}

/* Home icon for first item */
.sidebar-breadcrumb-item:first-child a::before {
  content: '\f015';
  font-family: FontAwesome;
  font-size: 11px;
  margin-right: 4px;
  color: #16650a;
}

/* ══════════════════════════════════════════════════════════════════
   LOGIN PAGE — page--user--login.html.twig
   Split layout: info panel (left, green BG) + form panel (right, white)
   ══════════════════════════════════════════════════════════════════ */

.login-page-wrap {
  display: flex;
  min-height: calc(100vh - 220px);
  background: #f4f7f4;
}

/* ── Left: Institution info panel ── */
.login-info-panel {
  position: relative;
  flex: 0 0 50%;
  background: url('../images/inner_banner.jpg') center center / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 40px;
  overflow: hidden;
}

.login-info-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 56, 4, 0.88) 0%, rgba(26, 95, 10, 0.80) 60%, rgba(40, 120, 20, 0.72) 100%);
  z-index: 0;
}

.login-info-content {
  position: relative;
  z-index: 1;
  color: #fff;
  max-width: 480px;
}

.login-logo-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.login-icar-logo {
  height: 70px;
  width: auto;
  filter: brightness(0) invert(1);
}

.login-iihr-logo {
  height: 70px;
  width: auto;
  filter: brightness(0) invert(1);
}

.login-inst-name {
  font-size: 22px;
  font-weight: 700;
  color: #fff !important;
  line-height: 1.3;
  margin: 0 0 6px;
  font-family: 'Inter', Arial, sans-serif;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 12px;
}

.login-inst-address {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.80);
  margin: 0 0 16px;
  font-family: 'Inter', Arial, sans-serif;
}

.login-inst-tagline {
  font-size: 14px;
  color: #b8e6a4;
  font-style: italic;
  margin: 0 0 24px;
  line-height: 1.5;
}

.login-stats-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.login-stat-item {
  flex: 1 1 80px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 8px;
  padding: 10px 8px;
  text-align: center;
  backdrop-filter: blur(4px);
}

.login-stat-number {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #ffe57f;
  line-height: 1;
  margin-bottom: 4px;
}

.login-stat-label {
  display: block;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.80);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.login-highlights-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}

.login-highlights-list li {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.90);
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.4;
}

.login-highlights-list li:last-child {
  border-bottom: none;
}

.login-highlights-list li .fa {
  color: #7ed957;
  margin-top: 2px;
  flex-shrink: 0;
}

.login-back-home {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #ffe57f !important;
  text-decoration: none;
  border: 1px solid rgba(255, 220, 50, 0.40);
  border-radius: 30px;
  padding: 6px 16px;
  transition: all 0.2s;
}

.login-back-home:hover {
  background: rgba(255, 229, 127, 0.18);
  text-decoration: none;
  color: #fff !important;
}

/* ── Right: Login form panel ── */
.login-form-panel {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 40px;
  background: #f4f7f4;
}

.login-form-box {
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
  overflow: hidden;
}

.login-form-header {
  background: linear-gradient(135deg, #16650a 0%, #16650a 100%);
  padding: 32px 32px 24px;
  text-align: center;
}

.login-form-icon {
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 24px;
  color: #fff;
}

.login-form-title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
  font-family: 'Inter', Arial, sans-serif;
}

.login-form-subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.80);
  margin: 0;
}

.login-messages {
  padding: 12px 24px 0;
}

.login-form-body {
  padding: 24px 32px 20px;
}

.login-form-body .form-item {
  margin-bottom: 16px;
}

.login-form-body label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
  display: block;
}

.login-form-body input[type="text"],
.login-form-body input[type="password"],
.login-form-body input[type="email"] {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid #d4e8cf;
  border-radius: 8px;
  font-size: 14px;
  color: #222;
  background: #f9fcf8;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

.login-form-body input[type="text"]:focus,
.login-form-body input[type="password"]:focus,
.login-form-body input[type="email"]:focus {
  border-color: #16650a;
  box-shadow: 0 0 0 3px rgba(20, 93, 1, 0.10);
  outline: none;
  background: #fff;
}

.login-form-body input[type="submit"],
.login-form-body .button--primary,
.login-form-body .form-submit {
  width: 100%;
  padding: 12px 20px;
  background: linear-gradient(135deg, #16650a, #16650a);
  color: #fff !important;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 8px;
  font-family: 'Inter', Arial, sans-serif;
  letter-spacing: 0.3px;
}

.login-form-body input[type="submit"]:hover,
.login-form-body .button--primary:hover,
.login-form-body .form-submit:hover {
  background: linear-gradient(135deg, #0e4401, #157504);
  box-shadow: 0 4px 12px rgba(20, 93, 1, 0.30);
  transform: translateY(-1px);
}

.login-form-body .form-type-checkbox label {
  font-weight: 400;
  font-size: 13px;
  color: #555;
}

.login-form-body a {
  color: #16650a;
  text-decoration: none;
}

.login-form-body a:hover {
  text-decoration: underline;
}

.login-form-footer {
  padding: 16px 32px 24px;
  text-align: center;
  border-top: 1px solid #eef4ec;
}

.login-home-link {
  font-size: 13px;
  color: #555 !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s;
}

.login-home-link:hover {
  color: #16650a !important;
  text-decoration: none;
}

.login-footer .footer-main-area {
  padding: 20px 0;
}

/* ── Responsive ── */
@media (max-width: 991px) {
  .login-page-wrap {
    flex-direction: column;
    min-height: auto;
  }

  .login-info-panel,
  .login-form-panel {
    flex: none;
    width: 100%;
    padding: 32px 20px;
  }

  .login-info-panel {
    min-height: 320px;
  }

  .login-form-panel {
    padding: 32px 16px 40px;
  }

  .login-stat-item {
    flex: 1 1 calc(50% - 8px);
  }
}

@media (max-width: 480px) {

  .login-form-body,
  .login-form-header,
  .login-form-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .login-inst-name {
    font-size: 18px;
  }
}

/* ── Spotlight admin bar ── */
.spotlight-admin-bar {
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  background: #f0f7f0;
  border-left: 4px solid #16650a;
  margin-bottom: 18px;
  border-radius: 4px;
  flex-wrap: wrap;
}

.spotlight-add-btn,
.spotlight-manage-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s;
}

.spotlight-add-btn {
  background: #16650a;
  color: #fff !important;
}

.spotlight-add-btn:hover {
  background: #145220;
}

.spotlight-manage-btn {
  background: #fff;
  color: #16650a !important;
  border: 1px solid #16650a;
}

.spotlight-manage-btn:hover {
  background: #e6f2e8;
}

/* ── Per-card edit pencil ── */
.spotlight-card {
  position: relative;
}

.spotlight-card-edit-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 20;
  background: rgba(28, 107, 42, 0.85);
  color: #fff !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-decoration: none !important;
  opacity: 0;
  transition: opacity 0.2s;
}

.spotlight-card:hover .spotlight-card-edit-btn {
  opacity: 1;
}

/* ── Navbar: stretch menu items to fill full green bar width ── */
#navbar .col-menu {
  width: 100%;
}

#navbar .col-menu .navbar-collapse.blue>nav {
  width: 100%;
}

#navbar .col-menu .navbar-collapse.blue>nav>ul.menu.navbar-nav {
  display: flex !important;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

#navbar .col-menu .navbar-collapse.blue>nav>ul.menu.navbar-nav>li {
  flex: 1 1 auto;
  text-align: center;
  display: flex;
  align-items: center;
}

#navbar .col-menu .navbar-collapse.blue>nav>ul.menu.navbar-nav>li>a,
#navbar .col-menu .navbar-collapse.blue>nav>ul.menu.navbar-nav>li>span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 6px !important;
  white-space: nowrap;
}

/* ── Director card: fit card to content, center below events ── */
.home-events-col {
  display: flex;
  flex-direction: column;
}

.director-desk-card {
  width: 100% !important;
  align-self: stretch;
  margin-top: 14px;
}

.director-desk-inner {
  padding: 14px 20px !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  justify-content: center;
}

/* ── Navbar: true full-width edge-to-edge ── */
#navbar,
#navbar .col-menu,
.col-menu {
  width: 100%;
}

#navbar .col-menu,
.col-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#navbar .col-menu .navbar-collapse.blue>nav,
#navbar .col-menu .navbar-collapse.blue>nav.container,
#navbar .col-menu .navbar-collapse.blue>nav.container-fluid,
.col-menu .navbar-collapse.blue>nav,
.col-menu .navbar-collapse.blue>nav.container,
.col-menu .navbar-collapse.blue>nav.container-fluid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── Auth popup alerts (login success/failure) ── */
.iihr-auth-popup {
  position: fixed;
  top: 22px;
  right: 22px;
  z-index: 9999;
  min-width: 280px;
  max-width: 420px;
  border-radius: 10px;
  padding: 12px 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.iihr-auth-popup--success {
  background: linear-gradient(135deg, #16650a, #16650a);
}

.iihr-auth-popup--error {
  background: linear-gradient(135deg, #8d1111, #bb1f1f);
}

.iihr-auth-popup__icon {
  font-size: 16px;
  margin-top: 1px;
}

.iihr-auth-popup__close {
  margin-left: auto;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

/* ── User/logout page right-panel content ── */
.user-summary-card {
  background: #f7fbf6;
  border: 1px solid #d7ead3;
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 18px;
}

.user-summary-card p {
  margin: 0 0 8px;
  font-size: 13px;
  color: #22581a;
}

.user-summary-card p:last-child {
  margin-bottom: 0;
}

.auth-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.auth-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 14px;
  border-radius: 8px;
  text-decoration: none !important;
  border: 1px solid #16650a;
  color: #16650a !important;
  font-size: 13px;
  font-weight: 600;
  background: #fff;
}

.auth-secondary-btn:hover {
  background: #eef7ec;
}

.auth-cancel-btn {
  background: transparent !important;
  border: 1px solid #16650a !important;
  color: #16650a !important;
}

.auth-cancel-btn:hover {
  background: rgba(20, 93, 1, 0.08) !important;
  color: #16650a !important;
}

/* ── Final override: stretch main menu full width ── */
#navbar.col-menu {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#navbar.col-menu>.navbar-collapse.blue,
#navbar-collapse-front.navbar-collapse.blue {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}

#navbar.col-menu>.navbar-collapse.blue>nav,
#navbar-collapse-front>nav,
#navbar.col-menu>.navbar-collapse.blue>nav.container,
#navbar.col-menu>.navbar-collapse.blue>nav.container-fluid,
#navbar-collapse-front>nav.container,
#navbar-collapse-front>nav.container-fluid {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#navbar.col-menu ul.menu.nav.navbar-nav,
#navbar-collapse-front ul.menu.nav.navbar-nav {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap;
}

#navbar.col-menu ul.menu.nav.navbar-nav>li,
#navbar-collapse-front ul.menu.nav.navbar-nav>li {
  flex: 1 1 0;
  display: flex;
  align-items: center;
}

#navbar.col-menu ul.menu.nav.navbar-nav>li>a,
#navbar-collapse-front ul.menu.nav.navbar-nav>li>a,
#navbar.col-menu ul.menu.nav.navbar-nav>li>span,
#navbar-collapse-front ul.menu.nav.navbar-nav>li>span {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.login-form-body .form-actions {
  margin-top: 10px;
}

.login-form-body .form-actions a,
.login-form-body .form-actions .button-link,
.login-form-body .form-actions input[type="submit"]+a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 9px 14px;
  border-radius: 8px;
  border: 1px solid #16650a;
  background: transparent;
  color: #16650a !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
}

.login-form-body .form-actions a:hover,
.login-form-body .form-actions .button-link:hover,
.login-form-body .form-actions input[type="submit"]+a:hover {
  background: rgba(20, 93, 1, 0.08);
  color: #16650a !important;
}

.feedback-page-wrap .feedback-form-body textarea,
.feedback-page-wrap .feedback-form-body select,
.feedback-page-wrap .feedback-form-body input[type="text"],
.feedback-page-wrap .feedback-form-body input[type="email"],
.feedback-page-wrap .feedback-form-body input[type="tel"] {
  width: 100%;
  border: 1px solid #d9e1d9;
  border-radius: 10px;
  padding: 10px 12px;
  color: #16650a;
  background: #fff;
}

.feedback-page-wrap .feedback-form-body textarea {
  min-height: 120px;
  resize: vertical;
}

.feedback-page-wrap .feedback-form-body .form-item {
  margin-bottom: 14px;
}

.feedback-page-wrap .feedback-form-body .description,
.feedback-page-wrap .feedback-form-body .help-block {
  font-size: 12px;
  color: #5d6d5f;
}

.feedback-page-wrap .feedback-form-body .captcha img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 8px 0;
}

/* ══════════════════════════════════════════════════════════════
   FEEDBACK PAGE — centered single-column layout
   ══════════════════════════════════════════════════════════════ */
.feedback-centered-wrap {
  min-height: calc(100vh - 220px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 16px 60px;
  background: #f5f8f5;
}

.feedback-centered-box {
  width: 100%;
  max-width: 680px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(28,107,42,0.10);
  padding: 36px 40px 32px;
}

.feedback-centered-header {
  text-align: center;
  margin-bottom: 24px;
}

.feedback-centered-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #16650a !important;
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
}

.feedback-centered-title {
  font-size: 22px;
  font-weight: 700;
  color: #16650a !important;
  margin: 0 0 6px;
}

.feedback-centered-subtitle {
  font-size: 13px;
  color: #666;
  margin: 0;
}

/* Reuse existing field styles for the centered box */
.feedback-centered-box .feedback-form-body textarea,
.feedback-centered-box .feedback-form-body input[type="text"],
.feedback-centered-box .feedback-form-body input[type="email"],
.feedback-centered-box .feedback-form-body input[type="tel"] {
  width: 100%;
  border: 1px solid #d9e1d9;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  color: #16650a;
  background: #fff;
  box-sizing: border-box;
}

.feedback-centered-box .feedback-form-body textarea {
  min-height: 110px;
  resize: vertical;
}

.feedback-centered-box .feedback-form-body .form-item {
  margin-bottom: 14px;
}

@media (max-width: 600px) {
  .feedback-centered-box {
    padding: 24px 16px 20px;
  }
}

/* ══════════════════════════════════════════════════════════════
   NAVBAR ICONS — Approval (envelope) + Feedback (comments)
   Applied on top of style.css base rules.
   ══════════════════════════════════════════════════════════════ */

/* Update badge to display a number (was a small dot only) */
.approval-badge {
  width: auto !important;
  height: auto !important;
  min-width: 16px;
  min-height: 16px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  padding: 2px 4px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
}

/* Feedback badge — gold colour to distinguish from approval red */
.feedback-badge {
  background: #c9a227 !important;
}

/* Feedback icon inherits all .navbar-approval-icon styles from style.css */
.navbar-feedback-icon {
  margin-left: 2px;
}

/* Desktop: position feedback icon next to the approval icon */
.navbar-feedback-icon.navbar-approval-desktop {
  margin-right: 8px;
}

/* Mobile: both icons in the navbar-header flex row */
@media (max-width: 767px) {
  .navbar-header .navbar-feedback-icon {
    order: 2;
    margin-left: 0;
    margin-right: 6px;
  }

  /* Shift toggle to the far right */
  .navbar-header .navbar-toggle {
    order: 99 !important;
  }

  /* First icon gets the auto-left-margin push */
  .navbar-header .navbar-approval-icon:first-of-type {
    margin-left: auto;
  }
}

/* Footer live clock — replaces "Designed with" credit inline */
.footer-designed-by {
  color: #cde8c8 !important;
  font-size: 12px;
  font-style: italic;
  text-align: right;
}

#footer-live-clock {
  color: #cde8c8;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.03em;
}

/* Footer policy text visibility fix */
.site-footer .footer-bottom-bar .footer-one-block .menu li a,
.site-footer .footer-bottom-bar .footer-policy-links li a,
.site-footer .footer-bottom-bar .footer-designed-by,
.site-footer .footer-bottom-bar .footer-designed-by a {
  color: #fff !important;
}

.site-footer .footer-bottom-bar .footer-one-block .menu li a:hover,
.site-footer .footer-bottom-bar .footer-policy-links li a:hover,
.site-footer .footer-bottom-bar .footer-designed-by a:hover {
  color: #fff !important;
}

.site-footer .footer-bottom-bar .footer-one-block .menu li::after {
  color: #fff !important;
}

.site-footer .footer-bottom-bar {
  padding-bottom: 18px !important;
}

/* Staff directory logo header */
.staff-dir-logo-header {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #f4f8f4;
  border: 1px solid #c8dcc8;
  border-radius: 6px;
  padding: 14px 18px;
  margin-bottom: 18px;
}

.staff-dir-logo-img {
  height: 64px;
  width: auto;
  flex-shrink: 0;
}

.staff-dir-logo-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.staff-dir-logo-title {
  font-size: 15px;
  font-weight: 700;
  color: #16650a;
  line-height: 1.3;
}

.staff-dir-logo-sub {
  font-size: 12px;
  color: #555;
}

/* Staff directory (node 5081) — modern inner-page styling */
.staff-directory-wrap {
  margin-top: 10px;
}

.staff-directory-group {
  margin-bottom: 12px;
  border: 1px solid #d8e3d8;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.staff-directory-group-title {
  list-style: none;
  cursor: pointer;
  padding: 12px 16px;
  font-size: 17px;
  font-weight: 700;
  color: white;
  background: #f4f9f4;
}

.staff-directory-group-title::-webkit-details-marker {
  display: none;
}

.staff-directory-table-wrap {
  padding: 0;
}

.staff-directory-table {
  width: 100%;
  border-collapse: collapse;
}

.staff-directory-table th,
.staff-directory-table td {
  padding: 10px 12px;
  border-top: 1px solid #e8eee8;
  vertical-align: top;
}

.staff-directory-table thead th {
  border-top: 0;
  background: #16650a;
  color: #1d1d1d;
  font-weight: 700;
}


/* Remove heading underline bars globally (yellow lines) */
.section-heading::after,
.section-heading.full-line::after,
.aicrp-heading::after,
.section-title::after,
.sidebar-page-name-text::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
}

.section-heading,
.section-heading.full-line,
.aicrp-heading,
.section-title,
.sidebar-page-name-text,
.mainbg .block>h2,
.mainbg .block-title,
.mainbg .views-element-container>h2,
.mainbg .block>.block-title {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Header banner page title: two horizontal lines (white + light) */
.inner-page-banner .inner-banner-title {
  position: relative;
  padding-bottom: 14px;
}

.inner-page-banner .inner-banner-title::after,
.inner-page-banner .inner-banner-title::before {
  content: '' !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  display: block !important;
}

.inner-page-banner .inner-banner-title::after {
  bottom: 0;
  width: 130px;
  height: 4px;
  background: var(--iihr-footer) !important;
  left: calc(50% - 70px);
  transform: none;
}

.inner-page-banner .inner-banner-title::before {
  bottom: 0;
  width: 44px;
  height: 4px;
  background: rgba(255, 255, 255, 0.55) !important;
  left: calc(50% + 66px);
  transform: none;
}

/* Global IIHR visual system */
:root {
  --iihr-green: #16650a;
  --iihr-yellow: #CB9404;
  --iihr-footer: #115100;
  --iihr-text: #000000;
}

html,
body,
input,
textarea,
select,
button {
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  color: var(--iihr-text);
}

p {
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}

h1,
.page-header,
.sidebar-page-name-text,
.home-section-title {
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  color: white !important;
}
h1
{
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  color: var(--iihr-green) !important;
}
.inner-banner-title{

  font-family: Inter, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  color: white !important;
}

h2{
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  color: white !important;
}
.section-title{
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  color: black !important;
}
.section-title-1 {
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  color: black !important;
}

/* Remove top whitespace for first heading inside inner page content */
.inner-content-col .section-title:first-child,
.inner-content-col .section-title-1:first-child,
.inner-content-col h2.section-title:first-child,
.inner-content-col h2.section-title-1:first-child,
.inner-content-col .division-page > .section-title:first-child,
.inner-content-col .division-page > h2:first-child,
.inner-content-col .division-page > section:first-child,
.inner-content-col .division-page > section:first-child > .section-title-1,
.inner-content-col .division-page > section:first-child > h2,
.inner-content-col [class*="division"] > .section-title:first-child,
.inner-content-col [class*="division"] > h2:first-child,
.inner-content-col [class*="division"] > section:first-child,
.inner-content-col [class*="division"] > section:first-child > .section-title-1,
.inner-content-col [class*="division"] > section:first-child > h2 {
  margin-top: 0 !important;
}
/* Target the very first h2/h3 after all the wrapper divs in the content */
.inner-content-col #block-iihr-iihr-system-main h2:first-of-type,
.inner-content-col #block-iihr-iihr-system-main h3:first-of-type {
  margin-top: 0 !important;
}

.section-heading {
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  color: black !important;
}


.inner-ql-item,
.inner-ql-item .inner-ql-label,
.inner-ql-nav a,
.quick-link-card,
.footer-one-block .menu li a {
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
}

.col-menu,
.navbar-collapse.blue,
.inner-sidebar-heading-bar,
.staff-directory-table thead th,
.staff-directory-group-title {
  background-color: var(--iihr-green) !important;
}

.ticker-whatsnew-label,
.approval-badge,
.feedback-badge,
.read-more,
.readmore {
  background-color: var(--iihr-yellow) !important;
}

footer.site-footer,
.site-footer,
.site-footer .footer-main-area,
.site-footer .footer-bottom-bar,
footer.footer,
footer.footer-top {
  background-color: var(--iihr-footer) !important;
}

/* ════════════════════════════════════════════════════════════════
   STAFF PROFILE DETAIL PAGE  (node--staff-profile.html.twig)
   ════════════════════════════════════════════════════════════════ */

.staff-profile-detail {
  max-width: 100%;
  margin: 0 auto;
  padding: 12px 0 30px;
}

/* Breadcrumb + back row */
.sp-breadcrumb-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 8px;
}

.sp-breadcrumb {
  font-size: 13px;
  color: #666;
}

.sp-breadcrumb a {
  color: #16650a;
  text-decoration: none;
}

.sp-breadcrumb a:hover {
  text-decoration: underline;
}

.sp-bc-sep {
  margin: 0 5px;
  color: #aaa;
}

.sp-bc-current {
  color: #444;
  font-weight: 600;
}

.sp-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #16650a;
  color: #fff !important;
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s;
  margin-bottom: 15px;
}

.sp-back-btn:hover {
  background: #16650a; color: #ffdd00 !important;
}

/* ── Staff Profile Hero card ── */
/* Staff hero — two separate cards side by side */
.sp-hero {
  background: transparent;
  border-radius: 0;
  padding: 0;
  display: flex;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 24px;
  box-shadow: none;
  position: relative;
  overflow: visible;
}

.sp-hero::after { display: none; }

/* Card 1: Circle image */
.sp-hero-photo-wrap {
  flex: 0 0 200px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  align-self: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  background: #f5f5f5;
  padding: 0;
}

.sp-hero-photo {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  border: none;
  background: #f5f5f5;
  display: block;
}

.sp-hero-photo-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: #f0f7ed;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 58px;
  color: #145d01;
}

/* Card 2: Staff details */
.sp-hero-body {
  flex: 1;
  color: #333;
  min-width: 0;
  background: #CFF6C599;
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

.sp-hero-name {
  font-size: 24px;
  font-weight: 700;
  color: #145d01 !important;
  margin: 0 0 8px;
  line-height: 1.3;
  border-bottom: 0;
  padding-bottom: 0;
}

.sp-hero-designation {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0 0 4px;
}

.sp-hero-division {
  font-size: 13px;
  color: #666;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0e0e0;
}

/* Detail items — vertical list */
.sp-hero-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}

.sp-detail-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.sp-detail-icon {
  width: 32px;
  height: 32px;
  background: #f0f7ed;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #145d01;
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 2px;
}

.sp-detail-text {
  min-width: 0;
}

.sp-detail-label {
  display: block;
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 2px;
}

.sp-detail-val {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  line-height: 1.4;
  word-break: break-word;
}

.sp-detail-link {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #145d01 !important;
  text-decoration: none;
}

.sp-detail-link:hover {
  color: #0d3d01 !important;
  text-decoration: underline;
}

.sp-detail-update-soon {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #c9a227;
  font-style: italic;
}

/* Sections */
.sp-section {
  background: #fff;
  border: 1px solid #d8e5d7;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: none;
}

.sp-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 14px;
  justify-content: center;
  position: relative;
}

.sp-tab-btn {
  border: 1px solid #98bb8f;
  background: #fff;
  color: #16650a;
  border-radius: 4px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.sp-tab-btn.is-active {
  background: #16650a;
  color: #fff;
  border-color: #16650a;
}

/* Drag-and-drop reordering (admin only) */
.sp-tabs-sortable .sp-tab-btn {
  cursor: grab;
}

.sp-tabs-sortable .sp-tab-btn:active {
  cursor: grabbing;
}

.sp-drag-handle {
  font-size: 11px;
  opacity: 0.5;
  margin-right: 4px;
}

.sp-tab-btn.sp-drag-active {
  opacity: 0.4;
  transform: scale(0.95);
}

.sp-tab-btn.sp-drag-over {
  border-color: #d4a017 !important;
  box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.4);
}

.sp-order-saved-msg {
  position: absolute;
  right: 0;
  top: -28px;
  background: #16650a;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  animation: spFadeIn 0.3s ease;
}

@keyframes spFadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.sp-tab-panels {
  margin-bottom: 12px;
}

.sp-tab-panel {
  display: none;
}

.sp-tab-panel.is-active {
  display: block;
}

.sp-section-body {
  padding: 16px 20px;
  font-size: 14px;
  line-height: 1.7;
  color: #333;
}

.sp-section-body p {
  margin-bottom: 8px;
}

.sp-section-body ul,
.sp-section-body ol {
  padding-left: 18px;
}

.sp-section-body li {
  margin-bottom: 4px;
}

/* Staff profile tables — scrollable on mobile */
@media (max-width: 767px) {
  .sp-section-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sp-section-body table {
    min-width: 500px;
    width: max-content;
  }
}

.sp-panel-empty {
  color: #6a7369;
  font-style: italic;
}

.sp-update-soon-msg {
  color: #c9a227;
  font-style: italic;
  font-size: 24px;
  padding: 16px 0;
  text-align: center;
}

/* Staff profile back button */
.sp-back-wrap {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
}
.sp-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #115100;
  color: #fff !important;
  padding: 8px 20px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s;
}
.sp-back-btn:hover {
  background: #1c6b2a;
}

/* About tab biography styling */
.sp-about-body h3,
.sp-about-body h4 {
  color: #16650a;
  font-size: 15px;
  font-weight: 700;
  margin: 16px 0 8px;
  padding-bottom: 4px;
  border-bottom: 2px solid #e8f5e9;
}

.sp-about-body h3:first-child,
.sp-about-body h4:first-child {
  margin-top: 0;
}

.sp-about-body ul {
  padding-left: 18px;
  margin-bottom: 10px;
}

.sp-about-body li {
  margin-bottom: 5px;
  line-height: 1.55;
}

.sp-about-body strong {
  color: #16650a;
}

.sp-about-body p {
  margin-bottom: 10px;
  line-height: 1.65;
}

/* Empty notice */
.sp-empty-notice {
  background: #f8fff8;
  border: 1px dashed #a5d6a7;
  border-radius: 6px;
  padding: 24px;
  text-align: center;
  color: #555;
  font-size: 14px;
}

.sp-empty-notice .fa {
  color: #81c784;
  margin-right: 6px;
  font-size: 18px;
}

/* Responsive hero */
@media (max-width: 767px) {
  .sp-hero {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
  }

  .sp-hero-photo-wrap {
    flex: none;
    width: 160px;
    height: 160px;
  }

  .sp-hero-body {
    padding: 18px 16px;
  }

  .sp-hero-name {
    font-size: 20px;
  }

  .sp-hero-details {
    align-items: left;
  }

  .sp-detail-item {
    flex: 1 1 100%;
    text-align: left;
  }

  .sp-tabs {
    gap: 8px;
  }

  .sp-tab-btn {
    font-size: 11px;
    padding: 6px 10px;
  }
}

/* ════════════════════════════════════════════════════════════════
   PAST DIRECTORS — hover overlay + Know More modal
   ════════════════════════════════════════════════════════════════ */

.past-directors-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  padding: 20px 0;
}

.past-director-card {
  position: relative;
  width: 180px;
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
  text-align: center;
  transition: box-shadow 0.2s, transform 0.2s;
  cursor: pointer;
}

.past-director-card:hover {
  box-shadow: 0 6px 20px rgba(28, 107, 42, 0.2);
  transform: translateY(-3px);
}

/* Uniform image area — fixed 200px × full width, no exceptions */
.past-director-card .pd-card-img-wrap {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #e8f0e8;
  display: block;
  flex-shrink: 0;
}

.past-director-card img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  flex-shrink: 0;
}

.past-director-card h4 {
  font-size: 13px;
  font-weight: 700;
  color: #16650a;
  margin: 10px 8px 4px;
  line-height: 1.3;
}

.past-director-card p {
  font-size: 12px;
  color: #666;
  margin: 0 8px 12px;
}

/* Hover overlay */
.past-director-card .pd-overlay {
  position: absolute;
  inset: 0;
  background: rgba(28, 107, 42, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}

.past-director-card:hover .pd-overlay {
  opacity: 1;
  pointer-events: auto;
}

.pd-know-more-btn {
  display: inline-block;
  background: #fff;
  color: #16650a !important;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: background 0.2s, color 0.2s;
}

.pd-know-more-btn:hover {
  background: #ffd54f;
  color: #16650a !important;
}

/* Modal overlay */
#pd-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9990;
  align-items: center;
  justify-content: center;
}

#pd-modal-overlay.active {
  display: flex;
}

#pd-modal-box {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);
  max-width: 380px;
  width: 90%;
  overflow: hidden;
  position: relative;
  animation: pdModalIn 0.22s ease;
}

@keyframes pdModalIn {
  from {
    opacity: 0;
    transform: scale(0.92);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

#pd-modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: none;
  border: none;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  line-height: 1;
}

#pd-modal-img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  background: #e8f5e9;
}

.pd-modal-header {
  background: linear-gradient(90deg, #16650a 0%, #16650a 100%);
  padding: 16px 20px;
}

.pd-modal-header h3 {
  color: #fff;
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
}

.pd-modal-header p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  margin: 0;
}

.pd-modal-body {
  padding: 16px 20px;
  font-size: 14px;
  color: #444;
  line-height: 1.6;
}

.pd-modal-details {
  background: #f5faf5;
  border: 1px solid #d4e8d4;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 12px;
  color: #2b2b2b;
  font-size: 13px;
  line-height: 1.6;
}

.pd-modal-body .pd-detail-row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.pd-modal-body .pd-detail-label {
  font-weight: 700;
  color: #16650a;
  min-width: 80px;
}

.pd-modal-actions {
  margin-top: 12px;
}

.pd-profile-btn {
  display: inline-block;
  background: #16650a;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 5px;
  text-decoration: none !important;
}

.pd-profile-btn:hover {
  background: #CB9404;
  color: #000 !important;
}

@media (max-width: 767px) {
  .past-directors-grid {
    gap: 14px;
  }

  .past-director-card {
    width: 140px;
  }

  .past-director-card img {
    height: 148px !important;
  }

  .past-director-card .pd-card-img-wrap {
    height: 148px;
  }

  #pd-modal-img {
    height: 200px;
  }
}

/* My Profile link in footer for staff users */
.footer-my-profile-bar {
  text-align: center;
  padding: 8px 0;
  background: rgba(0,0,0,0.15);
}
.footer-my-profile-link {
  color: #d4a017 !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: color 0.2s;
}
.footer-my-profile-link:hover {
  color: #fff !important;
}
.footer-my-profile-link i {
  margin-right: 4px;
}

/* Edit My Profile button on staff profile page */
.sp-edit-profile-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 50;
  background: rgba(22,101,10,.9);
  color: #fff !important;
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  transition: background .2s, transform .15s;
}
.sp-edit-profile-btn:hover {
  background: rgba(22,101,10,1);
  transform: scale(1.05);
  color: #fff !important;
}
.staff-profile-detail {
  position: relative;
}

/* Edit button on director cards — same style as home page edit icons */
.dd-card-edit-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 50;
  width: 28px;
  height: 28px;
  background: rgba(22,101,10,.85);
  color: #fff !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-decoration: none !important;
  backdrop-filter: blur(4px);
  transition: background .15s, transform .15s, opacity .2s;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  opacity: 0;
}
.past-director-card:hover .dd-card-edit-btn {
  opacity: 1;
}
.dd-card-edit-btn:hover {
  background: rgba(22,101,10,1);
  transform: scale(1.12);
}

/* ════════════════════════════════════════════════════════════════
   PAST DIRECTORS — card badge + updated modal layout
   ════════════════════════════════════════════════════════════════ */

/* Card info area */
.pd-card-info {
  padding: 8px 10px 12px;
}

.pd-card-info h4 {
  font-size: 12px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 4px;
  line-height: 1.3;
}

.pd-card-info h4 .fa {
  color: #c89c2f;
  margin-right: 4px;
}

.pd-card-info p {
  font-size: 11px;
  color: #666;
  margin: 0;
}

.pd-card-info p .fa {
  color: #c89c2f;
  margin-right: 4px;
}

/* Founder Director ribbon badge on card */
.pd-card-badge {
  position: absolute;
  top: 8px;
  left: 0;
  background: #c89c2f;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px 3px 8px;
  border-radius: 0 12px 12px 0;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Modal — top section with round photo + header side-by-side */
.pd-modal-top {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: linear-gradient(90deg, #16650a 0%, #16650a 100%);
  padding: 20px 20px 16px;
}

.pd-modal-photo-wrap img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #c89c2f;
  box-shadow: 0 3px 12px rgba(0,0,0,0.3);
  flex-shrink: 0;
  display: block;
}

/* When modal uses the new pd-modal-top layout, hide the old full-width img */
.pd-modal-top ~ #pd-modal-img,
.pd-modal-top + #pd-modal-img {
  display: none;
}

.pd-modal-header {
  flex: 1;
  min-width: 0;
  padding: 0;
  background: transparent;
}

.pd-modal-badge {
  display: inline-block;
  background: #c89c2f;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}

.pd-modal-header h3 {
  color: #fff;
  margin: 0 0 4px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}

.pd-modal-header h3 .fa {
  margin-right: 6px;
  opacity: 0.85;
}

.pd-modal-header p {
  color: rgba(255,255,255,0.85);
  font-size: 13px;
  margin: 0;
}

.pd-modal-header p .fa {
  margin-right: 5px;
  opacity: 0.8;
}

/* Override old full-width pd-modal-img style — now it's the round photo inside pd-modal-photo-wrap */
#pd-modal-img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3px solid #c89c2f !important;
  box-shadow: 0 3px 12px rgba(0,0,0,0.3) !important;
  display: block !important;
  background: #e8f5e9 !important;
}

/* ════════════════════════════════════════════════════════════════
   DIRECTORS DESK PAGE (node 5049) — dd-* styles
   ════════════════════════════════════════════════════════════════ */

.dd-current-director-wrap {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  background: #f5faf5;
  border: 1px solid #cce5cc;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 28px;
}

.dd-current-photo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.dd-current-photo {
  width: 130px;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
  border: 3px solid #c89c2f;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  display: block;
}

.dd-current-name-block {
  text-align: center;
}

.dd-current-name {
  font-size: 13px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 2px;
}

.dd-current-title {
  font-size: 12px;
  color: #555;
  margin: 0 0 2px;
}

.dd-current-since {
  font-size: 11px;
  color: #888;
  margin: 0;
}

.dd-message-body {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}
/* Override any inline font-family/font-size set by CKEditor in body content */
.dd-message-body *,
.dd-message-body span,
.dd-message-body p {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.dd-message-body p {
  font-size: 15px !important;
  margin-bottom: 10px;
}

.dd-section {
  margin-top: 28px;
}

.dd-section-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #16650a;
  border-bottom: 2px solid #c89c2f;
  padding-bottom: 8px;
  margin-bottom: 16px;
      background: #16650a;
    border-radius: 10px;
}

.dd-section-heading .fa {
  color: #c89c2f;
  font-size: 38px;
  margin-left: 2%;
}

.dd-table-wrap {
  overflow-x: auto;
}

.dd-directors-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.dd-directors-table th {
  background: #16650a;
  color: #fff;
  padding: 10px 14px;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
}

.dd-directors-table th .fa {
  margin-right: 6px;
  opacity: 0.85;
}

.dd-directors-table td {
  padding: 9px 14px;
  border-bottom: 1px solid #e0ede0;
  color: #333;
  vertical-align: top;
}

.dd-directors-table tbody tr:nth-child(even) td {
  background: #f5faf5;
}

.dd-directors-table tbody tr:hover td {
  background: #e8f5e9;
}

.dd-directors-table a {
  color: #16650a;
  font-weight: 600;
  text-decoration: none;
}

.dd-directors-table a:hover {
  color: #c89c2f;
  text-decoration: underline;
}

.dd-officiating-table th {
  background: #5a3e00;
}

.dd-view-all-wrap {
  margin-top: 14px;
  text-align: right;
}

.dd-view-all-btn {
  display: inline-block;
  background: #16650a;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 5px;
  text-decoration: none !important;
  transition: background 0.2s;
}

.dd-view-all-btn:hover {
  background: #c89c2f;
  color: #000 !important;
}

.dd-view-all-btn .fa {
  margin-right: 6px;
}

@media (max-width: 767px) {
  .dd-current-director-wrap {
    flex-direction: column;
    align-items: center;
  }

  .dd-current-photo-wrap {
    width: 100%;
  }

  .dd-message-body {
    font-size: 13px;
  }

  .dd-section-heading {
    font-size: 15px;
  }

  .dd-directors-table th,
  .dd-directors-table td {
    padding: 7px 10px;
    font-size: 13px;
  }
}

/* =====================================================
   FRONT PAGE FINAL OVERRIDES — homepage alignment fixes
   ===================================================== */
@media (min-width: 992px) {

  .home-three-col-section>.home-quick-links-col,
  .home-three-col-section>.home-news-col,
  .home-three-col-section>.home-events-col,
  .home-three-col-section>.home-director-col {
    height: var(--home-col-box-height, 430px) !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .home-three-col-section>.home-quick-links-col>.ql-nav-list {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .home-three-col-section>.home-quick-links-col>.ql-nav-list>.ql-nav-item {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    align-items: center;
  }

  .home-three-col-section>.home-news-col>.news-announ-list,
  .home-three-col-section>.home-events-col>.uev-unified-list {
    flex: 1 1 auto;
    overflow-y: auto;
  }

  /* View All — keep same as desktop */
}

.path-frontpage .mainbg,
.front .mainbg {
  padding-bottom: 0 !important;
}

.path-frontpage .partners-row,
.front .partners-row {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-frontpage footer.site-footer,
.front footer.site-footer {
  margin-top: 0 !important;
}

/* Extra vertical spacing between homepage sections */
.path-frontpage .spotlight-section,
.front .spotlight-section {
  margin-bottom: 48px !important;
}

.path-frontpage .research-highlight-wrapper,
.front .research-highlight-wrapper {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
}

.path-frontpage .partners-row,
.front .partners-row {
  margin-top: 6px !important;
}

/* =====================================================
   NON-FRONT GAP + INNER QUICK LINKS (home-like)
   ===================================================== */

/* Remove white space between partner logos and footer on inner pages */
.mainbg.not-front-content {
  padding-bottom: 0 !important;
}

.mainbg.not-front-content .partners-row {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.mainbg.not-front-content+footer.site-footer {
  margin-top: 0 !important;
}

/* Inner-page Quick Links header same look as home quick-links heading */
.inner-sidebar-quicklinks .inner-sidebar-heading-bar {
  background: #fff !important;
  border-bottom: 0;
  padding: 0 0 9px;
}

.inner-sidebar-quicklinks .inner-sidebar-heading {
  color: #1e1e1e !important;
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  position: relative;
  padding-bottom: 6px;
}

.inner-sidebar-quicklinks .inner-sidebar-heading::after {
  display: none;
}

/* Inner-page Quick Links items same style language as home */
.inner-sidebar-quicklinks .inner-ql-nav {
  border: 0;
  border-radius: 0;
  background: #fff;
  overflow: visible;
}

.inner-sidebar-quicklinks .inner-ql-item {
  padding: 11px 12px;
  border-bottom: 1px solid #ececec;
  gap: 12px;
}

.inner-sidebar-quicklinks .inner-ql-item:last-child {
  border-bottom: none;
}

.inner-sidebar-quicklinks .inner-ql-icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #16650a;
}

.inner-sidebar-quicklinks .inner-ql-label {
  font-size: 15px;
  font-weight: 600;
  color: #2d2d2d;
}

.inner-sidebar-quicklinks .inner-ql-arrow {
  margin-left: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #c89300;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

/* Remove outer box for Quick Links & External Link widgets only */
.inner-sidebar-widget.inner-sidebar-quicklinks {
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* Breadcrumb below hero banner (not inside hero) */
.page-inline-breadcrumb {
  margin: 12px 0 18px;
}

.page-inline-breadcrumb .breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  font-size: 12px;
}

.page-inline-breadcrumb .breadcrumb>li+li::before {
  content: '›';
  color: #9aa0a6;
  padding: 0 5px;
}

.page-inline-breadcrumb .breadcrumb li a {
  color: #666;
  text-decoration: none;
}

.page-inline-breadcrumb .breadcrumb li:first-child a::before {
  content: '\f015';
  font-family: FontAwesome;
  margin-right: 6px;
  color: #777;
}

.page-inline-breadcrumb .breadcrumb li a:hover {
  color: #16650a;
}

.page-inline-breadcrumb .breadcrumb li.active,
.page-inline-breadcrumb .breadcrumb li.active span {
  color: #d49a00;
  font-weight: 500;
}

/* Mobile only: hide sidebar widgets and show center content full width */
@media (max-width: 767px) {
  .mainbg.not-front-content .inner-sidebar-col {
    display: none !important;
  }

  .mainbg.not-front-content .inner-page-layout {
    display: block !important;
    margin-top: 14px;
  }

  .mainbg.not-front-content .inner-content-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .inner-content-col iframe {
    max-width: 100% !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   SIDEBAR RELATED LINKS — single authoritative ruleset (all pages)
   ══════════════════════════════════════════════════════════════════ */

/* Outer card */
.inner-sidebar-widget.inner-sidebar-quicklinks {
  border: 1.5px solid #d6e8d6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.07) !important;
  overflow: visible !important;
  padding: 16px 14px 12px !important;
}

/* Heading */
.inner-sidebar-quicklinks .home-section-heading {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 14px !important;
  display: block !important;
  position: static !important;
}
.inner-sidebar-quicklinks .home-section-heading::before,
.inner-sidebar-quicklinks .home-section-heading::after {
  display: none !important;
}

/* Title text */
.inner-sidebar-quicklinks .home-section-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  display: block !important;
  padding-bottom: 12px !important;
  margin: 0 !important;
  position: relative !important;
  border: none !important;
  border-image: none !important;
  background: none !important;
}
/* Short dark green line */
.inner-sidebar-quicklinks .home-section-title::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 34px !important;
  height: 3px !important;
  background: #16650a !important;
  border-radius: 2px !important;
}
/* Longer light green line — with a 4px gap after the green line */
.inner-sidebar-quicklinks .home-section-title::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 38px !important;
  width: 72px !important;
  height: 3px !important;
  background: #b8d4ba !important;
  border-radius: 2px !important;
}

/* List: no border, just stacked items with gaps */
.inner-sidebar-quicklinks .ql-nav-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Each item — individual rounded card */
.inner-sidebar-quicklinks .ql-nav-item.ql-nav-icon-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 10px !important;
  border: 1px solid #e4ede4 !important;
  border-radius: 8px !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: box-shadow 0.15s, border-color 0.15s !important;
}
.inner-sidebar-quicklinks .ql-nav-item.ql-nav-icon-item:last-child {
  border-bottom: 1px solid #e4ede4 !important;
}
.inner-sidebar-quicklinks .ql-nav-item.ql-nav-icon-item:hover {
  border-color: #16650a !important;
  box-shadow: 0 2px 8px rgba(28,107,42,.10) !important;
  background: #f6fbf6 !important;
}

/* Icon: dark-green rounded square 40×40 */
.inner-sidebar-quicklinks .ql-icon-circle {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 8px !important;
  background: #16650a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 16px !important;
  color: #fff !important;
  margin: 0 !important;
}

/* Label */
.inner-sidebar-quicklinks .ql-nav-item.ql-nav-icon-item .ql-label {
  flex: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: black !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}


/* Arrow: gold circle */
.inner-sidebar-quicklinks .ql-nav-item.ql-nav-icon-item .ql-arrow {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 50% !important;
  background: #c89300 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════
   SIDEBAR BREADCRUMB — plain inline trail, no outer card box
   ══════════════════════════════════════════════════════════════════ */

.sidebar-breadcrumb-widget {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-bottom: 10px !important;
  padding: 4px 0 !important;
}

/* Remove the green gradient top bar */
.sidebar-breadcrumb-widget::before {
  display: none !important;
}

/* List: horizontal inline trail, no padding/indent */
.sidebar-breadcrumb-list {
  padding: 0 !important;
  margin: 0 !important;
}

/* Active (current page) item — no link, muted text */
.sidebar-breadcrumb-item.is-active a {
  color: #888 !important;
  font-weight: 400 !important;
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* Remove truncation from breadcrumb items — show full text, allow wrapping */
.sidebar-breadcrumb-item a,
.sidebar-breadcrumb-item span,
.sidebar-breadcrumb-item.is-active span {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  display: inline !important;
}

/* ══════════════════════════════════════════════════════════════════
   PARTNER LOGOS — all pages now full-width (viewport-relative)
   Inner page partners-row moved outside Bootstrap container,
   so same calc(20vw) sizing applies everywhere.
   ══════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {

  .partners-row .partner-link {
    width: calc(16vw - 24px) !important;
    padding-right: 20px !important;
    height: 72px !important;
  }

  .partners-row img {
    max-width: calc(16vw - 36px) !important;
    max-height: 60px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   RESEARCH CIRCLE TITLE — fix off-center shift (remove margin-left:-35%)
   ══════════════════════════════════════════════════════════════════ */

.research-circle-title {
  margin-left: 0 !important;
  align-self: center !important;
  width: 100% !important;
  max-width: 190px !important;
  text-align: center !important;
}

/* ══════════════════════════════════════════════════════════════════
   FRONT PAGE SECTION SPACING — white-space between major sections
   ══════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* Three-column main section */
  .home-three-col-section {
    margin-bottom: 32px !important;
  }

  /* Spotlight cards section */
  .spotlight-section {
    margin-bottom: 32px !important;
  }

  /* Videos / documentary section */
  .home-documentary-section,
  .home-video-section,
  .doc-video-section {
    margin-bottom: 32px !important;
  }

  /* Resources links panel */
  .home-resources-wrap {
    margin-bottom: 32px !important;
  }

  /* 5 green icon-button row */
  .home-icon-btn-row {
    margin-bottom: 32px !important;
  }

  /* Home blocks (Varieties / Technologies cards) */
  .home-blocks-section,
  .home-block-row {
    margin-bottom: 32px !important;
  }

  /* Research highlights + circles gold bar */
  .research-highlight-wrapper {
    margin-bottom: 32px !important;
  }
}

/* Research circle title — final centering fix: auto margins same as circle icon */
.research-circle-title {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 140px !important;
  align-self: unset !important;
}

/* Research circle title — replace webkit-box display with block so margin:auto works for all items */
.research-circle-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: 4.6em !important;
  width: 190px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: unset !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
}

/* Fix circles 2-4: override the margin-left:0 that was left-aligning them */
.research-circle-item+.research-circle-item .research-circle-icon {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =============================================
   Mandate Section — New 2x2 grid design
   ============================================= */
.mandate-new-card {
  background: #CFF6C599;
  border-radius: 12px;
  padding: 32px 28px;
  margin-top: 16px;
}

.mandate-new-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 32px;
}

.mandate-new-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.mandate-new-item {
  text-align: center;
}

.mandate-new-circle {
  width: 64px;
  height: 64px;
  background: #16650a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.mandate-new-circle .fa {
  color: #ffffff;
  font-size: 26px;
}

/* Auto-add icons when circle is empty (contains only  ) */
.mandate-new-circle::after {
  font-family: 'FontAwesome';
  font-size: 26px;
  color: #fff;
  line-height: 1;
}
.mandate-new-item:nth-child(1) .mandate-new-circle::after { content: '\f0e8'; } /* sitemap - research/org */
.mandate-new-item:nth-child(2) .mandate-new-circle::after { content: '\f1bb'; } /* tree - germplasm */
.mandate-new-item:nth-child(3) .mandate-new-circle::after { content: '\f19d'; } /* graduation-cap - training */
.mandate-new-item:nth-child(4) .mandate-new-circle::after { content: '\f0c0'; } /* users - extension */
.mandate-new-item:nth-child(5) .mandate-new-circle::after { content: '\f06c'; } /* leaf - crops */
.mandate-new-item:nth-child(6) .mandate-new-circle::after { content: '\f0b1'; } /* briefcase - services */

/* If circle has a real .fa icon, hide the pseudo-element */
.mandate-new-circle:has(.fa)::after { display: none; }

.mandate-new-item p {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin: 0;
}

.mandate-four-col {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991px) {
  .mandate-four-col {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {

  .mandate-new-grid,
  .mandate-new-grid-3,
  .mandate-four-col {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 992px) {
  .research-highlight-right {
    position: relative;
    padding-top: 44px;
  }

  .research-highlight-right .research-title-arrows {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .research-highlight-wrapper .rh-nav-btn {
    top: 0;
    left: auto;
    right: auto;
    transform: none !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0 !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12) !important;
    background: #fff !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0;
    padding: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
  }

  .research-highlight-wrapper .rh-nav-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    color: #c89300;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
  }

  .research-highlight-wrapper .rh-prev::before {
    content: '\2039';
  }

  .research-highlight-wrapper .rh-next::before {
    content: '\203A';
  }

  .research-highlight-wrapper .rh-nav-btn:hover {
    background: #fafafa !important;
  }

  .research-highlight-wrapper .rh-nav-btn:focus,
  .research-highlight-wrapper .rh-nav-btn:active {
    outline: none !important;
    box-shadow: none !important;
  }

  .research-highlight-wrapper .rh-prev {
    left: auto;
  }

  .research-highlight-wrapper .rh-next {
    left: auto;
  }

  .home-three-col-section .home-section-title::before {
    width: 30px !important;
    height: 3px !important;
    margin-top: 8px;
  }

  .home-three-col-section .home-section-title::after {
    padding: 10px 12px !important;
    gap: 8px !important;
    height: 3px !important;
    justify-content: flex-start;
  }
}

.footer-bottom-bar {
  padding-top: 24px;
}

.site-footer .footer-col p,
.site-footer .footer-col,
.site-footer .footer-col .footer-map-link,
.site-footer .footer-col .footer-phone,
.site-footer .footer-col .footer-email {
  line-height: 2.2 !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  color: white !important;
}


@media (min-width: 992px) {
  .partners-row .partner-link {
    box-sizing: border-box !important;
    width: 20vw !important;
    height: 90px !important;
    padding-right: 12px !important;
  }

  .partners-row img {
    max-width: 92% !important;
    max-height: 82px !important;
  }
}

.site-footer .footer-social-icons {
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  gap: 3px !important;
}

.site-footer .footer-feedback-btn {
  margin-top: 6px !important;
  margin-bottom: 14px !important;
}

.site-footer .footer-bottom-bar :where(p, div, li):has(> .footer-feedback-btn)::after {
  margin-top: 14px !important;
}

/* Home page header — same background image as other pages */
@media (min-width: 768px) {
  body.front .site-white-header {
    padding: 6px 0 !important;
    border-bottom: 1px solid #d8d8d8 !important;
    box-shadow: none !important;
  }

  body.front .site-white-header::before {
    display: none !important;
  }

  body.front .site-header-inner {
    min-height: 58px !important;
    gap: 12px !important;
  }

  body.front .site-header-search {
    width: 290px !important;
  }
}

/* Final UI tuning: top strip, search, ticker speed, director card */
.gov-ministry-bar {
  background: #FAFAFA !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* container to stack English/Hindi text vertically */
.gov-ministry-text-wrap {
  display: flex;
  flex-direction: column;
}

/* allow wrapping for each line, override earlier nowrap */
.gov-ministry-text-wrap .gov-ministry-text {
  white-space: normal;
}

/* Text must be dark on the light #FAFAFA background */
.gov-ministry-bar .gov-ministry-text,
.gov-ministry-bar .gov-ministry-inner .gov-ministry-text {
  color: white !important;
}

.gov-lang-select {
  background: #efefef !important;
}

.ticker-items-scroll {
  animation-duration: 50s !important;
}

@media (min-width: 768px) {
  body.front .site-header-search {
    width: 290px !important;
  }
  .gov-ministry-bar .gov-ministry-text,
.gov-ministry-bar .gov-ministry-inner .gov-ministry-text {
  color: black !important;
}
}

.director-desk-compact {
  background: #ffffff !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.director-desk-compact .director-desk-inner {
  padding: 10px 12px !important;
  align-items: center !important;
}

.director-desk-compact .director-desk-label {
  font-size: 14px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #111 !important;
  margin-bottom: 3px !important;
}

.director-desk-compact .director-desk-photo,
.director-desk-compact .director-desk-photo-placeholder {
  width: 56px !important;
  height: 56px !important;
  border: 1px solid #d8d8d8 !important;
}

.director-desk-compact .director-desk-name {
  font-size: 12px !important;
  color: #666 !important;
  font-weight: 400 !important;
}

.director-desk-compact .director-desk-desig {
  font-size: 11px !important;
  color: #666 !important;
}

.director-desk-compact .director-read-now-btn {
  display: none !important;
}

/* Mobile parity: Research Programmes behaves like desktop slider (2 visible + arrows) */
@media (max-width: 767px) {
  .gov-ministry-bar {
    display: block !important;
    position: relative !important;
    z-index: 1002 !important;
    background: #fafafa !important;
  }

  .gov-ministry-bar .gov-ministry-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .site-white-header {
    display: block !important;
    position: relative !important;
    z-index: 1001 !important;
    padding: 8px 0 !important;
  }

  .site-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .site-name-block {
    display: block !important;
  }

  .gov-ministry-text {
    display: inline !important;
    color: var(--iihr-green) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  .site-name-regional {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 0 0 2px !important;
    font-weight:bold !important;
  }

  .navbar-header .navbar-approval-icon,
  .navbar-header .navbar-feedback-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .news-ticker-bar {
    display: block !important;
    overflow: hidden !important;
  }

  .news-ticker-bar .ticker-inner {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 8px !important;
    flex-wrap: nowrap !important;
  }

  .news-ticker-bar .ticker-whatsnew-label {
    flex: 0 0 auto !important;
    background: var(--gold);
    color: white;
    height: 40px;
    width: 200px;
  }

  .news-ticker-bar .ticker-items-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .ticker-items-scroll {
    animation-duration: 70s !important;
  }

  .research-highlight-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
    overflow: hidden !important;
  }

  .research-highlight-center {
    background: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 8px !important;
    min-height: auto !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .research-circle-container {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    overflow: hidden !important;
  }

  .research-circle-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    transition: transform 0.45s ease !important;
  }

  .research-circle-item {
    flex: 0 0 33.33% !important;
    width: 33.33% !important;
    max-width: 33.33% !important;
    min-width: 33.33% !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .research-circle-icon,
  .research-circle-item+.research-circle-item .research-circle-icon {
    margin: 0 auto !important;
    width: 90px !important;
    height: 90px !important;
    border: 2px solid #145d01 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f5f5f5 !important;
  }

  .research-circle-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 50% !important;
  }

  .research-circle-title {
    color: #333 !important;
    font-size: 10px !important;
    width: auto !important;
    max-width: 100px !important;
    margin: 6px auto 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .research-highlight-right {
    text-align: center !important;
    min-width: auto !important;
    padding: 10px 16px 14px !important;
    background: #145d01 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    border-radius: 25px;
  }

  .research-highlight-right h3 {
    color: #fff !important;
    font-size: 15px !important;
    margin: 0 !important;
  }

  .research-highlight-right .home-view-all {
    color: #ffd54f !important;
    font-size: 12px !important;
  }

  .research-highlight-right .view-all-link {
    color: #ffd54f !important;
    border-color: #ffd54f !important;
  }

  .research-highlight-wrapper .rh-nav-btn {
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid #c89300 !important;
    color: #c89300 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  .research-highlight-wrapper .rh-nav-btn::before {
    color: #c89300 !important;
    font-size: 22px !important;
  }

  .research-highlight-wrapper .rh-nav-btn .glyphicon {
    color: #c89300 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  #skip-link,
  .skip-link {
    display: none !important;
  }

  .site-name-regional {
    display: block !important;
  }

  .home-quick-links-col .home-section-heading,
  .home-news-col .home-section-heading,
  .home-events-col .home-section-heading {
    background: #fff !important;
    border-bottom: 3px solid #16650a !important;
    border-radius: 0 !important;
    padding: 8px 10px !important;
  }

  .home-quick-links-col .home-section-title,
  .home-news-col .home-section-title,
  .home-events-col .home-section-title {
    color: #000 !important;
  }

  /* View All buttons — keep same as desktop */

  .site-header-search {
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    padding: 0 !important;
  }
}

body.front .site-name-regional-hindi {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin: 0 0 3px !important;
}

@media (min-width: 992px) {
  body.front .home-three-col-section .home-section-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: white !important;
    border-bottom: 0 !important;
    padding: 8px 10px 12px !important;
    margin-bottom: 10px !important;
  }

  body.front .home-three-col-section .home-section-title {
    position: relative !important;
    display: inline-block !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 0 !important;
    padding: 0 0 10px 0 !important;
    white-space: nowrap !important;
  }

  body.front .home-three-col-section .home-section-title::before,
  body.front .home-three-col-section .home-section-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    height: 3px !important;
    border-radius: 2px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.front .home-three-col-section .home-section-title::before {
    left: 0 !important;
    width: 36px !important;
    background: #16650a !important;
  }

  body.front .home-three-col-section .home-section-title::after {
    left: 40px !important;
    width: 60px !important;
    background: #b8d4ba !important;
  }

  body.front .home-three-col-section .home-view-all {
    font-size: 14px !important;
    line-height: 1 !important;
  }
}


/* =============================================================================
   MEGA-MENU — Research & Education (click/hover, desktop only)
   Actual template structure (menu--main.html.twig):
     li.dropdown
       > a.research-menu-root | a.education-menu-root
       + div.dropdown-menu.mega-menu
           > div.mega-inner
               > div.menu-column
                   > a.menu-column-title      (column heading link)
                   > ul.dropdown-menu         (sub-items, recursive render_menu)
                       > li > a
   ============================================================================= */
@media (min-width: 992px) {

  /* Ensure top-level li has position:relative */
  .col-menu .navbar-nav > li.dropdown {
    position: relative;
  }

  /* Hide mega-menu by default — !important to beat Bootstrap .open > .dropdown-menu */
  .col-menu .navbar-nav > li.dropdown > a.research-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown > a.education-menu-root + .dropdown-menu.mega-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    background: #16650a !important;
    border: none !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28) !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 540px !important;
    width: max-content !important;
    max-width: 92vw !important;
    border-radius: 0 0 6px 6px !important;
  }

  /* Show on hover OR click (.iihr-open / Bootstrap .open) */
  .col-menu .navbar-nav > li.dropdown:hover > a.research-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown:focus-within > a.research-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown.iihr-open > a.research-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown.open > a.research-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown:hover > a.education-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown:focus-within > a.education-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown.iihr-open > a.education-menu-root + .dropdown-menu.mega-menu,
  .col-menu .navbar-nav > li.dropdown.open > a.education-menu-root + .dropdown-menu.mega-menu {
    display: block !important;
  }

  /* mega-inner: horizontal flex row */
  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Each column */
  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column {
    flex: 1 1 0 !important;
    min-width: 160px !important;
    padding: 18px 22px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-sizing: border-box !important;
  }

  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column:last-child {
    border-right: none !important;
  }

  /* Column heading link — gold */
  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column > a.menu-column-title {
    display: block !important;
    color: #ffdd00 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 2px solid #ffdd00 !important;
    margin-bottom: 10px !important;
    text-decoration: none !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
  }

  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column > a.menu-column-title:hover {
    color: #fff !important;
    border-bottom-color: #fff !important;
  }

  /* Sub-items list (the nested ul.dropdown-menu from render_menu()) */
  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column > ul.dropdown-menu {
    display: block !important;
    position: static !important;
    float: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  /* Sub-item links — white */
  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column > ul.dropdown-menu > li > a {
    display: block !important;
    color: #fff !important;
    padding: 7px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    white-space: normal !important;
  }

  /* Sub-item hover — gold */
  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column > ul.dropdown-menu > li > a:hover {
    color: #ffdd00 !important;
    background: transparent !important;
  }

  /* Sub-item li: no extra padding/margin */
  .col-menu .navbar-nav > li.dropdown > .dropdown-menu.mega-menu > .mega-inner > .menu-column > ul.dropdown-menu > li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

}

/* =============================================================================
   FOOTER SOCIAL ICONS — horizontal row with white FA icons on circular bg
   ============================================================================= */

/* Kill <br> tags that stack icons vertically */
.footer-social-icons br {
  display: none !important;
}

/* Row layout */
.footer-social-icons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 10px !important;
  align-items: center !important;
  margin: 10px 0 14px !important;
}

/* Circular icon buttons */
.footer-social-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 0 !important;
  text-decoration: none !important;
  transition: background 0.2s;
  overflow: visible !important;
  text-indent: 0 !important;
}

.footer-social-icons a:hover {
  background-color: #CB9404 !important;
}

/* Show the Font Awesome icon inside each anchor */
.footer-social-icons a .fa,
.footer-social-icons a i.fa {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
  color: var(--iihr-footer) !important;
  font-style: normal;
}

/* =============================================================================
   GIVE FEEDBACK BUTTON — card-style with comment icon
   ============================================================================= */

.footer-feedback-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background-color: #CB9404 !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 7px 14px !important;
  border-radius: 15px !important;
  text-decoration: none !important;
  white-space: nowrap;
  letter-spacing: 0.2px;
  margin-top: 6px !important;
  transition: background 0.2s;
}

.footer-feedback-btn:hover {
  background-color: #a87c03 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Prepend a comment/feedback icon using Font Awesome \f27a (fa-commenting) */
.footer-feedback-btn::before {
  font-family: 'FontAwesome', FontAwesome;
  content: "\f27a";
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════
   FOOTER SOCIAL ICONS — white circles, green FA icons
   ═══════════════════════════════════════════════════════ */

/* Reset all old styles */
.region-footer-top #block-menu-menu-social-links .menu,
.footer-social-icons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 !important;
  float: none !important;
}

.region-footer-top #block-menu-menu-social-links .menu li,
.footer-social-icons li {
  float: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* White circle */
.region-footer-top #block-menu-menu-social-links .menu li a,
.footer-social-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  background-image: none !important;
  color: #16650a !important;
  font-size: 0 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  overflow: visible !important;
  padding: 0 !important;
  transition: background 0.2s, color 0.2s !important;
}

.region-footer-top #block-menu-menu-social-links .menu li a:hover,
.footer-social-icons a:hover {
  background: #ffdd00 !important;
  color: #16650a !important;
}

/* Kill old ::before content */
.region-footer-top #block-menu-menu-social-links .menu li a::before,
.footer-social-icons a::before {
  content: none !important;
  display: none !important;
}

/* Show icon via ::after using FontAwesome */
.region-footer-top #block-menu-menu-social-links .menu li a::after,
.footer-social-icons a::after {
  font-family: FontAwesome !important;
  font-size: 17px !important;
  color: #16650a !important;
  display: inline-block !important;
  line-height: 1 !important;
}

/* Facebook */
.region-footer-top #block-menu-menu-social-links .menu li a[href*="facebook"]::after,
.footer-social-icons a[href*="facebook"]::after { content: "\f09a" !important; }

/* Instagram */
.region-footer-top #block-menu-menu-social-links .menu li a[href*="instagram"]::after,
.footer-social-icons a[href*="instagram"]::after { content: "\f16d" !important; }

/* Twitter / X */
.region-footer-top #block-menu-menu-social-links .menu li a[href*="twitter"]::after,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="x.com"]::after,
.footer-social-icons a[href*="twitter"]::after,
.footer-social-icons a[href*="x.com"]::after { content: "\f099" !important; }

/* LinkedIn */
.region-footer-top #block-menu-menu-social-links .menu li a[href*="linkedin"]::after,
.footer-social-icons a[href*="linkedin"]::after { content: none !important; }

/* YouTube */
.region-footer-top #block-menu-menu-social-links .menu li a[href*="youtube"]::after,
.footer-social-icons a[href*="youtube"]::after { content: none !important; }

/* Hide any img tags inside social links */
.region-footer-top #block-menu-menu-social-links .menu li a img,
.footer-social-icons a img { display: none !important; }

/* Hide any .fa <i> tags — we use ::after instead */
.region-footer-top #block-menu-menu-social-links .menu li a .fa,
.region-footer-top #block-menu-menu-social-links .menu li a i,
.footer-social-icons a .fa,
.footer-social-icons a i { display: none !important; }

/* ── Override PNG background-image rules (higher specificity needed) ── */
.region-footer-top #block-menu-menu-social-links .menu li a[href*="facebook"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="twitter"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="x.com"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="youtube"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="linkedin"],
.region-footer-top #block-menu-menu-social-links .menu li a[href*="instagram"],
.region-footer-top #block-menu-menu-social-links .menu li a.facebook,
.region-footer-top #block-menu-menu-social-links .menu li a.twitter,
.region-footer-top #block-menu-menu-social-links .menu li a.youtube,
.region-footer-top #block-menu-menu-social-links .menu li a.linkedin {
  background-image: none !important;
  background-color: #fff !important;
  background: #fff !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 50% !important;
  overflow: visible !important;
  color: #16650a !important;
}

.region-footer-top #block-menu-menu-social-links .menu li a[href*="facebook"]:hover,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="twitter"]:hover,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="x.com"]:hover,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="youtube"]:hover,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="linkedin"]:hover,
.region-footer-top #block-menu-menu-social-links .menu li a[href*="instagram"]:hover,
.region-footer-top #block-menu-menu-social-links .menu li a.facebook:hover,
.region-footer-top #block-menu-menu-social-links .menu li a.twitter:hover,
.region-footer-top #block-menu-menu-social-links .menu li a.linkedin:hover {
  background: #ffdd00 !important;
  background-image: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   FOOTER SOCIAL — final override: white circle + green FA icon
   ═══════════════════════════════════════════════════════════════ */

/* White circle for ALL social link anchors */
.region-footer-top #block-menu-menu-social-links .menu li a.fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 50% !important;
  background: #fff !important;
  background-image: none !important;
  color: #16650a !important;
  font-size: 0 !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: background 0.2s !important;
  float: none !important;
}

/* Green icon via ::before (FontAwesome already sets content from class) */
.region-footer-top #block-menu-menu-social-links .menu li a.fa::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: #16650a !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  line-height: 1 !important;
  content: unset;
}

/* Let FA class set the correct icon content */
.region-footer-top #block-menu-menu-social-links .menu li a.fa-facebook::before { content: "\f09a" !important; }
.region-footer-top #block-menu-menu-social-links .menu li a.fa-instagram::before { content: "\f16d" !important; }
.region-footer-top #block-menu-menu-social-links .menu li a.fa-twitter::before { content: "\f099" !important; }
.region-footer-top #block-menu-menu-social-links .menu li a.fa-linkedin::before { content: "\f0e1" !important; }
.region-footer-top #block-menu-menu-social-links .menu li a.fa-youtube::before { content: "\f167" !important; }

/* Kill ::after so it doesn't double-render */
.region-footer-top #block-menu-menu-social-links .menu li a.fa::after {
  content: none !important;
  display: none !important;
}

/* Hover: gold circle, green icon stays */
.region-footer-top #block-menu-menu-social-links .menu li a.fa:hover {
  background: #ffdd00 !important;
  background-image: none !important;
}

.region-footer-top #block-menu-menu-social-links .menu li a.fa:hover::before {
  color: darkgreen !important;
}

/* ═══════════════════════════════════════════════════════════════════
   BOX STRUCTURE — Quick Links / News / Events (Home + Inner pages)
   ═══════════════════════════════════════════════════════════════════ */

/* ── Home page: section columns as white cards ── */
.home-three-col-section .home-quick-links-col,
.home-three-col-section .home-news-col,
.home-three-col-section .home-events-col,
.home-three-col-section .home-director-col {
  background: #fff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 10px !important;
  padding: 18px 16px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

/* ── Section heading: bold title + green underline ── */
.home-three-col-section .home-section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 2px solid #16650a !important;
}

.home-three-col-section .home-section-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.home-three-col-section .home-section-title::after {
  display: none !important;
}

/* View All in three-col — keep same as desktop */

/* ── Remove inner bordered box (section col IS the card now) ── */
.home-three-col-section .ql-nav-list,
.home-three-col-section .news-announ-list,
.home-three-col-section .uev-unified-list {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* ── Quick Links: each item as a row card ── */
.home-three-col-section .ql-nav-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #ececec !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: box-shadow 0.2s, border-color 0.2s !important;
}

.home-three-col-section .ql-nav-item:last-child {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #ececec !important;
}

.home-three-col-section .ql-nav-item:hover {
  border-color: #16650a !important;
  box-shadow: 0 2px 8px rgba(20,93,1,0.1) !important;
}

/* Green square icon */
.home-three-col-section .ql-icon-circle {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 8px !important;
  background: #16650a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 18px !important;
}

.home-three-col-section .ql-icon-circle i {
  color: #fff !important;
  font-size: 18px !important;
}

/* Label */
.home-three-col-section .ql-label {
  flex: 1 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2d2d2d !important;
}

/* Gold circle arrow */
.home-three-col-section .ql-arrow {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 50% !important;
  background: #DAA520 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-left: auto !important;
}

/* ── News items ── */
.home-three-col-section .news-announ-item {
  display: flex !important;
  gap: 8px !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  align-items: flex-start !important;
}

.home-three-col-section .news-announ-item:last-child {
  border-bottom: none !important;
}

/* ── Events: date box ── */
.home-three-col-section .uev-list-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-left: none !important;
}

.home-three-col-section .uev-list-item:last-child {
  border-bottom: none !important;
}

.home-three-col-section .uev-date-box {
  min-width: 54px !important;
  max-width: 54px !important;
  background: #f0f9f0 !important;
  border-radius: 6px !important;
  padding: 6px 4px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  color: #16650a !important;
}

.home-three-col-section .uev-mon {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #16650a !important;
  text-transform: uppercase !important;
}

.home-three-col-section .uev-day {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #16650a !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

/* ══════════════════════════════════════════════════════
   INNER PAGES SIDEBAR — Quick Links & External Links
   ══════════════════════════════════════════════════════ */

.inner-sidebar-widget {
  background: #fff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 18px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

.inner-sidebar-heading-bar {
  background: #16650a !important;
  padding: 10px 16px !important;
  border-radius: 0 !important;
}

.inner-sidebar-heading {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.inner-ql-nav {
  display: flex !important;
  flex-direction: column !important;
  padding: 8px !important;
  gap: 6px !important;
  background: #fff !important;
}

/* Each item as a row card */
.inner-ql-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  border: 1px solid #ececec !important;
  border-radius: 7px !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  color: #2d2d2d !important;
}

.inner-ql-item:hover {
  border-color: #16650a !important;
  box-shadow: 0 2px 6px rgba(20,93,1,0.1) !important;
  text-decoration: none !important;
}

/* Green square icon */
.inner-ql-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 6px !important;
  background: #16650a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.inner-ql-icon i {
  color: #fff !important;
  font-size: 15px !important;
}

/* Label */
.inner-ql-label {
  flex: 1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2d2d2d !important;
  line-height: 1.3 !important;
}

/* Gold circle arrow */
.inner-ql-arrow {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 50% !important;
  background: #DAA520 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-left: auto !important;
}

/* Kill old pseudo-element separators */
.inner-ql-item::after,
.inner-ql-item::before {
  display: none !important;
}


/* Research carousel: 3 items visible at a time on desktop */
@media (min-width: 768px) {
  .research-circle-item {
    flex: 0 0 33.333% !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    min-width: 33.333% !important;
  }
}

/* ── Staff profile: rich content items (awards / publications / projects) ── */
.sp-item-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sp-content-item {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

.sp-item-title {
  margin: 0;
  padding: 0.65rem 1rem;
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  font-size: 1rem;
  font-weight: 600;
}

.sp-item-title a {
  color: #1a5276;
  text-decoration: none;
}

.sp-item-title a:hover {
  text-decoration: underline;
}

.sp-item-body {
  padding: 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
}

.sp-item-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0.5rem auto;
  border-radius: 4px;
}

.sp-content-item--link {
  padding: 0.65rem 1rem;
}

.sp-content-item--link a {
  color: #1a5276;
}

/* ── Photo Gallery card-grid ── */
.pg-filter {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  padding: 0.75rem 1rem;
  background: #f5f5f5;
  border-radius: 6px;
}

.pg-filter label {
  font-weight: 600;
  margin: 0;
}

.pg-cat-select {
  padding: 0.4rem 0.6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.95rem;
  min-width: 180px;
}

.pg-apply-btn {
  padding: 0.4rem 1rem;
  background: #1a5276;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: background 0.2s;
}

.pg-apply-btn:hover {
  background: #154360;
}

.pg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}

.pg-card {
  margin: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s;
}

.pg-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

.pg-card-link {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #eee;
}

.pg-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.pg-card:hover .pg-card-img {
  transform: scale(1.04);
}

.pg-card-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: #bbb;
  background: #f0f0f0;
}

.pg-card-caption {
  padding: 0.65rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  flex: 1;
}

.pg-card-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #222;
  margin: 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pg-card-category {
  font-size: 0.78rem;
  color: #666;
  background: #f0f4f8;
  border-radius: 3px;
  padding: 0.15rem 0.4rem;
  align-self: flex-start;
}

.pg-view-all {
  display: inline-block;
  margin-top: auto;
  padding-top: 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1a5276;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pg-view-all:hover {
  text-decoration: underline;
}

.pg-empty {
  grid-column: 1 / -1;
  text-align: center;
  color: #666;
  padding: 2rem;
}

.pg-pager {
  margin-top: 1.5rem;
  text-align: center;
}

@media (max-width: 600px) {
  .pg-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}

/* =============================================================================
   SMALL DESKTOP — home 4-col row compact adjustments (992px – 1300px)
   ============================================================================= */
@media (min-width: 992px) and (max-width: 1300px) {

  /* Reduce card height */
  :root { --home-col-box-height: 370px !important; }

  .home-three-col-section > .home-quick-links-col,
  .home-three-col-section > .home-news-col,
  .home-three-col-section > .home-events-col,
  .home-three-col-section > .home-director-col {
    height: 370px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Smaller section title so "View All" never overflows */
  .home-three-col-section .home-section-title {
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Keep "View All" fully visible */
  .home-three-col-section .home-view-all {
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Tighter heading padding */
  .home-quick-links-col .home-section-heading,
  .home-news-col .home-section-heading,
  .home-events-col .home-section-heading,
  .home-director-col .home-section-heading {
    padding: 5px 8px !important;
    margin-bottom: 8px !important;
  }

  /* Director: smaller photo and name */
  .home-director-col .director-desk-photo {
    width: 62px !important;
    height: 62px !important;
  }

  .home-director-col .director-desk-name {
    font-size: 15px !important;
  }

  .director-desk-label a.director-heading-link {
    font-size: 11px !important;
  }

  /* Director excerpt: smaller font, constrained height */
  .director-desk-excerpt {
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-height: calc(1.6em * 9) !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
  }

  /* ── Navbar: prevent text wrapping at small desktop widths ── */
  .col-menu .navbar-collapse ul.menu.nav.navbar-nav > li > a {
    font-size: 14px !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
  }

  .col-menu .navbar-collapse ul.menu.nav.navbar-nav > li.first > a {
    padding: 0 12px !important;
  }
}

/* ════════════════════════════════════════════════════════════════
   AWARDS & RECOGNITION PAGE — aw-* styles
   ════════════════════════════════════════════════════════════════ */

/* Section heading */
.aw-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: linear-gradient(135deg, #16650a 0%, #16650a 100%);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 20px;
  color: #fff;
  flex-wrap: wrap;
}

.aw-add-btn {
  margin-left: auto;
  align-self: center;
  background: transparent;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  transition: background 0.2s;
}

.aw-add-btn:hover {
  background: #a07820;
  color: #fff !important;
}

.aw-section-heading .fa {
  font-size: 20px;
  color: #ffd54f;
  flex-shrink: 0;
  margin-top: 2px;
}

.aw-section-heading h2 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  color: #fff ! important;
}

.aw-section-sub {
  margin: 0;
  font-size: 13px;
  color: rgba(255,255,255,0.82);
}

/* Stats strip */
.aw-stats-strip {
  display: flex;
  gap: 12px;
  margin-bottom: 22px;
}

.aw-stat-item {
  flex: 1;
  background: #f5faf5;
  border: 1px solid #cce5cc;
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
}

.aw-stat-num {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #16650a;
  line-height: 1.2;
}

.aw-stat-num .fa {
  font-size: 22px;
  color: #c89c2f;
}

.aw-stat-label {
  display: block;
  font-size: 11px;
  color: #666;
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* Awards grid */
.aw-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}

/* Award card */
.aw-card {
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(28,107,42,0.07);
  transition: transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
}

.aw-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(28,107,42,0.16);
}

/* Card image */
.aw-card-img-wrap {
  position: relative;
  background: #e8f5e9;
  height: 180px;
  overflow: hidden;
}

.aw-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}

.aw-card:hover .aw-card-img {
  transform: scale(1.04);
}

.aw-card-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
}

.aw-card-img-placeholder .fa {
  font-size: 48px;
  color: #a5d6a7;
}

/* Year badge */
.aw-year-badge {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: #c89c2f;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 10px;
  letter-spacing: 0.3px;
}

/* Card body */
.aw-card-body {
  padding: 14px 14px 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.aw-card-title {
  font-size: 13px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 8px;
  line-height: 1.4;
}

.aw-card-title a {
  color: inherit;
  text-decoration: none;
}

.aw-card-title a:hover {
  color: #16650a;
  text-decoration: underline;
}

.aw-card-excerpt {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  margin: 0 0 10px;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.aw-card-footer {
  border-top: 1px solid #e8f0e8;
  padding-top: 8px;
  margin-top: auto;
}

.aw-read-more {
  font-size: 12px;
  font-weight: 700;
  color: #16650a;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: color 0.2s;
}

.aw-read-more .fa {
  font-size: 14px;
}

.aw-read-more:hover {
  color: #c89c2f;
  text-decoration: none;
}

/* Empty state */
.aw-empty {
  text-align: center;
  padding: 48px 20px;
  color: #888;
}

.aw-empty .fa {
  font-size: 48px;
  color: #c8e6c9;
  display: block;
  margin-bottom: 12px;
}

/* Responsive */
@media (max-width: 767px) {
  .aw-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
  }

  .aw-stats-strip {
    flex-wrap: wrap;
  }

  .aw-stat-item {
    min-width: 80px;
  }

  .aw-section-heading {
    padding: 14px 16px;
    gap: 12px;
  }

  .aw-section-heading h2 {
    font-size: 18px;
  }

  .aw-card-img-wrap {
    height: 140px;
  }
}

/* ════════════════════════════════════════════════════════════════
   RESEARCH PROGRAMS PAGE — rp-* styles
   ════════════════════════════════════════════════════════════════ */

/* Section heading */
.rp-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: linear-gradient(135deg, #16650a 0%, #16650a 100%);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 18px;
  color: #fff;
}

.rp-heading-icon {
  width: 52px;
  height: 52px;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rp-heading-icon .fa {
  font-size: 22px;
  color: #ffd54f;
}

.rp-section-heading h2 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.rp-heading-sub {
  margin: 0;
  font-size: 13px;
  color: rgba(255,255,255,0.8);
}

/* Stats strip */
.rp-stats-strip {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.rp-stat-item {
  flex: 1;
  min-width: 90px;
  background: #f5faf5;
  border: 1px solid #cce5cc;
  border-radius: 8px;
  padding: 10px 8px;
  text-align: center;
}

.rp-stat-num {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #16650a;
  line-height: 1.2;
}

.rp-stat-num .fa {
  font-size: 20px;
  color: #c89c2f;
}

.rp-stat-label {
  display: block;
  font-size: 10px;
  color: #666;
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* Hide the View exposed filters on the Research Programs listing page */
#views-exposed-form-research-programs-list-page-1 {
  display: none !important;
}

/* Instant filter bar */
.rp-instant-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
  padding: 12px 16px;
  background: #f7fbf6;
  border: 1px solid #d8eadc;
  border-radius: 8px;
}
.rp-filter-input {
  flex: 1 1 200px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 13px;
  min-width: 180px;
}
.rp-filter-input:focus {
  border-color: #1c6b2a;
  outline: none;
  box-shadow: 0 0 0 2px rgba(28,107,42,0.15);
}
.rp-filter-select {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 13px;
  background: #fff;
  min-width: 140px;
}
.rp-filter-count {
  font-size: 12px;
  color: #666;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .rp-instant-filter { flex-direction: column; }
  .rp-filter-input, .rp-filter-select { width: 100%; }
  .rp-filter-input {
    height: 40px !important;
    min-height: unset !important;
    max-height: 40px !important;
  }
}

/* Research programs grid */
.rp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}

/* Views exposed filter — single-row layout (all search pages) */
form.views-exposed-form {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100%;
}

/* Label + input pair: flex row, label fixed width, input fills rest */
form.views-exposed-form .form-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto;
  margin: 0 !important;
  min-width: 0;
      padding: 15px;
}

form.views-exposed-form .form-item label {
  font-weight: 700;
  color: #16650a;
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0;
}

/* Input: fixed comfortable width, not 100% */
form.views-exposed-form .form-item input[type="text"],
form.views-exposed-form .form-item input[type="search"] {
  width: 250% !important;
  max-width: 250%;
  border: 2px solid #cce5cc;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 14px;
  box-sizing: border-box;
  flex-shrink: 1;
}

form.views-exposed-form .form-item input:focus {
  border-color: #16650a;
  outline: none;
  box-shadow: 0 0 0 3px rgba(28,107,42,0.12);
}

/* Actions: inline, no extra padding */
form.views-exposed-form .form-actions {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 0 !important;
  margin: 0 !important;
}

form.views-exposed-form .form-submit {
  background:#16650a;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

@media (max-width: 767px) {
  form.views-exposed-form .form-actions {
    text-align: center;
    width: 100%;
  }
}

form.views-exposed-form .form-submit:hover {
  background: #c89c2f;
}

@media (max-width: 600px) {
  form.views-exposed-form {
    flex-wrap: wrap !important;
  }
  form.views-exposed-form .form-item input[type="text"],
  form.views-exposed-form .form-item input[type="search"] {
    width: 100% !important;
  }
}

.views-exposed-form .btn-reset {
  background: #f5f5f5;
  color: #444;
  border: 1px solid #ddd;
  padding: 8px 14px;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
}

/* Program card */
.rp-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 10px;
  padding: 14px 12px;
  text-decoration: none !important;
  color: inherit;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  overflow: hidden;
}

.rp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(28,107,42,0.13);
  border-color: #16650a;
  text-decoration: none !important;
}

.rp-card-icon {
  width: 38px;
  height: 38px;
  background: linear-gradient(135deg, #16650a, #16650a);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.rp-card-icon .fa {
  font-size: 16px;
  color: #ffd54f;
}

.rp-card-content {
  flex: 1;
  min-width: 0;
  padding-right: 10px;
}

.rp-card-title {
  font-size: 13px;
  font-weight: 600;
  color: #16650a;
  margin: 0 0 5px;
  line-height: 1.4;
}

.rp-card:hover .rp-card-title {
  color: #16650a;
}

.rp-card-excerpt {
  font-size: 11.5px;
  color: #777;
  margin: 0;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.rp-card-arrow {
  color: #aaa;
  font-size: 18px;
  align-self: center;
  flex-shrink: 0;
  transition: color 0.2s, transform 0.2s;
}

.rp-card:hover .rp-card-arrow {
  color: #16650a;
  transform: translateX(3px);
}

/* Status badge */
.rp-status-badge {
  position: absolute;
  top: 8px;
  right: 30px;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.rp-status-ongoing {
  background: #e8f5e9;
  color: #16650a;
  border: 1px solid #a5d6a7;
}

.rp-status-new {
  background: #fff8e1;
  color: #c89c2f;
  border: 1px solid #ffe082;
}

.rp-status-completed {
  background: #f3e5f5;
  color: #7b1fa2;
  border: 1px solid #ce93d8;
}

/* ── Global Pager — square buttons, green active, consistent across all pages ── */
.pager {
  margin: 30px 0 !important;
  text-align: center !important;
}
.pager__items {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.pager__item > a,
.pager__item.is-active > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 4px 10px !important;
  border: 2px solid #145D01 !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  color: #145D01 !important;
  background: #fff !important;
  transition: background 0.15s, color 0.15s !important;
  transform: none !important;
  box-shadow: none !important;
}
.pager__item a span {
  display: inline !important;
  border: none !important;
  padding: 0 !important;
  min-width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
}
.pager__item.is-active > a {
  background: #145D01 !important;
  color: #fff !important;
  border-color: #145D01 !important;
}
.pager__item > a:hover {
  background: #145D01 !important;
  color: #fff !important;
  border-color: #145D01 !important;
  text-decoration: none !important;
  transform: none !important;
  box-shadow: none !important;
}
.pager__item--next a,
.pager__item--previous a,
.pager__item--first a,
.pager__item--last a {
  font-size: 13px !important;
  padding: 4px 14px !important;
}
.pager__item.is-active a:hover {
  background: #0d4201 !important;
}
.pager__item--ellipsis {
  display: inline-flex !important;
  align-items: center !important;
  border: none !important;
}
.pager__item--ellipsis span {
  border: none !important;
  background: transparent !important;
  min-width: auto !important;
}

@media (max-width: 767px) {
  .rp-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .rp-stats-strip {
    gap: 8px;
  }

  .rp-stat-item {
    min-width: 70px;
  }

  .rp-section-heading {
    padding: 14px 16px;
    gap: 12px;
  }

  .rp-section-heading h2 {
    font-size: 18px;
  }
}

/* ── Past Directors Modal — redesigned layout ── */
#pd-modal-box {
  max-width: 700px;
  width: 95%;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 12px;
  padding: 30px;
  background: #fff;
  position: relative;
}

.pd-modal-top {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}

.pd-modal-photo-wrap {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#pd-modal-img {
  width: 110px !important;
  height: 110px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3px solid #16650a !important;
  display: block;
  background: #f0f0f0;
}

.pd-modal-badge {
  margin-top: 8px;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 8px;
  background: #c89c2f;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.pd-modal-info-box {
  flex: 1;
  min-width: 0;
}

.pd-modal-info-box h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--gold);
  margin: 0 0 10px 0;
  line-height: 1.3;
}

.pd-modal-info-box h3 i,
#pd-modal-designation i,
#pd-modal-qualification i,
#pd-modal-born i,
#pd-modal-tenure i {
  color: #c89c2f;
  margin-right: 6px;
  width: 16px;
  text-align: center;
}

#pd-modal-designation,
#pd-modal-qualification,
#pd-modal-born,
#pd-modal-tenure {
  font-size: 13px;
  color: white !important;
  margin: 5px 0;
  line-height: 1.5;
}

.pd-modal-about {
  background: #f8fbf8;
  border-left: 4px solid #16650a;
  border-radius: 0 8px 8px 0;
  padding: 14px 18px;
  margin-bottom: 20px;
}

.pd-modal-about h4 {
  font-size: 14px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 8px 0;
}

.pd-modal-about h4 i {
  color: #c89c2f;
  margin-right: 6px;
}

#pd-modal-bio {
  font-size: 13px;
  color: #555;
  line-height: 1.7;
  margin: 0;
}

.pd-modal-actions {
  text-align: right;
}

.pd-profile-btn {
  display: inline-block;
  padding: 9px 20px;
  background: #16650a;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}

.pd-profile-btn:hover {
  background: #c89c2f;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 540px) {
  .pd-modal-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .pd-modal-info-box h3,
  #pd-modal-designation,
  #pd-modal-qualification,
  #pd-modal-born,
  #pd-modal-tenure {
    text-align: center;
  }

  #pd-modal-box {
    padding: 20px 16px;
  }
}

/* ── Create Content page (cc-*) ── */
.cc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 18px;
  margin-top: 20px;
}

.cc-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 10px;
  padding: 24px 16px 18px;
  text-decoration: none;
  color: #16650a;
  transition: box-shadow 0.2s, border-color 0.2s, transform 0.15s;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.cc-card:hover {
  box-shadow: 0 4px 16px rgba(28,107,42,0.15);
  border-color: #16650a;
  transform: translateY(-2px);
  text-decoration: none;
}

.cc-card-icon {
  font-size: 28px;
  color: #16650a;
  margin-bottom: 10px;
}

.cc-card-label {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  line-height: 1.3;
  margin-bottom: 4px;
}

.cc-card-sub {
  font-size: 11px;
  color: #888;
  font-weight: 400;
}

.cc-empty {
  text-align: center;
  padding: 40px 20px;
  color: #888;
}

.cc-empty i {
  font-size: 40px;
  margin-bottom: 12px;
  display: block;
  color: #ccc;
}

/* ── Navbar create-content icon (normal logged-in users) ── */
.navbar-create-icon {
  color: #fff !important;
  opacity: 0.85;
}

.navbar-create-icon:hover {
  opacity: 1;
  color: #c89c2f !important;
}

/* ── Navbar edit icon (admin / superadmin) ── */
.navbar-edit-icon {
  color: #fff !important;
  opacity: 0.85;
}

.navbar-edit-icon:hover {
  opacity: 1;
  color: #c89c2f !important;
}

/* ── Navbar menu edit icon (admin / superadmin) ── */
.navbar-menu-edit-icon {
  color: #fff !important;
  opacity: 0.85;
}

.navbar-menu-edit-icon:hover {
  opacity: 1;
  color: #c89c2f !important;
}

/* ── Footer edit button (admin / superadmin) ── */
.iihr-footer-edit-btn {
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 9990;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(28, 107, 42, 0.85);
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

.iihr-footer-edit-btn:hover {
  background: #c89c2f;
  color: #fff !important;
  transform: scale(1.1);
  text-decoration: none;
}

/* ── Floating edit button (admin / superadmin) ── */
.iihr-float-edit-btn {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 9990;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #16650a;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  text-decoration: none;
  transition: background 0.2s, transform 0.15s;
}

.iihr-float-edit-btn:hover {
  background: #c89c2f;
  color: #fff !important;
  transform: scale(1.1);
  text-decoration: none;
}

/* ── Past Director profile: About-only layout (no tabs) ── */
.sp-past-director-about {
  margin-top: 28px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.sp-past-director-about-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #16650a 0%, #16650a 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 22px;
  letter-spacing: 0.3px;
}

.sp-past-director-about-heading i {
  color: #c89c2f;
  font-size: 18px;
}

.sp-past-director-about-body {
  background: #fff;
  padding: 22px 26px;
  font-size: 14px;
  color: #444;
  line-height: 1.85;
}

.sp-past-director-about-body p {
  margin-bottom: 12px;
}

.sp-past-director-about-body h2,
.sp-past-director-about-body h3,
.sp-past-director-about-body h4 {
  color: #16650a;
  font-weight: 700;
  margin: 18px 0 8px;
}

@media (max-width: 767px) {
  .sp-past-director-about-body {
    padding: 16px;
  }
}

/* ── Past Directors page: section heading before officiating grid ── */
.pd-section-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(90deg, #16650a 0%, #16650a 100%);
  color: #fff;
  border-radius: 8px 8px 0 0;
  padding: 14px 22px;
  margin-top: 36px;
  margin-bottom: 20px;
}

.pd-section-heading i {
  color: #c89c2f;
  font-size: 20px;
}

.pd-section-heading h2 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  letter-spacing: 0.2px;
}

/* Officiating badge (amber instead of green) */
.pd-card-badge-off {
  background: #c89c2f !important;
  color: #fff !important;
}

/* Director badge (deep green) */
.pd-card-badge-dir {
  background: #16650a !important;
  color: #fff !important;
}

/* ── CAPTCHA image ── */
.iihr-captcha-img {
  display: block;
  width: 200px;
  height: 60px;
  border: 2px solid #c8d9c8;
  border-radius: 4px;
  cursor: pointer;
}

.iihr-captcha-input {
  max-width: 200px;
}

.iihr-my-feedbacks-btn-wrap {
  margin-top: 20px;
}

.iihr-my-feedbacks-btn {
  display: inline-block;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

/* ═══════════════════════════════════════════════════════
   EVENTS PAGE — section heading + event cards
═══════════════════════════════════════════════════════ */
.ev-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background:#16650a;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 20px;
  color: #fff;
  flex-wrap: wrap;
}

.ev-section-heading .fa {
  font-size: 36px;
  color: #ffd54f;
  flex-shrink: 0;
  margin-top: 2px;
}

.ev-section-heading h2 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  color: #fff !important;
}

.ev-section-sub {
  margin: 0;
  font-size: 13px;
  color: rgba(255,255,255,0.82);
}

/* Event list */
.ev-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ev-card {
  display: flex;
  align-items: flex-start;
  gap: 0;
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(28,107,42,0.06);
  transition: box-shadow 0.2s, transform 0.2s;
}

.ev-card:hover {
  box-shadow: 0 6px 18px rgba(28,107,42,0.14);
  transform: translateY(-2px);
}

.ev-card-date {
  flex-shrink: 0;
  width: 72px;
  background: #16650a;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  text-align: center;
}

.ev-date-day {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.ev-date-mon {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 3px;
  opacity: 0.9;
}

.ev-card-body {
  padding: 12px 16px;
  flex: 1;
}

.ev-card-title {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.ev-card-title a {
  color: #16650a;
  text-decoration: none;
}

.ev-card-title a:hover {
  color: #16650a;
  text-decoration: underline;
}

.ev-card-excerpt {
  font-size: 12px;
  color: #666;
  margin: 0 0 8px;
  line-height: 1.5;
}

.ev-read-more {
  font-size: 12px;
  color: #16650a;
  font-weight: 600;
  text-decoration: none;
}

.ev-read-more:hover {
  color: #c89c2f;
}

@media (max-width: 600px) {
  .ev-card-date {
    width: 58px;
    padding: 10px 6px;
  }
  .ev-date-day { font-size: 22px; }
  .ev-date-mon { font-size: 10px; }
}

/* ═══════════════════════════════════════════════════════
   EVENT FULL PAGE (inner / detail view)
═══════════════════════════════════════════════════════ */
.ev-full-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px 16px 40px;
}
.ev-full-title {
  font-size: 22px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 10px;
  line-height: 1.35;
}
.ev-full-divider {
  height: 3px;
  background: linear-gradient(90deg, #16650a 0%, #e8f0e8 100%);
  border-radius: 3px;
  margin-bottom: 22px;
}
.ev-full-back {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #e8f0e8;
}
.ev-back-btn {
  background: #16650a;
  color: #fff !important;
  padding: 9px 22px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s;
  white-space: nowrap;
}
.ev-back-btn:hover {background: #16650a; color: #ffdd00 !important; }
.ev-full-body {
  font-size: 15px;
  line-height: 1.75;
  color: #333;
}
.ev-full-body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 12px auto;
  display: block;
  box-shadow: 0 2px 16px rgba(0,0,0,.12);
}
.ev-full-body .ev-flyer-wrap {
  text-align: center;
  margin: 20px 0;
}
.ev-full-body .ev-dates-info {
  font-size: 15px;
}
.ev-full-links {
  margin-top: 24px;
}
@media (max-width: 600px) {
  .ev-full-title { font-size: 17px; }
}

/* ═══════════════════════════════════════════════════════
   NEWS PAGE — section heading + news cards
═══════════════════════════════════════════════════════ */
.news-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background:#16650a;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 16px;
  color: #fff;
  flex-wrap: wrap;
}
.news-section-heading .fa {
  font-size: 36px;
  color: #ffd54f;
  flex-shrink: 0;
  margin-top: 2px;
}
.news-section-heading h2 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  color: #fff !important;
}
.news-section-sub {
  margin: 0;
  font-size: 13px;
  color: rgba(255,255,255,0.82);
}

/* Views exposed form — date range row (From / To on one line) */
.views-exposed-form .views-exposed-widgets {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 20px;
}
/* Each widget (label + input pair) */
.views-exposed-form .views-widget,
.views-exposed-form .form-item {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  white-space: nowrap;
}
.views-exposed-form .form-item label,
.views-exposed-form .views-widget label {
  font-weight: 700;
  color: #16650a;
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
}
/* Date text inputs (jQuery UI datepicker) */
.views-exposed-form .news-datepicker-input,
.views-exposed-form input[name="date_min"],
.views-exposed-form input[name="date_max"] {
  border: 2px solid #cce5cc;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 14px;
  color: #333;
  background: #fff;
  width: 320px;
  cursor: pointer;
  outline: none;
}
.views-exposed-form .news-datepicker-input:focus,
.views-exposed-form input[name="date_min"]:focus,
.views-exposed-form input[name="date_max"]:focus {
  border-color: #16650a;
}
/* "Date" trigger button from jQuery UI datepicker */
.views-exposed-form .ui-datepicker-trigger {
  background: #16650a;
  color: #fff;
  border: 2px solid #16650a;
  border-left: none;
  border-radius: 0 6px 6px 0;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
  vertical-align: middle;
  line-height: normal;
}
.views-exposed-form .ui-datepicker-trigger:hover {
  background: #c89c2f;
  border-color: #c89c2f;
}
/* Submit button inline */
.views-exposed-form .form-actions,
.views-exposed-form .views-widget-submit {
  margin: 0;
}
.views-exposed-form .form-submit {
  background: #16650a;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 20px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s;
}
.views-exposed-form .form-submit:hover { background: #c89c2f; }

/* jQuery UI datepicker popup styling */
.ui-datepicker {
  background: #fff;
  border: 1px solid #cce5cc;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
  padding: 10px;
  font-size: 13px;
  z-index: 9999 !important;
}
.ui-datepicker-header {
  background: #16650a;
  color: #fff;
  border-radius: 6px;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-datepicker-title { font-weight: 700; font-size: 14px; }
.ui-datepicker-prev, .ui-datepicker-next {
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
  color: #fff;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: rgba(255,255,255,.2); }
.ui-datepicker table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.ui-datepicker th { color: #16650a; font-weight: 700; font-size: 12px; padding: 4px; text-align: center; }
.ui-datepicker td { text-align: center; padding: 2px; }
.ui-datepicker td a, .ui-datepicker td span {
  display: inline-block;
  width: 28px; height: 28px; line-height: 28px;
  border-radius: 50%;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}
.ui-datepicker td a:hover { background: #e8f5e9; color: #16650a; }
.ui-datepicker td.ui-datepicker-today a { background: #e8f5e9; color: #16650a; font-weight: 700; }
.ui-datepicker td.ui-state-active a,
.ui-datepicker .ui-state-highlight a {
  background: #16650a !important;
  color: #fff !important;
  border-radius: 50%;
}
.ui-datepicker-month, .ui-datepicker-year {
  background: rgba(255,255,255,.15);
  border: none;
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  padding: 2px 4px;
}

@media (max-width: 600px) {
  .views-exposed-form .views-exposed-widgets { flex-direction: column; align-items: flex-start; }
  .views-exposed-form .form-item { flex-wrap: wrap; }
}

/* Month filter bar */
.news-month-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.news-month-filter label {
  font-weight: 700;
  color: #16650a;
  font-size: 14px;
  white-space: nowrap;
}
.news-month-select {
  max-width: 180px;
  border: 2px solid #cce5cc;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 13px;
}

/* News grid */
.news-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  padding: 10px;
}

/* News card */
.news-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(28,107,42,0.07);
  transition: transform 0.2s, box-shadow 0.2s;
  height: 100%;
}
.news-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(28,107,42,0.15);
}
.news-card-img-wrap {
  height: 160px;
  overflow: hidden;
  background: #e8f5e9;
  flex-shrink: 0;
}
.news-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}
.news-card:hover .news-card-img {
  transform: scale(1.04);
}
.news-card-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
}
.news-card-img-placeholder .fa {
  font-size: 40px;
  color: #a5d6a7;
}
.news-card-body {
  padding: 12px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.news-card-date {
  font-size: 11px;
  color: #888;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.news-card-title {
  font-size: 13px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 8px;
  line-height: 1.4;
  flex: 1;
}
.news-card-title a {
  color: inherit;
  text-decoration: none;
}
.news-card-title a:hover {
  color: #16650a;
  text-decoration: underline;
}
.news-read-more {
  font-size: 12px;
  color: #16650a;
  font-weight: 600;
  text-decoration: none;
}
.news-read-more:hover { color: #c89c2f; }

@media (max-width: 767px) {
  .news-grid { grid-template-columns: 1fr; }
}

/* ── News Empty State Card ──────────────────────────────────── */
.news-empty-card {
  max-width: 480px;
  margin: 40px auto;
  background: #fff;
  border: 1px solid #d4e8d4;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(28,107,42,0.07);
  text-align: center;
  padding: 48px 32px 40px;
}
.news-empty-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-empty-icon .fa {
  font-size: 32px;
  color: #a5d6a7;
}
.news-empty-title {
  font-size: 16px;
  font-weight: 600;
  color: #555;
  margin: 0 0 8px;
}
.news-empty-hint {
  font-size: 14px;
  color: #888;
  margin: 0;
}
.news-empty-hint strong {
  color: #16650a;
}

/* ── News Inner Page (detail view) ──────────────────────────── */
.news-full-page { max-width: 860px; margin: 0 auto; padding: 20px 0 40px; }
.news-full-title { font-size: 22px; font-weight: 700; color: #1c3a1c; line-height: 1.4; margin-bottom: 8px; }
.news-full-divider { height: 3px; background: linear-gradient(90deg,#16650a,#c89c2f); border-radius: 2px; margin-bottom: 14px; }
.news-full-date { font-size: 13px; color: #666; margin-bottom: 18px; }
.news-full-date .fa { margin-right: 5px; color: #16650a; }
.news-full-featured-img { margin-bottom: 22px; text-align: center; }
.news-full-featured-img img { max-width: 100%; height: auto; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.12); }
.news-full-body { font-size: 15px; line-height: 1.75; color: #333; margin-bottom: 24px; }
.news-full-body img { max-width: 100%; height: auto; border-radius: 4px; margin: 10px 0; }
.news-full-links { margin-bottom: 20px; }

/* News inner page — sub-images gallery (event photos) */
.news-sub-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  margin: 20px 0 28px;
}
.news-sub-img-wrap img {
  width: 100%;
  height: 190px !important;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
@media (max-width: 600px) {
  .news-sub-images { grid-template-columns: 1fr 1fr; }
  .news-sub-img-wrap img { height: 130px; }
}

/* ══════════════════════════════════════════════════════════════════
   GLOBAL — All page paragraph text: Inter font 15px
   Overrides any inline font-family/font-size set by CKEditor.
   ══════════════════════════════════════════════════════════════════ */
.not-front-content p,
.not-front-content p span,
.not-front-content .field--type-text-with-summary p,
.not-front-content .field--type-text-with-summary p span,
.not-front-content .field-item p,
.not-front-content .field-item p span,

.not-front-content article p ,
.node__content p,
.node__content p span,
.ev-full-body p,
.ev-full-body p span,
.dd-message-body p,
.dd-message-body p span {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.not-front-content article p span {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
/* ══════════════════════════════════════════════════════════════════
   AWARDS — Inner / Detail page
   ══════════════════════════════════════════════════════════════════ */
.aw-detail-page {
  padding: 0;
}
.aw-detail-back {
  margin-bottom: 18px;
}
.aw-detail-hero {
  width: 100%;
  margin-bottom: 22px;
  background: #f4f9f4;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
}
.aw-detail-hero-img {
  max-width: 100%;
  max-height: 480px;
  width: auto;
  height: auto;
  display: inline-block;
  border-radius: 6px;
  box-shadow: 0 4px 18px rgba(28,107,42,0.12);
}
.aw-detail-body {
  font-size: 15px;
  line-height: 1.75;
  color: #2d2d2d;
}
.aw-detail-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 18px auto;
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10);
}
.aw-detail-body p {
  margin-bottom: 14px;
}

/* ══════════════════════════════════════════════════════════════════
   ANNUAL REPORTS — Grid page
   ══════════════════════════════════════════════════════════════════ */
.iihr-annual-reports-page {
  padding: 0;
}
.iihr-annual-reports-admin-bar {
  margin-bottom: 18px;
  text-align: right;
}
.iihr-annual-reports-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #16650a;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  text-decoration: none;
  transition: background 0.2s;
  font-weight: 500;
}
.iihr-annual-reports-add-btn:hover {color: #ffdd00 !important; }
.iihr-annual-reports-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 22px;
}
.iihr-annual-report-card {
  background: #fff;
  border: 1px solid #d6e8d6;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(28,107,42,0.08);
  transition: transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
}
.iihr-annual-report-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 22px rgba(28,107,42,0.16);
}
.iihr-annual-report-card a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.iihr-annual-report-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid #e4ede4;
}
.iihr-annual-report-no-cover {
  width: 100%;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8f5e9;
  font-size: 48px;
  color: #16650a;
  border-bottom: 1px solid #e4ede4;
}
.iihr-annual-report-card h4 {
  padding: 12px 14px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #16650a;
  line-height: 1.4;
  text-align: center;
  flex: 1;
  margin: 0;
}
.iihr-annual-report-card:hover h4 { color: #c89c2f; }
@media (max-width: 767px) {
  .iihr-annual-reports-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .iihr-annual-report-card img,
  .iihr-annual-report-no-cover { height: 180px; }
}
@media (max-width: 480px) {
  .iihr-annual-reports-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════════
   STAFF PROFILE — Section list with hover-preview names
   ══════════════════════════════════════════════════════════════════ */
.iihr-staff-order-btn-wrap {
  margin-bottom: 12px;
  text-align: right;
}
.iihr-staff-order-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  background: #16650a;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.15s;
}
.iihr-staff-order-btn:hover { background: #16650a; color: #ffdd00 !important; }

.iihr-staff-list-wrap {
  margin: 0;
  border: 1px solid #dde8dd;
  border-radius: 10px;
  overflow: visible;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.iihr-staff-panel {
  border-bottom: 1px solid #dde8dd;
}
.iihr-staff-panel:last-child { border-bottom: none; }
.iihr-staff-panel:nth-child(odd)  .iihr-staff-row { background: #f7faf7; }
.iihr-staff-panel:nth-child(even) .iihr-staff-row { background: #eef5ee; }

/* Section heading row */
.iihr-staff-panel-heading {
  margin: 0;
  padding: 0;
  position: relative;
}
.iihr-staff-row {
  display: flex;
  align-items: center;
  padding: 13px 18px;
  cursor: default;
  gap: 8px;
  transition: background 0.15s;
}
.iihr-staff-panel-heading:hover .iihr-staff-row {
  background: #d6ead6;
}
.iihr-staff-division-name {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #1a5c10;
}
.iihr-staff-count {
  font-size: 12px;
  font-weight: 400;
  color: #5a8a5a;
}
.iihr-staff-caret {
  font-size: 11px;
  color: #5a8a5a;
  transition: transform 0.2s;
}
/* Click-preview dropdown — shows staff grid below the heading on click */
.iihr-staff-hover-preview {
  display: none;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  z-index: 200;
  background: #fff;
  border: 1px solid #c4dcc4;
  border-top: 2px solid #3a8a2a;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  max-height: none;
  overflow-y: visible;
}
.iihr-staff-hover-preview.is-open {
  display: block;
}
.iihr-staff-hover-list {
  list-style: none;
  margin: 0;
  padding: 4px 0;
}
.iihr-staff-hover-list li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f0f6f0;
}
.iihr-staff-hover-list li:last-child { border-bottom: none; }
.iihr-staff-hover-list li a {
  display: block;
  padding: 8px 18px;
  font-size: 15px;
  color: #1a5c10;
  text-decoration: none;
  transition: background 0.12s;
  font-weight: 400;
}
.iihr-staff-hover-list li a:hover {
  background: #16650a;
  color: white !important
  ;
  padding-left: 24px;
}
@media (max-width: 600px) {
  .iihr-staff-row { padding: 11px 14px; font-size: 13px; }
}

/* ══════════════════════════════════════════════════════════════════
   STAFF DIVISION PAGE — photo card grid (/division-staff/{nid})
   ══════════════════════════════════════════════════════════════════ */
.iihr-staff-division-heading {
  font-size: 18px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 18px;
  padding-bottom: 8px;
  border-bottom: 2px solid #16650a;
}
.iihr-staff-empty {
  color: #666;
  font-style: italic;
  padding: 20px 0;
}
.iihr-staff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 18px;
  margin: 0 0 30px;
  padding: 10px;
}
.iihr-staff-card {
  background: #fff;
  border: 1px solid #d6e8d6;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(28,107,42,0.07);
  transition: box-shadow 0.2s, transform 0.2s;
}
.iihr-staff-card:hover {
  box-shadow: 0 6px 18px rgba(28,107,42,0.15);
  transform: translateY(-2px);
}
.iihr-staff-card-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.iihr-staff-photo-wrap {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #f0f7f0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iihr-staff-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  padding: 10px;
}
.iihr-staff-photo-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8f5ea;
  color: #aad0aa;
  font-size: 48px;
}
.iihr-staff-info {
  padding: 10px 12px 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.iihr-staff-name {
  font-size: 13px;
  font-weight: 600;
  color: #16650a;
  margin: 0;
  line-height: 1.3;
}
.iihr-staff-card:hover .iihr-staff-name { color: #0a3d06; }

/* ── Staff card edit pencil (admin only) ── */
.iihr-staff-card { position: relative; }
.iihr-staff-edit-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 20;
  background: rgba(28, 107, 42, 0.85);
  color: #fff !important;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-decoration: none !important;
  opacity: 0;
  transition: opacity 0.2s;
}
.iihr-staff-card:hover .iihr-staff-edit-btn {
  opacity: 1;
}
.iihr-staff-edit-btn:hover {
  background: rgba(28, 107, 42, 1);
}

.iihr-staff-designation {
  font-size: 11.5px;
  color: #555;
  margin: 0;
  line-height: 1.3;
}
@media (max-width: 600px) {
  .iihr-staff-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
}

/* Division staff — back button */
.iihr-division-staff-back-wrap {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid #d6e8d6;
}
.iihr-division-staff-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 20px;
  background: #16650a !important;
  border: 1px solid #b0d4b0;
  border-radius: 5px;
  color: #f0f7f0 !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
}
.iihr-division-staff-back-btn:hover {
  background: #16650a;
  border-color: #16650a;
  color: #c89300 !important;
}

/* ══════════════════════════════════════════════════════════════════
   AWARDS DETAIL PAGE — .award-detail-wrap
   ══════════════════════════════════════════════════════════════════ */
.award-detail-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 10px 0 40px;
}

.award-detail-meta-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.award-detail-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #16650a;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.award-detail-category {
  display: inline-block;
  background: #f0f7f0;
  color: #16650a;
  border: 1px solid #c8dfc8;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
}

.award-detail-title {
  font-size: 20px;
  font-weight: 700;
  color: #16650a;
  line-height: 1.4;
  margin: 0 0 14px;
}

.award-detail-divider {
  height: 3px;
  background: linear-gradient(90deg, #16650a 0%, #c8a228 60%, transparent 100%);
  border-radius: 2px;
  margin-bottom: 24px;
}

.award-detail-body {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}

.award-detail-body p {
  margin-bottom: 14px;
}

.award-detail-body strong {
  color: #16650a;
}

/* Image gallery inside award body */
.award-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  justify-content: center;
}

.award-detail-img,
.award-gallery img,
.award-detail-body img {
  width: 100%;
  height: 320px;
  border-radius: 8px;
  border: 2px solid #e0ede0;
  box-shadow: 0 4px 16px rgba(28,107,42,0.10);
  object-fit: contain;
  background: #f5f8f5;
  display: block;
}

.award-gallery .award-detail-img {
  flex: 1 1 280px;
  max-width: 380px;
  height: 320px;
}

.award-detail-back {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid #e8f0e8;
}

.award-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #16650a;
  color: #fff !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: 6px;
  transition: background 0.2s;
}

.award-back-btn:hover {
background: #16650a; color: #ffdd00 !important;
}

@media (max-width: 600px) {
  .award-detail-title { font-size: 17px; }
  .award-gallery { flex-direction: column; }
  .award-gallery .award-detail-img { max-width: 100%; flex: 1 1 100%; height: 260px; }
}

/* ══════════════════════════════════════════════════════════════════
   AWARDS LISTING — attractive grid + cards (.iihr-award-card)
   ══════════════════════════════════════════════════════════════════ */

.iihr-awards-admin-bar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.iihr-awards-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #16650a;
  color: #fff !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 6px;
  transition: background 0.2s;
}
.iihr-awards-add-btn:hover { background: #c8a228; }

/* 4-column grid */
.iihr-awards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Card */
.iihr-award-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(28,107,42,0.09);
  display: flex;
  flex-direction: column;
  transition: transform 0.22s, box-shadow 0.22s;
}
.iihr-award-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 28px rgba(28,107,42,0.16);
}

/* Image wrap */
.iihr-award-card__img-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  background: #e8f4ea;
}
.iihr-award-card__img {
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform 0.3s ease;
}
.iihr-award-card:hover .iihr-award-card__img {
  transform: scale(1.05);
}

/* Hover overlay */
.iihr-award-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(28,107,42,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s;
}
.iihr-award-card:hover .iihr-award-card__overlay { opacity: 1; }
.iihr-award-card__overlay-icon {
  color: #fff;
  font-size: 28px;
}

/* Placeholder icon */
.iihr-award-card__no-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #e8f4ea, #d0e8d0);
  color: #16650a;
  font-size: 48px;
  opacity: 0.5;
}

/* Card body */
.iihr-award-card__body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

/* Category badge */
.iihr-award-card__cat {
  display: inline-block;
  background: #eaf4eb;
  color: #16650a;
  border: 1px solid #c5ddc5;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  align-self: flex-start;
}

/* Title */
.iihr-award-card__title {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  color: #16650a;
  margin: 0;
  flex: 1;
}
.iihr-award-card__title a {
  color: inherit;
  text-decoration: none;
}
.iihr-award-card__title a:hover { color: #16650a; }

/* Bottom border accent */
.iihr-award-card__body::before {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg, #16650a, #c8a228);
  border-radius: 1px;
  margin-bottom: 2px;
}

/* Read More button */
.iihr-award-card__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #16650a;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border-top: 1px solid #e8f0e8;
  padding-top: 10px;
  margin-top: auto;
  transition: color 0.2s, gap 0.2s;
}
.iihr-award-card__btn:hover {
  color: #c8a228;
  gap: 10px;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 1100px) {
  .iihr-awards-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .iihr-awards-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}
@media (max-width: 480px) {
  .iihr-awards-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════════
   AWARDS LISTING — .awrd card (matches live iihr.res.in style)
   ══════════════════════════════════════════════════════════════════ */
.awrd {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 22px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.09);
  display: flex;
  flex-direction: column;
  height: calc(100% - 22px);
  transition: box-shadow 0.2s, transform 0.2s;
}
.awrd:hover {
  box-shadow: 0 4px 18px rgba(28,107,42,0.18);
  transform: translateY(-2px);
}

/* Award card image link wrapper */
.awrd-img-link {
  display: block;
  overflow: hidden;
  line-height: 0;
}

/* Award card image */
.awrd-img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid #eee;
}
.awrd-no-img {
  width: 100%;
  height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8f5e9;
  font-size: 44px;
  color: #16650a;
  border-bottom: 1px solid #eee;
}

/* Title + Read More area */
.awrd-title-l {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
}
.awrd-title-link {
  color: #333;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
  flex: 1;
}
.awrd-title-link:hover { color: #16650a; text-decoration: none; }

.awrd-read-more {
  display: inline-block;
  align-self: flex-start;
  background: #16650a;
  color: #fff !important;
  padding: 5px 14px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none !important;
  transition: background 0.2s;
  margin-top: auto;
}
.awrd-read-more:hover { background: #c89c2f; color: #fff !important; }

/* ── Awards inner / detail page ─────────────────────────── */
.node-awards .field-name-field-award-image {
  margin-bottom: 22px;
}
.node-awards .field-name-field-award-image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}
.node-awards .field-name-body {
  font-size: 15px;
  line-height: 1.75;
  color: #2d2d2d;
}
.node-awards .field-name-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px auto;
}

/* ════════════════════════════════════════════════════════════════
   COMING SOON / 404 PAGE
   ════════════════════════════════════════════════════════════════ */

.inner-content-col--fullwidth { padding-right: 15px !important; }

.iihr-cs-wrap {
  position: relative;
  min-height: 520px;
  background: linear-gradient(135deg, #16650a 0%, #0f3d14 55%, #1a5c28 100%);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 40px 50px;
  text-align: center;
  box-shadow: 0 8px 40px rgba(0,0,0,0.18);
  margin: 10px 0 30px;
}
.iihr-cs-circle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.08;
  background: #fff;
  animation: iihrCsFloat 8s ease-in-out infinite;
}
.iihr-cs-c1 { width: 280px; height: 280px; top: -80px; left: -60px; animation-delay: 0s; }
.iihr-cs-c2 { width: 200px; height: 200px; bottom: -50px; right: -40px; animation-delay: 3s; }
.iihr-cs-c3 { width: 130px; height: 130px; top: 40%; right: 8%; animation-delay: 5s; }
@keyframes iihrCsFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50%       { transform: translateY(-18px) scale(1.05); }
}

.iihr-cs-icon-wrap { position: relative; margin-bottom: 28px; }
.iihr-cs-gear-ring {
  width: 90px; height: 90px;
  border: 3px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto; position: relative;
  background: rgba(255,255,255,0.07); backdrop-filter: blur(4px);
}
.iihr-cs-gear .fa-cog { font-size: 40px; color: rgba(255,255,255,0.85); }
.iihr-cs-leaf {
  position: absolute; bottom: -6px; right: -6px;
  width: 32px; height: 32px;
  background: #c89c2f; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.iihr-cs-leaf .fa { font-size: 14px; color: #fff; }

.iihr-cs-content { position: relative; z-index: 2; max-width: 600px; }

.iihr-cs-badge {
  display: inline-block;
  background: rgba(200,156,47,0.25); border: 1px solid rgba(200,156,47,0.5);
  color: #f0d080; font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  padding: 4px 14px; border-radius: 20px; margin-bottom: 18px;
}
.iihr-cs-heading {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 52px !important; font-weight: 800 !important;
  color: #ffffff !important; letter-spacing: -1px;
  margin: 0 0 16px !important; line-height: 1.1;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.iihr-cs-sub {
  font-size: 15px !important; color: rgba(255,255,255,0.82) !important;
  line-height: 1.7; margin-bottom: 28px !important; font-weight: 300 !important;
}
.iihr-cs-progress-track {
  width: 100%; max-width: 360px; height: 5px;
  background: rgba(255,255,255,0.15); border-radius: 10px;
  margin: 0 auto 28px; overflow: hidden;
}
.iihr-cs-progress-bar {
  height: 100%; width: 0;
  background: linear-gradient(90deg, #c89c2f, #f0d080, #c89c2f);
  border-radius: 10px; animation: iihrCsProgress 3s ease-in-out forwards;
}
@keyframes iihrCsProgress { 0% { width: 0; } 100% { width: 72%; } }

.iihr-cs-pills { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 32px; }
.iihr-cs-pill {
  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.85); font-size: 12px; padding: 5px 14px;
  border-radius: 20px; display: inline-flex; align-items: center; gap: 6px;
}
.iihr-cs-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-bottom: 30px; }
.iihr-cs-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 28px; border-radius: 50px;
  font-size: 14px; font-weight: 600;
  text-decoration: none !important; transition: all 0.25s; cursor: pointer;
}
.iihr-cs-btn-primary {
  background: #c89c2f; color: #fff !important;
  box-shadow: 0 4px 18px rgba(200,156,47,0.4);
}
.iihr-cs-btn-primary:hover { background: #dba832; color: #fff !important; transform: translateY(-2px); box-shadow: 0 6px 24px rgba(200,156,47,0.55); }
.iihr-cs-btn-outline { background: transparent; border: 2px solid rgba(255,255,255,0.5); color: #fff !important; }
.iihr-cs-btn-outline:hover { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff !important; transform: translateY(-2px); }
.iihr-cs-institute {
  font-size: 12px !important; color: rgba(255,255,255,0.5) !important;
  margin: 0 !important; display: flex; align-items: center; justify-content: center; gap: 8px;
}
.iihr-cs-logo-sm { width: 28px; height: auto; opacity: 0.6; filter: brightness(10); }

/* Invalid URL Modal */
.iihr-cs-modal-overlay {
  position: fixed; inset: 0;
  background: rgba(10,30,12,0.72); backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center;
  z-index: 99999; opacity: 0; pointer-events: none;
  transition: opacity 0.3s ease; padding: 20px;
}
.iihr-cs-modal-overlay.iihr-cs-modal-visible { opacity: 1; pointer-events: all; }
.iihr-cs-modal {
  background: #fff; border-radius: 16px; padding: 40px 36px 32px;
  max-width: 440px; width: 100%; text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  animation: iihrModalIn 0.35s ease forwards;
}
@keyframes iihrModalIn {
  from { transform: translateY(30px) scale(0.95); opacity: 0; }
  to   { transform: translateY(0) scale(1);       opacity: 1; }
}
.iihr-cs-modal-icon {
  width: 72px; height: 72px;
  background: linear-gradient(135deg, #fff3cd, #ffeeba);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px; box-shadow: 0 4px 20px rgba(200,156,47,0.25);
}
.iihr-cs-modal-icon .fa { font-size: 30px; color: #c89c2f; }
.iihr-cs-modal-title { font-family: 'Inter', Arial, sans-serif; font-size: 22px !important; font-weight: 700 !important; color: #1c1c1c !important; margin: 0 0 12px !important; }
.iihr-cs-modal-body { font-size: 14px !important; color: #555 !important; line-height: 1.65 !important; margin-bottom: 28px !important; }
.iihr-cs-modal-url {
  display: inline-block; background: #f4f4f4; border: 1px solid #e0e0e0;
  border-radius: 6px; padding: 4px 10px; font-size: 12px; color: #888; word-break: break-all; max-width: 100%;
}
.iihr-cs-modal-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.iihr-cs-modal-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 11px 24px; border-radius: 50px;
  font-size: 14px; font-weight: 600;
  cursor: pointer; text-decoration: none !important; border: none; transition: all 0.2s;
}
.iihr-cs-modal-btn-home { background: #16650a; color: #fff !important; box-shadow: 0 3px 14px rgba(28,107,42,0.3); }
.iihr-cs-modal-btn-home:hover { background: #155421; color: #fff !important; transform: translateY(-2px); }
.iihr-cs-modal-btn-ok { background: #f5f5f5; color: #333 !important; border: 1px solid #ddd; }
.iihr-cs-modal-btn-ok:hover { background: #e8e8e8; transform: translateY(-2px); }
@media (max-width: 767px) {
  .iihr-cs-wrap { padding: 48px 20px 40px; min-height: 420px; }
  .iihr-cs-heading { font-size: 36px !important; }
  .iihr-cs-modal { padding: 30px 20px 24px; }
  .iihr-cs-modal-title { font-size: 18px !important; }
}

/* ════════════════════════════════════════════════════════════════
   RELATED LINKS — Accordion (+ toggle) styles
   ════════════════════════════════════════════════════════════════ */
/* Accordion item with children — visually matches .inner-ql-item */
.inner-ql-has-children {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  position: relative;
  border-bottom: none;
}
.inner-ql-has-children::after {
  content: '';
  position: absolute;
  left: 52px;
  right: 12px;
  bottom: 0;
  height: 1px;
  background: #d9e3d9;
}
.inner-ql-has-children:last-child::after { display: none; }

/* Parent link with + toggle — plain plus, no gold circle */
a.inner-ql-parent-link .inner-ql-arrow {
  background: none !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  border-radius: 0 !important;
  color: #16650a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-left: auto;
}
a.inner-ql-parent-link .inner-ql-plus-icon {
  color: #16650a !important;
}

.inner-ql-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 9px 14px 9px 6px;
  color: #16650a;
  font-size: 13px;
  line-height: 1;
  flex-shrink: 0;
  transition: transform 0.2s;
}
.inner-ql-toggle[aria-expanded="true"] .fa-plus {
  transform: rotate(45deg);
  display: inline-block;
}
.inner-ql-toggle .fa-plus { transition: transform 0.2s; }

.inner-ql-submenu {
  width: 100%;
  background: #f6faf6;
  border-top: 1px solid #d9e3d9;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  flex-basis: 100%;
}
.inner-ql-submenu li { margin: 0; padding: 0; }
.inner-ql-sub-item {
  display: block;
  padding: 7px 14px 7px 40px;
  font-size: 12px;
  color: #16650a !important;
  text-decoration: none;
  font-family: 'Inter', Arial, sans-serif;
  border-bottom: 1px solid #e8f0e8;
  transition: background 0.15s;
}
.inner-ql-sub-item:hover {
  background: #e8f5ea;
  color: #16650a !important;
}
.inner-ql-submenu li:last-child .inner-ql-sub-item { border-bottom: none; }

/* ── Nested division accordion (level 2) ── */
.inner-ql-sub-has-children {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #e8f0e8;
}
.inner-ql-sub-has-children:last-child { border-bottom: none; }
.inner-ql-sub-link {
  flex: 1;
  padding: 7px 6px 7px 40px;
  font-size: 12px;
  color: #16650a !important;
  text-decoration: none;
  font-family: 'Inter', Arial, sans-serif;
  border-bottom: none;
  transition: background 0.15s;
}
.inner-ql-sub-link:hover { background: #e8f5ea; }
.inner-ql-sub-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 10px;
  color: #16650a;
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
}
.inner-ql-sub-toggle:hover { color: #0a3d06; }
.inner-ql-sub-submenu {
  width: 100%;
  flex-basis: 100%;
  background: #edf5ed;
  list-style: none;
  margin: 0;
  padding: 2px 0;
  border-top: 1px solid #d0e8d0;
}
.inner-ql-sub-submenu li { margin: 0; padding: 0; }
.inner-ql-sub-sub-item {
  display: block;
  padding: 6px 14px 6px 54px;
  font-size: 11.5px;
  color: #1a7a0e !important;
  text-decoration: none;
  font-family: 'Inter', Arial, sans-serif;
  border-bottom: 1px solid #d9ecd9;
  transition: background 0.15s;
}
.inner-ql-sub-sub-item:hover { background: #d4edd4; color: #0a3d06 !important; }
.inner-ql-sub-submenu li:last-child .inner-ql-sub-sub-item { border-bottom: none; }

/* ════════════════════════════════════════════════════════════════
   DIVISION HEAD SIDEBAR WIDGET — horizontal card
   ════════════════════════════════════════════════════════════════ */
.sidebar-division-head-widget {
  background: #fff;
  border: 1px solid #c8dfc8;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

/* Green header bar */
.sdh-heading-bar {
  background: #16650a;
  padding: 10px 14px;
  border-bottom: none;
}
.sdh-heading {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.4;
}
.sdh-division-name {
  font-weight: 500;
  font-size: 12px;
  color: rgba(255,255,255,0.88);
}

/* Horizontal card body: photo left | details right */
.sdh-card-body {
  display: flex;
  flex-direction: row;
  min-height: 150px;
}

/* Left: photo column */
.sdh-photo-col {
  flex: 0 0 110px;
  width: 110px;
  overflow: hidden;
  background: #eaf4eb;
  display: flex;
  align-items: stretch;
}
.sdh-card-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  min-height: 150px;
}
.sdh-card-photo-placeholder {
  width: 100%;
  min-height: 150px;
  background: #d4ebd4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sdh-card-photo-placeholder .fa {
  font-size: 42px;
  color: #a0c8a0;
}

/* Right: details column */
.sdh-details-col {
  flex: 1;
  padding: 12px 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  border-left: 3px solid #16650a;
}
.sdh-card-name {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #16650a !important;
  text-decoration: none;
  line-height: 1.3;
  display: block;
  margin-bottom: 2px;
}
.sdh-card-name:hover {
  color: #0f3d14 !important;
  text-decoration: underline;
}
.sdh-card-division {
  font-size: 11px;
  color: #888;
  margin: 0 0 2px;
  line-height: 1.3;
  font-style: italic;
  word-break: break-word;
}
.sdh-card-designation {
  font-size: 12px;
  color: #444;
  margin: 0 0 5px;
  line-height: 1.4;
  font-weight: 500;
}
.sdh-card-contact {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  font-size: 11px;
  color: #555;
  margin: 1px 0;
  line-height: 1.4;
  word-break: break-all;
}
.sdh-card-contact .fa {
  font-size: 20px;
  color: #16650a;
  flex-shrink: 0;
  margin-top: 2px;
}
.sdh-card-address span {
  word-break: break-word;
  line-height: 1.4;
}

/* ════════════════════════════════════════════════════════════════
   DIVISION PAGE — PDF links single row (division-links1-1)
   ════════════════════════════════════════════════════════════════ */
.division-links1-1 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  border: 1px solid #e0e6e2;
  border-radius: 6px;
  background: #f8fbf8;
  margin-top: 30px;
  overflow: hidden;
}

.division-links1-1 a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 3px 8px;
  border-right: 1px solid #e0e6e2;
  font-size: 15px;
  font-weight: 700;
  color: #16650a;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  transition: color 0.2s ease, background 0.2s ease;
}

.division-links1-1 a:last-child {
  border-right: none;
}

.division-links1-1 a:hover {
  color: #d4a017;
  background: #eef4ee;
}

 img.pdf-icon{
      display: block !important;
    width: 14px !important;
    height: 14px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    position: static !important;
 }

@media (max-width: 768px) {
  .division-links1-1 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .division-links1-1 a {
    border-bottom: 1px solid #e0e6e2;
    font-size: 11px;
    padding: 8px 6px;
    white-space: normal;
    text-align: center;
  }
}

/* ════════════════════════════════════════════════════════════════
   DIVISION PAGE — PDF icon inline alignment (legacy)
   ════════════════════════════════════════════════════════════════ */
a .pdf-icon {
  display: inline-block;
  vertical-align: middle;
  width: 19px !important;
  height: 19px !important;
  margin-left: 6px !important;
  position: relative;

}

/* ════════════════════════════════════════════════════════════════
   PHOTO GALLERY — Listing grid + cards (.iihr-gallery-card)
   ════════════════════════════════════════════════════════════════ */

/* 3-column grid for gallery listing */
.iihr-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 20px;
}
@media (max-width: 900px) { .iihr-gallery-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .iihr-gallery-grid { grid-template-columns: 1fr; } }

/* Gallery card */
.iihr-gallery-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(28,107,42,0.10);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
}
.iihr-gallery-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(28,107,42,0.18);
}

/* Image wrapper — fixed height */
.iihr-gallery-card__img-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  background: #e8f4ea;
}
.iihr-gallery-card__img {
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform 0.35s ease;
}
.iihr-gallery-card:hover .iihr-gallery-card__img {
  transform: scale(1.06);
}

/* No-image placeholder */
.iihr-gallery-card__no-img {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8f4ea;
  color: #7ab87a;
  font-size: 48px;
}

/* Hover overlay */
.iihr-gallery-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(28,107,42,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  flex-direction: column;
  gap: 8px;
}
.iihr-gallery-card:hover .iihr-gallery-card__overlay { opacity: 1; }
.iihr-gallery-card__overlay-icon {
  color: #fff;
  font-size: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.iihr-gallery-card__count {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  background: rgba(255,255,255,0.2);
  padding: 3px 12px;
  border-radius: 20px;
}

/* Card body */
.iihr-gallery-card__body {
  padding: 14px 16px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 3px solid #16650a;
}
.iihr-gallery-card__cat {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #c8860a;
  background: #fff8e7;
  padding: 2px 8px;
  border-radius: 3px;
  display: inline-block;
  width: fit-content;
}
.iihr-gallery-card__title {
  font-size: 14px;
  font-weight: 600;
  color: #16650a;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.iihr-gallery-card__title a { color: inherit; text-decoration: none; }
.iihr-gallery-card__title a:hover { color: #16650a; }
.iihr-gallery-card__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding: 6px 0;
  color: #16650a;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border-top: 1px solid #e8f0e8;
  padding-top: 10px;
}
.iihr-gallery-card__btn:hover { color: #c8860a; }

/* ════════════════════════════════════════════════════════════════
   PHOTO GALLERY — Filter bar
   ════════════════════════════════════════════════════════════════ */
.gallery-filter-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  padding: 14px 18px;
  background: #f4f8f4;
  border-radius: 10px;
  border: 1px solid #d0e8d4;
}
.gallery-filter-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 200px;
}
.gallery-filter-search-icon {
  position: absolute;
  left: 12px;
  color: #16650a;
  font-size: 14px;
  pointer-events: none;
}
.gallery-filter-search {
  width: 100%;
  padding: 9px 36px 9px 36px;
  border: 1.5px solid #b8d8bc;
  border-radius: 6px;
  font-size: 14px;
  background: #fff;
  color: #1a1a1a;
  outline: none;
  transition: border-color 0.2s;
}
.gallery-filter-search:focus { border-color: #16650a; }
.gallery-filter-clear {
  position: absolute;
  right: 8px;
  background: none;
  border: none;
  cursor: pointer;
  color: #888;
  font-size: 13px;
  display: flex;
  align-items: center;
  padding: 2px 4px;
}
.gallery-filter-clear:hover { color: #16650a; }
.gallery-filter-selects {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.gallery-filter-select {
  padding: 9px 30px 9px 12px;
  border: 1.5px solid #b8d8bc;
  border-radius: 6px;
  font-size: 14px;
  background: #fff;
  color: #1a1a1a;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231c6b2a' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
}
.gallery-filter-select:focus { border-color: #16650a; }
.gallery-filter-count {
  font-size: 13px;
  color: #4a7a4a;
  font-weight: 600;
  white-space: nowrap;
  margin-left: auto;
}
.gallery-no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 60px 20px;
  color: #888;
  font-size: 15px;
}
.gallery-no-results .fa { font-size: 36px; color: #c8d8c8; }
@media (max-width: 600px) {
  .gallery-filter-bar { flex-direction: column; align-items: stretch; }
  .gallery-filter-count { margin-left: 0; }
}

/* ════════════════════════════════════════════════════════════════
   PHOTO GALLERY — Detail/inner page (.gallery-detail-wrap)
   ════════════════════════════════════════════════════════════════ */
.gallery-detail-wrap {
  padding: 0 0 30px;
}
.gallery-detail-meta-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.gallery-detail-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #16650a;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  letter-spacing: 0.5px;
}
.gallery-detail-category {
  font-size: 12px;
  font-weight: 600;
  color: #c8860a;
  background: #fff8e7;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid #f0d68a;
}
.gallery-detail-title {
  font-size: 22px;
  font-weight: 700;
  color: #16650a;
  line-height: 1.35;
  margin: 0 0 12px;
}
.gallery-detail-divider {
  height: 4px;
  background: linear-gradient(90deg, #16650a 0%, #c8860a 60%, transparent 100%);
  border-radius: 2px;
  margin-bottom: 24px;
}

/* Photo masonry/grid */
.gallery-photo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 30px;
}
@media (max-width: 900px) { .gallery-photo-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .gallery-photo-grid { grid-template-columns: 1fr; } }

.gallery-photo-item {
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 4/3;
  position: relative;
}
.gallery-photo-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.gallery-photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.35s ease;
  border-radius: 8px;
}
.gallery-photo-item:hover .gallery-photo-img {
  transform: scale(1.06);
}
.gallery-photo-zoom {
  position: absolute;
  inset: 0;
  background: rgba(28,107,42,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-size: 24px;
  color: #fff;
  border-radius: 8px;
}
.gallery-photo-item:hover .gallery-photo-zoom { opacity: 1; }

.gallery-no-photos {
  color: #888;
  font-style: italic;
  padding: 20px 0;
}

/* Back button */
.gallery-detail-back {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #e8f0e8;
}
.gallery-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #16650a;
  color: #fff !important;
  padding: 9px 22px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease;
}
.gallery-back-btn:hover { background: #16650a; color: #ffdd00 !important; }

/* =======================================================================
   VIDEO GALLERY — Listing Cards & Inner Page
   ======================================================================= */

/* Grid layout */
.iihr-video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 10px 0 20px;
}
@media (max-width: 900px) { .iihr-video-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .iihr-video-grid { grid-template-columns: 1fr; } }

/* Card */
.iihr-video-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.iihr-video-card:hover {
  box-shadow: 0 6px 24px rgba(28,107,42,0.16);
  transform: translateY(-3px);
}

/* Thumbnail */
.iihr-video-card__img-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden;
  background: #0a0a0a;
}
.iihr-video-card__img {
  width: 100%;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.iihr-video-card:hover .iihr-video-card__img { transform: scale(1.04); }

/* Default video logo when no thumbnail */
.iihr-video-card__no-img {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1c1c1c 0%, #2d3a2d 100%);
  color: #e8f0e8;
  font-size: 54px;
}

/* Play button overlay */
.iihr-video-card__play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.22);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.iihr-video-card:hover .iihr-video-card__play-overlay { opacity: 1; }
.iihr-video-card__play-btn {
  width: 54px;
  height: 54px;
  background: rgba(255,0,0,0.85);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  padding-left: 4px;
}

/* Card body */
.iihr-video-card__body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.iihr-video-card__title {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin: 0;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.iihr-video-card__title a {
  color: inherit;
  text-decoration: none;
}
.iihr-video-card__title a:hover { color: #16650a; }
.iihr-video-card__btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #cc0000;
  color: #fff !important;
  padding: 8px 18px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  align-self: flex-start;
  transition: background 0.2s ease;
}
.iihr-video-card__btn:hover { background: #990000; color: #fff; }

/* ---- Inner detail page ---- */
.video-detail-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px 0 30px;
}
.video-detail-meta-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.video-detail-badge {
  background: #cc0000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.video-detail-title {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px;
  line-height: 1.4;
}
.video-detail-divider {
  height: 3px;
  background: linear-gradient(90deg, #cc0000 0%, #e8f0e8 100%);
  border-radius: 3px;
  margin-bottom: 22px;
}

/* YouTube embed */
.video-detail-embed-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  margin-bottom: 24px;
}
.video-detail-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
}

/* External link fallback */
.video-detail-external {
  margin-bottom: 24px;
}
.video-detail-ext-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #cc0000;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.video-detail-ext-link:hover { background: #990000; }

/* No video placeholder */
.video-detail-no-video {
  text-align: center;
  padding: 60px 20px;
  background: #f5f8f5;
  border-radius: 10px;
  color: #888;
  margin-bottom: 24px;
}
.video-detail-no-video .fa { font-size: 60px; display: block; margin-bottom: 14px; color: #ccc; }

/* Back button */
.video-detail-back {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #e8e8e8;
}
.video-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--iihr-footer) !important;
  color: #fff !important;
  padding: 9px 22px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease;
}
.video-back-btn:hover { background: #16650a; color: #ffdd00 !important; }

/* ==========================================================================
   TENDERS LISTING
   ========================================================================== */

/* ── Filter bar — same style as news page exposed form ── */
.tender-filter-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 16px;
  background: #fff;
  border: 1.5px solid #cce5cc;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(28,107,42,0.07);
}
.tender-filter-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 200px;
}
.tender-filter-search-icon {
  position: absolute;
  left: 11px;
  color: #16650a;
  font-size: 14px;
  pointer-events: none;
}
.tender-filter-search {
  width: 100%;
  padding: 8px 32px 8px 34px;
  border: 2px solid #cce5cc;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  outline: none;
  background: #fafff9;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.tender-filter-search:focus {
  border-color: #16650a;
  box-shadow: 0 0 0 3px rgba(28,107,42,0.12);
}
.tender-filter-search::placeholder { color: #aaa; }
.tender-filter-clear {
  position: absolute;
  right: 8px;
  background: none;
  border: none;
  cursor: pointer;
  color: #999;
  font-size: 14px;
  padding: 2px 4px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  transition: color 0.15s;
}
.tender-filter-clear:hover { color: #c0392b; }
.tender-filter-selects { display: flex; gap: 8px; flex-shrink: 0; }
.tender-filter-select {
  padding: 8px 12px;
  border: 2px solid #cce5cc;
  border-radius: 6px;
  font-size: 13.5px;
  color: #333;
  background: #fafff9;
  outline: none;
  cursor: pointer;
  font-weight: 600;
  color: #16650a;
  min-width: 130px;
  transition: border-color 0.2s;
}
.tender-filter-select:focus { border-color: #16650a; }
.tender-filter-count {
  font-size: 13px;
  color: #666;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  background: #e8f5e9;
  border-radius: 20px;
  padding: 4px 12px;
}
.tender-no-results {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 48px 20px;
  color: #888;
  font-size: 14px;
  text-align: center;
  background: #fafff9;
  border: 1px solid #e0ece0;
  border-radius: 8px;
  margin-bottom: 16px;
}
.tender-no-results .fa { font-size: 38px; color: #cce5cc; }
.tender-no-results p { margin: 0; }

@media (max-width: 600px) {
  .tender-filter-bar { flex-direction: column; align-items: stretch; }
  .tender-filter-search-wrap { min-width: 0; }
  .tender-filter-selects { flex-wrap: wrap; }
  .tender-filter-select { min-width: 0; flex: 1; }
}

/* Tenders page wrapper */
.tenders-list-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 48px;
  font-family: inherit;
}

/* Table header row */
.tenders-table-header {
  display: flex;
  align-items: center;
  gap: 0;
  background: #16650a;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.tenders-table-header .th-sno   { width: 52px; padding: 13px 12px; text-align: center; flex-shrink: 0; border-right: 1px solid rgba(255,255,255,0.15); }
.tenders-table-header .th-title { flex: 1; padding: 13px 16px; border-right: 1px solid rgba(255,255,255,0.15); }
.tenders-table-header .th-download { width: 150px; padding: 13px 14px; text-align: center; flex-shrink: 0; }

/* Each tender row */
.tender-item {
  display: flex;
  align-items: center;
  gap: 0;
  background: #fff;
  border-left: 1px solid #dde8dd;
  border-right: 1px solid #dde8dd;
  border-bottom: 1px solid #e6ede6;
  transition: background 0.18s, box-shadow 0.18s;
}
.tender-item:last-child {
  border-radius: 0 0 8px 8px;
  border-bottom: 1px solid #dde8dd;
}
.tender-item:nth-child(even) { background: #f7fbf4; }
.tender-item:hover {
  background: #edf6ee;
  box-shadow: inset 3px 0 0 #16650a;
}

/* Serial number */
.tender-sno {
  width: 52px;
  flex-shrink: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #16650a;
  padding: 14px 0;
  border-right: 1px solid #e0ece0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Title column */
.tender-title-col {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  padding: 14px 16px;
  border-right: 1px solid #e0ece0;
  min-width: 0;
}
.tender-doc-icon {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  background: #e8f5e9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.tender-doc-icon .fa {
  font-size: 16px;
  color: #c0392b;
}
.tender-title-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.tender-title-text {
  font-size: 13.5px;
  color: #1a2e1a;
  line-height: 1.55;
  font-weight: 500;
}
.tender-posted-date {
  font-size: 11.5px;
  color: #777;
  display: flex;
  align-items: center;
  gap: 5px;
}
.tender-posted-date .fa { color: #aaa; font-size: 11px; }

/* PDF download column */
.tender-pdf-col {
  width: 150px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 10px;
}
.tender-pdf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 14px;
  background: linear-gradient(135deg, #16650a 0%, #2a8c3f 100%);
  color: #fff !important;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 2px 6px rgba(28,107,42,0.22);
  width: 100%;
}
.tender-pdf-btn:hover {
  background: linear-gradient(135deg, #154f1f 0%, #16650a 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(28,107,42,0.32);
  color: #fff !important;
}
.tender-pdf-btn .fa { font-size: 13px; }

.tender-no-pdf {
  font-size: 12px;
  color: #888;
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 768px) {
  .tenders-table-header { display: none; }
  .tender-sno { display: none; }
  .tender-item {
    flex-direction: column;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #dde8dd;
    gap: 0;
  }
  .tender-item:last-child { border-radius: 8px; }
  .tender-title-col { border-right: none; border-bottom: 1px solid #e6ede6; width: 100%; box-sizing: border-box; }
  .tender-pdf-col { width: 100%; padding: 10px 14px; align-items: flex-start; }
  .tender-pdf-btn { width: auto; }
}

/* ==========================================================================
   DIVISION PAGES — MANDATE SECTION (Figma style)
   ========================================================================== */
.mandate-heading {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1c1c1c !important;
  margin-bottom: 18px !important;
}

.mandate-section-wrap {
  background: transparent;
  border-radius: 12px;
  padding: 36px 24px 28px;
  margin: 0 0 32px;
}

.mandate-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 20px;
}

.mandate-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.mandate-card-icon-wrap {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #16650a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mandate-card-icon-wrap .fa {
  font-size: 30px;
  color: #fff;
}

.mandate-card-text {
  font-size: 13.5px;
  color: #2e3d2e;
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 768px) {
  .mandate-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 22px 16px; }
}
@media (max-width: 480px) {
  .mandate-cards-grid { grid-template-columns: 1fr; }
  .mandate-section-wrap { padding: 22px 14px; }
}

/* ════════════════════════════════════════════════════════════════
   RECRUITMENT — listing page
   ════════════════════════════════════════════════════════════════ */
.recruit-listing-wrap { padding: 8px 0 24px; }
.recruit-listing-intro {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #16650a;
  color: #fff;
  padding: 22px 26px;
  border-radius: 10px;
  margin-bottom: 28px;
}
.recruit-listing-intro .fa { font-size: 36px; opacity: 0.9; flex-shrink: 0; margin-top: 4px; }
.recruit-listing-heading {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 6px !important;
}
.recruit-listing-intro p { margin: 0; font-size: 14px; opacity: 0.92; line-height: 1.6; color: #fff !important; }
.recruit-cards-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 22px; }
@media (max-width: 640px) { .recruit-cards-row { grid-template-columns: 1fr; } }
.recruit-cat-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  border: 1.5px solid #d0e8d4;
  box-shadow: 0 2px 14px rgba(28,107,42,0.08);
  overflow: hidden;
  text-decoration: none !important;
  transition: transform 0.22s, box-shadow 0.22s;
}
.recruit-cat-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(28,107,42,0.16); border-color: #16650a; }
.recruit-cat-icon-wrap {
  background:#16650a;
  padding: 28px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit-cat-icon-wrap--temp { background: linear-gradient(135deg, #b8860b, #d4a017); }
.recruit-cat-icon-wrap .fa { font-size: 44px; color: #fff; }
.recruit-cat-body { padding: 20px 22px 22px; flex: 1; display: flex; flex-direction: column; gap: 10px; }
.recruit-cat-title { font-size: 18px !important; font-weight: 700 !important; color: #16650a !important; margin: 0 !important; }
.recruit-cat-desc { font-size: 13px; color: #555; line-height: 1.6; margin: 0; flex: 1; }
.recruit-cat-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 9px 18px;
  background: #16650a;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  width: fit-content;
  transition: background 0.2s;
}
.recruit-cat-card:hover .recruit-cat-btn { background: #c8860a; }
.recruit-listing-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff8e7;
  border: 1px solid #f0c060;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  color: #5a4000;
  line-height: 1.5;
}
.recruit-listing-note .fa { color: #c8860a; font-size: 16px; flex-shrink: 0; margin-top: 2px; }

/* ════════════════════════════════════════════════════════════════
   RECRUITMENT — inner page table
   ════════════════════════════════════════════════════════════════ */
.recruit-intro {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f4f8f4;
  border-left: 4px solid #16650a;
  padding: 12px 16px;
  border-radius: 0 6px 6px 0;
  margin-bottom: 20px;
  font-size: 14px;
  color: #2a2a2a;
}
.recruit-intro-icon { font-size: 22px; color: #16650a; margin-top: 2px; flex-shrink: 0; }
.recruit-table-wrap { overflow-x: auto; }
.recruit-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin: 0 !important;
}
.recruit-table thead tr th {
  background: #16650a !important;
  color: #fff !important;
  padding: 12px 14px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.3px;
}
.th-sno { width: 52px; }
.th-action { width: 150px; text-align: center !important; }
.recruit-table tbody tr { border-bottom: 1px solid #e4ede4; }
.recruit-table tbody tr:nth-child(even) { background: #f8fbf8; }
.recruit-table tbody tr:hover { background: #eef6ee; }
.recruit-sno {
  padding: 12px 14px;
  color: #555;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: top;
}
.recruit-title {
  padding: 12px 14px;
  color: #1a1a1a;
  line-height: 1.5;
  vertical-align: top;
}
.recruit-pdf-icon { color: #c0392b; margin-right: 6px; font-size: 15px; }
.recruit-action { padding: 10px 14px; text-align: center; vertical-align: middle; }
.recruit-pdf-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #16650a;
  color: #fff !important;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s;
}
.recruit-pdf-btn:hover { background: #c8860a; color: #fff !important; }
@media (max-width: 600px) {
  .th-action, .recruit-action { width: auto; }
  .recruit-pdf-btn span { display: none; }
}

/* ── Tenders JS pagination ── */
.tender-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  align-items: center;
  margin: 18px 0 10px;
}
.tpager-btn {
  padding: 6px 12px;
  border: 1px solid #16650a;
  background: #fff;
  color: #16650a;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
}
.tpager-btn:hover { background: #16650a; color: #fff; }
.tpager-btn.active { background: #16650a; color: #fff; font-weight: 700; }
.tpager-ellipsis { padding: 4px 6px; color: #666; font-size: 13px; }

/* ================================================================
   GLOBAL TABLE STANDARDISATION — applies everywhere except
   .path-past-directors (Past Directors page keeps its card layout)
   ================================================================ */

/* Reset & base */
body:not(.path-past-directors) table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;

}

/* Header row */
body:not(.path-past-directors) table thead tr,
body:not(.path-past-directors) table thead {
  background-color: #16650a !important;
  color: #ffffff !important;
}

body:not(.path-past-directors) table thead th,
body:not(.path-past-directors) table th {
  background-color: #16650a !important;
  color: #ffffff !important;
  padding: 12px 14px !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border: 1px solid #16650a !important;
  letter-spacing: 0.3px;
}

/* Body cells */
body:not(.path-past-directors) table td {
  padding: 10px 14px !important;
  border: 1px solid #c8ddc8 !important;
  vertical-align: middle;
  color: #1a1a1a;
  line-height: 1.5;
}

/* Zebra rows */
body:not(.path-past-directors) table tbody tr:nth-child(even) {
  background-color: #f2f8f2;
}

body:not(.path-past-directors) table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

/* Row hover */
body:not(.path-past-directors) table tbody tr:hover {
  background-color: #e6f2e6 !important;
}

/* Links inside tables */
body:not(.path-past-directors) table td a,
body:not(.path-past-directors) table tbody a {
  font-weight: 500;
  text-decoration: none;
}

body:not(.path-past-directors) table td a:hover,
body:not(.path-past-directors) table tbody a:hover {
  color: #c8860a !important;
  text-decoration: underline;
}

/* Responsive wrapper if needed */
@media (max-width: 768px) {
  body:not(.path-past-directors) table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


/* ── Division Section Tab Navigation (node 2191 Fruit Crops) ── */
.div-sec-tabs-widget { margin-bottom: 16px; }
.div-sec-tabs-nav { display: flex; flex-direction: column; }
.div-sec-tab-btn {
  display: flex; align-items: center; gap: 8px;
  width: 100%; text-align: left;
  padding: 11px 14px;
  background: #fff;
  border: none; border-bottom: 1px dotted #c8ddc8;
  color: #333; font-size: 0.95em; font-weight: 500;
  cursor: pointer; transition: background .15s, color .15s;
}
.div-sec-tab-btn:hover { background: #f0f7f0; color: #16650a; }
.div-sec-tab-btn.active { background: #16650a; color: #fff; }
.div-sec-tab-btn.active i { color: #fff; }
.div-sec-tab-btn i { color: #16650a; font-size: 0.9em; }

/* ── Division Fruit Crops (node 2191): sticky sidebar ── */
.path-node-2191 .inner-page-layout { align-items: flex-start; }
.path-node-2191 .inner-sidebar-col {
  position: sticky;
  top: 80px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
@media (max-width: 767px) {
  .path-node-2191 .inner-sidebar-col { position: static; max-height: none; overflow-y: visible; }
}

/* Inline policy links — horizontal separator style matching footer */
ul.inline-policy-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ul.inline-policy-links li {
  display: inline;
}
ul.inline-policy-links li a {
  display: inline-block;
  padding: 4px 12px;
  border-right: 1px solid #aaa;
  font-size: 13px;
  color: #16650a;
  text-decoration: none;
}
ul.inline-policy-links li:last-child a {
  border-right: none;
}
ul.inline-policy-links li a:hover {
  text-decoration: underline;
}

/* Font size button active state */
.gov-font-active {
  font-weight: 700 !important;
  text-decoration: underline !important;
  color: #fff ;
}

/* ══════════════════════════════════════════════════════════
   ORGANOGRAM — editable HTML chart with connecting lines
   ══════════════════════════════════════════════════════════ */

/* Full width — hide sidebar on organogram page */
.page-node-1260 .inner-sidebar-col { display: none !important; }
.page-node-1260 .inner-content-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

.org-chart { font-family: 'Inter', Arial, sans-serif; text-align: center; padding: 10px 0 30px; overflow-x: auto; }

/* Top header with logos */
.org-top { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px; }
.org-logo-left, .org-logo-right { width: 70px; height: auto; }
.org-top-text { text-align: center; }
.org-top-text .org-lang { font-size: 12px; color: #1a5276; margin: 0; line-height: 1.5; }
.org-top-text .org-en { font-size: 16px; color: #115100; margin: 2px 0; }
.org-top-text .org-addr { font-size: 11px; color: #555; margin: 0; }

/* Director row with committees on sides */
.org-director-row { display: flex; align-items: center; justify-content: center; gap: 0; position: relative; margin-bottom: 0; }
.org-director-box {
  background: #c0392b; color: #fff; font-weight: 700; font-size: 15px;
  padding: 12px 32px; border-radius: 6px; position: relative; z-index: 2;
  box-shadow: 0 3px 10px rgba(0,0,0,.15);
}
.org-side-boxes { display: flex; flex-direction: column; gap: 6px; }
.org-side-left { align-items: flex-end; margin-right: 30px; }
.org-side-right { align-items: flex-start; margin-left: 30px; }
.org-side-left::after, .org-side-right::before {
  content: ''; display: block; width: 30px; height: 2px; background: #555; position: absolute; top: 50%;
}
.org-side-left { position: relative; }
.org-side-left::after { right: -30px; }
.org-side-right { position: relative; }
.org-side-right::before { left: -30px; }
.org-cbox {
  background: #eaf2e5; color: #115100; border: 1.5px solid #a5d6a7; border-radius: 5px;
  padding: 6px 14px; font-size: 11px; font-weight: 600; white-space: nowrap;
}

/* Vertical connector line */
.org-vline { width: 2px; height: 24px; background: #555; margin: 0 auto; }

/* Department row */
.org-dept-row {
  display: flex; justify-content: center; gap: 0; position: relative;
  padding-top: 0; margin-bottom: 8px;
}
.org-dept-row .org-hline {
  position: absolute; top: 0; left: 10%; right: 10%; height: 2px; background: #555;
}
.org-dept { flex: 1; max-width: 170px; text-align: center; position: relative; padding-top: 20px; }
.org-dept::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 20px; background: #555; }
.org-dept-box {
  padding: 8px 6px; border-radius: 5px; font-size: 11px; font-weight: 700;
  color: #fff; line-height: 1.3;
}
.org-dept-blue { background: #1565c0; }
.org-dept-sub { font-size: 9px; color: #555; margin-top: 2px; }

/* Research sub-units */
.org-research-sub {
  display: flex; justify-content: center; gap: 10px; margin: 8px 0 12px;
  position: relative;
}
.org-rsub {
  background: #fff3e0; color: #e65100; border: 1px solid #ffcc80; border-radius: 4px;
  padding: 5px 12px; font-size: 10px; font-weight: 600;
}

/* Bottom grid — 5 columns */
.org-bottom {
  display: grid; grid-template-columns: 2fr 1.2fr 1fr 1fr 1fr;
  gap: 10px; text-align: left; margin-top: 10px;
}
.org-bcol {
  background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 10px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06); position: relative;
}
.org-bcol::before {
  content: ''; position: absolute; top: -10px; left: 50%; width: 2px; height: 10px; background: #555;
}
.org-bhead {
  font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 4px; margin-bottom: 6px;
  color: #fff;
}
.org-bhead-green { background: #2e7d32; }
.org-bhead-blue { background: #1565c0; }
.org-bhead-orange { background: #e65100; }
.org-bhead-purple { background: #6a1b9a; }

.org-blist { list-style: none; padding: 0; margin: 0; }
.org-blist li {
  padding: 4px 4px 4px 16px; font-size: 11px; color: #333;
  border-bottom: 1px solid #f5f5f5; position: relative; line-height: 1.4;
}
.org-blist li:last-child { border-bottom: none; }
.org-blist li::before {
  content: '→'; position: absolute; left: 2px; top: 4px; font-size: 10px; color: #888;
}
.org-blist li a { color: #115100; text-decoration: none; font-weight: 500; }
.org-blist li a:hover { text-decoration: underline; }

/* Multilingual text styling inside boxes */
.org-kn, .org-hi, .org-or {
  display: block;
  font-size: 0.8em;
  font-weight: 400;
  opacity: 0.85;
  line-height: 1.3;
}
.org-main {
  display: block;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.3;
}
.org-director-box .org-main { font-size: 15px; }
.org-director-box .org-kn,
.org-director-box .org-hi,
.org-director-box .org-or { font-size: 11px; }
.org-cbox .org-kn, .org-cbox .org-hi, .org-cbox .org-or { font-size: 9px; }
.org-cbox .org-main { font-size: 11px; }
.org-cbox { white-space: normal; }
.org-dept-box .org-kn, .org-dept-box .org-hi, .org-dept-box .org-or { font-size: 9px; }
.org-dept-box .org-main { font-size: 11px; }
.org-rsub .org-kn, .org-rsub .org-hi, .org-rsub .org-or { font-size: 8px; display: inline; }
.org-rsub .org-main { display: inline; font-size: 10px; }

/* Drag-and-drop styling for admin */
.org-chart.org-draggable .org-bcol,
.org-chart.org-draggable .org-dept,
.org-chart.org-draggable .org-cbox,
.org-chart.org-draggable .org-rsub {
  cursor: grab;
  transition: transform .15s, box-shadow .15s;
}
.org-chart.org-draggable .org-bcol:hover,
.org-chart.org-draggable .org-dept:hover,
.org-chart.org-draggable .org-cbox:hover,
.org-chart.org-draggable .org-rsub:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
  transform: translateY(-2px);
}
.org-chart .sortable-ghost {
  opacity: .4;
  background: #e8f5e9 !important;
  border: 2px dashed #4caf50 !important;
}
.org-chart .sortable-drag {
  box-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}
.org-drag-handle {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  background: rgba(22,101,10,.8);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
  cursor: grab;
  z-index: 10;
}
.org-chart.org-draggable .org-drag-handle { display: block; }
.org-save-order-wrap {
  display: none;
  text-align: center;
  margin-top: 16px;
}
.org-save-order-btn {
  background: #2e7d32;
  color: #fff;
  border: none;
  padding: 8px 24px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
}
.org-save-order-btn:hover { background: #1b5e20; }

/* Responsive */
@media (max-width: 900px) {
  .org-bottom { grid-template-columns: 1fr 1fr; }
  .org-dept-row { flex-wrap: wrap; gap: 8px; justify-content: center; }
  .org-dept-row .org-hline { display: none; }
  .org-dept::before { display: none; }
  .org-dept { padding-top: 0; max-width: 140px; }
  .org-director-row { flex-wrap: wrap; gap: 10px; justify-content: center; }
  .org-side-left::after, .org-side-right::before { display: none; }
  .org-side-left, .org-side-right { margin: 0; flex-direction: row; gap: 6px; }
  .org-cbox { white-space: normal; font-size: 10px; padding: 5px 8px; }
  .org-research-sub { flex-wrap: wrap; gap: 6px; }
  .org-vline { height: 16px; }
}
@media (max-width: 600px) {
  .org-chart { padding: 8px 0 20px; font-size: 12px; }
  .org-top { flex-direction: column; gap: 8px; }
  .org-logo-left, .org-logo-right { width: 50px; }
  .org-top-text .org-en { font-size: 13px; }
  .org-top-text .org-lang { font-size: 10px; }
  .org-top-text .org-addr { font-size: 9px; }
  .org-director-box { padding: 8px 16px; font-size: 12px; }
  .org-director-box .org-main { font-size: 13px; }
  .org-director-box .org-kn,
  .org-director-box .org-hi,
  .org-director-box .org-or { font-size: 9px; }
  .org-side-left, .org-side-right { flex-direction: column; gap: 4px; }
  .org-cbox { font-size: 9px; padding: 4px 6px; }
  .org-dept-row { gap: 4px; }
  .org-dept { max-width: 100px; }
  .org-dept-box { padding: 5px 4px; font-size: 9px; }
  .org-dept-box .org-main { font-size: 9px; }
  .org-dept-box .org-kn, .org-dept-box .org-hi, .org-dept-box .org-or { font-size: 7px; }
  .org-dept-sub { font-size: 7px; }
  .org-research-sub { gap: 4px; }
  .org-rsub { padding: 3px 6px; font-size: 8px; }
  .org-rsub .org-main { font-size: 8px; }
  .org-rsub .org-kn, .org-rsub .org-hi, .org-rsub .org-or { font-size: 7px; }
  .org-bottom { grid-template-columns: 1fr; gap: 8px; }
  .org-bhead { font-size: 11px; padding: 6px 8px; }
  .org-blist { font-size: 11px; }
  .org-blist li { padding: 4px 0; }
}

/* ── Research Program Detail Page ── */
.rp-detail-page {
  max-width: 960px;
  margin: 0 auto 40px;
}
.rp-detail-header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #145d01 0%, #1a7a04 100%);
  border-radius: 12px;
  margin-bottom: 24px;
  color: #fff;
}
.rp-detail-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  background: rgba(255,255,255,.18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.rp-detail-title {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px;
  color: #fff;
  line-height: 1.3;
}
.rp-status-badge {
  display: inline-block;
  padding: px 14px;
  border-radius: 20px;
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.rp-status-ongoing { background: #d4a017; color: #fff; }
.rp-status-completed { background: #2e7d32; color: #fff; }
.rp-status-new { background: #1565c0; color: #fff; }

.rp-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 16px 20px;
  background: #f5f9f3;
  border-left: 4px solid #145d01;
  border-radius: 6px;
  margin-bottom: 24px;
}
.rp-meta-item {
  font-size: 14px;
  color: #333;
}
.rp-meta-item i {
  color: #145d01;
  margin-right: 4px;
}
.rp-meta-item strong {
  color: #145d01;
}

.rp-detail-section {
  margin-bottom: 24px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.rp-section-title {
  margin: 0;
  padding: 14px 20px;
  background: #f0f7ed;
  font-size: 16px;
  font-weight: 700;
  color: #145d01;
  border-bottom: 1px solid #e0e0e0;
}
.rp-section-title i {
  margin-right: 8px;
}
.rp-section-content {
  padding: 16px 20px;
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.rp-section-content table {
  min-width: 500px;
}
.rp-section-content .field { margin: 0; }
.rp-section-content .field__label { display: none; }
.rp-section-content ul {
  padding-left: 20px;
  margin: 8px 0;
}
.rp-section-content li {
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .rp-detail-header { flex-direction: column; padding: 16px; }
  .rp-detail-meta { flex-direction: column; gap: 8px; }
  .rp-detail-title { font-size: 18px; }
}

/* ══════════════════════════════════════════════
   TABLET VIEW (768px - 991px)
   ══════════════════════════════════════════════ */
@media (min-width: 768px) and (max-width: 991px) {

  /* ── Header ── */
  .site-header-inner {
    flex-wrap: wrap;
  }

  .site-branding {
    width: 100%;
  }

  .site-header-search {
    width: 100%;
    margin-top: 8px;
  }

  /* ── Menu bar: same as mobile ── */
  .col-menu .navbar-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  .col-menu .navbar-toggle {
    display: block !important;
  }

  /* ── Banner ── */
  .front-carousel-wrap {
    display: block !important;
    overflow: hidden;
  }

  .front-carousel-wrap .front-banner-img,
  .front-banner-img {
    width: 100% !important;
    height: 350px;
    max-height: 350px;
    object-fit: cover;
    display: block !important;
  }

  .front-fallback-banner,
  .banner-featured-bg {
    height: 350px !important;
  }

  .front-carousel-wrap .carousel-inner > .item { display: block; opacity: 0; }
  .front-carousel-wrap .carousel-inner > .item.active { display: block; opacity: 1; }

  .banner-caption-overlay {
    padding: 20px !important;
  }

  /* ── Quick Links 3-column grid ── */
  .home-three-col-section {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .home-three-col-section > div {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .home-three-col-section > div:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* ── Spotlight grid: 3 columns on tablet ── */
  .spotlight-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-auto-rows: 1fr;
  }

  .spotlight-card {
    min-height: 200px;
    height: 100%;
  }

  img.spotlight-card-img-bg {
    height: 100%;
    object-fit: cover;
  }

  /* ── Menu bar: show full desktop-style nav ── */
  .col-menu {
    display: block !important;
    background: #145d01 !important;
  }

  .navbar-toggle {
    display: none !important;
  }

  /* ── Banner: ensure visible ── */
  .front-carousel-wrap {
    display: block !important;
    min-height: 200px !important;
  }

  .banner-featured-slide,
  .carousel-inner > .item.active {
    min-height: 200px !important;
  }

  /* ── News & Events ── */
  .uev-list-item {
    padding: 8px 12px !important;
  }

  /* ── Research highlight ── */
  .research-highlight-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
    overflow: hidden !important;
  }

  .research-highlight-center {
    background: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 12px !important;
    min-height: auto !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .research-circle-container {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    overflow: hidden !important;
  }

  .research-circle-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    transition: transform 0.45s ease !important;
  }

  .research-circle-item {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    min-width: 25% !important;
    text-align: center !important;
  }

  .research-circle-icon,
  .research-circle-item+.research-circle-item .research-circle-icon {
    margin: 0 auto !important;
    width: 120px !important;
    height: 120px !important;
    border: 2px solid #145d01 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
  }

  .research-circle-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  .research-circle-title {
    color: #333 !important;
    font-size: 11px !important;
    margin: 6px auto 0 !important;
    text-align: center !important;
  }

  .research-highlight-right {
    text-align: center !important;
    min-width: auto !important;
    padding: 10px 16px 14px !important;
    background: #145d01 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
  }

  .research-highlight-right h3 {
    color: #fff !important;
    font-size: 16px !important;
    margin: 0 !important;
  }

  .research-highlight-right .home-view-all {
    color: #ffd54f !important;
  }

  .research-highlight-wrapper .rh-nav-btn {
    display: inline-flex !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid #c89300 !important;
    color: #c89300 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* ── Partners logo row ── */
  .partners-row {
    overflow: hidden;
  }

  /* ── Contact / Footer section ── */
  .site-footer .row {
    display: flex;
    flex-wrap: wrap;
  }

  .site-footer .row > div {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 16px;
  }

  /* ── Inner page layout ── */
  .inner-page-layout {
    flex-direction: column !important;
  }

  .inner-content-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-right: 15px !important;
  }

  .inner-sidebar-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-top: 20px;
  }

  /* ── Inner page banner ── */
  .inner-page-banner {
    height: 180px !important;
    min-height: 180px !important;
  }

  /* ── Staff profile hero ── */
  .sp-hero {
    gap: 20px;
  }

  .sp-hero-photo-wrap {
    width: 160px;
    height: 160px;
    flex: 0 0 160px;
  }

  .sp-hero-body {
    padding: 20px !important;
  }

  /* ── Staff grid (division pages) ── */
  .staff-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* ── About page ── */
  .about-intro {
    flex-direction: column-reverse;
    gap: 16px;
  }

  .about-image,
  .about-text {
    flex: none;
    width: 100%;
  }

  /* ── General: prevent overflow ── */
  img {
    max-width: 100%;
    height: auto;
  }

  table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
  }

  iframe {
    max-width: 100%;
  }
}

/* ═══════════════════════════════════════════════════
   MOBILE MENU OVERRIDE (<=767px)
   MUST be at END of extracss.css to win specificity.
   ═══════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Hide ALL dropdowns — override :hover/:focus/open/iihr-open */
  .col-menu .navbar-nav>li.dropdown:hover>.dropdown-menu,
  .col-menu .navbar-nav>li.dropdown:focus-within>.dropdown-menu,
  .col-menu .navbar-nav>li.dropdown.open>.dropdown-menu,
  .col-menu .navbar-nav>li.dropdown.iihr-open>.dropdown-menu,
  .col-menu .navbar-nav>li.dropdown:hover>.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown:focus-within>.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown.open>.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown.iihr-open>.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown:hover>a+.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown:focus-within>a+.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown.iihr-open>a+.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown.open>a+.dropdown-menu.mega-menu {
    display: none !important;
    position: static !important;
  }

  /* Show ONLY via .submenu-open class */
  .col-menu .navbar-nav>li.dropdown.submenu-open>.dropdown-menu,
  .col-menu .navbar-nav>li.dropdown.submenu-open>.dropdown-menu.mega-menu,
  .col-menu .navbar-nav>li.dropdown.submenu-open>a+.dropdown-menu.mega-menu,
  .col-menu .navbar-nav .dropdown-menu li.dropdown.submenu-open>.dropdown-menu {
    display: block !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   MOBILE OFF-CANVAS MENU — full-screen dark panel (≤767px only)
   ══════════════════════════════════════════════════════════════ */

/* Body scroll lock when menu is open */
.iihr-mob-body-lock { overflow: hidden !important; }

/* Overlay */
.iihr-mob-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 99998;
  opacity: 0;
  transition: opacity 0.3s;
}
.iihr-mob-overlay--open {
  display: block;
  opacity: 1;
}

/* Panel — slides in from left */
.iihr-mob-panel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 85%;
  max-width: 380px;
  height: 100%;
  background: #16650a;
  z-index: 99999;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: 4px 0 20px rgba(0,0,0,0.4);
}
.iihr-mob-panel--open {
  transform: translateX(0);
}

/* Top bar: search + close */
.iihr-mob-panel-top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.iihr-mob-search-wrap {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.iihr-mob-search-icon {
  position: absolute;
  left: 12px;
  color: rgba(255,255,255,0.6);
  font-size: 14px;
  pointer-events: none;
}
.iihr-mob-search {
  width: 100%;
  padding: 10px 14px 10px 38px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  outline: none;
  font-family: 'Inter', sans-serif;
}
.iihr-mob-search::placeholder { color: rgba(255,255,255,0.5); }
.iihr-mob-search:focus { border-color: #fff; background: rgba(255,255,255,0.18); }

.iihr-mob-close {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #c89300;
  color: #fff;
  border: none;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}
.iihr-mob-close:hover { background: #c62828; }

/* Navigation */
.iihr-mob-nav { padding: 8px 0; }
.iihr-mob-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Menu item */
.iihr-mob-item {
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.iihr-mob-link {
  display: block;
  padding: 15px 50px 15px 20px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif;
  transition: background 0.15s;
}
.iihr-mob-link:hover,
.iihr-mob-link:focus {
  background: rgba(255,255,255,0.08);
  color: #fff !important;
}

/* Arrow button for items with submenus */
.iihr-mob-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-left: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  padding: 0;
}
.iihr-mob-arrow:hover { background: rgba(255,255,255,0.1); }
.iihr-mob-sub-open > .iihr-mob-arrow {
  background: rgba(0,0,0,0.15);
  color: #fff;
}
.iihr-mob-arrow .fa {
  transition: transform 0.25s;
}
.iihr-mob-sub-open > .iihr-mob-arrow .fa {
  transform: rotate(90deg);
}

/* Submenu — level 1 */
.iihr-mob-submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background: #0f4a07;
  transition: max-height 0.35s ease;
}
.iihr-mob-sub-open > .iihr-mob-submenu {
  max-height: 3000px;
}

/* Submenu items */
.iihr-mob-subitem {
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.iihr-mob-sublink {
  display: block;
  padding: 12px 50px 12px 32px;
  color: rgba(255,255,255,0.9) !important;
  font-size: 13.5px;
  font-weight: 400;
  text-decoration: none !important;
  transition: background 0.12s, color 0.12s;
  font-family: 'Inter', sans-serif;
}
.iihr-mob-sublink:hover,
.iihr-mob-sublink:focus {
  background: rgba(255,255,255,0.08);
  color: #fff !important;
}

/* Nested submenu — level 2+ (deeper green) */
.iihr-mob-submenu .iihr-mob-submenu {
  background: #0a3505;
}
.iihr-mob-submenu .iihr-mob-submenu .iihr-mob-sublink {
  padding-left: 48px;
  font-size: 13px;
  color: rgba(255,255,255,0.8) !important;
}
.iihr-mob-submenu .iihr-mob-submenu .iihr-mob-sublink:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.06);
}

/* Mobile language selector at bottom of panel */
.iihr-mob-lang {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid rgba(255,255,255,0.12);
  margin-top: 8px;
}
.iihr-mob-lang .fa-globe {
  color: rgba(255,255,255,0.7);
  font-size: 16px;
}
.iihr-mob-lang-select {
  flex: 1;
  padding: 10px 14px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
}
.iihr-mob-lang-select option {
  background: #16650a;
  color: #fff;
}

/* Hide mobile panel on desktop */
@media (min-width: 768px) {
  .iihr-mob-panel,
  .iihr-mob-overlay {
    display: none !important;
  }
}

/* Show mobile panel on mobile */
@media (max-width: 767px) {
  .iihr-mob-panel {
    display: block;
    background: #16650a;
  }
  /* Hide the old collapse-based mobile menu */
  #navbar-collapse.iihr-menu-open,
  #navbar-collapse-front.iihr-menu-open {
    display: none !important;
  }
}

/* ── Crop Varieties / Varieties detail page ── */
.cv-detail-wrap {
  padding: 0 0 24px;
}

/* Top section: photo left + info right */
.cv-detail-top {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  align-items: flex-start;
}

/* Photo card */
.cv-detail-photo-card {
  flex: 0 0 320px;
  max-width: 320px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d8edda;
  box-shadow: 0 3px 16px rgba(22,101,10,0.08);
}
.cv-detail-photo-card img {
  width: 100%;
  height: auto;
  display: block;
}
.cv-detail-photo-card .field__label { display: none !important; }
.cv-detail-photo-card .field__items { display: flex; flex-wrap: wrap; gap: 4px; }
.cv-detail-photo-card .field__item { flex: 1 1 100%; }
.cv-detail-photo-card .field__item:not(:first-child) { flex: 1 1 48%; }
.cv-detail-photo-card .field__item:not(:first-child) img { border-top: 1px solid #eee; }

/* Info card */
.cv-detail-info-card {
  flex: 1;
  background: #f8fcf8;
  border: 1px solid #d8edda;
  border-radius: 10px;
  padding: 6px 0;
  box-shadow: 0 2px 8px rgba(22,101,10,0.05);
}

.cv-info-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid #e8f5e9;
}
.cv-info-row:last-child { border-bottom: none; }

.cv-info-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  background: #16650a;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.cv-info-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cv-info-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #7a9a7a;
}
.cv-info-value {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
}
.cv-info-value .field__label { display: none !important; }
.cv-info-value .field__item { display: inline; }

/* Description */
.cv-detail-desc {
  background: #fff;
  border: 1px solid #d8edda;
  border-radius: 10px;
  padding: 20px 24px;
  box-shadow: 0 2px 8px rgba(22,101,10,0.05);
}
.cv-detail-desc-title {
  font-size: 16px;
  font-weight: 700;
  color: #16650a;
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid #c8e6c9;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cv-detail-desc-title .fa { font-size: 15px; opacity: 0.7; }
.cv-detail-desc .field__label { display: none !important; }
.cv-detail-desc-body p {
  font-size: 14px;
  line-height: 1.75;
  color: #444;
  margin: 0 0 12px;
}

/* Responsive */
@media (max-width: 768px) {
  .cv-detail-top {
    flex-direction: column;
  }
  .cv-detail-photo-card {
    flex: none;
    max-width: 100%;
  }
  .cv-detail-desc { padding: 16px; }
}

/* ── Divisions page card grid ── */
.iihr-divisions-wrap { padding: 10px 0 30px; }
.iihr-divisions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.iihr-div-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: #f8fcf8;
  border: 1px solid #d8edda;
  border-radius: 10px;
  color: #333 !important;
  text-decoration: none !important;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.2s, transform 0.15s;
}
.iihr-div-card:hover {
  background: #eaf4ea;
  border-color: #16650a;
  box-shadow: 0 4px 16px rgba(22,101,10,0.12);
  transform: translateY(-2px);
}
.iihr-div-card-icon {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  background: linear-gradient(135deg, #16650a, #2a9d05);
  color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.iihr-div-card:hover .iihr-div-card-icon {
  background: linear-gradient(135deg, #0f4a07, #16650a);
}
.iihr-div-card-body { flex: 1; }
.iihr-div-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #145d01;
  margin: 0 0 4px;
  line-height: 1.3;
}
.iihr-div-card-desc {
  font-size: 12.5px;
  color: #666;
  margin: 0;
  line-height: 1.4;
}
.iihr-div-card-arrow {
  flex-shrink: 0;
  font-size: 20px;
  color: #c8d8c8;
  transition: color 0.15s;
}
.iihr-div-card:hover .iihr-div-card-arrow { color: #16650a; }
@media (max-width: 768px) {
  .iihr-divisions-grid { grid-template-columns: 1fr; }
  .iihr-div-card { padding: 14px; gap: 12px; }
  .iihr-div-card-icon { width: 44px; height: 44px; font-size: 18px; }
}

/* ── Node Add List (create content) — card grid styling ── */
.admin-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.admin-item {
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #d8edda !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin: 0 !important;
  transition: box-shadow .18s, border-color .18s, transform .15s !important;
  cursor: pointer;
}
.admin-item:hover {
  box-shadow: 0 4px 18px rgba(22,101,10,.12) !important;
  border-color: #16650a !important;
  transform: translateY(-2px);
}
.admin-item__link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: #145d01 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  width: 100%;
}
.admin-item__link::before {
  content: '\f067';
  font-family: 'FontAwesome';
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #16650a, #2a9d05);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.admin-item:hover .admin-item__link::before {
  background: linear-gradient(135deg, #0f4a07, #16650a);
}
.admin-item__link:hover { text-decoration: none !important; color: #16650a !important; }
.admin-item__description {
  font-size: 12px !important;
  color: #777 !important;
  margin: 2px 0 0 52px !important;
  padding: 0 !important;
  line-height: 1.4;
}
.admin-item__title { margin: 0 !important; }

/* Node add forms — clean styling */
.node-form .form-item { margin-bottom: 18px; }
.node-form .form-item > label,
.node-form .form-item .label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
  display: block;
}
.node-form input[type="text"],
.node-form input[type="email"],
.node-form input[type="url"],
.node-form input[type="number"],
.node-form input[type="date"],
.node-form input[type="password"],
.node-form select {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid #c8e6c9;
  border-radius: 6px;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  transition: border-color .2s;
  box-sizing: border-box;
}
.node-form input[type="text"]:focus,
.node-form input[type="email"]:focus,
.node-form select:focus {
  border-color: #16650a;
  outline: none;
  box-shadow: 0 0 0 2px rgba(22,101,10,.1);
}
.node-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid #c8e6c9;
  border-radius: 6px;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  min-height: 120px;
  box-sizing: border-box;
}
.node-form textarea:focus {
  border-color: #16650a;
  outline: none;
}
.node-form .form-actions {
  padding: 16px 0;
  border-top: 1px solid #e8f5e9;
  margin-top: 20px;
}
.node-form .form-actions .button,
.node-form .form-actions input[type="submit"] {
  padding: 10px 28px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
  border: none;
  margin-right: 8px;
  font-family: 'Inter', sans-serif;
}
.node-form .form-actions .button--primary,
.node-form .form-actions input[value="Save"] {
  background: #16650a !important;
  color: #fff !important;
}
.node-form .form-actions .button--primary:hover,
.node-form .form-actions input[value="Save"]:hover {
  background: #0f4a07 !important;
}
.node-form .form-actions .button:not(.button--primary) {
  background: #f0f0f0;
  color: #333;
  border: 1px solid #ddd;
}
.node-form .description,
.node-form .form-item .description {
  font-size: 12px;
  color: #888;
  margin-top: 3px;
}
.node-form details,
.node-form fieldset {
  border: 1px solid #d8edda;
  border-radius: 8px;
  margin-bottom: 16px;
  background: #fafefa;
  padding: 0;
}
.node-form details > summary,
.node-form fieldset > legend {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #16650a;
  cursor: pointer;
}
.node-form details[open] > summary {
  border-bottom: 1px solid #d8edda;
  margin-bottom: 12px;
}
.node-form details > .details-wrapper {
  padding: 0 16px 12px;
}
.node-form .image-widget,
.node-form .file-widget {
  padding: 12px;
  border: 1.5px dashed #c8e6c9;
  border-radius: 6px;
  background: #f8fcf8;
}
@media (max-width: 767px) {
  .admin-list { grid-template-columns: 1fr !important; }
}

/* ── Success Stories grid ── */
.iihr-ss-wrap{padding:10px 0 30px}
.iihr-ss-count{font-size:13px;color:#666;margin:0 0 14px}
.iihr-ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.iihr-ss-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e8e0;border-radius:10px;overflow:hidden;color:#333!important;text-decoration:none!important;transition:box-shadow .2s,transform .15s,border-color .15s}
.iihr-ss-card:hover{box-shadow:0 4px 18px rgba(22,101,10,.12);transform:translateY(-2px);border-color:#16650a}
.iihr-ss-thumb{width:100%;aspect-ratio:16/10;overflow:hidden;background:#f0f5f0}
.iihr-ss-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.iihr-ss-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#c8e6c9}
.iihr-ss-info{padding:14px 16px;flex:1;display:flex;flex-direction:column}
.iihr-ss-title{font-size:14px;font-weight:600;color:#145d01;margin:0 0 6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iihr-ss-card:hover .iihr-ss-title{color:#16650a}
.iihr-ss-desc{font-size:12px;color:#666;margin:0 0 10px;line-height:1.45;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.iihr-ss-readmore{font-size:12px;font-weight:600;color:#16650a;margin-top:auto}
.iihr-ss-readmore .fa{margin-left:3px;transition:margin-left .15s}
.iihr-ss-card:hover .iihr-ss-readmore .fa{margin-left:6px}
@media(max-width:768px){.iihr-ss-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(max-width:480px){.iihr-ss-grid{grid-template-columns:1fr}}

/* ── Documentary Videos page ── */
.iihr-docvid-wrap{padding:10px 0 30px}.iihr-docvid-count{font-size:13px;color:#666;margin:0 0 14px}
.iihr-docvid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.iihr-docvid-card{background:#fff;border:1px solid #e0e8e0;border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .15s,border-color .15s}
.iihr-docvid-card:hover{box-shadow:0 4px 18px rgba(22,101,10,.12);transform:translateY(-2px);border-color:#16650a}
.iihr-docvid-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111}
.iihr-docvid-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.iihr-docvid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:rgba(22,101,10,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;transition:background .2s,transform .2s}
.iihr-docvid-card:hover .iihr-docvid-play{background:#16650a;transform:translate(-50%,-50%) scale(1.1)}
.iihr-docvid-info{padding:12px 14px}
.iihr-docvid-title{font-size:13px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iihr-docvid-card:hover .iihr-docvid-title{color:#16650a}
.iihr-ext-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;display:flex;align-items:center;justify-content:center}
.iihr-ext-popup-box{background:#fff;border-radius:12px;padding:30px;max-width:420px;width:90%;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.iihr-ext-popup-icon{width:56px;height:56px;background:#eaf4ea;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;color:#16650a}
.iihr-ext-popup-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.iihr-ext-popup-msg{font-size:13px;color:#666;margin:0 0 10px;line-height:1.5}
.iihr-ext-popup-url{font-size:11px;color:#16650a;word-break:break-all;background:#f4f8f4;padding:6px 10px;border-radius:4px;margin:0 0 18px}
.iihr-ext-popup-btns{display:flex;gap:10px;justify-content:center}
.iihr-ext-popup-yes{padding:10px 24px;background:#16650a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
.iihr-ext-popup-yes:hover{background:#0f4a07}
.iihr-ext-popup-no{padding:10px 24px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}
.iihr-ext-popup-no:hover{background:#e0e0e0}
@media(max-width:768px){.iihr-docvid-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(max-width:480px){.iihr-docvid-grid{grid-template-columns:1fr}}

/* ── News image gallery: first image full-width, rest 2 per row ── */
.news-image-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}
.news-image-gallery img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  object-fit: cover;
}
.news-image-gallery img:first-child {
  grid-column: 1 / -1;
}
@media (max-width: 600px) {
  .news-image-gallery { grid-template-columns: 1fr; }
}

/* Skip link — accessibility */
.skip-link {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: #145d01;
  color: #fff;
  padding: 10px 20px;
  z-index: 999999;
  font-weight: 600;
  border-radius: 0 0 6px 6px;
  text-decoration: none;
  transition: top 0.2s;
}
.skip-link:focus {
  top: 0;
  outline: 3px solid #c9a227;
}

/* ── Varieties & Technologies card layout ── */
.iihr-vt-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  padding: 10px 0;
}
.iihr-vt-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  background: #f8fcf8;
  border: 1px solid #d8edda;
  border-radius: 8px;
  color: #333 !important;
  text-decoration: none !important;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.iihr-vt-card:hover {
  background: #eaf4ea;
  border-color: #16650a;
  box-shadow: 0 3px 12px rgba(22,101,10,0.1);
}
.iihr-vt-card-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  background: #16650a;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.iihr-vt-card:hover .iihr-vt-card-icon {
  background: #0f4a07;
}
.iihr-vt-card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.iihr-vt-card-text strong {
  font-size: 14px;
  font-weight: 600;
  color: #145d01;
  line-height: 1.3;
}
.iihr-vt-card-text em {
  font-size: 12px;
  font-style: normal;
  color: #777;
  line-height: 1.3;
}
.iihr-vt-card-arrow {
  flex-shrink: 0;
  font-size: 18px;
  color: #b0c8b0;
  transition: color 0.15s;
}
.iihr-vt-card:hover .iihr-vt-card-arrow {
  color: #16650a;
}
@media (max-width: 768px) {
  .iihr-vt-cards {
    grid-template-columns: 1fr;
  }
  .iihr-vt-card {
    padding: 12px 14px;
  }
}

/* ══════════════════════════════════════════════
   MOBILE TICKER FIX — FINAL OVERRIDE (must be last)
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {
  .news-ticker-bar,
  .news-ticker-bar.news-ticker-bar {
    background-color: #CB9404 !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    height: 24px !important;
    display: block !important;
  }
  .news-ticker-bar .container,
  .news-ticker-bar .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    height: 24px !important;
  }
  .news-ticker-bar .ticker-inner,
  .news-ticker-bar .ticker-inner.ticker-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center !important;
    height: 24px !important;
    gap: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .news-ticker-bar .ticker-whatsnew-label,
  .news-ticker-bar .ticker-whatsnew-label.ticker-whatsnew-label,
  .ticker-whatsnew-label {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 8px !important;
    font-size: 9px !important;
    background: #a97900 !important;
    color: #fff !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 24px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    white-space: nowrap !important;
    position: relative !important;
    font-weight: 700 !important;
  }
  .news-ticker-bar .ticker-whatsnew-label::after,
  .ticker-whatsnew-label::after {
    display: none !important;
  }
  .news-ticker-bar .ticker-items-wrap {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    line-height: 24px !important;
    white-space: nowrap !important;
  }
  .news-ticker-bar .ticker-items-scroll {
    display: inline-flex !important;
    white-space: nowrap !important;
    align-items: center !important;
    height: 24px !important;
    line-height: 24px !important;
  }
  .news-ticker-bar .ticker-item-link {
    font-size: 10px !important;
    line-height: 24px !important;
    color: black !important;
    white-space: nowrap !important;
  }
  .news-ticker-bar .ticker-sep {
    font-size: 8px !important;
    margin: 0 3px !important;
    color: rgba(255,255,255,0.5) !important;
    line-height: 24px !important;
  }
  .news-ticker-bar .ticker-see-now-btn,
  .news-ticker-bar .ticker-read-now-btn {
    display: none !important;
  }
}

/* ── Banner carousel: crossfade, no white flash ── */
.front-carousel-wrap .carousel-inner {
  height: 480px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #000 !important;
}
.front-carousel-wrap .carousel-inner > .item {
  height: 480px !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in-out !important;
  transition: opacity 0.8s ease-in-out !important;
  z-index: 0;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
/* Kill every Bootstrap slide/transform class for front banner */
.front-carousel-wrap .carousel-inner > .item.next,
.front-carousel-wrap .carousel-inner > .item.prev,
.front-carousel-wrap .carousel-inner > .item.active.left,
.front-carousel-wrap .carousel-inner > .item.active.right,
.front-carousel-wrap .carousel-inner > .item.next.left,
.front-carousel-wrap .carousel-inner > .item.prev.right {
  -webkit-transform: none !important;
  transform: none !important;
  left: 0 !important;
}
.front-carousel-wrap .carousel-inner > .item.active {
  opacity: 1;
  z-index: 2;
}
.front-carousel-wrap .front-banner-img {
  width: 100% !important;
  height: 480px !important;
  max-height: 480px !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 991px) {
  .front-carousel-wrap .carousel-inner {
    height: 300px !important;
  }
  .front-carousel-wrap .carousel-inner > .item {
    height: 300px !important;
  }
  .front-carousel-wrap .front-banner-img {
    height: 300px !important;
    max-height: 300px !important;
  }
}
@media (max-width: 767px) {
  .front-carousel-wrap .carousel-inner {
    height: 200px !important;
  }
  .front-carousel-wrap .carousel-inner > .item {
    height: 200px !important;
  }
  .front-carousel-wrap .front-banner-img {
    height: 200px !important;
    max-height: 200px !important;
  }
}

/* ── Banner carousel arrows: always visible ── */
.front-carousel-wrap .carousel-control {
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 0.7 !important;
  z-index: 10 !important;
  width: 44px !important;
  height: 44px !important;
  top: 50% !important;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(0,0,0,0.4) !important;
  position: absolute !important;
  transition: opacity 0.2s, background 0.2s;
}
.front-carousel-wrap .carousel-control:hover {
  opacity: 1 !important;
  background: rgba(0,0,0,0.6) !important;
}
.front-carousel-wrap .carousel-control.left {
  left: 14px !important;
  right: auto !important;
}
.front-carousel-wrap .carousel-control.right {
  right: 14px !important;
  left: auto !important;
}
.front-carousel-wrap .carousel-control .glyphicon {
  font-size: 18px;
  position: static !important;
  margin: 0 !important;
  top: auto !important;
}

/* ── Desktop menu: center-align nav items ── */
@media (min-width: 768px) {
  .col-menu .navbar-collapse {
    flex: 1 1 auto !important;
  }
  .col-menu .navbar-collapse ul.menu.nav.navbar-nav {
    justify-content: center !important;
    width: 100% !important;
  }
}

/* ── Body content tables: full width + responsive ── */
.inner-content-col table,
.field--name-body table,
.footer-bottom-copyright p
.qrt-table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  table-layout: auto !important;
}
.inner-content-col .field--name-body,
.inner-content-col .node__content {
  overflow-x: auto;
}
.inner-content-col table td,
.inner-content-col table th {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
/* QRT/RAC/IMC tables: Name column wider, Designation narrower */
.qrt-table th:first-child,
.qrt-table td:first-child {
  width: 70% !important;
}
.qrt-table th:last-child,
.qrt-table td:last-child {
  width: 30% !important;
  text-align: center;
}
/* Ensure table wrapper doesn't constrain */
.qrt-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

/* Inner content tables — scrollable wrapper + constrain images */
.mainbg.not-front-content .inner-content-col > div,
.mainbg.not-front-content .inner-content-col .field--name-body,
.mainbg.not-front-content .inner-content-col .node__content {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  max-width: 100% !important;
 
}
.mainbg.not-front-content .inner-content-col table {
  table-layout: auto !important;
  max-width: 100% !important;
}
.inner-content-col table img {
  max-width: 90px !important;
  max-height: 150px !important;
  width: 110px !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ══════════════════════════════════════════════════════════════════
   MOBILE TABLE FIX — horizontal scroll for all tables on mobile
   Only affects screens ≤ 767px. Desktop/tablet unchanged.
   ══════════════════════════════════════════════════════════════════ */
@media only screen and (max-width: 767px) {

  /* Wrap every table's parent in a scrollable container */
  .inner-content-col,
  .inner-content-col .field--name-body,
  .inner-content-col .node__content,
  .inner-content-col > div,
  .inner-content-col article,
  .contact-table-wrap,
  .qrt-table-wrapper,
  .weather-report-section,
  .weather-advisory-content,
  .committee-members-page,
  .contact-us-page {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Tables: use min-width so they don't shrink to unreadable columns */
  .inner-content-col table,
  .field--name-body table,
  .node__content table,
  .qrt-table,
  .contact-table,
  .weather-table,
  table.table,
  table.table-bordered,
  table.Table {
    min-width: 600px !important;
    width: 100% !important;
    table-layout: auto !important;
    display: table !important;
  }

  /* Ensure cells don't break words too aggressively */
  .inner-content-col table td,
  .inner-content-col table th,
  .qrt-table td,
  .qrt-table th,
  .contact-table td,
  .contact-table th {
    white-space: nowrap;
    padding: 8px 6px !important;
    font-size: 12px !important;
  }

  /* Allow description/long text cells to wrap */
  .inner-content-col table td:nth-child(n+3),
  .qrt-table td:first-child {
    white-space: normal;
    min-width: 120px;
  }

  /* Committee table: first col (name/address) should wrap */
  .qrt-table td:first-child,
  .qrt-table th:first-child {
    white-space: normal !important;
    min-width: 200px;
  }

  /* Varieties table: description column wraps */
  .iihr-varieties-table td:nth-child(4) {
    white-space: normal;
    min-width: 150px;
  }

  /* Weather table: let all cells stay on one row */
  .weather-report-section table {
    min-width: 700px !important;
  }

  /* Contact table mobile */
  .contact-table {
    min-width: 650px !important;
  }

  /* Table images stay small */
  .inner-content-col table img {
    max-width: 80px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   SEARCH RESULTS PAGE — clean styled results
   ══════════════════════════════════════════════════════════════════ */

/* Search form styling */
.search-form .form-item label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin-right: 8px;
}
.search-form .form-text {
  padding: 10px 14px;
  border: 2px solid #16650a;
  border-radius: 4px;
  font-size: 15px;
  width: 400px;
  max-width: 100%;
  outline: none;
}
.search-form .form-text:focus {
  border-color: #c9a227;
  box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);
}
.search-form .form-submit {
  padding: 10px 24px;
  background: #16650a;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 8px;
}
.search-form .form-submit:hover {
  background: #1a7c0d;
}

/* Search results list */
.item-list ol li,
.item-list ul li {
  margin-bottom: 0;
}
.search-results {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 !important;
}
.search-results > li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}

/* Individual search result card */
.iihr-search-result {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-left: 4px solid #16650a;
  border-radius: 4px;
  padding: 16px 20px;
  transition: box-shadow 0.2s, border-color 0.2s;
}
.iihr-search-result:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border-left-color: #c9a227;
}
.iihr-search-title {
  margin: 0 0 8px;
  font-size: 17px;
  line-height: 1.3;
}
.iihr-search-title a {
  color: #16650a;
  text-decoration: none;
}
.iihr-search-title a:hover {
  color: #c9a227;
  text-decoration: underline;
}
.iihr-search-snippet {
  margin: 0 0 10px;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}
.iihr-search-snippet strong {
  color: #c9a227;
  font-weight: 700;
}
.iihr-search-meta {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: #888;
}
.iihr-search-meta i {
  margin-right: 4px;
  color: #16650a;
}
.iihr-search-type {
  background: #f0f7f1;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  color: #16650a;
}

/* About searching link */
.search-help-link {
  font-size: 13px;
}
.search-help-link a {
  color: #16650a;
}

/* ── Footer Clock (right side of copyright row) ── */
.footer-designed-by {
  font-size: 13px;
  color: #c8d8b8;
  font-style: italic;
  margin: 0;
  line-height: 1.6;
}

/* ── Content Edit Icon (small pencil circle on editable sections) ── */
.content-edit-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 50;
  width: 30px;
  height: 30px;
  background: rgba(22,101,10,.85);
  color: #fff !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-decoration: none !important;
  backdrop-filter: blur(4px);
  transition: background .15s, transform .15s;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.content-edit-icon:hover {
  background: rgba(22,101,10,1);
  color: #fff !important;
  transform: scale(1.12);
  text-decoration: none !important;
}

/* ── PG Education page: fix flex image overflow ── */
.pg-education-page div[style*="display:flex"] {
  flex-wrap: wrap !important;
  overflow: hidden !important;
}
.pg-education-page div[style*="display:flex"] > img {
  width: calc(50% - 15px) !important;
  max-width: calc(50% - 5px) !important;
  height: auto !important;
}

/* ── Photo Gallery Lightbox ── */
.gallery-lightbox-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 99999;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.gallery-lightbox-overlay.active {
  display: flex;
}
.gallery-lightbox-overlay img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 4px 30px rgba(0,0,0,0.5);
}
.gallery-lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  cursor: pointer;
  z-index: 100000;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
}
.gallery-lightbox-close:hover {
  background: rgba(255,255,255,0.2);
}
.gallery-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  padding: 20px;
  z-index: 100000;
  background: rgba(0,0,0,0.3);
  border-radius: 4px;
}
.gallery-lightbox-nav:hover {
  background: rgba(255,255,255,0.2);
}
.gallery-lightbox-prev { left: 20px; }
.gallery-lightbox-next { right: 20px; }