.supervisor{
  padding: 0.8rem !important;
}

article.post .post-date .year {
   display: block;
   background: #C93C1D;
   border-radius: 0 0 2px 2px;
   color: #FFF;
   padding: 1px 10px;
   text-transform: uppercase;
   margin-bottom: 10px;
}
.SmallBannerBox {
   display: inline-block;
   border: 1px solid #CECECE;
   border-radius: 5px !important;
   width: 100%;
   height: 85px;
   overflow: hidden;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.CaseInfoBox {
   position: absolute;
   top: 43%;
   left: 0%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   background: rgba(234, 229, 217, 0.7);
   color: #000000;
   font-weight: 600;
   letter-spacing: -.05em;
   z-index: 10;
   max-width: 90%;
   font-size: 17px;
   padding: 10px 15px 30px 5px;
}
.CaseInfoCompany {
   position: relative;
   background-color: #CC8B56;
   color: #FFFFFF;
   border-radius: 2px;
   display: inline-block;
   float: left;
   font-size: 0.6em;
   font-weight: 600;
   letter-spacing: 0;
   top: 24px;
   left: 60px;
   margin: 8px -2px -15px 0px;
   padding: 2px 12px;
   text-transform: uppercase;
   z-index: 20;
   line-height: 2.3;
}
.CaseInfoBoxS {
   position: absolute;
   top: 43%;
   left: 0%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   background: rgba(16, 174, 155, 0.7);
   color: #FFFFFF;
   font-weight: 600;
   letter-spacing: -.05em;
   z-index: 10;
   max-width: 120%;
   font-size: 17px;
   padding: 10px 15px 10px 30px;
}
#footer a:hover {
   color: #14B09B !important;
   transition: all 0.3s;
}
.list.list-icons li a {
   color: #333333;
}
.list.list-icons li a:hover {
   color: #0359ae;
}
.list.list-icons li a:visited {
   color: #999999;
}
a.Icon {
   transition: all 0.2s ease;
   border-radius: 100%;
   display: inline-block;
   width: 28px;
   height: 28px;
   line-height: 28px;
   text-align: center;
   background-color: #87cefa;;
   color: #222222 !important;
   text-decoration: none;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
   margin-left: 5px;
}
a.Icon:hover {
   background-color: #009EDF;
   color: #FFFFFF !important;
}
.UnitHeader {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
div.Supervisor {
   width: 100%;
   padding-bottom: 130%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border: 1px solid #CECECE;
}
div.MemberLogo {
   width: 100%;
   padding-bottom: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border: 1px solid #CECECE;
}
.captcha {
   width: 140px;
   max-width:140px;
   min-width:140px;
}
sup, .help-block {
   color: red !important;
}
@media only screen and (min-device-width: 1024px) {
   div.EventListImg {
      width: 100%;
      max-height: 340px;
      overflow: hidden;
   }
   div.FileListImg {
      width: 100%;
      max-height: 200px;
      overflow: hidden;
   }
}
@media only screen and (max-device-width: 1002px) {
   div.EventListImg {
      width: 100%;
      max-height: 280px;
      overflow: hidden;
   }
   div.FileListImg {
      width: 100%;
      max-height: 160px;
      overflow: hidden;
   }
}
@media only screen and (max-device-width: 736px) {
   div.EventListImg {
      width: 100%;
      max-height: 140px;
      overflow: hidden;
   }
   div.FileListImg {
      width: 100%;
      max-height: 120px;
      overflow: hidden;
   }
   .oContent img {
      max-width: 100% !important;
      height: auto !important;
   }

}
div.LinksImg {
   width: 100%;
   max-height: 160px;
   border: 1px solid #CECECE;
   overflow: hidden;
   box-sizing: border-box;
}
.WorksImg {
   width: 100%;
   max-height: 180px;
   min-height: 180px;
   border: 1px solid #CECECE;
   overflow: hidden;
   box-sizing: border-box;
}
div.oBook {
   border: 1px solid #CECECE;
   width: 100% !important;
   padding-bottom: 146% !important;
}
div._df_book-cover {
   position: absolute !important;
}
._df_book-tag {
   margin-top: -30px !important;
}
.df-lightbox-close {
   font-weight: bold;
   color: #FFFFFF !important;
   background-color: rgba(255, 0, 0, 0.7) !important;
   border-color: #FF0000;
   transition: 0.3s;
}
.df-lightbox-close:hover {
   color: #FF0000 !important;
   background-color: rgba(255, 255, 255, 0.7) !important;
   /* border-color: black; */
   border-color: #999999;
}
div.AlbumImg {
   width: 100%;
   max-height: 160px;
   min-height: 160px;
   border: 1px solid #CECECE;
   overflow: hidden;
   box-sizing: border-box;
}
span.AlbumImg {
   display: block;
   width: 100%;
   height: 160px;
   overflow: hidden;
   box-sizing: border-box;
}
#footer a:not(.btn) {
   color: #333333;
}
#footer h4 {
   color: #777777;
}
@media (min-width: 992px) {
   #header .header-container {
      min-height: 94px;
   }
   #header .header-nav-main nav {
      max-width: 920px;
   }
   #header .main-nav-two-rows {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 4px;
      padding: 8px 0;
   }
   #header .main-nav-line {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-end;
      width: 100%;
   }
   #header .header-nav.header-nav-stripe nav .main-nav-line > li > a {
      padding: 0 .58rem !important;
   }
   #header .header-nav-main nav .main-nav-line > li > a {
      color: #5e7279 !important;
      font-size: 16px !important;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 36px;
      min-height: 36px;
      white-space: nowrap;
   }
   #header .header-nav-main nav .main-nav-line > li > a i {
      color: #5e7279;
      font-size: 14px;
      margin-right: 5px;
   }
   #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li a {
      color: #5e7279;
   }
   #header .header-nav-main nav > .main-nav-two-rows > ul > li.dropdown.open > .dropdown-menu,
   #header .header-nav-main nav > .main-nav-two-rows > ul > li.dropdown:hover > .dropdown-menu {
      top: auto;
      display: block;
      opacity: 1;
      margin-top: -1px;
      border-top:2px solid #E04622;
   }
   #header .header-nav-main nav .main-nav-line > li:hover > a,
   #header .header-nav-main nav .main-nav-line > li.open > a,
   #header .header-nav-main nav .main-nav-line > li > a:hover,
   #header .header-nav-main nav .main-nav-line > li > a:focus {
      background-color: #E04622 !important;
      color: #FFFFFF !important;
   }
   #header .header-nav-main nav .main-nav-line > li:hover > a i,
   #header .header-nav-main nav .main-nav-line > li.open > a i,
   #header .header-nav-main nav .main-nav-line > li > a:hover i,
   #header .header-nav-main nav .main-nav-line > li > a:focus i {
      color: #FFFFFF;
   }
   #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li:active > a {
      background-color: #E04622;
      color: #FFFFFF;
      font-weight: bolder;
   }
}
@media (max-width: 991px) {
   #header .header-nav-main nav > .main-nav-two-rows > ul li.dropdown.open > .dropdown-menu {
      display: block;
      margin-left: 0;
   }
}
ul.nav-list li a:hover {
   color: #333333;
   background-color: #EEEEEE;
   font-weight: bolder;
}
.form-control {
   border-color: rgba(224, 70, 34, 0.3) !important;
}

/* 2026 upgrade: readability and list ergonomics */
body {
   font-size: 16px;
   line-height: 1.85;
   color: #333333;
}
.main p,
.main li,
.main .post-content,
.main .post-meta,
.main .oContent {
   font-size: 1.03rem;
   line-height: 1.9;
}
.main h2 {
   letter-spacing: 0;
}
.post.post-medium,
.post.post-large {
   padding-bottom: 1.45rem;
   margin-bottom: 1.45rem;
   border-bottom: 1px solid #e7e2dc;
}
.post.post-medium:last-child,
.post.post-large:last-child {
   border-bottom: 0;
}
.post-meta {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: .45rem .75rem;
}
.post-meta span {
   margin-right: 0 !important;
}
.upgrade-action-row {
   display: flex;
   flex-wrap: wrap;
   gap: .5rem;
   align-items: center;
   margin-top: .85rem;
}
.upgrade-action-row.float-sm-right {
   float: none !important;
}
.upgrade-action-row .btn {
   margin: 0;
}
.upgrade-download-card {
   padding: 1.15rem 1.25rem;
   border: 1px solid #e4ded6;
   background: #fffdf9;
}
.upgrade-download-card:hover {
   border-color: rgba(224, 70, 34, .45);
   box-shadow: 0 10px 28px rgba(28, 35, 43, .08);
}
.upgrade-announcements {
   background: #f8f6f2;
   border-top: 1px solid #e5ded4;
   border-bottom: 1px solid #e5ded4;
}
.upgrade-announcements h3 {
   font-size: 1.35rem;
   margin-bottom: 1rem;
}
.upgrade-announcement-item {
   display: block;
   min-height: 150px;
   padding: 1rem;
   border: 1px solid #e5ded4;
   background: #ffffff;
   color: #333333;
   text-decoration: none !important;
}
.upgrade-announcement-img {
   display: block;
   width: 100%;
   aspect-ratio: 4 / 3;
   background-position: center;
   background-size: cover;
   background-color: #ece7df;
   margin-bottom: .85rem;
}
.upgrade-badge {
   display: inline-flex;
   align-items: center;
   gap: .25rem;
   min-width: 3.2rem;
   padding: .15rem .45rem;
   border-radius: 4px;
   color: #ffffff;
   font-size: .88rem;
   font-weight: 700;
   line-height: 1.35;
}
.upgrade-badge-new {
   background: #0b7a75;
}
.upgrade-badge-important {
   background: #b2332f;
}
.upgrade-badge-event {
   background: #8a5b16;
}
.open-gov-card,
.open-gov-panel,
.open-gov-stat {
   border: 1px solid #e2e8e4;
   background: #fff;
   border-radius: 6px;
}
.open-gov-card-body,
.open-gov-panel {
   padding: 18px;
}
.open-gov-card h3 {
   font-size: 20px;
   line-height: 1.35;
   margin-bottom: 8px;
}
.open-gov-period {
   color: #6a7470;
   font-size: 13px;
   margin-bottom: 6px;
}
.open-gov-metric {
   color: #1f7a8c;
   font-size: 30px;
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 8px;
}
.open-gov-chart {
   height: 230px;
}
.open-gov-detail-chart {
   height: 340px;
}
.open-gov-stat {
   padding: 16px;
}
.open-gov-stat span {
   color: #6a7470;
   display: block;
   font-size: 13px;
   margin-bottom: 4px;
}
.open-gov-stat strong {
   color: #1f7a8c;
   display: block;
   font-size: 26px;
   line-height: 1.25;
}
.open-gov-note {
   background: #f7faf8;
   border-left: 4px solid #1f7a8c;
   padding: 18px;
}
.open-gov-note h4 {
   color: #1f342f;
   font-size: 18px;
   margin-bottom: 8px;
}
.open-gov-note p {
   margin-bottom: 0;
}
.open-gov-note-ai {
   border-left-color: #c44536;
}
.partner-ad-strip {
   background: #f6f4f0;
   border-top: 1px solid #e5ded4;
   padding: 34px 0 38px;
}
.partner-ad-carousel .owl-stage {
   display: flex;
}
.partner-ad-carousel .owl-item {
   display: flex;
}
.partner-ad-card {
   display: flex;
   flex-direction: column;
   width: 100%;
   min-height: 250px;
   border: 1px solid #e1d9cf;
   background: #ffffff;
   color: #333333;
   text-decoration: none !important;
   transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.partner-ad-card:hover {
   color: #333333;
   border-color: rgba(224, 70, 34, .5);
   box-shadow: 0 14px 30px rgba(28, 35, 43, .12);
   transform: translateY(-2px);
}
.partner-ad-image {
   display: block;
   width: 100%;
   aspect-ratio: 16 / 9;
   background-color: #e9e3da;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.partner-ad-title,
.partner-ad-subtitle {
   display: block;
   padding: 0 18px;
}
.partner-ad-title {
   margin-top: 16px;
   color: #1f342f;
   font-size: 18px;
   font-weight: 700;
   line-height: 1.45;
}
.partner-ad-subtitle {
   margin-top: 4px;
   margin-bottom: 16px;
   color: #6a7470;
   font-size: 14px;
   line-height: 1.6;
}
.partner-dashboard-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   margin-bottom: 24px;
}
.partner-dashboard-head span {
   color: #6a7470;
   display: block;
   font-size: 14px;
}
.partner-dashboard-head h2 {
   margin-bottom: 0;
}
.partner-login-form,
.partner-chart-panel {
   border: 1px solid #e2e8e4;
   background: #ffffff;
   border-radius: 6px;
   padding: 22px;
}
.partner-chart-panel h3 {
   font-size: 20px;
   margin-bottom: 16px;
}
.partner-filter-bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 18px;
   margin-bottom: 24px;
   border: 1px solid #e2e8e4;
   background: #f7faf8;
   border-radius: 6px;
   padding: 16px 18px;
}
.partner-filter-title span {
   color: #1f342f;
   font-weight: 700;
}
.partner-filter-fields {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   flex-wrap: wrap;
   gap: 8px 10px;
}
.partner-filter-fields label {
   margin-bottom: 0;
   color: #4f5c57;
   font-size: 14px;
   white-space: nowrap;
}
.partner-filter-fields .form-control {
   width: 160px;
}
.partner-summary-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
   margin-bottom: 24px;
}
.partner-summary-card {
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-height: 112px;
   border: 1px solid #dbe6df;
   background: #ffffff;
   border-radius: 6px;
   padding: 18px;
   text-align: left;
}
.partner-summary-card span {
   color: #5b6863;
   font-size: 14px;
   line-height: 1.35;
   margin-bottom: 8px;
}
.partner-summary-card strong {
   color: #1f342f;
   display: block;
   font-size: 28px;
   line-height: 1.2;
}
.partner-download-card {
   cursor: pointer;
   transition: border-color .2s ease, box-shadow .2s ease;
}
.partner-download-card:hover,
.partner-download-card:focus {
   border-color: rgba(196, 69, 54, .55);
   box-shadow: 0 10px 24px rgba(28, 35, 43, .1);
   outline: 0;
}
.partner-download-card:disabled {
   cursor: wait;
   opacity: .65;
}
.partner-download-card strong {
   color: #c44536;
}
.partner-chart-list {
   display: grid;
   gap: 18px;
}
.partner-object-chart {
   border: 1px solid #edf1ee;
   background: #fbfdfb;
   border-radius: 6px;
   padding: 18px;
}
.partner-object-chart h4 {
   color: #1f342f;
   font-size: 18px;
   line-height: 1.45;
   margin-bottom: 14px;
}
.partner-chart-box {
   height: 330px;
}
.partner-empty-state {
   border: 1px dashed #cdd8d1;
   background: #fbfdfb;
   color: #6a7470;
   border-radius: 6px;
   padding: 22px;
   text-align: center;
}
@media (max-width: 767px) {
   body {
      font-size: 15.5px;
   }
   .post-meta {
      display: block;
   }
   .post-meta > span,
   .upgrade-action-row {
      display: flex !important;
      margin-top: .5rem !important;
   }
   .partner-filter-bar,
   .partner-filter-fields {
      align-items: stretch;
      flex-direction: column;
   }
   .partner-filter-fields .form-control {
      width: 100%;
   }
   .partner-summary-grid {
      grid-template-columns: 1fr;
   }
   .partner-chart-box {
      height: 290px;
   }
}
@media (max-width: 991px) {
   #header .main-nav-two-rows {
      display: block;
      padding: 0;
      width: 100%;
   }
   #header .main-nav-line {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
   }
   #header .header-nav-main nav .main-nav-line > li {
      display: block;
      float: none;
      width: 100%;
   }
   #header .header-nav-main nav .main-nav-line > li > a {
      color: #E04622 !important;
      display: block;
      font-size: 13px !important;
      font-weight: 700;
      line-height: 24px;
      min-height: 0;
      padding: 8px 15px !important;
      position: relative;
      width: 100%;
   }
   #header .header-nav-main nav .main-nav-line > li > a i {
      display: none;
   }
   #header .header-nav-main nav .main-nav-line > li.dropdown > a.dropdown-toggle:after {
      border-top-color: #E04622;
      display: inline-block;
      position: absolute;
      right: 15px;
      top: 18px;
   }
   #header .header-nav-main nav .main-nav-line > li.dropdown.open > a.dropdown-toggle:after {
      border-top: 0;
      border-right: .3em solid transparent;
      border-bottom: .3em solid #E04622;
      border-left: .3em solid transparent;
   }
   #header .header-nav-main nav > .main-nav-two-rows > ul li.dropdown .dropdown-menu {
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      clear: both;
      display: none;
      float: none;
      font-size: 13px;
      margin: 0;
      min-width: 0;
      opacity: 1;
      padding: 0;
      position: static;
      transform: none;
      width: 100%;
   }
   #header .header-nav-main nav > .main-nav-two-rows > ul li.dropdown.open > .dropdown-menu {
      display: block;
   }
   #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li a {
      border-bottom: 1px solid #eeeeee;
      color: #333333;
      line-height: 24px;
      padding: 6px 15px 6px 30px;
      text-align: left;
      width: 100%;
   }
   #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li:hover > a,
   #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li:focus > a,
   #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li.active > a,
   #header .header-nav-main nav .main-nav-line > li.dropdown .dropdown-menu li:active > a {
      background-color: transparent;
      color: #E04622;
      font-weight: 700;
   }
   .partner-dashboard-head {
      align-items: flex-start;
      flex-direction: column;
   }
}
@media (min-width: 768px) and (max-width: 991px) {
   .partner-summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}
