/*
 
Next/Previous arrows and background variables
==============================================
==============================================
*/   /* 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, .resource-detail-next-link, .resource-detail-previous-link  {
    color: var(--black) !important;
    font-family: var(--font-os);
    border-bottom: 2px dotted transparent !important;
    font-weight: 400;
    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;
    line-height: 16px;
  }
  /* 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, .resource-detail-next-link, .resource-detail-previous-link:hover
  {
    color: var(--black) !important;
    border-bottom: 2px dotted transparent !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(--black) !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(--light) !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) !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(--black) !important;
  }

  /*
==============================================
Share widget
==============================================
*/

/* 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(--black)  !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(--light)  !important;
  }
   
  /* share pop up box icon normal */
  .social-media-share-wrapper span a {
      color: var(--black) !important;
  }
  /* share pop up box icon hover */
  .social-media-share-wrapper span a:hover {
      color: var(--black) !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(--light) !important;
  }
  /* share pop up box background */
.social-media-share-wrapper span {
    background-color: var(--light);
  }
  /* share pop up box top chevron  triangle */
  .social-media-share-wrapper span:before {
    border-bottom: 10px solid var(--light);
  }

/*
==============================================
Resources Masonry Grid
==============================================
*/
.masonry-link, .masonry-link:hover {
    border-bottom: none !important;
}
.masonry-container {
    padding-top: 50px !important;
}
.filter-reset-container {
    border-bottom: none;
}
/* blog titles */
.blog-landing-heading, .blog-detail-heading-wrapper h3, .blog-detail-heading, .resource-detail-heading-wrapper h3 {
    color: var(--black);
}
.resource-detail-info-wrapper .resource-detail-info-divider {
    border-bottom: 2px solid var(--white) !important;
}
.resource-detail-info-wrapper a, .social-media-share-link, .blog-date-link, .blog-category-link, .blog-media-type-link {
    color: var(--black) !important;
}
.resource-detail-info-wrapper a:hover, .blog-date-link:hover, .blog-category-link:hover, .blog-media-type-link:hover {
    color: var(--black) !important;
    border-bottom: 2px dotted var(--black) !important;

}
   /* grid fonts
  .filter-list-heading, .filter-list-links a, .blog-date-link, .blog-category-link, .blog-category-link, .blog-media-type-link, .blog-landing-heading, .resource-date-link, .resource-category-link, .resource-media-type-link, .social-media-share-link, .resource-detail-tag-cloud-header, .resource-detail-tag-cloud-links a, .resource-date-link, .resource-category-link, .resource-media-type-link, .social-media-share-link, .blog-detail-tag-cloud-header, .blog-detail-tag-cloud-links a, .resource-detail-heading-wrapper h3, .masonry-title, .masonry-paragraph, .masonry-cta-container, .masonry-category-container, .masonry-cta-container, .masonry-category-container, .masonry-category, .filter-name, .filter a, .filter-reset, .masonry-date {
     font-family: 'Roboto', sans-serif;
   }
  */
  .resource-pager .resource-pager-link, .resource-pager .resource-pager-arrow {
   color: var(--black);
  }
  .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a, .blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a {
   color: var(--black) !important;
  }
  .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a:hover, .blog-date-link:hover, .blog-category-link:hover, .blog-category-link:hover, .blog-landing-info-divider {
   color: var(--black) !important;
   border-bottom: 2px dotted var(--black) !important;
  }
  .masonry-two-by-two:hover .masonry-title, .masonry-two-by-two:hover .masonry-paragraph, .masonry-two-by-two:hover .masonry-cta, .masonry-two-by-two:hover .masonry-category, .masonry-two-by-two:hover .masonry-date {
    color: var(--black) !important;
  }
  .masonry-cta, .masonry-category{
   transition: inherit !important;
   color: var(--black);
  }
  .masonry-one-by-one-stacked a:hover > .masonry-one-of-two-stacked .masonry-copy .masonry-cta-container button, .masonry-one-by-one-stacked a:hover > .masonry-one-of-two-stacked .masonry-copy .masonry-category-container .masonry-category, .masonry-one-by-one-stacked a:hover > .masonry-two-of-two-stacked .masonry-copy .masonry-cta-container button, .masonry-one-by-one-stacked a:hover > .masonry-two-of-two-stacked .masonry-copy .masonry-category-container .masonry-category {
   color: inherit !important;
   }
  .filter-open.fa-angle-down:before {
     color: var(--black);
  }
  .filter a, .filter-reset {
     color: var(--black) !important;
  }
  .filter a:hover {
     color: var(--light) !important;
     background: var(--black);
  }
  .filter-reset:hover {
     color: var(--light) !important;
  }
  .filter a:hover .filter-reset {
     background: none !important;
  }
  .filter a:hover .filter-open.fa-angle-down:before {
     color: var(--black);
  }
  .masonry-one-by-one-stacked a:hover > .masonry-two-of-two-stacked .masonry-copy .masonry-cta-container button, .masonry-one-of-two-stacked .masonry-cta-container button, .masonry-one-of-two-stacked .masonry-cta, .masonry-two-of-two-stacked:hover .masonry-cta {
     color: var(--white) !important;
  }
  .masonry-one-by-one .masonry-cta-container button, .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(--black) !important;
  }
  .masonry-two-of-two-stacked .masonry-cta-container button, .masonry-row a:hover > .masonry-one-of-two .masonry-copy .masonry-cta-container button, .masonry-one-by-one-stacked a:hover > .masonry-one-of-two-stacked .masonry-copy .masonry-cta-container button, .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-color-1);
  }
  .filter-overlay .close-filter-overlay:hover {
     background: var(--dark-color-1);
  }
  .fa-times:before {
     color: var(--dark);
  }
  .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(--medium-color-1);
     color: var(--black);
     /* -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;*/
  } 
  .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-color-1) !important;
     color: var(--white) !important;
  }
   
  .masonry-two-by-one:hover .masonry-img-container:after {
     border-left: 15px solid var(--dark-color-1);
  }
  .masonry-one-by-two:hover .masonry-copy:after {
     border-bottom: 15px solid var(--dark-color-1);
  }
  .masonry-two-by-one .masonry-img-container:after {
     border-left: 15px solid var(--medium-color-1);
  }
  .masonry-one-by-two .masonry-copy:after {
     border-bottom: 15px solid var(--medium-color-1);
  }
  .masonry-one-of-two-stacked {
    background: var(--dark-color-1) !important;
}
  .masonry-two-of-two-stacked {
     background: var(--light) !important;
  }
 
  .masonry-two-of-two-stacked:hover {
     background: var(--dark-color-1);
  }
  .masonry-three-by-one .masonry-cta {
     color: var(--white) !important;
  }
  .masonry-three-by-one:hover .masonry-cta {
     color: var(--white) !important;
  }
  .masonry-row a:hover > .masonry-one-of-three .masonry-copy .masonry-cta-container button, .masonry-row a:hover > .masonry-one-of-three .masonry-copy .masonry-category-container .masonry-category {
     color: var(--black) !important;
  }
  .masonry-row a:hover > .masonry-one-of-two .masonry-copy .masonry-cta-container button, .masonry-row a:hover > .masonry-one-of-two .masonry-copy .masonry-category-container .masonry-category {
     color: var(--white) !important;
  }
   
  .masonry-row .masonry-two-by-two:hover .masonry-copy .masonry-cta-container button, .masonry-row .masonry-two-by-two:hover .masonry-copy .masonry-category-container .masonry-category{
    color: var(--black) !important;
  }
  .masonry-three-by-one {
     background: var(--dark-color-1) !important;
     color: var(--white) !important;
  }
  .masonry-one-by-one .masonry-category {
     color: var(--black) !important;
  }
  .masonry-three-by-one:hover {
     background: var(--white) !important;
     color: var(--black) !important;
  }
  .masonry-three-by-one.masonry-three-by-one-img-left .masonry-one-of-three:after {
    border-right: 15px solid var(--medium-color-1) !important;
  }
  .masonry-three-by-one.masonry-three-by-one-img-left:hover .masonry-one-of-three:after {
    border-right: 15px solid var(--dark-color-1) !important;
  }
  .masonry-one-of-two-stacked:hover, .masonry-two-of-two-stacked:hover {
     background: var(--dark-color-1) !important;
  }
  .masonry-one-by-one:hover, .masonry-one-by-one-stacked a:hover .masonry-one-of-two-stacked, .masonry-one-by-one-stacked a:hover .masonry-two-of-two-stacked {
     color: var(--white) !important;
  }
  .masonry-two-by-two {
    background: var(--dark-color-1) !important;
  }
  .masonry-two-by-two:hover {
    background: var(--medium-color-1) !important;
  }
  .masonry-two-by-two:hover {
     background: var(--white);
  }
  .masonry-two-by-two .masonry-cta-container button, .masonry-two-by-two .masonry-category {
     color: var(--white) !important;
  }
  .masonry-two-of-two-stacked .masonry-title, 
  .masonry-two-of-two-stacked .masonry-paragraph, 
  .masonry-two-of-two-stacked .masonry-cta, 
  .masonry-two-of-two-stacked .masonry-category, 
  .masonry-two-of-two-stacked .masonry-date,
  .masonry-two-of-two-stacked .masonry-cta-container button {
    color: var(--black) !important;
  }
  .masonry-two-of-two-stacked:hover .masonry-title, 
  .masonry-two-of-two-stacked:hover .masonry-date,
  .masonry-two-of-two-stacked:hover .masonry-paragraph {
    color: var(--white) !important;

  }

  /* 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(--white);
     }
     .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-color-1);
     }
  }