/*
Model 2
Resources Masonry Grid
==============================================
 
var(--dark) = #
var(--light) = #
var(--dark-color-1) = #
var(--light-color-1) = #
var(--white) = #
var(--dark) = #
var(--gray-dark) = #
var(--dark-color-1) = #
var(--medium) = #
var(--dark-color-1) = #
 
==============================================
*/
 
/* blog titles */
.blog-landing-heading, .blog-detail-heading-wrapper h3, .blog-detail-heading, .resource-detail-heading-wrapper h3 {
    color: var(--dark-color-1);
  }
   /* 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(--gray-dark);
  }
  .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a, .blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a {
   color: var(--dark) !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(--white) !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(--gray-dark) !important;
  }
  .masonry-cta, .masonry-category{
   transition: inherit !important;
   color: var(--gray-dark);
  }
  .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(--light-color-1);
  }
  .filter a, .filter-reset {
     color: var(--dark) !important;
  }
  .filter a:hover {
     color: var(--white) !important;
     background: var(--dark-color-1);
  }
  .filter-reset:hover {
     color: var(--dark-color-1) !important;
  }
  .filter a:hover .filter-reset {
     background: none !important;
  }
  .filter a:hover .filter-open.fa-angle-down:before {
     color: var(--light-color-1);
  }
  .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(--gray-dark) !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);
  }
  .filter-overlay .close-filter-overlay:hover {
     background: var(--dark);
  }
  .fa-times:before {
     color: var(--light-color-1);
  }
  .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-color-1);
     color: var(--gray-dark);
     -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) !important;
     color: var(--white) !important;
  }
   
  .masonry-two-by-one:hover .masonry-img-container:after {
     border-left: 15px solid var(--dark);
  }
  .masonry-one-by-two:hover .masonry-copy:after {
     border-bottom: 15px solid var(--dark);
  }
  .masonry-two-by-one .masonry-img-container:after {
     border-left: 15px solid var(--light);
  }
  .masonry-one-by-two .masonry-copy:after {
     border-bottom: 15px solid var(--light);
  }
  .masonry-one-of-two-stacked {
     background: var(--dark-color-1);
  }
  .masonry-two-of-two-stacked {
     background: var(--medium) !important;
  }
  .masonry-two-of-two-stacked:hover {
     background: var(--dark);
  }
  .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(--dark) !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(--gray-dark) !important;
  }
  .masonry-three-by-one {
     background: var(--dark) !important;
     color: var(--white) !important;
  }
  .masonry-one-by-one .masonry-category {
     color: var(--gray-dark) !important;
  }
  .masonry-three-by-one:hover {
     background: var(--white) !important;
     color: var(--gray-dark) !important;
  }
  .masonry-three-by-one.masonry-three-by-one-img-left .masonry-one-of-three:after {
    border-right: 15px solid var(--light) !important;
  }
  .masonry-three-by-one.masonry-three-by-one-img-left:hover .masonry-one-of-three:after {
    border-right: 15px solid var(--dark) !important;
  }
  .masonry-one-of-two-stacked:hover, .masonry-two-of-two-stacked:hover {
     background: var(--dark) !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) !important;
  }
  .masonry-two-by-two:hover {
    background: var(--light) !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(--dark);
     }
  }