 /*
Theme Name: NYC AiER Multi-site
Theme URL: http://wpamanuke.com/
Description: Twenty Twenty Child Theme
Author: Surface Impression
Author URL: https://surfaceimpression.digital/
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child

/**********************************************\
*********************************************** 

                == INDEX == 

1.  Fonts
2.  Buttons & Links
3.  Colours
4.  Separators & Borders
5.  Margins & Padding (Structure)
6.  Media
7.  Entry Headers
8.  NAVIGATION: Header
9.  NAVIGATION: Footer
10. NAVIGATION: Breadcrumbs
11. NAVIGATION: Child Menu for About Page
12. NAVIGATION: "Back To" Page Bar
13. FILTERS
14. SEARCH & 404
15.  Forms
16.  Tables
17.  Modal
18.  Map
19.  Custom Layouts & Function
20.  People Post Type Archive
21.  Contact Page
22.  Support Us Page
23.  Events
24.  Blog Posts (see Entry Headers for Blog heroes)
25.  Native Gutenberg WP Blocks
26.  Custom ACF Blocks
27.  Face 2 Face Microsite
28.  Foundation Grid (responsive grid)

\********************************************** 
***********************************************
\*============================================*/
/**********************************************\
1.  Fonts
\**********************************************/
.entry-content, .wp-block-button:not(.is-style-outline) a.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link{
  font-family: proxima-nova, sans-serif;
  overflow-wrap: break-word;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file, .has-larger-font-size, .has-large-font-size, p.h2, p.tag, .accordion-header{
  font-family: neue-haas-grotesk-display, sans-serif;
  overflow-wrap: break-word;
}
/*=== Font Weight ===*/
h1, .entry-content h1, h2, .entry-content h2, .has-larger-font-size strong, .has-larger-font-size bold, #site-footer a.home-hash{
  font-weight: 900;
}
.wp-block-button:not(.is-style-outline) a.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link, ul.ff-footer li, .read-more #myBtn, p.h2{
  font-weight: 800;
}
h3, .entry-content h3, h1.small-h1, h5, p.tag strong, .accordion-header, h2.simple{
  font-weight: 700;
}
h4, entry-content h4, .has-larger-font-size, .has-large-font-size, .summary-text p{
  font-weight: 600;
}
.simple-header p.has-large-font-size{
  font-weight: 400;
}
.wp-block-button.is-style-outline a{
  font-weight: 300;
}
/*=== Spacing ===*/
h1, .entry-content h1, h2, .entry-content h2, .has-larger-font-size, .has-large-font-size, h3, .entry-content h3, h4, entry-content h4, ul.ff-footer li, #site-footer a.home-hash, ul.top-bar-menu li, .primary-menu li, p.h2, p.tag, .accordion-header{
  letter-spacing: 0.03em;
}
.entry-head-text p, .entry-content .has-larger-font-size, .entry-content .has-large-font-size, .entry-content p{
line-height: 1.5;
}
.has-larger-font-size strong, .has-larger-font-size bold{
line-height: 1.7;
}
h1:not(h1.simple-title,h1.small-h1), .entry-content h1:not(h1.simple-title,h1.small-h1), .has-larger-font-size strong, .has-larger-font-size bold, h3, .entry-content h3{
line-height: 1.8;
}
h1, .entry-content h1, h3:not(.simple), .entry-content h3:not(.simple){
  margin: 0 4rem;
}
p.committee-header{
margin: 0;
}
.single-cpt_blog .entry-content p:not(.alignwide, .alignfull, .bar p){
margin: 0 auto 3rem;
}
.single-cpt_blog .entry-content h3{
margin-left: 12.5%;
}
article.cpt_jobs p.h2{
  margin-bottom: 0;
}
.entry-content .grid-x a h3, .entry-content .grid-x a h2{
  margin: 0;
}
@media all and (max-width: 1300px){
 h1, .entry-content h1, h3, .entry-content h3, .simple-header p{
  margin: 0 2rem;
}
  .entry-header.half-height .overlay p.tag.large{
  padding: 2rem 2rem;
}
}
@media all and (max-width: 639px){
  p{
  margin: 0 0 0.5em 0;
}
}
/*=== Transforms ===*/
h5{
  text-transform: uppercase;
}
.accordion-header{
  text-transform: none;
}
/*=== Alignment ===*/
.accordion, h1.simple-title{
  text-align: left;
}
/*=== Backgrounds ===*/
h1:not(h1.simple-title,h1.small-h1), .entry-content h1:not(h1.simple-title,h1.small-h1), .has-larger-font-size strong, .has-larger-font-size bold, h3:not(.simple), .entry-content h3:not(.simple){
  background-color: #231F20;
  color: #fff;
  padding: 0.1em;
  display: inline;
}
/*Background offset for H2 titles & H1 simple header*/
h2, h1.simple-title{
  position: relative;
  z-index: 1;
}
h2:before, h1.simple-title:before{
position: absolute;
z-index: -1;
margin-bottom: -5rem;
margin-left: 2rem;
content: "";
background-color: #E77424;
}
@media screen and (min-width: 1300px){
  h2:before, h1.simple-title:before{
      margin-top: 5.5rem;
      height: 2rem;
      width: 50%;
  }
}
@media screen and (max-width: 1300px) and (min-width:900px){
  h2:before, h1.simple-title:before{
  margin-top: 4rem;
  height: 1rem;
  width: 70%;
}
}
@media screen and (max-width: 900px){
  h2:before, h1.simple-title:before{
  margin-top: 2rem;
  height: 1rem;
  width: 80%;
}
}
h2.simple:before, h2:hover:before, h2:focus:before, h1.simple-title:hover:before, h1.simple-title:focus:before{
display: none;
}
.simple-header p.has-large-font-size{
  padding-top: 2rem;
  margin-bottom: 0;
}
/*==== Colours ===*/
.wp-block-button.is-style-outline a.wp-block-button__link,
.wp-block-button.is-style-outline input.wp-block-button__link, h1.simple-title{
  color: #000;
}
/*=== Font Sizes ===*
.entry-content .has-small-font-size, p.has-small-font-size{
  font-size: 0.842em !important;
} */
span.accordion-header{
font-size: 2.5rem;
}
/* Desktop */
@media all and (min-width: 900px){
.support-grid p.has-large-font-size{
  font-size: 4rem !important;
}
}
@media all and (min-width: 1300px){
  h1, .entry-content h1, h2, .entry-content h2{
      font-size: 6.4rem;
  }
  h2.simple{
      font-size: 5.4rem;
  }
  p.has-larger-font-size strong{
      font-size: 4.5rem;
  }
  h3, .entry-content h3, .has-larger-font-size bold, .has-larger-font-size strong, h1.small-h1, #site-footer a.home-hash{
      font-size: 4rem;
  }
  p.h2, ul.child-navigation.grid-x li{
      font-size: 3.4rem;
  }
  .wp-block-button:not(.is-style-outline) a.wp-block-button__link, a.round-btn{
      font-size: 2.6rem;
  }
  h5 /*.simple-header .has-large-font-size*/{
      font-size: 2rem;
  }
  /*
  .entry-content .has-larger-font-size, p.has-larger-font-size, .has-larger-font-size{
      font-size: 1.6em;
  }
  .entry-content .has-large-font-size, .summary-text p, p.has-large-font-size, .has-large-font-size{
      font-size: 1.4em !important;
  } */
  .entry-head-text p:not(.has-larger-font-size, .has-large-font-size), .accordion{
      font-size: 2rem;
  }
  /*
  .entry-content .has-small-font-size{
      font-size: 0.842em !important;
  } */
  .read-more #myBtn{
      font-size: 120%;
  }
  p.tag{
      font-size: 95%;
  }
}
/*Percentages: Desktop*/
#site-footer .wp-block-buttons, .entry-content li{
font-size: 125%;
}
.entry-content p:not(.single-cpt_blog .entry-content p, p.small, .has-larger-font-size, .has-large-font-size, .has-small-font-size, p.h2), p:not(.single-cpt_blog .entry-content p, p.small, .has-larger-font-size, .has-large-font-size, .has-small-font-size, p.h2){
font-size: 125%;
}
.single-cpt_blog .entry-content p:not(.h2, .has-larger-font-size, .has-large-font-size, .has-small-font-size), .read-more #more p{
  font-size: 115%;
  margin: auto;
}
p.small{
font-size: 95%;
}
/* Up to Tablet */
@media all and (max-width: 1300px){
 /* h2.simple{
      font-size: 5.4rem;
  }*/
p.has-larger-font-size strong{
  font-size: 3rem;
}
  p.h2{
     font-size: 2.5rem;
  }
  /*h3, .entry-content h3, .has-larger-font-size bold, .has-larger-font-size strong, h1.small-h1, #site-footer a.home-hash{
      font-size: 4rem;
  }
  ul.child-navigation.grid-x li{
      font-size: 2.5rem;
  }*/
  .wp-block-button:not(.is-style-outline) a.wp-block-button__link, a.round-btn{
      font-size: 2rem;
  }
  /*h5, .simple-header .has-large-font-size{
      font-size: 2rem;
  }*/
  .entry-content .has-larger-font-size, p.has-larger-font-size, .has-larger-font-size{
      font-size: 1.3em;
  }
  /*
 .entry-content .has-large-font-size, .summary-text p, p.has-large-font-size, .has-large-font-size{
      font-size: 1.2em !important;
  } */
  p.job-loop-title{
      font-size: 2.5rem !important;
  }
  /*.entry-head-text p:not(.has-larger-font-size, .has-large-font-size), .accordion{
      font-size: 1.2em;
  }    */
.wp-block-button.is-style-outline a, ul.ff-footer li{
  font-size: 115%;
}
.entry-content p:not(.single-cpt_blog .entry-content p, p.small, .has-larger-font-size, .has-large-font-size, .has-small-font-size, p.h2), p:not(.single-cpt_blog .entry-content p, p.small, .has-larger-font-size, .has-large-font-size, .has-small-font-size, p.h2){
  font-size: 110%;
}
#mc_embed_signup input[type="submit"], .read-more #myBtn{
  font-size: 105%;
}
}
/* Up to Mobile */
@media all and (max-width: 900px){
  h1, .entry-content h1, h2, .entry-content h2{
      font-size: 2.6rem;
  }
.entry-content p:not(.single-cpt_blog .entry-content p, p.small, .has-larger-font-size, .has-large-font-size, .has-small-font-size, p.h2), p:not(.single-cpt_blog .entry-content p, p.small, .has-larger-font-size, .has-large-font-size, .has-small-font-size, p.h2){
  font-size: 120%;
}
  .support-grid p.has-large-font-size{
  font-size: 3rem !important;
}
}
/**********************************************\
2.  Buttons & Links
\**********************************************/
a{
  color: inherit;
}
.has-background.has-blue-gradient-background a{
color: #fff;
}
#site-footer a.home-hash{
  color: #FFD800;
}
#site-footer a:not(a.home-hash){
  color: #fff;
}
.entry-content p a{
font-weight: 600;
color: #006BBB;
}
.wp-block-group.has-background .wp-block-button.is-style-outline a.wp-block-button__link{
color: inherit;
}
/*==== Buttons ===*/
/* remove text-underline */
button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover{
text-decoration: none;
}
a.wp-block-button__link{
  text-decoration: none;
}
/* Fix fill issues */
.has-white-color .fill-children-current-color{
  fill: var(--wp--preset--color--white);
}
nav.has-white-color .social-icons a{
  color: var(--wp--preset--color--white);
}
/* Inherit the background color*/
.social-icons a, #site-footer button:not(.toggle), #site-footer .button, #site-footer .faux-button, #site-footer .wp-block-button__link, #site-footer .wp-block-file__button, #site-footer input[type="button"], #site-footer input[type="reset"], #site-footer input[type="submit"]{
  background-color: inherit !important;
}
/* Make ALL wordpress buttons smaller */
a.wp-block-button__link.small{
font-size: 100% !important;
}
/*==== Gutenberg Buttons ===*/
.wp-block-button{
margin: 1rem 0;
}
/* target=_blank treatment to icon */
.is-style-outline a[target=_blank]::after{
display: inline-block;
transform: rotate(-35deg);
}
/* Fill button */
.wp-block-button:not(.is-style-outline) a.wp-block-button__link, .read-more #myBtn{
  background-color: #FFC72C;
  text-transform: none;
  color: #000;
  padding: 1rem 1.5rem;
}
.wp-block-button:not(.is-style-outline) a.wp-block-button__link:after{
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f061";
  padding-left: 1rem;
}
/* Fill button: hover */
.wp-block-button:not(.is-style-outline) a:hover, .read-more #myBtn:hover, .wp-block-button:not(.is-style-outline) a.wp-block-button__link:focus, .read-more #myBtn:focus, #mc_embed_signup input[type="submit"]:hover, #mc_embed_signup input[type="submit"]:focus{
background-color: #000;
color: #fff !important;
}
/* Outline button */
.wp-block-button.is-style-outline a{
  text-decoration: none;
  font-weight: 700;
}
.wp-block-button.is-style-outline a, ul.ff-footer li{
  text-align: right;
  text-transform: none;
  font-size: 125%;
}
.wp-block-button.is-style-outline a:after, .wp-block-button.is-style-outline input:after, ul.ff-footer li a:after{
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f0a9";
  padding-left: 1rem;
}
.is-style-outline .wp-block-button__link{
padding: 0;
}
.is-style-outline>.wp-block-button__link, .wp-block-button__link.is-style-outline{
  border: none;
}
.wp-block-button.is-style-outline a:hover, .wp-block-button.is-style-outline a:focus, ul.ff-footer li a:hover, ul.ff-footer li a:focus{
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
}
.wp-block-button.is-style-outline a.wp-block-button__link,
.wp-block-button.is-style-outline input.wp-block-button__link{
  text-align: left;
}
#site-footer .wp-block-button.is-style-outline a, ul.ff-footer li a{
  color: #fff;
}
/* Outline Button: Hover */
@keyframes bounce{
0% { transform: translateX(0); }
100% { transform: translateX(15px); }
}
.wp-block-button.is-style-outline a:hover, .wp-block-button.is-style-outline a:focus, .featured-post a:hover, .featured-post a:focus{
animation: bounce 0.8s;
animation-direction: normal;
animation-iteration-count: infinte;
}
/*=== Social Buttons ===*/
.social-btns{
padding: 0.5rem 0 0 0;
}
ul.social-btn{
display: flex;
align-items: center;
margin: 0;
}
ul.social-btn li{
margin: 0;
}
.social-btn .fa-circle{
color: #fff;
}
.social-btn .fab{
color: #000;
}
/* Hovers */
.fa-stack:hover>.fa-circle, .fa-stack:focus>.fa-circle{
color: #FFC72C;
}
/*=== Read More Button ===*/
.read-more{
  margin-bottom: 4rem;
}
.more{
 display: none;
}
@media all and (min-width: 1171px){
 .wp-block-column.is-vertically-aligned-bottom .read-more{
  margin-top: 20rem;
}
}
@media all and (max-width: 1171px){
.wp-block-column.is-vertically-aligned-bottom .read-more{
  margin-top: 2rem;
}
}
/*=== Rounded Button (no arrow ::after) ==*/
.btn a, .btn a.round-btn{
width: 100%;
  text-decoration: none;
}
a.round-btn{
display: block;
background-color: #FFC72C;
color: #231f20;
text-align: center;
border-radius: 1.2rem;
padding: 1rem 6rem !important;

font-weight: 800;
}
a.round-btn:focus, a.round-btn:hover {
background-color: #000;
color: #fff !important;
}
a.wp-block-button__link.round-btn::after{
display: none;
}
/*=== Icon Btn (icon buttons found in tables) ===*/
a.ico-btn{
color: inherit;
}
a.ico-btn.blank i{
transform: rotate(-35deg);
}
/*==== ICONS ===*/
.fa-arrow-circle-right{
padding-left: 2rem;
}
/**********************************************\
3.  Colours
\**********************************************/
/* === Gutenberg Colour Palette === */
/*Gradients*/
:root .has-blue-gradient-background{
background: linear-gradient(95.19deg, #0194D9 0%, #007FCB 26.04%, #006BBB 51.04%, #0C56AA 79.17%, #1D4197 98.96%);
color: #fff;
}
:root .has-mist-gradient-background{
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #231F20 100%);
color: #fff;
}
:root .has-smoke-gradient-background{
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(35, 31, 32, 0.59) 42.71%, #231F20 100%);
color: #fff;
}
/*Text Colors*/
:root .has-black-color{
color: #231F20;
}
:root .has-white-color{
color: #fff;
}
/*Background Colours*/
:root .has-royal-blue-background-color{
  background-color: #1D4197;
  color: #fff;
}
:root .has-jewel-blue-background-color{
  background-color: #0194D9;
  color: #fff;
}
:root .has-cab-yellow-background-color{
  background-color: #FFC72C;
  color: #000;
}
:root .has-roundtable-orange-background-color{
  background-color: #E77424;
}
:root .has-mist-background-color{
  background-color: #EAEBED;
  color: #000;
}
:root .has-sky-blue-background-color{
  background-color: #01B1F4;
  color: #000;
}
:root .has-sun-yellow-background-color{
  background-color: #FFD800;
  color: #000;
}
:root .has-evergreen-background-color{
  background-color: #017038;
  color: #fff;
}
:root .has-pink-background-color{
  background-color: #FD01A2;
  color: #000;
}
:root .has-black-background-color{
  background-color: #231F20;
  color: #fff;
}
:root .has-white-background-color{
  background-color: #fff;
  color: #231F20;
}
/**********************************************\
4.  Separators & Borders
\**********************************************/
/*ditch borders*/
.footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top{
border: 0px;
}
/*=== Add Line After title ===*/
.supporter-row h2.simple{
position: relative;
}
.supporter-row h2.simple span{
background-color: #fff;
padding-right: 4rem;
}
.supporter-row h2.simple::after{
content: "";
display: block;
width: 100%;
height: 3px;
background: #231F20;
right: 0;
top: 50%;
position: absolute;
z-index: -1;
}
@media all and (max-width: 639px){
  .supporter-row h2.simple::after{
  height: 5px;
}
}
/**********************************************\
5.  Margins & Padding (Structure)
\**********************************************/
.section-inner{
  max-width: 100vw;
}
#site-footer .section-inner{
  width: 100vw;
}
.entry-content{
min-height: 45vh;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .entry-content > .alignwide{
  max-width: 95vw;
}
.entry-content > .alignwide{
  width: 95vw;
}
.alignwide{
max-width: 95vw;
width: 95vw;
}
.simple-header .section-inner{
width: 100%;
}
.page-template-default .entry-content > :first-child:not(.alignfull, .alignwide){
margin-top: 6rem;
}
.entry-content > .alignwide:not(.wp-block-group.has-background, .visual-text-grid):first-child, .entry-content > .alignfull:not(.wp-block-group.has-background, .visual-text-grid):first-child{
margin-top: 0;
}
@media all and (max-width: 1300px){
  body:not(.singular) main > article:first-of-type{
  padding: 0;
}
.post-inner{
  padding-top: 4rem;
}
}
@media (min-width: 1000px){
 .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background){
     margin-bottom: 4rem;
     margin-top: 4rem;
  }
}
@media (min-width: 700px){
  .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background){
      margin-bottom: 3rem;
      margin-top: 3rem;
  }
}
@media all and (max-width: 699px){
  .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background){
      margin-bottom: 1.5rem;
      margin-top: 1.5rem;
  }
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
max-width: 100vw;
}
/*==== WP Columns ===*/
.wp-block-columns.alignfull:not(.has-background) + .wp-block-columns.alignfull:not(.has-background){
margin-top: 1rem;
}
.wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns{
padding-left: 4rem;
padding-right: 4rem;
}
.wp-block-column > *:last-child:not(.read-more){
  margin-bottom: 0;
}
@media all and (min-width: 1171px){
  .wp-block-column.is-vertically-aligned-bottom blockquote{
      margin-top: 25%;
  }
}
@media all and (min-width: 100px) and (max-width: 1171px){
  .wp-block-column.is-vertically-aligned-bottom blockquote{
  margin-top: 0;
}
}
/*Change breakpoint*/
@media all and (min-width:640px) and (max-width: 850px){
  .wp-block-column:not(:only-child){
  flex-basis: calc(100% - 1em) !important;
}
}
@media all and (max-width: 639px){
  .wp-block-column:not(:only-child){
  flex-basis: auto !important;
}
}
/*=== Team Pages ===*/
.cpt_people .peoplefirst{
padding-right: 2rem;
}
.cpt_people .peoplefirst h1.small-h1{
margin: 0;
}
/*=== Advocacy Pages ===*/
.single-cpt_advocacy .entry-content{
padding-top: 4rem;
}
/*=== Hide things ===*/
.page-template-default .post-meta-wrapper{
display: none;
}
/**********************************************\
6.  Media
\**********************************************/
/*=== Image Treatments (round)===*/
figure.round-frame img{
margin: 0 0 3rem 0;
border-radius: 100%;
height: 300px;
max-height: 300px;
width: 300px;
max-width: 300px;
object-fit: cover;
}
@media all and (max-width: 1300px){
  figure.round-frame img{
  height: 225px;
  max-height: 225px;
  width: 225px;
  max-width: 225px;
}
}
/*=== Image Background Cubes ===*/
@media all and (min-width: 640px){
  .featured-post .cell.bg-img{
height: 350px;
  }
  .visual-text-grid .bg-img{
      height: 300px;
  }
  .upcoming-events .bg-image, .upcoming-events .overlay{
      height: 350px;
  }
}
@media all and (max-width: 639px){
  .featured-post{
      max-width: 100% !important;
  }
  .featured-post .cell.bg-img{
height: 300px;
  }
  .visual-text-grid .bg-img{
      height: 200px;
  }
  .upcoming-events .bg-image, .upcoming-events .overlay{
      height: 300px;
  }
}
/*=== Audio Player===*/
.audio-script{
max-width: 85%;
padding: 4rem 0;
}
/*=== VIDEO: WP Embeds ===*/
figure.wp-block-embed.is-type-video{
  margin-top: 0 !important;
margin-bottom: 0 !important;
}
/*=== VIDEO: Smash Balloon ===*/
.sby_items_wrap .sby_item:nth-child(even) .sby_inner_item{
margin-left: 4rem;
margin-right: 2rem;
padding-bottom: 4rem;
}
.sby_items_wrap .sby_item:nth-child(odd) .sby_inner_item{
margin-right: 4rem;
margin-left: 2rem;
}
[id^=sb_youtube_].sb_youtube .sby_info{
font-family: neue-haas-grotesk-display, sans-serif;
font-weight: 700;
font-size: 1.9em !important;
text-align: left;
overflow-wrap: break-word;
padding-bottom: 2rem;
padding-top: 1rem;
}
[id^=sb_youtube_].sb_youtube .sby_caption_wrap{
font-family: proxima-nova,sans-serif;
font-size: 1.5em !important;
line-height: 1.5;
text-align: left !important;
}
/*load more btn */
[id^=sb_youtube_].sb_youtube .sby_btn a, [id^=sb_youtube_].sb_youtube .sby_follow_btn a, [id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn{
background-color: #FFC72C;
color: #000;
padding: 1rem 1.5rem;
margin: 2rem 0 4rem 0;
font-family: proxima-nova, sans-serif;
overflow-wrap: break-word;
font-weight: 800;
font-size: 120%;
}
@media all and (min-width: 1200px){
[id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item{
  width: 33.33%;
}
}
@media all and (max-width: 1200px){
[id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item{
  width: 50%;
}
}
@media all and (max-width: 700px){
[id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item{
  width: 100%;
      margin-bottom: 2rem;
}
}
@media all and (max-width: 639px){
.sby_items_wrap .sby_item:nth-child(even) .sby_inner_item{
  margin-left: 2rem;
}
}
/**********************************************\
7.  Entry Headers
\**********************************************/
.singular .entry-header{
padding: 10rem 0 0 0;
}
/*=== Simple Header ===*/
.simple-header{
  padding: 14rem 0 0 2rem;
}
.simple-header p{
margin: 0 4rem;
}
/*=== Hero with variations ===*/
header.entry-header.full-height{
min-height: 95vh;
display: flex;
align-items: flex-end;
}
/* Entry Featured text */
.entry-feat-text{
padding: 0 4rem;
}
@media all and (min-width: 1280px){
.entry-header.full-height .entry-feat-text{
  padding: 8rem 4rem 0;
}
}
.entry-head-text .cell:last-child{
padding: 3rem 3rem 2rem 3rem;
}
/*Parrallax Div Box*/
.alignfull.full-width.entry-head-text{
background-color: rgba(29, 65, 151, 0.88);
margin: 0;
}
@media all and (min-width: 640px){
  .alignfull.full-width.entry-head-text{
      padding: 2rem 3rem;
  }
}
@media all and (max-width: 639px){
  .alignfull.full-width.entry-head-text{
      padding: 2rem 0;
  }
}
.entry-head-text-margin{
margin: 4rem;
}
/*Advocacy entry header text-box variation*/
.single-cpt_advocacy .entry-head-text:not(.alignfull.full-width.entry-head-text) .cell:nth-child(2){
background-color: #fff;
color: #000;
}
/*=== Archive Header ===*/
.archive-custom-header{
padding: 16rem 0 8rem 0;
}
.archive-entry-header{
padding: 10rem 0;
}
.singular .archive-entry-header{
padding: 15rem 0;
}
.archive-entry-header .archive-title{
max-width: 75%;
}
/*=== BLOG: Full Height ===*/
.entry-header h1.small-h1{
padding-top: 5rem;
}
.entry-header:not(.full-height, .half-height, .archive-entry-header) .entry-header-inner{
display: flex;
flex-direction: column;
align-content: baseline;
justify-content: center;
align-items: center;
}
/*=== BLOG: Half Height ===*/
.entry-header.half-height{
min-height: 70vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.entry-header.half-height .overlay{
width: 100%;
display: flex;
flex-direction: column;
padding: 2rem 0;
}
.overlay p.tag.large{
margin-top: auto;
padding: 2rem 4rem;
}
.overlay h1.small-h1{
padding-top: 0;
}
@media (min-width: 700px){
.overlay h1.small-h1{
  font-size: 4rem;
}
}
@media (min-width: 1220px){
.overlay h1.small-h1{
  font-size: 5.2rem;
}
}
/*=== Responsive ===*/
@media all and (max-width: 1300px){
  header.entry-header.full-height{
      height: 100%;
  }
  .entry-feat-text{
  padding: 0 2rem;
}
  .entry-head-text .cell:last-child{
  padding: 2rem 0;
}
.simple-header{
  padding: 2rem 0 0;
}
.archive-entry-header{
  padding: 4rem 0;
}
.singular .entry-header{
  padding: 2rem 0 0;
}
.entry-header.half-height{
  max-height: 350px;
  min-height: 350px;
}
.entry-header.half-height .overlay{
  min-height: 275px;
}
}
@media all and (max-width: 1171px){
.entry-head-text-margin{
  margin: 2rem;
}
.entry-head-text-margin .hero-intro{
  padding: 2rem;
}
}
/****************************************\
8. NAVIGATION: Header
\**********************************************/
#site-header{
z-index: 9997;
  position: fixed;
  width: 100%;
}
.header-inner{
padding: 1.2rem 0;
}
/*=== Header Logo ===*/
#site-header .site-logo img{
      max-height: 7rem;
}
@media all and (min-width: 1283px) and (max-width: 1406px){
  #site-header .site-logo img{
  max-height: 5rem;
}
}
/*=== Navigation Fonts ===*/
ul.top-bar-menu li, .primary-menu li{
font-family: aktiv-grotesk, sans-serif;
font-weight: 700;
}
ul.top-bar-menu li{
font-size: 110%;
}
.primary-menu li{
font-size: 120%;
}
/*==== Desktop ===*/
.header-navigation-wrapper{
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 3;
}
/* Top Bar Menu */
.top-bar-menu-wrapper{
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
padding-bottom: 2rem;
}
ul.top-bar-menu{
display: flex;
}
ul.top-bar-menu li{
margin: 0.8rem 0 0 2.5rem;
background-color: #E77424;
}
ul.top-bar-menu li a{
text-decoration: none;
color: #fff;
padding: 1rem 1.5rem;
}
ul.top-bar-menu li a{
will-change: transform;
transition: 450ms;
}
ul.top-bar-menu li a:hover:after{
font-family: "Font Awesome 6 Pro";
font-weight: 900;
content: "\f061";
padding-left: 1rem;
transition: transform 150ms;
}
/*Search Toggle*/
.header-inner .toggle-wrapper::before{
  display: none;
}
.search-toggle-wrapper{
margin-right: 40px;
padding-top: 0.4em;
}
#site-header button.search-submit{
padding: 0 1.44em;
}
button.search-submit .fas{
color: #fff;
font-size: 2.4rem;
}
/*Primary Menu*/
#site-header .primary-menu > li span.icon{
padding-right: 1rem;
}
#site-header .primary-menu > li > a, #site-header span.icon{
  color: #fff;
}
.primary-menu li a:hover, .primary-menu li a:focus{
  text-decoration: none;
}
#site-header .primary-menu > li:hover, #site-header span.icon:hover, #site-header .primary-menu > li:focus, #site-header span.icon:focus, ul.sub-menu li:hover, ul.sub-menu li:focus{
background-color: #E77424;
}
#site-header .primary-menu > li{
padding-left: 1rem;
}
/*Controls hover point for child menus*/
ul.primary-menu li.menu-item-has-children{
display: block;
transition-duration: 0.5s;
}
ul.primary-menu li.menu-item-has-children:hover{
cursor: pointer;
}
ul.primary-menu li.menu-item-has-children ul.sub-menu{
visibility: hidden;
transition: all 0.5s ease;
}
ul.primary-menu li.menu-item-has-children:hover > ul.sub-menu, ul.primary-menu li.menu-item-has-children:hover > ul.sub-menu:hover{
visibility: visible;
}
/* Child Menu*/
body:not(.overlay-header) #site-header .primary-menu ul{
background-color: #231f20;
}
.primary-menu ul{
background: #231f20;
border-radius: 0;
color: #fff;
width: 30rem;
text-align: left;
/*left: 0;*/
right: 0;
}
ul.sub-menu li a{
  padding: 1rem;
  color: #fff;
}
ul.sub-menu li.menu-item a:after{
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f061";
  padding-left: 1rem;
}
ul.sub-menu{
margin-top: -1rem;
justify-content: flex-start;
  padding: 0;
}
/*removes weird before/after from hover*/
.primary-menu ul::before,
.primary-menu ul::after{
display: none;
}
/*Primary Menu Children Hover*/
ul.primary-menu .menu-item-has-children:hover ul.sub-menu, ul.primary-menu .menu-item-has-children:focus sub-menu{
display: block;
}
.primary-menu ul.sub-menu li.menu-item > a:hover,
.primary-menu ul.sub-menu li.current-menu-item > a{
  text-decoration: none;
}
/*=== Mobile ===*/
.menu-modal.active{
z-index: 9999;
}
@media all and (max-width: 1000px){
  .header-inner .toggle{
      z-index: 9999;
  }
}
/*Hide mobile logo at top on desktop*/
@media ( min-width: 1300px ){
#mobile-logo{
  display: none;
}
}
@media ( max-width: 1300px ){
  .mobile-search-toggle{
  display: none !important;
}
.mobile-nav-toggle {
  display: block !important;
}
  .header-navigation-wrapper{
  display: none;
}
.menu-modal.show-modal{
  display: flex;
}
.mobile-menu{
  display: block;
}
#site-header{
  bottom: 0;
  height: 100px;
}
  /*Remove page logo from top*/
  #site-header .header-titles .site-title, #site-header .header-titles .site-logo, #site-header .header-titles .site-description{
  display: none;
}
  /* Mobile Site Logo */
  #mobile-logo{
      display: block;
      background-color: #231f20;
      color: #fff;
  }
  #mobile-logo .header-titles-wrapper{
      margin-right: 0;
      justify-content: start;
      padding: 1rem 0;
  }
  #mobile-logo .site-logo img{
      max-height: 6rem;
  }
  /*move accessibility toggle to locked nav*/
  #acwp-toolbar-btn.acwp-right{
  top: 94vh !important;
  right: auto;
  left: 3rem !important;
}
.acwp-toolbar.acwp-right{
  right: auto;
  left: 5rem;
  top: 48vh;
}
  /*Mobile bottom nav bar*/
  .header-inner{
  height: 100%;
}
  .header-titles-wrapper{
  max-width: 100%;
  min-width: 100%;
      height: 100%;
}
.nav-toggle{
  right: 2rem;
  position: absolute;
  bottom: 0;
  top: 0;
}
  /*Mobile Open Menu Toggle*/
  .header-inner .toggle{
  position: absolute;
  bottom: auto;
  left: auto;
  right: 3rem;
  top: auto;
}
.mobile-open-toggle-wrap{
  height: 100%;
}
#nyc-mobile-toggle.nav-toggle{
  width: 10rem;
  margin-right: 2rem;
}
#nyc-mobile-toggle .toggle-inner{
  height: auto;
  align-items: center;
  justify-content: end;
}
  #nyc-mobile-toggle .toggle-inner .toggle-text{
  position: relative;
  padding-right: 0.5em;
  color: #fff;
  text-decoration: none;
}
  /*Mobile toggle fonts*/
  #nyc-mobile-toggle .toggle-inner .toggle-text, button.close-nav-toggle .toggle-text{
  font-size: 2.5rem;
  font-weight: 700;
}
  /* Mobile Close Menu Toggle*/
  .mobile-close-btn button.close-nav-toggle{
  padding: 4rem 0 2rem 0;
  justify-content: center;
}
.mobile-close-btn .toggle .fas{
  padding-right: 2rem;
  font-size: 2.5rem;
}
}
@media all and (max-width: 1283px){
 .header-titles-wrapper{
  padding: 0 2rem !important;
}
#nyc-mobile-toggle.nav-toggle{
  margin-right: 0 !important;
}
.header-inner .toggle{
  right: 1rem !important;
}
}
/*=== Modal Menu ===*/
.menu-modal.active .menu-modal-inner{
  width: 100vw;
}
.menu-modal-inner .mobile-logo .site-logo img{
  margin: 4rem 0;
  max-height: 6rem;
}
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a{
  color: #fff;
  text-decoration: none;
}
.modal-menu ul.sub-menu li a{
  padding: 1rem 6rem;
}
.modal-menu ul li a{
font-size: 115%;
}
.modal-menu ul li a:hover{
text-decoration: none;
}
.menu-bottom{
flex-direction: column;
padding: 2rem 0;
}
#mobile-search{
width: 100%;
}
#mobile-search .search-form{
background-color: #fff;
border-radius: 0.2em;
}
#mobile-search .search-form .search-submit{
border-radius: 0.2em;
}
.menu-bottom input.search-submit{
color: #fff;
}
.menu-bottom .search-form{
width: 100%;
}
.mobile-social-menu, .top-bar-mobile-menu, .mobile-credit-menu{
width: 100%;
}
.mobile-social-menu .social-btns{
width: 100%;
padding: 2rem 0;
}
.mobile-social-menu ul.social-btn{
justify-content: center;
}
.mobile-social-menu ul.social-btn li{
align-self: center;
}
.top-bar-mobile-menu .top-bar-menu-wrapper{
justify-content: center;
margin: 1rem 0 0 0;
}
.mobile-credit-menu{
margin-top: 1rem;
}
.mobile-credit-menu ul.terms-menu{
justify-content: space-between;
}
.mobile-credit-menu ul.terms-menu li{
margin-left: 0;
}
/****************************************\
9. NAVIGATION: Footer
\**********************************************/
#site-footer{
  padding: 2rem 0 0 0;
}
#site-footer a:focus, #site-footer a:hover{
text-decoration: none;
}
#site-footer .section-inner{
  display: block;
  width: 100%;
padding: 0 4rem;
}
@media all and (max-width: 1300px){
  #site-footer .section-inner{
  padding-bottom: 100px;
}
.footer-credits{
  padding: 1rem 0;
}
.footer-credits p.tag{
  text-align: left !important;
}
}
/* Hover effects */
#site-footer a:not(a.home-hash, a>.fa-stack, a.wp-block-button__link):hover{
text-decoration: underline;
text-underline-offset: 0.1em;
text-decoration-thickness: 0.3em;
text-decoration-color: #E77424;
}
/*hide these because we don't need them in this theme but don't want to remove them*/
.footer-nav-widgets-wrapper{
  display: none;
}
/*=== Main Footer ===*/
.main-footer{
padding-bottom: 4rem;
}
/* Footer Menu: Main Site */
ul.terms-menu{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
height: 100%;
}
ul.terms-menu li{
margin-left: 4rem;
margin-top: auto;
}
/* Footer Menu: F2F */
#site-footer a.home-hash{
  display: block;
  padding-bottom: 2rem;
}
ul.ff-footer li{
  padding-bottom: 1rem;
}
/*=== Credit Bar ===*/
.footer-credits{
display: block;
padding: 1rem 4rem;
}
/*=== Responsive Footer ==*/
@media ( max-width: 1300px ){
  #site-footer .section-inner{
  padding-bottom: 100px;
}
#site-footer .main-footer{
  display: none;
}
}
@media all and (max-width: 639px){
  #site-footer .section-inner{
  padding: 0 2rem 100px 2rem;
}
}
/****************************************\
10. NAVIGATION: Breadcrumbs
\**********************************************/
#breadcrumbs .cell{
margin-left: 0;
padding-left: 1rem;
}
#breadcrumbs a{
color: inherit;
text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:focus{
color: #E77424;
}
#breadcrumbs a:not(last-child){
font-weight: bold;
}
/*Fixes spacing issues on Resources */
.page-template-resources .entry-content:first-child>.bread-crumbs{
padding-top: 4rem;
}
/*Selective suppression*/
#post-93 .bread-crumbs, .single-cpt_blog .breadcrumbs{
display: none;
}
/****************************************\
11. NAVIGATION: Child Menu for About Page
\**********************************************/
ul.child-navigation.grid-x{
  list-style: none;
  display: flex;
  flex-direction: row;
  /*justify-content: space-around;*/
  justify-content: space-evenly;
}
ul.child-navigation.grid-x li{
 display: inline-block;
background-color: #FFC72C;
padding: 6rem 3.5rem;
margin-bottom: 2rem;
  font-weight: 800;
  transition: all .8s ease;
}
@media all and (max-width: 819px){
ul.child-navigation.grid-x li{
  padding: 2rem;
  width: 100%;
  text-align: center;
}
}
ul.child-navigation.grid-x li:focus, ul.child-navigation.grid-x li:hover{
  background-color: #000;
}
ul.child-navigation.grid-x li a{
color: #000;
text-decoration: none;
}
ul.child-navigation.grid-x li a:focus, ul.child-navigation.grid-x li a:hover{
color: #fff;
}
ul.child-navigation.grid-x li a:hover:after, ul.child-navigation.grid-x li a:focus:after{
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f061";
  padding-left: 1rem;
}
@media all and (min-width: 822px){
  ul.child-navigation.grid-x li a{
      font-size: 3rem;
  }
}
@media all and (max-width: 821px){
  ul.child-navigation.grid-x li a{
      font-size: 2.4rem;
  }
}
/****************************************\
12. NAVIGATION: "Back To" Page Bar
\**********************************************/
.bar a{
text-decoration: none;
color: inherit;
}
.bar a p{
margin-bottom: 0;
}
.fa-arrow-circle-left{
padding-right: 2rem;
}
.no-bottom{
margin-bottom: 0!important;
}
/****************************************\
13. FILTERS
\**********************************************/
form.searchandfilter{
width: 100%;
}
@media all and (max-width: 1156px){
  .searchandfilter ul{
      margin-left: 0;
      margin-right: 0;
  }
}
@media all and (min-width: 1156px){
  .searchandfilter ul{
      margin-left: 2rem;
      margin-right: 2rem;
  }
}
.searchandfilter ul li{
display: inline-block;
min-width: 25%;
}
.searchandfilter label{
width: 90%;
}
.searchandfilter select{
width:100%;
background: #EAEBED;
border: 1px solid #EAEBED;
border-radius: 0.6em;
font-weight: 600;
}
@media all and (min-width: 985px){
  .searchandfilter select{
      font-size: 125%;
      padding: 0.5em;
  }
}
@media all and (max-width: 985px){
  .searchandfilter select{
      font-size: 110%;
      padding: 0.4em;
  }
}
/****************************************\
14. SEARCH & 404
\**********************************************/
/*=== Search Page Entry Header ===*/
.search-title{
margin: 0 2rem;
}
.search-title p{
display: inline-block;
padding-bottom: 2rem;
margin: 0;
}
/* === Search Page Body ===*/
.search-post-loop{
padding: 0 2rem;
}
.search-post-loop .cell{
padding: 0 2rem;
margin-bottom: 6rem;
}
.search-post-title p{
background-color: #231f20;
color: #fff;
padding: 0.2em;
}
.indexedsearch-markup{
background-color: #FFD800;
}
.tx-indexedsearch-description p{
font-size: 105% !important;
}
/*=== Search Toggle: Mobile ===*/
.search-form input.search-submit{
position: absolute;
}
.search-input-ico{
display: flex;
height: 100%;
width: 6rem;
}
.search-input-ico .fas{
color: #231f20;
margin: auto;
}
/*=== 404 Error Page ===*/
.error404 .error404-content{
display: flex;
flex-direction: column;
justify-content: center;
min-height: 65vh;
padding-top: 4rem;
padding-bottom: 4rem;
}
.error404-content .search-form .search-field{
border: 3px solid #000;
}
.error404-content .search-input-ico{
padding-top: 1rem;
}
/**********************************************\
15.  Forms
\***********************************************/
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea{
border-width: 0;
margin: 2rem 0;
font-family: "proxima-nova", sans-serif;
font-weight: 500;
font-size: 2rem;
padding: 1rem 1.8rem;
  border-radius: 0.2em;
}
/*=== ACF FORMS ===*/
.form-wrap{
padding: 0 10rem;
}
@media all and (max-width: 639px){
  .form-wrap{
  padding: 0;
}
}
.form-message .acf-label{
display: none;
}
.acf-fields>.acf-field{
border-top: 0 !important;
}
.acf-editor-wrap .wp-editor-container{
  border: 0 !important;
}
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select{
background-color: #EAEBED;
line-height: 1.5 !important;
border: 0;
border-radius: 1rem;
padding: 1rem 1.3rem !important;
font-family: 'proxima-nova', sans-serif;
}
ul.acf-radio-list li, ul.acf-checkbox-list li{
padding-bottom: 3rem;
}
ul.acf-radio-list li label, ul.acf-checkbox-list li label{
  font-size: 2.3rem !important;
}
/* @media all and (max-width: 1000px){
padding: 0 1rem;
} */
/* Fonts */
.acf-field .acf-label label{
font-size: 105%;
}
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select{
font-size: 1em !important;
}
/* Single Page Layout */
body.page-template-default .nf-form-wrap{
max-width: 85vw;
margin: 4rem auto;
}
/*=== Ninja Forms ===*/
.nf-form-cont{
padding: 0 2rem;
}
@media all and (max-width: 639px){
  .nf-form-cont{
  padding: 0;
  margin-top: 2rem;
}
}
.nf-form-title h3{
background-color: #fff;
color: inherit;
padding: 0;
display: block;
font-size: 3rem !important;
margin: 0 !important;
}
.nf-field-label label{
font-size: 1.8rem;
}
.nf-form-content{
padding: 0;
max-width: 100%;
}
.field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit]{
background-color: #FFC72C !important;
color: #000;
padding: 1rem 1.5rem;
font-size: 2.3rem;
text-transform: none;
font-weight: 800;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea, select.ninja-forms-field.nf-element{
background: #EAEBED;
border: 1px solid #EAEBED;
border-radius: 0.2em;
}
select.ninja-forms-field.nf-element{
padding: 1.5rem 1rem;
}
.nf-response-msg p{
font-size: 125%;
font-weight: 600;
}
/*=== Mailchimp Newsletter Sign-up Form ===*/
.newsletter-signup{
padding: 3rem 4rem;
}
.newsletter-signup a{
color: inherit;
text-decoration: none;
}
.newsletter-signup .cell:first-child{
padding-right: 4rem;
display: flex;
flex-direction: column;
height: 100%;
}
/*Button Links*/
.newsletter-signup .wp-block-button.is-style-outline a{
text-align: left;
}
/*Form*/
#mc_embed_signup form{
padding-left: 10%;
}
#mc_embed_signup input[type="submit"]{
background-color: #FFC72C;
color: #000;
padding: 1rem 1.5rem;
text-transform: none;
font-size: 120%;
font-weight: 800;
font-family: proxima-nova, sans-serif;
overflow-wrap: break-word;
}
#mc_embed_signup .clear{
text-align: right;
}
#mc_embed_signup input[type="submit"]::after{
font-family: "Font Awesome 6 Pro";
font-weight: 900;
content: "\f061";
padding-left: 1rem;
}
.mc-field-group input{
border-color: rgba(255,255,255,0);
}
/* Mobile */
@media all and (max-width: 900px){
.newsletter-signup > .grid-x > .cell{
  min-width: 100%;
  width: 100%;
}
.newsletter-signup .medium-order-1{
  order: 2;
}
.newsletter-signup .medium-order-2{
  order: 1;
}
}
@media all and (max-width: 639px){
  .newsletter-signup{
  padding: 3rem 2rem;
}
#mc_embed_signup{
  margin-bottom: 2rem;
}
}
/**********************************************\
16.  Tables
\***********************************************/
table.responsive-table{
  width: 100%;
  table-layout: fixed;
  border: 0 solid transparent;
}
thead{
border-bottom: 4px solid #231F20 !important;
}
table th,
table td{
padding: .625em;
text-align: left;
}
table th{
font-size: 1.4em;
letter-spacing: normal;
font-weight: 600;
}
table tr{
border-bottom: 2.5px solid #E5E5E5;
}
table tr:last-child{
border-bottom: 0;
}
/*Tablet and Up*/
p.job-loop-title, p.table-body{
margin-top: 1rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 1000px){
  .responsive-table-wrap{
      margin: 0;
  }
  table caption{
      font-size: 1.3em;
  }
  table{
      margin: 0;
  }
  table thead{
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
  }
  table tr{
      border-bottom: 3px solid #231F20;
      display: block;
      margin-bottom: .625em;
  }
  table td p, table th p{
      margin: 0;
  }
  table td{
      display: block;
      text-align: left;
  }
  table td::before{
      content: attr(data-label);
      float: left;
      font-weight: bold;
      padding-right: 1.5rem;
    font-size: 125%;
  }
  table td:last-child{
      border-bottom: 0;
  }
p.job-loop-title, p.table-body{
  margin-top: 0;
  margin-bottom: 0;
}
p.job-loop-title{
  background-color: #231F20;
  color: #fff;
  padding: 0.1em;
}
}
/*Resource Library Variation*/
.resource-table thead tr th:nth-child(2){
width: 30%;
}
.resource-table thead tr th:last-child{
width: 10%;
}
.resource-table a.ico-btn:hover, .resource-table a.ico-btn:focus{
color: #E77424;
}
/**********************************************\
17.  Modal
\***********************************************/
.modal-wrapper.styled .wp-post-modal, .homepage-modal-focus-background{
margin: 0;
padding: 0;
border: 0;
width: 100vw;
min-width: 100vw;
height: 100vh;
}
#modal-content iframe{
height: 100vh;
}
#modal-content iframe body.enable-search-modal #site-header.header-footer-group, #modal-content iframe #site-footer{
display: none;
}
iframe #site-header.header-footer-group{
display: none !important;
background-color: blue;
}
#modal-ready .entry-content{
min-height: 100vh !important;
}
/*=== Modal Button ===*/
.modal-wrapper.styled .wp-post-modal .close-modal{
background-color: #fff;
border-radius: 100%;
top: 0.5rem;
right: 4rem;
margin-bottom: 2rem;
padding: 0.1em 0.4em;
}
/*=== Hide Modal Content ===*/
html.loaded-in-iframe #site-header,
html.loaded-in-iframe #site-footer,
html.loaded-in-iframe #acwp-toolbar-btn.acwp-right,
html.loaded-in-iframe #modal-entry-hide{
display: none!important;
}
/*=== Homepage Modal ===*/
.homepage-zindex-absolute{
z-index: 9998;
position: fixed;
overflow-y: auto;
}
.homepage-modal-focus-background{
background-color: rgba(0, 0, 0, .5);
top: 0;
left: 0;
display: none;
}
.homepage-modal{
top: 15vh;
left: 15vw;
width: 75vw;
background-color: white;
transition: all 1s;
display: none;
padding: 2rem 0 4rem;
height: auto;
overflow-y: auto;
}
.homepage-modal-content-img > img{
object-fit:cover;
object-position: center;
display: block;
width: 100%;
max-width: 100%;
padding: 0 2rem;
}
#modal-close{
font-size: 3em;
/* width: 1em; */
color: black;
padding: .1em;
position: absolute;
right: 0;
top: 0;
appearance: none;
border: 0;
border: none;
background-color: transparent;
}
.homepage-modal-content-text{
padding: 0 2rem;
}

.homepage-modal-content-p{
margin-bottom: 0;
}
/* Small only */
@media screen and (max-width: 39.9375em), (orientation: landscape) and (max-height: 39.9375em) {
.homepage-modal-content-h2{
  margin-top: 0;
}
.homepage-modal-content{
  margin-top: 3em;
}
.homepage-modal{
  top: 10vh;
  left: 10vw;
  width: 80vw;
  height: 80vh;
}
.homepage-modal-content-h2{
  font-size: 3.5rem;
}
/* .homepage-modal-content-img > img{
  padding: 5% 0.5em;
} */
}

@media all and (min-width: 1100px){
  .homepage-modal-content-img img{
      height: 100%;
      max-height: 100%;
  }
}
@media all and (max-width: 1100px){
  .homepage-modal-content-img img{
      height: 250px;
      max-height: 250px;
  }
}


/**********************************************\
18.  Map
\**********************************************/
/*=== Leaflet Map ===*/
.leaflet-map{
filter: grayscale(1);
}
/*Make map fill column*/
.wp-block-columns.alignfull .wp-block-column:last-child .alignfull.map{
margin-top: -1.25em;
margin-right: -2.375em;
margin-bottom: -1.25em;
}
.wp-block-columns.alignfull .wp-block-column:first-child .alignfull.map{
margin-top: -1.25em;
margin-left: -2.375em;
margin-bottom: -1.25em;
}
/*=== NY Council Map==*/
iframe.ny-council-map{
width: 100%;
height: 560px !important;
}
/**********************************************\
19.  Custom Layouts & Function
\**********************************************/
/*=== Membership Organizations ===*/
.member-logos{
padding: 2rem 0;
}
.member-logos .cell{
padding: 4rem 2rem;
}
.member-logos .cell figure img{
margin: auto;
}
.member-logos .cell a{
text-decoration: none;
}
.member-logos .cell figure img{
max-height: 150px;
}
/*=== Members Individuals ===*/
.member-individuals{
  padding: 4rem 0;
}
.member-individuals .cell{
  padding: 2rem;
}
.member-individuals .cell a{
text-decoration: none;
}
.member-individuals .cell figure img{
  margin: 1rem auto;
max-height: 300px;
max-width: 300px;
width: 300px;
height: 300px;
object-fit: cover;
object-position: center;
}
.member-individuals a img:hover, .member-individuals a img:focus{
  filter: grayscale(1);
}
/*=== Resources: Important Dates ===*/
.imp-date-container{
max-height: 300px;
height: 300px;
overflow: auto;
}
@media all and (max-width: 1010px){
  .imp-date-container{
      margin-bottom: 4rem;
  }
}
@media all and (min-width: 921px){
.imp-date-container{
  margin-right: 4rem;
}
}
/*Overflow input*/
.imp-date-container::-webkit-scrollbar{
width: 20px;
background: #f2f2f2;
}
.imp-date-container::-webkit-scrollbar-track{
box-shadow: inset 0 0 2px grey;
border-radius: 0;
}
.imp-date-container::-webkit-scrollbar-thumb{
background: #B9B9BA;
border-radius: 0;
}
.imp-date-container::-webkit-scrollbar-thumb:hover,.imp-date-container::-webkit-scrollbar-thumb:focus{
background: #000;
}
/* Promo Container */
.important-date .container, .important-date .container .overlay{
max-height: 400px;
height: 100%;
}
.important-date .container .overlay{
padding: 1rem 2rem;
display: flex;
align-items: flex-end;
}
.important-date .container .overlay .promo-content a{
color: #fff;
}
/*=== Committees Accordion Grid ====*/
#committee-acf-block{
margin-top: 6rem;
}
/*==== Fullwidth Bar ===*/
.bar.alignfull{
margin-top: 4rem;
margin-bottom: 2rem;
padding: 3rem 2rem;
}
.bar-full.alignfull.has-black-background-color.has-background{
margin-top: 0;
}
.bar.alignfull.has-blue-gradient-background.grid-x{
padding: 4rem 2rem;
}
.bar.alignfull .cell{
padding: 2rem;
}
.bar-full.read-time .bar-inner{
display: flex;
justify-content: space-between;
}
@media all and (max-width: 639px){
  .bar.alignfull .cell{
      padding: 2rem 0;
  }
}
.bar.alignfull .cell.is-vertically-aligned-top p, .bar.alignfull .cell.is-vertically-aligned-bottom p{
margin: 0;
}
.cell.is-vertically-aligned-top{
align-self: flex-start;
}
.cell.is-vertically-aligned-bottom{
align-self: flex-end;
}
/*==== Fullwidth Black Bar ===*/
.bar-full{
margin-right: auto;
margin-left: auto;
max-width: 100vw;
position: relative;
width: 100%;
}
.bar-full .bar-inner{
padding: 2rem 4rem;
margin-bottom: 0;
margin-top: 0;
}
/*=== Reading Time Bar ===*/
p.tag.large{
font-size: 125%;
margin: 0;
padding: 2rem 0;
}
.fa-clock{
padding-right: 2rem;
}
/*=== Campaign Full Width Box ===*/
.campaign{
padding: 4rem;
display: flex;
flex-direction: column;
}
@media all and (max-width: 1400px){
.campaign{
  min-height: 500px;
}
}
@media all and (min-width: 1400px){
.campaign{
  min-height: 650px;
}
}
.campaign:nth-child(even) .text-box{
align-self: flex-end;
}
.campaign .text-box{
max-width: 65%;
width: 65%;
margin-top: auto;
}
.campaign .text-box p:not(p.h2), .recent-articles p:not(p.h2, p.tag){
font-size: 95%;
}
/*=== 3-wide grid with left/right borders ===*/
.recent-articles .cell{
padding: 0 4rem;
}
.recent-articles .cell:nth-child(2){
border-left: 2px solid #231F20;
border-right: 2px solid #231F20;
}
@media all and (min-width: 639px) and (max-width: 1023px){
  /*Advocacy Article Loop*/
.recent-articles .cell:nth-child(2){
  border-right: 0;
}
.recent-articles .cell:nth-child(3){
  width: 100%;
  margin-top: 3rem;
}
}
@media all and (max-width: 639px){
  .recent-articles .cell{
  border-bottom: 3px solid #231F20;
  padding: 1rem;
}
.recent-articles .cell:nth-child(2){
  border-left: 0;
  border-right: 0;
}
.recent-articles .cell:last-child{
  border-bottom: 0;
}
}
/*=== Logo Lockup ===*/
.logo-lockup .logo-inner{
justify-content: center;
align-items: center;
}
.logo-inner figure{
padding: 2rem 4rem;
}
.logo-inner figure img{
max-width: 35rem;
}
/*=== Multi-col ===*/
.multi-col{
column-count: 3;
padding-right: 1rem;
  padding-bottom: 2rem;
}
@media all and (min-width: 640px) and (max-width: 1023px){
  .multi-col{
      column-count: 2;
  }
}
@media all and (max-width: 639px){
  .multi-col{
      column-count: 1;
  }
}
/*=== Text Box ===*/
.text-box{
padding: 3rem 4rem;
}
@media all and (max-width: 1300px){
  .cpt_jobs .text-box{
      padding: 2rem;
      margin-bottom: 4rem;
  }
}
@media all and (min-width: 640px){
  .grid-x .cell:first-child .text-box{
      margin-right: 4rem;
  }
}
@media all and (max-width: 639px){
  .grid-x .cell:first-child .text-box{
   margin-right: 0;
  }
}
.grid-x .cell:nth-child(2) .text-box{
margin-left: 4rem;
}
/**************************************************\
20.  People Post Type Archive
\**************************************************/
/*==== Hover Overlay Grid: People ===*/
.grid-wrap .cell{
padding: 2rem;
position: relative;
}
.grid-wrap a.people-hide{
text-decoration: none;
}
@media all and (min-width: 850px){
.people-hide .not-hidden{
  display: block;
  width: 100%;
  height: 350px;
}
.people-overlay{
  position: absolute;
  height: 350px;
  top: 2rem;
  bottom: 4rem;
  left: 2rem;
  right: 2rem;
  padding: 2rem;
  transition: .5s ease;
  display: none;
}
.grid-wrap .cell:hover .people-overlay{
  display: flex;
  flex-direction: column;
}
.people-overlay p.h2{
  margin-top: auto;
}
.people-overlay p{
  margin-bottom: 1rem;
}
}
@media all and (max-width: 850px){
.people-hide .hidden-container .not-hidden{
  height: 250px;
  width: 100%;
}
.people-overlay{
  padding: 1rem 2rem;
}
}
/**************************************************\
21.  Contact Page
\**************************************************/
.contact-info p:not(p.h2){
font-size: 115%;
}
@media all and (min-width: 639px){
  .contact-info{
      margin-bottom: 6rem;
  }
}
@media all and (max-width: 639px){
  .contact-info{
      margin-bottom: 3rem;
  }
}
/**************************************************\
22.  Support Us Page
\**************************************************/
/*Full bar button variation*/
#post-2699 .bar-full.alignfull{
margin-bottom: 0;
background: linear-gradient(95.19deg, #0194D9 0%, #007FCB 26.04%, #006BBB 51.04%, #0C56AA 79.17%, #1D4197 98.96%);
}
/*Grid*/
.alignfull.support-grid{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.cell-pad, .support-grid .impact-statement{
padding: 1rem 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cell-pad p.has-large-font-size{
font-weight: 900;
font-size: 4rem;
}
#post-2699 .cell-pad p:not(.has-large-font-size){
font-size: 100%;
}
/**************************************************\
23.  Events
\**************************************************/
/*=== Archive ===*/
.archive-event-hero{
height: 50vh;
}
/* Hide bottom bar on past events page */
.post-6916 .bar.alignfull.has-cab-yellow-background-color{
display: none;
}
/*=== Loops including feat block ===*/
.featured-events .cell .feat-event-details, .event-loop .cell .event-deets, .upcoming-events .event-deets, .feat-events .event-deets{
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 4rem;
}
.featured-events .cell a, .event-loop .cell a, .upcoming-events a, .feat-events a{
text-decoration: none;
}
.featured-events .cell .tag, .event-loop .cell .tag, .upcoming-events .cell .tag, .feat-events .tag{
margin-bottom: 0;
}
/*=== Special Feature ===*/
.special-feature.alignfull{
margin-bottom: 0 !important;
}
@media ( max-width: 639px ){
  .special-feature .grid-x{
  padding: 2rem;
}
.special-feature .special-title p:not(strong){
  font-size: 4rem !important;
}
.special-feature .special-title p strong{
  font-size: 5.2rem;
}
.special-feature .special-title p:nth-child(2){
  padding-left: 4rem;
}
.special-feature .special-title p:nth-child(3){
  padding-left: 8rem;
}
}
/*=== Featured Events ===*/
.featured-events.alignfull{
margin-top: 0 !important;
}
.featured-events .cell, .featured-events .cell .overlay{
height: 400px;
}
/*=== Event Loop ===*/
.event-loop{
padding: 0 2rem;
}
.event-loop .cell .bg-image{
margin: 2rem;
}
@media all and (min-width: 900px){
  .event-loop .cell .bg-image{
      height: 350px;
  }
  .event-loop .cell .overlay{
      height: 350px;
  }
}
@media all and (max-width: 900px){
  .event-loop .cell .bg-image{
      height: 250px;
  }
  .event-loop .cell .overlay{
      height: 250px;
  }
}
/*=== Upcoming Events Block ===*/
.upcoming-events .grid-x{
margin-bottom: 1rem;
}
@media all and (max-width: 1350px){
.upcoming-events > .grid-x > .cell{
  min-width: 100%;
  width: 100%;
}
}
@media all and (max-width: 1152px){
.upcoming-events .grid-x.loop > .cell{
  min-width: 100%;
}
}
@media all and (min-width: 1171px){
.upcoming-events .grid-x.loop .cell:first-child{
margin-right: 1.5rem;
}
.upcoming-events .grid-x.loop .cell:last-child{
margin-left: 1.5rem;
}
}
@media all and (max-width: 1170px){
.upcoming-events .grid-x.loop .cell{
  margin: 0 0 2rem;
}
}
@media all and (min-width: 1340px){
.upcoming-events .grid-x.loop .cell:first-child{
  min-width: 60%;
}
}
/*=== Featured Event Block ===*/
.feat-events{
min-height: 350px;
height: 100%;
}
.feat-events .bg-image, .feat-events .overlay{
height: 100%;
}
/*=== Single Events ===*/
.type-events .event-intro p{
font-weight: bold;
}
.event-hero figure{
margin-left: 4rem;
}
.event-hero img{
width: 100%;
height: 450px;
object-fit: cover;
  object-position: center;
}
.event-hero .cell:nth-child(2){
display: flex;
flex-direction: column;
justify-content: flex-end;
}
@media all and (min-width: 900px){
  .event-hero .cell:nth-child(2){
      padding: 0 4rem;
  }
}
@media all and (max-width: 900px){
  .event-hero .cell{
      padding: 0 2rem;
      min-width: 100%;
      width: 100%;
  }
  .event-hero .cell:nth-child(2){
      padding-top: 2rem;
  }
  .event-intro{
      min-width: 80%;
      max-width: 80%;
  }
}
@media all and (max-width: 639px){
  .event-intro{
      min-width: 100%;
      max-width: 80%;
  }
}
.event-details .fa-dollar-sign{
padding-right: 3rem;
}
.event-details .fa-map-marker-alt{
padding-right: 2.5rem;
}
/**************************************************\
24.  Blog Posts (see Entry Headers for Blog heroes)
\*************************************************/
.blog-post-loop, .blog-post-loop.grid-x{
padding: 0 2rem;
}
@media all and (max-width: 1300px){
.entry-content h1.small-h1{
  margin: 2rem 0;
}
}
/*=== Blog Archive Page ===*/
.news-archive .blog-loop figure img{
object-position: center;
}
@media all and (max-width: 639px){
.blog-loop.grid-x > .cell.medium-6, .recent-posts-container .blog-post-loop.grid > .cell.medium-4{
  min-width: 100%;
  width: 100%;
}
.news-archive .blog-loop .cell.medium-6:nth-child(odd){
  padding-right: 0;
}
.news-archive .blog-loop .cell.medium-6:nth-child(even){
  padding-left: 0;
  border-left: none;
}
.news-archive .blog-loop .cell:not(:first-child){
  border-top: 2px #231F20 solid;
  padding-top: 2rem;
}
.news-archive .blog-loop figure img{
  max-height: 250px;
}
}
/*=== Taxonomy Archives ===*/
.tax-blog_category .entry-content> .news-archive{
max-width: 100vw !important;
width: 100%;
}
.tax-blog_category .news-archive h1.small-h1{
padding: 0 2rem;
}
.tax-blog_category .news-archive .breaking-news .cell{
padding: 2rem 3rem 2rem 2rem;
}
.tax-blog_category .news-archive .breaking-news p:not(p.tag, p.h2){
font-size: 95%;
}
.blog_category-blog .blog-loop{
  padding: 0 2rem;
}
/*=== Single Posts ===*/
header.author-header h1.small-h1{
text-align: center;
}
@media all and (min-width: 1300px){
body.single-cpt_blog .entry-content p:not(.h2, .has-larger-font-size){
  font-size: 115%;
}
body.single-cpt_blog .entry-content p:not(.alignwide, .alignfull, .bar p), body.single-cpt_blog .entry-content ol, body.single-cpt_blog .entry-content h2, body.single-cpt_blog .entry-content h3{
  max-width: 75% !important;
}
}
@media all and (max-width: 1300px){
body.single-cpt_blog .entry-content p:not(.h2, .has-larger-font-size){
  font-size: 105%;
}
  body.single-cpt_blog .entry-content p:not(.alignwide, .alignfull, .bar p), body.single-cpt_blog .entry-content ol, body.single-cpt_blog .entry-content h2, body.single-cpt_blog .entry-content h3{
  max-width: 90% !important;
}
}
@media all and (max-width: 900px){
.blog-loop p.has-font-size-large strong{
  font-size: 145%;
}
}
/* Author Section */
@media all and (max-width: 900px){
.bar.alignfull.has-background.grid-x > .medium-5, .bar.alignfull.has-background.grid-x > .medium-7{
  min-width: 100% !important;
  width: 100% !important;
}
.bar.alignfull .cell{
  width: 100% !important;
}
}
/*=== Community Stories ===*/
/* Hover */
.community-news .cell .overlay.has-smoke-gradient-background:hover, .community-news .cell .overlay.has-smoke-gradient-background:focus{
background: linear-gradient(95.19deg, #0194D9 0%, #007FCB 26.04%, #006BBB 51.04%, #0C56AA 79.17%, #1D4197 98.96%) !important;
}
/* Archive */
.post-type-archive-cpt_blog .news-archive .breaking-news{
padding-left: 3rem;
}
/*Stories Archive Loop*/
.tax-blog_category .stories-loop{
margin-bottom: 4rem;
}
.tax-blog_category .stories-loop .cell{
padding: 2rem;
height: 275px;
}
.tax-blog_category .stories-loop .cell .bg-img{
height: 100%;
}
.tax-blog_category .stories-loop .cell .overlay{
height: 100%;
}
/*Featured Post*/
.news-archive .community-news .featured-community .story-loop{
padding-right: 2rem;
}
.news-archive .community-news .featured-community .story-loop, .news-archive .community-news .featured-community .story-loop .bg-img, .news-archive .community-news .featured-community .story-loop .overlay{
height: 416px;
}
/*Recent Community News*/
.news-archive .community-loop .story-loop, .news-archive .community-loop .story-loop .bg-img, .news-archive .community-loop .story-loop .overlay{
height: 198px;
}
/*Text for Community News*/
.community-news .cell .overlay{
display: flex;
flex-direction: column;
align-items: baseline;
padding: 2rem;
}
.community-news .overlay p.alignfull:first-child{
margin-top: auto;
}
.community-news .overlay p.alignfull:last-child{
margin-top: 0;
}
.community-news .overlay p.alignfull{
margin-bottom: 0;
padding: 0;
}
/*padding for Community News*/
.community-loop .cell:first-child{
padding-bottom: 2rem;
}
.community-loop .cell:last-child{
padding-top: 2rem;
}
.community-news .community-loop{
padding-right: 4rem;
}
.community-news .wp-block-buttons.is-content-justification-right{
padding-right: 4rem;
}
/*=== Breaking News ===*/
.breaking-news-roll{
  padding-bottom: 2rem;
}
/* Hover */
a.breaking-news-list:hover p.has-large-font-size, a.breaking-news-list:focus p.has-large-font-size{
color: #E77424;
}
/*Archive*/
@media all and (max-width: 1300px){
  .news-archive .breaking news{
      padding-left: 0 !important;
      margin-bottom: 2rem;
  }
}
@media all and (max-width: 639px){
  .tax-blog_category .news-archive .breaking-news .cell{
  padding: 2rem 0;
  border-bottom: 3px solid #231F20;
}
.tax-blog_category .news-archive .breaking-news .cell:last-child{
  border-bottom: 0;
}
.tax-blog_category .news-archive h1.small-h1{
  padding: 0;
}
}
.news-archive h1{
margin: 2rem 0 4rem 0;
}
.news-archive .cell a{
text-decoration: none;
color: inherit;
}
.news-archive p.tag{
margin-bottom: 0;
}
/*==== Blog ====*/
/* Hover */
.blog-loop a:hover p.has-font-size-large, .blog-loop a:focus p.has-font-size-large{
color: #E77424;
}
/*Archive Loop*/
.news-archive .blog-loop .cell{
margin: 0 0 4rem 0;
}
.news-archive .blog-loop p:not(p.tag, p.has-font-size-large, p.has-font-size-larger){
font-size: 95%;
}
.news-archive .blog-loop .cell.medium-6:nth-child(even){
padding-left: 8rem;
border-left: 2px #231F20 solid;
}
.news-archive .blog-loop .cell.medium-6:nth-child(odd){
padding-right: 8rem;
}
.news-archive .blog-loop figure img{
max-height: 350px;
object-fit: cover;
width: 100%;
}
@media all and (max-width: 639px){
.news-archive h1{
  padding-top: 2rem;
}
.news-archive .community-news .featured-community .story-loop, .community-news .community-loop, .community-news .wp-block-buttons.is-content-justification-right, .news-archive .blog-loop .cell.medium-6:nth-child(odd){
  padding-right: 0;
}
.community-news .community-loop{
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.news-archive .community-news .featured-community .story-loop, .news-archive .community-news .featured-community .story-loop .bg-img, .news-archive .community-news .featured-community .story-loop .overlay{
  height: 198px
}
.post-type-archive-cpt_blog .news-archive .breaking-news, .news-archive .blog-loop .cell.medium-6:nth-child(even){
  padding-left: 0;
}
news-archive .blog-loop .cell.medium-6:nth-child(odd), .news-archive .blog-loop .cell.medium-6:nth-child(even) {
  border-top: 2px solid #231f20;
}
.news-archive .blog-loop .cell.medium-6:nth-child(even){
  border-left: none;
}
}
/*=== Recent Posts Block ===*/
.recent-posts-grid>.grid-x{
margin: 2rem 0 4rem 0;
}
.recent-posts-grid>.grid-x>.cell:first-child{
padding-right: 2rem;
}
.recent-posts-grid>.grid-x>.cell:last-child{
padding-left: 2rem;
}
.recent-posts-grid a{
text-decoration: none;
color: inherit;
}
@media all and (max-width: 639px){
  .recent-posts-grid>.grid-x>.cell:first-child, .recent-news .columns:first-child{
  padding-right: 0;
  padding-bottom: 2rem;
}
.recent-posts-grid>.grid-x>.cell:last-child, .recent-news .columns:last-child{
  padding-left: 0;
}
.recent-news .columns:last-child{
  padding-top: 2rem;
  border-top: 2px solid #231f20;
  border-left: 0;
}
.recent-story .bg-img{
  height: 300px;
}
.recent-blog figure img{
  height: 200px;
}
}
/*Recent Blog Post*/
.recent-blog figure img{
height: 250px;
width: 100%;
object-fit: cover;
}
.recent-blog .columns:last-child{
padding: 2rem;
}
.recent-blog .columns:last-child a{
display: flex;
flex-direction: column;
align-items: baseline;
height: 100%;
}
.recent-blog .columns:last-child a p.tag{
margin-top: auto;
margin-bottom: 0;
}
/*Recent News*/
.recent-news{
margin-top: 3rem;
}
.recent-news p.tag, .recent-news p{
margin-bottom: 0;
}
.recent-news .columns:first-child{
padding-right: 2rem;
}
.recent-news .columns:last-child{
padding-left: 2rem;
border-left: 2px solid #231F20;
}
/*Recent Story*/
.recent-story .bg-img{
height: 380px;
}
.recent-story .overlay{
height: 100%;
display: flex;
flex-direction: column;
align-items: baseline;
padding: 2rem;
}
.recent-story .overlay p.tag{
margin-top: auto;
margin-bottom: 0;
}
/* Recent Posts Hover */
a.breaking-news-list:hover p:not(.tag.small), a.breaking-news-list:focus p:not(.tag.small){
color: #E77424;
}
.recent-story .overlay:hover, .recent-story .overlay:focus{
background: linear-gradient(95.19deg, #0194D9 0%, #007FCB 26.04%, #006BBB 51.04%, #0C56AA 79.17%, #1D4197 98.96%) !important;
}
.recent-blog:hover p.has-font-size-large:after, .recent-blog:focus p.has-font-size-large:after{
font-family: "Font Awesome 6 Pro";
font-weight: 900;
content: "\f0a9";
padding-left: 2rem;
}
/*=== Related Posts ===*/
.blog-post-loop .cell{
padding: 0.8em;
height: 250px;
}
.blog-post-loop .bg-img{
height: 250px;
}
.blog-post-loop a{
text-decoration: none;
}
.blog-post-loop .overlay{
height: 250px;
display: flex;
flex-direction: column;
align-items: baseline;
padding: 2rem;
}
.blog-post-loop .overlay p.alignfull{
margin-top: 0;
margin-bottom: 0;
}
.blog-post-loop .overlay p.alignfull:first-child{
margin-top: auto;
}
@media all and (max-width: 900px){
.recent-posts-container .blog-post-loop > .story-loop:not(:last-child){
  min-width: 50%;
  width: 50%;
}
.recent-posts-container .grid-x > .cell.medium-4:last-child{
  min-width: 100%;
  width: 100%;
}
.recent-posts-container .blog-post-loop > .story-loop{
  margin-bottom: 4rem;
}
}
@media all and (max-width: 650px){
.recent-posts-container .blog-post-loop > .story-loop:not(:last-child), .recent-posts-container .grid-x > .cell.medium-4:last-child{
  min-width: 100%;
  width: 100%;
}
}
/*=== Pagination ===*/
.nav-links .page-numbers:hover, .nav-links .page-numbers:focus, .page-numbers.current{
color: #E77424;
}
/**********************************************\
25.  Native Gutenberg WP Blocks
\**********************************************/
/*=== Separator ===*/
hr.wp-block-separator:before, hr.wp-block-separator:after{
display: none;
}
.entry-content hr{
background-color: currentColor !important;
height: 3px;
}
/*=== Pull Quote Block ===*/
.wp-block-pullquote:before{
color: #fff;
}
/*=== Text/Media Block ===*/
.wp-block-media-text__media img{
max-height: 400px;
object-fit: cover;
}
.wp-block-media-text .wp-block-media-text__content{
padding: 4rem 4rem 0 4rem;
}
@media ( max-width: 639px ){
  .wp-block-media-text.alignwide figure{
  padding: 0 2rem;
}
.wp-block-media-text .wp-block-media-text__content{
  padding: 2rem 2rem 0 2rem;
}
}
/*=== Quotes ===*/
blockquote{
border-width: 0;
}
blockquote p{
font-size: 1.4em !important;
font-weight: 700;
}
blockquote cite{
color: inherit;
font-weight:400;
font-size: 100%;
line-height: 1.5;
}
.wp-block-quote cite{
text-align: right;
}
/**********************************************\
26.  Custom ACF Blocks
\**********************************************/
/*=== BLOCK: Call to Action Grid ===*/
.cta-grid .cta-title{
padding: 2rem 4rem;
margin-top: 0;
margin-bottom: 0;
}
.cta-grid .cta-title p.has-large-font-size{
margin-bottom: 0;
}
.cta-grid .grid-x.cta-grid{
margin-top: 0;
}
.cta-grid .cell:nth-child(even){
background-color: #0194D9;
}
.cta-grid .cell:nth-child(odd){
background-color: #1D4197;
}
@media all and (min-width: 900px){
.cta-grid .cell{
  min-width: 33.33%
}
}
@media all and (max-width: 900px){
.cta-grid .cell{
  min-width: 100%
}
}
.cta-grid .cell .inner-wrap{
position: relative;
display: flex;
flex-direction: column;
padding: 2rem;
height: 100%;
}
.cta-grid i{
font-size: 2.6em;
padding-bottom: 2rem;
}
.cta-grid .wp-block-buttons.is-content-justification-center{
margin-top: auto;
}
/*=== Popup Grid ===*/
.popup-grid{
padding: 0 3rem;
}
.popup-grid .cell.popup-block{

}
.popup-grid .cell.popup-block .alignfull{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.popup-grid .cell.intro, .popup-grid .cell.popup-half, .popup-grid .cell.popup-full{
padding: 1rem;
}
.popup-grid .inner-wrap{
padding: 3rem;
}
.cell.popup-block > .grid-x{
height: 100%;
}
.popup-grid .cell.popup-half .inner-wrap, .popup-grid .cell.popup-full .inner-wrap, .popup-grid .cell.intro .inner-wrap{
height: 100%;
}
.popup-grid .cell.popup-half .inner-wrap, .popup-grid .cell.popup-full .inner-wrap{
display: flex;
flex-direction: column;
}
@media all and (min-width: 1200px){
.popup-grid .cell.popup-half{
  min-width: 50%;
  width: 50%;
}
.popup-grid .cell.popup-full{
  min-width: 33.33%;
  width: 33.33%;
}
}
@media all and (max-width: 1200px){
.popup-grid .cell.popup-half{
  min-width: 100%;
  width: 100%;
}
.popup-grid .cell.popup-full{
  min-width: 50%;
  width: 50%;
}
}
@media all and (max-width: 850px){
/*.popup-grid .cell.popup-half{
  min-width: 100%;
}*/
.popup-grid .cell.popup-full{
  min-width: 100%;
  width: 100%;
}
}
/* Button */
.popup-grid button{
margin-top: auto;
display: flex;
flex-direction: row;
justify-content: end;
color: #FFC72C;
font-size: 2em;
padding: 2rem 0;
}
/*Popup */
.popup.fancybox-content .cell:first-child{
padding-right: 2rem;
}
button.fancybox-button.fancybox-close-small{
background-color: #fff;
border-radius: 100%;
color: #1D4197;
right: 2rem;
top: 2rem;
}
.fancybox-close-small{
background: #fff;
opacity: 1;
}
button.fancybox-button.fancybox-close-small:hover, button.fancybox-button.fancybox-close-small:focus{
background-color: #FFC72C;
}
/*=== Special Feature Block ===*/
.special-feature .grid-x{
padding: 6rem 4rem 4rem 4rem;
}
.special-feature.alignfull{
background-image: url("/wp-content/uploads/2021/08/nyc-bg.jpg") !important;
background-position: center right;
background-size: cover;
background-repeat: no-repeat;
}
.special-feature .special-title p{
font-family: neue-haas-grotesk-display, sans-serif;
letter-spacing: 0.03em;
margin-bottom: 0;
line-height: 1.2;
}
.special-feature .special-title p:not(strong){
font-weight: 300;
}
.special-feature .special-title p strong{
font-weight: 900;
}
@media all and (min-width: 1171px){
.special-feature .special-title p:not(strong){
  font-size: 6.2rem !important;
}
.special-feature .special-title p strong{
  font-size: 9rem !important;
}
}
@media all and (max-width: 1171px){
.special-feature .special-title p:not(strong){
  font-size: 4rem !important;
}
.special-feature .special-title p strong{
  font-size: 5.2rem !important;
}
}
@media all and (min-width: 640px){
  .special-feature .special-title p:nth-child(2){
      padding-left: 10rem;
  }
  .special-feature .special-title p:nth-child(3){
      padding-left: 20rem;
  }
}
@media all and (max-width: 639px){
.special-feature .special-title p:nth-child(2){
  padding-left: 3rem;
}
.special-feature .special-title p:nth-child(3){
  padding-left:  6rem;
}
}
/* === Accordion ===*/
.accordion{
cursor: pointer;
outline: none;
transition: 0.4s;
width: 100%;
padding: 0 0 2rem 0;
margin-bottom: 2rem;
} 
.accordion span{
text-decoration: none;
}
.accordion-content span{ 
font-weight: 600;
color: #006BBB;
text-decoration: underline;
}
.accordion-panel{
display: none;
overflow: hidden;
padding-bottom: 2rem;
}
.accordion .accordion-item{
  margin: 1rem 0;
}
#accordion-acf-block button.accordion-btn{
  width: 100%;
  text-align: left;
}
button.accordion-btn span.accordion-header::after{
font-family: "Font Awesome 6 Pro";
font-weight: 900;
content: "\f055";
float: right;
color: #000;
font-size: 1.2em;
}
button.accordion-btn.active>span.accordion-header::after{
font-family: "Font Awesome 6 Pro";
font-weight: 900;
content: "\f057";
float: right;
color: #222;
font-size: 1.2em;
}
/* Variation: Accordion Block */
#accordion-acf-block button.accordion-btn{
padding: 1.5rem 2rem;
}
#accordion-acf-block button.accordion-btn{
background-color: #FFC72C;
text-transform: none;
}
#accordion-acf-block button.accordion-btn span{
color: #000;
}
#accordion-acf-block .accordion-content{
padding: 2rem 0.2em;
}
#accordion-acf-block .accordion-content p{
font-size: 110%;
}
/*Variation: Committee Accordion */
.accordion-header.committee-header{
background-color: #231F20;
color: #fff;
padding: 0.1em;
display: inline;
}
.committee-item{
border-bottom: 2px solid rgba(35, 31, 32, 0.5);
margin-bottom: 3rem;
}
.committee-item:last-child{
border-bottom: none;
}
.committee-item button:not(.toggle){
text-transform: none;
}
.committee-item .accordion-panel .cell:first-child{
padding-right: 5rem;
}
@media all and (max-width: 1023px){
  .committee-item .accordion-panel .cell{
  margin-bottom: 2rem;
}
.committee-item .accordion-panel .cell:nth-child(2){
  padding: 0;
}
}
@media all and (max-width: 800px){
.committee-item .accordion-panel .grid-x > .medium-10{
  min-width: 100%;
  width: 100%;
}
}
.committee-item .accordion-panel .cell:nth-child(2){
padding: 0 0.5em;
}
.committee-item .accordion-panel .cell:nth-child(3){
padding-right: 3rem;
}
.entry-content h5{
margin: 0 0 1rem 0;
}
.committee-item .accordion-panel .cell:nth-child(2) p{
margin-bottom: 0.5em;
}
/*==== Visual Grid Block ===*/
.visual-text-grid{
padding: 0 2rem;
}
.visual-text-grid .cell{
padding: 2rem;
}
.visual-text-grid .bg-img{
height: 250px;
}
.visual-text-grid .overlay{
height: 100%;
padding: 2rem;
display: flex;
flex-direction: column;
}
.visual-text-grid .overlay a{
text-decoration: none;
margin-top: auto;
}
.visual-text-grid .bg-img .overlay p.has-large-font-size{
margin-top: auto;
margin-bottom: 0;
}
.visual-text-grid .overlay p.tag{
margin-top: auto;
}
.visual-text-grid .overlay p.h2{
text-align: center;
margin: auto;
}
@media all and (min-width: 639px) and (max-width: 1023px){
  .visual-text-grid .cell:last-child{
  width: 100%;
}
}
/*==== Featured Post Block ===*/
.feat-post-loop .wp-block-media-text{
background-color: rgba(231,116,36,0.7);
}
.feat-post-loop .wp-block-media-text:nth-child(odd){
grid-template-columns: 1fr 50%;
}
.feat-post-loop .wp-block-media-text:nth-child(odd) .wp-block-media-text__media{
grid-column: 2;
}
.feat-post-loop .wp-block-media-text:nth-child(odd) .wp-block-media-text__content{
grid-column: 1;
}
/***************************************
****************************************\
27.  Face 2 Face Microsite (Conference)
\**************************************
***************************************/
/*=== Structure ===*/
@media (min-width: 700px){
body:not(.singular) main.ff > article:first-of-type{
  padding: 6rem 0 0;
}
}
/*=== F2F Page Template ====*/
.page-template-f2f .entry-header .entry-title, main.ff .entry-header .entry-title{
width: 100%;
}
.page-template-f2f .entry-header h1, main.ff .entry-header.has-white-background-color h1{
color: #000;
}
.page-template-f2f .entry-content{
padding-bottom: 4rem;
}
/*=== F2F Home Page Header ===*/
main.ff header.entry-header.full-height{
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
main.ff header.entry-header.full-height .overlay{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.526042) 55.73%, #231F20 100%);
}
body.home .entry-header p.thin{
padding: 0 0 2rem 8rem;
}
main.ff header.entry-header.full-height .ff-date{
padding: 0 4rem;
}
main.ff header.entry-header.full-height .ff-date p{
margin-bottom: 0;
}
.page-template-f2f .entry-header.full-height h1,.page-template-f2f .entry-header.full-height p{
color: #fff;
}
.page-template-f2f .entry-header.full-height .bar-full.alignfull{
margin-bottom: 0;
}
@media all and (max-width: 1284px){
main.ff header.entry-header.full-height{
  min-height: 75vh;
}
}
@media all and (max-width: 1154px){
.page-template-f2f .entry-header.full-height p.thin{
  font-size: 5rem;
}
.page-template-f2f .entry-header.full-height h1{
  padding-left: 2rem;
}
}
@media all and (max-width: 982px){
.page-template-f2f .entry-header.full-height p.thin{
  font-size: 3rem;
  padding: 0 0 0 7rem;
}
}
/*=== Entry Header ===*/
.post-type-archive-schedule .entry-header .entry-header-inner, .tax-speakers:not(.term-8) .entry-header .entry-header-inner{
padding: 2rem 5rem;
}
main.ff .entry-header p.thin, main.ff .entry-header h1, header.ff h1, body .schedule-event p.thin{
  line-height: 1.2;
}
body .entry-content .schedule-event h1{
  line-height: 1.1;
}
main.ff .entry-header p.thin, main.ff .entry-header h1, header.ff h1, body .schedule-event p.thin, body .schedule-event h1{
font-family: neue-haas-grotesk-display, sans-serif;
letter-spacing: 0.03em;
margin-bottom: 0;
}
/* header.ff h1{
margin: 0 2rem;
} */
body .entry-content .schedule-event p.thin:not(.has-small-font-size){
  /*font-size: clamp(2.3rem, 2.1158rem + 0.5895vw, 3rem);*/
  font-size: clamp(2.1rem, 1.9421rem + 0.5053vw, 2.7rem);
}
body .schedule-archive-loop .schedule-event h1{
  font-size: clamp(2.4rem, 2.1895rem + 0.6737vw, 3.2rem);
} 
@media all and (min-width: 1284px){
  body .schedule-event p.thin, body .schedule-event h1, .schedule-event header.ff h1{
      margin: 0 4rem 2rem;
  }
}
main.ff .entry-header p.thin, body .schedule-event p.thin{
font-weight: 300;
}
main.ff .entry-header h1, body .schedule-event h1{
font-weight: 900;
}
header.ff h1, body .schedule-event h1.small{
color: #000;
}
.single-schedule header.ff h1, body .schedule-event h1{
font-weight: 600;
/*font-size: 2.3rem;*/
/*font-size: clamp(2.6rem, 2.3632rem + 0.7579vw, 3.5rem); */
font-size: clamp(2.3rem, 1.9842rem + 1.0105vw, 3.5rem);
}
main.ff h1:not(h1.simple-title,h1.small-h1), header.ff h1, body .schedule-event h1{
background-color: transparent;
display: block;
padding: 0;
}
@media (min-width: 1171px){
main.ff .entry-header p.thin{
  font-size: 6.2rem;
}
main.ff .entry-header h1{
  font-size: 9rem;
}
}
@media (min-width: 640px){
main.ff .entry-header.archive-entry-header h1{
  padding-left: 10rem;
}
}
.singular .entry-header.has-white-background{
background-color: #fff;
}
.entry-header.has-white-background h1{
color: #000;
}
.cpt_people .simple-header{
padding: 4rem 0 0 2rem;
}
@media all and (max-width: 1284px) and (min-width: 700px){
body:not(.singular) main.ff > article:first-of-type{
  padding: 0;
}
}
/* Entry Header - Blue BG */
.page-template-f2f .entry-header.archive-entry-header .entry-header-inner{
padding: 2rem 5rem;
}
.page-template-f2f main.ff .entry-header.archive-entry-header .entry-header-inner h1{
color: #fff;
}
/*=== Footer ===*/
#site-footer ul.ff-footer a:hover, ul.ff-footer a:focus{
text-decoration: none;
color: #FFD800;
}
/*=== Full Bar Tweak for F2F ===*/
.page-template-f2f .bar-full.alignfull{
margin-bottom: 0 !important;
}
/*=== Partners: Archive ====*/
@media all and (max-width: 1400px){
.partner-full-loop .content-grid .cell:first-child img{
  padding-right: 2rem;
}
}
@media all and (max-width: 900px){
.partner-full-loop .content-grid .cell:first-child img{
  margin-bottom: 2rem;
}
.partner-full-loop .content-grid .medium-4, .partner-full-loop .content-grid .medium-8{
  width: 100%;
}
}
/*=== Partners: Single ===*/
ul.partner-social{
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0;
justify-content: flex-start;
}
ul.partner-social li{
margin: 0 0 4rem;
padding-right: 2rem;
}
ul.partner-social li a{
color: #000;
}
ul.partner-social li a:hover, ul.partner-social li a:focus{
color: #FFD800;
}
/*=== Conference Partner Block ===*/
.partner-loop .grid-x{
margin-bottom: 4rem;
}
.partner-loop .grid-x .cell{
padding: 2rem;
}
@media all and (min-width: 1050px){
.partner-loop .cell{
  width: 25%;
}
}
@media all and (max-width: 1050px){
.partner-loop .cell{
  width: 50%;
}
}
@media all and (max-width: 500px){
.partner-loop .cell{
  width: 100%;
}
}
/*=== Media / Text Block Template ===*/
.entry-content .wp-block-media-text.f2f-offset{
margin-top: 4rem !important;
}
/*@media all and (min-width: 1220px){
  .entry-content .wp-block-media-text.f2f-offset{
      margin-bottom: 5em !important;
  }
}*/
.wp-block-media-text.f2f-offset .wp-block-media-text__content{
background-color: rgba(29, 65, 151, 0.88);
color: #fff;
padding: 4rem;
margin-left: -5em;
margin-bottom: -10em;
}
.entry-content .wp-block-media-text.f2f-offset .wp-block-media-text__content p{
font-size: 110%;
}
.wp-block-media-text.f2f-offset .wp-block-media-text__media img{
max-height: 500px;
object-position: center;
width: 100%;
}
@media all and (max-width: 1435px){
.entry-content .wp-block-media-text.f2f-offset{
  margin-bottom: 13rem !important;
}
}
@media all and (min-width: 1380px){
.entry-content .wp-block-media-text.f2f-offset{
  margin-bottom: 6rem !important;
}
}
@media all and (max-width: 1360px){
.entry-content .wp-block-media-text.f2f-offset{
  margin-bottom: 21rem !important;
}
}
@media all and (max-width: 1100px){
.entry-content .wp-block-media-text.f2f-offset{
  margin-bottom: 2rem !important;
}
.wp-block-media-text.is-stacked-on-mobile.f2f-offset{
  grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile.f2f-offset .wp-block-media-text__media{
  grid-column: 1;
  grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile.f2f-offset .wp-block-media-text__media img{
  max-height: 350px;
}
.wp-block-media-text.is-stacked-on-mobile.f2f-offset .wp-block-media-text__content{
  grid-column: 1;
  grid-row: 2;
  margin-left: 0;
  margin-bottom: 2rem;
}
}
/*=== Video Playlist Block ===*/
.video-playlist .grid-x .cell:first-child{

}
@media all and (min-width: 1100px){
.video-playlist{
  padding: 0 4rem 6rem 0;
}
.video-playlist .grid-x .cell:first-child{
  position: relative;
  width: 15%;
  border-right: 4px solid #000;
}
.video-playlist .grid-x .cell:last-child{
  width: 85%;
  padding-left: 4rem;
}
.video-playlist .vertical-title{
  position: absolute;
  transform-origin: bottom left;
  left: 0;
  transform: rotate(-90deg) translateY(100%);
  top: 0;
  margin-left: -2rem;
}
}
@media all and (max-width: 1100px){
.video-playlist{
  padding: 0 2rem;
}
.video-playlist .grid-x .cell:first-child{
  border-bottom: 4px solid #000;
}
.video-playlist .grid-x .cell:last-child{
  padding-top: 2rem;
}
.video-playlist h2.simple{
  margin-top: 0;
  margin-bottom: 0;
}
.video-playlist .sby_items_wrap .sby_item:nth-child(odd) .sby_inner_item{
  margin-left: 0;
}
.video-playlist .sby_items_wrap .sby_item:nth-child(even) .sby_inner_item{
  margin-right: 0;
}
}
/*=== Schedule Loop ===*/
.schedule-archive-loop a{
text-decoration: none;
color: inherit;
}
.schedule-archive-loop a:hover .schedule-arrow i, .schedule-archive-loop a:focus .schedule-arrow i{
color: #FFD800;
}
.grid-x.schedule-event{
margin: 4rem 0 0;
}
[data-day="Monday"] + [data-day="Monday"] .grid-x.schedule-event, [data-day="Tuesday"] + [data-day="Tuesday"] .grid-x.schedule-event, [data-day="Wednesday"] + [data-day="Wednesday"] .grid-x.schedule-event, [data-day="Thursday"] + [data-day="Thursday"] .grid-x.schedule-event, [data-day="Friday"] + [data-day="Friday"] .grid-x.schedule-event, [data-day="Saturday"] + [data-day="Saturday"] .grid-x.schedule-event, [data-day="Sunday"] + [data-day="Sunday"] .grid-x.schedule-event{
margin: 0;
}
[data-day="Monday"] + [data-day="Monday"] .ff-date,
[data-day="Tuesday"] + [data-day="Tuesday"] .ff-date,
[data-day="Wednesday"] + [data-day="Wednesday"] .ff-date,
[data-day="Thursday"] + [data-day="Thursday"] .ff-date,
[data-day="Friday"] + [data-day="Friday"] .ff-date,
[data-day="Saturday"] + [data-day="Saturday"] .ff-date,
[data-day="Sunday"] + [data-day="Sunday"] .ff-date{
visibility: hidden;
display: none;
}
@media all and (max-width: 1284px){
body .schedule-event p.thin{
  margin: 0 2rem 2rem;
}
}
@media all and (max-width: 1050px){
.grid-x.schedule-event > .cell:last-child{
  padding-top: 2rem;
  margin-top: 2rem;
}
body .schedule-event p.thin{
  margin: 0 0 2rem;
}
body .schedule-event h1{
  margin: 0;
}
.schedule-event .speakers-list{
  margin: 2rem 0;
}
.schedule-event p.date{
  margin-bottom: 0;
}
}
/*=== Single Schedule ===*/
@media all and (max-width: 1033px){
.simple-header.ff .grid-x.schedule-event{
  padding: 0 2rem;
}
.simple-header.ff .grid-x.schedule-event .ff-date p{
  margin: 0;
}
}
@media (min-width: 700px){
.single-schedule .post-inner{
  padding-top: 2rem;
}
}
.single-schedule .entry-content > .grid-x.content-grid{
align-items: end;
}
.single-schedule .entry-content > .grid-x.content-grid > .cell > .grid-x{
align-items: end;
}
@media all and (min-width: 1400px){
.single-schedule .entry-content > .grid-x.content-grid > .cell{
  width: 50%;
}
.single-schedule .entry-content > .grid-x.content-grid > .cell > .grid-x > .cell{
  width: 50%;
  padding-left: 6rem;
}
}
@media all and (max-width: 1400px) and (min-width: 900px){
.single-schedule .entry-content > .grid-x.content-grid > .cell:first-child{
  width: 70%;
}
.single-schedule .entry-content > .grid-x.content-grid > .cell:last-child{
  width: 30%;
}
.single-schedule .entry-content > .grid-x.content-grid > .cell > .grid-x > .cell{
  padding-left: 3rem;
}
}
@media all and (min-width: 1050px){
body:not(.single-schedule) .grid-x.schedule-event > .cell:first-child{
  width: 23%;
}
body.single-schedule .grid-x.schedule-event > .cell:first-child{
  width: 30%;
}
.schedule-archive-loop .grid-x.schedule-event > .cell:last-child{
  padding-top: 3rem;
  width: 77%;
  border-left: 4px solid #000;
}
.grid-x.schedule-event > .cell:last-child{
  padding-top: 6em;
  width: 70%;
  border-left: 4px solid #000;
}
}
@media all and (max-width: 1050px){
.grid-x.schedule-event > .cell:last-child{
  border-top: 4px solid #000;
}
}
.grid-x.schedule-event > .cell:last-child{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
body .entry-content .ff-date p.day,
body .simple-header .ff-date p.day{
font-weight: 900;
font-size: clamp(3.5rem, 3.3684rem + 0.4211vw, 4rem);
margin-bottom: 0;
}
body .entry-content .ff-date p.date,
body .simple-header .ff-date p.date{
font-weight: 300;
font-size: clamp(3.5rem, 3.3684rem + 0.4211vw, 4rem);
line-height: 1;
}
body .entry-content .ff-date p.date strong,
body .simple-header .ff-date p.date strong{
font-weight: 900;
font-size: clamp(7rem, 6.7368rem + 0.8421vw, 8rem);
}
body .schedule-event p.thin{
font-weight: 300;
}
.schedule-event .speakers-list{
display: flex;
flex-flow: wrap;
}
.schedule-event .speakers-list p{
margin: 0;
padding-right: 1rem;
}
.schedule-event .speakers-list p:not(:last-child):after{
content: "|";
padding-left: 1rem;
}
@media all and (min-width: 1300px){
.schedule-event .speakers-list{
  margin: 2rem 4rem;
}
}
@media all and (max-width: 1300px) and (min-width: 1033px){
.schedule-event .speakers-list{
  margin: 2rem 2rem;
}
}
@media all and (max-width: 1033px){
.schedule-event .speakers-list{
  margin: 2rem 0;
}
}
/*=== Schedule Feature Block ===*/
@media all and (min-width: 1250px){
.f2f-schedule-feat .grid-x.alignfull > .cell{
  width: 33.33%;
}
}
@media all and (max-width: 1250px){
.f2f-schedule-feat .grid-x.alignfull > .cell{
  width: 50%;
}
.f2f-schedule-feat .grid-x.alignfull > .cell:last-child{
  width: 100%;
}
}
@media all and (max-width: 950px){
.f2f-schedule-feat .grid-x.alignfull > .cell{
  width: 100%;
}
}
.f2f-schedule-feat a{
text-decoration: none;
color: inherit;
}
.f2f-schedule-feat a i.hide{
visibility: hidden;
}
.f2f-schedule-feat a:hover i.hide, .f2f-schedule-feat a:focus i.hide{
visibility: visible;
}
.f2f-schedule-feat .media-col{
position: relative;
}
.f2f-schedule-feat .media-col .cell{
  margin-bottom: 2rem;
}
.f2f-schedule-feat .media-col .cell:first-child{
position: relative;
  max-height: 300px;
  height: 300px;
}
.f2f-schedule-feat .vertical-title{
position: absolute;
transform-origin: bottom left;
left: 50%;
transform: rotate(-90deg) translateY(100%);
width: 300px;
  height: 100%;
top: 0;
}
.f2f-schedule-feat .vertical-title p.date-tag{
text-transform: uppercase;
font-weight: 500;
text-align: right;
}
.f2f-schedule-feat img{
max-height: 300px;
object-fit: cover;
object-position: center;
width: 100%;
}
/*=== Speaker Tax Loop: Archive Page ===*/
.tax-speakers.term-8 .alignfull.speaker-profile{
margin-bottom: 0;
}
.tax-speakers.term-8 .entry-header h1{
position: relative;
z-index: 1;
}
.tax-speakers.term-8 .entry-header h1:hover:before, .tax-speakers.term-8 .entry-header h1:focus:before{
display: none;
}
.tax-speakers.term-8 .entry-header h1:before{
position: absolute;
z-index: -1;
margin-top: 3.5rem;
margin-bottom: -5rem;
margin-left: 2rem;
content: "";
height: 1.6rem;
width: 30%;
background-color: #E77424;
}
.grid-wrap.speaker-card{
height: 100%;
align-items: flex-end;
}
.grid-wrap .cell.speaker-card{
  margin-bottom: clamp(2rem, 0.4211rem + 5.0526vw, 8rem);
}
@media all and (min-width: 1400px){
.grid-wrap .cell.speaker-card{
  padding: 0 5rem;
}
}
@media screen and (max-width: 900px){
  .grid-wrap .cell.speaker-card{
    padding: 0;
    width: 100%;
  }
  .grid-wrap .cell.speaker-card h2{
    margin-bottom: 1rem;
  }
  .speaker-card .speaker-card-inner{
    padding-left: 2.2rem;
  }
}
.speaker-card a{
text-decoration: none;
color: inherit;
}
.speaker-card a h2 i{
visibility: hidden;
}
.speaker-card a:hover h2 i, .speaker-card a:focus h2 i{
visibility: visible;
}
.has-blue-gradient-background.has-background .speaker-card .speaker-card-inner{
border-left: 4px solid #fff;
border-bottom: 4px solid #fff;
}
.speaker-card .speaker-card-inner{
border-left: 4px solid #000;
border-bottom: 4px solid #000;
padding-left: 4em;
padding-bottom: 2rem;
}
.speaker-card img{
max-height: 350px;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
margin-bottom: 2rem;
}
.speaker-card h2:before{
content: "";
display: none;
}
.speaker-card h2{
font-size: 4rem;
}
.speaker-card p{
margin-bottom: 0;
}
/*=== Speaker Taxonomy Profile ===*/
/*Entry Header */
.tax-speakers .simple-header{
padding: 0;
}
.tax-speakers main.ff .entry-header h1{
color: #000;
font-size: 5rem;
padding-bottom: 2rem;
}
.speaker-profile{
align-items: flex-end;
}
.speaker-profile img{
max-height: 350px;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
@media all and (min-width: 1000px){
.entry-header .speaker-profile .cell:first-child{
  width: 30%;
}
.entry-header .speaker-profile .cell:last-child{
  width: 70%;
}
}
@media all and (max-width: 1284px){
.tax-speakers:not(.term-8) .entry-header .entry-header-inner{
  padding: 3rem 2rem;
}
.entry-header-inner .grid-x.speaker-profile{
  margin-top: 0;
}
}
@media all and (max-width: 684px){
.tax-speakers:not(.term-8) .entry-header .entry-header-inner{
  padding: 4rem 2rem 0;
}
.entry-header-inner .grid-x.speaker-profile h1, .entry-header-inner .grid-x.speaker-profile p{
  margin: 0;
}
}
/* Content */
.tax-speakers .entry-content{
padding-bottom: 4rem;
}
.bio-sum p{
font-weight: 600;
}
.ff-multi-col p{
font-size: 100% !important;
}
@media all and (min-width: 1100px){
.ff-multi-col{
  column-count: 2;
  column-gap: 4em;
}
}
/* Media/Social List */
.speaker-contact .speaker-social{
padding-bottom: 2rem;
align-items: center;
}
.speaker-contact a{
color: inherit;
text-decoration: none;
font-weight: bold;
}
.speaker-social .fa-stack .fa-stack-1x{
color: #fff;
}
.speaker-social > .cell:last-child{
padding-left: 2rem;
}
/*=== Speaker Spotlight Block ===*/
@media all and (min-width:1600px){
.speaker-spotlight > .speaker-card:first-child{
  margin-top: 10em;
}
.speaker-spotlight > .speaker-card:last-child{
  margin-left: auto;
  margin-right: 5em;
  margin-bottom: 4rem;
}
}
@media all and (max-width:1600px){
.speaker-spotlight > .speaker-card:first-child{
  margin-top: 10em;
}
.speaker-spotlight > .speaker-card:last-child{
  margin-left: auto;
  margin-right: 2em;
  margin-bottom: 4rem;
}
}
@media all and (max-width:950px){
.speaker-spotlight > .speaker-card{
  width: 100%;
}
}
@media all and (max-width: 900px){
.speaker-spotlight.grid-x .medium-6{
  width: 100% !important;
}
.speaker-spotlight > .speaker-card:first-child{
  margin-top: 0;
}
}
/***************************************
****************************************\
28.  COOKIES BAR: SEOPRESS
\**************************************
***************************************/
@media screen and (max-width: 1000px){
  body .seopress-user-consent{
    bottom: 11rem;
  }
}
/***************************************
****************************************\
28.  Foundation Grid (responsive grid)
\**************************************
***************************************/
.grid-x {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }

.cell {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%; }
.cell.auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
.cell.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.grid-x > .auto {
width: auto; }

.grid-x > .shrink {
width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
-webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }

@media print, screen and (min-width: 40em) {
.grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
.grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

.grid-x > .small-1 {
width: 8.33333%; }

.grid-x > .small-2 {
width: 16.66667%; }

.grid-x > .small-3 {
width: 25%; }

.grid-x > .small-4 {
width: 33.33333%; }

.grid-x > .small-5 {
width: 41.66667%; }

.grid-x > .small-6 {
width: 50%; }

.grid-x > .small-7 {
width: 58.33333%; }

.grid-x > .small-8 {
width: 66.66667%; }

.grid-x > .small-9 {
width: 75%; }

.grid-x > .small-10 {
width: 83.33333%; }

.grid-x > .small-11 {
width: 91.66667%; }

.grid-x > .small-12 {
width: 100%; }

@media print, screen and (min-width: 40em) {
.grid-x > .medium-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  width: auto; }
.grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
.grid-x > .medium-shrink {
  width: auto; }
.grid-x > .medium-1 {
  width: 8.33333%; }
.grid-x > .medium-2 {
  width: 16.66667%; }
.grid-x > .medium-3 {
  width: 25%; }
.grid-x > .medium-4 {
  width: 33.33333%; }
.grid-x > .medium-5 {
  width: 41.66667%; }
.grid-x > .medium-6 {
  width: 50%; }
.grid-x > .medium-7 {
  width: 58.33333%; }
.grid-x > .medium-8 {
  width: 66.66667%; }
.grid-x > .medium-9 {
  width: 75%; }
.grid-x > .medium-10 {
  width: 83.33333%; }
.grid-x > .medium-11 {
  width: 91.66667%; }
.grid-x > .medium-12 {
  width: 100%; } }

@media print, screen and (min-width: 64em) {
.grid-x > .large-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  width: auto; }
.grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
.grid-x > .large-shrink {
  width: auto; }
.grid-x > .large-1 {
  width: 8.33333%; }
.grid-x > .large-2 {
  width: 16.66667%; }
.grid-x > .large-3 {
  width: 25%; }
.grid-x > .large-4 {
  width: 33.33333%; }
.grid-x > .large-5 {
  width: 41.66667%; }
.grid-x > .large-6 {
  width: 50%; }
.grid-x > .large-7 {
  width: 58.33333%; }
.grid-x > .large-8 {
  width: 66.66667%; }
.grid-x > .large-9 {
  width: 75%; }
.grid-x > .large-10 {
  width: 83.33333%; }
.grid-x > .large-11 {
  width: 91.66667%; }
.grid-x > .large-12 {
  width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
height: auto; }

.grid-margin-x {
margin-left: -0.625rem;
margin-right: -0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem; } }
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; } }
.grid-margin-x > .auto {
  width: auto; }
.grid-margin-x > .shrink {
  width: auto; }
.grid-margin-x > .small-1 {
  width: calc(8.33333% - 1.25rem); }
.grid-margin-x > .small-2 {
  width: calc(16.66667% - 1.25rem); }
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem); }
.grid-margin-x > .small-4 {
  width: calc(33.33333% - 1.25rem); }
.grid-margin-x > .small-5 {
  width: calc(41.66667% - 1.25rem); }
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem); }
.grid-margin-x > .small-7 {
  width: calc(58.33333% - 1.25rem); }
.grid-margin-x > .small-8 {
  width: calc(66.66667% - 1.25rem); }
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem); }
.grid-margin-x > .small-10 {
  width: calc(83.33333% - 1.25rem); }
.grid-margin-x > .small-11 {
  width: calc(91.66667% - 1.25rem); }
.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem); }
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.875rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.875rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.875rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.875rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.875rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.875rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem); }
  .grid-margin-x > .medium-auto {
    width: auto; }
  .grid-margin-x > .medium-shrink {
    width: auto; }
  .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.875rem); }
  .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem); }
  .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.875rem); }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem); }
  .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.875rem); }
  .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.875rem); }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem); }
  .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.875rem); }
  .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.875rem); }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem); } }
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto; }
  .grid-margin-x > .large-shrink {
    width: auto; }
  .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.875rem); }
  .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem); }
  .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.875rem); }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem); }
  .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.875rem); }
  .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.875rem); }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem); }
  .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.875rem); }
  .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.875rem); }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem); } }

.grid-padding-x .grid-padding-x {
margin-right: -0.625rem;
margin-left: -0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem; } }

.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.625rem;
margin-left: -0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem; } }

.grid-padding-x > .cell {
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; } }

.small-up-1 > .cell {
width: 100%; }

.small-up-2 > .cell {
width: 50%; }

.small-up-3 > .cell {
width: 33.33333%; }

.small-up-4 > .cell {
width: 25%; }

.small-up-5 > .cell {
width: 20%; }

.small-up-6 > .cell {
width: 16.66667%; }

.small-up-7 > .cell {
width: 14.28571%; }

.small-up-8 > .cell {
width: 12.5%; }

@media print, screen and (min-width: 40em) {
.medium-up-1 > .cell {
  width: 100%; }
.medium-up-2 > .cell {
  width: 50%; }
.medium-up-3 > .cell {
  width: 33.33333%; }
.medium-up-4 > .cell {
  width: 25%; }
.medium-up-5 > .cell {
  width: 20%; }
.medium-up-6 > .cell {
  width: 16.66667%; }
.medium-up-7 > .cell {
  width: 14.28571%; }
.medium-up-8 > .cell {
  width: 12.5%; } }

@media print, screen and (min-width: 64em) {
.large-up-1 > .cell {
  width: 100%; }
.large-up-2 > .cell {
  width: 50%; }
.large-up-3 > .cell {
  width: 33.33333%; }
.large-up-4 > .cell {
  width: 25%; }
.large-up-5 > .cell {
  width: 20%; }
.large-up-6 > .cell {
  width: 16.66667%; }
.large-up-7 > .cell {
  width: 14.28571%; }
.large-up-8 > .cell {
  width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem); }

.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem); }

.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.25rem); }

.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem); }

.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem); }

.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.25rem); }

.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.25rem); }

.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem); }

@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.875rem); }
.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.875rem); }
.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.875rem); }
.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.875rem); }
.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.875rem); }
.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.875rem); }
.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.875rem); }
.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.875rem); }
.grid-margin-x.medium-up-1 > .cell {
  width: calc(100% - 1.875rem); }
.grid-margin-x.medium-up-2 > .cell {
  width: calc(50% - 1.875rem); }
.grid-margin-x.medium-up-3 > .cell {
  width: calc(33.33333% - 1.875rem); }
.grid-margin-x.medium-up-4 > .cell {
  width: calc(25% - 1.875rem); }
.grid-margin-x.medium-up-5 > .cell {
  width: calc(20% - 1.875rem); }
.grid-margin-x.medium-up-6 > .cell {
  width: calc(16.66667% - 1.875rem); }
.grid-margin-x.medium-up-7 > .cell {
  width: calc(14.28571% - 1.875rem); }
.grid-margin-x.medium-up-8 > .cell {
  width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
.grid-margin-x.large-up-1 > .cell {
  width: calc(100% - 1.875rem); }
.grid-margin-x.large-up-2 > .cell {
  width: calc(50% - 1.875rem); }
.grid-margin-x.large-up-3 > .cell {
  width: calc(33.33333% - 1.875rem); }
.grid-margin-x.large-up-4 > .cell {
  width: calc(25% - 1.875rem); }
.grid-margin-x.large-up-5 > .cell {
  width: calc(20% - 1.875rem); }
.grid-margin-x.large-up-6 > .cell {
  width: calc(16.66667% - 1.875rem); }
.grid-margin-x.large-up-7 > .cell {
  width: calc(14.28571% - 1.875rem); }
.grid-margin-x.large-up-8 > .cell {
  width: calc(12.5% - 1.875rem); } }

.small-margin-collapse {
margin-right: 0;
margin-left: 0; }
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0; }
.small-margin-collapse > .small-1 {
  width: 8.33333%; }
.small-margin-collapse > .small-2 {
  width: 16.66667%; }
.small-margin-collapse > .small-3 {
  width: 25%; }
.small-margin-collapse > .small-4 {
  width: 33.33333%; }
.small-margin-collapse > .small-5 {
  width: 41.66667%; }
.small-margin-collapse > .small-6 {
  width: 50%; }
.small-margin-collapse > .small-7 {
  width: 58.33333%; }
.small-margin-collapse > .small-8 {
  width: 66.66667%; }
.small-margin-collapse > .small-9 {
  width: 75%; }
.small-margin-collapse > .small-10 {
  width: 83.33333%; }
.small-margin-collapse > .small-11 {
  width: 91.66667%; }
.small-margin-collapse > .small-12 {
  width: 100%; }
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .small-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .small-margin-collapse > .medium-3 {
    width: 25%; }
  .small-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .small-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .small-margin-collapse > .medium-6 {
    width: 50%; }
  .small-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .small-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .small-margin-collapse > .medium-9 {
    width: 75%; }
  .small-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .small-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .small-margin-collapse > .medium-12 {
    width: 100%; } }
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.33333%; }
  .small-margin-collapse > .large-2 {
    width: 16.66667%; }
  .small-margin-collapse > .large-3 {
    width: 25%; }
  .small-margin-collapse > .large-4 {
    width: 33.33333%; }
  .small-margin-collapse > .large-5 {
    width: 41.66667%; }
  .small-margin-collapse > .large-6 {
    width: 50%; }
  .small-margin-collapse > .large-7 {
    width: 58.33333%; }
  .small-margin-collapse > .large-8 {
    width: 66.66667%; }
  .small-margin-collapse > .large-9 {
    width: 75%; }
  .small-margin-collapse > .large-10 {
    width: 83.33333%; }
  .small-margin-collapse > .large-11 {
    width: 91.66667%; }
  .small-margin-collapse > .large-12 {
    width: 100%; } }

.small-padding-collapse {
margin-right: 0;
margin-left: 0; }
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0; }

@media print, screen and (min-width: 40em) {
.medium-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .small-1 {
  width: 8.33333%; }
.medium-margin-collapse > .small-2 {
  width: 16.66667%; }
.medium-margin-collapse > .small-3 {
  width: 25%; }
.medium-margin-collapse > .small-4 {
  width: 33.33333%; }
.medium-margin-collapse > .small-5 {
  width: 41.66667%; }
.medium-margin-collapse > .small-6 {
  width: 50%; }
.medium-margin-collapse > .small-7 {
  width: 58.33333%; }
.medium-margin-collapse > .small-8 {
  width: 66.66667%; }
.medium-margin-collapse > .small-9 {
  width: 75%; }
.medium-margin-collapse > .small-10 {
  width: 83.33333%; }
.medium-margin-collapse > .small-11 {
  width: 91.66667%; }
.medium-margin-collapse > .small-12 {
  width: 100%; } }

@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .medium-1 {
  width: 8.33333%; }
.medium-margin-collapse > .medium-2 {
  width: 16.66667%; }
.medium-margin-collapse > .medium-3 {
  width: 25%; }
.medium-margin-collapse > .medium-4 {
  width: 33.33333%; }
.medium-margin-collapse > .medium-5 {
  width: 41.66667%; }
.medium-margin-collapse > .medium-6 {
  width: 50%; }
.medium-margin-collapse > .medium-7 {
  width: 58.33333%; }
.medium-margin-collapse > .medium-8 {
  width: 66.66667%; }
.medium-margin-collapse > .medium-9 {
  width: 75%; }
.medium-margin-collapse > .medium-10 {
  width: 83.33333%; }
.medium-margin-collapse > .medium-11 {
  width: 91.66667%; }
.medium-margin-collapse > .medium-12 {
  width: 100%; } }

@media print, screen and (min-width: 64em) {
.medium-margin-collapse > .large-1 {
  width: 8.33333%; }
.medium-margin-collapse > .large-2 {
  width: 16.66667%; }
.medium-margin-collapse > .large-3 {
  width: 25%; }
.medium-margin-collapse > .large-4 {
  width: 33.33333%; }
.medium-margin-collapse > .large-5 {
  width: 41.66667%; }
.medium-margin-collapse > .large-6 {
  width: 50%; }
.medium-margin-collapse > .large-7 {
  width: 58.33333%; }
.medium-margin-collapse > .large-8 {
  width: 66.66667%; }
.medium-margin-collapse > .large-9 {
  width: 75%; }
.medium-margin-collapse > .large-10 {
  width: 83.33333%; }
.medium-margin-collapse > .large-11 {
  width: 91.66667%; }
.medium-margin-collapse > .large-12 {
  width: 100%; } }

@media print, screen and (min-width: 40em) {
.medium-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; } }

@media print, screen and (min-width: 64em) {
.large-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 64em) {
.large-margin-collapse > .small-1 {
  width: 8.33333%; }
.large-margin-collapse > .small-2 {
  width: 16.66667%; }
.large-margin-collapse > .small-3 {
  width: 25%; }
.large-margin-collapse > .small-4 {
  width: 33.33333%; }
.large-margin-collapse > .small-5 {
  width: 41.66667%; }
.large-margin-collapse > .small-6 {
  width: 50%; }
.large-margin-collapse > .small-7 {
  width: 58.33333%; }
.large-margin-collapse > .small-8 {
  width: 66.66667%; }
.large-margin-collapse > .small-9 {
  width: 75%; }
.large-margin-collapse > .small-10 {
  width: 83.33333%; }
.large-margin-collapse > .small-11 {
  width: 91.66667%; }
.large-margin-collapse > .small-12 {
  width: 100%; } }

@media print, screen and (min-width: 64em) {
.large-margin-collapse > .medium-1 {
  width: 8.33333%; }
.large-margin-collapse > .medium-2 {
  width: 16.66667%; }
.large-margin-collapse > .medium-3 {
  width: 25%; }
.large-margin-collapse > .medium-4 {
  width: 33.33333%; }
.large-margin-collapse > .medium-5 {
  width: 41.66667%; }
.large-margin-collapse > .medium-6 {
  width: 50%; }
.large-margin-collapse > .medium-7 {
  width: 58.33333%; }
.large-margin-collapse > .medium-8 {
  width: 66.66667%; }
.large-margin-collapse > .medium-9 {
  width: 75%; }
.large-margin-collapse > .medium-10 {
  width: 83.33333%; }
.large-margin-collapse > .medium-11 {
  width: 91.66667%; }
.large-margin-collapse > .medium-12 {
  width: 100%; } }

@media print, screen and (min-width: 64em) {
.large-margin-collapse > .large-1 {
  width: 8.33333%; }
.large-margin-collapse > .large-2 {
  width: 16.66667%; }
.large-margin-collapse > .large-3 {
  width: 25%; }
.large-margin-collapse > .large-4 {
  width: 33.33333%; }
.large-margin-collapse > .large-5 {
  width: 41.66667%; }
.large-margin-collapse > .large-6 {
  width: 50%; }
.large-margin-collapse > .large-7 {
  width: 58.33333%; }
.large-margin-collapse > .large-8 {
  width: 66.66667%; }
.large-margin-collapse > .large-9 {
  width: 75%; }
.large-margin-collapse > .large-10 {
  width: 83.33333%; }
.large-margin-collapse > .large-11 {
  width: 91.66667%; }
.large-margin-collapse > .large-12 {
  width: 100%; } }

@media print, screen and (min-width: 64em) {
.large-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; } }

.small-offset-0 {
margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + 0.625rem); }

.small-offset-1 {
margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
margin-left: calc(8.33333% + 0.625rem); }

.small-offset-2 {
margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
margin-left: calc(16.66667% + 0.625rem); }

.small-offset-3 {
margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 0.625rem); }

.small-offset-4 {
margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
margin-left: calc(33.33333% + 0.625rem); }

.small-offset-5 {
margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
margin-left: calc(41.66667% + 0.625rem); }

.small-offset-6 {
margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 0.625rem); }

.small-offset-7 {
margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
margin-left: calc(58.33333% + 0.625rem); }

.small-offset-8 {
margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
margin-left: calc(66.66667% + 0.625rem); }

.small-offset-9 {
margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 0.625rem); }

.small-offset-10 {
margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
margin-left: calc(83.33333% + 0.625rem); }

.small-offset-11 {
margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
margin-left: calc(91.66667% + 0.625rem); }

@media print, screen and (min-width: 40em) {
.medium-offset-0 {
  margin-left: 0%; }
.grid-margin-x > .medium-offset-0 {
  margin-left: calc(0% + 0.9375rem); }
.medium-offset-1 {
  margin-left: 8.33333%; }
.grid-margin-x > .medium-offset-1 {
  margin-left: calc(8.33333% + 0.9375rem); }
.medium-offset-2 {
  margin-left: 16.66667%; }
.grid-margin-x > .medium-offset-2 {
  margin-left: calc(16.66667% + 0.9375rem); }
.medium-offset-3 {
  margin-left: 25%; }
.grid-margin-x > .medium-offset-3 {
  margin-left: calc(25% + 0.9375rem); }
.medium-offset-4 {
  margin-left: 33.33333%; }
.grid-margin-x > .medium-offset-4 {
  margin-left: calc(33.33333% + 0.9375rem); }
.medium-offset-5 {
  margin-left: 41.66667%; }
.grid-margin-x > .medium-offset-5 {
  margin-left: calc(41.66667% + 0.9375rem); }
.medium-offset-6 {
  margin-left: 50%; }
.grid-margin-x > .medium-offset-6 {
  margin-left: calc(50% + 0.9375rem); }
.medium-offset-7 {
  margin-left: 58.33333%; }
.grid-margin-x > .medium-offset-7 {
  margin-left: calc(58.33333% + 0.9375rem); }
.medium-offset-8 {
  margin-left: 66.66667%; }
.grid-margin-x > .medium-offset-8 {
  margin-left: calc(66.66667% + 0.9375rem); }
.medium-offset-9 {
  margin-left: 75%; }
.grid-margin-x > .medium-offset-9 {
  margin-left: calc(75% + 0.9375rem); }
.medium-offset-10 {
  margin-left: 83.33333%; }
.grid-margin-x > .medium-offset-10 {
  margin-left: calc(83.33333% + 0.9375rem); }
.medium-offset-11 {
  margin-left: 91.66667%; }
.grid-margin-x > .medium-offset-11 {
  margin-left: calc(91.66667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
.large-offset-0 {
  margin-left: 0%; }
.grid-margin-x > .large-offset-0 {
  margin-left: calc(0% + 0.9375rem); }
.large-offset-1 {
  margin-left: 8.33333%; }
.grid-margin-x > .large-offset-1 {
  margin-left: calc(8.33333% + 0.9375rem); }
.large-offset-2 {
  margin-left: 16.66667%; }
.grid-margin-x > .large-offset-2 {
  margin-left: calc(16.66667% + 0.9375rem); }
.large-offset-3 {
  margin-left: 25%; }
.grid-margin-x > .large-offset-3 {
  margin-left: calc(25% + 0.9375rem); }
.large-offset-4 {
  margin-left: 33.33333%; }
.grid-margin-x > .large-offset-4 {
  margin-left: calc(33.33333% + 0.9375rem); }
.large-offset-5 {
  margin-left: 41.66667%; }
.grid-margin-x > .large-offset-5 {
  margin-left: calc(41.66667% + 0.9375rem); }
.large-offset-6 {
  margin-left: 50%; }
.grid-margin-x > .large-offset-6 {
  margin-left: calc(50% + 0.9375rem); }
.large-offset-7 {
  margin-left: 58.33333%; }
.grid-margin-x > .large-offset-7 {
  margin-left: calc(58.33333% + 0.9375rem); }
.large-offset-8 {
  margin-left: 66.66667%; }
.grid-margin-x > .large-offset-8 {
  margin-left: calc(66.66667% + 0.9375rem); }
.large-offset-9 {
  margin-left: 75%; }
.grid-margin-x > .large-offset-9 {
  margin-left: calc(75% + 0.9375rem); }
.large-offset-10 {
  margin-left: 83.33333%; }
.grid-margin-x > .large-offset-10 {
  margin-left: calc(83.33333% + 0.9375rem); }
.large-offset-11 {
  margin-left: 91.66667%; }
.grid-margin-x > .large-offset-11 {
  margin-left: calc(91.66667% + 0.9375rem); } }

.grid-y {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
.grid-y > .cell {
  width: auto;
  max-width: none; }
.grid-y > .auto {
  height: auto; }
.grid-y > .shrink {
  height: auto; }
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }
.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
.grid-y > .small-1 {
  height: 8.33333%; }
.grid-y > .small-2 {
  height: 16.66667%; }
.grid-y > .small-3 {
  height: 25%; }
.grid-y > .small-4 {
  height: 33.33333%; }
.grid-y > .small-5 {
  height: 41.66667%; }
.grid-y > .small-6 {
  height: 50%; }
.grid-y > .small-7 {
  height: 58.33333%; }
.grid-y > .small-8 {
  height: 66.66667%; }
.grid-y > .small-9 {
  height: 75%; }
.grid-y > .small-10 {
  height: 83.33333%; }
.grid-y > .small-11 {
  height: 91.66667%; }
.grid-y > .small-12 {
  height: 100%; }
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto; }
  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-y > .medium-shrink {
    height: auto; }
  .grid-y > .medium-1 {
    height: 8.33333%; }
  .grid-y > .medium-2 {
    height: 16.66667%; }
  .grid-y > .medium-3 {
    height: 25%; }
  .grid-y > .medium-4 {
    height: 33.33333%; }
  .grid-y > .medium-5 {
    height: 41.66667%; }
  .grid-y > .medium-6 {
    height: 50%; }
  .grid-y > .medium-7 {
    height: 58.33333%; }
  .grid-y > .medium-8 {
    height: 66.66667%; }
  .grid-y > .medium-9 {
    height: 75%; }
  .grid-y > .medium-10 {
    height: 83.33333%; }
  .grid-y > .medium-11 {
    height: 91.66667%; }
  .grid-y > .medium-12 {
    height: 100%; } }
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto; }
  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-y > .large-shrink {
    height: auto; }
  .grid-y > .large-1 {
    height: 8.33333%; }
  .grid-y > .large-2 {
    height: 16.66667%; }
  .grid-y > .large-3 {
    height: 25%; }
  .grid-y > .large-4 {
    height: 33.33333%; }
  .grid-y > .large-5 {
    height: 41.66667%; }
  .grid-y > .large-6 {
    height: 50%; }
  .grid-y > .large-7 {
    height: 58.33333%; }
  .grid-y > .large-8 {
    height: 66.66667%; }
  .grid-y > .large-9 {
    height: 75%; }
  .grid-y > .large-10 {
    height: 83.33333%; }
  .grid-y > .large-11 {
    height: 91.66667%; }
  .grid-y > .large-12 {
    height: 100%; } }

.grid-padding-y .grid-padding-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem; } }

.grid-padding-y > .cell {
padding-top: 0.625rem;
padding-bottom: 0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem; } }

.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem; } }
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; } }
.grid-margin-y > .auto {
  height: auto; }
.grid-margin-y > .shrink {
  height: auto; }
.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.25rem); }
.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.25rem); }
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem); }
.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.25rem); }
.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.25rem); }
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem); }
.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.25rem); }
.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.25rem); }
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem); }
.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.25rem); }
.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.25rem); }
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem); }
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  .grid-margin-y > .medium-auto {
    height: auto; }
  .grid-margin-y > .medium-shrink {
    height: auto; }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem); } }
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto; }
  .grid-margin-y > .large-shrink {
    height: auto; }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem); } }

.grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
width: 100vw; }

.cell .grid-frame {
width: 100%; }

.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
    -ms-flex-direction: column;
        flex-direction: column;
max-height: 100%; }
.cell-block-container > .grid-x {
  max-height: 100%;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
.medium-grid-frame {
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100vw; }
.cell .medium-grid-frame {
  width: 100%; }
.medium-cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
.medium-cell-block-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%; }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
.medium-cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
.large-grid-frame {
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100vw; }
.cell .large-grid-frame {
  width: 100%; }
.large-cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
.large-cell-block-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%; }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
.large-cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
height: 100vh; }

@media print, screen and (min-width: 40em) {
.grid-y.medium-grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh; } }

@media print, screen and (min-width: 64em) {
.grid-y.large-grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh; } }

.cell .grid-y.grid-frame {
height: 100%; }

@media print, screen and (min-width: 40em) {
.cell .grid-y.medium-grid-frame {
  height: 100%; } }

@media print, screen and (min-width: 64em) {
.cell .grid-y.large-grid-frame {
  height: 100%; } }

.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem; } }
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; } }
.grid-margin-y > .auto {
  height: auto; }
.grid-margin-y > .shrink {
  height: auto; }
.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.25rem); }
.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.25rem); }
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem); }
.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.25rem); }
.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.25rem); }
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem); }
.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.25rem); }
.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.25rem); }
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem); }
.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.25rem); }
.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.25rem); }
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem); }
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  .grid-margin-y > .medium-auto {
    height: auto; }
  .grid-margin-y > .medium-shrink {
    height: auto; }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem); } }
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto; }
  .grid-margin-y > .large-shrink {
    height: auto; }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem); } }

.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem); }
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem); } }
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
  height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
  height: calc(100vh + 1.875rem); } }

.small-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
    -ms-flex-order: 1;
        order: 1; }

.small-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
    -ms-flex-order: 2;
        order: 2; }

.small-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
    -ms-flex-order: 3;
        order: 3; }

.small-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
    -ms-flex-order: 4;
        order: 4; }

.small-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
    -ms-flex-order: 5;
        order: 5; }

.small-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
    -ms-flex-order: 6;
        order: 6; }

@media print, screen and (min-width: 40em) {
.medium-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }
.medium-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }
.medium-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }
.medium-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }
.medium-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }
.medium-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; } }

@media print, screen and (min-width: 64em) {
.large-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }
.large-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }
.large-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }
.large-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }
.large-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }
.large-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; } }
