@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Playfair+Display&family=Poppins:ital,wght@0,300;0,600;1,300&display=swap');
:root{
  --hightide: #20283F;
  --flamingo: #F19BA1;
  --peri: #A4B3D9;/*A0B4DC*/
  --seafoam: #E5F4F0;
  --textcolor: #444;
  --linkcolor: var(--peri);
  --linkhovercolor: var(--hightide);
  --radius: 18px;
}

/* General */
  html, body{color:var(--textcolor);font-family:'Minion Pro', 'Playfair Display', serif;font-weight:300;}
  
  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6{color:var(--textcolor);font-family:'Minion Pro', 'Playfair Display', serif;font-weight:normal;}
  
  input,textarea{font-family:'Playfair Display', serif;font-weight:normal;}
  
  b, strong{font-weight:600;}
  
  a{color:var(--linkcolor);}
  a:hover{color:var(--linkhovercolor);}
  
  a.btn,
  a.wp-block-button__link,
  input[type="submit"]{background-color:var(--linkcolor);color:#fff;padding:0.75em 1.5em;white-space:nowrap;display:inline-block;font-size:12px;font-family:'Krona One';text-transform:uppercase;letter-spacing:0.1em;border-radius:50px;}
  a.btn:hover,
  a.wp-block-button__link:hover,
  input[type="submit"]:hover{background-color:var(--linkcolor);}
  
  .btn--ghost{background-color:transparent !important;border:2px solid var(--linkcolor);}
  .btn--ghost:hover{background-color:var(--linkcolor) !important;color:var(--hightide);}
  .btn--large{padding:1em 2em !important;font-size:14px !important;}
  
  .btn--icon span{display:inline-block;padding-right:2em;}
  
  a.btn--peri{background-color:var(--peri);color:var(--hightide);}
  a.btn--hightide{background-color:var(--hightide);color:var(--peri);}
  a.btn--hightide:hover{background-color:var(--hightide);color:var(--flamingo);}
  
  .section-label{font-size:14px;font-family:'Krona One';text-transform:uppercase;letter-spacing:0.1em;}
  .details{font-size:10px;font-family:'Krona One';text-transform:uppercase;letter-spacing:0.1em;opacity:0.7;line-height:120%;}
  
  button{cursor:pointer;}
  
/* Navbar */
  .navbar{background-color:transparent;--textcolor:#fff;--linkcolor: #fff;--linkhovercolor: #fff;font-size:14px;font-family:'Krona One';text-transform:uppercase;letter-spacing:0.1em;height:62px;transition:0.2s all;}
  .navbar--fixed{position:sticky;top:0;}
  .navbar--scrolled,
  .navbar--open{background-color:rgba(32,40,63,0.8);box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
  
  .navbar__logo{margin:0 2em 0 0;float:left;}
  .navbar__logo *{display:block;width:240px;height:auto;}
  
  .navbar__banner{background-color:var(--flamingo);--textcolor:var(--hightide);color:var(--textcolor);padding:15px 20px;font-size:20px;position:relative;z-index:200;text-align:center;}
  
  .navbar li a{position:relative;}
  .navbar li a:after{content:'';position:absolute;bottom:0;height:2px;background-color:var(--peri);left:0;width:100%;transform:scaleX(0);transition:0.5s all;}
  .navbar li a:hover:after{transform:scaleX(1);}
  
  .navbar__socials{list-style-type:none;margin:0 -0.5rem;}
  .navbar__socials li{display:inline-block;}
  .navbar__socials li a{padding:0.5rem 0.5rem;}
  
  .home .navbar .navbar__logo{opacity:0;max-width:0;transition:1s all;margin:0;}
  .home .navbar--scrolled .navbar__logo{opacity:1;max-width:300px;margin:0 2em 0 0;}
  
  #menutray{background-color:var(--hightide);transform:translateX(100%);position:fixed;top:0;bottom:0;left:0;right:0;z-index:5;transition:0.2s all;overflow:scroll;text-align:center;}
  #menutray.open{transform:translateX(0);}
  #menutray ul{list-style-type:none;padding:100px 0 60px;margin:0;}
  #menutray a{display:inline-block;font-size:2rem;padding:0.75rem 1.5rem;color:#fff;}
  
  .tray-search{padding:0.75rem 1.5rem;position:relative;}
  .tray-search *{color:#fff;}
  .tray-search .search-form{position:relative;max-width:200px;margin:0 auto;}
  .tray-search .search-form__input{width:100%;-webkit-appearance: none;-moz-appearance:none;border-radius:0;}
  .tray-search .search-form__submit{background:transparent;border:none;font-size:22px;position:absolute;right:2px;top:0px;-webkit-appearance: none;-moz-appearance:none;padding:0 2px;}
  
  .navbar__menu-btn{display:none;padding:8px;line-height:none;}
  
  @media (max-width: 979px) {
    .navbar__socials{display:none;}
    .navbar__menu{display:none;}
    
    .navbar__menu-btn{display:block;}
  }
  @media (max-width: 767px) {
    .navbar__logo *{display:block;width:180px;height:auto;}
  }
  
  .search__container{background-color:var(--hightide);position:absolute;top:0;left:0;right:0;transform:translateY(calc(-100% - 10px));font-size:2em;transition:0.3s all;}
  .search__container--open{transform:translateY(-10px);}
  .search__container .search-form__input{border:none;padding:15px 30px;width:100%;outline:none;}
  .search__container .search-form__input:focus{outline:none;}
  .search__container .search-form__submit{position:absolute;top:7px;right:7px;background:transparent;border:none;font-size:24px;color:#fff;}

  body.scroll-lock{overflow:hidden;}
  body.scroll-lock .navbar__banner{display:none;}


/* Banner */
  .banner{background-color:var(--hightide);--textcolor:#fff;padding-top:calc(80px + 10vw);padding-bottom:calc(20px + 2vw);overflow:hidden;position:relative;}
  .banner__logo{transition:0.5s all;}
  .banner__logo *{width:300px;height:auto;}
  .banner__content > *{max-width:50%;}
  .banner__content a:hover{color:#fff;}
  .banner__bg{background-position:50% 50%;background-size:cover;position:absolute;top:0;left:0;bottom:0;right:0;}
  .banner__bg:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(to right, var(--hightide), rgba(32,40,63,0.0));}
  
  .banner__quotes{margin-left:0 !important;}
  
  .navbar--scrolled + #main .banner__logo{opacity:0;}
  
  .home .banner{padding-top:calc(160px + 5vw);padding-bottom:calc(80px + 5vw);}
  
  .pill-form{background-color:var(--hightide);--textcolor:var(--peri);margin:0 auto;border-radius:36px;margin-top:-36px;position:relative;min-height:72;}
  .pill-form .pxl-inline{margin:0;}
  .pill-form .pxl-inline_wrapper{display:flex;align-items:center;justify-content:center;padding:10px 10px;flex-wrap:wrap;}
  .pill-form .gform_title{font-size:14px;font-family:'Krona One';text-transform:uppercase;letter-spacing:0.1em;margin:0;padding:0 10px 0 24px;transform:translateY(0.1em);}
  .pill-form .gform_validation_errors{flex-basis:100%;}
  .pill-form .gfield_validation_message{display:none !important;}
  .pill-form .gform_confirmation_message{color:#fff;padding:20px 30px;}
  
  #main{margin-top:-62px;}
  
  @media (max-width: 767px) {
    .banner__logo *{width:240px;height:auto;}
    .banner__content > *{max-width:80%;}
  }
  @media (max-width: 600px) {
    .pill-form .pxl-inline_wrapper{text-align:center;}
    .pill-form .pxl-inline .gfield{width:45% !important;}
  }
  @media (max-width: 600px) {
    .banner__content > *{max-width:100%;}
  }
  .grid--lined .grid__item + .grid__item{border-left:1px solid var(--peri);}
  
  @media (max-width: 480px) {
    .grid--lined .grid__item + .grid__item{border-left:none;}
  }
  
/* Front Page */

/* Single Page */
  .betsy-svg{vertical-align:middle;}
  
  .jump-container{position:absolute;top:-100px;}

/* Single Post */
  .share__inner{margin-left:-0.5rem;}
  .share__inner a{padding:0.5rem;}
  
/* Archive Pages */
  .issues{display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:auto;text-align:center;}
  .issues__title{grid-column: 1 / span 2;padding:40px 40px;}
  .issues__title svg{width:225px;margin-bottom:-2em;}

  .issue-square{padding:40px 40px;position:relative;display:flex;transition:0.5s all;}
  .issue-square *{transition:1s all;}
  .issue-square__inner{margin:auto;}
  .issue-square__icon{font-size:58px;color:var(--peri);position:relative;}
  .issue-square__title{position:relative;margin-top:0;}

  .issue-square__overlay{position:absolute;top:0;bottom:0;right:0;left:0;}
/*  .issue-square__overlay--c1{background-color:var(--seafoam);}
  .issue-square__overlay--c2{background-color:var(--flamingo);}
  .issue-square__overlay--c3{background-color:var(--peri);}*/
  .issue-square:nth-child(2) .issue-square__overlay{background-color:var(--seafoam);opacity:0.8;}
  .issue-square:nth-child(3) .issue-square__overlay{background-color:var(--flamingo);opacity:0.1;}
  .issue-square:nth-child(4) .issue-square__overlay{background-color:var(--peri);opacity:0.2;}
  .issue-square:nth-child(5) .issue-square__overlay{background-color:var(--seafoam);opacity:0.5;}
  .issue-square:nth-child(6) .issue-square__overlay{background-color:var(--flamingo);opacity:0.2;}
  .issue-square:nth-child(7) .issue-square__overlay{background-color:var(--peri);opacity:0.3;}
  .issue-square:nth-child(8) .issue-square__overlay{background-color:var(--seafoam);opacity:0.6;}
  .issue-square:nth-child(9) .issue-square__overlay{background-color:var(--flamingo);opacity:0.3;}
  .issue-square:nth-child(10) .issue-square__overlay{background-color:var(--peri);opacity:0.15;}
  .issue-square:nth-child(11) .issue-square__overlay{background-color:var(--seafoam);opacity:0.9;}
  
  .issue-square:hover .issue-square__overlay{background-color:var(--hightide) !important;opacity:1 !important;}
  .issue-square:hover .issue-square__icon{transform:scale(1.2)}
  .issue-square:hover .issue-square__title{color:#fff;}
  
  .issues--large{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;}
  .issue-square--large{background-color:#fff;padding:7vw 40px;}
  .issue-square__bg{position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover;opacity:0.15;}
  .issues__large-title{grid-column: 1 / span 2;padding:60px 40px;display:flex;}
  .issues__large-title > *{margin:auto;}

  @media (max-width: 979px) {
    .issues{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;}
  }
  @media (max-width: 600px) {
    .issues{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;}
  }
  
  .term{line-height:150%;position:relative;}
  .term *{line-height:150%;}
  .term:after{background-color:var(--peri);content:'';position:absolute;right:0;bottom:20px;top:20px;width:1px;}
  .term__icon{font-size:32px;color:var(--peri);}
  .term__title{font-size:14px;font-family:'Krona One';text-transform:uppercase;letter-spacing:0.1em;}
  
  .post img{display:block;}
  .post__header{display:block;overflow:hidden;}
  .post__title{color:var(--hightide);margin:0;font-size:20px;}
  .post__thumb{margin-bottom:10px;display:block;overflow:hidden;}
  .post__thumb img{display:block;}
  .post:hover .post__thumb img{transform:scale(1.1);}
  .post__thumb--small{float:left;margin-right:1em;}
  
  .video-image{display:block;overflow:hidden;position:relative;}
  .video-image__play{color:#fff;font-size:32px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
  
  .cat-menu{font-size: 13px;list-style-type: none;margin: 0 -1em;padding: 0;}
  .cat-menu__item{display: inline-block;font-family: 'Krona One';text-transform: uppercase;letter-spacing: 0.1em;}
  .cat-menu__item a{padding:0.5em 1em;}
  
  select#tags{background-color:transparent !important;border:2px solid var(--linkcolor);border-radius:50px;background-image: url('data:image/svg+xml;urf8,<svg style="opacity: 0.2;" viewBox="0 0 27 7" xmlns="http://www.w3.org/2000/svg" width="25"><polyline fill="none" stroke="currentColor" points="1,1 6,6 11,1"  stroke-width="1.5px" stroke-linejoin="round" stroke-linecap="round"/></svg>');background-position: right 50%;background-repeat:no-repeat;padding:0.5rem 36px 0.5rem 25px;margin:1em auto;}
  select#tags:focus{outline:var(--flamingo);}
  
  @media (max-width: 600px) {
    .flex-split__item{text-align:center;width:100%;padding-right:0 !important;}
  }
  
/* Footer */
  .footer{background-color:var(--hightide);--textcolor:#fff;}
  .footer__logo{display:inline-block;}
  .footer__logo *{display:inline-block;width:300px;height:auto;max-width:100%;}
  
  .footer__form{--textcolor:var(--peri);}
  .footer__form .gform_title{color:#fff;font-size:14px;font-family:'Krona One';text-transform:uppercase;letter-spacing:0.1em;margin:0;transform:translateY(0.1em);}
  .footer__form form{margin:0.5rem 0 0 -0.5rem !important;}
  
  .footer__legal{color:rgba(255,255,255,0.5);font-size:12px;}
  .footer__legal *{display:inline;}
  .footer__legal ul{list-style-type:none;}
  .footer__legal a{opacity:0.5;}
  .footer__legal a:hover{opacity:1;}
  
  @media (max-width: 767px) {
    .footer,
    .footer .right-text{text-align:center;}
  }