/******

Template information:

black: #000000; 0,0,0;
Pompadour: #771749; rgba(119, 23, 73, 1)
Cinnabar: #F04F45; rgba(240, 79, 69, 1)
white: #ffffff; 255,255,255



Titillium Web Light
font-weight: 300;


Titillium Web Regular
font-weight: 400;


Titillium Web SemiBold
font-weight: 600;


Titillium Web Bold
font-weight: 700;


Titillium Web Black
font-weight: 900;


black: #000000; 0,0,0;
yellow: #d1a21e; 209,162,20
light blue: #7d8798; 125,135,152
dark blue: #37627a; 55,98,122
white: #ffffff; 255,255,255

font-family: titillium-web, sans-serif;

*******/

#media-podcast,
#media-news{
  margin: 0 !important;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  background-color: transparent;
}

#myBtn:hover {
  opacity: 0.5;
  background-color: transparent;
  
}

#our-team-name,
#board-name{
 margin-top: 2.5em; 
 margin-bottom: 0;
}

#our-team-title,
#board-title{
  margin: 0;
}

.is-style-blue-bg::after{
  background-color: #37627A;
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  display: block;
  content: '';
  top: 24px;
  left: 40px;
}

.page-id-21767 figure,
.page-id-388 figure {
  position: relative;
}

.page-id-21767 .is-style-blue-bg::after,
.page-id-388 .is-style-blue-bg::after{
  top: 25px;
  left: 30px;
}

.cause_button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    transition: background-color 0.3s ease;
}

.cause_button:hover {
    background-color: #0056b3;
}

.alpha-section.cause {
      grid-template-areas: unset;
}

/******* Archive Filter *******/

.archive_filter button.current.btn {
    /* Your CSS styles here */
    background-color: #112C3B;
    color: white;
    /* Add any other styles you want */
}

.archive_filter button:hover {
  background-color: #E7F0F0;
}
.archive_filter input[type="text"] {
    padding: 8px;
    width: 200px;
    border:none;
    border-radius: 50px;
    background-color: #E7F0F0;
    font-size: 16px;
    
}

.archive_filter_block .archive_filter input[type="text"][placeholder="Search"] {
  color: #112C3B;
  
}


.archive_filter input[type="text"]:focus {
    outline: none;
    border-color: #66afe9;
    box-shadow: 0 0 5px #66afe9;
}
.archive_filter_block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.archive_filter_block {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #E6F0F0;
    border-bottom: 1px solid #E6F0F0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.archive_filter label {
    display: inline-block;
    /* vertical-align: middle; */
    width: 120px;
    position: relative;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    height: auto;
    border-radius: 50px !important; 
    border: 1px solid #112C3B !important;
    color: #112C3B !important;
    font-size: 12px;
    margin-right: 6px;
    padding: 12px 0;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 0;
}

.archive-btns button{
  border-radius: 50px;
  border: 1.5px solid #112C3B;
  color: #112C3B;
  background-color: transparent;
  text-transform: uppercase;
  padding: 12px 12px;
  font-weight: 600;
  letter-spacing: 0.96px;
}

.archive-btns button:hover{
  cursor: pointer;
  background-color: #112C3B;
  color: white;
}
.archive_filter label.search {
    border: none!important;
    padding: 0;
    width: auto;
    float: left;
}
.archive_filter {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #E6F0F0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.archive_filter button:hover{
  cursor: pointer;
}
.archive_col:first-child {
    width: 70%;
}
.archive_col {
    float: left;
    width: 15%;
    padding-right: 15px;
}
.archive_col:nth-child(2) {
    text-align: center;
    color: #37627A;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.archive_col:nth-child(3) {
    text-align: right;
    padding-right: 0;
}
.archive-filter-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 8%;
}
.hidden{
  visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
}

.search{
  border-radius: 50px;
  border: none;
  background-color: #E7F0F0;
  font-family: titillium-web, sans-serif;
}

.search input[type="text"]::placeholder {
    font-family: titillium-web, sans-serif;
    color: #112C3B;
    font-weight: 400;
    font-size: 16px !important;
}

.wp-block-button__link , .btn{
    font-size: 16px;
    border: 1.5px solid #112C3B !important;
    padding: 10px 18px;
    background-color: transparent;
    border-radius: 50px;
    text-transform: uppercase;
    color: #112C3B;
    font-weight: 600;
    margin-right: 10px;
    font-family: titillium-web, sans-serif;
    margin-bottom: 15px;
}
/* Awards */

.member-listing{
  margin-top: 30px;
}
.awards-search input[type="text"] {
    width: 200px;
    border: none;
    background-color: #E7F0F0;
    border-radius: 50px;
}

.awards-search input[type="text"]::placeholder {
    font-family: titillium-web, sans-serif;
    color: #112C3B;
    font-weight: 400;
    font-size: 16px !important;
}

.member-button .wp-block-button__link {
    width: 100% !important;
    padding: 14px 40px;
}

.member-highlight,
.podcast-highlight {
    text-transform: uppercase;
    margin-bottom: 14px;
    color: #37627A;
    font-size: 16px;
}

.member_image,
.podcast_image {
    float: left;
    width: 27%;
}

.member_content,
.podcast_content {
    padding-right: 60px;
    padding-left: 60px;
    float: right;
    width: 61%;
    border-left: 1px solid #E7F0F0;
}
.member_popup .member_content,
.podcast_popup .podcast_content {
    padding-right: 0;
    float: left;
    width: 45%;
    /* padding-left: 40px; */
    margin-left: 100px;
}
.member_popup p,
.podcast_popup p {
    margin-bottom: 10px;
}

.member_post-thumbnail.member_image img,
.podcast_post-thumbnail.member_image img {
    width: 100%;
    height: auto;
    border: 1px solid #E7F0F0;
}

.member_post-thumbnail,
.podcast_post-thumbnail {
    position: relative;
    display: inline-block;
    width: 100%;
    /* height: 320px; */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    z-index: 1;
    margin-bottom: 30px;
}

.member_post-thumbnail::after{
  background-color: #37627A;
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  display: block;
  content: '';
  top: 38px;
  left: 40px;
}

.podcast_post-thumbnail::after{
  background-color: #37627A;
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  display: block;
  content: '';
  top: 38px;
  left: 40px;
}
.social-icons {
  display: flex;
  flex-direction: row;
  margin-top: 1.5em;
}

.social-icons a{
  padding-right: 1em;
}

.social-icons a img{
  width: 32px;
}

.ctl-story{
   margin-top: -20%;
}
.wp-block-kadence-rowlayout>.innerblocks-wrap {
   margin: unset !important
}

.wp-block-getwid-post-carousel__post-header h3 {
    text-transform: uppercase;
    margin-bottom: 12px;
}

.has-gold-background-color,
.wp-block-pullquote:not(.is-style-solid-color).has-gold-background-color {
   background: #CCB231;
}
.has-gold-color{
   color: #CCB231;
}

/* Cool Timeline - History */

.ctl-year-label.ctl-year-text,
.ctl-labels,
.ctl-icon,
.ctl-arrow,
.ctl-title{
  display: none !important;
}

.ctl-content{
  /* flex-direction: row !important; */
  flex-flow: nowrap !important;
}

.ctl-description h2{
  font-family: titillium-web, sans-serif !important;
  font-weight: 600!important;
  font-size: 36px!important;
  color: #37627A;
}
.ctl-wrapper .ctl-vertical-wrapper .ctl-story.even::after,
.ctl-wrapper .ctl-vertical-wrapper .ctl-story.odd::after{
  content: ''; /* Required for pseudo-elements */
  display: block; /* Make it a block-level element */
  padding: 30px 0; /* Adjust padding as needed */
  border-bottom: 1.5px solid #E7F0F0; /* Adjust border properties */
  width: 100%; /* Force full width */
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child{
  border: 1.5px solid white;
  border-radius: 50px;
  width: 140px;
}

.ui-accordion-header-active .ui-state-active .wp-block-getwid-accordion__header-title{
  display: none !important;
}

.wp-block-getwid-accordion__header-title{
  color: white;
  font-weight: 600;
}
.wp-block-getwid-accordion__content{
  border: none !important;
  padding-left: 0 !important;
}

.wp-block-getwid-accordion__icon i{
  color: white;
}

.kt-testimonial-item-wrap::before {
    content: "";
    background-image: url(../images/left-quotation-marks.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    position: absolute;
    left: 650px;
    top: 130px;
}
.kt-testimonial-item-wrap::after {
    content: "";
    background-image: url(../images/right-quotation-marks.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    position: absolute;
    right: 650px;
    top: 130px;
}

.kt-testimonial-item-wrap {
    position: relative;
}

.kt-testimonial-meta-wrap{
  margin-top: 30px !important;
  border-top: 1px solid white;
}

.kt-testimonial-name{
  margin-top: 20px !important;
}

.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination{
  bottom: 0 !important;
}
.page-id-21894 .kt-blocks-accordion-icon-trigger{
  border: 1.5px solid;
  border-radius: 50px;
  cursor: pointer;
}

.page-id-21894 .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before,
.page-id-21894 .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after{
  left: 4.3px !important;
  top: 11px !important;
  height: 2px !important;
  width: 15px !important;
}

.slick-next::before {
  content: "";
  background-image: url(../images/right-arrow-white.svg);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  height: 65px;
  width: 65px;
}

.slick-slide{
  padding-bottom: 30px;
}

/* MEMBER DIRECTORY */

.alphabet a{
  font-size: 32px;
  padding-left: 10px;
  padding-right: 10px;
}
.alpha-section {
    display: inline-block;
    width: 100%;
    /* grid-template-areas:
      'header header header header'
      'main main main main';
    grid-column-gap: 10px;
    grid-row-gap: 50px;
    grid-template-columns: 25% 25% 25% 25%; */
}
.alpha-section h2 {
    font-size: 4em;
    line-height: 1;
    font-weight: 300;
    grid-area: header;
    margin: 1em 0 0;
    display: inline-block;
    width: 100%;
}

.alpha-section.awards-recipients{
  margin-top: 50px;
}

.alpha-wrap {
    display: flex;
    justify-content: space-between; /* Ensures items are evenly distributed with space between them */
    align-items: center; /* Centers items vertically */
}

.alpha-wrap .alphabet a{
  color: #5F8195;
}
.page-id-20453 .member-search{
  display: none;
}
.member-search {
    margin-left: auto; /* Pushes .member-search to the right */
    float: right;
}

.member-search input[type="text"]{
  font-family: 'titillium-web';
  font-weight: 400;
  font-size: 1em !important;
  color: #112C3B;
  padding: 0px 20px !important;
  border: none;
  border-radius: 50px;
  background-color: #E7F0F0;
  background-image: url(../images/search-icon.svg); /* Replace with the path to your image */
  background-size: contain; /* Ensures the background image covers the entire div */
  background-position: right; /* rights the background image */
  background-repeat: no-repeat;
}

.member-search input[type="text"]::placeholder {
    color: #112C3B; /* Change placeholder text color to light gray (#999) */
}

.member-item {
  float: left;
  width: 25%;
  /* border-top: 1px solid rgba(231, 240, 240, 1); */
  border-bottom: 1px solid rgba(231, 240, 240, 1);
  padding: 25px 10px;
  box-sizing: border-box; 
  min-height: 250px;
  }
  
.member-item h3 {
  margin: 0;
  font-size: 1.25em;
  line-height: 1.25;
}
.member-item .member-title {
  color: #37627A;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
}
.member-item .member-trigger {
  display: inline-block;
}
.member-item .member-trigger img {
  max-height: 32px;
  margin: 0;
}

/* SLICK */

.wp-block-kadence-testimonials .kt-blocks-carousel .splide__arrow--prev,
.wp-block-kadence-testimonials .kt-blocks-carousel .splide__arrow--next{
  display: none;
}
/* .wp-block-kadence-testimonials .kt-blocks-carousel .splide__arrow--prev{
  background-image: url(../images/left-arrow-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.wp-block-kadence-testimonials .kt-blocks-carousel .splide__arrow--next{
  background-image: url(../images/right-arrow-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
} */


.slick-prev::before,
.slick-next::before {
  display: none;}
.slick-next, .slick-prev{
  top: 155px;
}
.slick-prev{
  left: -100px !important;
}

.member_slider .slick-next,
.podcast_slider .slick-next{
  background-image: url(../images/arrow-right-round.svg);
  background-size: contain;
  width: 30px;
  height: 30px;
}
.member_slider .slick-prev,
.podcast_slider .slick-prev{
  background-image: url(../images/arrow-left-round.svg);
  background-size: contain;
  width: 30px;
  height: 30px;
}
.member_slider .slick-next:hover,
.podcast_slider .slick-next:hover{
 background-image: url(../images/arrow-right-round.svg);
 background-size: contain;
 width: 30px;
 height: 30px;
 opacity: 0.5;
}
.member_slider .slick-prev:hover,
.podcast_slider .slick-prev:hover{
  background-image: url(../images/arrow-left-round.svg);
  background-size: contain;
  width: 30px;
  height: 30px;
  opacity: 0.5;
}





.job-accordion {
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
  border-bottom: 1px solid #E7F0F0;
}
.job-content,
.job-content-expand {
  display: flex;
  gap: 60px;
}
.job-logo {
  max-width: 150px;
  flex: 1;
}
.job-info {
  width: 60%;
}

.job-info p a{
  color: #112C3B;
}
.job-trigger.icon {
  flex: 1;
  background-image: url(../images/icon-plus.svg);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto;
  cursor: pointer;
}
.active .job-trigger.icon {
  background-image: url(../images/icon-minus.svg);
}

.job-trigger a{
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  letter-spacing: 0.96px;
  margin-bottom: 20px;
  font-weight: 600;
}

.job-trigger a:first-child {
  background-image: url(../images/darkblue-arrow-right.svg);
  background-size: 18px;
  background-position: 93%;
  background-repeat: no-repeat;
  color: #112C3B;
  background-color: transparent;
  border: 1.5px solid #112C3B;
  border-radius: 50px;
  padding: 5px 40px 5px 10px;
}

.job-trigger a:nth-child(2) {
  color: white;
  background-color: #112C3B;
  background-image: url(../images/white-arrow-right.svg);
  background-size: 18px;
  background-position: 93%;
  background-repeat: no-repeat;
  border: 1.5px solid #112C3B;
  border-radius: 50px;
  padding: 5px 50px 5px 10px;
}

.job-employer {
  margin: 0 0 .25em;
  text-transform: uppercase;
}
.read-more-post-btn a {
    border: 1.5px solid #37627A;
    border-radius: 50px;
    color: #37627A !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 60px 5px 10px;
    /* padding: 5px 10px; */
    letter-spacing: 0.96px;
    margin-top: 0px;
    display: inherit;
    background-image: url(../images/blue-arrow-right.svg);
    background-size: 18px; 
    background-position: 92%;
    background-repeat: no-repeat;
}





.alpha-section.awards-recipients {
  display: block;
}
.alpha-section.awards-recipients .member-item {
  width: 22%;
  margin: 0 .5% .5em;
}
.alpha-section.awards-recipients h3.award-title {
  width: 100%;
  border: none;
}