{% set dgray = '#152935' %}
{% set gray = '#6C7D89' %}
{% set lgray = '#EBF0F7' %}
{% set dblue = '#1812B2' %}
{% set mblue = '#002d61' %}
{% set bblue = '#6DC7F7' %}
{% set lblue = '#DCEFFE' %}
{% set red = '#BF1738' %}

#resources .hide { display:none; }
#resources .featured-image, 
#resources .list-image {
  background-size:cover;
  background-position:center center;
}
.inner-margin { float:none !important; margin: 0 auto !important; }
.resource-label { line-height:1; font-weight:700; }
.more-link { color:; text-decoration:none; display:inline-block; font-size:0.8rem; vertical-align:middle; text-transform:uppercase; font-weight:600; }
.more-link:hover { color:dblue; }

#resources .banner-wrapper{
  background: url('https://4703451.fs1.hubspotusercontent-na1.net/hubfs/4703451/istockphoto-615613034-1024x1024%201.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 476px;
  max-height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#resources .banner-wrapper h1{
  width: 1140px;
  max-width: 100%;
  margin:auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'Inter',sans-serif;
  font-size: 64px;
  font-weight: 600;
  color: white;
  position: relative;
}
#resources .banner-wrapper .slash{
  position: absolute;
  color: #ffd200;
  right: 100%;
  font-weight: 700;
}
  

#resources a.at-icon-wrapper.at-share-btn { margin-left: 12px; }
#resources h2 { font-size:22px; line-height:1.25; margin:0; }
#resources h2 a { text-decoration:none; color:; }
#resources h2 a:hover { color:; }
#resources .resource-label { font-size:.8em; margin:1em 0; }
/* featured post */
#resources #top .hover-up { display:block; }
#resources #top .hover-up, 
#resources .list-block { 
  overflow:hidden; 
  -webkit-box-shadow: 0px 6px 9px 7px rgba(0,0,0,0.2); 
  -moz-box-shadow: 0px 6px 9px 7px rgba(0,0,0,0.2); 
  box-shadow: 0px 6px 9px 7px rgba(0,0,0,0.2);
}
#resources .hover-up { text-decoration:none; color:inherit; transition:all 0.3s ease; }
#resources .hover-up:hover { transform:translateY(-12px);  }
/* regular listings */
#resources .list-image { padding-top:56% }
#resources .bottom {
  position:absolute;
  bottom:1em;
  left:2rem;
  right:2rem;
}
#resources .video-block { cursor:pointer; }
#resources .video-block .play-button { left:50%; top:50%; transform:translate(-24px,-24px); }
#resources .video-block .play-button .hs_cos_wrapper_type_icon {
  width:48px;
  height:48px;
  padding-top:12px;
}
#resources .video-block .play-button .hs_cos_wrapper_type_icon svg {
  height:24px;
  padding-left:5px;
}
#resources .video-block:hover .play-button .hs_cos_wrapper_type_icon { background-color:red; }
#resources .video-block:hover .play-button .hs_cos_wrapper_type_icon svg { fill: #ffffff; }
@media screen and (min-width:768px) {
  /* featured resource */
  #resources #top .featured-image,
  #resources #top .featured-content { width:50%; }
  /* regular listing */
  #resources .list-block { width:32%; }
  #filter .desk-spacer { width:70px; }
}
@media screen and (max-width:767px) {
  #resources #top .featured-image,
  #resources #top .featured-content { width:100%; }
  #resources #top .featured-image { padding-top:56%; }
}
#filter { font-size:0.8rem; line-height:1; }
#filter select {
  font-size:1rem; 
  line-height:1;
  padding:0.5em 1em;
  margin:0 1em;
  border:1px solid #ffffff;
  color:;
  box-sizing:border-box;
}