/*
Model 2
Resources Masonry Grid
==============================================

var(--green) =
var(--medium-brown) = #
var(--dark-blue) = #
var(--medium-brown) = #
lime = #
var(--medium-brown) = #
var(--white) = #
sienna = #
purple = #
gold = #

==============================================
*/

/* blog titles */
.blog-landing-heading, .blog-detail-heading-wrapper h3, .blog-detail-heading, .resource-detail-heading-wrapper h3 {
  color: gold;
}
 /* 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-date-link, .resource-category-link, .resource-media-type-link, .social-media-share-link, .blog-detail-tag-cloud-header, .blog-detail-tag-cloud-links a {
  color: var(--medium-brown) !important;
}
.resource-date-link:hover, .resource-category-link:hover, .resource-media-type-link:hover, .social-media-share-link:hover, .blog-detail-tag-cloud-header:hover, .blog-detail-tag-cloud-links a:hover {
  color: var(--dark-blue) !important;
}
.social-media-share {
  color: var(--medium-brown) !important;
}
.social-media-share-wrapper span:before {
  border-bottom: 10px solid var(--medium-brown);
}
.social-media-share-wrapper span {
  background-color: var(--medium-brown);
}
.social-media-share-wrapper span a {
    color: var(--white) !important;
}
.social-media-share-wrapper span a:hover {
    color: var(--dark-blue) !important;
}
.resource-pager .resource-pager-link, .resource-pager .resource-pager-arrow {
 color: var(--white);
}
.resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a, .blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a {
 color: var(--medium-brown) !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(--dark-blue) !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(--white) !important;
}
.masonry-cta, .masonry-category{
 transition: inherit !important;
 color: var(--white) !important;
}
.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: var(--white) !important;
 }
.filter-open.fa-angle-down:before {
   color: var(--medium-brown);
}
.filter a, .filter-reset {
   color: var(--medium-brown) !important;
}
.filter a:hover {
   color: var(--white) !important;
   background: var(--medium-brown);
}
.filter-reset:hover {
   color: var(--medium-brown) !important;
}
.filter a:hover .filter-reset {
   background: none !important;
}
.filter a:hover .filter-open.fa-angle-down:before {
   color: var(--white);
}
.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(--white) !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(--green);
}
.filter-overlay .close-filter-overlay:hover {
   background: var(--green);
}
.fa-times:before {
   color: var(--medium-brown);
}
.close-filter-overlay .fa-remove:before, .close-filter-overlay .fa-close:before, .close-filter-overlay .fa-times:before {
   color: #fff;
}
/*
==============================================
Resources Masonry Section
==============================================
*/
.masonry-one-of-two, .masonry-one-by-two, .masonry-one-by-one, .masonry-three-by-one {
   background: var(--medium-brown);
   color: var(--white) !important;
   -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(--green) !important;
   color: var(--white) !important;
}

.masonry-two-by-one:hover .masonry-img-container:after {
   border-left: 15px solid var(--green);
}
.masonry-two-by-two .masonry-copy {
  color: var(--white) !important;
}
.masonry-one-by-two:hover .masonry-copy:after {
   border-bottom: 15px solid var(--green);
}
.masonry-two-by-one .masonry-img-container:after {
   border-left: 15px solid var(--medium-brown);
}
.masonry-one-by-two .masonry-copy:after {
   border-bottom: 15px solid var(--medium-brown);
}
.masonry-one-of-two-stacked {
   background: var(--dark-blue);
}
.masonry-two-of-two-stacked {
   background: var(--medium-brown) !important;
}
.masonry-two-of-two-stacked:hover {
   background: var(--green);
}
.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(--medium-brown) !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(--white) !important;
}
.masonry-three-by-one {
   background: var(--green) !important;
   color: var(--white) !important;
}
.masonry-one-by-one .masonry-category {
   color: var(--white) !important;
}
.masonry-three-by-one:hover {
   background: var(--white) !important;
   color: var(--white) !important;
}
.masonry-three-by-one.masonry-three-by-one-img-left .masonry-one-of-three:after {
  border-right: 15px solid var(--medium-brown) !important;
}
.masonry-three-by-one.masonry-three-by-one-img-left:hover .masonry-one-of-three:after {
  border-right: 15px solid var(--green) !important;
}
.masonry-one-of-two-stacked:hover, .masonry-two-of-two-stacked:hover {
   background: var(--green) !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-blue) !important;
}
.masonry-two-by-two:hover {
  background: var(--medium-brown) !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;
}

/* 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(--green);
   }
}