/*
homepage.css | Home Page | Above-the-fold
*/

/* Top Bar
=================================================================================*/

.top-bar {
  background: var(--enfold-header-color-bg2);
  color: var(--enfold-header-color-color);
  display: flex;
  flex: 1 0 100%;
  flex-flow: row nowrap;
  font-size: 1.48rem;
  gap: 1.57vw;
  height: 53.45px;
  justify-content: center;
  padding: 13px 1.57vw;
  position: relative;
}

.top-bar--block {
  left: 1.57vw;
  padding-right: 1.57vw;
  position: absolute;
  white-space: nowrap;
}

/* Home Grid
==========================================================================================*/

.home-grid {
  display: flex;
  flex-flow: row wrap;
  height: auto;
  min-height: 20vw;
  overflow: hidden;
}

.responsive #top #wrap_all .home-grid .container {
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.home-grid .content {
  padding: 0;
}

.home-grid .entry-content-wrapper {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
}

.home-grid .flex_column {
  background-size: cover !important;
  display: flex;
  flex-flow: column;
  height: auto;
  justify-content: center;
  margin: 0;
  min-height: 20vw;
  padding: 2rem 1rem;
}

.home-grid .flex_column.justify-end {
  justify-content: flex-end;
}

.home-grid .flex_column h4 {
  font-size: 2rem;
}

#top .home-grid .flex_column .av-subheading {
  color: var(--enfold-header-color-border) !important;
  font-size: 1rem;
}

.home-grid .justify-end p {
  margin: 0;
}

.home-grid h6 {
  font-size: 16px;
}

/* Filpover Cards
==========================================================================================*/

.flipover-cards .flex_cell_inner {
  height: 100%;
}

.avia-icon-grid-container,
.avia-icongrid {
  height: 100%;
}

.flipover-cards .av-image-caption-overlay {
  display: none;
}

.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front {
  margin: 0;
}

.avia-icongrid .av-icon-cell-item .avia-icongrid-wrapper,
.avia-icongrid-flipbox .av-icon-cell-item article {
  height: 100%;
}

.av_icongrid_title {
  display: none;
}

div .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback,
div .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner {
  padding: 20px;
}

.home-grid .article-icon-entry .bg-img:before {
  background-size: contain !important;
}

.home-grid .avia-icongrid-text h5 {
  font-size: 20px;
}

/* Mobile
=================================================================================*/

@media only screen and (max-width: 1150px) {
  #top .home-grid .flex_column {
    min-height: 25vw;
    width: 25%;
  }
}

@media only screen and (max-width: 1024px) {
  #top .home-grid .flex_column {
    min-height: 33.33vw;
    width: 33.33%;
  }

  /*
  * Flip cards
  */

  .avia-icongrid {
    flex-flow: row wrap;
  }

  .avia-icongrid .av-icon-cell-item .avia-icongrid-wrapper,
  .avia-icongrid-flipbox .av-icon-cell-item article {
    height: 33.33vw;
    min-height: 33.33vw !important;
  }

  .avia-icongrid .article-icon-entry {
    min-height: 50vw !important;
  }

  .home-grid .article-icon-entry .bg-img:before {
    background-size: contain !important;
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .home-grid .flex_column {
    min-height: 50vw;
    width: 50%;
  }

  .home-grid .avia-icongrid {
    align-items: center;
  }
}

@media only screen and (max-width: 640px) {
  /*
  * Flip cards
  */

  .responsive #top #wrap_all .home-grid .flex_column {
    min-height: 50vw;
    width: 50%;
  }

  #top .avia-icongrid.av-flex-cells.av-break-767 .av-icon-cell-item {
    flex: 1 1 50%;
    height: 50vw;
    width: 50vw;
  }

  .avia-icongrid .av-icon-cell-item .avia-icongrid-wrapper,
  .avia-icongrid-flipbox .av-icon-cell-item article {
    height: 50vw;
    min-height: 50vw !important;
  }
}

@media only screen and (max-width: 540px) {
  /*
  * Flip cards
  */

  .responsive #top #wrap_all .home-grid .flex_column {
    min-height: 100vw;
    width: 100%;
  }
}

@media only screen and (max-width: 360px) {
  /*
  * Flip cards
  */

  .responsive #top #wrap_all .home-grid .flex_column {
    min-height: 100vw;
    width: 100%;
  }

  #top .avia-icongrid.av-flex-cells.av-break-767 .av-icon-cell-item {
    flex: 1 1 100% !important;
    height: 100vw;
    width: 100vw;
  }

  .avia-icongrid .av-icon-cell-item .avia-icongrid-wrapper,
  .avia-icongrid-flipbox .av-icon-cell-item article {
    height: 100vw;
    min-height: 100vw !important;
  }
}