/* THIS CSS WAS COMPILED AND OPTIMIZED, USING THE WP COMPILER PLUGIN */
/* https://bytes.co */
/* Last Compiled: 2022-03-19 6:02:09 UTC */

.et_pb_section.slideBottom .empire-blog .thumbnail {
  animation: blogimagefadein 1s cubic-bezier(0.77, 0, 0.175, 1) 1; }

.empire-blog .blog-header .blog-menu {
  display: flex;
  list-style: none;
  padding: 0px;
  font-size: 1rem;
  margin-bottom: 2rem; }
  @media (max-width: 980px) and (min-width: 768px) {
      .empire-blog .blog-header .blog-menu {
        font-size: 2.5rem;
        flex-wrap: wrap;
        margin-bottom: 4rem; } }
  @media (max-width: 767px) {
      .empire-blog .blog-header .blog-menu {
        font-size: 3rem;
        flex-wrap: wrap;
        margin-bottom: 10rem; } }
  .empire-blog .blog-header .blog-menu .header-item {
    margin-right: 0.75rem;
    display: inline-block;
    font-weight: 600;
    color: black;
    list-style: none; }
    @media (max-width: 980px) and (min-width: 768px) {
      .empire-blog .blog-header .blog-menu .header-item {
        margin-bottom: 0.75rem;
        flex-grow: 9999; } }
    @media (max-width: 767px) {
      .empire-blog .blog-header .blog-menu .header-item {
        margin-bottom: 2.5rem;
        margin-right: 2.5rem;
        flex-grow: 9999; } }
  .empire-blog .blog-header .blog-menu > *:last-child {
    margin-right: 0px; }
  .empire-blog .blog-header .blog-menu .header-label {
    padding: 0.6rem 1.5rem;
    display: inline-block;
    font-weight: 600;
    color: black;
    text-align: center;
    height: 100%;
    text-transform: uppercase; }
    @media (max-width: 980px) and (min-width: 768px) {
      .empire-blog .blog-header .blog-menu .header-label {
        width: 100%;
        text-align: left; } }
    @media (max-width: 767px) {
      .empire-blog .blog-header .blog-menu .header-label {
        width: 100%;
        text-align: left;
        padding: 2rem 3rem; } }
  .empire-blog .blog-header .blog-menu .query-button {
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
    line-height: 1em;
    border: 1px solid #d9dddc; }
    .empire-blog .blog-header .blog-menu .query-button:hover {
      color: #2e8dff;
      background-color: white; }
    .empire-blog .blog-header .blog-menu .query-button.active {
      background-color: #e56b01;
      color: white; }
      .empire-blog .blog-header .blog-menu .query-button.active:hover {
        color: #e56b01;
        background-color: white; }
  .empire-blog .blog-header .blog-menu .query-dropdown {
    background-color: white;
    position: relative; }
    @media (max-width: 980px) and (min-width: 768px) {
      .empire-blog .blog-header .blog-menu .query-dropdown {
        width: 100%;
        margin-right: 0px; } }
    @media (max-width: 767px) {
      .empire-blog .blog-header .blog-menu .query-dropdown {
        width: 100%;
        margin-right: 0px; } }
    .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 10;
      cursor: pointer;
      line-height: 1em;
      border: 1px solid #d9dddc;
      transition: color 0.2s ease, background-color 0.2s ease; }
      .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-label:hover {
        color: #2e8dff;
        background-color: white; }
      .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-label.active {
        background-color: #e56b01;
        color: white; }
        .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-label.active:hover {
          color: #e56b01;
          background-color: white; }
      .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-label::after {
        display: inline-block;
        margin-left: 1em;
        position: relative;
        content: "\0203A";
        font-size: 1.8em;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        line-height: 0.56em;
        text-transform: none;
        speak: none;
        transform: rotate(90deg); }
    .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-items {
      overflow-x: hidden;
      width: 100%;
      display: block;
      opacity: 0;
      transition: all 0.2s ease;
      position: absolute;
      background-color: white;
      padding: 0.6rem 1.5rem;
      z-index: 100;
      border: 1px solid #d9dddc;
      list-style: none;
      max-height: 300px;
      overflow-y: auto;
      transform: scaleY(0);
      transform-origin: top; }
      @media (max-width: 767px) {
      .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-items {
        padding: 2rem 2.7rem; } }
      .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-items li {
        margin-top: 0.3rem;
        margin-bottom: 0.3rem; }
        .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-items li a {
          line-height: 1.2em;
          color: black;
          display: inline-block;
          width: 100%;
          text-transform: uppercase; }
          .empire-blog .blog-header .blog-menu .query-dropdown .query-dropdown-items li a:hover {
            color: #2e8dff; }
    .empire-blog .blog-header .blog-menu .query-dropdown:hover .query-dropdown-items {
      opacity: 1;
      transform: scaleY(1); }
    .empire-blog .blog-header .blog-menu .query-dropdown.active .query-dropdown-item:hover {
      color: #e56b01; }
  .empire-blog .blog-header .blog-menu .category-filter-dropdown {
    flex-grow: 999; }
  .empire-blog .blog-header .blog-menu .date-sort-button::after {
    display: inline;
    margin-left: 5px; }
    .empire-blog .blog-header .blog-menu .date-sort-button.asc {
      /*U+2191*/ }
      .empire-blog .blog-header .blog-menu .date-sort-button.asc::after {
        content: "\2191"; }
    .empire-blog .blog-header .blog-menu .date-sort-button.desc::after {
      /*U+2193*/
      content: "\2193"; }
  .empire-blog .article-list {
    display: grid;
    grid-template-columns: minmax(min-content, 26.7%) minmax(min-content, 26.7%) minmax(min-content, 26.7%);
    row-gap: 12rem;
    justify-content: space-between; }
  @media (max-width: 980px) {
    .empire-blog .article-list {
      grid-template-columns: 100%;
      justify-content: space-around; } }
  .empire-blog .article-list article {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .empire-blog .article-list article .author-thumbnail {
    display: inline-block;
    width: 60%;
    margin-bottom: 1rem;
    border-radius: 9999px;
    border: 3px solid #2e8dff;
    overflow: hidden;
    box-shadow: 0px 14px 8px rgba(0, 0, 0, 0.33);
    line-height: 0px; }
    @media (max-width: 980px) {
      .empire-blog .article-list article .author-thumbnail {
        width: 50%;
        margin-bottom: 3rem; } }
    @media (max-width: 767px) {
      .empire-blog .article-list article .author-thumbnail {
        width: 50%;
        margin-bottom: 4rem; } }
    .empire-blog .article-list article .author-thumbnail a {
      line-height: 0px;
      display: inline-block;
      border-radius: inherit;
      width: 100%; }
      .empire-blog .article-list article .author-thumbnail a .thumbnail {
        display: inline-block;
        width: 100%;
        height: 100%;
        filter: grayscale(100%);
        opacity: 1;
        object-fit: cover;
        border-radius: inherit;
        transition: filter 0.2s ease; }
        .empire-blog .article-list article .author-thumbnail a .thumbnail:hover {
          filter: none; }
  .empire-blog .article-list article .article-title {
    font-weight: bold;
    color: black;
    margin-bottom: 0.5rem;
    padding-bottom: 0px;
    font-size: 1.2rem;
    line-height: 1.1em; }
    @media (max-width: 980px) {
      .empire-blog .article-list article .article-title {
        font-size: 3rem;
        margin-bottom: 2.5rem; } }
    @media (max-width: 767px) {
      .empire-blog .article-list article .article-title {
        font-size: 4rem; } }
  .empire-blog .article-list article .author-name {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-style: italic;
    margin-bottom: 0.75rem;
    text-transform: capitalize; }
    @media (max-width: 980px) {
      .empire-blog .article-list article .author-name {
        font-size: 2rem;
        margin-bottom: 2.5rem; } }
    @media (max-width: 767px) {
      .empire-blog .article-list article .author-name {
        font-size: 3rem; } }
  .empire-blog .article-list article .article-excerpt, .empire-blog .article-list article .article-excerpt > p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    display: -moz-box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-box-orient: vertical;
    /* Mozilla */
    -webkit-box-orient: vertical;
    /* WebKit */
    box-orient: vertical;
    /* As specified */
    -webkit-line-clamp: 4;
    line-clamp: 4;
    line-height: 1.1em; }
    @media (max-width: 980px) {
      .empire-blog .article-list article .article-excerpt, .empire-blog .article-list article .article-excerpt > p {
        font-size: 2rem;
        margin-bottom: 3rem; } }
    @media (max-width: 767px) {
      .empire-blog .article-list article .article-excerpt, .empire-blog .article-list article .article-excerpt > p {
        font-size: 3rem; } }
  .empire-blog .article-list article .more-link {
    display: inline-block;
    padding: 0.7em 2.1em;
    color: white;
    background-color: #e56b01;
    text-transform: uppercase;
    border-radius: 9999px;
    font-weight: 600;
    transition: all 300ms ease 0ms;
    font-size: 0.8rem; }
    @media (max-width: 980px) {
      .empire-blog .article-list article .more-link {
        font-size: 2rem; } }
    @media (max-width: 767px) {
      .empire-blog .article-list article .more-link {
        font-size: 3rem; } }
    .empire-blog .article-list article .more-link:hover {
      background-color: #ba5600; }
  .empire-blog .pagination-box {
    text-align: center;
    font-size: 1rem;
    color: Black;
    font-weight: bold;
    margin-top: 2rem; }
  @media (max-width: 980px) and (min-width: 768px) {
    .empire-blog .pagination-box {
      margin-top: 5rem;
      font-size: 2.5rem; } }
  @media (max-width: 767px) {
    .empire-blog .pagination-box {
      margin-top: 5rem;
      font-size: 3rem; } }
  .empire-blog .pagination-box .page-numbers {
    color: Black;
    text-decoration: underline; }
  .empire-blog .pagination-box .page-numbers.current {
    text-decoration: none;
    color: #e56b01; }
  .empire-blog .pagination-box .page-numbers.dots {
    text-decoration: none; }
  .empire-blog .pagination-box .prev {
    text-decoration: underline;
    margin-right: 45px; }
  @media (max-width: 980px) and (min-width: 768px) {
      .empire-blog .pagination-box .prev {
        margin-right: 15px; } }
  .empire-blog .pagination-box .prev.disabled {
    color: #bebebe;
    text-decoration: none; }
  .empire-blog .pagination-box .next {
    text-decoration: underline;
    margin-left: 45px; }
  @media (max-width: 980px) and (min-width: 768px) {
      .empire-blog .pagination-box .next {
        margin-left: 15px; } }
  .empire-blog .pagination-box .next.disabled {
    color: #bebebe;
    text-decoration: none; }
/*# sourceMappingURL= */