:root {
  --white: #ffffff;
  --black: #000000;
  --ibew-red: #d14948;
  --ibew-blue: #17549d;
  --ibew-blue-light: #2872ce;
  --ibew-blue-dark: #213259;
  --ibew-gold: #cba867;
  --ibew-light: #f3f7fb;
  --ibew-grey: #e5e5e5;
  --text: #182443;
  --fontawesome: 'Font Awesome 6 Free';

  --heading-font-family: var(--h2_typography-font-family);
  --heading-font-weight: var(--h2_typography-font-weight);
  --heading-font-style: var(--h2_typography-font-style);

  --body-font-family: var(--awb-content-font-family);
  --body-font-weight: var(--awb-content-font-weight);
  --body-font-style: var(--awb-content-font-style);
  --body-font-size: var(--awb-content-font-size);
  --body-line-height: var(--awb-content-line-height);
  --body-letter-spacing: var(--awb-content-letter-spacing);
  --body-text-transform: var(--awb-content-text-transform);

}


.ellipsis-clamp, .ellipsis-clamp-2,.ellipsis-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.ellipsis-clamp {
  -webkit-line-clamp: 1;
}
.ellipsis-clamp-2 {
  -webkit-line-clamp: 2;
}
.ellipsis-clamp-3 {
  -webkit-line-clamp: 3;
}


.ibew-gold {
  color: var(--ibew-gold);
}
.ibew-blue {
  color: var(--ibew-blue);
}
.ibew-red {
  color: var(--ibew-red);
}
.ibew-text {
  color: var(--text);
}
.ibew-text-light {
  color: #9a9a9a;
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

strong {
  font-family: var(--heading-font-family);
  font-weight: 700 !important;
}

.disclosure-text,
.disclaimer-text,
.disclosure-text p,
.disclaimer-text p {
  font-family: var(--body-font-family);
  font-size: 14px;
  font-style: italic;
  color: #9a9a9a;
}

.panel-body h6 {
  margin: 0;
  margin-bottom: 1rem;
}
.panel-body p {
  font-family: var(--body-font-family);
  font-size: 15px;
}
.panel-body table {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.panel-body table td strong {
  font-size: 16px;
  color: var(--text);
}
.panel-body table td {
  font-size: 15px;
  color: #7a7a7a;
}


/* Headings */
.h1 {
  font-size: 62px !important;
}
.h2 {
  font-size: 50px !important;
}
.h3 {
  font-size: 40px !important;
}
.h4 {
  font-size: 30px !important;
}
.h5 {
  font-size: 24px !important;
}
.h6 {
  font-size: 19px !important;
}


/* Margins */
.mt-3 {
	margin-top: 3rem;
}
.mt-2 {
	margin-top: 2rem;
}
.mt-1 {
	margin-top: 1rem;
}
.mb-3 {
	margin-bottom: 3rem;
}
.mb-2 {
	margin-bottom: 2rem;
}
.mb-1 {
	margin-bottom: 1rem;
}


/* List Styles */
ul.no-list,
ol.no-list {
	list-style: none !important;
	padding-left: 0 !important;
}


/* Recaptcha */
.grecaptcha-badge {
	position: relative;
	z-index: 2147483647;
}


/* Slick Slide */

.slick-slider {
  position: relative;
  /* // padding: 0 2rem; */
  padding: 0;
}
.slick-slide {
  /* // background: red; */
  /* // color: $primary-color; */
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  /* // text-align: center; */
  /* // padding: 3em 0 4em; */
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100%;
  height: auto;
  text-align: center;
  /* // padding-bottom: 1em; */
  li {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px;
    width: 12px;
    height: 12px;
    button {
      padding: 0;
      width: 12px;
      height: 12px;
      font-size: 1px;
      border: none;
      cursor: pointer;
      border-radius: 50%;
      border: 2px solid var(--ibew-red);
      /* // border: 2px solid #b2a6a6; */
      box-shadow: 0 0 0 0 transparent;
      vertical-align: middle;
      color:  transparent;
      background-color: transparent;
      /* // color: $white; */
      /* // background-color: $white; */
      transition:all .3s ease;
      opacity: .7;
      &:focus {
        outline: none;
      }
      &:hover {
        opacity: 1;
      }
      &:before {
        display: none;
      }
    }
    &.slick-active {
      button {
        background-color: var(--ibew-red);
        border-color: var(--ibew-red);
        /* // background-color: #b2a6a6;
        // border-color: #b2a6a6;
        // box-shadow: 0 0 0 2px $primary-color; */
        opacity: 1;
      }
    }
  }
}

/* // .slick-dots {
//   position: absolute;
//   bottom: 0;
//   left: 0;
//   width: 100%;
//   height: auto;
//   text-align: right;
// }
// .slick-dots {
//   position: absolute;
//   bottom: 0;
//   left: 0;
//   width: 100%;
//   height: auto;
//   text-align: left;
// } */


/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  top: 50%;
  /* // bottom: 45%; */
  color: var(--white);
  /* // border: 3px solid $secondary-color;
  // border-radius: 50%; */
  background: none;
  z-index: 1;
}
/* // .slick-prev:after,
// .slick-next:after {
//   opacity: 0.55;
// } */

.slick-prev {
  left: 0.25rem;
  /* // padding: 0.5rem 0; */
}

.slick-prev:after {
	content: "\f053";
  /* // font: 40px/1 'FontAwesome'; */
  font-family: 'Font Awesome 6 Free' !important;
  font-size: 44px;
  font-weight: 900;

  /* // background-image: url('/wp-content/uploads/2023/01/left-arrow.svg'); */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.slick-next {
  right: 2rem;
  text-align: right;
  /* // padding: 0.5rem 0; */
}

.slick-next:after {
	content: "\f054";
  /* //  font: 40px/1 'FontAwesome'; */
  font-family: 'Font Awesome 6 Free' !important;
  font-size: 44px;
  font-weight: 900;

  /* // background-image: url('/wp-content/uploads/2023/01/right-arrow.svg'); */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: 0;
  transform: translate(0, -50%);
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:active,
.slick-next:active {
  background-color: transparent;
  border-color: var(--ibew-grey);
  box-shadow: none;
}
.slick-prev:focus,
.slick-next:focus {
  background-color: transparent !important;
  border-color: var(--ibew-grey);
  box-shadow: none;

}
.slick-prev:hover:active,
.slick-next:hover:active {
  color: var(--ibew-grey);
}
.slick-prev:hover:after,
.slick-next:hover:after,
.slick-prev:focus:after,
.slick-next:focus:after {
  color: var(--ibew-grey);
}

.slick-prev:before,
.slick-next:before {
  display: none !important;
}

/* END OF SLick Slider */


/* IBEW Custom Header */
/* .header-main-bar {} */
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .header-main-menu li.menu-item-has-children > ul {
    margin-top: 37px !important;
  }
}
/* END OF IBEW Custom Header */



/* IBEW Modal */
.ibew-small-modal .modal-dialog {
  min-width: 600px !important;
}
.ibew-small-modal .modal-header {
  border-bottom: 0;
  background-color: var(--ibew-blue);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ibew-small-modal .modal-title {
  font-size: 30px !important;
  color: var(--white) !important;
}
.ibew-small-modal .ibew-modal-submit {
  margin-bottom: 0 !important;
}
/* .ibew-form-notification {} */
/* END OF IBEW Modal */


/* START Mixr JS */
/* // ! Clean up Mixr Styles */
.mixr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mixr .mixr-controls {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .mixr .mixr-controls {
    flex-direction: column;
  }
  .mixr .mixr-controls .select {
    width: 100%;
  }
  .mixr .mixr-controls .mixr-controls-left {
    flex-direction: column;
    order: 2;
  }
  .mixr .mixr-controls .mixr-controls-right {
    width: 100% !important;
    flex-direction: column;
    order: 1;
  }
  .mixr .mixr-reset {
    display: none;
  }
  .mixr .mixr-pagination-wrapper {
    justify-content: center !important;
  }
}

.mixr .mixr-controls .mixr-controls-left {
  display: flex;
  flex: 1 1 auto;
  gap: 1rem;
  align-items: flex-end;
}

.mixr .mixr-controls .mixr-controls-right {
  display: flex;
  width: 25%;
  align-items: flex-end;
}

.mixr .mixr-reset {
  background: transparent;
  color: var(--ibew-red);
  padding: 0.65rem 0;
}

.mixr .mixr-search {
  border: 0;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
}


.mixr-search-container {
  position: relative;
  width: 100%;
}
.mixr-search-container .mixr-search {
  color: var(--text);
}
.mixr-search-container:after {
  content: '\f002';
  position: absolute;
  top: 50%;
  right: 0.5rem;
  font-family: var(--fontawesome);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1;
  color: var(--ibew-red);
  transform: translateY(-35%);
}



.mixr .mixr-pagination-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
  gap: 0.5em;
}

.mixr .mixr-results-count {
  font-size: 0.9rem;
  color: var(--text);
}

.mixr .mixr-pagination {
  display: flex;
  gap: 0.5rem;
}

.mixr .mixr-pagination button {
  padding: 0.75rem 1rem;
  background: var(--ibew-red);
  /* background: #a2a2a2; */
  /* border-color: var(--ibew-red); */
  border-color: transparent;
  color: var(--white);
  cursor: pointer;
  border-radius: 0.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0;
}

.mixr .mixr-pagination button.page-number {
  background: transparent;
  color: var(--text);
}

.mixr .mixr-pagination button.active,
.mixr .mixr-pagination button.nav-btn {
  background: var(--ibew-gold);
  color: var(--white);
}

.mixr .mixr-pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.error-notice {
  background-color: var(--white);
  padding: 1rem;
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0.5rem;

  /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); */
  /* -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); */
  /* -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); */
}
.error-notice i {
  font-size: 24px;
  color: var(--ibew-blue);
  margin-right: 0.5rem;
}
.error-notice a {
  font-size: 16px;
  font-weight: 600;
}

/* END Mixr JS */



.heading-w-icon {
    display: flex;
    align-items: center;
}
.heading-w-icon i {
    margin-left: 0.75rem;
    color: var(--ibew-gold);
    font-size: 22px;
}



.ibew-container {
  max-width: 1248px;
  margin-left: calc(-4% / 2 );
  margin-right: calc(-4% / 2 );
}

.ibew-card {
  padding: 1rem !important;
  background-color: var(--white);
  border-radius: 0.5rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}


.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.ibew-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.ibew-grid.one-column {
  grid-template-columns: 1fr;
}
.ibew-grid.two-column {
  grid-template-columns: repeat(2, 1fr);
}
.ibew-grid.three-column {
  grid-template-columns: repeat(3, 1fr);
}
.ibew-grid.four-column {
  grid-template-columns: repeat(4, 1fr);
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .ibew-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .ibew-grid.three-column {
    grid-template-columns: repeat(3, 1fr);
  }
  .ibew-grid.four-column {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ibew-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ibew-grid.three-column {
    grid-template-columns: repeat(2, 1fr);
  }
  .ibew-grid.four-column {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ibew-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ibew-grid.three-column {
    grid-template-columns: repeat(2, 1fr);
  }
  .ibew-grid.four-column {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .ibew-grid,
  .ibew-grid.one-column,
  .ibew-grid.two-column,
  .ibew-grid.three-column,
  .ibew-grid.four-column {
    grid-template-columns: 1fr;
  }
}



/* Obituaries */
.ibew-card.obit-card {
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  /* background-color: var(--ibew-light); */
  /* overflow: hidden; */
  border-radius: 0 !important;

  background: var(--white);
  background: linear-gradient(90deg, var(--white) 0%, var(--ibew-light) 100%);

}

.ibew-card.obit-card:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background-image: linear-gradient(to bottom,  
    var(--ibew-red) 0%,
    var(--ibew-red) 33.333%,
    var(--ibew-blue) 33.333%,
    var(--ibew-blue) 66.666%,
    var(--ibew-gold) 66.666%,
    var(--ibew-gold) 100%
  );
  /* border-radius: 0.5rem; */
}

.ibew-card.obit-card .ibew-card-inner {
  position: relative;
  z-index: 1;
}

.ibew-card.obit-card .obituary-name,
.ibew-card.obit-card .retiree-name {
  font-size: 22px;
  color: var(--text);
}

.ibew-card.obit-card .obituary-name i,
.ibew-card.obit-card .retiree-name i {
  color: var(--ibew-gold);
}

.ibew-card.obit-card .obituary-name i {
  margin-right: 0.5rem;
}
.ibew-card.obit-card .retiree-name i {
  margin-left: 0.5rem;
}

.ibew-card.obit-card .obituary-date,
.ibew-card.obit-card .retiree-date {
  /* color: var(--text); */
  color: #a2a2a2;
}

.ibew-card.obit-card .obituary-date {
  font-size: 16px;
}

.ibew-card.obit-card .retiree-date {
  font-size: 14px !important;
}




/* CONTRACTORS */
/* .contractor-listing {}; */

.ibew-card.contractor-card {
  padding: 0 !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.ibew-card.contractor-card .card-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: stretch;
  align-items: center;
  height: 100%;
}

.ibew-card.contractor-card .contractor-listing-logo {
  width: 100%;
  height: 25%;
  flex: 1;
  max-width: 200px;
  max-height: 200px;
  aspect-ratio: 1 / 1;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  /* background-color: var(--ibew-white); */

  /* background-color: var(--ibew-light); */
  /* border-radius: 0.5rem;
  background-size: 85%; */
}

.ibew-card.contractor-card .contractor-info {
  flex: 0.5;

  text-align: center;
  padding: 0.75rem 1rem;
  width: 100%;
  height: auto;
  background-color: var(--ibew-light);
  border-top: 5px solid transparent;
  border-image: linear-gradient(to right, var(--ibew-red) 33%, var(--ibew-blue) 33%, var(--ibew-blue) 66%, var(--ibew-gold) 66%) 1;
  /* margin-bottom: 0 !important; */
}

.ibew-card.contractor-card .contractor-name {
  font-size: 18px;
  font-family: var(--body-font-family);
  color: var(--ibew-blue);
}

.ibew-card.contractor-card .contractor-phone i,
.ibew-card.contractor-card .contractor-website i {
  font-size: 14px;
  margin-right: 0.5rem;
  color: var(--ibew-red);
}

.ibew-card.contractor-card .contractor-phone a,
.ibew-card.contractor-card .contractor-website a {
  color: #6a6a6a;
  /* color: var(--text); */
}

.ibew-card.contractor-card .contractor-phone a:hover,
.ibew-card.contractor-card .contractor-phone a:focus,
.ibew-card.contractor-card .contractor-website a:hover,
.ibew-card.contractor-card .contractor-website a:focus {
  color: var(--ibew-red);
}


/* Contractor Featured */
.contractor-featured .slick-slide {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  gap: 16px;
}
.contractor-featured .slick-active {
  opacity: 1;
}
.contractor-featured .contractor-logo {
  padding: 1rem;
}
.contractor-featured .contractor-logo img {
  max-height: 175px;
}



/* Class Schedule */
.ibew-card.class-card {
  padding: 0 !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.ibew-card.class-card .card-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: stretch;
  align-items: center;
  height: 100%;
}

.ibew-card.class-card .class-listing-heading {
  width: 100%;
  height: 100%;
  flex: 0;
  padding: 1.5rem;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.ibew-card.class-card .class-listing-heading .ibew-grid {
  width: 100%;
}

.ibew-card.class-card .class-info {
  /* flex: 0.5; */

  flex: 1;

  /* padding: 0.75rem 1rem; */
  padding: 1.5rem;
  width: 100%;
  height: auto;
  background-color: var(--ibew-light);
  border-top: 5px solid transparent;
  border-image: linear-gradient(to right, var(--ibew-red) 33%, var(--ibew-blue) 33%, var(--ibew-blue) 66%, var(--ibew-gold) 66%) 1;

}

.ibew-card.class-card .class-name {
  font-family: var(--h5_typography-font-family);
  font-size: var(--h5_typography-font-size);
  font-weight: var(--h5_typography-font-weight);
  line-height: var(--h5_typography-line-height);
  color: var(--text);
  margin-bottom: 1rem;
}

.ibew-card.class-card .class-column {
  color: var(--ibew-blue);
}

.ibew-card.class-card .ibew-grid .class-column span {
  display: block;
}

.ibew-card.class-card .class-description {
  font-size: 16px;
  line-height: 1.3;
}

.ibew-card.class-card .class-instructor {
  text-align: right;
  color: #9a9a9a;
}

.ibew-card.class-card .class-instructor span {
  color: var(--ibew-gold);
}



/* OFFICERS */

/* Officer Listing */
.ibew-officer-listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Columns */
.ibew-officer-listing.one-column {
  grid-template-columns: 1fr;
}
.ibew-officer-listing.two-column {
  grid-template-columns: repeat(2, 1fr);
}
.ibew-officer-listing.three-column {
  grid-template-columns: repeat(3, 1fr);
}
.ibew-officer-listing.four-column {
  grid-template-columns: repeat(4, 1fr);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ibew-officer-listing.four-column {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ibew-officer-listing.three-column {
    grid-template-columns: repeat(2, 1fr);
  }
  .ibew-officer-listing.four-column {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .ibew-officer-listing.one-column,
  .ibew-officer-listing.two-column,
  .ibew-officer-listing.three-column,
  .ibew-officer-listing.four-column {
    grid-template-columns: 1fr;
  }
}

/* IBEW Office Staff */
.ibew-officer-listing.office-staff {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.ibew-officer-listing.office-staff .ibew-officer-card {
  min-height: auto;
  min-width: calc(33.333% - 32px);
}


/* IBEW Officer Header */
.ibew-officer-listing {
  margin-bottom: 2rem;
}

/* Officer Card */
.ibew-officer-card {
  position: relative;
  background-color: var(--white);
  border-radius: 0.5rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);

  aspect-ratio: 1 / 1.25;

}
.ibew-officer-card.bg-img {
  background-position: top;
}
.ibew-officer-card .officer-info {
  background-color: var(--white);
  padding: 1rem;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.ibew-officer-card .officer-info .officer-name {
  font-size: 20px;
  color: var(--ibew-blue);
}
.ibew-officer-card .officer-info .officer-position {
  font-size: 14px;
  color: var(--text);
}

.ibew-officer-card .officer-info a {
  color: #a2a2a2;
}

.ibew-officer-card .officer-info a:hover,
.ibew-officer-card .officer-info a:focus {
  color: var(--ibew-red);
}


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

  .ibew-officer-card:not(.simple-view) .officer-info {
    transform: translate(0%,100%);
    opacity: 0;
    transition: all ease 0.2s;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    z-index: 0;
  }

  .ibew-officer-card:not(.simple-view):hover .officer-info,
  .ibew-officer-card:not(.simple-view):focus .officer-info {
    transform: translate(0%,25%);
    opacity: 1;
    z-index: 1;
  }
}

@media only screen and (max-width: 767px) {
  .ibew-officer-card:not(.simple-view) .officer-info {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
}



/* Simple View */
.ibew-officer-card.simple-view {
  padding: 0.5rem;
  text-align: center;
  background-color: var(--white);
  aspect-ratio: unset;
}
.ibew-officer-card.simple-view:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.ibew-officer-card.simple-view:nth-of-type(2n):before {
  background-color: var(--ibew-blue);
}
.ibew-officer-card.simple-view:nth-of-type(2n + 1):before {
  background-color: var(--ibew-red);
}
/* .ibew-officer-card.simple-view:nth-of-type(3n + 2):before {
  background-color: var(--ibew-blue);
} */

.ibew-officer-card.simple-view .officer-info {
  position: relative;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* Type 2 */
.ibew-officer-card.simple-view.type-2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 50%;

  transition: all ease 0.75s;
}
.ibew-officer-card.simple-view.type-2:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 50%;
  height: 50%;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;

  transition: all ease 0.75s;
}

.ibew-officer-card.simple-view:nth-of-type(2n):before {
  background-color: var(--ibew-red);
}
.ibew-officer-card.simple-view:nth-of-type(2n):after {
  background-color: var(--ibew-blue);
}
.ibew-officer-card.simple-view:nth-of-type(2n + 1):before {
  background-color: var(--ibew-blue);
}
.ibew-officer-card.simple-view:nth-of-type(2n + 1):after {
  background-color: var(--ibew-gold);
}

.ibew-officer-card.simple-view.type-2:hover:before,
.ibew-officer-card.simple-view.type-2:focus:before {
  left: 0;
  width: 100%;
}
.ibew-officer-card.simple-view.type-2:hover:after,
.ibew-officer-card.simple-view.type-2:focus:after {
  width: 100%;
}


/* Type 3 */
.ibew-officer-card.simple-view.type-3 {
  border-top: 1rem solid var(--ibew-red);
  padding-top: 0;
}
.ibew-officer-card.simple-view.type-3:before {
  content: '';
  position: absolute;
  top: -1rem;
  left: 33.333%;
  width: 33.333%;
  height: 1rem;
  background-color: var(--ibew-blue);

  transition: all ease 0.75s;
}
.ibew-officer-card.simple-view.type-3:after {
  content: '';
  position: absolute;
  top: -1rem;
  left: 66.666%;
  width: 33.333%;
  height: 1rem;
  background-color: var(--ibew-gold);
  border-top-right-radius: 0.5rem;
}
.ibew-officer-card.simple-view.type-3 .officer-info {
  background-color: transparent;
  box-shadow: none;
}



.position-icon img {
  max-height: 125px;
  width: auto;
}

.location-innercontent-title {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0 !important;
}
.location-innercontent-address {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0 !important;
}
.location-innercontent-address p {
  margin-bottom: 0 !important;
}
.workforce-listing .fusion-column-wrapper {
  margin-left: 4% !important;
  margin-right: 4% !important;
}


/* Booklet Button */
.booklets-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.booklet-btn {
  padding: 1rem 1.5rem;
  background-color: var(--ibew-blue-dark);
  color: var(--white) !important;
  font-family: var(--heading-font-family);
  font-size: 20px;
  line-height: 1;
  max-width: 33.333%;
  height: 100%;
  padding: 1.75rem 3rem;
}
.booklet-btn i {
  color: var(--ibew-blue-light);
  margin-right: 1rem;
  font-size: 24px;
}
.booklet-btn:hover,
.booklet-btn:focus {
  background-color: var(--text);
  color: var(--white) !important;
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .booklet-btn {
    max-width: 50%;
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .booklets-container {
    flex-direction: column;
  }
  .booklet-btn {
    max-width: 100%;
    width: stretch;
  }
}



/* Ultimate Member */
.ibew-um-header {
  position: relative;
}
.ibew-um-header::after {
  content: '';
  position: absolute;
  bottom: -1rem;
  left: 0;
  width: 140px;
  height: 5px;
  background-color: var(--ibew-gold);
}
.ibew-um-header.centered {
  text-align: center;
}
.ibew-um-header.centered::after {
  left: 50%;
  transform: translateX(-50%);
}
.ibew-um-header h2 {
  margin-top: 0;
  margin-bottom: 2rem;
}
.ibew-um-header h6 {
  margin-top: 0;
  margin-bottom: 2rem;
}


.split-header {
  display: flex;
	justify-content: space-between;
	align-items: flex-start;
  margin-bottom: 1rem;
}



.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
  background: var(--ibew-red) !important;
}


.um input[type=submit] {
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
  background: #eee !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.um span.um-req {
  color: var(--ibew-red) !important;
}

.um-link {
  color: var(--ibew-red) !important;
}

/* Account */
.um-account-meta {
  display: none !important;
}

/* .um-account-side {} */

/* .um-account-side ul {
  display: flex;
  flex-direction: column;
}
.um-account-side ul li:nth-of-type(1) {
    order: 3;
}
.um-account-side ul li:nth-of-type(2) {
    order: 4;
}
.um-account-side ul li:nth-of-type(3) {
    order: 5;
}
.um-account-side ul li:nth-of-type(4) {
    order: 1;
}
.um-account-side ul li:nth-of-type(5) {
    order: 2;
} */

.um-account-side li .um-account-link {
  background-color: var(--ibew-gold);
  color: var(--white);
  border-radius: 0.25rem !important;
}

.um-account-side li .um-account-link:hover,
.um-account-side li .um-account-link:focus {
  background-color: #c49d54;
}

/* .um-account-icontip {} */

/* .um-account-icon {} */

.um-account-title {
  color: var(--white) !important;
  font-weight: 700;
}

/* .um-account-arrow {} */

.um-account-icontip i,
.um-account-icon i,
.um-account-arrow i {
  color: var(--white);
}



.um-account-main div.um-account-heading {
	font-family: var(--h2_typography-font-family);
	color: var(--ibew-blue);
}
.um-account-main div.um-account-heading i {
	color: var(--ibew-gold);
}

.um .um-field-label {
	color: var(--text);
}
.um-account-tab-paiddues .um-col-alt.um-col-alt-b,
.um-account-tab-documents .um-col-alt.um-col-alt-b {
	display: none;
}
.um-account-tab h1,
.um-account-tab h2,
.um-account-tab h3,
.um-account-tab h4,
.um-account-tab h5,
.um-account-tab h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
p.supheading {
  margin-bottom: 0 !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ibew-red);
}


/* .boeing a[data-tab="paiddues"] {
  display: none;
}
.boeing a[data-tab="documents"] {
  display: none;
} */

.um-account-tab-paiddues {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}
.um-account-tab-paiddues .um-account-heading {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	padding-bottom: 1rem !important;
}
.paiddues-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
	background-color: #f9f9f9;
}
.paiddues-content p {
	line-height: 1.2;
	margin: 0 !important;
}
/* .paiddues-content .balance-info {
	background-color: var(--ibew-gold);
	color: var(--white);
  width: 100%;
  max-width: 250px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	font-size: 20px;
	font-weight: 900;
	font-family: var(--h2_typography-font-family);
	padding: 1.5rem;
} */
.paiddues-content .account-balance {
	color: var(--ibew-gold);
	font-size: 26px;
	font-weight: 900;
	font-family: var(--h2_typography-font-family);
}
.paiddues-content .account-balance.balance-due {
	color: var(--ibew-red);
}
.paiddues-content .payment-form {
	padding: 1.5rem;
  flex: 1 1 auto;
}
.paiddues-content .payment-form .payto {
	font-weight: 700;
	line-height: 1.2;
	font-size: 15px;
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
	/* color: var(--text); */
	color: var(--ibew-gold);
}



.user-documents.subhead {
  font-size: 15px;
  font-family: var(--heading-font-family);
  color: var(--ibew-gold);
  margin-bottom: 1rem !important;
}
.document-link {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: 700;
  color: var(--text);
}
.document-link i {
  color: var(--ibew-gold);
}

.download-btn {
  font-family: var(--heading-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  background-color: var(--ibew-red);
  color: var(--white) !important;
  padding: 0.75rem 1.5rem;
  width: fit-content;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.download-btn i {
  margin-left: 0.5rem;
}
.download-btn:hover,
.download-btn:focus {
  background-color: var(--text);
}





.ibew-reminder {
	position: relative;
	padding: 1.25rem 3rem;
	background-color: var(--ibew-red);
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ibew-reminder::before,
.ibew-reminder::after {
	content: '';
	position: absolute;
	width: 50vw;
	height: 100%;
	background-color: var(--ibew-red);
}
.ibew-reminder::before {
	left: -50vw;
}
.ibew-reminder::after {
	right: -50vw;
}



.notice-message {
  font-style: italic;
  font-size: 14px;
  line-height: 1.5;
}
.notice-message.red {
  color: var(--ibew-red);
}


.gform_wrapper .select-arrow {
  display: none;
}
.gform_wrapper .gform_required_legend {
  display: none !important;
}

.ibew-form_wrapper .gfield .gfield_label {
  font-size: 18px !important;
  color: var(--ibew-blue) !important;
}
.ibew-form_wrapper .pd-card-info label {
  font-size: 14px !important;
  color: #aaa !important;
}
.ibew-form_wrapper .pd-card-info .ginput_container_paytrace .paytrace_number {
  margin-right: 1rem !important;
}
.ibew-form_wrapper .pd-card-info .ginput_container_paytrace .paytrace_csc,
.ibew-form_wrapper .pd-card-info .ginput_container_paytrace .paytrace_mm,
.ibew-form_wrapper .pd-card-info .ginput_container_paytrace .paytrace_yy {
  width: calc(20% - 1.25rem) !important;
}
.ibew-form_wrapper input,
.ibew-form_wrapper select {
  height: auto !important;
}
.ibew-form_wrapper .ibew_name_field {}
.ibew-form_wrapper .pd_payment_amount {}
.ibew-form_wrapper .ibew_account_balance .ginput_product_price_label {
  display: none !important;
}
/* .ibew-form_wrapper .ibew_account_balance input {
  background: transparent !important;
  border: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
} */
.ibew-form_wrapper .pd_membership_total .ginput_product_price_wrapper span {
  font-size: 16px !important;
  font-weight: 900 !important;
}
.ibew-form_wrapper .pd_membership_total .ginput_product_price_wrapper span.ginput_product_price_label {
  display: none !important;
}


/* Payment Links */
.payment-field-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;  
}
.payment-link-content .payment-field label,
.payment-link-content .payment-field select {
  display: block;
  width: 100%;
}
.payment-link-content .payment-field label {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ibew-blue);
}
.paiddues-content.payment-link-content .payment-field input[type=text].read-only {
  background: transparent !important;
  /* padding: 0 !important; */
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border-width: 0px;
  border-style: none;
  border-color: transparent;
}
.paiddues-content.payment-link-content .payment-field input[type=text].read-only:focus {
  outline: none;
}

.ibew-btn {
  padding: 0.75rem 1.5rem;
  background-color: var(--ibew-red);
  color: var(--white);
  border-radius: 0;
  font-weight: 700;
  text-transform: uppercase;
}
.ibew-btn:focus,
.ibew-btn:hover {
  background-color: var(--ibew-blue);
  color: var(--white);
}