@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,400&display=swap');

/* Images */
  .wp-block-image{display:block;}
  .wp-block-image:not(.alignfull){border-radius:var(--wp--custom--border-radius);}
  .wp-block-image img{display:block;}
  .wp-block-image figcaption{font-size:var(--wp--preset--font-size--small);font-style:italic;opacity:0.7;}
  .wp-block-image .alignright,
  .wp-block-image .alignleft{max-width:50%;}
  .wp-block-image .aligncenter figcaption{text-align:center;}
  .wp-block-image.is-style-rounded-shadow img{box-shadow:0 5px 20px rgba(0,0,0,0.1);}
  @media( min-width:780px ) {
    .wp-block-image.is-style-ignore-max img{max-width:unset;}
  }
  
/* Heading */
  h1,h2,h3,h4,h5,h6{
    color:var(--wp--preset--color--heading);
  }

/* Videos */
  .wp-block-video{display:block;margin:0;}
  .wp-block-video video{display:block;}


/* Group */
  .wp-block-group{overflow:hidden;position:relative;z-index:1;padding-left:0 !important;padding-right:0 !important;}

  .wp-block-group:not(.alignfull){border-radius:var(--wp--custom--border-radius);}
  
  .wp-block-group__inner-container > *{margin-left:auto;margin-right:auto;position:relative;}
    
/* Embeds - needs to be built out more */
  .is-type-video .wp-block-embed__wrapper{position: relative;height: 0;overflow: hidden;}
  .is-type-video .wp-block-embed__wrapper iframe,
  .is-type-video .wp-block-embed__wrapper object,
  .is-type-video .wp-block-embed__wrapper embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;}
  .is-type-video.wp-embed-aspect-16-9 .wp-block-embed__wrapper{padding-bottom: 56.25%;}
  .is-type-video.wp-embed-aspect-4-3 .wp-block-embed__wrapper{padding-bottom: 75%;}
    
  .twitter-tweet-rendered{margin:auto;}
  
  .instagram-media{margin:0 auto !important;}
  
  .wp-block-embed-facebook{text-align:center;}
    
/* Quotes */
  .wp-block-quote{padding-left:3rem!important;position:relative;}
  .wp-block-quote:before{background-color:var(--primary);content:'';position:absolute;left:1.5rem;width:3px;top:0;bottom:0;}
  .wp-block-pullquote p{line-height:inherit;}
  .wp-block-quote cite{opacity:0.7;}
  .wp-block-quote.is-style-large{margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:1.5rem;}
  .wp-block-pullquote{border-bottom:3px solid;border-top:3px solid;}

/* Separators */
  .wp-block-separator{margin:2em auto !important;padding:0;max-width:120px !important;}
  .wp-block-separator:not(.is-style-wide){height:5px !important;padding:0;}
  .wp-block-separator.is-style-wide{max-width:700px !important;text-align:center;}
  
/* Custom */
  .wp-element-button{display: inline-block;text-align:center;}
  
  .wp-block-button.is-style-secondary .wp-element-button,
  .wp-element-button--secondary{background-color: var(--wp--preset--color--secondary) !important;}
  .wp-block-button.is-style-secondary .wp-element-button:hover,
  .wp-element-button--secondary:hover{background-color: var(--wp--preset--color--primary) !important;}
  
  .wp-element-button[disabled]{background-color:#6e6e6e;cursor:not-allowed;}
  .wp-element-button[disabled]:hover{background-color:#b3b3b3;}
  
  .wp-block-media-text__media img{border-radius:24px;box-shadow:0 2px 4px rgba(0,0,0,0.2);}
  
  .has-background{position:relative;}
  .block-background{background-position:50% 50%;background-size:cover;position:absolute;left:0;right:0;top:0;bottom:0;max-width:100vw !important;}
  .block-background + *{position:relative;}
  .block-background__video{width:100%;height:100%;object-fit:cover;}
  
  .has-global-padding.is-layout-constrained.alignfull{padding-left:var(--wp--style--root--padding-right) !important;padding-right:var(--wp--style--root--padding-right) !important;}
  
  .mode-dark{color:#fff;}
  .mode-dark{--wp--preset--color--heading:#fff;}
  .mode-light{color:#000;}
  
  *:not(.has-background)[style="background-color:#ffffff"]{position:relative;}
  *:not(.has-background)[style="background-color:#ffffff"] + *:not(.has-background)[style="background-color:#ffffff"]:before{background-color:#ececec;content:'';width:200px;height:2px;margin:auto;position:absolute;top:0;left:50%;transform:translateX(-100px);}
  
  .button-set{display:flex;gap:calc(var(--wp--preset--spacing--30) / 2);flex-wrap:wrap;margin-top:var(--wp--preset--spacing--30);}
  .button-set--full .wp-element-button{flex:1;}
  .button-set .wp-element-button{display:flex;}
  .button-set .wp-element-button span{margin:auto;}

  *[class*='--right'] .button-set,
  *[class*='--text-right'] .button-set,
  .button-set--right{justify-content:flex-end;}
  *[class*='--center'] .button-set,
  *[class*='--text-center'] .button-set,
  .button-set--center,
  *[class*='--bottom'] .button-set{justify-content:center;}
  
  .content_block--right .button-set{justify-content:flex-start;}
  
/*not hero because currently hero works differently and this breaks it. should standardize at some point*/
  *[class*='__content']:not(.hero__content):not(.navbar__content){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}
  
  /* Item Grid */
    .grid{display: flex;flex-wrap:wrap;margin:0 -20px;}
    .grid__item{flex:1;padding:20px;min-width:184px;}
  
    .grid--top{align-items: flex-start;}
    .grid--center{align-items: center;}
    .grid--bottom{align-items: flex-end;}
  
    .grid__item--top{align-self: flex-start;}
    .grid__item--center{align-self: center;}
    .grid__item--bottom{align-self: flex-end;}
  
    /* fix width of items by item or container */
      .grid__item--half,
      .grid--halves .grid__item{flex: 0 0 50%;}
      .grid__item--third,
      .grid--thirds .grid__item{flex: 0 0 33.3333%;}
      .grid__item--fourth,
      .grid--fourths .grid__item{flex: 0 0 25%;}
      .grid__item--fifth,
      .grid--fifths .grid__item{flex: 0 0 20%;}
    
    /* loners center */
      .grid--centered{justify-content: center;}
  
    /* loners spread */
      .grid--spaced{justify-content: space-between;}
      
/* Shared */
  .vote-method{text-align:center;}