/* TOC 

1.  Variables
2.  Global
3.  Components
4.  Sections

*/

/*------------------------------------*
   1. Variables
*------------------------------------*/

/*---*
colors
*----*/

:root {
   --cci-light-blue: #DCF4F7;
   --cci-blue: #75EEFF;
   --cci-purple: #728EF3;
   --cci-red: #D64000;
   --cci-yellow: #FECB3F;
   --cci-teal: #137E96;
   --cci-dark-teal: #0C4F5F;
   --cci-charcoal: #02001D;
   --cci-purple-red-gradient: linear-gradient(122deg, #6A70FF 21.54%, #D64000 77.63%);
   --cci-purple-red-gradient-dark: linear-gradient(180deg, #272B93 0%, #D64000 100%);
   --cci-hero-top-padding: 191.3px;
   --cci-hero-top-padding-mobile: 113.191px;
   /* wireframe */
   --cci-light-1: #F2F2F2;
   --cci-light-2: #E0E0E0;
   --cci-medium-1: #BDBDBD;
   --cci-medium-2: #626262;
   --cci-dark: #2C2C2C;
   --cci-gray-2: #4F4F4F;
   --cci-gray-3: #828282;
}

/*---*
type
*----*/

:root {
   --cci-body-family: "neue-haas-unica", sans-serif;
   --cci-display-family: "indivisible", sans-serif;
}

.manrope-500 {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.inter-500 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

/*---*
bs overrides
*----*/

.navbar-brand {
   padding-top: 0;
   padding-bottom: 0;
}

.form-control,
.form-select {
   border-radius: 0;
   padding: 16px 20px 14px 20px;
   font-family: var(--cci-display-family) !important;
   font-size: 16px !important;
   font-style: normal !important;
   line-height: 100% !important; /* 16px */
   border-color: var(--cci-charcoal);
}

.border-bottom {
   border-color: var(--cci-charcoal) !important;
}

.form-check-input[type=checkbox] {
    border-radius: 0;
}

.input-group-text {
   background-color: transparent;
}

.btn {
   padding: 16px 20px 14px 20px;
   border-radius: 0;
   font-family: var(--cci-display-family) !important;
   font-size: 16px !important;
   font-style: normal !important;
   font-weight: 700 !important;
   line-height: 100%; /* 16px */
   text-transform: uppercase !important;
   letter-spacing: -0.16px;
   color: var(--cci-charcoal);
}

.btn-light {
   background-color: #fff;
   border-color: #fff;
   color: var(--cci-charcoal);
}

.btn-light:hover {
   color: var(--cci-charcoal);
   background-color: var(--cci-blue);
   border-color: var(--cci-charcoal);
}

.btn-dark {
   background-color: var(--cci-charcoal);
   border-color: var(--cci-charcoal);
   color: #fff;
}

.btn-dark:hover {
   color: #fff;
   background-color: var(--cci-red);
   border-color: var(--cci-red);
}

.btn-check+.btn:hover {
    color: var(--cci-charcoal);
    background-color: #fff;
    border-color: var(--cci-charcoal);
}

.btn-primary {
   background-color: var(--cci-red);
   border-color: var(--cci-red);
   color: #fff;
}

.btn-primary:hover {
   color: #fff;
   background-color: var(--cci-charcoal);
   border-color: var(--cci-charcoal);
}

.btn-close-icon {
   width: 8.184px;
   height: 8.184px;
   stroke: var(--cci-charcoal);
}

.btn--hero-link {
   font-weight: 500 !important;
}

.navbar-toggler,
.navbar-toggler:focus {
   border: none !important;
   box-shadow: none !important;
}

/* mobile buttons */

@media (max-width: 991px) {
   .btn {
      font-size: 15px;
   }
   .docs-nav .btn--hero-link {
      width: 100%;
   }
}

/*---*
bs-select overrides
*----*/

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: var(--cci-charcoal) !important;
    border: 1px solid var(--cci-charcoal) !important;
}

.dropdown-toggle.bs-placeholder.show,
.dropdown-toggle.bs-placeholder:hover,
.dropdown-toggle.bs-placeholder:active,
.dropdown-toggle.bs-placeholder:focus {
   background-color: var(--cci-light-blue) !important;
   border: 1px solid var(--cci-charcoal) !important;
}

/*------------------------------------*
   2. Global
*------------------------------------*/

body {
   font-family: var(--cci-body-family);
   font-weight: 300;
   position: relative;
   color: var(--cci-charcoal);
}

a {
   color: var(--cci-charcoal);
   text-decoration-color: var(--cci-red);
   text-underline-offset: 3px;
}

a:hover {
   color: var(--cci-red);
}

/*---*
headers (5)
*----*/

h1 {
   font-family: var(--cci-display-family);
   font-size: 108px;
   font-weight: 700;
   font-style: normal;
   line-height: 100%; /* 108px */
   letter-spacing: -2.16px;
   color: var(--cci-charcoal);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

h2,
.h2 {
   font-family: var(--cci-display-family);
   font-size: 84px;
   font-style: normal;
   font-weight: 700;
   line-height: 110%; /* 92.4px */
   color: var(--cci-charcoal);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

h3,
.h3 {
   font-family: var(--cci-display-family);
   font-size: 44px;
   font-style: normal;
   font-weight: 400;
   line-height: 115%; /* 50.6px */
   color: var(--cci-charcoal);
   letter-spacing: -0.44px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

h4 {
   font-family: var(--cci-display-family);
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: 115%; /* 36.8px */
   color: var(--cci-charcoal);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

h5, .h5 {
   font-family: var(--cci-display-family);
   font-size: 21px;
   font-style: normal;
   font-weight: 700;
   line-height: 130%; /* 27.3px */
   letter-spacing: -0.21px;
   color: var(--cci-charcoal);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

/* mobile headers */

@media (max-width: 991px) {
   h1 {
      font-size: 48px;
      letter-spacing: -0.96px;
   }
   h2, .h2 {
      font-size: 42px;
   }
   h3, .h3 {
      font-size: 27px;
   }
   h4 {
      font-size: 24px;
   }
   h5, .h5 {
      font-size: 18px;
   }
}

/*---*
text styles (4)
*----*/

.text--p1 {
   font-family: var(--cci-display-family) !important;
   font-size: 36px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: 130% !important; /* 46.8px */
   letter-spacing: -0.72px !important;
   color: var(--cci-charcoal);
}

.text--p2 {
   font-family: var(--cci-body-family) !important;
   font-size: 23px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 140% !important; /* 32.2px */
   color: var(--cci-charcoal);
}

.text--p3 {
   font-family: var(--cci-body-family) !important;
   font-size: 18px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 130% !important; /* 23.4px */
   letter-spacing: -0.18px !important;
   color: var(--cci-charcoal);
}

.text--p4 {
   font-family: var(--cci-body-family) !important;
   font-size: 16px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 130%; /* 20.8px */
   letter-spacing: -0.16px !important;
   color: var(--cci-charcoal);
}

/* mobile text styles */

@media (max-width: 991px) {
   .text--p1 {
      font-size: 24px !important;
   }
   .text--p2 {
      font-size: 19px !important;
   }
   .text--p3 {
      font-size: 16px !important;
   }
   .text--p4 {
      font-size: 15px !important;
   }
}

/*---*
label styles (2)
*----*/

.text--label-1 {
   font-family: var(--cci-display-family) !important;
   font-size: 18px !important;
   font-style: normal !important;
   font-weight: 700 !important;
   line-height: 120%; /* 21.6px */
   letter-spacing: 0.9px !important;
   text-transform: uppercase !important;
   color: var(--cci-charcoal);
}

.text--label-2 {
   font-family: var(--cci-display-family) !important;
   font-size: 14px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: 120%; /* 16.8px */
   letter-spacing: 0.42px !important;
   text-transform: uppercase !important;
   color: var(--cci-charcoal);
}

/* mobile label styles */

@media (max-width: 991px) {
   .text--label-1 {
      font-size: 16px !important;
   }
}


/*---*
cta styles (3)
*----*/

.text--cta-1 {
   font-family: var(--cci-display-family) !important;
   font-size: 20px !important;
   font-style: normal !important;
   font-weight: 700 !important;
   line-height: 100% !important; /* 20px */
   color: var(--cci-charcoal);
}

.text--cta-2 {
   font-family: var(--cci-display-family) !important;
   font-size: 18px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 110%; /* 19.8px */
   color: var(--cci-charcoal);
}

.text--cta-3 {
   font-family: var(--cci-display-family) !important;
   font-size: 16px !important;
   font-style: normal !important;
   font-weight: 700 !important;
   line-height: 100%; /* 16px */
   text-transform: uppercase !important;
   letter-spacing: -0.16px;
   color: var(--cci-charcoal);
}

/*---*
metadata styles (1)
*----*/

.text--metadata {
   font-family: var(--cci-body-family) !important;
   font-size: 15px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 125% !important; /* 18.75px */
   letter-spacing: -0.15px !important; 
}

.text--medium-2 {
   color: var(bg--medium-2);
}

.header--bold,
p strong {
   font-weight: 700 !important;
}

.label--external-link {
   position: relative;
   padding-right: 40px;
}

.label--external-link:after {
   content: '';
   width: 20px;
   height: 20px;
   background: url('/uploads/media/icn-external-link.svg') 0 0 no-repeat;
   position: absolute;
   right: 0;
   top: 0;
}

/*---*
backround colors
*----*/

.bg--dark {
   background-color: var(--cci-charcoal);
}

.bg--light-1 {
   background-color: var(--cci-light-1);
}

.bg--light-2 {
   background-color: var(--cci-light-2);
}

.bg--gray-2 {
   background-color: var(--cci-gray-2);
}

.bg--medium-2 {
   background-color: var(--cci-medium-2);
}

.bg--white {
   background-color: #fff;
}

.bg--charcoal {
   background-color: var(--cci-charcoal);
}

.bg--purple {
   background-color: var(--cci-purple);
}

.bg--dark-teal {
   background-color: var(--cci-dark-teal);
}

.bg--blue-lgt {
   background-color: var(--cci-light-blue);
}

.bg--purple-red-gradient {
   background: var(--cci-purple-red-gradient);
}

.bg--purple-red-gradient-dark {
   background: var(--cci-purple-red-gradient-dark);
}

.bg--purple-red-gradient-animated {
    background: linear-gradient(122deg, #6A70FF, #D64000);
    background-size: 200% 200%;

    -webkit-animation: gradientAnimation 7s ease infinite;
    -moz-animation: gradientAnimation 7s ease infinite;
    animation: gradientAnimation 7s ease infinite;
}

@-webkit-keyframes gradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes gradientAnimation {
    0%{background-position:0% 50% !important}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes gradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/*---*
fill colors
*----*/

.fill--blue {
   fill: var(--cci-blue);
}

.fill-yellow {
   fill: var(--cci-yellow);
}

.fill-red {
   fill: var(--cci-red);
}

/*---*
text colors
*----*/

.text--white {
   color: #fff;
}

.text--yellow {
   color: var(--cci-yellow);
}

.text--red {
   color: var(--cci-red);
}

.text--highlight {
   position: relative;
   /*-webkit-box-decoration-break: clone;
   -o-box-decoration-break: clone;
   box-decoration-break: clone;
   *background-color: var(--cci-blue);*/
   color: var(--cci-charcoal);
   background: -webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(50%,var(--cci-blue))) 0/200%;
    background: linear-gradient(to right,transparent 50%,var(--cci-blue) 50%) 0/200%;
    -webkit-transition: background 300ms linear;
    transition: background 300ms linear;
}

.text--highlight.active {
   background-position: -100%;
}

.text--highlight-inner {
   color: transparent;
   -webkit-background-clip: text !important;
   background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,var(--cci-charcoal))) 0/200%;
   background: linear-gradient(to right,#fff 50%,var(--cci-charcoal) 50%) 0/200%;
   transition: background 300ms linear;
}

.text--highlight.active .text--highlight-inner {
   background-position: -100%;
}

.header--highlight {
   line-height: 130%;
}

/*
.text--highlight:before {
   content: '';
   position: absolute;
   left: 0;
   top: 2px;
   bottom: 2px;
   right: 0;
   background-color: var(--cci-blue);
   color: var(--cci-charcoal);
}
*/

mark::before,
mark::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*---*
link colors
*----*/

.link--white {
   color: #fff;
   text-decoration-color: #fff;
}

.link--charcoal {
   color: var(--cci-charcoal);
   text-decoration-color: var(--cci-charcoal);
}

.link--white svg path {
   stroke: #fff;
}

.link--black {
   color: #000;
}

.link--black svg path {
   stroke: #000;
}

.link--featured-news {
   color: var(--cci-charcoal);
   text-decoration: none;
}

.link--featured-news:hover {
   color: var(--cci-charcoal);
   text-decoration: underline;
}

/*---*
link styles
*----*/

.link--resource {
   font-family: var(--cci-display-family) !important;
   font-size: 14px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: 120%; /* 16.8px */
   letter-spacing: 0.42px !important;
   text-transform: uppercase !important;
   color: var(--cci-charcoal);
   position: relative;
   text-decoration: none;
   padding-bottom: 8px;
   flex-grow: 0;
}

.link--resource:hover {
   color: var(--cci-red);
}

.link--resource:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: var(--cci-red);
}

.link--resource:hover .link--resource__icon {
   margin-left: 12px;
}

.link--resource__icon {
   width: 8.423px;
   height: 11.216px;
   stroke: var(--cci-red);
   margin-left: 8px;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.link--resource--light {
   font-family: var(--cci-display-family) !important;
   font-size: 14px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: 120%; /* 16.8px */
   letter-spacing: 0.42px !important;
   text-transform: uppercase !important;
   color: #fff;
   position: relative;
   text-decoration: none;
   padding-bottom: 8px;
   flex-grow: 0;
}

.link--resource--light:hover {
   color: var(--cci-blue);
}

.link--resource--light:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: var(--cci-blue);
}

.link--resource--light:hover .link--resource--light__icon {
   margin-left: 12px;
}

.link--resource--light__icon {
   width: 8.423px;
   height: 11.216px;
   stroke: var(--cci-blue);
   margin-left: 8px;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*---*
breadcrumb link
*----*/

.breadcrumb-link {
   position: absolute;
   left: 12px;
   top: 38.46px;
}

/* mobile breadcrumb */

@media (max-width: 991px) {
   .breadcrumb-link {
      top: 18.46px;
   }
}

/*---*
list styles
*----*/

.list-legend-marker {
   width: 21px;
   height: 21px;
}

.resource-list {
   list-style: none;
}
.resource-list li {
   font-family: var(--cci-body-family) !important;
   font-size: 23px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 140% !important; /* 32.2px */
   color: var(--cci-charcoal);
   margin-bottom: .75rem;
   position: relative;
}

.resource-list li:before {
   content: '';
   position: absolute;
   left: -20px;
   top: 14px;
   width: 5px;
   height: 5px;
   background-color: var(--cci-charcoal);
   border-radius: 100%;
}

/*---*
form styles
*----*/

.form-control--light,
.form-control--light:focus {
   border-color: #fff;
   background-color: transparent;
   color: #fff;
}

.form-control--light::placeholder {
   color: #fff;
}

.form-control--filter,
.form-control--filter + .input-group-text {
   border-color: var(--cci-charcoal);
}

.form-control--filter::placeholder {
   font-family: var(--cci-display-family) !important;
   font-size: 16px !important;
   font-style: normal !important;
   font-weight: 700 !important;
   line-height: 100%; /* 16px */
   text-transform: uppercase !important;
   letter-spacing: -0.16px;
   color: var(--cci-charcoal);   
}

.form-control--filter__icon {
   width: 18px;
   height: 18px;
   fill: var(--cci-charcoal);
}

/*---*
spacers
*----*/

.my-120 {
   margin: 120px 0;
}

.my-80 {
   margin: 80px 0;
}

.py-120 {
   padding: 120px 0;
}

.pt-120 {
   padding-top: 120px;
}

.mb-120 {
   margin-bottom: 120px;
}

.pb-120 {
   padding-bottom: 120px;
}

.pb-80 {
   padding-bottom: 80px;
}

.pt-60 {
   padding-top: 60px;
}

.pb-60 {
   padding-bottom: 60px;
}

.pt-40 {
   padding-top: 40px;
}

.pt-70 {
   padding-top: 70px;
}

.pt-80 {
   padding-top: 80px;
}

.mt-80 {
   margin-top: 80px;
}

.mt-60 {
   margin-top: 60px;
}

.mb-60 {
   margin-bottom: 60px;
}

.mb-70 {
   margin-bottom: 70px;
}

.mb-80 {
   margin-bottom: 80px;
}

/* mobile spacers */

@media (max-width: 991px) {
   .py-120 {
      padding: 50px 0;
   }
   .my-120 {
      margin: 50px 0;
   }
   .pb-120 {
      padding-bottom: 50px;
   }
   .pb-80 {
      padding-bottom: 30px;
   }
   .pt-120 {
      padding-top: 50px;
   }
   .pt-70 {
      padding-top: 50px;
   }
   .pt-80 {
      padding-top: 50px;
   }
   .mb-70,
   .mb-60 {
      margin-bottom: 30px;
   }
   .mb-120 {
      margin-bottom: 50px;
   }
}

/*---*
header
*----*/

.header--global {
   position: absolute;
   width: 100%;
   z-index: 2000;
}

/*---*
navbar
*----*/

.navbar--global {
   padding-top: 50px;
   padding-bottom: 50px;
   background-color: transparent;
   position: relative;
   z-index: 2000;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.navbar--global__logo {
   width: 158px;
   height: 91.31px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   fill: var(--cci-charcoal);
}

.navbar--global__logo:hover {
   fill: var(--cci-dark-teal);
}

.navbar--global__parent-item {
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

@media (min-width:1200px) {
   .navbar--global__parent-item {
      margin-right: 22px;
   }
   .navbar--global__search-wrapper {
      margin: 0 30px 0 4px;
   }
}

.navbar--global__nav-link {
   color: var(--cci-charcoal) !important;
   position: relative;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   /*text-decoration-thickness: 2px;
   text-underline-offset: 4px;*/
}

.navbar--global__nav-link:hover {
   /*text-decoration: underline;*/
}

.navbar--global__nav-link.dropdown-toggle:after {
   content: '\f078';
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
   border: none !important;
   vertical-align: unset;
   font-size: 16px;
}

.navbar--global__nav-link:before {
   content: '';
   position: absolute;
   left: 8px;
   right: 8px;
   bottom: 4px;
   height: 2px;
   background-color: var(--cci-charcoal);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.navbar--global__nav-link:hover:before {
   /*text-decoration: underline;*/
   opacity: 1;
}

.navbar--global__search {
   width: 24.38px;
   height: 24.36px;
   fill: var(--cci-charcoal);
}

.navbar--global__search:hover {
   fill: var(--cci-blue);
}

/* dropdowns */

.navbar--global__dropdown {
   border: none;
   border-radius: 0;
   padding: 30px 40px;
   background-color: var(--cci-blue);
   margin-top: 10px !important;
}

.navbar--global__dropdown-item {
   margin-bottom: 12px;
}

.navbar--global__dropdown-item:last-child {
   margin-bottom: 0;
}

.navbar--global__dropdown-link {
   font-family: var(--cci-display-family);
   font-size: 21px;
   font-style: normal;
   font-weight: 700;
   line-height: 130%; /* 27.3px */
   letter-spacing: -0.21px;
   color: var(--cci-charcoal);
   padding-left: 0;
   padding-right: 0;
   /*text-underline-offset: 6px;*/
}

.navbar--global__dropdown-link:hover {
   /*text-decoration: underline;*/
   background-color: transparent;
}

.navbar--global__dropdown-link:active,
.navbar--global__dropdown-link:focus {
   color: var(--cci-charcoal);
}

.navbar--global__dropdown-link > span {
   position: relative;
}

.navbar--global__dropdown-link > span:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: -4px;
   height: 2px;
   background-color: var(--cci-charcoal);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

@media (min-width: 992px) {
   .navbar--global__dropdown-link:hover > span:before {
      opacity: 1;
   }
}

.navbar--global__dropdown-link[href='/projects/exxonknews'] > span:after {
   display: inline-block;
   content: url('/uploads/media/icn-ext-link-sm.svg');
   margin-left: .255em;
}

/* search modal active styles */

.search-modal-visible .navbar--global__logo {
   fill: #fff !important;
}

.search-modal-visible .navbar--global__logo:hover {
   fill: var(--cci-blue) !important;
}

.search-modal-visible .navbar--global__nav-link {
   color: #fff !important;
}

.search-modal-visible .navbar--global__nav-link:before {
   background-color: #fff !important;
}

.search-modal-visible .navbar--global__search {
   fill: #fff !important;
}

.search-modal-visible .navbar--global__search:hover {
   fill: var(--cci-blue) !important;
}

.search-modal-visible .btn-dark {
   background-color: #fff !important;
   border-color: #fff !important;
   color: var(--cci-charcoal) !important;
}

.search-modal-visible .btn-dark:hover {
   color: var(--cci-charcoal) !important;
   background-color: var(--cci-blue) !important;
   border-color: var(--cci-charcoal) !important;
}

.search-modal-visible .navbar--global__mobile-toggle {
   stroke: #fff;
}

/* navbar-light styles */

.navbar-light .navbar--global__logo {
   fill: #fff !important;
}

.navbar-light .navbar--global__logo:hover {
   fill: var(--cci-blue) !important;
}

.navbar-light .navbar--global__nav-link {
   color: #fff !important;
}

.navbar-light .navbar--global__nav-link:before {
   background-color: #fff !important;
}

.navbar-light .navbar--global__search {
   fill: #fff !important;
}

.navbar-light .navbar--global__search:hover {
   fill: var(--cci-blue) !important;
}

.navbar-light .btn-dark {
   background-color: #fff !important;
   border-color: #fff !important;
   color: var(--cci-charcoal) !important;
}

.navbar-light .btn-dark:hover {
   color: var(--cci-charcoal) !important;
   background-color: var(--cci-blue) !important;
   border-color: var(--cci-charcoal) !important;
}

.navbar-light .navbar--global__mobile-toggle {
   stroke: #fff;
}

/*---*
search modal
*----*/

.search-modal__content {
   background-color: var(--cci-charcoal);
}

.search-modal__input {
   border-right: none;
}

.search-modal__btn {
   border-left: none;
}

.search-modal__btn:hover {
   background-color: transparent !important;
}

.search-modal__btn-icon {
   fill: #fff;
   width: 24.38px;
   height: 24.36px;
   border-left: none;
   border-color: #fff;
}

/* navbar mobile */

@media (max-width: 991px) {

   .navbar--global {
      padding-top: 20px;
      padding-bottom: 20px;
   }

   .navbar--global__logo {
      width: 105.888px;
      height: 61.191px;
   }

   .global-navbar__navbar-nav {
      padding-top: 40px;
   }

   .navbar--global__parent-item {
      text-align: center;
      margin-bottom: 16px !important;
   }
   .navbar--global__nav-link.dropdown-toggle:after,
   .navbar--global__nav-link:before {
      display: none;
   }

   .navbar--global__nav-link {
      color: #fff !important;
   }

   .navbar--global__dropdown-link[href='/projects/exxonknews'] > span:after {
      content: url('/uploads/media/icn-ext-link-sm--mobile.svg');
   }

   .navbar--global__search-wrapper {
      display: none
   }

   .navbar--global__dropdown {
      display: block !important;
      background-color: transparent;
      padding: 0;
   }

   .navbar--global__dropdown-item {
      text-align: center;
      margin-bottom: 0;
   }

   .navbar--global__dropdown-link {
      font-size: 19px;
      font-weight: 400;
      line-height: 26px;
      color: #fff !important;
   }

   .navbar--global__search {
      width: 17.068px;
      height: 17.054px;
   }
   .search-modal-visible .navbar--global__search,
   .search-modal-visible .navbar--global__search:hover,
   .search-modal-visible .navbar--global__search:active,
   .search-modal-visible .navbar--global__search:focus,
   .navbar-light .navbar--global__search:hover,
   .navbar-light .navbar--global__search:active,
   .navbar-light .navbar--global__search:focus {
      fill: #fff !important;
   }
}

.navbar--global__mobile-toggle {
   width: 27px;
   height: 21px;
   stroke: var(--cci-charcoal);
}

.navbar--global__mobile-toggle--close {
   display: none;
   width: 12.991px;
   height: 12.991px;
   stroke: #fff;
}

.header--global.mobile-nav-visible .navbar-toggler {
   padding-left: 19.0045px;
   padding-right: 19.0045px;
}

.header--global.mobile-nav-visible .navbar--global__mobile-toggle {
   display: none;
}

.header--global.mobile-nav-visible .navbar--global__mobile-toggle--close  {
   display: block;
}

.header--global.mobile-nav-visible .navbar--global__mobile-toggle {
   stroke: #fff !important;
}

.header--global.mobile-nav-visible .navbar--global__search {
   fill: #fff !important;
}

.header--global.mobile-nav-visible {
   background: var(--cci-purple-red-gradient-dark) !important;
}

.header--global.mobile-nav-visible .navbar--global__logo {
   fill: #fff !important;
}

.header--global.mobile-nav-visible .btn-dark {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--cci-charcoal) !important;
}

/*---*
footer
*----*/

.footer--global {
   padding: 80px 0;
}

.footer--global__link {
   color: #fff;
   text-decoration: none;
   text-underline-offset: 4px;
   white-space: normal;
}

.footer--global__link:hover {
   text-decoration: underline;
   color: #fff;
}

.footer__link--social {
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--cci-charcoal);
   border-radius: 100%;
   color: #fff;
   text-decoration: none;
}

.footer__link--social:hover {
   background-color: var(--cci-blue);
   color: var(--cci-charcoal) !important;
}

.footer__link--social-icon {
   fill: #fff;
}

.footer__link--social-icon:hover {
   fill: #000;
}

.footer--global__logo {
   width: 158px;
   height: 91.31px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   fill: #fff;
}

.footer--global__logo:hover {
   fill: var(--cci-blue);
}

.footer__nav-block a,
.footer__nav-block a:hover {
   color: #fff;
   text-decoration-color: #fff;
}

.footer__nav-block a[href*="mailto"]:hover {
   color: var(--cci-light-blue) !important;
   text-decoration-color: var(--cci-light-blue) !important;
}


.footer__nav-block {
   display: flex;
   flex-direction: column;
   position: relative;
}
.footer__nav-block:after {
   content: '';
   position: absolute;
   top: 0;
   right: 42px;
   bottom: 0;
   width: 1px;
   background: var(--cci-purple);
}

@media (max-width: 991px) {
   .footer--global .col:last-child .footer__nav-block:after {
      display: none;
   }
   .footer__nav-block:after {
      right: 6px;
   }

}

.footer__hr {
   margin: 80px 0;
   border-top: 1px solid var(--cci-purple);
   opacity: 1;
}

.footer--global__ext-link {
   width: 13px;
   height: 13px;
   stroke: #fff;
   margin-left: .255em;
   vertical-align: baseline;
}

/* mobile footer */

@media (max-width: 991px) {
   .footer--global {
      padding: 50px 0;
   }
   .footer__hr {
      margin: 30px 0;
   }
}

/*------------------------------------*
   3. Components
*------------------------------------*/

/*---*
hero--block
*----*/

.hero-block {
   padding-top: var(--cci-hero-top-padding);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.hero-block__info {   
   padding-top: 1.5rem;
   border-top: 1px solid var(--cci-charcoal);
}

@media (min-width: 992px) {
   .hero-block__info {
      display: flex;
      align-items: center;
   }
}

.hero-block--gradient {
   padding-top: var(--cci-hero-top-padding);
}

.hero-block h1.text--white + p {
   color: #fff !important;
   margin-top: 1rem;
}

/*---*
hero--1 (homepage)
*----*/

.hero--1 {
   height: 640px;
   height: calc(640px + var(--cci-hero-top-padding));
   padding-bottom: 80px;
}

/*---*
hero--2 (main page)
*----*/

.hero--2 {
   height: 549px;
   height: calc(549px + var(--cci-hero-top-padding));
   padding-bottom: 80px;
}

/*---*
hero--3 (sub page)
*----*/

.hero--3 {
   height: 390px;
   height: calc(390px + var(--cci-hero-top-padding));
   padding-bottom: 80px;
}


/*---*
hero--4 (post hero)
*----*/

.hero--4 {
   height: 600px;
   height: calc(600px + var(--cci-hero-top-padding));
   padding-bottom: 80px;
}

.hero__link--social {
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--cci-red);
   border-radius: 100%;
   color: #fff;
   text-decoration: none;
}

.hero__link--social:hover {
   background-color: var(--cci-charcoal);
   color: #fff;
}

/* mobile heros */

@media (max-width: 991px) {

   .hero-block {
      padding-top: var(--cci-hero-top-padding-mobile);
   }

   .hero-block--gradient {
      padding-top: var(--cci-hero-top-padding-mobile);
   }

   .hero--1 {
      height: 420px;
      height: calc(420px + var(--cci-hero-top-padding-mobile));
      padding-bottom: 30px;
   }

   #home-hero {
      background-position: top right !important;
   }

   .hero--2 {
      /*height: 429px;
      height: calc(429px + var(--cci-hero-top-padding));*/
      height: auto !important;
      padding-top: calc(80px + var(--cci-hero-top-padding-mobile));
      padding-bottom: 30px;
   }

   .hero--3 {
      height: 280px;
      height: calc(280px + var(--cci-hero-top-padding-mobile));
      padding-bottom: 30px;
   }

}

/*---*
data-snapshot
*----*/

.data-snapshot-block {
   
}

.data-snapshot {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: space-between;
   height: 100%;
   position: relative;
   padding-right: 24px;
}

@media (min-width: 992px) {
   .data-snapshot:after {
      content: '';
      position: absolute;
      top: 0;
      right: 8px;
      bottom: 0;
      width: 1px;
      background-color: var(--cci-charcoal);
   }
   .data-snapshot--light:after {
      background-color: var(--cci-blue);
   }
   .data-snapshot-block .col-lg-4:last-child .data-snapshot:after,
   .data-snapshot-block--light .col-lg-4:last-child .data-snapshot:after {
      display: none;
   }
}

/* mobile data-snapshot block */

@media (max-width: 991px) {
   .data-snapshot {
      padding-bottom: 30px;
   }
   .data-snapshot-block .col-lg-4:last-child .data-snapshot {
      padding-bottom: 0;
   }
}

/*---*
alert-bar
*----*/

.alert-bar {
   position: relative;
   background: var(--cci-purple);
   /*-webkit-transition: all 2s ease-out;
   -moz-transition: all 2s ease-out;
   -ms-transition: all 2s ease-out;
   -o-transition: all 2s ease-out;
   transition: all 2s ease-outs;*/
}

.alert-bar > div {
   position: relative;
   z-index: 10;
}

.alert-bar:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: var(--cci-purple-red-gradient);
   z-index: 5;
   opacity: 0;
   -webkit-transition: all 300ms ease-out;
   -moz-transition: all 300ms ease-out;
   -ms-transition: all 300ms ease-out;
   -o-transition: all 300ms ease-out;
   transition: all 300ms ease-outs;
}

/*.alert-bar:hover {
   background: var(--cci-purple-red-gradient);
}*/

.alert-bar:hover:before {
   opacity: 1;
}

.alert-bar__thumbnail {
   max-width: 250px;
}

.alert-bar__btn {
   width: 43px;
   height: 43px;
   stroke: #000;
}

@media (min-width:768px) {
   /*.alert-bar {
      height: 297px;
   }
   .alert-bar__image {
      position: absolute;
      left: 0;
      top: 0;
   }*/ 
}

/*@media (min-width: 992px) {
   .alert-bar {
      padding-right: calc((100vw - 960px) / 2);
   }
}*/

@media (min-width: 1200px) {
   .alert-bar {
      padding-right: calc((100vw - 1140px) / 2);
   }
}

@media (min-width: 1400px) {
   .alert-bar {
      padding-right: calc((100vw - 1320px) / 2);
   }
}

@media (max-width: 991px) {
   .alert-bar {
      padding: 20px 12px;
   }
   .alert-bar__btn {
      width: 30px;
      height: 30px;
   }
}

/*---*
card-slider
*----*/

.quote-card-slider {

}

.card-slider__nav {
   position: absolute;
   right: 31.5px;
   bottom: 38px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 98px;
}

.card-slider__nav--mobile {
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.card-slider__quote {
   background-color: var(--cci-charcoal);
   padding: 60px 80px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   height: 100%;
}

.card-slider__text {
   padding: 60px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   height: 100%;
} 

.card-slider__quote-image {
   object-fit: cover;
}

.card-slider__control {
   position: relative !important;
   top: auto !important;
   bottom: auto !important;
   width: auto !important;
   opacity: 1 !important;
}

.card-slider__control-icon {
   width: 43px;
   height: 43px;
   fill: #fff;
   stroke: #000;
   background-color: #fff;
}

.card-slider__control-icon:hover {
   fill: #000;
   stroke: #fff;
   background-color: #000;
}

.card-slider__key-doc-slide {

}

@media (min-width: 992px) {
   .card-slider__text {
      padding: 0 60px;
   }
   .card-slider__key-doc-slide {
      /*height: 453px;*/
   }
}

/* mobile card slider */

@media (max-width: 991px) {
   .card-slider__quote {
      padding: 30px 20px;
   }
   .card-slider__nav {
      bottom: auto;
      right: auto;
      top: 13.59px;
      left: 10px;
      width: 40px;
   }
   .card-slider__control-icon {
      /*width: 30px;
      height: 30px;*/
      width: 18.06px;
      height: 16.043px;
   }
   .card-slider__text {
      padding: 20px;
   }

}

@media (max-width: 1199px) {
   .card-slider.carousel .text--p1 {
      font-size: 24px !important;
   }
   .card-slider.carousel .text--p2 {
      font-size: 19px !important;
   }
   .card-slider.carousel .text--label-1 {
       font-size: 16px !important;
   }
}

/*---*
card-block
*----*/

.card-block {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.card-block__card {
   border-radius: 0;
   border: none;
   position: relative;
}

.card-block__card:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--cci-blue);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   z-index: 1;
}

.card-block__card:hover:before {
   opacity: 1;
}

.card-block__image {
   border-radius: 0;
   position: relative;
   z-index: 10;
}

.card-block__card-body {
   padding: 50px;
   position: relative;
   z-index: 10;
}

.card-block--horizontal .card-block__card-body {
   padding: 0 50px;
}

.card-block__card-header {
   position: relative;
}

.card-block__card-header:before {
   content: '';
   position: absolute;
   left: 0;
   bottom: -6px;
   width: 100%;
   height: 2px;
   background-color: var(--cci-charcoal);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.card-block__next-icon {
   width: 43px;
   height: 43px;
   fill: #fff;
   stroke: #000;
   background-color: #fff;
}

.card-block__card:hover .card-block__next-icon {
   fill: #000;
   stroke: #fff;
   background-color: #000;
}

.card-block__card:hover .card-block__card-header:before {
   /*opacity: 1;*/
}

.card-block__card:hover .card-block__card-header > span {
   border-bottom: 2px solid var(--cci-charcoal);
}

.card-block__card:hover .card-block__card-header > span a {
   color: var(--cci-charcoal);
}

@media (max-width: 991px) {
   .card-block__card-body,
   .card-block--horizontal .card-block__card-body {
      padding: 20px;
   }
   .card-block__next-icon {
      /*width: 30px;
      height: 30px;*/
      width: 18.06px;
      height: 16.043px;
   }
   .card-block__card {
      margin-bottom: 30px   ;
   }
   .card-block .col-lg:last-child .card-block__card {
       margin-bottom: 0;
   }
}

/*---*
sider-block
*----*/

.slider-block__column {
   display: flex;
}

.slider-block__column .card.bg--blue-lgt h4 a {
   color: var(--cci-charcoal);
}

.slider-block__column .card.bg--blue-lgt h4 a:hover {
   color: var(--cci-charcoal) !important;
   text-decoration: underline !important;
}

/*---*
resource card
*----*/

.resource-card {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   height: 100%;
}

.resource-card:before {
   content: '';
   position: absolute;
   top: -12px;
   left: -12px;
   right: -12px;
   bottom: -12px;
   background-color: var(--cci-blue);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   z-index: 1;
}

.resource-card:hover:before {
   opacity: 1;
}

.resource-card__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 16px 0;
   width: 100%;
   position: relative;
   z-index: 10;
}

.resource-card figure,
.resource-card h5 {
   position: relative;
   z-index: 10;
}

.resource-card * {
   position: relative;
   z-index: 10;
}

.resource-card__type-icon {
   stroke: var(--cci-red);
   width: 19.8px;
   height: 19.8px;
}

.resource-card a:hover {
   color: var(--cci-charcoal);
}

.resource-card:hover h5 span {
   border-bottom: 2px solid var(--cci-charcoal);
}

/*---*
filter-block
*----*/

.filter-block {

}

.filter-block .dropdown-menu {
   border-radius: 0;
   border: 1px solid var(--cci-charcoal);
   margin-top: -3px !important;
   padding-top: 7px !important;
}

.filter-block .dropdown-toggle::after {
   border: none !important;
   content: '\f078';
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
   border: none !important;
   vertical-align: unset;
   font-size: 16px;
}

.filter-block .dropdown-toggle.show::after {
   content: '\f00d';
   margin-right: .3em;
}

.filter-block .bootstrap-select .dropdown-menu li {
   margin-bottom: 8px;
}

.filter-block .bootstrap-select .dropdown-menu li:last-child {
   margin-bottom: 0;
}

.filter-block .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    /*right: 15px;*/
    right: auto;
    left: 15px;
    top: 5px;
    display: block !important;
}

.filter-block .bootstrap-select .dropdown-menu li a span.check-mark {
    position: absolute;
    display: inline-block;
    /*right: 15px;*/
    right: auto;
    left: 15px;
    top: 5px;
    display: block !important;
}

.filter-block .bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: 12.184px;
    height: 12.184px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--cci-red);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.filter-block .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:after {
   background-color: var(--cci-red);
}

.filter-block .btn.show {
   background-color: var(--cci-light-blue);
   border: 1px solid var(--cci-charcoal);
}

.filter-block .bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-left: 22px;
    margin-right: 0;
}

.filter-block .dropdown-toggle {
   border: 1px solid var(--cci-charcoal) !important;
}

.filter-block .dropdown-item {
   white-space: normal;
}

/*---*
slick-slider
*----*/

.slick-slider-nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 98px;
}

/* mobile slick slider */

@media (max-width: 991px) {
   .slick-slider-nav {
      width: 40px;
   }
}

/*---*
quote block
*----*/

.quote-block {
   background-color: #000;
   padding: 30px 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

@media (min-width: 768px) {
   .quote-block {
      padding: 60px 80px;
   }
}

/*---*
resource list block
*----*/

.resource-list-block {
   padding: 40px 0;
   border-top: 1px solid var(--cci-charcoal);
   position: relative;
}

.resource-list-block__title {
   display: inline-block;
}

.resource-list-block__title a:hover {
   color: var(--cci-charcoal) !important;
}

.resource-list-block:hover .resource-list-block__title > span {
   background-color: var(--cci-blue);
   -webkit-box-decoration-break: clone;
   -o-box-decoration-break: clone;
   box-decoration-break: clone;
}

.resource-list-block:hover .card-block__next-icon {
   fill: #000;
   stroke: #fff;
   background-color: #000;
}

.resource-list-block__thumbnail {
   position: relative;
}

.resource-list-block__thumbnail:before {
   content: '';
   clip-path: polygon(0 0, 100% 68%, 100% 100%, 35% 100%, 0% 38%);
   background-color: rgba(255,255,255,0.8);
   opacity: 0;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.resource-list-block:hover .resource-list-block__thumbnail:before {
   opacity: 1;
}

/* mobile resource list block */

@media (max-width: 991px) {
   .resource-list-block__item {
      margin-bottom: 20px !important;
   }
}

/*---*
leaders grid block
*----*/

.leaders-grid-block {
   border-top: 1px solid var(--cci-charcoal);
}

.leaders-grid-block__column {
   display: flex;
}

/*---*
bio card
*----*/

.bio-card {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   background-color: transparent;
}

.bio-card:before {
   content: '';
   position: absolute;
   top: -12px;
   left: -12px;
   right: -12px;
   bottom: -12px;
   background-color: var(--cci-blue);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   z-index: -1;
}

.bio-card:hover:before {
   opacity: 1;
}

.bio-card__body {
   background-color: transparent;
}

.bio-card a:hover {
   color: var(--cci-charcoal);
}

/*---*
pagination block
*----*/

.pagination-block {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 100px;
}

.pagination-block__link {
   text-decoration: none;
}

.pagination-block__link:hover {
   color: var(--cci-charcoal);
}

.pagination-block__list {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin: 0;
}

.pagination-block__list-item {
   margin: 0 15px;
}

.pagination-block__list-link {
   text-decoration: none;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border-radius: 100%;
   border: 1px solid #fff;
   color: var(--cci-gray-2);
}

.pagination-block__list-link:hover {
   color: var(--cci-charcoal);
   border: 1px solid var(--cci-charcoal);
}

.pagination-block__list-link.current {
   background-color: var(--cci-charcoal);
   color: #fff !important;
   border: 1px solid var(--cci-charcoal);
}

.pagination-block__list-link.current:hover {
   color: #fff;
}

/*---*
two-column-text
*----*/

@media (min-width: 992px) {
   .two-column-text__text {
      position: relative;
   }
   .two-column-text__text:after {
      content: '';
      position: absolute;
      top: 0;
      left: -74px;
      bottom: 0;
      width: 1px;
      background-color: var(--cci-charcoal);
   }
   .two-column-text__text p:last-of-type {
      margin-bottom: 0 !important;
   }
}


/*---*
text and image block
*----*/

.text-image-block__image .figure > img {
   margin-bottom: .5rem;
}

.text-image-block {
   .text-image-block__image {
      padding-right: 80px;
   }
}

@media (min-width: 992px) {

}

/*---*
news resources block
*----*/

.news-resources-block {

}

.news-resources-block__text {
   display: flex;
   flex-direction: column;
   position: relative;
   height: 100%;
}

.news-resources-block__text .resource-list:last-child {
   margin-bottom: 0;
}

@media (min-width: 992px) {
   .news-resources-block__text:after {
      content: '';
      position: absolute;
      top: 0;
      right: 8px;
      bottom: 0;
      width: 1px;
      background-color: #000;
   }
   .news-resources-block .col-lg-6:first-child .news-resources-block__text {
      padding-right: 3rem;
   }
   .news-resources-block .col-lg-6:last-child .news-resources-block__text:after {
      display: none;
   }
}

/*---*
news resources grid
*----*/

.news-resources-grid {
   border-top: 1px solid var(--cci-charcoal);
}

/*---*
case detail
*----*/

.case-detail {
   padding: 40px 0;
   border-top: 1px solid var(--cci-gray-3);
}

#case-study-body {

}

@media (max-width: 991px) {
   #case-study-body {
      padding-top: 0 !important;
   }
}

/*---*
callout block
*----*/

.callout-block {
   padding: 80px;
}

/*---*
video block
*----*/

.video-block {
   position: relative;
}

.video-block__btn {
   width: 67px;
   height: 67px;
   background-color: var(--cci-teal);
   color: #fff;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   text-decoration: none;
}

.video-block__icon {
   width: 26px;
   height: 26px;
   fill: #fff;
}

/*---*
excerpt block
*----*/

.excerpt-block {
   height: 902px;
   padding: 80px 0;
   background-size: cover;
   background-position: center bottom;
   background-repeat: no-repeat;
}

/* mobile excerpt block */

@media (max-width: 991px) {
   .excerpt-block {
      height: 647px;
      padding: 50px 0;
   }
}

/*---*
ci-form
*----*/

.ci-form-control {

}

.ci-form-control::placeholder {
   font-family: var(--cci-body-family) !important;
   font-size: 15px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 125% !important; /* 18.75px */
   letter-spacing: -0.15px !important; 
   color: var(--cci-charcoal);
   opacity: 1;
}