:root {
  --fa-font-family: "Font Awesome 7 Free";
  --repeating-linear-gradient: repeating-linear-gradient(-57.65deg, #184e79 0 5px, #1a5e90 5px 6px);
}

/*  Adding in the background image linear gradient */
body {
  background-image: linear-gradient(
    57.65deg,
    #fff 0%,
    #fff 11%,
    #f0f7fa 11%,
    #f0f7fa 40%,
    #fff 40%,
    #fff 70%,
    #f0f7fa 70%,
    #f0f7fa 100%
  ) !important;

  &.ast-main-header-nav-open {
    overflow: hidden;
  }
}

/* Header */
header.site-header {
  transition: top 0.25s linear;
	position: sticky !important;
	top: 0;

  &.stickey-header-active {
    @media (min-width: 922px) {
      top: -38px;
    }
  }

  .ast-above-header-wrap  {
    background: var(--repeating-linear-gradient);

    .ast-above-header,
    .site-above-header-wrap {
      background: unset;
    }

    .site-above-header-wrap{
      min-height: 38px;
    }

    ul.main-header-menu {
      background-color: transparent;

      li.menu-item {
        line-height: unset;

        a.menu-link {
          color: #fff;
          font-size: 0.75rem;
          font-weight: 700;
          letter-spacing: 0.25px;
          line-height: 3;
          text-transform: uppercase;
          padding: 0 12px;
          border: unset;
          transition: 0.1s ease-in;
          -webkit-transition: 0.1s ease-in;
          cursor: pointer;

          &:hover {
            color: #fff;
            background-color: #007ebb;
          }
        }

        &:first-of-type {
          @media (max-width: 921px) {
            display: none;
          }
          a {
            span {
              display: none;
            }

            &:before {
              display: inline-block;
              content: "\f002"; 
              font-family: var(--fa-font-family);
              font-weight: 900;
              font-size: .75rem;
            }
          }
        }
      }
    } 
  }

  div#ast-desktop-header {

    .site-branding {
      padding: 0;
    }

    .get-started-bttn {
      
      padding: 16px 20px;
      
      background-color: rgb(22, 75, 129);
      border-radius: 3px;
      -webkit-transition: background-color .25s ease-in;
      transition: background-color 0.25s ease-in;

      &:hover {
        background-color: rgba(0,175,215,.8784313725);
      }
      
      @media (max-width: 1200px) {
        padding: 8px 16px;
      }
    
      .menu-text,
      .menu-link {
        font-size: 0.875rem;
        font-weight: 700;
        color: #fff; 
        letter-spacing: 0.25px;
        text-transform: uppercase;

        @media (max-width: 1200px) {
          font-size: .75rem;
        }
      }
    }

    @media (max-width: 1200px) {
      .custom-logo {
        width: 154px;
      }

      .ast-custom-button-link {
        .ast-custom-button {
          font-size: 12px;
          padding: 8px 16px;
        }
      }
    }
    
    .ast-main-header-wrap {
      .main-header-menu {
        li.menu-item {
          a.menu-link {
            font-weight: 700;
            line-height: 1.6;

            -webkit-transition: color .25s ease-in;
            transition: color 0.25s ease-in;

            &:hover {
              cursor: pointer;
              color: #007ED1;
            }
          }
        }

        ul.sub-menu {
          border-top: unset;
          box-shadow: 0px 10px 50px 0px rgba(51, 71, 91, 0.35);

          a.menu-link {
            font-size: 13px;
            font-weight: 400;
            -webkit-transition: color 0.25s ease-in, background-color 0.25s ease-in;
            transition: color 0.25s ease-in, background-color 0.25s ease-in;

            &:hover {
              color: #fff !important;
              background-color: #007ebb;
            }
          }
        } 
      }
    }
  }

  div#ast-mobile-header { 
    .ast-above-header  {
      .main-navigation {
        display: flex;
        justify-content: end;

        ul.main-header-menu {
          li.menu-item {
            width: unset;
          }
        } 
      }
    }

    /* Hamburger menu icon */
    .ast-mobile-svg  {
      width: 32px;
      height: 32px;
      fill: rgb(51, 71, 91);
    }

    /* Main Mobile Navigation */
    .ast-mobile-header-content {
      height: calc(100vh - 138px);
      top: 100%;
      padding: 2rem 0;
      overflow-y: auto;

      background-image: repeating-linear-gradient(
        -57.65deg,
        #184e79 0 5px,
        #1a5e90 5px 6px
      );

      .search-form {
        border: 0;
        border-radius: 3px;
      }

      .search-submit {
        /* color: #fff; */
        background: #007ebb;
        padding: 0 12px;
        right: 4px;
      }

      .ast-menu-toggle {
        .ast-arrow-svg {
          rotate: -90deg;
          color: #fff;
          margin: 0;
          -webkit-transition: rotate 0.25s ease-in;
          transition: rotate 0.25s ease-in;
        }

        &[aria-expanded="true"] {
          color: #007ebb;

          .ast-arrow-svg {
            rotate: 0deg;
          }

        }
      }

      .main-navigation {
        border-top: solid 2px rgba(255, 255, 255, .1);
        border-bottom: solid 2px rgba(255, 255, 255, .1);
        margin: 2rem 0;
      }

      ul#ast-hf-mobile-menu {
        background: none;

        .menu-item {  
          .menu-link {
            background: none;

            .icon-arrow {
              display: none;
            }
          }

          .sub-menu {
            background: none;
          }

          .ast-menu-toggle {
            color: #fff;
          }
        }
      }

      /*  Get Started Button */
      div[data-section*="section-hb-button"] {
        justify-content: center;
      }
    }
  }
}

/* Desktop Search Bar */
.search-bar {
  display: flex;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  padding: .75rem 0;
  background-color: rgba(51, 71, 91, .9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in, visibility 0.25s ease-in;
  transition: opacity 0.25s ease-in, visibility 0.25s ease-in;

  @media (max-width: 921px) {
    display: none;
  }

  &.active {
    opacity: 1;
    visibility: visible;
  }

  form.search-form {
    display: block;
    width: 50%;

    label[for="search-field"] {
      display: flex;
    }

    .search-field {
      font-size: 16px;
      border-radius: 6px 0 0 6px;
    }

    input.search-submit {
      display: none; 
    }

    button.search-submit {
      padding: 0 12px;
      border-radius: 0 6px 6px 0;
      background: #007ebb;

      &:hover {
        i {
          color: #33475b;
        }
      }
    }
  }

  .search-close {
    padding: unset  ;
    background: none;
    border: none;

    &:hover {
      i {
        color: #007ebb;
      }
    }
  }
}

/* 404 Search Bar */
body.error404 .ast-404-search .search-submit {
	top: 50%;
	transform: translateY(-50%);
}


/* Footer */
footer.site-footer{
  font-size: 13px;
  color: rgb(255, 255, 255);
  padding: 7rem 1rem 2rem 1rem;
  background: var(--repeating-linear-gradient);

  p {
    margin-bottom: 0.5rem !important;
  }

  a {
    color: rgb(255, 255, 255);
    transition: color 0.1s ease-in;

    &:hover {
      color: rgb(153, 172, 194);
    }
  }

  .site-above-footer-wrap .site-footer-section .menu {
    display: flex;
    flex-direction: row;

    @media (max-width: 1024px) {
      flex-direction: column;
      align-items: center;
      gap: 1.5rem;
    }

    li.menu-item:has(ul) {
      display: inline-block;
      width: 20%;

      @media (max-width: 1024px) {
        width: 50%;
      }

      & > a.menu-link {
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 1rem;
        cursor: pointer;
		  
        span {
          display: none; 
        }

        @media (max-width: 1024px) {
          width: 100%;
          text-align: center;
        }

        &:hover {
          color: rgb(255, 255, 255);
        }
      }

      ul.sub-menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
        
        li {
          padding-left: 0 !important;
          line-height: 1.6;

          @media (max-width: 1024px) {
            text-align: center;
          }
          
          a {
            span {
              display: none;
            }
          }
        }
      }
    }
  }

  .am-footer-utility,
  .footer-utility {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
  }

  .site-footer-focus-item {
    border: 0 !important;
    background: none !important;
  }

  .site-primary-footer-wrap {
    &:before {
      display: block;
      width: 100%;
      height: 1px;
      margin-bottom: 3rem;
      background: -webkit-gradient(linear, left top, right top, color-stop(5%, transparent), color-stop(rgba(255, 255, 255, 0.4588235294)), color-stop(95%, transparent));
      background: linear-gradient(to right, transparent 5%, rgba(255, 255, 255, 0.4588235294), transparent 95%);
      content: "";
    }



    .ast-builder-footer-grid-columns {
      @media (max-width: 768px) {
        grid-template-columns: 1fr !important;
      }

      figure.alignleft {
        @media (max-width: 768px) {
          float: unset;
          margin: 0 auto 1rem;
        }
      }
    }
  }
}

/* Add extra padding to the site primary header wrap */
.site-primary-header-wrap {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Blue Arrow Link */
a.blue-link-text,
p.blue-link-text > a,
.blue-link-text a{

  text-decoration: none !important;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;

  &.alt {
    color: #fff;
  }

  &:after {
    content: "→";
    padding-left: 5px;
    display: inline-block;
    transition: transform 0.1s, -webkit-transform 0.1s;
  }

  &:hover {
    &:after {
      transform: translateX(5px);
    }
  }
}

/* To make sure images are responsive */
@media (max-width: 767px) {
  figure.wp-block-image > img {
    width: 100%;
    max-width: unset;
    object-fit: cover;
  }
}

/* Blog imags */
.uagb-post-grid {
  a[class^="uagb-image-ratio-"] > img {
    object-fit: cover;
  }
}

/* Side Tabs */
div.uagb-tabs__wrap:not(.am-top-tabs) {
  li.uagb-tab {
    border-bottom: 2px solid rgb(0, 126, 187) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  li.uagb-tab.uagb-tabs__active {
    background-color: rgb(0, 126, 187);
    color: #fff !important;
  }

  .uagb-icon-list__source-wrap svg {
      filter: brightness(0) saturate(100%) invert(19%) sepia(100%) saturate(985%) hue-rotate(186deg) brightness(94%) contrast(91%);
  }
}

.am-reverse-tabs,
.reverse-tabs{
  @media (min-width: 768px) {
    flex-direction: row-reverse !important;
  }
}

/* Top Tabs */
.am-top-tabs,
.top-tabs {
  .uagb-tabs__panel {
    width: 100%;
    gap: 2px;
    background: #007ebb;
    border: 2px solid #007ebb;

    .uagb-tab {
      display: flex;
      flex-grow: 1;
			margin: 0 !important;
			padding: 4px 0;
      border: 0;
      background: white;

      a {
				width: 100%;
			}
    }
  }

  .uagb-tabs__body-wrap {
    padding-left: 0;
    padding-right: 0;
    border-width: 0 !important;

    .uagb-tabs__body-container {
      padding-left: 0;
      padding-right: 0;
    }

    .wp-block-image {
      margin: 0;
      position: relative;

      & > img {
        width: 100%;
        height: auto;
        object-fit: cover;
      }
    }

    .wp-block-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
  }
}

/* News & Press Cards */
.news-cards,
.recent-press-releases {
  .wp-block-button__link {
    font-size: 12px !important;
    line-height: 1.2;
  }
}

/* Testimonials */
.am-testimonials {
 	.slick-arrow {
		display: none !important;
	}

	.slick-dots {
		display: flex !important; 
		justify-content: center;
		gap: 1rem;

		li > button::before {
			font-size: 72px !important;
		}
	} 

}

/* Removes top & bottom margin from the primary content area */
#primary.content-area.primary {
  margin-top: 0;
	margin-bottom: 0;
}

/* Marketing Banner Stripped Background */
.strip-repeating-linear-bg,
.repeating-linear-bg,
.am-repeating-linear-bg {
  background-image: repeating-linear-gradient(
    -57.64deg,
    #184e79 0 5px,
    #1a5e90 5px 6px
  );
}

/* To combat the buttons hover states on the accordion header */
.am-accordion-heading > button {
	box-shadow: unset;
}

/* Accordion Button Hover & Focus States */
.am-accordion-heading > button:hover,
.am-accordion-heading > button:focus{
	color: inherit;
	background-color: transparent;
	
	span {
		text-decoration: none !important;
	}
}

/* Line clamp in place for blog/post excerpts to be 3 lines */
.line-clamp-3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Search Results */
body.search-results .ast-archive-description {
	border:unset;
}

body.search-results div.ast-post-format- {
	background-color: transparent !important;
	box-shadow:unset;
	border-bottom: 1px solid #99acc2;
	padding: 20px 0;
}

body.search-results .ast-blog-meta-container {
	display:none;
}

body.search-results h2.entry-title a  {
	font-size:24px !important;
	color:#007ebb !important;
	font-weight:400 !important;
	letter-spacing:0.25px !important;
	line-height:38.4px !important;
}

body.search-results .ast-blog-layout-5-grid .ast-article-post {
	margin:0;
}

body.search-results .ast-excerpt-container>p:last-child {
	font-size: 13px;
	margin: 0 0 10px;
}

body.search-results .ast-taxonomy-container {
	display:none !important;
}

body.search-results .ast-pagination a.prev, body.search-results .ast-pagination a.next {
	color: #fff !important;
	    border-color: #164b81 !important;
    background-color: #164b81 !important;
}

body.search-results .ast-pagination .page-numbers.current {
	color:#fff !important;
    border-color: #164b81 !important;
    background-color: #164b81 !important;
}

body.search-results .ast-pagination .prev.page-numbers {
	    background-color: #164b81 !important;
}

.search .ast-container section.ast-archive-description {
	padding:0 !important;
	    margin: 100px 0 30px 0 !important;
}

body.search-results .search .ast-container section.ast-archive-description h1 {
	  font-size: 54rem;
    font-weight: bold;
    letter-spacing: .25rem;
    margin-bottom: 30rem;
    line-height: 1.2;
}

.ast-page-builder-template .ast-pagination {
	padding-bottom:0;
}

.ast-page-builder-template .site .site-content #primary {
	padding-bottom:100px;
}

/* Post Loop Pattern Sitting in Patterns Page */
.am-post-loop {	
	p.uagb-heading-text a,
	h5.uagb-heading-text a {
		color: #33475b !important;
		text-decoration: none;
		  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in-out;
		
		&:hover {
			color: #007ebb;
		}
	}
}

/* Post Date */
.post-date {

  width: unset !important;
  max-with: 200px;
  padding: 5px 25px;



  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  background-color:#FFF;

  transform: translate(-50%, 0px) !important;
}

/* Recent Posts Cards */
.recent-posts-cards {
  article.uagb-post__inner-wrap {
    .uagb-post__title {
      -webkit-transition: color .25s ease-in;
      transition: color .25s ease-in;
	  margin-top: 8px;
    }

     &:hover {
      .uagb-post__title {
        color: #007ebb !important;
      }
    }
  }

  .uagb-post__image {
    a[class^="uagb-image-ratio-"] {
      padding-bottom: 55% !important; /* Adjust this value to control the aspect ratio */
      margin-bottom: -20px;

      > img {
        padding: 20px;
        object-fit: cover;
        object-position: center;
      }
    }
  }

/*   .uagb-post__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  } */
}

/* Category Cards */
body.category {
  .category-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;

    & > li {
      display: flex;
      padding: 20px;
    }

    .uagb-container-inner-blocks-wrap {
      display: flex !important;
      flex-direction: column;

      .wp-block-uagb-container {
        min-height: unset !important;
        margin-top: unset !important;
        row-gap: 0;
      }

      .wp-block-post-featured-image a {
        display: block;
        height: 0
        overflow: hidden;
        position: relative;
        padding-bottom: 55%;

        .wp-post-image {
          display: block;
          width: 100%;
          position: absolute;
          height: 100%;
          overflow: hidden;
          padding: 20px 20px 12px;
        }
      }

      .taxonomy-category.wp-block-post-terms {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
       
    }
  }
}

/* Category Pagination */
.category-pagination {
  gap: 5px !important;

  .grid-pagination-style {
    display: flex;
    flex-direction: row;
    gap: 5px;
  }

  .page-numbers,
  .wp-block-query-pagination-next,
  .wp-block-query-pagination-previous {
    display: flex;
    font-size: 16px; 
    color: #33475b;
    background-color: #edf0f2;
    padding: 16px 24px;

    &:hover,
    &.current {
      color: #fff;
      background-color: #007ebb;
    }
  }

  .wp-block-query-pagination-next,
  .wp-block-query-pagination-previous {
    span {
      margin-left: 0;
    }
  }
}

/* Blog Listing Page */
.custom-grid-text .uagb-post__title {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: .25px;
  margin-bottom: 30px;
  line-height: 1.2;
  margin: 0 0 10px 0;
  color: #33475b;
}

.uagb-post__title {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .25px;
  margin-bottom: 30px;
  line-height: 1.2;
  margin-bottom: 0;
  color: #33475b;
}

.custom-grid-text .uag-post-grid-wrapper {
  background-color:#fff;
}

.custom-grid-text .uagb-post__title::before {
  content: "FEATURED POST" !important;
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 8px;
  letter-spacing: 1px;
}

.uagb-post__text.uagb-post__excerpt {
  line-height: 1.6;
  letter-spacing: .25px;
  margin-bottom: 20px;
  font-size: 13px;
  display: block;
}

.custom-button-radius .wp-block-button .wp-block-button__link {
  border-radius: 5px;
  font-weight:bold;
  text-transform:uppercase;
}

/* Update post-grid pagination styles */
.pagination-style-change .uagb-post-pagination-wrap a.page-numbers, .pagination-style-change .uagb-post-pagination-wrap span.page-numbers.current {
  padding: 15px 20px;
  margin: 0px 5px 0px 5px;
}

.pagination-style-change .dots {
  padding: 15px 10px;
}

.ast-primary-header-bar {
 border-bottom-width: 0px !important;
 border-bottom-color: var(--ast-global-color-subtle-background, --ast-global-color-7);
 border-bottom-style: solid;
}

.wp-block-search__no-button input {
  padding: 17px 18px 18px 18px;
  background: url(/wp-content/uploads/2026/03/filterDarkBlueSearch.svg) no-repeat !important;
  background-size: 16px !important;
  background-position: 97% 51% !important;
  color: #004b87;
  height: 55px;
}

.wp-block-search__no-button input::placeholder {
  color:#004b87;
}

.wp-block-search__no-button input[type="search"]:focus {
  border:2px solid #164b81;
}

.wp-block-categories select{
  background: url(/wp-content/uploads/2026/03/filterDarkBlueSelect.svg) no-repeat;
  background-size: 13px 8px;
  background-position: 97% 51%;
  appearance: none;
  height: 55px;
  background-color: #fff;
  color:#004b87;
}

.uagb-post-grid .uagb-post__image img {
  padding:20px;
  padding-bottom:0px;
}

.uagb-post__inner-wrap {
  background-color:#fff;
}

.custom-grid-text .uagb-post__image img {
  padding:0px;
}

.custom-grid-text .wp-block-button__link {
  background-color: #164b81;
  padding: 15px 40px;
  padding: 15px 20px;
}

/* .uagb-block-f20e57ec.is-grid .uagb-post__inner-wrap:hover {
  box-shadow: 0px 4px 12px 0px #00000070 !important;
} */

.uagb-block-df3a2ba2 .uagb-post__text.uagb-post-grid-byline time {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: .25px;
/*   margin-bottom: 19px; */
  text-transform:uppercase;
}

.uagb-block-df3a2ba2 .uagb-post__text.uagb-post__excerpt {
  line-height: 1.6;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.uagb-image-ratio-inherit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-blend-mode: multiply;
  background-color: #007ebb;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.uagb-image-ratio-inherit:hover::after {
    opacity:1;
}

.uagb-block-df3a2ba2.is-grid .uagb-post__inner-wrap {
    margin:20px;
}

.uagb-block-df3a2ba2.is-grid.uagb-post__items {
    row-gap: 0;
    column-gap: 0;
}

.uagb-post-pagination-wrap {
  padding-bottom: 100px;
}

/* Post Details - Site Builder Layouts */
.talk-to-sales-button-container {
  display: block !important;
}

#h-subscribe-for-updates {
  margin: 0px;
}

.subscribe-box p {
  margin: 0;
}

.talk-to-sales {
  display: block !important;
}

.talk-to-sales a {
  width:  100% !important;
  background: transparent !important;
  color: #33475b !important;
  border: 1px solid #33475b !important;
}

.talk-to-sales a:hover {
  background:  #33475b !important;
  color: #fff !important;
}

.social-share-container .uagb-container-inner-blocks-wrap {
  display: flex !important;
  flex-direction: row !important;
}

.social-share-container p {
  flex: 1;
}

.asset-mark-container .uagb-container-inner-blocks-wrap {
  border-top: 1px solid #164b81;
  border-bottom: 1px solid #164b81;
  padding: 30px 0;
}

.asset-mark-container .uagb-container-inner-blocks-wrap a {
  font-size: 24px;
}

.asset-mark-container .uagb-container-inner-blocks-wrap p {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: .25px;
}

.sign-up-footer {
  display:none;
}

.site-content .ast-container {
  max-width: 100%;
  padding: 0px;
}

/* Category Label On single post page */
#category-label {
  display: block;
  margin-right: 5rem;
  font-family: "Roboto", "sans-serif";
  font-size: 16px;
  line-height: 1.6180339888;
  color: #33475b;
  font-weight: normal;
  text-align: left;
}

.single-post .site-content {

  /* Hides the comma separator entirely */
  .hide-separator span.wp-block-post-terms__separator {
    display: none !important;
  }

  /* Optional: Add space between the pills since the comma is gone */
  .hide-separator .taxonomy-category.wp-block-post-terms a {
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
  }

  /* Container to keep things tidy */
  .taxonomy-category.wp-block-post-terms {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  /* Base State (Light Blue) */
  .taxonomy-category.wp-block-post-terms a {
    background-color: #dbe6f0; 
    color: #1a3a57;            
    padding: 5px 10px;         
    border-radius: 8px;        
    text-decoration: none;     
    font-family: sans-serif;   
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.2s ease-in-out;
  }

  /* Hover State (Dark Blue with White Text) */
  .taxonomy-category.wp-block-post-terms a:hover {
    background-color: #124072; 
    color: #ffffff; 
    cursor: pointer;
  }

}

/* Reverse metadata in post-grid */
.uagb-post-grid-byline {
  display: flex !important;
  flex-direction: column-reverse !important;
}

.custom-taxonomy-list .uagb-taxomony-box {
  width: auto !important;
  display: inline-block !important;
}

.popular-posts h2 {
  font-weight: bold;
  letter-spacing: .25px;
  margin-bottom: 30px;
  line-height: 1.2;
  margin-top: 0;
  font-size: 22px;
  margin-bottom: 15px;
}

.wpp-list {
  border-bottom: 1px solid #99acc2;
  padding-bottom: 30px;

  a.wpp-post-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 1.4;
    color: #33475b;
    -webkit-transition: color .25s ease-in;
    transition: color .25s ease-in;

    &:hover {
      color:#007ebb;
    }
  }
}

#h-popular-topics {
  font-weight: bold;
  letter-spacing: .25px;
  margin-bottom: 30px;
  line-height: 1.2;
  margin-top: 0;
  font-size: 22px;
  margin-bottom: 15px;
}

.uagb-tax-list .uagb-tax-link-wrap {
  margin:0;
}

.custom-taxonomy-list {
  border-bottom:1px solid #99acc2;
}

.custom-taxonomy-list .uagb-tax-list {
  list-style:none !important;
}

.custom-taxonomy-list .uagb-tax-list div a:hover {
  background: #164b81;
  color: #fff !important;
}

.custom-taxonomy-list {
  padding:0;
}

.uagb-layout-list .uagb-list-wrap {
  margin:0;
}

.custom-taxonomy-list .uagb-tax-list div a {
  padding: 4px 8px;
  background: #d8e5f0;
  border-radius: 5px;
  margin: 0 8px 8px 0;
  font-size: 12px;
  letter-spacing: .65px;
  -webkit-transition: .5s ease-in;
  transition: .5s ease-in;
  color: #164b81;
}

.wp-element-button {
  font-weight:bold !important;
  border-radius:3px !important;
  font-size: 14px;
  padding: 15px 20px;
  margin:60px auto 40px;
}

/* .uagb-post__inner-wrap {
  border-bottom:5px solid #007ebb !important;
  background-color:#fff !important;
} */

/* .uagb-post__inner-wrap:hover {
  border-bottom:5px solid #39add8 !important;
} */

.uagb-post__taxonomy {
  text-transform: uppercase;
}

.uagb-post-grid .uagb-post__title {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .25px;
  margin-bottom: 30px;
  line-height: 1.2;
  margin-bottom: 0;
  color: #33475b;
}

/* .uagb-post-grid .uagb-post__inner-wrap .uagb-post__taxonomy, .uagb-post__date {
  text-transform:uppercase !important;
} */

.uagb-post__excerpt {
  line-height: 1.6;
  letter-spacing: .25px;
  margin-bottom: 20px;
  font-size: 13px;
}

.topics-container {
  padding:0 !important;
}

.share-button-container {
  padding:0 !important;
}

/* .pp-multiple-authors-boxes-wrapper {
  display:none;
} */

#wpforms-form-10449 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  max-width: 700px;
}

#wpforms-form-10449 .wpforms-field wpforms-field-email {
  width: 350px;
  margin-right: 20px;
}

#wpforms-submit-10449 {
  font-weight:bold;
  font-size:12px;
  background-color:#164b81;
  margin-left:14px;
}

.asset-mark-container a {
  font-size:20px;
  line-height:24px;
}

.wpforms-submit-container {
  padding: 15px 0 !important;
  margin:0 !important;
}

#wpforms-10449-field_1 {
  height:37px;
  width:350px;
  border:none !important;
}


/* Single Post */
.single-post .ast-single-entry-banner[data-post-type="post"] .ast-container {
  width: 100%;
  max-width: 100% !important;
  max-height: 325px;
  padding: 0 !important;
  margin: 0 !important;
}

section.ast-single-entry-banner {
  max-height: 325px;
  padding: 0 !important;
}

.single-post h1.entry-title {
  color: #fff;
  position: absolute;
  width: 100%;
  font-size: 2.5rem !important;
  margin-top: 120px;
  text-align: center;
  align-items: center;
  opacity: 1;
  z-index: 2;
  padding-left: 20vw;
  padding-right: 20vw;

  @media (max-width: 767px) {
    font-size: 25px !important;
    margin-top: 65px;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

.single-post .entry-meta {
  position: absolute;
  margin-top: 320px;
  text-align: center;
  background-color: #fff;
  padding: 8px;
  padding-left: 24px;
  padding-right: 24px;
  z-index: 2;
  margin-left: calc(50vw - 200px);
  width: 400px;
  box-shadow: 2px 2px 8px #888;
  color: rgb(51, 71, 91) !important;

  & * {
    color: rgb(51, 71, 91) !important;
  }

  a {
    color: rgb(51, 71, 91) !important;

    &:hover {
      color: #164b81;
    }

    span {
      color: rgb(51, 71, 91) !important;
    }
  }

  @media (max-width: 767px) {
    margin-top: 216px;
    width: 275px;
    margin-left: calc(50vw - 138px);
  }
}

.single-post .post-thumb {
  background-color: #164b81;
  object-fit: cover;
  object-position: center;
  max-height: 340px;
  overflow: hidden;

  & > img {
    opacity: 0.3;
    width: calc(100vw + 1px);
  }
}

span.uagb-post__taxonomy {
  -webkit-line-clamp: 1;
  display: block !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

aside.widget_block h2 {
  color: rgb(51, 71, 91);
}

div.popular-posts h2 {
  margin-bottom: 1.5rem;
}

.wpp-list li {
  line-height: 1.5em;
}

/* Post & Blog Content */
div.featured-post-container {
  margin-bottom: 2rem;
}

div.entry-content p > img {
  box-shadow: none;
}

/* .ast-article-post {
  display: flex !important;
} */

.ast-layout-4-grid .ast-article-post {
  border-radius: 0 !important;

  &:div.ast-post-format- {
    box-shadow: 0px 1px 12px 0px rgba(51, 71, 91, 0.25);
    border-radius: none !important;
    background-color: white !important;

    img {
      border-radius: 0 !important;
    }
  }
}

.ast-taxonomy-container > a {
  color: #222;
  font-size: 0.875rem;
  font-weight: normal;
}

.ast-meta-container {
  display: none;
}

div.ast-post-format-.ast-article-inner {
  border-radius: 0 !important;
  background-color: #fff !important;
  box-shadow: 0px 1px 12px 0px rgba(51, 71, 91, 0.25);
}

div.ast-featured-section.post-thumb.ast-single-element
  > div
  > a
  > img {
  border-radius: 0 !important;
}

.ast-taxonomy-container.cat-links {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Author */
.pp-multiple-authors-boxes-wrapper {
  border-left: 0 !important;
  border-right: 0 !important;

  h2 {
    display: none;
  }
}

.ppma-category-group
  .pp-multiple-authors-boxes-ul
  .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content
  .pp-multiple-authors-boxes-li {
  border-style: inherit !important;
  border-left: 0px solid transparent !important;
  border-right: 0px solid transparent !important;
}

.entry-content.clear > h3,
.ppma-author-field-meta {
  display: none !important;
}

div.pp-multiple-authors-boxes-wrapper div > span > ul > li {
  border-left: 0 !important;
  border-right: 0 !important;
}

div.pp-author-boxes-avatar-details > div > a {
  color: rgb(21, 77, 132) !important;
  font-size: 24px !important;
  font-weight: bold;
}

/* .multiple-authors-description {
  display: none;
} */

/* TODO: Do we need this? Can't we just control this inside WordPress? */
/* Hide Comment Section */
main > div#comments {
  display: none;
}

