/*
 
Share Widget and text links
==============================================
 
red = #
blue = #
green = #
yellow = #
aqua = #
lime = #
 
==============================================
*/
 
 
/* share icon (left) hover and text */
.social-media-share-link:hover > .fa-share-alt:before, .resource-detail-tag-cloud-links a:active  > .fa-share-alt:before, .social-media-share-link:active > .fa-share-alt:before, .resource-detail-info-wrapper a:hover {
    color: var(--dark-blue) !important;
  }
  /* share icon (left) normal */
  .fa-share-alt, .resource-detail-info-wrapper a, .social-media-share-link, .blog-date-link, .blog-category-link, .blog-media-type-link  {
      color: var(--dark-tan) !important;
  }
   
  /* share pop up box icon normal */
  .social-media-share-wrapper span a {
      color: var(--dark-tan) !important;
  }
  /* share pop up box icon hover */
  .social-media-share-wrapper span a:hover {
      color: var(--dark-blue) !important;
  }
   
  /* Divider lines (//) */
  .resource-detail-info-divider, .blog-landing-info-divider, .blog-detail-info-wrapper .blog-detail-info-divider, .blog-detail-info-divider {
      color: var(--dark-blue) !important;
  }
   
  /* share pop up box background */
  .social-media-share-wrapper span {
    background-color: var(--light-gray);
  }
  /* share pop up box top chevron  triangle */
  .social-media-share-wrapper span:before {
    border-bottom: 10px solid var(--light-gray);
  }




/*
 
Next/Previous arrows and background variables
==============================================
 
var(--dark-blue) = #
fuchsia = #
lime = #
var(--dark-blue) = #
var(--light-gray) = #
var(--light-tan) = #

var(--dark-blue)
 
==============================================
*/   /* Next/prev text normal */
.bio-detail-next, .bio-detail-next-bio, .blog-detail-prev, .blog-detail-prev-resource, .blog-detail-next-resource, .blog-detail-next, .bio-detail-prev-bio, .bio-detail-next-bio, .resource-detail-prev, .resource-detail-next, .resource-detail-next-resource, .resource-detail-prev-resource, .bio-detail-next, .bio-detail-prev, .resource-detail-next, .resource-detail-prev, .bio-detail-prev, .bio-detail-next  {
    color: var(--dark-blue) !important;
    webkit-transition: all 0.2 ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
  }
  /* Next/prev text hover */
  .blog-detail-previous-link:hover .blog-detail-prev, .blog-detail-previous-link:hover .blog-detail-prev-resource, .blog-detail-next-link:hover .blog-detail-next, .blog-detail-next-link:hover .blog-detail-next-resource, .bio-detail-next-link:hover .bio-detail-next, .bio-detail-next-link:hover .bio-detail-next-bio, .bio-detail-previous-link:hover .bio-detail-prev, .bio-detail-previous-link:hover .bio-detail-prev-bio, .resource-detail-previous-link:hover .resource-detail-prev, .resource-detail-next-link:hover .resource-detail-next, .resource-detail-previous-link:hover .resource-detail-prev-resource, .resource-detail-next-link:hover .resource-detail-next-resource
  {
    color: var(--dark-tan) !important;
  }
  /* Next/prev arrow normal */
  .resource-detail-previous-link:after, .bio-detail-previous-link .bio-detail-previous-arrow, .bio-detail-next-link .bio-detail-next-arrow, .resource-detail-next-link:after, .resource-detail-next-link .resource-detail-next-arrow, .resource-detail-previous-arrow, .blog-detail-previous-link .blog-detail-previous-arrow, .blog-detail-next-link .blog-detail-next-arrow {
    border-color: var(--dark-tan) !important;
  }
  /* Next/prev arrow hover */
  .resource-detail-previous-link:hover:after, .bio-detail-previous-link:hover .bio-detail-previous-arrow, .bio-detail-next-link:hover .bio-detail-next-arrow, .resource-detail-next-link:hover:after, .resource-detail-next-link:hover .resource-detail-next-arrow, .resource-detail-previous-link:hover .resource-detail-previous-arrow, .blog-detail-previous-link:hover .blog-detail-previous-arrow, .blog-detail-next-link:hover .blog-detail-next-arrow {
    border-color: var(--dark-blue) !important;
  }
  /* Arrow background normal */
  .resource-detail-previous-link-wrapper-mobile:before, .bio-detail-next-link-wrapper-mobile:before, .bio-detail-previous-link-wrapper-mobile:before, .bio-detail-previous-link-wrapper:before, .bio-detail-next-link-wrapper:before, .blog-detail-previous-link-wrapper:before, .blog-detail-next-link-wrapper:before, .resource-detail-previous-link-wrapper:before, .resource-detail-next-link-wrapper:before, .resource-detail-next-link-wrapper-mobile:before, .blog-detail-previous-link-wrapper-mobile:before, .blog-detail-next-link-wrapper-mobile:before {
    background: var(--light-gray) !important;
  }
  /* Arrow background hover */
  .bio-detail-previous-link-wrapper.hover-link:before, .bio-detail-next-link-wrapper.hover-link:before, .blog-detail-next-link-wrapper.hover-link:before, .blog-detail-previous-link-wrapper.hover-link:before, .resource-detail-previous-link-wrapper.hover-link:before, .resource-detail-next-link:hover:before, .resource-detail-next-link-wrapper.hover-link:before {
    background: var(--light-tan) !important;
  }
  .resource-detail-previous-link-wrapper, .resource-detail-next-link-wrapper, .bio-detail-next-link-wrapper, .bio-detail-previous-link-wrapper, .blog-detail-next-link-wrapper, .blog-detail-previous-link-wrapper, .blog-detail-previous-link-wrapper-mobile, .blog-detail-next-link-wrapper-mobile, .bio-detail-previous-link-wrapper-mobile, .bio-detail-next-link-wrapper-mobile, .resource-detail-previous-link-wrapper-mobile, .resource-detail-next-link-wrapper-mobile {
    line-height: 20px !important;
}

/*
 
Resources Masonry Grid
==============================================
 
    --white: #ffffff;
    --black: #000000;
    --medium-var(--dark-blue): #31455b;
    --dark-var(--dark-blue): #26374a;
    --darkest-var(--dark-blue): #141d27;
    --light-tan: #E0C394;  
    --dark-tan: #826e35;  
    --light-gray: #e9ebec;
 
==============================================
*/
 
/* blog titles */
.resource-section .body-resource-detail h3, .resource-detail-heading, .resource-content h2 {
    color: var(--dark-blue) !important;
    font-family: var(--font-c) !important;
}
.blog-landing-heading, .blog-detail-heading-wrapper h3, .blog-detail-heading, .resource-detail-heading-wrapper h3 {
    color: var(--dark-blue) !important;
    font-family: var(--font-c) !important;
  }
   
  .filter a {
    color: var(--dark-tan);
  }
  .filter-open.fa-angle-down:before {
    color: var(--dark-blue);
  }
  .filter a:hover, .filter-reset:hover {
    color: var(--dark-blue);
  }
  .masonry-one-of-two-stacked .masonry-cta, .masonry-two-of-two-stacked:hover .masonry-cta {
      color: var(--white) !important;
  }
  .masonry-one-of-two .masonry-cta, .masonry-one-by-two .masonry-cta, .masonry-one-by-one .masonry-cta, .masonry-three-by-one .masonry-cta {
      color: var(--dark-blue) !important;
  }
  .masonry-two-by-one:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-one:hover .masonry-cta, .masonry-two-by-one:hover .masonry-cta, .masonry-three-by-one:hover .masonry-cta, .masonry-one-of-two-stacked:hover .masonry-cta, .masonry-two-of-two-stacked .masonry-cta {
      color: var(--white) !important;
  }
   
  /*
  ==============================================
  Resources Filter Section
  ==============================================
  */
   
  .filter-overlay .close-filter-overlay {
      background: var(--dark-tan) !important;
  }
  .filter-overlay .close-filter-overlay:hover {
      background: var(--dark-tan);
  }
  .fa-times:before {
      color: var(--dark-blue);
  }
  .close-filter-overlay .fa-remove:before, .close-filter-overlay .fa-close:before, .close-filter-overlay .fa-times:before {
    color: var(--white);
  }
  /*
  ==============================================
  Resources Masonry Section
  ==============================================
  */
  .masonry-one-of-two, .masonry-one-by-two, .masonry-one-by-one, .masonry-three-by-one {
      background: var(--light-gray);
  }
  .masonry-one-of-two:hover, .masonry-one-by-two:hover, .masonry-one-by-one:hover, .masonry-three-by-one:hover, .masonry-two-by-one:hover .masonry-one-of-two, .masonry-one-of-two-stacked:hover {
      background: var(--dark-tan) !important;
  }
  .masonry-two-by-one:hover .masonry-img-container:after {
      border-left: 15px solid var(--dark-tan) !important;
  }
  .masonry-one-by-two:hover .masonry-copy:after {
      border-bottom: 15px solid var(--dark-tan) !important;
  }
  .masonry-two-by-one .masonry-img-container:after {
      border-left: 15px solid var(--light-gray);
  }
  .masonry-one-by-two .masonry-copy:after {
      border-bottom: 15px solid var(--light-gray);
  }
  .masonry-three-by-one.masonry-three-by-one-img-left .masonry-one-of-three:after {
     border-right: 15px solid var(--light-gray);
  }
  .masonry-three-by-one.masonry-three-by-one-img-left:hover .masonry-one-of-three:after {
     border-right: 15px solid var(--dark-tan) !important;
  }
  .masonry-one-of-two-stacked {
      background: var(--dark-tan) !important;
  }
  .masonry-two-of-two-stacked {
      background: var(--dark-tan) !important;
  }
  .masonry-two-of-two-stacked:hover {
      background: var(--dark-tan);
  }
  /* Large devices (tablet landscape, 1024px and less) tablet-l */
  @media only screen and (max-width: 1024px) {
      .masonry-one-of-two:hover, .masonry-one-by-two:hover, .masonry-one-by-one:hover, .masonry-three-by-one:hover {
          background: var(--light-gray);
      }
      .masonry-two-by-one:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-one:hover .masonry-cta, .masonry-two-by-one:hover .masonry-cta, .masonry-three-by-one:hover .masonry-cta, .masonry-one-of-two-stacked:hover .masonry-cta {
          color: inherit !important;
      }
      .masonry-two-of-two-stacked:hover .masonry-cta {
          color: var(--white) !important;
      }
      .masonry-two-by-one:hover .masonry-one-of-two, .masonry-one-of-two-stacked:hover {
          background: var(--dark-tan) !important;
      }
  }