/*----- LAYOUT - Open -----*/
.homepage #page .main-wrapper {
  padding-top: 0;
}
#page .below-content .container,
.homepage #page .main-wrapper .container {
  padding: 0;
}
/*----- LAYOUT - Close -----*/

/*----- HOME - JOIN SECTION - Open -----*/
#page .join-parma-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#page
  .join-parma-section
  .views-element-container
  .view-apb-simple-content
  .views-row {
  position: relative;
  z-index: 5;
  overflow: visible;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#page .join-parma-section {
  position: relative;
  padding: 2rem 1rem;
}

#page .join-parma-section:before {
  content: "";
  height: 100%;
  width: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e6edf6;
  border-radius: 0 6rem 6rem 0;
  transform: translateX(-932px);
}

#page .join-parma-section .join-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#page .join-parma-section .join-image img {
  margin: 0 !important;
  display: block;
  width: 100%;
}

#page .join-parma-section .join-card {
  position: static;
  top: 50%;
  max-width: none;
  width: 100%;
  padding: 2rem 1.5rem;
  border-radius: 0.75rem;
  background: var(--white, #fff);
  box-shadow: 0px 0px 32px 0px rgba(21, 43, 73, 0.08);
}

#page .join-parma-section .join-card .subtitle {
  color: var(--color-secondary-2);
  font-family: var(--secondary-font-family);
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

#page .join-parma-section .join-card .title {
  color: #034ea2;
  font-family: var(--secondary-font-family);
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.75rem;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

#page .join-parma-section .join-card .description {
  color: #555656;
  font-family: var(--main-font-family);
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
}

#page .join-parma-section .join-card .join {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white, #fff);
  font-family: var(--secondary-font-family);
  font-size: 1.25rem;
  padding: 0.75rem 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #f58345;
  width: fit-content;
}

#page .join-parma-section .join-card .join::before {
  display: block;
  content: url("/themes/custom/bartik_aeronet/images/icon-join-parma.svg");
  font-size: 1.375rem;
  color: #fff;
  width: 22px;
  height: 22px;
  font-weight: 400;
}

#page .join-parma-section .join-card a.join:hover {
  text-decoration: none !important;
  background-color: #034ea2;
}

/* RESPONSIVE _____ */
@media screen and (min-width: 900px) {
  #page .join-parma-section {
    padding: 5rem 0rem;
  }

  #page .join-parma-section .join-image img {
    width: unset;
  }

  #page .join-parma-section .join-card {
    position: absolute;
    top: 50%;
    max-width: 459px;
    transform: translateY(-50%);
  }
}
/*----- HOME - JOIN SECTION - Close -----*/

/*----- HOME - ABOUT SECTION - Open -----*/
#page .home-about-section {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.home-about-wrap {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
}
.home-about__content-wrap {
  background-color: var(--color-primary);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 1.5rem 1rem;
  position: relative;
  z-index: 1;
}
.home-about__content-wrap::before,
.home-about__content-wrap::after {
  background-color: var(--color-primary);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
}
.home-about__content-wrap::before {
  border-radius: 6rem 0 0 0;
  left: 0;
  transform: translateX(-100%);
  width: 14rem;
}
.home-about__content-wrap::after {
  right: 0.05rem;
  transform: translateX(100%);
  width: 50vw;
}
.home-about__images {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  position: relative;
  z-index: 2;
}
.home-about__images--inner {
  align-items: center;
  display: flex;
  position: relative;
}
.home-about__images--main img {
  border-radius: 0.75rem;
}
/* #page .home-about__images--sec {
   position: absolute;
   top: 50%;
   transform: translate(-100%, -50%);
   left: 0;
} */

#page .home-about__title--sub {
  color: var(--color-white);
  font-family: var(--secondary-font-family);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
  margin: 1.2rem 0 0 0 !important;
}

#page .home-about__title {
  color: #f58345;
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 4.25rem;
  text-transform: uppercase;
  margin: 0 !important;
  margin-bottom: 1.75rem !important;
}

#page .home-about__content--title {
  color: var(--color-white);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  margin: 0 !important;
  margin-bottom: 0.75rem !important;
}

#page .home-about__content {
  color: var(--color-white);
  font-family: var(--main-font-family);
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
}

/* RESPONSIVE _____ */

@media screen and (min-width: 600px) {
  #page .home-about-wrap {
    grid-template-columns: 7fr 5fr;
  }

  #page .home-about__content-wrap {
    padding: 0 1rem 0 0;
  }

  #page .home-about__images {
    padding: 5rem 2.5rem 5rem 1rem;
  }
}
@media screen and (min-width: 1024px) {
  #page .home-about-section .views-row {
    overflow: visible !important;
  }
}
@media screen and (min-width: 1170px) {
  #page .home-about__content-wrap {
    padding-right: 0;
  }
}
/*----- HOME - ABOUT SECTION - Close -----*/

/*----- HOME - EVENTS SECTION - Open -----*/
#page .event-image-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#page
  .event-image-section
  .views-element-container
  .view-content
  .apb-slideshow-row {
  display: block !important;
}

.path-frontpage #main-wrapper {
  padding-top: 0;
}

.path-frontpage #main,
.path-frontpage #main #content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#page
  .events-section
  .views-element-container
  .view-apb-simple-content
  .views-row {
  position: relative;
  z-index: 5;
  overflow: visible;
  margin-bottom: 0 !important;
}

#page .events-section {
  position: relative;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 2rem 1rem;
}

#page .events-section:before {
  content: "";
  height: 100%;
  width: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fef1e9;
  border-radius: 0 0 6rem 0;
  transform: translateX(-932px);
}

#page .events-section .views-element-container .view-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}

#page
  .events-section
  .views-element-container
  .view-content
  .views-row
  .card-wrapper-container {
  height: 100%;
}

#page .event-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

#page .event-header-wrapper .header h1 {
  color: #034ea2;
  font-family: var(--secondary-font-family);
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.75rem;
  text-transform: uppercase;
  margin: 0 !important;
}

#page .event-header-wrapper .view-more a {
  background: var(--color-blue-25);
  border-radius: var(--border-radius-buttons);
  border: 1px solid var(--color-blue-100);
  color: var(--color-primary);
  font-family: var(--secondary-font-family);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0.5rem 0.75rem;
}

#page .event-header-wrapper .view-more a:hover {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-white) !important;
  text-decoration: none !important;
}

/* RESPONSIVE _____ */

@media screen and (min-width: 900px) {
  #page .events-section {
    margin-bottom: 2rem !important;
    padding: 3rem 1rem 5rem 1rem;
  }

  #page .events-section .views-element-container .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  #page .events-section .views-element-container .view-content {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1440px) {
  #page .events-section {
    padding: 5rem 0rem;
  }
}
/*----- HOME - EVENTS SECTION - Close -----*/

/*----- SPONSORS SECTION - Open -----*/
#page .sponsors {
  overflow: hidden !important;
}

#page .sponsors-title-wrapper {
  position: relative;
  display: flex;
}

#page .sponsors-title-wrapper::before {
  background-color: var(--color-blue-25);
  border-bottom: 4px solid #36b37e;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  width: 1000px;
}

#page .sponsors-title-wrapper::after {
  background-color: var(--color-blue-25);
  border-bottom: 4px solid #cddcec;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  width: 1000px;
}

#page
  .sponsors.view-utilities-sponsors-platinum
  .sponsors-title-wrapper::before {
  border-bottom: 4px solid #f58345;
}

#page .sponsors-title-wrapper .sponsors-title {
  color: #23487a;
  padding: 3rem 1rem 1.5rem 1rem;
  background-color: var(--color-blue-25);
  font-family: var(--secondary-font-family);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
  border-bottom: 4px solid #36b37e;
}

#page
  .sponsors.view-utilities-sponsors-platinum
  .sponsors-title-wrapper
  .sponsors-title {
  border-bottom: 4px solid #f58345;
}

#page .sponsors-title-wrapper .sponsors-title .subtitle {
  font-size: 1.5rem;
  font-weight: 375;
}

#page .sponsors-title-wrapper .sponsors-border {
  flex-grow: 1;
  background-color: var(--color-blue-25);
  font-family: var(--secondary-font-family);
  border-bottom: 4px solid #cddcec;
}

#page .sponsors .view-content {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  flex-wrap: wrap;
}

#page .sponsors .view-content .owl-stage {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

#page .sponsors .view-content .owl-stage .owl-item img {
  margin: auto;
}

#page .sponsors .view-content .views-row .views-field img {
  max-width: 220px;
  max-height: 120px;
  width: auto;
}

#page
  .sponsors.view-utilities-sponsors-platinum
  .view-content
  .views-row
  .views-field
  img {
  max-width: 200px;
  max-height: 80px;
  width: auto;
}

/* RESPONSIVE _____ */

@media screen and (min-width: 1024px) {
  #page .sponsors {
    overflow: visible !important;
  }
}

@media screen and (min-width: 1440px) {
  #page .sponsors-title-wrapper .sponsors-title {
    padding: 3rem 0 1.5rem 0;
  }

  #page .sponsors .view-content {
    padding: 3rem 0;
  }
}
/*----- SPONSORS SECTION - Close -----*/

/* HERO HOME PAGE */
#page .hero-home .views-element-container .view-content .apb-slideshow-row {
  display: block !important;
}
/* HERO HOME PAGE */

/* CARD - OPEN */
#page .card-wrapper::before {
  display: flex;
  content: "\f274";
  width: 72px;
  height: 72px;
  font-family: "Font Awesome 6 Pro";
  font-size: 2rem;
  color: #f58345;
  background-color: #fef1e9;
  border-radius: 9999px;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

#page .card-wrapper {
  width: 100%;
  height: 100%;
  padding: 2rem 1.5rem;
  border-radius: 0.75rem;
  background: var(--white, #fff);
  box-shadow: 0px 0px 32px 0px rgba(21, 43, 73, 0.08);
  transition: all 300ms;
  position: relative;
}

#page .card-wrapper:hover {
  color: var(--white, #fff);
  background: #f58345;
}

#page .card-wrapper:hover::before {
  background-color: #fff !important;
}

#page .card-wrapper:hover .date,
#page .card-wrapper:hover .title a {
  color: var(--white, #fff);
}

#page .card-wrapper .title {
  color: #23487a;
  font-family: var(--secondary-font-family);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

#page .card-wrapper .title a:hover {
  transition: all 300ms;
  color: #fff !important;
  text-decoration: none !important;
}

#page .card-wrapper .date {
  color: #23487a;
  font-family: var(--secondary-font-family);
  line-height: 1.5rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 1.125rem;
  transition: all 300ms;
}

#page .card-wrapper .card-content-link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
/* CARD - CLOSE */

/* EVENTS PAGE - OPEN */

#page .view-utilities-events-page.view-display-id-page_1 .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

#page
  .view-utilities-events-page.view-display-id-page_1
  .view-content
  .views-row
  .card-wrapper-container {
  height: 100%;
}

#page .view-utilities-events-page.view-display-id-page_1 .view-footer {
  margin-top: 2rem;
}

#page .view-utilities-events-page.view-display-id-page_1 .view-footer a {
  font-family: var(--secondary-font-family);
  font-size: 1.125rem;
  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 0.75rem 1rem;
  border-radius: var(--border-radius-buttons);
}

#page .view-utilities-events-page.view-display-id-page_1 .view-footer a:hover {
  background-color: var(--color-secondary);
}

/* Past Events */
/* #page .view-utilities-events-page.view-display-id-page_2 .view-content .views-row {
   border: 1px solid var(--color-blue-100);
   border-radius: 12px;
   padding: 1.5rem;
   position: relative;
} */

#page
  .view-utilities-events-page.view-display-id-page_2
  .view-content
  .views-infinite-scroll-content-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

#page
  .view-utilities-events-page.view-display-id-page_2
  .view-content
  .views-infinite-scroll-content-wrapper.clearfix:before {
  display: none;
}

#page
  .view-utilities-events-page.view-display-id-page_2
  .view-content
  .views-row
  .card-wrapper-container {
  height: 100%;
}

/* #page .view-utilities-events-page.view-display-id-page_2 .js-pager__items .pager__item:before {
   display: none;
}

#page .view-utilities-events-page.view-display-id-page_2 .js-pager__items {
   margin-top: 1rem;
}

#page .view-utilities-events-page.view-display-id-page_2 .view-content .views-row .evt-date-group {
   display: flex;
   justify-content: space-between;
   font-family: var(--secondary-font-family);
   color: var(--color-primary-2);
   font-weight: 500;
}

#page .view-utilities-events-page.view-display-id-page_2 .view-content .views-row .views-field-title {
   display: block;
   border-top: 1px solid var(--color-blue-100);
   padding-top: 0.75rem;
   margin-top: 0.75rem;
   margin-bottom: 3.25rem;
}

#page .view-utilities-events-page.view-display-id-page_2 .view-content .views-row .views-field-title .field-content a {
   font-family: var(--secondary-font-family);
   font-weight: 600;
   font-size: 1.25rem;
   line-height: 120%;
}

#page .view-utilities-events-page.view-display-id-page_2 .view-content .views-row .learn-more-btn {
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 0 0 2rem 1.5rem;
}

#page .view-utilities-events-page.view-display-id-page_2 .view-content .views-row .learn-more-btn a {
   padding: 0.75rem 1rem 0.75rem 1rem;
   background: var(--color-orange-600);
   color: var(--color-white);
   border-radius: var(--border-radius-buttons);
}

#page .view-utilities-events-page.view-display-id-page_2 .view-content .views-row .learn-more-btn a:hover {
   background: var(--color-orange-400);
} */

/* EVENTS PAGE - CLOSE */

/* EVENT ITEM - OPEN */

#page .field--name-field-evt-chapter {
  font-family: var(--secondary-font-family);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-primary-2);
  margin-bottom: 0.25rem;
}

#page .field--name-field-evt-start-date {
  font-family: var(--secondary-font-family);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-primary-2);
  border-bottom: 1px var(--color-blue-100) solid;
  padding-bottom: 2rem;
  margin-bottom: 2rem;

  display: flex;
  justify-content: space-between;
}

#page .field--name-field-evt-location {
  border-top: 1px var(--color-blue-100) solid;
  padding-top: 2rem;
  margin-top: 2rem;
}

#page .field--name-field-evt-start-date .addtocalendar a.atcb-link {
  font-family: var(--secondary-font-family);
  font-size: 1.125rem;
  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 0.75rem 1rem;
}

#page .field--name-field-evt-start-date .addtocalendar a.atcb-link:hover {
  background-color: var(--color-secondary);
}

#page .field--name-field-evt-start-date .addtocalendar a.atcb-link:active {
  background-color: var(--color-secondary);
}

#page .field--name-field-evt-start-date .addtocalendar a.atcb-item-link {
  font-family: var(--secondary-font-family);
  font-size: 1.125rem;
  color: var(--color-primary);
  background-color: var(--color-white);
  padding: 0.75rem 1rem;
  transition: background-color 250ms, color 250ms;
}

#page .field--name-field-evt-start-date .addtocalendar a.atcb-item-link:hover {
  color: var(--color-white);
  background-color: var(--color-secondary);
}

#page .field--name-field-evt-start-date .addtocalendar a.atcb-item-link:active {
  color: var(--color-white);
  background-color: var(--color-secondary);
}

#page .field--name-field-evt-start-date .addtocalendar ul.atcb-list {
  margin: 0 0 1rem 0;
}

#page
  .field--name-field-evt-start-date
  .addtocalendar
  ul.atcb-list
  li.atcb-item {
  margin: 0;
}

/* #page .field--name-field-evt-description a {
   color: var(--color-orange-600);
}

#page .field--name-field-evt-description a:hover {
   color: var(--color-orange-400);
} */

#page .field--name-field-evt-description p a {
  color: var(--color-primary);
}

#page .field--name-field-evt-description p a:hover {
  color: var(--color-secondary);
}

/* EVENT ITEM - CLOSE */

/* EVENTS SIDEBAR - OPEN */

#page #sidebar-right .region-sidebar-second .events-sidebar-block {
  padding: 0.5rem 0.5rem 1rem 0.5rem !important;
  background-color: var(--color-blue-25);
}

#page #sidebar-right .region-sidebar-second h2 {
  color: var(--white, #fff);
  font-family: var(--secondary-font-family);
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.625rem 1rem 0.75rem 1rem;
  background-color: #034ea2;
  border-radius: 3px;
  margin: 0 !important;
}

#page .events-sidebar-block .view-content .views-row .event-sidebar {
  border-bottom: 1px solid #b3cae3;
  display: flex;
  gap: 0.875rem;
  margin: 0 0.25rem;
  padding: 1.5rem 0;
}
#page
  .events-sidebar-block
  .view-content
  .views-row:first-child
  .event-sidebar {
  padding-top: 0 !important;
}
#page .events-sidebar-block .view-content .views-row:last-child .event-sidebar {
  padding-bottom: 0 !important;
  border-bottom: none;
}

#page .events-sidebar-block .view-content .views-row .event-sidebar .col-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#page .events-sidebar-block .view-content .views-row .event-sidebar .date {
  color: var(--color-secondary-2);
  text-align: center;
  font-family: var(--secondary-font-family);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: uppercase;
}

#page .events-sidebar-block .view-content .views-row .event-sidebar .month {
  color: var(--color-secondary-2);
  text-align: center;
  font-family: var(--secondary-font-family);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  text-transform: uppercase;
}

#page .events-sidebar-block .view-content .views-row .event-sidebar .weekday {
  color: #4f93df;
  font-family: var(--secondary-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.047rem;
  text-transform: uppercase;
}

#page .events-sidebar-block .view-content .views-row .event-sidebar .title {
  color: #034ea2 !important;
  font-family: var(--main-font-family);
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
}

#page
  .events-sidebar-block
  .view-content
  .views-row
  .event-sidebar
  .title
  a:hover {
  color: var(--color-secondary-2) !important;
  text-decoration: none !important;
}

#page .events-sidebar-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#page .events-sidebar-block .view-footer a {
  color: #fff !important;
  width: fit-content;
  font-family: var(--main-font-family);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 3px;
  display: block;
  background-color: #034ea2;
}

#page .events-sidebar-block .view-footer a:hover {
  text-decoration: none !important;
  background-color: var(--secondary-2);
}

/* EVENTS SIDEBAR - CLOSE */

/* BLOG PAGE - OPEN */

/* TEASER */
/* #page
	.view-id-duplicate_of_blog_posts.view-display-id-page_1
	.view-content
	.views-row
	.node-type-blog-post {
	border: none;
	margin: 0;
} */

/* #page
	.view-id-duplicate_of_blog_posts.view-display-id-page_1
	.view-content
	.views-row
	.node-content {
	border-bottom: 1px var(--color-blue-100) solid;
	margin-bottom: 1.25rem;
} */

#page .node-type-blog-post.node-view-mode-teaser .blog-list__more-link {
  margin-top: 0.5rem;
}
#page .node-type-blog-post.node-view-mode-teaser .node-content {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto;
  gap: 1.25rem;
}
#page .node-type-blog-post.node-view-mode-teaser .node-content::before,
#page .node-type-blog-post.node-view-mode-teaser .node-content::after {
  display: none !important;
}
#page
  .node-type-blog-post.node-view-mode-teaser
  .node-content
  .field--name-field-blog-post-featured-image
  a {
  display: block;
}
#page
  .node-type-blog-post.node-view-mode-teaser
  .node-content
  .field--name-field-blog-post-featured-image
  img {
  border-radius: var(--border-radius-small);
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 680px) {
  #page .node-type-blog-post.node-view-mode-teaser .node-content {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* #page .view-id-duplicate_of_blog_posts.view-display-id-page_1 .view-content .views-row .node-content .field--name-field-blog-post-featured-image {
   float: left;
   margin: 0 1.5rem 1rem 0;
} */

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .field--name-body {
  margin: 0;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .field--name-body
  p {
  margin-bottom: 0;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .field--name-body
  p:after {
  display: none;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .field--name-body
  p
  + p {
  margin-top: 1.25rem;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .node-links-container
  li {
  padding: 0;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .node-links-container
  li:before {
  display: none;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .node-links-container
  .links.inline {
  margin: 0;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .node-links-container
  a {
  font-family: var(--secondary-font-family);
  font-size: 1.125rem;
  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 0.625rem 1rem 0.75rem 1rem;
  border-radius: var(--border-radius-buttons);
  line-height: 100%;
}

#page
  .view-id-duplicate_of_blog_posts.view-display-id-page_1
  .view-content
  .views-row
  .node-content
  .node-links-container
  a:hover {
  background-color: var(--color-secondary);
}

/* BLOG PAGE - CLOSE */

/* BLOG SIDEBARS - OPEN */

/* Recent Posts */
#sidebar-right .block-region.region-sidebar-second .blog-posts-recent-block {
  background-color: var(--color-blue-25);
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-recent-block
  .view-content
  .views-row {
  margin: 0 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px var(--color-blue-100) solid;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-recent-block
  .more-link {
  margin: 0 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px var(--color-blue-100) solid;
}

/* Blog Tags */
#sidebar-right .block-region.region-sidebar-second .blog-posts-tag-block {
  background-color: var(--color-blue-25);
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-tag-block
  .view-content
  .views-summary {
  margin: 0 1rem;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-tag-block
  .view-content
  .views-summary
  li {
  padding: 0.5rem 0;
  border-bottom: 1px var(--color-blue-100) solid;
  margin: 0;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-tag-block
  .view-content
  .views-summary
  li::before {
  display: none;
}

/* #sidebar-right .block-region.region-sidebar-second .blog-posts-tag-block .more-link {
   margin: 0 1rem;
   padding-top: 0.5rem;
} */

/* Blog Archive */
#sidebar-right .block-region.region-sidebar-second .blog-posts-archive-block {
  background-color: var(--color-blue-25);
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-archive-block
  .view-content
  .views-summary {
  margin: 0 1rem;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-archive-block
  .view-content
  .views-summary
  li {
  padding: 0.5rem 0;
  border-bottom: 1px var(--color-blue-100) solid;
  margin: 0;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-archive-block
  .view-content
  .views-summary
  li::before {
  display: none;
}

#sidebar-right
  .block-region.region-sidebar-second
  .blog-posts-archive-block
  .more-link {
  margin: 0 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px var(--color-blue-100) solid;
}

/* BLOG SIDEBARS - CLOSE */

/* BLOG MEMBER SPOTLIGHT - OPEN */
#page .node-type-blog-post.node-view-mode-full .field--name-field-cover {
  margin: 0;
}
#page .node-type-blog-post.node-view-mode-full .field--name-field-cover img {
  height: auto;
  max-width: none;
  width: 100%;
}

#page
  .node-type-blog-post.node-view-mode-full
  .field--name-field-blog-post-featured-image {
  float: left;
  margin: 0 1.25rem 1rem 0;
}
#page
  .node-type-blog-post.node-view-mode-full
  .field--name-field-blog-post-featured-image
  img {
  border-radius: var(--border-radius-small);
}
#page .node-type-blog-post.node-view-mode-full .field--name-body p {
  overflow: hidden;
}
/* BLOG MEMBER SPOTLIGHT - CLOSE */

/* MEMBER NEWS - OPEN */

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-title {
  font-size: 2.5rem;
  line-height: 110%;
  margin-bottom: 1rem;
  font-family: var(--secondary-font-family);
}
#page-wrapper
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-title
  a {
  color: var(--color-primary-2);
  text-decoration-color: var(--color-white) !important;
}
#page-wrapper
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-title
  a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 0.09375rem !important;
  text-underline-offset: 0.25rem !important;
  text-decoration-color: var(--color-secondary) !important;
}

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-nothing
  .field-content
  > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-nothing
  .field-content
  div
  .news-date-span {
  font-weight: 600;
}

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-nothing
  .field-content
  div
  .news-type-span
  a {
  background: var(--color-primary);
  border-radius: var(--border-radius-buttons);
  color: var(--color-white);
  display: inline-block;
  line-height: 1;
  padding: 0.75rem 1rem 0.75rem 1rem;
}
#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-nothing
  .field-content
  div
  .news-type-span
  a:hover {
  background: var(--color-secondary);
}

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-field-news-tags {
  margin-bottom: 1rem;
}

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-view-node {
  margin-bottom: 2rem;
  padding-bottom: 2.25rem;
  border-bottom: 1px var(--color-blue-100) solid;
}

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-view-node
  a {
  margin: 0;
  background-color: var(--color-orange-600);
}

#page
  .view-id-news.view-display-id-page_1
  .view-content
  .views-row
  .views-field-view-node
  a:hover {
  background-color: var(--color-orange-400);
}

/* #page .view-id-news.view-display-id-page_1 .view-content .views-row .views-field-field-news-tags .field-content a {
   padding: 0.75rem 1rem 0.75rem 1rem;
   background: var(--color-primary-2);
   color: var(--color-white);
   border-radius: var(--border-radius-buttons);
}

#page .view-id-news.view-display-id-page_1 .view-content .views-row .views-field-field-news-tags .field-content a:hover {
   background: var(--color-secondary);
} */

/* MEMBER NEWS - CLOSE */

/* JOB LISTING - OPEN */

#page .view-id-jobs.view-display-id-page_1 .view-content .views-row {
  border-bottom: 1px var(--color-blue-100) solid;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

#page
  .view-id-jobs.view-display-id-page_1
  .view-content
  .views-row
  .views-field-title {
  font-size: 2.5rem;
  line-height: 120%;
  margin-bottom: 1rem;
}

#page
  .view-id-jobs.view-display-id-page_1
  .view-content
  .views-row
  .views-field-field-job-company-description {
  margin-bottom: 1rem;
}

#page
  .view-id-jobs.view-display-id-page_1
  .view-content
  .views-row
  .views-field-field-job-job-title {
  display: flex;
  gap: 0.125rem;
  margin-bottom: 1rem;
}

#page
  .view-id-jobs.view-display-id-page_1
  .view-content
  .views-row
  .views-field-field-job-job-title
  .views-label {
  font-weight: 600;
}

#page
  .view-id-jobs.view-display-id-page_1
  .view-content
  .views-row
  .views-field-views-conditional-field {
  margin-bottom: 1rem;
}

#page
  .view-id-jobs.view-display-id-page_1
  .view-content
  .views-row
  .views-field-field-job-application-deadline {
  display: flex;
  gap: 0.125rem;
}

#page
  .view-id-jobs.view-display-id-page_1
  .view-content
  .views-row
  .views-field-field-job-application-deadline
  .views-label {
  font-weight: 600;
}

/* JOB LISTING - CLOSE */

/* ONLINE VENDOR - OPEN */

#page .online-vendor-home-section .online-vendor-slide .apb-slideshow-bg {
  background-position: center bottom;
  background-size: cover;
}

#page
  .online-vendor-home-section
  .online-vendor-slide
  .apb-slideshow-bg
  .apb-ss-slideshow-content
  .apb-ss-content-wrapper {
  min-height: 320px !important;
}

#page
  .online-vendor-home-section
  .online-vendor-slide
  .apb-slideshow-bg
  .apb-ss-slideshow-content
  .apb-ss-content
  .apb-ss-wrapper-body {
  padding: 1rem !important;
}

#page
  .online-vendor-home-section
  .online-vendor-slide
  .apb-slideshow-bg
  .apb-ss-slideshow-content
  .apb-ss-content {
  position: static;
}

#page
  .online-vendor-home-section
  .online-vendor-slide
  .apb-slideshow-bg
  .apb-ss-slideshow-content
  .apb-ss-body
  h1.title {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 32px #000;
  font-family: var(--secondary-font-family);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}

#page
  .online-vendor-home-section
  .online-vendor-slide
  .apb-slideshow-bg
  .apb-ss-slideshow-content
  .apb-ss-body
  a.visit-now {
  display: flex;
  gap: 4px;
  align-items: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
}

#page
  .online-vendor-home-section
  .online-vendor-slide
  .apb-slideshow-bg
  .apb-ss-slideshow-content
  .apb-ss-body
  a.visit-now
  span {
  font-size: 16px;
}

@media screen and (min-width: 426px) {
  #page
    .online-vendor-home-section
    .online-vendor-slide
    .apb-slideshow-bg
    .apb-ss-slideshow-content
    .apb-ss-body
    h1.title {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 681px) {
  #page
    .online-vendor-home-section
    .online-vendor-slide
    .apb-slideshow-bg
    .apb-ss-slideshow-content
    .apb-ss-body
    h1.title {
    font-size: 3rem;
  }
}

/* ONLINE VENDOR - OPEN */

/* WORKFORCE DEVELOPOMENT VENDOR - OPEN */

#page .workforce-home-header-section {
  padding: 0 1rem;
  margin-top: 2rem !important;
  margin-bottom: 0.8rem !important;
}

#page .workforce-home-header-section .views-element-container .views-row {
  margin-bottom: 0 !important;
}

#page
  .workforce-home-header-section
  .views-element-container
  .views-row
  .apb-sc-body-wrapper
  h1 {
  font-size: 2rem !important;
}

#page .workforce-home-section {
  padding: 0 1rem;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}

#page
  .workforce-home-section
  .views-element-container
  .view-apb-simple-content {
  grid-template-columns: repeat(1, 1fr);
}

#page .workforce-home-section .views-element-container .views-row {
  margin-bottom: 0 !important;
}

#page .workforce-home-section .views-row.first {
  position: relative;
  background: rgba(20, 38, 54, 0.32);
  min-height: 480px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),
    url("/sites/default/files/apb/slideshow/workforce-bg-full.jpeg");
  background-position: bottom;
  background-size: cover;
}

#page .workforce-home-section .apb-sc-body-wrapper .content {
  position: absolute;
  top: 0;
  margin: 1rem;
  border: 1px solid #5a8cb8;
  background: rgba(20, 38, 54, 0.32);
  backdrop-filter: blur(4px);
  padding: 1.5rem;
  color: var(--white, #fff);
  text-align: center;
  font-family: var(--secondary-font-family);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

#page .workforce-home-section .apb-sc-body-wrapper .logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.5rem;
  margin: 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

#page .workforce-home-section .apb-sc-body-wrapper .logo p a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;

  color: #122f3b !important;
  font-family: var(--main-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  background: #febf0f;
  padding: 0.47rem 0.75rem 0.5rem 0.75rem;
  margin: 0;
}

#page .workforce-home-section .apb-sc-body-wrapper .logo p a:hover {
  background: var(--white);
}

#page .workforce-home-section .apb-sc-body-wrapper .logo p a span {
  color: #122f3b !important;
}

#page .workforce-home-section .apb-sc-body-wrapper .logo img {
  width: 210px !important;
  height: auto !important;
}

#page .workforce-column-two .paragraph--type--apb-pb-feature-box {
  margin: 0 !important;
}

#page
  .workforce-column-two
  .paragraph--type--apb-pb-feature-box
  .views-element-container
  .view-apb-feature-box {
  display: grid;
}

#page
  .workforce-column-two
  .paragraph--type--apb-pb-feature-box
  .views-element-container
  .view-apb-feature-box
  .views-row {
  margin-bottom: 0px !important;
}

@media screen and (min-width: 681px) {
  #page
    .workforce-column-two
    .paragraph--type--apb-pb-feature-box
    .views-element-container
    .view-apb-feature-box {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 768px) {
  #page
    .workforce-home-header-section
    .views-element-container
    .views-row
    .apb-sc-body-wrapper
    h1 {
    font-size: 3rem !important;
  }

  #page .workforce-home-section .apb-sc-body-wrapper .content {
    top: 50%;
    transform: translateY(-50%);
    margin: 0 17%;
  }

  #page .workforce-home-section .apb-sc-body-wrapper .logo {
    flex-direction: column;
    justify-content: space-between;
    flex-direction: row;
    align-items: end;
    gap: 1rem;
    margin: 0 2rem;
  }
}

@media screen and (min-width: 1024px) {
  #page .workforce-home-header-section {
    margin-top: 4rem !important;
  }

  #page .workforce-home-section {
    padding: 0 1rem;
    margin-bottom: 4rem !important;
  }

  #page
    .workforce-home-section
    .views-element-container
    .view-apb-simple-content {
    grid-template-columns: 2fr 1fr;
  }

  #page .workforce-home-section .views-row.first {
    min-height: unset;
  }

  #page
    .workforce-column-two
    .paragraph--type--apb-pb-feature-box
    .views-element-container
    .view-apb-feature-box {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 1440px) {
  #page .workforce-home-header-section {
    padding: 0 1rem;
  }

  #page .workforce-home-section {
    padding: 0;
  }
}

/* WORKFORCE DEVELOPOMENT VENDOR - CLOSE */