/*!
      Theme Name: Pixelfish Starter Theme
      Theme URI: https://
      Author: Pixelfish
      Author URI: https://pixelfish.co.uk/
      Description: Agency Starter Theme.
      Requires at least: 6
      Tested up to: 6.0
      Requires PHP: 7.4
      Version: 1.2
      License: GNU General Public License v2 or later
      License URI: http://www.gnu.org/licenses/gpl-2.0.html
      Text Domain: textdomain
      Tags: agency, bespoke
*/:root{--clr-accent:#009b3e;--clr-background-light:#f0f0f0;--clr-background-dark:#1d1d1b;--clr-white:#fff;--clr-black:#000}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}body,figure,h1,h2,h3,h4,h5,p,picture{margin:0}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:#000;cursor:pointer}a:visited{color:purple}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.gap{gap:1rem}.column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.column,.row{-webkit-box-direction:normal}.row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.grid{display:-ms-grid;display:grid}.flow>*+*{margin-top:1.2rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{margin:0 auto;max-width:80rem;width:74%}.uppercase{text-transform:uppercase}h1,h2,h3,h4,h5{font-weight:700}h1{font-size:40px;line-height:130%}h2{text-wrap:balance;font-size:30px;line-height:140%}h3{font-size:25px}h4{font-size:16px}h5{font-size:12px}.bold{font-weight:700}.underline{text-decoration:underline}.underline-lower{border-bottom:2px solid #fff;padding-bottom:4px}.devider{height:8px}.devider-gap{background-color:#fff;background-color:var(--clr-white);height:4px}.bg-dark{background-color:#1d1d1b;background-color:var(--clr-background-dark)}.bg-light{background-color:#f0f0f0;background-color:var(--clr-background-light)}.bg-white{background-color:#fff;background-color:var(--clr-white)}.bg-accent{background-color:#009b3e;background-color:var(--clr-accent)}.text-dark{color:#000;color:var(--clr-black)}.text-accent{color:#009b3e;color:var(--clr-accent)}.text-white{color:#fff;color:var(--clr-white)}header.grid{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;max-width: 80rem;
          margin: 0 auto;}.hero-text{-ms-grid-column-align:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;justify-self:center}.hero-img img{width:100%}h1{padding:2rem 0;width:70%}.main-box{padding:2.5rem 0 3.5rem 4rem;position:relative}.main-box p{font-size:15px;width:66%}.tube-big{position:absolute;right:30px;top:-175px}.tube-small{position:absolute;right:134px;top:-80px}.main-img{position:relative}.main-img--large{width:100%}.main-img--small{bottom:-60px;max-width:45%;position:absolute}.main-text-bottom{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3rem;padding-bottom:5rem;padding-top:3rem}.main-text-bottom--left p{font-size:20px}.main-text-bottom--right p{font-size:16px;font-style:italic}.cards{gap:2rem;padding:0 2rem 3rem}.card{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:391px;position:relative;width:100%}.card img{left:30px;position:absolute;top:-42px}.card h2,.card p{padding-left:2rem;padding-right:2rem}.card h2{padding-top:2rem}.card--bold{font-size:18px;font-weight:700;padding-bottom:2rem}.resources{padding-bottom:3rem;position:relative}.resources h3{padding:2rem 0 1rem}.resources li,.resources p{font-size:12px}.resources--img{bottom:0;position:absolute;right:0;width:52%}.resources ul{-webkit-padding-start:18px;padding-inline-start:18px}.resources--text{gap:4rem}.resources--text--left,.resources--text--right{width:100%}.resources--text--right--grid{-ms-grid-columns:6fr 1fr 4fr;-ms-grid-rows:1fr 1fr;display:-ms-grid;display:grid;grid-template-columns:6fr 1fr 4fr;grid-template-rows:1fr 1fr;width:100%}.resources--text--right--grid>:first-child{-ms-grid-column:1;-ms-grid-row:1}.resources--text--right--grid>:nth-child(2){-ms-grid-column:2;-ms-grid-row:1}.resources--text--right--grid>:nth-child(3){-ms-grid-column:3;-ms-grid-row:1}.resources--text--right--grid>:nth-child(4){-ms-grid-column:1;-ms-grid-row:2}.resources--text--right--grid>:nth-child(5){-ms-grid-column:2;-ms-grid-row:2}.resources--text--right--grid>:nth-child(6){-ms-grid-column:3;-ms-grid-row:2}.resources--text--right .grid .bold{-ms-grid-column-align:end;font-weight:700;justify-self:end;text-decoration:underline}.footer--grid{-ms-grid-columns:38% 2rem 22% 2rem 38%;gap:2rem;grid-template-columns:38% 22% 38%;padding:3rem 2rem;width:100%}.footer--grid--logo{padding-top:1rem}.footer--grid--address p,.footer--grid--legal p{font-size:13px;padding-top:2rem}.footer--grid--legal p{width:80%}.footnotes{background-color:#000;font-size:13px;padding:1rem 2rem}.footnotes--grid{-ms-grid-columns:55% 45%;display:-ms-grid;display:grid;grid-template-columns:55% 45%;width:100%}.footnotes--grid .pixelfish{-ms-flex-item-align:center;-ms-grid-row-align:center;-ms-grid-column-align:end;align-self:center;justify-self:end}@media only screen and (min-width:1650px){.resources--img{width:34%}}@media only screen and (max-width:1150px){.tube-small{display:none}}@media only screen and (max-width:1040px){.card{min-height:312px}.cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5rem;margin:0 auto;width:70%}.tube-big{display:none}.container,h1{width:100%}.main-box,h1{padding:3rem}.main-box p{width:100%}.main-text-bottom{padding-left:3rem;padding-right:3rem}.resources{padding:3rem}.footer--grid{-ms-grid-columns:2fr 2rem 2.5fr 2rem 4fr;gap:2rem;grid-template-columns:2fr 2.5fr 4fr;padding:3rem 2rem}}@media only screen and (max-width:800px){h1{font-size:30px}h2{font-size:25px}.grid{display:-webkit-box;display:-ms-flexbox;display:flex}.flex,.grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-text-bottom{padding:6rem 2rem}.hero-text{-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start;padding-left:2rem;padding-right:2rem}.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.logo{padding-top:3rem}.cards{padding-left:0;padding-right:0;width:100%}.resources--img{position:relative;right:-3rem;width:100%}.resources{padding:3rem 2rem 0}.footer--grid--logo{width:80%}.footnotes--grid .pixelfish{-ms-flex-item-align:start;align-self:flex-start}}
/*===========================================================================
  Modals | Entry
===========================================================================*/
.modal {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: none;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index: 101;
}
.modal.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: all;
}
.modal .content-wrapper {
  position: relative;
  height: auto;
  max-width: 80vw;
  margin: auto;
  background-color: var(--clr-white);
  z-index: 2;
}
.modal .inner-wrapper {
  width: 100%;
}
.modal .backlayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  background: var(--clr-black);
  z-index: 1;
}

.modal.modal__entry .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal.modal__entry .inner-wrapper {
  padding: 60px 30px;
}
.modal.modal__entry .modal-logo {
  width: 100%;
  height: auto;
  max-width: 340px;
  margin: 0 auto;
}
.modal.modal__entry p {
  font-size: 14px;
  line-height: 1.3em;
  text-align: center;
  max-width: 380px;
  margin: 40px auto;
}
.modal.modal__entry .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  max-width: 800px;
  margin: 0 auto;
}
.modal.modal__entry a.button {
  text-decoration: none;
}
.modal.modal__entry button.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: 0;
  border: 0;
  margin: 0;
}
.modal.modal__entry .button {
  font-weight: 500;
  padding: 10px 18px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}
.modal.modal__entry .button.button__yes {
  color: var(--clr-white);
  background-color: var(--clr-accent);
  border: 2px solid var(--clr-accent);
}
.modal.modal__entry .button.button__no {
  border: 2px solid var(--clr-black);
}
@media (min-width: 1024px) {
  .modal.modal__entry .modal-logo {
    max-width: 400px;
  }
  .modal.modal__entry p {
    font-size: 20px;
    max-width: 500px;
    margin: 60px auto;
  }
  .modal.modal__entry .content-wrapper {
    min-width: 900px;
  }
  .modal.modal__entry .inner-wrapper {
    padding: 120px 90px;
  }
  .modal.modal__entry .button {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 1440px) {
  .modal.modal__entry .content-wrapper {
    min-width: 1200px;
  }
  .modal.modal__entry .inner-wrapper {
    padding: 150px 120px;
  }
}