/*
	Theme Name: Tell Tell

	Author: Top Hat
	Author URI: https://builtbytophat.com;

	Version: 1.0

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
                                                               `/shmNNNmho-                         
                                                             `sNNNNNNNNNNNNy`                       
                                                            -mNNNms/---+mNNNd                       
                                                            /hmNh`      .NNNN:                      
                                                              ```       -NNNN:                      
                                                                     `-omNNNh                       
                                                             `.:/+sydmNNNNNs`                       
                                                    `.-:/oyhdmmNNNNNNNNmh+.                         
                                           `.-:/+sydmmNNNNNNNNNmdhys+:-`                            
                                   `.-:+oyhdmmNNNNNNNNmdhhso/:..``                                  
                          `.-:/+shddmNNNNNNNNNmdhyo+:-.``.-:: .:+shhhys/.                           
                 ``.-:+oyhdmmNNNNNNNNmdhyso/-..`        /mNNNymNNNNNNNNNmy.                         
             ./shddmNNNNNNNNNmdhyo+:-.``  `....`        +NNNNNNNdyo++sdNNNd.                        
           :ymNNNNNNmddymNNNs.`       ./shdmmmmdho-     +NNNNNd/`     .dNNNs                        
          +NNNNds+:-.`  dNNNo       -ymNNNNNmmNNNNNs`   +NNNNy`        sNNNh                        
         :NNNN+`        dNNNo     `sNNNNds/----+mNNNd`  +NNNN`         sNNNd                        
         sNNNd          dNNNo    `hNNNm+`       .NNNN+  +NNNN          yNNNy                        
         +NNNm-  ``     dNNNo    yNNNd.          dNNNs  +NNNN         /NNNN:                        
         `hNNNmyydh:    dNNNo   .NNNN:           dNNNo  +NNNN:     `-yNNNNo                         
          `omNNNNNNm-   dNNNo   :NNNN`          /NNNN-  +NNNNNy+++sdNNNNd/                          
            `:+oo+:`    dNNNo   -NNNN.        `+NNNNs   +NNNNNNNNNNNNmd+`                           
                        dNNNo    dNNNh-`   `.+dNNNNo    +NNNNoyhhhyo/.                              
                        dNNNo    .dNNNNdyyhdNNNNNh-     +NNNN          /s-                          
                        dNNNo     `+dNNNNNNNNNdo-       oNNNm        .hNNNy`                        
                        dNNNo        .:/+o+/-`     `.:/yNNNN+       .mNNNd-                         
                        dNNNo              `-:-   .NNNNNNNm/        dNNNh`                          
                        dNNN+          /ydNNNN+   -NNNmhs:         :NNNN.                           
                        -:.`         :mNNNNNNm/    -.              +NNNm                            
                                    :NNNNy:.`      `-/+o+/-        +NNNm                            
                        :+sy/       yNNNh       `+hNNNNNNNNms.     +NNNm                            
                        dNNNo       yNNNy     `omNNNNmhyhNNNNm-    +NNNm                            
                        dNNNo       yNNNy    `hNNNNs-`   `yNNNd    +NNNm                            
                        dNNNo       yNNNy    yNNNd-       :NNNN`   +NNNm                            
                        dNNNo       yNNNy   .NNNN:        :NNNN`   +NNNm  `.-/+-                    
                        dNNNo       yNNNy   -NNNN.        :NNNN`   +NNNNhdmmNNNo                    
                        dNNNo       yNNNy   -NNNN.       `/NNNN`   +NNNNNNNNmdh:         `/oyh`     
                        dNNNo       yNNNy   -NNNN:-:/oyhdmNNNNN`   +NNNNo/:..``          `mNNN+     
                        dNNNo       yNNNy   -NNNNmNNNNNNNNNNNNN`   +NNNm                  sNNNh     
                        dNNNo  `.-:+dNNNy   -NNNNNmdhhso/:/NNNN`   +NNNm                  sNNNd     
                      `.dNNNdhddmNNNNNNNy   -NNNN:.``     :NNNN`   /NNNN`                `dNNNs     
              `.-:+oyhdmNNNNNNNNNmdhmNNNy   -NNNN.        :NNNN`   `mNNNs               `sNNNm.     
           -+ydmNNNNNNNNNNNNdo+:-.``yNNNy   -NNNN.        `o+:-     /NNNNy-           `/dNNNm:      
        `/hmNNNNmddys+/-dNNNo       yNNNy   -Nmdh`                   :dNNNNho:-....-/sdNNNNh-       
       -hNNNNdo:.`      dNNNo       smmdo    -.`                      `/hNNNNNNmmmmNNNNNmy:         
      /mNNNh:`          dNNNo       .-.`                                `-+ydmmNNNmmdhs/.           
     /NNNNo`            dNNNo                                               `..----.`               
    `mNNNs             `mNNN+                                                                       
    -NNNN.             sNNNm`                                                                       
    -NNNN.           `sNNNN/                                                                        
     dNNNh`        .+mNNNm/                                                                         
     -mNNNmo:-.-:oyNNNNNy.                                                                          
      .sNNNNNNNNNNNNNms-                                                                            
        ./ydmNNNmdy+-                                                                               
             ```                                                                                    
*/
/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template, [hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* ## Box Sizing
--------------------------------------------- */
html,
input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* ## Float Clearing
--------------------------------------------- */
.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
  content: " ";
  display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
  clear: both;
  content: " ";
  display: table;
}

/* # Defaults
---------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* ## Top Hat Layout Structures
--------------------------------------------- */

/* google recaptcha */

.grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none !important;
}
section {
  float: left;
  width: 100%;
  position: relative;
}

.send-area {
  position: relative;
  height: 46px;
}
.send-area p { display: none !important; }
.success-message {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  margin: 10px 0;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.dot_loader {
  position: relative;
  top: 0;
  /* height: 70px; */
  height: 40px;
  width: 100%;
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
}
.dot {
    display: inline-block;
    margin:0 5px;
    width:10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation: 1s infinite dot;
    -webkit-animation: 1s infinite dot;
    -moz-animation: 1s infinite dot;
    -o-animation: 1s infinite dot;   
}
.dot:nth-child(2) {
    animation-delay: .1s;
    -webkit-animation-delay: .1s
}
.dot:nth-child(3) {
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}
@keyframes dot {
    0% {background-color:#f38885;}
    30% {background-color:#f38885;}
    50% {background-color: #fbb773;}
    70% {background-color:#fbb773;}
    100% {background-color:#f38885;}
}
@-webkit-keyframes dot {
    0% {background-color:#f38885;}
    30% {background-color:#f38885;}
    50% {background-color: #fbb773;}
    70% {background-color:#fbb773;}
    100% {background-color:#f38885;}
}
@-moz-keyframes dot {
    0% {background-color:#f38885;}
    30% {background-color:#f38885;}
    50% {background-color: #fbb773;}
    70% {background-color:#fbb773;}
    100% {background-color:#f38885;}
}
@-o-keyframes dot {
    0% {background-color:#f38885;}
    30% {background-color:#f38885;}
    50% {background-color: #fbb773;}
    70% {background-color:#fbb773;}
    100% {background-color:#f38885;}
}
@-ms-keyframes dot {
    0% {background-color:#f38885;}
    30% {background-color:#f38885;}
    50% {background-color: #fbb773;}
    70% {background-color:#fbb773;}
    100% {background-color:#f38885;}
}
.ajax-loader,
.screen-reader-response { 
  display: none !important;
}

/*Parallax Trick*/
.bg-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.bg {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  z-index: 2;
}

.video {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

.video-bg {
  background: center center no-repeat;
  background-color: #000;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

/* ## Typographical Elements
--------------------------------------------- */
html {
  font-size: 62.5%;
  /* 10px browser default */
}

/* Chrome fix */
body > div {
  font-size: 20px;
  font-size: 2rem;
}

body {
  background-color: #fff;
  color: #333;
  font-size: 20px;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

body input {
  outline: none !important;
}

a:active,
a:focus {
  outline: 0;
  border: none;
  outline-style: none;
  -moz-outline-style: none;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

a {
  text-decoration: underline;
  outline: 0;
  border: none;
  outline-style: none;
  -moz-outline-style: none;
}

a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
  border: none;
  outline-style: none;
  -moz-outline-style: none;
}

p {
  margin: 0;
  padding: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

hr {
  border: 0;
  border-collapse: collapse;
  border-top: 1px solid #eee;
  clear: both;
  margin: 1em 0;
}

b,
strong {
  font-weight: 700;
}

blockquote,
cite,
em,
i {
  font-style: italic;
}

mark {
  background: #ddd;
  color: #000;
}

blockquote {
  margin: 40px;
}

/* ## Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%;
}

img {
  height: auto;
}

figure {
  margin: 0;
}

/* ## Forms
--------------------------------------------- */
::-moz-placeholder {
  color: #333;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #333;
}

input {
  -webkit-appearance: none !important;
  border-radius: 0px;
}

.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid #dc3232;
  background: #fff;
  padding: .2em .8em;
}

span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
  content: " ";
}

div.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-image: url('../../assets/ajax-loader.gif');
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  margin: 0 0 0 4px;
  vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
  visibility: visible;
}

div.wpcf7 div.ajax-error {
  display: none;
}

div.wpcf7 .placeheld {
  color: #888;
}

div.wpcf7 input[type="file"] {
  cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
  cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: ltr;
}

/* ## Tables
--------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin-bottom: 40px;
  width: 100%;
  word-break: break-all;
}

tbody {
  border-bottom: 1px solid #eee;
}

td,
th {
  text-align: left;
}

td {
  border-top: 1px solid #eee;
  padding: 6px;
}

th {
  font-weight: 400;
  padding: 0 6px;
}

td:first-child,
th:first-child {
  padding-left: 0;
}

/* ## Slick Sliders
--------------------------------------------- */
.slick-slide, .slick-slide:focus {
  outline: none !important;
}

/* ## jPlayer
--------------------------------------------- */
.jp-audio-stream :focus,
.jp-video :focus {
 outline:0
}
.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
 border:0
}
.jp-audio,
.jp-audio-stream,
.jp-video {
 font-size: 16px;
 font-weight: 300;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.63;
 letter-spacing: normal;
 color: #ffffff;
}
.jp-audio {
 width: 100%;
 position: relative;
}
.jp-audio-stream {
 width:182px
}
.jp-interface {
 position:relative;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 align-items: center;
 background-color: #5a8499;
 width:100%;
 padding: 13px 26px 11px;
 border-radius: 26.5px;
}
.jp-controls-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: calc(100% - 40px);
  position:relative;
}
.jp-interface .jp-controls {
 margin:0;
 padding:0;
}
.jp-audio-stream .jp-controls {
 position:absolute;
 top:20px;
 left:20px;
 width:142px
}
.jp-controls button {
 display:block;

 text-indent:-9999px;
 border:none;
 cursor:pointer
}
.jp-play {
 width:14px;
 height:11px;
 background:url(/wp-content/themes/telltell/assets/images/Play.svg) center / contain no-repeat
}
.jp-state-playing .jp-play {
 background:url(/wp-content/themes/telltell/assets/images/Pause.svg) center / contain no-repeat
}
.jp-progress {
 margin-left: 15px;
 background-color:rgb(247, 252, 255, 0.3)
}
.jp-audio .jp-progress {
 position: relative;
 height: 2px
}
.jp-audio .jp-type-single .jp-progress {
  margin-left: 10px;
  flex: 1 0 auto;
}
.jp-seek-bar {
 width:0;
 height:100%;
 cursor:pointer
}
.jp-play-bar {
 background-color: #f7fcff;
 width:0;
 position: relative;
 height:100%;
 overflow: visible !important;
}
.jp-play-bar::after {
  content: '';
  display: block;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
  width: 12px;
  background-color: white;
  border: solid 3px #5a8499;
  border-radius: 50%;
}
/* .jp-state-no-volume .jp-volume-controls {
 display:none
} */
.jp-volume-controls {
 position: relative;
 width: 40px;
 padding-left: 22px;
}
.jp-audio-stream .jp-volume-controls {
 left:70px
}
.jp-volume-controls button {
 display:block;
 text-indent:-9999px;
 border:none;
 cursor:pointer
}
.jp-mute {
 width:18px;
 height:15px
}
.jp-mute, .jp-mute:focus { background:url(/wp-content/themes/telltell/assets/images/Volume1.svg) center / contain no-repeat }
.jp-state-muted .jp-mute, .jp-state-muted .jp-mute:focus {background:url(/wp-content/themes/telltell/assets/images/Volume2.svg) left center / contain no-repeat
}
.jp-audio .jp-time-holder {
 position:absolute;
 top:50px
}
.jp-audio .jp-type-single .jp-time-holder {
 left:110px;
 width:186px
}
.jp-audio .jp-type-playlist .jp-time-holder {
 left:166px;
 width:130px
}
.jp-current-time,
.jp-duration {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #ffffff;
}
.jp-current-time {
  margin-left: 15px;
 display:inline;
 cursor:default
}
.jp-duration {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  width: 40px;
  margin-right: auto;
}
.jp-video .jp-current-time {
 margin-left:20px
}
.jp-video .jp-duration {
 margin-right:20px
}
.jp-details {
  display: none !important;
 font-weight:700;
 text-align:center;
 cursor:default
}
.jp-details,
.jp-playlist {
 width:100%;
 background-color:#ccc;
 border-top:1px solid #009be3
}
.jp-type-playlist .jp-details,
.jp-type-single .jp-details {
 border-top:none
}
.jp-details .jp-title {
 margin:150px 0 0;
 padding:5px 20px;
 font-size:.72em;
 font-weight:700
}
.jp-playlist ul {
 list-style-type:none;
 margin:0;
 padding:0 20px;
 font-size:.72em
}
.jp-playlist li {
 padding:5px 0 4px 20px;
 border-bottom:1px solid #eee
}
.jp-playlist li div {
 display:inline
}
div.jp-type-playlist div.jp-playlist li:last-child {
 padding:5px 0 5px 20px;
 border-bottom:none
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
 list-style-type:square;
 list-style-position:inside;
 padding-left:7px
}
div.jp-type-playlist div.jp-playlist a {
 color:#333;
 text-decoration:none
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
div.jp-type-playlist div.jp-playlist a:hover {
 color:#0d88c1
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {

 display:inline;
 text-align:right;
 margin-right:10px;
 font-weight:700;
 color:#666
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
 color:#0d88c1
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {

 display:inline;
 text-align:right;
 margin-right:10px
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a {
 color:#666
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
 color:#0d88c1
}
span.jp-artist {
 font-size:.8em;
 color:#666
}
.jp-jplayer,
.jp-jplayer audio {
 width:0;
 height:0
}
.jp-jplayer {
 background-color:#000
}
.jp-toggles {
 padding:0;
 margin:0 auto;
 display: none;
}
.jp-audio .jp-type-single .jp-toggles {
 width:25px
}
.jp-audio .jp-type-playlist .jp-toggles {
 width:55px;
 margin:0;
 position:absolute;
 left:325px;
 top:50px
}
.jp-video .jp-toggles {
 position:absolute;
 right:16px;
 margin:10px 0 0;
 width:100px
}
.jp-toggles button {
 display:block;

 width:25px;
 height:18px;
 text-indent:-9999px;
 line-height:100%;
 border:none;
 cursor:pointer
}
.jp-no-solution {
 padding:5px;
 font-size:.8em;
 background-color:#eee;
 border:2px solid #009be3;
 color:#000;
 display:none
}
.jp-no-solution a {
 color:#000
}
.jp-no-solution span {
 font-size:1em;
 display:block;
 text-align:center;
 font-weight:700
}


/* ## Screen Reader Text
--------------------------------------------- */
.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
  background: #fff;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #333;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.more-link {
  position: relative;
}

/* ## Font References
--------------------------------------------- */
@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-BoldItalic.woff2") format("woff2"), url("assets/fonts/NibPro-BoldItalic.woff") format("woff"), url("assets/fonts/NibPro-BoldItalic.ttf") format("truetype"), url("assets/fonts/NibPro-BoldItalic.svg#NibPro-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-Light.woff2") format("woff2"), url("assets/fonts/NibPro-Light.woff") format("woff"), url("assets/fonts/NibPro-Light.ttf") format("truetype"), url("assets/fonts/NibPro-Light.svg#NibPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-BlackItalic.woff2") format("woff2"), url("assets/fonts/NibPro-BlackItalic.woff") format("woff"), url("assets/fonts/NibPro-BlackItalic.ttf") format("truetype"), url("assets/fonts/NibPro-BlackItalic.svg#NibPro-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-Regular.woff2") format("woff2"), url("assets/fonts/NibPro-Regular.woff") format("woff"), url("assets/fonts/NibPro-Regular.ttf") format("truetype"), url("assets/fonts/NibPro-Regular.svg#NibPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-SemiBold.woff2") format("woff2"), url("assets/fonts/NibPro-SemiBold.woff") format("woff"), url("assets/fonts/NibPro-SemiBold.ttf") format("truetype"), url("assets/fonts/NibPro-SemiBold.svg#NibPro-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-Black.woff2") format("woff2"), url("assets/fonts/NibPro-Black.woff") format("woff"), url("assets/fonts/NibPro-Black.ttf") format("truetype"), url("assets/fonts/NibPro-Black.svg#NibPro-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-SemiBoldItalic.woff2") format("woff2"), url("assets/fonts/NibPro-SemiBoldItalic.woff") format("woff"), url("assets/fonts/NibPro-SemiBoldItalic.ttf") format("truetype"), url("assets/fonts/NibPro-SemiBoldItalic.svg#NibPro-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-LightItalic.woff2") format("woff2"), url("assets/fonts/NibPro-LightItalic.woff") format("woff"), url("assets/fonts/NibPro-LightItalic.ttf") format("truetype"), url("assets/fonts/NibPro-LightItalic.svg#NibPro-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-Italic.woff2") format("woff2"), url("assets/fonts/NibPro-Italic.woff") format("woff"), url("assets/fonts/NibPro-Italic.ttf") format("truetype"), url("assets/fonts/NibPro-Italic.svg#NibPro-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nib Pro';
  src: url("assets/fonts/NibPro-Bold.woff2") format("woff2"), url("assets/fonts/NibPro-Bold.woff") format("woff"), url("assets/fonts/NibPro-Bold.ttf") format("truetype"), url("assets/fonts/NibPro-Bold.svg#NibPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* # Global
---------------------------------------------------------------------------------------------------- */
* + * {
  font-family: "Fira Sans", sans-serif;
  font-weight: normal;
  line-height: 1.2;
  color: #2f2f2e;
}

.wpcf7-spinner {
  display: none!important;
}

br {
  display: none;
}

body {
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Nib Pro", serif;
  font-weight: normal;
  line-height: 1.2;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  height: 100%;
}

.wpcf7-response-output {
  display: none !important;
}

.dropbox .wpcf7 form.sent .wpcf7-response-output {
  display: block !important;
  border-color: #fff0;
  padding: 0;
  width: 100%;
  pointer-events: none;
  font-size: 12px;
  font-style: normal;
  letter-spacing: -0.39px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.21;
  text-align: center;
  bottom: 0;
}

#hidden-email {
  display: none !important;
}

/* make up for the menu's fixed height here */
.site-inner {
  margin-top: 100px;
}

.flex {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

/* ## Site Specific Containers
--------------------------------------------- */
.alm-reveal, .site-container-wide {
  width: 1100px;
  max-width: 85%;
  margin: 0 auto;
}

.site-container-narrow {
  width: 969px;
  max-width: 85%;
  margin: 0 auto;
}

.site-container-blog {
  width: 680px;
  max-width: 90%;
  margin: 0 auto;
}

/* ## Animations
--------------------------------------------- */
.underline-link {
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.41px;
  position: relative;
}

.underline-link::after {
  z-index: 2;
  max-width: 300px;
  -webkit-transition: ease all .2s;
  -o-transition: ease all .2s;
  transition: ease all .2s;
  content: '';
  display: block;
  position: absolute;
  right: -10%;
  /* bottom: -7px; */
  bottom: -9px;
  height: 10px;
  width: 120%;
  background-color: #fff;
}

.services .underline-link::after,
.poem.odd .underline-link::after {
  background-color: #f7fcff;
}

.underline-link::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  right: -10%;
  bottom: -7px;
  height: 10px;
  width: 120%;
  background: url(/wp-content/themes/telltell/assets/images/underline.svg) center/contain no-repeat;
}

.underline-link:hover::after {
  max-width: 0;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}

.Typewriter__wrapper {
  font-family: "Nib Pro", serif;
}
.Typewriter__wrapper.highlight {
  background-color: #fff5;
}

.Typewriter__cursor {
  color: #d84326;
  font-family: "Nib Pro", serif;
  font-weight: 300;
  font-style: normal !important;
  margin-left: unset !important;
  width: 1px !important;
  display: inline-block;
}

.market-tag .Typewriter__cursor, .service-tag .Typewriter__cursor {
  color: #fff;
}

@-webkit-keyframes wiggle-center-right {
  0% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  24% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(137deg);
    transform: rotate(137deg);
  }
  49% {
    -webkit-transform: rotate(137deg);
    transform: rotate(137deg);
  }
  50% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  74% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  75% {
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
  100% {
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
}

@keyframes wiggle-center-right {
  0% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  24% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(137deg);
    transform: rotate(137deg);
  }
  49% {
    -webkit-transform: rotate(137deg);
    transform: rotate(137deg);
  }
  50% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  74% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  75% {
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
  100% {
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
}

@-webkit-keyframes wiggle-center-left {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  24% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  25% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
  }
  49% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  74% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  75% {
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg);
  }
  100% {
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg);
  }
}

@keyframes wiggle-center-left {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  24% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  25% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
  }
  49% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  74% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  75% {
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg);
  }
  100% {
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg);
  }
}

@media (min-width: 600px) {
  .zap-center::after, .zap-center::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 45px;
    max-width: 0;
    top: 0;
    bottom: 0;
    background: url(/wp-content/themes/telltell/assets/images/three_lines.svg) center/30px no-repeat;
  }
  
  .zap-center::after {
    right: -45px;
  }
  
  .zap-center::before {
    left: -45px;
  }
  
  .zap-center:hover::before {
    -webkit-animation: wiggle-center-left .3s infinite;
    animation: wiggle-center-left .3s infinite;
  }
  
  .zap-center:hover::after {
    -webkit-animation: wiggle-center-right .3s infinite;
    animation: wiggle-center-right .3s infinite;
  }
  
  .zap-center:hover::after, .zap-center:hover::before {
    max-width: 30px;
  }
}

@-webkit-keyframes wiggle-bottom-right {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  24% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  25% {
    -webkit-transform: rotate(178deg);
    transform: rotate(178deg);
  }
  49% {
    -webkit-transform: rotate(178deg);
    transform: rotate(178deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  74% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
  100% {
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
}

@keyframes wiggle-bottom-right {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  24% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  25% {
    -webkit-transform: rotate(178deg);
    transform: rotate(178deg);
  }
  49% {
    -webkit-transform: rotate(178deg);
    transform: rotate(178deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  74% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
  100% {
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
}

@-webkit-keyframes wiggle-bottom-left {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  24% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  25% {
    -webkit-transform: rotate(-88deg);
    transform: rotate(-88deg);
  }
  49% {
    -webkit-transform: rotate(-88deg);
    transform: rotate(-88deg);
  }
  50% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  74% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  75% {
    -webkit-transform: rotate(-92deg);
    transform: rotate(-92deg);
  }
  100% {
    -webkit-transform: rotate(-92deg);
    transform: rotate(-92deg);
  }
}

@keyframes wiggle-bottom-left {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  24% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  25% {
    -webkit-transform: rotate(-88deg);
    transform: rotate(-88deg);
  }
  49% {
    -webkit-transform: rotate(-88deg);
    transform: rotate(-88deg);
  }
  50% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  74% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  75% {
    -webkit-transform: rotate(-92deg);
    transform: rotate(-92deg);
  }
  100% {
    -webkit-transform: rotate(-92deg);
    transform: rotate(-92deg);
  }
}

@-webkit-keyframes wiggle-top-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  24% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  49% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  74% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

@keyframes wiggle-top-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  24% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  49% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  74% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

@-webkit-keyframes wiggle-top-right {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  24% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(88deg);
    transform: rotate(88deg);
  }
  49% {
    -webkit-transform: rotate(88deg);
    transform: rotate(88deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  74% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    -webkit-transform: rotate(92deg);
    transform: rotate(92deg);
  }
  100% {
    -webkit-transform: rotate(92deg);
    transform: rotate(92deg);
  }
}

@keyframes wiggle-top-right {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  24% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(88deg);
    transform: rotate(88deg);
  }
  49% {
    -webkit-transform: rotate(88deg);
    transform: rotate(88deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  74% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    -webkit-transform: rotate(92deg);
    transform: rotate(92deg);
  }
  100% {
    -webkit-transform: rotate(92deg);
    transform: rotate(92deg);
  }
}

.zap-book::after,
.zap-book::before,
.book-title::before,
.book-title::after,
.jp-audio::before, 
.jp-audio::after {
  content: '';
  display: block;
  position: absolute;
  max-width: 0;
  background: url(/wp-content/themes/telltell/assets/images/three_lines.svg) center/25px no-repeat;
}

.zap-book:hover::after, .zap-book:hover::before, .book-title:hover::after, .book-title:hover::before, .jp-audio::before, .jp-audio::after {
  max-width: 35px;
  height: 35px;
  width: 35px;
}

.book-title::before {
  top: -30px;
  left: -30px;
} 
.book-title::after {
  bottom: -30px;
  right: -30px;
}

.work:nth-child(4n-3) .zap-book::after, .work:nth-child(4n-1) .zap-book::after {
  bottom: -30px;
  right: -30px;
}

.work:nth-child(4n-3) .zap-book::before, .work:nth-child(4n-1) .zap-book::before {
  top: -30px;
  left: -30px;
}

.jp-audio::before {
  top: -25px;
  left: -25px;
}

.jp-audio::after {
  bottom: -25px;
  right: -25px;
}

.work:nth-child(4n-3) .zap-book:hover::before, .work:nth-child(4n-1) .zap-book:hover::before, .book-title::before, .jp-audio::before {
  -webkit-animation: wiggle-top-left .3s infinite;
  animation: wiggle-top-left .3s infinite;
}

.work:nth-child(4n-3) .zap-book:hover::after, .work:nth-child(4n-1) .zap-book:hover::after, .book-title::after, .jp-audio::after {
  -webkit-animation: wiggle-bottom-right .3s infinite;
  animation: wiggle-bottom-right .3s infinite;
}

.work:nth-child(4n-2) .zap-book::after, .work:nth-child(4n) .zap-book::after {
  top: -30px;
  right: -30px;
}

.work:nth-child(4n-2) .zap-book::before, .work:nth-child(4n) .zap-book::before {
  bottom: -30px;
  left: -30px;
}

.work:nth-child(4n-2) .zap-book:hover::before, .work:nth-child(4n) .zap-book:hover::before {
  -webkit-animation: wiggle-bottom-left .3s infinite;
  animation: wiggle-bottom-left .3s infinite;
}

.work:nth-child(4n-2) .zap-book:hover::after, .work:nth-child(4n) .zap-book:hover::after {
  -webkit-animation: wiggle-top-right .3s infinite;
  animation: wiggle-top-right .3s infinite;
}

/* ## Components
--------------------------------------------- */

.thank-you-area .circle-button {
  color: #fff;
  text-decoration: none;
  margin-top: 25px;
}

.button-holder {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.circle-button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2f2f2e;
  border-radius: 30px;
}

.circle-button:hover,
.circle-button:focus,
.circle-button:focus-visible,
.circle-button.active {
  background-color: #d84326;
  color: #fff;
}

.hero {
  padding-top: 50px;
}

.hero .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero .left {
  width: 55%;
}

.hero img {
  display: block;
  max-width: 90%;
  margin: 0 auto;
}

.hero .right {
  width: 45%;
}

.hero .right-inner {
  position: relative;
  width: 428px;
  max-width: 100%;
  margin-left: auto;
}

.hero .title, .hero .hidden-title {
  font-family: "Nib Pro", serif;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  /* because there's only a subtitle sometimes, there's a larger margin-top on the subtitle to cancel this */
  margin-bottom: 5px;
}
.hero .hidden-title {
  opacity: 0;
}
.hero .title {
  position: absolute;
  offset: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero .subtitle {
  display: block;
  margin-top: 18px;
  width: 400px;
  max-width: 100%;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: -0.52px;
}

.hero .circle-button {
  /* because there's a subtitle sometimes */
  margin-top: 30px;
}

.hero .after-hero {
  width: 500px;
  max-width: 90%;
  margin: 45px auto 0;
}

.hero .after-hero p {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
  text-align: center;
}

.dropbox .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 13px 0 #00000007, 0 0 24px 0 #c2dcea;
  box-shadow: 0 0 13px 0 #00000007, 0 0 24px 0 #c2dcea;
  border: solid 2px #d84326;
  background-color: #fff;
  padding: 40px 45px 35px;
}

.dropbox .left {
  width: 55%;
}

.dropbox .title {
  font-size: 33px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  color: #3c3c3c;
}

.dropbox .blurb {
  font-size: 17px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.47;
  letter-spacing: -0.55px;
  color: #3c3c3c;
}

.dropbox .data {
  font-size: 17px;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: -0.55px;
  color: #3c3c3c;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
}

.dropbox .price {
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  line-height: 0.53;
  letter-spacing: normal;
  color: #d84326;
}

.dropbox .right {
  position: relative;
  width: 410px;
  max-width: 45%;
  margin-left: auto;
}

.dropbox .right .right-inner {
  padding: 30px 15px;
  position: relative;
  height: 190px;
  border-radius: 12px;
  border: dashed 2px #d84326;
  background-color: #ffe4dd;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.dropbox .right .right-inner.file-hover {
  border: solid 2px #d84326;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.dropbox .wpcf7-form p {
  width: 208px;
  max-width: 95%;
  margin: 0 auto;
}

.dropbox .file-003 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}

#file-003 {
    height: 100%;
    width: 100%;
}

.dropbox .wpcf7-submit {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  cursor: pointer;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: ease all .3s .3s;
  -o-transition: ease all .3s .3s;
  transition: ease all .3s .3s;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.77px;
  border: unset;
  background-color: unset;
  color: #d84326;
}

.dropbox .wpcf7-submit.active {
  opacity: 1;
  pointer-events: unset;
}

.dropbox .hidden { display: none !important; }

.dropbox label {
  width: 100%;
  cursor: pointer;
  display: block;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.21;
  letter-spacing: -0.77px;
  text-align: center;
}

.dropbox label::after {
  content: '* .PDF or .DOC files only please';
  opacity: 1;
  max-width: 300px;
  overflow: hidden;
  -webkit-transition: ease opacity .3s linear max-width .1s .3s;
  -o-transition: ease opacity .3s linear max-width .1s .3s;
  transition: ease opacity .3s linear max-width .1s .3s;
  display: block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: -0.39px;
}

.dropbox label.wipeout {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.dropbox label.wipeout::after {
  opacity: 0;
  max-width: 0;
}


/* anon submitter form fanciness-panciness */
body.locked section.submitter-title,
body.locked section.submitter-dropbox.anon,
body.locked section.poems {
  height: unset;
}
.anon-curtain {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 90;
  opacity: 0;
  transition: ease all .5s;
  background-color: #5a8499;
  pointer-events: none;
}
.anon-curtain.active {
  opacity: 0.3;
  transition-duration: .2s;
}

.anon-pop-up {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: ease all .5s;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  border-radius: 15px;
  width: 600px;
  background-color: #fff;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 7px 0 #0000002f;
}
.anon-pop-up.active {
  max-height: 600px;
  opacity: 1;
  transition-duration: .2s;
}

.anon-pop-up .inner {
  padding: 35px 45px;
}

.anon-pop-up .ex {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 22px;
  width: 22px;
  background-color: #d84326;
  border-radius: 50%;
  cursor: pointer;
}
.anon-pop-up .ex span:first-of-type {
  transform: translate(-50%, -50%) rotate(45deg);
}
.anon-pop-up .ex span:last-of-type {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.anon-pop-up .ex span {
  height: 1px;
  width: 12px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}

.anon-pop-up .title {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #2f2f2e;
  margin-bottom: 20px;
}
.anon-pop-up .blurb {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
  color: #000000;
  margin-bottom: 20px;
}
.anon-pop-up label[for='anon-email'] {
  display: block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
  margin-bottom: 5px;
}
.anon-pop-up #anon-email {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 11px 11px 7px;
  border-radius: 3px;
  border: solid 1px #5a8499;
  background-color: #f7fcff;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
}
.anon-pop-up #anon-email::placeholder {
  opacity: 0.3;
  color: #5a8499;
}
.anon-pop-up #anon-email.invalid {
  border-color: #d84326;
}


.anon-pop-up .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #5a8499;
  margin: 30px auto;
}

.anon-pop-up .anon-checker-blurb {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
  margin-bottom: 15px;
}

.anon-pop-up label[for='anon-checker-yes'],
.anon-pop-up label[for='anon-checker-no'] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
}
.anon-pop-up label[for='anon-checker-yes']::before,
.anon-pop-up label[for='anon-checker-no']::before {
  content: '';
  display: inline-block;
  position: relative;
  margin-right: 10px;
  height: 15px;
  width: 15px;
  /* border-radius: 50%; */
  border: solid 2px #5a8499;
}

.anon-pop-up label[for='anon-checker-yes'],
.anon-pop-up label[for='anon-checker-no'] {
  cursor: pointer;
  /* width: calc(100% - 25px); */
}

.anon-pop-up input:checked + label::after,
.anon-pop-up input:checked + label::after {
  content: '';
  display: block !important;
  position: absolute !important;
  top: -3px;
  /* -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */
  left: 0;
  width: 15px;
  height: 17px;
  background: url(/wp-content/themes/telltell/assets/images/form/Check.svg) center / contain no-repeat;
}
.anon-pop-up .circle-button {
  margin-top: 25px;
  display: block;
  width: 120px;
  color: #fff;
  background-color: #d84326;
  border-color: #d84326;
}


.book-carousel {
  padding-bottom: 85px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), color-stop(35%, #f7fcff), color-stop(35%, #fff), to(#fff));
  background: -o-linear-gradient(top, #f7fcff, #f7fcff 35%, #fff 35%, #fff);
  background: linear-gradient(to bottom, #f7fcff, #f7fcff 35%, #fff 35%, #fff);
  /* separate element because we're using so many pseudos for the hover state and otherwise it changes the size of the background */
}

.book-carousel .title {
  width: 682px;
  max-width: 90%;
  margin: 0 auto 35px;
}

.book-carousel .title, .book-carousel .title span {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.book-carousel .works {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 45px;
  overflow-x: auto;
  padding: 45px 0;
  scrollbar-width: none;
}

.book-carousel .works::-webkit-scrollbar {
  display: none;
}

.book-carousel .work {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: 170px;
  text-decoration: none;
  margin-right: 60px;
}

.book-carousel .work::after {
  content: '';
  display: inline-block;
  position: relative;
  padding-top: 154%;
}

.book-carousel .work.your .book-title {
  background-color: #5a8499;
}

.book-carousel .work:nth-child(5n - 4) .book, .book-carousel .work:nth-child(5n - 4) .book-title {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.book-carousel .work:nth-child(5n - 3) .book, .book-carousel .work:nth-child(5n - 3) .book-title {
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}

.book-carousel .work:nth-child(5n - 2) .book, .book-carousel .work:nth-child(5n - 2) .book-title {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.book-carousel .work:nth-child(5n - 1) .book, .book-carousel .work:nth-child(5n - 1) .book-title {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.book-carousel .work:nth-child(5n) .book, .book-carousel .work:nth-child(5n) .book-title {
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.book-carousel .work .circle-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  display: none;
}

.book-carousel .work:hover .circle-button {
  display: block;
}

.book-carousel .work .circle-button {
  pointer-events: none;
}

.book-carousel .book, .book-carousel .book-title {
  position: absolute;
  background: center / cover no-repeat;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-shadow: 2px 2px 13px 0 #00000050;
  box-shadow: 2px 2px 13px 0 #00000050;
}

.book-carousel .book-title {
  padding: 21px 11px 0 21px;
  font-family: FiraSans;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}

/* this was a little white line as if it were a book binding crease, but it doesn't work with hovery bothers
.book-carousel .book-title::before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  height: 100%;
  width: 1px;
  opacity: 0.32;
  background-color: #fff;
} */

.book-carousel .border {
  display: inline-block;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: solid 3px #fff0;
}

.book-carousel .book:hover .border, .book-carousel .book-title:hover .border {
  border: solid 3px #d84326;
}

/* # Page Templates
---------------------------------------------------------------------------------------------------- */

/* ## General Page
--------------------------------------------- */

.stripe-notification-page .site-container-blog {
  max-width: 100%;
}

#invisible-stripe-field { display: none !important;}

.stripe-notification-page-inner {
  border-radius: 25px;
  -webkit-box-shadow: 0 0 13px 0 #00000007, 0 0 24px 0 #c2dcea;
  box-shadow: 0 0 13px 0 #00000007, 0 0 24px 0 #c2dcea;
  border: solid 2px #d84326;
  background-color: #fff;
  padding: 40px 45px 35px;
  width: 800px;
  max-width: 90%;
  margin: 0 auto;
}

.simpay-payment-receipt-wrap br {
  display: block!important;
}

.simpay-payment-receipt-wrap strong {
  color: #5a8499;
}

.post-hero.general-page {
  background-color: #fff;
  padding-bottom: 0;
}

.post-hero.general-page h1 {
  margin-top: 42px;
}

.post-body.general-page,
.post-body.jerbs {
  float: left;
  margin-bottom: 150px;
}

.general-page .blog-text-section {
  padding-top: 0!important;
}

/* ## Jerbs
--------------------------------------------- */

.jerb {
  align-items: center;
  border-bottom: 1px solid #979797;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.jerb:last-of-type {
  border-bottom: 0;
}

.jerb-name {
  margin-right: auto;
  width: calc(98% - 122px);
}


/* ## Home Page
--------------------------------------------- */
.stripe-submitter {
  display: none!important;
  height: 0px!important;
}
.home-hero {
  background-color: #f7fcff;
  padding-bottom: 90px;
}
.home-hero .left { position: relative; }
.home-hero img { z-index: 1; }
.home-hero .static {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  background-color: #f7fcff;
}

.home-dropbox {
  background-color: #f7fcff;
  padding-bottom: 41px;
}

.home-dropbox .left-inner {
  width: 432px;
  max-width: 95%;
  margin-right: auto;
}

.home-dropbox .title {
  margin-bottom: 22px;
}

.home-dropbox .blurb {
  margin-bottom: 25px;
}

.services {
  background-color: #f7fcff;
  padding-bottom: 120px;
}

.services .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.services .left {
  width: 49%;
}

.services .title {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  margin-bottom: 40px;
  margin-top: 70px;
}

.services .service-container {
  width: 480px;
  max-width: 100%;
  margin-right: auto;
}

.services .service {
  cursor: pointer;
  position: relative;
  max-height: 60px;
  overflow: hidden;
  padding-bottom: 40px;
  padding-left: 44px;
  -webkit-transition: ease max-height .5s;
  -o-transition: ease max-height .5s;
  transition: ease max-height .5s;
}

.services .service .service-title {
  opacity: 0.5;
  font-style: normal;
  font-weight: normal;
}

.services .service::before {
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  top: 10px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: solid 2px #d84326;
  border-radius: 50%;
}

.services .service::after {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 7.5px;
  height: 100%;
  width: 2px;
  background-color: #d84326;
}

.services .service.first::after {
  top: 26px;
}

.services .service.last::after {
  height: 26px;
}

.services .service.active {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
  cursor: unset;
  max-height: 250px;
}

.services .service.active::before {
  background-color: #d84326;
}

.services .service.active .service-title {
  opacity: 1;
  font-weight: 600;
  font-style: italic;
}

.services .service-title {
  font-family: "Nib Pro", serif;
  font-size: 36px;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: normal;
  margin-bottom: 18px;
}

.services .service-blurb {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: -0.52px;
  margin-bottom: 20px;
}

.services .service-link {
  font-size: 12px;
}

.services .right {
  position: relative;
  width: 51%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.services .right img {
  width: 95%;
  margin-left: auto;
  display: block;
  z-index: 1;
}
.services .right .static {
/* benji here */
  position: absolute;
  top: 0;
  right: 0;
  /* transform: translateX(-50%); */
  z-index: 5;
}

.home-carousel {
  padding-bottom: 85px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), color-stop(40%, #f7fcff), color-stop(40%, #fff), to(#fff));
  background: -o-linear-gradient(top, #f7fcff, #f7fcff 40%, #fff 40%, #fff);
  background: linear-gradient(to bottom, #f7fcff, #f7fcff 40%, #fff 40%, #fff);
}

.experience {
  padding-bottom: 57px;
}

.experience .title {
  font-family: "Nib Pro", serif;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  width: 572px;
  max-width: 90%;
  margin: 0 auto 25px;
}

.mobile-only-right-title {
  display: none;
}

.experience .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.experience .left, .experience .right {
  width: 50%;
}

.experience .left img {
  width: 90%;
  margin: auto;
  display: none;
}

.experience .left img.active {
  display: block;
}

.experience .right-inner {
  padding-top: 60px;
  width: 464px;
  max-width: 100%;
  margin-left: auto;
}

.experience .item {
  position: relative;
  cursor: pointer;
  padding-left: 44px;
  max-height: 60px;
  overflow: hidden;
  -webkit-transition: ease max-height .5s;
  -o-transition: ease max-height .5s;
  transition: ease max-height .5s;
}

.experience .item::before {
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 13px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: solid 2px #d84326;
  border-radius: 50%;
}

.experience .item::after {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 7px;
  height: 100%;
  width: 2px;
  background-color: #d84326;
}

.experience .item.first::after {
  top: 13px;
}

.experience .item.last::after {
  height: 13px;
}

.experience .item .item-title {
  opacity: 0.5;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -1px;
}

.experience .item.active {
  cursor: unset;
  max-height: 500px;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

.experience .item.active::before {
  background-color: #d84326;
}

.experience .item.active .item-title {
  opacity: 1;
  font-weight: 600;
  font-style: italic;
}

.experience .item-title {
  font-family: "Nib Pro", serif;
  font-size: 36px;
  font-stretch: normal;
  line-height: 1.2;
  margin-bottom: 18px;
}

.experience .item-blurb {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: -0.52px;
  margin-bottom: 37px;
}

.home-form {
  padding-bottom: 70px;
}

.home-form .site-container-wide {
  position: relative;
  background-color: #d84326;
  border-radius: 15px;
  padding: 40px 40px 20px;
}

.home-form .at {
  position: absolute;
  left: -40px;
  width: 80px;
  height: 80px;
  background: center / cover no-repeat;
  top: 10px;
}

.home-form .title p, .home-form em {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}

.home-form form {
  position: relative;
  width: 100%;
  padding-bottom: 30px;
}

.home-form form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* width: 100%; */
  width: calc(100% - 101px);
}

.home-form form .wpcf7-form-control-wrap {
  position: relative;
  /* width: calc(50% - 67px); */
  width: calc(50% - 20px);
  margin-right: 17px;
  display: block;
}

.home-form form .wpcf7-form-control-wrap:last-of-type {
  margin-right: 22px;
}

.home-form form br {
  display: none;
}

.home-form form input {
  height: 40px;
  width: 100%;
  padding: 11px 15px 10px;
  border: unset;
  border-radius: 3px !important;
  background-color: #ffe4dd;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #d84326;
}

.home-form form input::-webkit-input-placeholder {
  opacity: 1;
  color: #d84326;
}

.home-form form input::-moz-placeholder {
  opacity: 1;
  color: #d84326;
}

.home-form form input:-ms-input-placeholder {
  opacity: 1;
  color: #d84326;
}

.home-form form input::-ms-input-placeholder {
  opacity: 1;
  color: #d84326;
}

.home-form form input::placeholder {
  opacity: 1;
  color: #d84326;
}

.home-form form .wpcf7-not-valid, .home-form form .wpcf7-not-valid::placeholder {
  color: #2f2f2e !important;
}

.home-form form .wpcf7-not-valid-tip {
  display: none !important;
  /* position: relative;
  left: 11px;
  margin-top: 10px;
  bottom: -25px;
  color: #ffe4dd;
  font-family: "Nib Pro", serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal; */
}

.home-form form .send-area {
  width: 95px;
  padding: unset;
  height: 46px;
  border-radius: 30px !important;
  border: solid 2px #fff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.home-form form .send-area:hover .wpcf7-submit,
.home-form form .wpcf7-submit:hover {
  cursor: pointer;
  color: #d84326;
}
.home-form form .send-area:hover { background-color: #fff; }
.home-form form .wpcf7-submit {
  color: #fff;
  background-color: unset;
}

.excerpt {
  margin-bottom: 60px;
}

.excerpt .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 65px;
}

.excerpt .left, .excerpt .right {
  width: 50%;
}

.excerpt .left-inner {
  width: 431px;
  max-width: 95%;
  margin-right: auto;
}

.excerpt .caption {
  margin-bottom: 18px;
}

.excerpt .title, .excerpt .author {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.45px;
}

.excerpt .title {
  font-style: normal;
}

.excerpt .author {
  font-style: italic;
}

.excerpt .excerpt-text {
  margin-bottom: 20px;
}

.excerpt .excerpt-text p {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.72;
  letter-spacing: normal;
}

.excerpt .right {
  padding: 25px 27px 25px;
  margin-bottom: 20px;
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #f7fcff;
  -webkit-filter: drop-shadow(0 5px 16px #0005);
  filter: drop-shadow(0 5px 16px #0005);
}

.excerpt .right::after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #f7fcff;
  border-left-color: #f7fcff;
  border-width: 17px;
  bottom: -34px;
  left: 0px;
}

.excerpt .loved-title, .excerpt .sug-title {
  font-family: "Fira Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  margin-bottom: 10px;
}

.excerpt .loved-title {
  color: #d84326;
}

.excerpt .sug-title {
  color: #5a8499;
}

.excerpt .loved-text, .excerpt .sug-text {
  font-size: 14px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: -0.45px;
}

.excerpt .loved-text {
  margin-bottom: 25px;
}

.hone {
  padding-bottom: 140px;
  background: -o-linear-gradient(top, #fff, #fff 110px, #5a8499 110px, #5a8499);
  background: linear-gradient(to bottom, #fff, #fff 110px, #5a8499 110px, #5a8499);
}

.hone .site-container-wide {
  background-color: #f7fcff;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 18px 0 #00000020;
  box-shadow: 0 0 18px 0 #00000020;
  padding-top: 88px;
}

.hone .title {
  margin: 0 auto;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 80px;
}

.hone .tools {
  margin-bottom: 61px;
}

.hone .tool {
  position: relative;
  margin: 0 auto 35px;
  width: calc(100% - 120px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.hone .tool.even {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.hone .left, .hone .right {
  position: relative;
  width: calc(50% - 33px);
}

.hone .left {
  border-radius: 15px;
  border: solid 2px #d84326;
  padding: 0 40px 45px;
}

.hone .left-inner {
  width: 332px;
  max-width: 100%;
}

.hone .image {
  background: center / contain no-repeat;
  width: 100%;
  height: 121px;
}

.hone .tool-title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 22px;
  margin-top: 10px;
}

.hone .subtitle {
  width: 332px;
  max-width: 90%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -0.58px;
  text-align: center;
  margin-bottom: 25px;
}

.hone .tool-link {
  border: solid 2px #d84326;
  color: #d84326;
}

.hone .tool-link:hover {
  color: #fff;
}

.hone .review-inner {
  margin-bottom: 98px;
  position: relative;
}

.hone .open-quote, .hone .close-quote {
  width: 66px;
  height: auto;
}

.hone .open-quote {
  margin-bottom: 25px;
}

.hone .review {
  display: none;
  margin-bottom: 30px;
}

.hone .review.active {
  display: block;
}

.hone .text {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.61;
  letter-spacing: normal;
  margin-bottom: 28px;
}

.hone .reviewer {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  color: #d84326;
}

.hone .close-quote {
  position: absolute;
  bottom: -10px;
  right: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.hone .bubbles {
  position: absolute;
  bottom: 60px;
  height: 13px;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hone .bubble {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin-right: 10px;
  border-radius: 50%;
  border: solid 2px #d84326;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}

.hone .bubble.active {
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  background-color: #d84326;
}

.hone .all-resources {
  margin-bottom: 66px;
}

.tell-teller {
  background-color: #5a8499;
  padding-bottom: 140px;
}

.tell-teller .title {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}

/* ## Poem Page
--------------------------------------------- */
body.locked {
  height: 100%;
  overflow: hidden;
}

body.locked section {
  height: calc(100vh - 100px);
}

body.locked .poem-bars {
  position: fixed;
  top: 100vh;
  right: 0;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
  height: calc(100vh - 100px);
}

body.locked .poem-bars.active {
  top: 100px;
}

body.locked .poem-bars.up {
  top: -100vh;
}

body.locked .poem-image {
  display: none;
}

body.locked .fancy-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.locked .bottom-teller {
  position: fixed;
  top: 100vh;
  left: 0;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
  height: calc(55vh - 100px);
}

body.locked .bottom-teller.active {
  top: 100px;
}

body.locked footer {
  position: fixed;
  top: 100vh;
  left: 0;
  width: 100%;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
  height: 45vh;
}

body.locked footer.active {
  top: 55vh;
}

.poem-page-hero.hero {
  background-color: #f7fcff;
  padding-bottom: 32px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
  /* the downside of this is that it will break at a certain min screen height */
}

.poem-page-hero.hero.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.poem-page-hero.hero .site-container-none {
  cursor: pointer;
  position: absolute;
  bottom: 32px;
  left: 0;
  width: 100%;
}

.poem-page-hero.hero .scroll-call {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.poem-page-hero.hero .down-hatch {
  position: relative;
  height: 20px;
  margin-top: 22px;
}

.poem-page-hero.hero .down-hatch::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #2f2f2e40;
  width: 1px;
  height: 20px;
  -webkit-transform: translateX(calc(-50% - 9px)) rotate(-60deg);
  -ms-transform: translateX(calc(-50% - 9px)) rotate(-60deg);
  transform: translateX(calc(-50% - 9px)) rotate(-60deg);
}

.poem-page-hero.hero .down-hatch::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #2f2f2e40;
  width: 1px;
  height: 20px;
  -webkit-transform: translateX(calc(-50% + 9px)) rotate(60deg);
  -ms-transform: translateX(calc(-50% + 9px)) rotate(60deg);
  transform: translateX(calc(-50% + 9px)) rotate(60deg);
}

.z-five {
  z-index: 5;
}

.poem-screen .site-container-left {
  width: calc(50% + 650px);
  max-width: 92.5%;
  margin-left: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.poem-screen .left {
  width: 50%;
  max-width: 650px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.poem-screen .left p {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.71;
  letter-spacing: -0.77px;
}

.poem-screen .poem-image {
  height: 100%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.poem-screen .fancy-image {
  position: fixed;
  top: 100vh;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
  right: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40%;
  height: calc(100vh - 100px);
  margin-left: auto;
}

.poem-screen .fancy-image.active {
  top: 100px;
}

.poem-screen .fancy-image.up {
  top: -100vh;
}

.poem-screen .fancy-image .static {
  position: absolute;
  /* top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: auto; */
}

.bottom-teller.tell-teller {
  padding-top: 100px;
  padding-bottom: 100px;
}

.bottom-teller.tell-teller .title {
  margin-bottom: 55px;
}

.bottom-teller.tell-teller .button-flex {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-teller.tell-teller .circle-button {
  border: solid 2px #fff;
  color: #fff;
  margin-right: 15px;
  height: 46px;
  padding-top: 12px;
}

.bottom-teller.tell-teller .circle-button:last-of-type {
  margin-right: unset;
}

.bottom-teller.tell-teller .circle-button:hover {
  color: #5a8499;
  background-color: #fff;
}

/* ## Service Index Page
--------------------------------------------- */
.services-index-hero {
  padding-top: 72px;
  padding-bottom: 89px;
  background-color: #f7fcff;
}

.services-index-hero .page-title {
  width: 532px;
  max-width: 90%;
  margin: 0 auto;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 45px;
}

.services-index-hero .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.services-index-hero .card {
  width: calc((100% - 200px) / 3);
}

.services-index-hero .card-inner {
  position: relative;
  height: 100%;
}

.services-index-hero .image {
  width: 78%;
  margin: 0 auto;
  background: center / contain no-repeat;
}

.services-index-hero .image::before {
  content: '';
  display: inline-block;
  position: relative;
  padding-top: 100%;
}

.services-index-hero .title {
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 10px;
}

.services-index-hero .blurb {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: -0.52px;
  text-align: center;
  padding-bottom: 105px;
}

.services-index-hero .button-holder {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* this just wasn't working for Benji */
  margin-top: auto;
}

.services-main-carousel {
  padding-bottom: 102px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), color-stop(30%, #f7fcff), color-stop(30%, #fff), to(#fff));
  background: -o-linear-gradient(top, #f7fcff, #f7fcff 30%, #fff 30%, #fff);
  background: linear-gradient(to bottom, #f7fcff, #f7fcff 30%, #fff 30%, #fff);
}

.other-services {
  /* accounts for bottom margin of cards */
  margin-bottom: 36px;
}

.other-services .card:nth-child(1) {
  border-top: unset;
  padding-top: unset;
}

.other-services .more-title {
  margin: 0 auto;
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 66px;
}

.other-services .site-container-wide {
  min-height: 460px;
}

.other-services .other-services-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.other-services .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: solid 1px #979797;
  padding-top: 28px;
  width: calc(50% - 20px);
  margin-bottom: 27px;
}

.other-services .left {
  width: 15%;
  background: center / contain no-repeat;
}

.other-services .left::after {
  content: '';
  display: inline-block;
  position: relative;
  padding-top: 100%;
}

.other-services .right {
  width: calc(85% - 25px);
  margin-left: auto;
}

.other-services .right-inner {
  max-height: 70px;
  overflow: hidden;
  -webkit-transition: ease all .3s;
  -o-transition: ease all .3s;
  transition: ease all .3s;
}

.other-services .right-inner.active {
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
  max-height: 500px;
}

.other-services .title {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.77px;
  margin-bottom: 7px;
}

.other-services .subtitle {
  font-size: 14px;
  margin-bottom: 20px;
  font-style: italic;
}
.other-services .blurb p {
  font-size: 13px;
  font-style: normal;
}
.other-services .blurb p:last-of-type {
  margin-bottom: 20px;
}
.other-services .subtitle, .other-services .blurb p {
  font-weight: 200;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: -0.45px;
}

.other-services .circle-button {
  padding: 13px 25px;
  margin-bottom: 20px;
  border: solid 2px #d84326;
  color: #d84326;
}

.other-services .circle-button:hover {
  color: #fff;
}

.other-services .accordion {
  cursor: pointer;
  padding-top: 7px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.41px;
  color: #d84326;
}

.other-services .accordion::before {
  content: '+';
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.41px;
  margin-right: 10px;
  color: #d84326;
}

.other-services .active + .accordion::before {
  content: '-';
}

.services-dropbox {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(38%, #fff), color-stop(38%, #5a8499), to(#5a8499));
  background: -o-linear-gradient(top, #fff, #fff 38%, #5a8499 38%, #5a8499);
  background: linear-gradient(to bottom, #fff, #fff 38%, #5a8499 38%, #5a8499);
  padding-bottom: 90px;
}

.services-dropbox .site-container-wide {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.services-dropbox .left-inner {
  width: 465px;
  max-width: 95%;
  margin-right: auto;
}

.services-dropbox .title {
  margin-bottom: 5px;
}

.services-dropbox .blurb {
  margin-bottom: 20px;
}

.services-dropbox .data {
  margin-bottom: 27px;
}

.service-teller {
  background-color: #5a8499;
  padding-bottom: 100px;
}

.service-teller .title {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  margin-bottom: 56px;
}

.service-teller .circle-button.white {
  background-color: #fff;
  color: #5a8499;
}

/* ## Resource Index
--------------------------------------------- */
.resources-index-hero {
  background-color: #f7fcff;
  padding-top: 70px;
  margin-bottom: 98px;
}

.resources-index-hero .page-title {
  width: 90%;
  margin: 0 auto 75px;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
}

.resources-index-hero .resource-card {
  width: 100%;
  padding: 40px 5%;
  margin-bottom: 30px;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.resources-index-hero .resource-card:nth-child(2n-1) {
  background-color: #d84326;
}

.resources-index-hero .resource-card:nth-child(2n-1) .circle-button.active {
  color: #d84326;
}

.resources-index-hero .resource-card:nth-child(2n) {
  background-color: #5a8499;
}

.resources-index-hero .resource-card:nth-child(2n) .circle-button.active {
  color: #5a8499;
}

.resources-index-hero .left {
  width: 20%;
  margin-right: 1%;
  background: center / contain no-repeat;
}

.resources-index-hero .left::after {
  content: '';
  display: inline-block;
  position: relative;
  padding-top: 75%;
}

.resources-index-hero .center {
  overflow: hidden;
  width: 23%;
  margin-right: 2%;
  position: relative;
}

.resources-index-hero .title {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.77px;
  color: #fff;
  margin-bottom: 12px;
}

.resources-index-hero .right {
  width: 437px;
  max-width: 50%;
  margin-left: auto;
}

.resources-index-hero .right p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.38;
  letter-spacing: -0.52px;
}

.resources-index-hero .circle-button.active {
  border: solid 2px #fff;
  height: 46px;
  padding-top: 12px;
  background-color: #fff;
  overflow: hidden;
  max-width: 350px;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}

.resources-index-hero .circle-button.active.gone {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
  max-width: 0;
  opacity: 0;
}

.resources-index-hero .button-form-area {
  width: 100%;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.resources-index-hero form {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}

.resources-index-hero form.active {
  max-width: 350px;
}

.resources-index-hero form.sent {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}

.resources-index-hero form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] {
  display: block;
  width: calc(100% - 70px);
  margin-right: 10px;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] input {
  width: 100%;
  border: unset;
  background-color: unset;
  border-bottom: solid 2px #fff;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] input::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] input::-moz-placeholder {
  opacity: 1;
  color: #fff;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] input:-ms-input-placeholder {
  opacity: 1;
  color: #fff;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] input::-ms-input-placeholder {
  opacity: 1;
  color: #fff;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] input::placeholder {
  opacity: 1;
  color: #fff;
}

.resources-index-hero form .wpcf7-form-control-wrap[data-name='your-email'] input.wpcf7-not-valid {
  border-bottom-color: #494948;
}

.resources-index-hero form [data-name='course-title'] {
  display: none;
}

.resources-index-hero form .wpcf7-submit {
  display: block;
  width: 60px;
  padding: 5px 0;
  border: solid 2px #fff;
  border-radius: 15px !important;
  background-color: unset;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.41px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.resources-index-hero form .wpcf7-response-output, .resources-index-hero form .wpcf7-not-valid-tip {
  display: none !important;
}

.resources-index-hero .thanks-sent {
  position: absolute;
  right: 0;
  bottom: 19px;
  width: 100%;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #fff;
}

.resources-index-hero .thanks-sent.active {
  max-width: 350px;
  opacity: 1;
}

.courses {
  margin-bottom: 98px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), color-stop(50%, #f7fcff), color-stop(50%, #fff), to(#fff));
  background-image: -o-linear-gradient(top, #f7fcff 0%, #f7fcff 50%, #fff 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #f7fcff 0%, #f7fcff 50%, #fff 50%, #fff 100%);
}

.courses .courses-title {
  width: 90%;
  margin: 0 auto 75px;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.courses .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.courses .card {
  background-color: #fff;
  position: relative;
  width: 30%;
  padding: 26px 30px 60px;
  border-radius: 11px;
  border: solid 2px #2f2f2e;
}

.courses .card:hover, .courses .card.active {
  border-color: #d84326;
  -webkit-box-shadow: 0 0 17px 0 #2f2f2e81;
  box-shadow: 0 0 17px 0 #2f2f2e81;
}

.courses .card.hidden {
  visibility: hidden;
}

.courses .title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  margin-bottom: 45px;
}

.courses .blurb {
  font-size: 18px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.33;
  letter-spacing: -0.58px;
  margin-bottom: 55px;
}

.resources-blorg {
  margin-bottom: 85px;
}

.resources-blorg .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.resources-blorg .left {
  width: 30%;
  margin-right: auto;
  position: relative;
}

.resources-blorg .pre-title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  margin-bottom: 8px;
}

.resources-blorg .section-title {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 85px;
}

.resources-blorg .circle-button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.resources-blorg .right {
  padding-top: 6px;
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.resources-blorg .post {
  position: relative;
  width: 46%;
}

.resources-blorg .post-title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-decoration: underline;
  margin-bottom: 60px;
}

.resources-blorg .underline-link {
  position: absolute;
  left: 0;
  bottom: 15px;
}

.resources-communities {
  padding-top: 83px;
  background-color: #5a8499;
  padding-bottom: 60px;
}

.resources-communities .section-title {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 57px;
}

.resources-communities .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.resources-communities .card {
  border-radius: 11px;
  border: solid 2px #fff;
  position: relative;
  width: 30%;
  padding: 40px 30px 95px;
}

.resources-communities .card.hidden {
  visibility: hidden;
}

.resources-communities .title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  margin-bottom: 17px;
  color: #fff;
}

.resources-communities .blurb {
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.33;
  letter-spacing: -0.58px;
  color: #fff;
}

.resources-communities .circle-button {
  height: 46px;
  padding-top: 12px;
  position: absolute;
  bottom: 25px;
  left: 30px;
  border: solid 2px #fff;
  color: #fff;
}

.resources-communities .circle-button:hover {
  background-color: #fff;
  color: #5a8499;
}

.follow-us {
  padding-top: 8px;
  background-color: #5a8499;
  padding-bottom: 80px;
}

.follow-us .section-title {
  width: 90%;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 25px;
}

.follow-us .site-container-none {
  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;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.follow-us .social-button {
  text-decoration: none;
  width: 55px;
  height: 55px;
  margin-right: 40px;
  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;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.follow-us .social-button img {
  width: 90%;
  height: auto;
}

.follow-us .social-button:last-of-type {
  margin-right: unset;
}

/* ## Case Study Index Page
--------------------------------------------- */
.studies-index-hero {
  padding-top: 70px;
  margin-bottom: 70px;
  background-color: #f7fcff;
}

.studies-index-hero .page-title {
  margin: 0 auto 85px;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
}

.studies-index-hero .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 100px;
}

.studies-index-hero .card:nth-child(2n - 1) .left {
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.studies-index-hero .card:nth-child(2n) .left {
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}

.studies-index-hero .card:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.studies-index-hero .left {
  width: 300px;
  max-width: 30%;
  background: center / cover no-repeat;
  -webkit-box-shadow: 2px 2px 13px 0 #00000050;
  box-shadow: 2px 2px 13px 0 #00000050;
}

.studies-index-hero .left::after {
  content: '';
  display: inline-block;
  position: relative;
  padding-top: 150%;
}

.studies-index-hero .right {
  width: 508px;
  max-width: 65%;
}

.studies-index-hero .title-author {
  margin-bottom: 20px;
}

.studies-index-hero .title-author span {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #5a8499;
}

.studies-index-hero .title-author .title {
  text-decoration: underline;
}

.studies-index-hero .blurb {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.71;
  letter-spacing: -0.77px;
  margin-bottom: 25px;
}

.studies-list {
  margin-bottom: 40px;
}

.studies-list .section-title {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin: 0 auto 75px;
}

.studies-list .site-container-narrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.studies-list .book {
  width: 23%;
  margin-right: 15.5%;
  -webkit-box-shadow: 2px 2px 13px 0 #00000050;
  box-shadow: 2px 2px 13px 0 #00000050;
  position: relative;
  margin-bottom: 100px;
  background: center / cover no-repeat;
}
.studies-list .book:last-of-type { margin-right: auto; }

.studies-list .book::after {
  content: '';
  display: inline-block;
  position: relative;
  padding-top: 154%;
}

.studies-list .book:nth-child(3n) {
  margin-right: unset;
}

.studies-list .book:hover .book-inner {
  opacity: 1;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
}

.studies-list .book:hover .button-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.studies-list .book-inner {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff5), to(#fff5));
  background-image: -o-linear-gradient(#fff5, #fff5);
  background-image: linear-gradient(#fff5, #fff5);
  opacity: 0;
  -webkit-transition: ease opacity .5s;
  -o-transition: ease opacity .5s;
  transition: ease opacity .5s;
}

.studies-list .button-holder {
  position: absolute;
  display: none;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.studies-list .fake-circle-button {
  border-radius: 15.5px;
  padding: 7px 15px;
  background-color: #5a8499;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
}

/* ## Blog Index Page
--------------------------------------------- */
.blog-index-hero {
  padding-top: 72px;
  padding-bottom: 81px;
  background-color: #f7fcff;
}

.blog-index-hero .title {
  margin: 0 auto 25px;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
}

.blog-index-hero .subtitle {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

.post-filters {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  z-index: 50;
  background-color: #fff;
  padding: 16px 0;
  border-bottom: solid #2f2f2e26 1px;
  margin-bottom: 58px;
}

.post-filters .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-filters .filters-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.post-filters .filter {
  text-decoration: unset;
  padding: 0 60px 0 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.48px;
  text-align: center;
  color: #aaa;
}
.post-filters .filter:last-of-type {
  padding-right: unset;
}

.post-filters .filter:hover {
  color: #2f2f2e;
}

.post-filters .filter.active {
  color: #d84326;
  font-weight: 500;
}

.post-filters .search-right {
  width: 305px;
}

.post-filters .search-input {
  width: 100%;
  padding: 7px 13px 7px 17px;
  opacity: 0.26;
  border: unset;
  border-radius: 14.5px;
  color: #000;
  background-color: #d8d8d8;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.post-filters .search-input::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}

.post-filters .search-input::-moz-placeholder {
  opacity: 1;
  color: #000;
}

.post-filters .search-input:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.post-filters .search-input::-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.post-filters .search-input::placeholder {
  opacity: 1;
  color: #000;
}

.index-featured-posts .section-title {
  margin: 0 auto 48px;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: #d84326;
}

.index-featured-posts .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.index-featured-posts .card {
  text-decoration: none;
  color: #2f2f2e;
  width: 29.5%;
  position: relative;
  margin-bottom: 65px;
  padding: 27px 22px 73px;
  border-radius: 11px;
  border: solid 2px #2f2f2e;
}

.index-featured-posts .card:hover {
  border-color: #d84326;
}

.index-featured-posts .card:hover .circle-button {
  background-color: #d84326;
  color: #fff;
  border-color: #d84326;
}


.index-featured-posts .card.invisible {
  border: unset;
  padding: unset;
  margin: unset;
}

.index-featured-posts .title {
  font-size: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 37px;
}

.index-featured-posts .ruler {
  height: 2px;
  width: 40px;
  background-color: #2f2f2e;
  margin-bottom: 29px;
}

.index-featured-posts .post-excerpt {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
  margin-bottom: 30px;
}

.index-featured-posts .link-cat {
  position: absolute;
  bottom: 27px;
  left: 22px;
  width: calc(100% - 44px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-featured-posts .circle-button {
  height: 46px;
  padding: 12px 25px;
  border: solid 2px #2f2f2e;
  /* margin-right: 14%; */
  margin-right: auto;
}

.index-featured-posts .circle-button:hover {
  border-color: #d84326;
}

.index-featured-posts .cat {
  padding: 3px 11px;
  border-radius: 13px;
  background-color: #f7fcff;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #5a8499;
}

.blog-index-section, .all-posts {
  margin-bottom: 15px;
}

.blog-index-section:last-of-type, .all-posts:last-of-type {
  margin-bottom: 23px;
}

.blog-index-section .section-title, .all-posts .section-title {
  width: 100%;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin: 0 auto 50px;
}

.blog-index-section .alm-reveal, 
.blog-index-section .alm-listing,
.blog-index-section .site-container-wide, 
.all-posts .alm-reveal, 
.all-posts .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.blog-index-section .site-container-wide, .all-posts .site-container-wide {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-index-section .alm-reveal, .all-posts .alm-reveal {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.blog-index-section .alm-item, .all-posts .alm-item {
  margin-right: calc(16% / 3);
}

.blog-index-section .alm-item, .all-posts .alm-item {
  text-decoration: none;
  color: #2f2f2e;
}

.blog-index-section .alm-item:hover .underline-link::after,
.all-posts .alm-item:hover .underline-link::after {
  max-width: 0;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}

.blog-index-section .alm-item:nth-child(4n), .all-posts .alm-item:nth-child(4n) {
  margin-right: unset;
}

.blog-index-section .card, .all-posts .card {
  position: relative;
  width: 21%;
  /* 40px plus the .bottom height (80px)*/
  padding-bottom: 60px;
  margin-bottom: 40px;
}

.blog-index-section .card.invisible, .all-posts .card.invisible {
  margin: unset;
  padding: unset;
  border: unset;
}

.blog-index-section .title, .all-posts .title {
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  margin-bottom: 10px;
}

.blog-index-section .bottom, .all-posts .bottom {
  position: absolute;
  bottom: 0;
}

.blog-index-section .underline-link, .all-posts .underline-link {
  display: inline-block;
  padding-bottom: 3px;
  margin-bottom: 25px;
  color: #2f2f2e;
}

.blog-index-section .date, .all-posts .date {
  opacity: 0.4;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
}

.blog-index-section .alm-btn-wrap, .all-posts .alm-btn-wrap {
  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;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.blog-index-section .circle-button, .all-posts .circle-button {
  height: 46px;
  padding: 11px 25px;
  border: solid 2px #2f2f2e;
  background-color: #fff;
  margin-bottom: 42px;
  margin-top: 19px;
}

.blog-index-section .circle-button:hover, .all-posts .circle-button:hover {
  border-color: #d84326;
  background-color: #d84326;
}

.blog-index-section .circle-button.done, .all-posts .circle-button.done {
  display: none;
}

.blog-index-section .no-results, .all-posts .no-results {
  margin: 0 auto 80px;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

/* ## Submitter Page
--------------------------------------------- */
.submitter-title {
  background-color: #f7fcff;
  padding: 70px 0;
}

.submitter-title .page-title {
  margin: 0 auto;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
}

.submitter-dropbox.dropbox {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), color-stop(40%, #f7fcff), color-stop(40%, #fff), to(#fff));
  background: -o-linear-gradient(top, #f7fcff, #f7fcff 40%, #fff 40%, #fff);
  background: linear-gradient(to bottom, #f7fcff, #f7fcff 40%, #fff 40%, #fff);
  padding-bottom: 70px;
}

.submitter-dropbox.dropbox .site-container-wide {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 45px;
}

.submitter-dropbox.dropbox .left {
  max-width: 461px;
}

.submitter-dropbox.dropbox .title {
  margin-top: 15px;
  margin-bottom: 6px;
}

.poems .section-title {
  margin: 0 auto;
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: normal;
  text-align: center;
}

.poems .poem {
  padding-top: 90px;
  padding-bottom: 50px;
  width: 100%;
  background-color: #fff;
}

.poems .poem.odd {
  background-color: #f7fcff;
}

.poems .poem:first-of-type {
  padding-top: 70px;
}

.poems .site-container-wide {
  margin-bottom: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.poems .site-container-wide.odd {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.poems .site-container-wide.odd .left-inner {
  margin-left: auto;
  margin-right: unset;
}

.poems .site-container-wide.even .right {
  background-color: #f7fcff;
}

.poems .site-container-wide.even .right::after {
  border-top-color: #f7fcff;
  border-left-color: #f7fcff;
}

.poems .left, .poems .right {
  width: 50%;
}

.poems .left-inner {
  width: 431px;
  max-width: 95%;
  margin-right: auto;
}

.poems .caption {
  margin-bottom: 18px;
}

.poems .title, .poems .author {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.45px;
}

.poems .title {
  font-style: normal;
}

.poems .author {
  font-style: italic;
}

.poems .excerpt-text {
  margin-bottom: 20px;
}

.poems .excerpt-text p {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.72;
  letter-spacing: normal;
}

.poems .right {
  padding: 25px 27px 25px;
  margin-bottom: 20px;
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
  -webkit-filter: drop-shadow(0 5px 16px #0005);
  filter: drop-shadow(0 5px 16px #0005);
}

.poems .right::after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-left-color: #fff;
  border-width: 17px;
  bottom: -34px;
  left: 0px;
}

.poems .loved-title, .poems .sug-title {
  font-family: "Fira Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  margin-bottom: 10px;
}

.poems .loved-title {
  color: #d84326;
}

.poems .sug-title {
  color: #5a8499;
}

.poems .loved-text, .poems .sug-text {
  font-size: 14px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: -0.45px;
}

.poems .loved-text {
  margin-bottom: 25px;
}

/* ## Single Blog Page
--------------------------------------------- */
.post-hero {
  padding-top: 78px;
  background-color: #f7fcff;
  padding-bottom: 80px;
}

.post-hero .post-date {
  opacity: 0.4;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  margin-bottom: 13px;
}

.post-hero .page-title {
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  margin-bottom: 20px;
}

.post-hero .ruler {
  width: 100%;
  height: 1px;
  background-color: #979797;
  margin-bottom: 33px;
}

.post-hero .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.post-hero .author {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #5a8499;
}

.post-hero .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.post-hero .cats {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-hero .cat {
  display: block;
  text-decoration: unset;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  background-color: #5a8499;
  color: #fff;
  padding: 3px 11px 3px 12px;
  border-radius: 13px;
  margin-right: 10px;
}

.post-hero .cat:last-of-type {
  margin-right: 20px;
}

.post-hero a.social {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}

.post-hero .post-excerpt {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.71;
  letter-spacing: -0.77px;
}
.post-hero .post-excerpt a {
  color: #2f2f2e;
}
.post-body {
  width: 100%;

  margin-bottom: 80px;
  /* something that follows a certain type, which doesn't need those big paddings */
}


/* Importing posts */
.from-post-content .site-container-blog h1 { font-size: 26px; }
.from-post-content .site-container-blog h2 { font-size: 24px; }
.from-post-content .site-container-blog h3 { font-size: 21px; }
.from-post-content .site-container-blog h4 { font-size: 18px; }
.from-post-content .site-container-blog h1,
.from-post-content .site-container-blog h2,
.from-post-content .site-container-blog h3,
.from-post-content .site-container-blog h4 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #2f2f2e;
}
.from-post-content .site-container-blog div,
.from-post-content .site-container-blog p,
.from-post-content .site-container-blog ul,
.from-post-content .site-container-blog ol,
.from-post-content .site-container-blog li {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.52px;
  color: #000;
}
.from-post-content .site-container-blog p,
.from-post-content .site-container-blog li:last-of-type {
  margin-bottom: 19px;
}
.from-post-content .site-container-blog li {
  margin-left: 19px;
}
.from-post-content .site-container-blog a {
  color: #000 !important;
}
.from-post-content .site-container-blog img.ajT { width: unset !important; }
.from-post-content .site-container-blog img { width: 100%; }
.from-post-content .site-container-blog .image-block-wrapper {
  padding-bottom: unset !important;
}
.from-post-content .site-container-blog blockquote {
  padding-left: 19px;
}

.from-post-content iframe { margin-top: 30px; width: 100%; }
.from-post-content br { display: block; }




.post-body section {
  padding-top: 100px;
}

.post-body section:first-of-type {
  padding-top: 75px;
}

.post-body h2, .post-body h3, .post-body h4, .post-body h5 {
  margin-top: 73px;
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: normal;
  margin-bottom: 28px;
}

.post-body h2:first-child, .post-body h3:first-child, .post-body h4:first-child, .post-body h5:first-child {
  margin-top: 0;
}

.post-body p + h2, .post-body p + h3, .post-body p + h4, .post-body p + h5 {
  margin-top: 65px;
}

.post-body p {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.52px;
  color: #000;
  margin-bottom: 19px;
}

.post-body p:last-of-type {
  margin-bottom: unset;
}

.post-body p a {
  color: #000;
}

.post-body blockquote {
  margin-top: 50px;
  margin-bottom: 38px;
  border-left: solid 3px #000;
  margin-left: unset;
  margin-right: unset;
  padding-left: unset;
}

.post-body blockquote p {
  margin-left: 20px;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.44;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin-bottom: 28px;
}

.post-body blockquote p:last-of-type {
  margin-bottom: unset;
}

.post-body blockquote p em {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.44;
  letter-spacing: normal;
  color: #000;
}

.post-body .blog-image-section .site-container-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-body .blog-image-section .site-container-blog .image {
  background: center / cover no-repeat;
}

.post-body .blog-image-section .site-container-blog .image.one-image {
  width: 100%;
}

.post-body .blog-image-section .site-container-blog .image.two-image {
  width: calc(50% - 35px);
}

.post-body .blog-image-section .site-container-blog .image.three-image {
  width: calc(100% / 3 - 46px);
}

.post-body .blog-video-section .site-container-blog {
  position: relative;
}

.post-body .blog-video-section video {
  position: relative;
  z-index: 1;
}

.post-body .blog-video-section .button-holder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: #0004;
}

.post-body .blog-video-section .play-button {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  border-color: rgba(255, 255, 255, 0);
  border-width: 40px;
  border-left: solid 70px #fff;
  border-style: solid;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.post-body .blog-text-section + .blog-text-section {
  padding-top: 60px;
}

.post-body .blog-text-section + .blog-video-section, .post-body .blog-image-section + .blog-image-section, .post-body .blog-quote-section + .blog-video-section, .post-body .blog-video-section + .blog-video-section,
.post-body .blog-video-section + .blog-image-section {
  padding-top: 47px;
}

.post-post-body {
  margin-bottom: 65px;
}

.post-post-body .ruler {
  width: 100%;
  height: 1px;
  background-color: #979797;
  margin-bottom: 35px;
}

.post-post-body .after-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-post-body .cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}

.post-post-body .cat {
  display: block;
  text-decoration: unset;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  background-color: #5a8499;
  color: #fff;
  padding: 3px 11px 3px 12px;
  border-radius: 13px;
  margin-right: 10px;
}

.post-post-body .vert-ruler {
  width: 1px;
  background-color: #5a8499;
  height: 20px;
}

.post-post-body .heart {
  position: relative;
  cursor: pointer;
  margin: 0 20px;
  width: 25px;
}

.post-post-body .heart img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.post-post-body .heart img.full {
  max-height: 0;
  -webkit-transition: ease all .2s;
  -o-transition: ease all .2s;
  transition: ease all .2s;
}

.post-post-body .heart:hover img.full, .post-post-body .heart.active img.full {
  max-height: 50px;
}

.post-post-body a.social {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}

.post-post-body img.face {
  margin-bottom: unset;
}

.post-comments {
  /* comments are fancy pants */
}

.post-comments .site-container-blog {
  position: relative;
}

.post-comments .comments-title {
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  margin-bottom: 10px;
}

.post-comments form {
  position: relative;
  margin-bottom: 105px;
}

.post-comments input, .post-comments textarea {
  padding-top: 7px;
  padding-left: 14px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.52px;
  color: #5a8499;
  background-color: #f7fcff;
  border: unset;
}

.post-comments input::-webkit-input-placeholder, .post-comments textarea::-webkit-input-placeholder {
  color: #5a8499;
  opacity: 1;
}

.post-comments input::-moz-placeholder, .post-comments textarea::-moz-placeholder {
  color: #5a8499;
  opacity: 1;
}

.post-comments input:-ms-input-placeholder, .post-comments textarea:-ms-input-placeholder {
  color: #5a8499;
  opacity: 1;
}

.post-comments input::-ms-input-placeholder, .post-comments textarea::-ms-input-placeholder {
  color: #5a8499;
  opacity: 1;
}

.post-comments input::placeholder, .post-comments textarea::placeholder {
  color: #5a8499;
  opacity: 1;
}

.post-comments textarea {
  width: 100%;
  height: 190px;
  padding-bottom: 66px;
  outline: unset !important;
}

.post-comments .text {
  width: 39.2%;
  margin-right: 2%;
}

.post-comments .invisible {
  display: none;
}

.post-comments .email {
  width: 58%;
}

.post-comments .text, .post-comments .email {
  margin-bottom: 17px;
}

.post-comments .text, .post-comments .email, .post-comments textarea {
  border-radius: 3px;
}

.post-comments .submit.circle-button {
  position: absolute;
  height: 46px;
  bottom: 20px;
  left: 14px;
  padding: 12px 21px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  background-color: #f7fcff;
  border: solid 2px #5a8499;
}

.post-comments .submit.circle-button:hover {
  background-color: #5a8499;
}

.post-comments .comment-container {
  margin-bottom: 75px;
}

.post-comments .comment-container:last-of-type {
  margin-bottom: 95px;
}

.post-comments .main-comment, .post-comments .reply {
  border-left: solid 3px #000;
  padding-left: 32px;
  margin-bottom: 31px;
}

.post-comments .main-comment .meta, .post-comments .reply .meta {
  margin-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-comments .main-comment .left, .post-comments .reply .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}

.post-comments .main-comment .gravatar, .post-comments .reply .gravatar {
  width: 20px;
  height: auto;
  border-radius: 50%;
  margin-right: 12px;
}

.post-comments .main-comment .name, .post-comments .reply .name {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #d84326;
  margin-right: 12px;
}

.post-comments .main-comment .date, .post-comments .reply .date {
  opacity: 0.4;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
}

.post-comments .main-comment .right, .post-comments .reply .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.post-comments .main-comment .replies, .post-comments .main-comment .hearts, .post-comments .reply .replies, .post-comments .reply .hearts {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: right;
  color: #5a8499;
}

.post-comments .main-comment .heart, .post-comments .reply .heart {
  margin: 0 10px;
}

.post-comments .main-comment .reply-btn, .post-comments .reply .reply-btn {
  margin: 0;
}

.post-comments .main-comment .comment-body p, .post-comments .main-comment .reply-body p, .post-comments .reply .comment-body p, .post-comments .reply .reply-body p {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.52px;
  margin-bottom: 20px;
}

.post-comments .main-comment .comment-body p:last-of-type, .post-comments .main-comment .reply-body p:last-of-type, .post-comments .reply .comment-body p:last-of-type, .post-comments .reply .reply-body p:last-of-type {
  margin-bottom: unset;
}

.post-comments .reply {
  margin-left: 35px;
}

.post-comments .replying-notification {
  position: absolute;
  right: 0;
  top: 13px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: #5a8499;
}

.heart, .reply-btn {
  position: relative;
  cursor: pointer;
  margin: 0 20px;
  width: 25px;
}

.heart img, .reply-btn img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.heart img.full, .reply-btn img.full {
  max-height: 0;
  -webkit-transition: ease all .2s;
  -o-transition: ease all .2s;
  transition: ease all .2s;
}

.heart:hover img.full, .heart.active img.full, .reply-btn:hover img.full, .reply-btn.active img.full {
  max-height: 50px;
}

.vert-ruler {
  width: 1px;
  background-color: #5a8499;
}

.post-nav {
  padding: 65px 0 60px;
  background-color: #5a8499;
}

.post-nav .site-container-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-nav a {
  font-family: "Nib Pro", serif;
  color: #fff;
  text-decoration: unset;
  position: relative;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.post-nav a[rel='prev']::before {
  content: '';
  display: inline-block;
  position: relative;
  height: 22px;
  width: 22px;
  margin-right: 8px;
  margin-left: 3px;
  bottom: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: solid 2px #f7fcff;
  border-bottom: solid 2px #f7fcff;
}

.post-nav a[rel='next']::after {
  content: '';
  display: inline-block;
  position: relative;
  height: 22px;
  width: 22px;
  margin-left: 8px;
  margin-right: 3px;
  bottom: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: solid 2px #f7fcff;
  border-top: solid 2px #f7fcff;
}





/* Locked post styles */
.post-password-form {
  margin-bottom: 60px;
}
.post-password-form input[type="password"] {
  padding-top: 7px;
  padding-left: 14px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.52px;
  color: #5a8499;
  background-color: #f7fcff;
  border: unset;
}
.post-password-form input[type="password"]::placeholder {
  color: #5a8499;
  opacity: 1;
}
.post-password-form input[type="submit"] {
  height: 46px;
  padding: 12px 21px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  background-color: #f7fcff;
  border: solid 2px #5a8499;
  color: #5a8499;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
}
.post-password-form input[type="submit"]:hover {
  background-color: #5a8499;
  color: #fff;
}






/* ## Single Service Page
--------------------------------------------- */
.service-hero {
  background-color: #f7fcff;
  padding-bottom: 180px;
  padding-top: 90px;
  /*
	every Zep has different widths for this content
	.title {
		width: 520px;
		max-width: 100%;
	}*/
}

.service-hero .left {
  width: 45%;
}

.service-hero .left img {
  width: 350px;
}

.service-hero .right {
  width: 55%;
}

.service-hero .right-inner {
  width: 530px;
}

.service-deets {
  background-color: #f7fcff;
  padding-bottom: 121px;
}

.service-deets .site-container-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.service-deets .left, .service-deets .right {
  position: relative;
}

.service-deets .left {
  width: 58%;
}

.service-deets .right {
  width: 42%;
}

.service-deets .title {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  margin-bottom: 21px;
}

.service-deets .details {
  width: 495px;
  max-width: 90%;
}

.service-deets .detail {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
  padding: 12px 0 7px;
  border-bottom: solid 1px #2f2f2e;
}

.service-deets .detail:last-of-type {
  border-bottom: none;
}

.service-deets .images.slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 115px;
  height: 115px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #f7fcff;
  border-radius: 50%;
}

.service-deets .deets-right-inner {
  border-radius: 15px;
  border: solid 2px #d84326;
  width: 100%;
}

.service-deets .image {
  width: 100%;
  height: 100%;
  background: center / cover no-repeat;
  border-radius: 50%;
  border: solid 9px #f7fcff;
}

.service-deets .open-quote, .service-deets .close-quote {
  width: 66px;
  height: auto;
}

.service-deets .close-quote {
  position: absolute;
  right: 0;
  bottom: -15px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.service-deets .review-inner {
  padding: 30px;
  position: relative;
}

.service-deets .review {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 30px;
}

.service-deets .reviewer {
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #d84326;
}

.service-deets .review-itself .slick-track {
  padding-bottom: 45px;
}

.service-deets .bubbles {
  position: absolute;
  bottom: 30px;
  height: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-deets .bubble {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin-right: 10px;
  border-radius: 50%;
  border: solid 2px #d84326;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}

.service-deets .bubble.active {
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  background-color: #d84326;
}

.service-carousel {
  padding-bottom: 88px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), color-stop(40%, #f7fcff), color-stop(40%, #d84326), to(#d84326));
  background: -o-linear-gradient(top, #f7fcff, #f7fcff 40%, #d84326 40%, #d84326);
  background: linear-gradient(to bottom, #f7fcff, #f7fcff 40%, #d84326 40%, #d84326);
}

.service-carousel .title {
  margin: 0 auto 70px;
}

.service-carousel .button-holder .circle-button {
  color: #d84326;
  background-color: #fff;
}

.service-tag {
  background-color: #d84326;
  padding-bottom: 105px;
  margin-bottom: 70px;
}

.service-tag .site-container-none {
  width: 965px;
  max-width: 95%;
  margin: 0 auto;
}

.service-tag .right-for-you {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}

.service-tag .right-for-who {
  text-align: center;
  position: relative;
}
.service-tag .right-for-who span {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #fff;
}
.service-tag .right-for-who #rtw {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

/* ## Single Resource Page
--------------------------------------------- */

#details .form-card {
  padding: 35px 26px 36px;
  border-radius: 23px;
}
#details .form-title {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: normal;
  color: #d84326;
  margin-bottom: 15px;
}
#details .form-blurb p {
  font-size: 14px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.21;
  letter-spacing: -0.45px;
  color: #3c3c3c;
}
#details .form-blurb {
  margin-bottom: 38px;
}
#details .wpcf7-form p, #details .wpcf7-form p label {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #d84326;
}
#details .wpcf7-form p input {
  padding: 8px 21px;
  border-radius: 3px;
  border: solid 2px #d84326;
}

#details .wpcf7-form p input::placeholder {
  opacity: 0.34;
}
#details .wpcf7-form p input.wpcf7-not-valid::placeholder,
#details .wpcf7-form p input.wpcf7-not-valid {
  border-color: #2f2f2e;
  opacity: 1;
}
#details .wpcf7-form p input::placeholder,
#details .wpcf7-form p input {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #d84326;
  max-width: 100%;
}
#details .wpcf7-not-valid-tip {display: none !important;}

#details .wpcf7-email {
  margin-top: 6px;
  margin-bottom: 20px;
}

#details .your-radio {
  display: block;
  margin-top: 15px;
  margin-bottom: 40px;
}
#details .wpcf7-list-item {
  width: unset;
  /* this margin eliminates some base wpcf7 styles */
  /* margin: 0 auto 30px 0; */
  margin-left: unset;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}

#details .wpcf7-list-item input {
  display: none;
}

#details .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.79;
  letter-spacing: normal;
  color: #2f2f2e;
}

#details .wpcf7-list-item::before {
  content: '';
  display: inline-block;
  position: relative;
  margin-right: 10px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: solid 2px #5a8499;
}

#details .wpcf7-list-item label {
  cursor: pointer;
  width: calc(100% - 25px);
}

#details input:checked + .wpcf7-list-item-label::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #d84326;
}


#details .wrapper {
  /* this is for .zap-center because inputs can't have before and after elements */
  position: relative;
  width: 116px;
  height: 46px;
}

#details .success-message {
  position: relative;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
}
#details .send-area p { display: none !important; }
#details .send-area {
  padding: unset;
  background-color: #d84326;
  cursor: pointer;
  height: 46px;
  border-radius: 30px !important;
  width: 145px;
}
#details .circle-button .wpcf7-submit {
  padding: 8px 15px 7px;
  color: white;
  background-color: unset;
  border: unset;
}
#details .circle-button:hover { background-color: unset !important; }

#details .circle-button:hover .wpcf7-submit {
  color: #d84326;
  /* background-color: unset;
  border: unset; */
}



body .simpay-modal__body {
  border-radius: 15px;
  border: 2px solid #d84326;
  background-color: #fff!important;
}

body .simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el):hover {
  background-color: transparent!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  border: 2px solid #d84326!important;
  color: #d84326;
}

body .simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el) {
  box-shadow: unset!important;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: unset!important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2f2f2e;
    border-radius: 30px;
    border: 2px solid #d84326!important;
    background-color: #d84326!important;
    color: #fff;
   font-family: "Fira Sans", sans-serif!important; 
}

.simpay-styled .simpay-form-title, .simpay-styled .simpay-form-description,
.simpay-styled .simpay-form-control h1, 
.simpay-styled .simpay-form-control h2, 
.simpay-styled .simpay-form-control h3, 
.simpay-styled .simpay-form-control h4, 
.simpay-styled .simpay-form-control h5, 
.simpay-styled .simpay-form-control h6, 
.simpay-styled .simpay-form-control p, 
.simpay-styled .simpay-form-control label {
   font-family: "Fira Sans", sans-serif!important; 
   color: #2f2f2e!important;
}

.simpay-styled .simpay-form-title {
  margin-bottom: 3px;
}

.simpay-styled .simpay-form-description {
  margin-bottom: 25px;
}

.simpay-styled .simpay-form-control label {
  margin-bottom: 5px;
  display: block;
}

.stripe-area {
  display: none;
}
.resource-hero.hero {
  background-color: #5a8499;
  padding-top: 80px;
  padding-bottom: 110px;
  margin-bottom: 75px;
}

.resource-hero.hero .left, .resource-hero.hero .right {
  width: 50%;
}

.resource-hero.hero .left img {
  width: 300px;
  max-width: 100%;
}

.resource-hero.hero .right-inner {
  width: 496px;
}

.resource-hero.hero .title, .resource-hero.hero .subtitle {
  color: #fff;
}

.resource-hero.hero .title {
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  margin-bottom: 55px;
}

.resource-hero.hero .subtitle {
  width: unset;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
}

.resource-details {
  background-color: #fff;
  padding-bottom: 75px;
}

.resource-details .title {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 54px;
}

.resource-details .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.resource-details .left {
  width: 47%;
}

.resource-details .list-title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #d84326;
  margin-bottom: 29px;
}

.resource-details .list {
  /* Benji doesn't think so with a wider site container:
		width: 450px;
		max-width: 100%; */
}

.resource-details .list-item {
  margin-top: 15px;
  padding-bottom: 2px;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.52px;
  border-bottom: 1px solid #979797;
  color: black;
}

.resource-details .list-item strong {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.52px;
}

.resource-details .list-item:last-of-type {
  border-bottom: unset;
}

.resource-details .right {
  width: 45%;
  margin-left: auto;
}

.resource-details .course-card {
  width: 100%;
  margin: 0 auto;
  padding: 27px 10px 30px;
  border-radius: 15px;
  border: solid 2px;
  margin-bottom: 15px;
}

.resource-details .course-card.even {
  border-color: #d84326;
}

.resource-details .course-card.even .price {
  color: #d84326;
}

.resource-details .course-card.even .circle-button {
  color: #d84326;
  border: solid 2px #d84326;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.resource-details .course-card.even .circle-button:hover {
  color: #fff;
  background-color: #d84326!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.resource-details .course-card.odd {
  border-color: #5a8499;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.resource-details .course-card.odd .price {
  color: #5a8499;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.resource-details .course-card.odd .circle-button:hover {
  color: #fff;
  background-color:#5a8499!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.resource-details .course-card.odd .circle-button {
  color: #5a8499;
  border: solid 2px #5a8499;
}

.resource-details .course-card.odd .circle-button:hover {
  color: #fff;
  background-color: #5a8499;
}

.resource-details .price {
  font-family: "Nib Pro", serif;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 5px;
}

.resource-details .course-title {
  width: 200px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 15px;
}

.resource-details .course-title em {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
}

.resource-details .circle-button {
  height: 42px;
  padding-top: 10px;
}

.market-tag {
  background-color: #d84326;
  padding-top: 60px;
  padding-bottom: 73px;
}

.market-tag .site-container-none {
  width: 965px;
  max-width: 95%;
  margin: 0 auto;
}

.market-tag .right-for-you {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}

.market-tag .right-for-who {
  text-align: center;
  position: relative;
}
.market-tag .right-for-who span {
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #fff;
}
.market-tag .right-for-who #rtw {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.invisi-who {
  font-family: "Nib Pro", serif;
  opacity: 0;
  top: 0;
}

.resource-learning {
  margin-top: 75px;
  margin-bottom: 90px;
}

.resource-learning .title {
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 47px;
}


/* resource-learning is also used for the new screenshot component */
.resource-learning .big-guy {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 45px;
}

.resource-learning .half-guy {
  width: 48%;
  object-fit: contain;
  display: block;
}
.resource-learning .half-guy:nth-child(2) { margin-right: auto;}


.resource-learning .site-container-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
}

.resource-learning .learning-moment:nth-child(2n) {
  margin-right: unset;
}

.resource-learning .learning-moment {
  cursor: pointer;
  display: -webkit-box;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 49%;
  padding-top: 22px;
  padding-bottom: 17px;
  border-top: solid 1px #979797;
}
.resource-learning .learning-moment.not-clicky {
  cursor: unset;
}
.resource-learning .learning-moment .title-inner {
  margin-bottom: auto;
}
.resource-learning .learning-moment .accordion {
  max-height: 0px;
  margin-bottom: auto;
  overflow: hidden;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}
.resource-learning .learning-moment .accordion.active {
  max-height: 400px;
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;

}
.resource-learning .learning-moment .bullet {
  margin-left: 25px;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 200;
  line-height: 1.3;
  letter-spacing: -0.52px;
  margin-bottom: 7px;
}
.resource-learning .learning-moment .bullet:first-of-type {
  margin-top: 15px;
}
.resource-learning .learning-moment .bullet::marker {
  font-size: 12px;
}

.resource-learning .learning-moment:nth-child(1) {
  border-top: unset;
}

.resource-learning .words {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.77px;
  width: calc(100% - 20px);
}

.resource-learning .plus {
  display: inline-block;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.62px;
  color: #d84326;
  margin-right: 10px;
  width: 10px;
}

.qs-and-reviews {
  background-color: #f7fcff;
  padding-top: 90px;
  padding-bottom: 105px;
}

.qs-and-reviews .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.qs-and-reviews .left {
  width: 47%;
}

@media (min-width: 952px) {

  .qs-and-reviews .left.no-reviews {
    width: 100%;
  }
  
  .qs-and-reviews .left.no-reviews .qs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
  }
  
  .qs-and-reviews .left.no-reviews .qa:nth-child(1),
  .qs-and-reviews .left.no-reviews .qa:nth-child(2) {
    padding-top: unset;
  }
  
  .qs-and-reviews .left.no-reviews .qa {
    width: 49%;
    margin-right: auto;
    padding: 12px 0;
    border-top: unset;
    border-bottom: solid 1px #979797;
  }
  .qs-and-reviews .left.no-reviews .qa:nth-child(2n) {
    margin-right: unset;
  }

  .qs-and-reviews .left.no-reviews .qa.no-bottom {
    border-bottom-color: rgba(255, 255, 255, 0);
  }
}


.qs-and-reviews .title {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #d84326;
  margin-bottom: 30px;
}

/* margin-top because the element doesn't always exist */
.qs-and-reviews .qs-contact {
  margin-top: 60px;
}

.qs-and-reviews .qa {
  padding: 9px 0;
  border-top: solid 1px #979797;
}

.qs-and-reviews .qa:first-of-type {
  padding-top: unset;
  border-top: unset;
}

.qs-and-reviews .accordion, .qs-and-reviews .answer p {
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.52px;
}
.qs-and-reviews .accordion, .qs-and-reviews .answer p a { color: black; }


.qs-and-reviews .accordion {
  cursor: pointer;
  font-weight: normal;
}

.qs-and-reviews .accordion::before {
  content: '+';
  display: inline-block;
  position: relative;
  margin-right: 10px;
  color: #d84326;
}

.qs-and-reviews .accordion.active::before {
  content: '-';
}

.qs-and-reviews .accordion.active.no-minus::before {
  display: none !important;
}
.qs-and-reviews .accordion.no-minus { cursor: unset !important; }

.qs-and-reviews .answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}

.qs-and-reviews .answer p {
  margin: 10px 0;
  font-weight: 200;
}

.qs-and-reviews .answer p:last-of-type {
  margin-bottom: 15px;
}

.qs-and-reviews .active + .answer {
  max-height: 500px;
  opacity: 1;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.qs-and-reviews .qs-contact p {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.3;
  letter-spacing: -0.52px;
}

.qs-contact {
  width: 100%;
}

.qs-and-reviews .qs-contact p a:link, .qs-and-reviews .qs-contact p a:active, .qs-and-reviews .qs-contact p a:hover, .qs-and-reviews .qs-contact p a:focus {
  color: #d84326;
  font-style: normal;
  text-decoration: none;
}

.qs-and-reviews .right {
  width: 43%;
  position: relative;
  border-radius: 15px;
  border: solid 2px #d84326;
}

.qs-and-reviews .images.slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 115px;
  height: 115px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #f7fcff;
  border-radius: 50%;
}

.qs-and-reviews .image {
  width: 100%;
  height: 100%;
  background: center / cover no-repeat;
  border-radius: 50%;
  border: solid 9px #f7fcff;
}

.qs-and-reviews .open-quote, .qs-and-reviews .close-quote {
  width: 66px;
  height: auto;
}

.qs-and-reviews .close-quote {
  position: absolute;
  right: 0;
  bottom: -15px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.qs-and-reviews .review-inner {
  padding: 30px;
  position: relative;
}

.qs-and-reviews .review {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 30px;
}

.qs-and-reviews .reviewer {
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #d84326;
}

.qs-and-reviews .review-itself .slick-track {
  padding-bottom: 45px;
}

.qs-and-reviews .bubbles {
  position: absolute;
  bottom: 30px;
  height: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.qs-and-reviews .bubble {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin-right: 10px;
  border-radius: 50%;
  border: solid 2px #d84326;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}

.qs-and-reviews .bubble.active {
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  background-color: #d84326;
}

.resource-teller.tell-teller {
  padding-top: 100px;
  padding-bottom: 100px;
}

.resource-teller.tell-teller .title {
  margin-bottom: 55px;
}

.resource-teller.tell-teller .button-flex {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.resource-teller.tell-teller .circle-button {
  border: solid 2px #fff;
  color: #fff;
  margin-right: 15px;
  height: 46px;
}

.resource-teller.tell-teller .circle-button span {
  position: relative;
  top: -1px;
}

.resource-teller.tell-teller .circle-button:last-of-type {
  margin-right: unset;
}

.resource-teller.tell-teller .circle-button:hover {
  color: #5a8499;
  background-color: #fff;
}

.resource-teller.tell-teller .newsletter-cta {
  margin-top: 40px;
  width: 100%;
  display: block;
  color: white;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: -0.52px;
  text-align: center;
}

.resource-teller.tell-teller .newsletter-cta a {
  color: white !important;
  text-decoration: underline !important;
  font-weight: 400;
}

.resource-newsletter-curtain {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 999999999;
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}
.resource-newsletter-curtain.active {
  opacity: 1;
  height: 100%;
  pointer-events: unset;
}
.resource-newsletter-curtain .shadowbox {
  width: 100vw;
  max-width: 440px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  z-index: 1;
  border-radius: 15px;
  border: 2px solid #d84326;
  background-color: #fff !important;
}
.resource-newsletter-curtain .shadowbox-inner {
  position: relative;
  padding: 30px;
  background: #fff;
}
.resource-newsletter-curtain .shadowbox-close {
  font-family: Roboto,"Open Sans",Segoe UI,sans-serif;
  color: #a6a6a6;
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 3;
}

.resource-newsletter-curtain .shadowbox .title {
  margin-bottom: 3px;
}
.resource-newsletter-curtain .shadowbox .title,
.resource-newsletter-curtain .shadowbox .description,
.resource-newsletter-curtain .shadowbox form {
  font-family: "Fira Sans", sans-serif !important;
  color: #2f2f2e !important;
}
.resource-newsletter-curtain .shadowbox .title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: initial;
  margin: 0;
  margin-bottom: 3px;
  text-align: center;
}
.resource-newsletter-curtain .shadowbox .description {
  margin-bottom: 25px;
}
.resource-newsletter-curtain .shadowbox .description p {
  font-size: 16px;
  color: #666;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
}
.resource-newsletter-curtain .shadowbox .description p:last-of-type {
  margin-bottom: unset !important;
}

.resource-newsletter-curtain form .wpcf7-not-valid-tip { 
  display: none !important;
}
.resource-newsletter-curtain form .wpcf7-not-valid {
  border: 2px solid #d84326 !important;
}
.resource-newsletter-curtain form label {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  line-height: 1.2;
  margin-bottom: 5px;
  display: block;
}
.resource-newsletter-curtain form input::placeholder {
  opacity: 1;
  color: #c7c7c7;
}
.resource-newsletter-curtain form input {
  font-size: 15px;
  font-weight: 500;
  color: #32325d;
  background: #fff;
  box-shadow: none;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  padding: 0.4375em;
  height: 36px;
  min-height: 36px;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.resource-newsletter-curtain form [name=resource-resource] {
  display: none !important;
}
.resource-newsletter-curtain form input[type=submit] {
  box-shadow: unset !important;
  padding: 6px 10px;
  cursor: pointer;
  position: relative;
  display: inline-block !important;
  width: 100%;
  text-decoration: none;
  text-transform: unset !important;
  font-family: "Fira Sans", sans-serif !important;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  border-radius: 30px;
  border: 2px solid #d84326 !important;
  background-color: #d84326 !important;
  color: #fff;
}
.resource-newsletter-curtain form.sent input[type=submit] {
  display: none !important;
}
.resource-newsletter-curtain form input[type=submit]:hover {
  background-color: transparent !important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  border: 2px solid #d84326 !important;
  color: #d84326;
}
.resource-newsletter-curtain .th-success-message {
  opacity: 0;
  pointer-events: none;
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "Fira Sans", sans-serif !important;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.resource-newsletter-curtain .th-success-message.active {
  opacity: 1;
  pointer-events: unset;
}

/* ## Single Case Study Page
--------------------------------------------- */
.study-hero {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f7fcff;
}

.study-hero .page-title {
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
}

.study-hero .author {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #5a8499;
  margin-bottom: 34px;
}

.study-hero .ruler {
  width: 100%;
  height: 1px;
  background-color: #979797;
  margin-bottom: 30px;
}

.study-hero .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.study-hero .left {
  max-width: 44%;
  width: 453px;
  margin-right: auto;
}

.study-hero .right {
  max-width: 45%;
  width: 465px;
  margin-left: auto;
}

.study-hero .description {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.71;
  letter-spacing: -0.77px;
}

.study-hero .right .title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #d84326;
  margin-top: 6px;
  margin-bottom: 7px;
}

.study-hero .right .blurb {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.52px;
  margin-bottom: 23px;
}

.study-accomps {
  margin-top: 110px;
  margin-bottom: 90px;
}

.study-accomps .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.study-accomps .title {
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: normal;
  color: #d84326;
  max-width: 30%;
  margin-right: auto;
}

.study-accomps .right {
  max-width: 68%;
  width: 68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.study-accomps .item {
  width: calc(50% - 25px);
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 25px;
}

.study-accomps .item.button-holder {
  display: block;
}

.study-accomps .item:nth-of-type(2n) {
  margin-right: unset;
}

.study-accomps .fake-circle-button {
  text-decoration: none;
  border-radius: 22px;
  font-size: 18px;
  padding: 10px 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  margin-left: -22px;
  border: solid 2px #d84326;
  color: #d84326;
}

.study-accomps .fake-circle-button:hover {
  background-color: #d84326;
  color: #fff;
}

.content {
  /* standard */
  /* the rest of styles */
  /* something that follows a certain type, which doesn't need those big paddings */
}

.content section {
  /* background-colors depend on nth child */
  /* normal FC padding-top, but if it's the first one padding is a bit smaller */
  padding-top: 100px;
  /* at the end, give me a bottom padding */
}

/* make a blue background on the first 2.5 sections */
/* .content section:nth-child(1), .content section:nth-child(2) { */
.content section.blue-boi {
  background-color: #f7fcff;
}

/* .content section:nth-child(3) { */
.content section.end-blue-boi {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), color-stop(50%, #f7fcff), color-stop(50%, #fff), to(#fff));
  background: -o-linear-gradient(top, #f7fcff 0%, #f7fcff 50%, #fff 50%, #fff 100%);
  background: linear-gradient(to bottom, #f7fcff 0%, #f7fcff 50%, #fff 50%, #fff 100%);
}

.content section:first-of-type {
  padding-top: 120px;
}

.content section:last-of-type {
  padding-bottom: 100px;
}

.content section .site-container-wide {
  position: relative;
}

.content .audio-section {
  z-index: 10;
}

.content .study-text-section .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content .study-text-section .left {
  width: 18%;
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: normal;
  color: #d84326;
}

.content .study-text-section .right {
  width: 821px;
  max-width: 80%;
  margin-left: auto;
}

.content .study-text-section p a { color: #000; }
.content .study-text-section p {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.52px;
  color: black;
  margin-bottom: 20px;
}

.content .study-text-section p:last-of-type {
  margin-bottom: unset;
}

.content .study-text-section blockquote {
  margin: 40px 0;
}

.content .study-text-section blockquote p {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-style: italic;
  letter-spacing: -0.77px;
}

.content .study-text-section blockquote::before {
  display: none;
}

.content .study-text-section blockquote:last-of-type {
  margin-bottom: unset;
}

.content .study-image-section .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content .study-image-section .site-container-wide .image.one-image:before,
.post-body .blog-image-section .site-container-blog .image.one-image:before {
  padding-top: 50%;
  content: '';
  display: block;
  width: 100%;
}

.content .study-image-section .site-container-wide .image {
  background: center / contain no-repeat;
}

.content .study-image-section .site-container-wide .image.two-image:before,
.content .study-image-section .site-container-wide .image.three-image:before,
.post-body .blog-image-section .site-container-blog .image.three-image:before,
.post-body .blog-image-section .site-container-blog .image.two-image:before {
  padding-top: 130%;
  content: '';
  display: block;
  width: 100%;
}

.content .study-image-section .site-container-wide .image.one-image {
  width: 100%;
}

.content .study-image-section .site-container-wide .image.two-image {
  width: calc(50% - 35px);
}

.content .study-image-section .site-container-wide .image.three-image {
  width: calc(100% / 3 - 46px);
}

.content .study-video-section .site-container-wide {
  position: relative;
}

.content .study-video-section video {
  position: relative;
  z-index: 1;
}

.content .study-video-section .button-holder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: #0004;
}

.content .study-video-section .play-button {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  border-color: rgba(255, 255, 255, 0);
  border-width: 40px;
  border-left: solid 70px #fff;
  border-style: solid;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.content .study-quote-section p {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.71;
  letter-spacing: -0.77px;
  text-align: center;
}

.content .study-text-section + .study-text-section {
  padding-top: 60px;
}

.content .study-image-section + .study-image-section, .content .study-quote-section + .study-video-section, .content .study-video-section + .study-video-section {
  padding-top: 47px;
}

.study-final-image {
  height: 60vh;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #5a8499), to(#5a8499));
  background: -o-linear-gradient(top, #fff 0%, #fff 50%, #5a8499 50%, #5a8499 100%);
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #5a8499 50%, #5a8499 100%);
}

.study-final-image .site-container-wide {
  overflow: hidden;
  height: 100%;
  position: relative;
}

.study-tell-teller.tell-teller {
  padding-top: 100px;
  padding-bottom: 100px;
}

.study-tell-teller.tell-teller .title {
  margin-bottom: 55px;
}

.study-tell-teller.tell-teller .button-flex {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.study-tell-teller.tell-teller .circle-button {
  border: solid 2px #fff;
  color: #fff;
  margin-right: 15px;
  height: 46px;
  padding-top: 12px;
}

.study-tell-teller.tell-teller .circle-button:last-of-type {
  margin-right: unset;
}

.study-tell-teller.tell-teller .circle-button:hover {
  color: #5a8499;
  background-color: #fff;
}

/* ## Contact Page
--------------------------------------------- */

.contact-page p {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
/*.contact-page {
  background-color: #f7fcff;
  padding-top: 75px;
}

.contact-page .title {
  margin: 0 auto 50px;
  font-size: 48px;
}*/

.contact-page .title, .contact-page .title span {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
}

.form-field-set.second {
  margin-top: 40px;
}

.contact-page .form-title.blurb-below {
  margin-bottom: 10px;
}

/* .contact-page .form-text span, */
.contact-page .form-title {
  font-family: "Nib Pro", serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  margin-bottom: 24px;
  margin-top: 50px;
}

.contact-page .form-title:first-of-type {
  margin-top: unset;
}

.contact-page .wpcf7 {
  max-width: 100%;
}

/* .contact-page form {
  margin-bottom: 65px;
} */

.contact-page form p:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-page label {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
}

.contact-page .firstname {
  width: 19%;
  margin-right: auto;
}

.contact-page .lastname {
  width: 29%;
  margin-right: auto;
}

.contact-page .emailaddress {
  width: 29%;
  margin-right: auto;
}
.contact-page .tephahone {
  width: 19%;
}

.contact-page span, .contact-page input {
  width: 100%;
}

.contact-page span {
  margin-top: 5px;
}

.contact-page input, .contact-page select, .contact-page textarea {
  /* border: none; */
  padding: 3px 0 0 15px;
  height: 40px;
  color: #5a8499;
  background-color: #f7fcff;
}
.contact-page input, .contact-page select, .contact-page textarea {
  border: solid 1px #5a8499;
  border-radius: 5px;
}

.contact-page input::-webkit-input-placeholder, .contact-page select::-webkit-input-placeholder, .contact-page textarea::-webkit-input-placeholder {
  color: #5a8499;
  opacity: 0.3;
}

.contact-page input::-moz-placeholder, .contact-page select::-moz-placeholder, .contact-page textarea::-moz-placeholder {
  color: #5a8499;
  opacity: 0.3;
}

.contact-page input:-ms-input-placeholder, .contact-page select:-ms-input-placeholder, .contact-page textarea:-ms-input-placeholder {
  color: #5a8499;
  opacity: 0.3;
}

.contact-page input::-ms-input-placeholder, .contact-page select::-ms-input-placeholder, .contact-page textarea::-ms-input-placeholder {
  color: #5a8499;
  opacity: 0.3;
}

.contact-page input::placeholder, .contact-page select::placeholder, .contact-page textarea::placeholder {
  color: #5a8499;
  opacity: 0.3;
}

.contact-page .wpcf7-not-valid {
  color: #d84326;
}

.contact-page .wpcf7-not-valid::-webkit-input-placeholder {
  color: #d84326;
  opacity: 1;
}

.contact-page .wpcf7-not-valid::-moz-placeholder {
  color: #d84326;
  opacity: 1;
}

.contact-page .wpcf7-not-valid:-ms-input-placeholder {
  color: #d84326;
  opacity: 1;
}

.contact-page .wpcf7-not-valid::-ms-input-placeholder {
  color: #d84326;
  opacity: 1;
}

.contact-page .wpcf7-not-valid::placeholder {
  color: #d84326;
  opacity: 1;
}

.contact-page select {
  width: 100%;
  cursor: pointer;
}

.contact-page .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-page .wpcf7-list-item {
  width: unset;
  /* this margin eliminates some base wpcf7 styles */
  margin: 0 auto 30px 0;
    display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: baseline;
}

.contact-page .wpcf7-list-item input {
  display: none;
}

.contact-page .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  color: #5a8499;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}

.contact-page .wpcf7-list-item::before {
  content: '';
  display: inline-block;
  position: relative;
  margin-right: 10px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: solid 2px #5a8499;
}

.contact-page .wpcf7-list-item label {
  cursor: pointer;
  width: calc(100% - 20px);
}

.contact-page .wpcf7-not-valid-tip {
  display: none !important;
}

.contact-page input:checked + .wpcf7-list-item-label::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -17px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #d84326;
}

.contact-page .referral {
  width: calc(35% - 8px);
  margin-right: auto;
}
.contact-page .referral-text {
  width: calc(65% - 8px);
  opacity: 0;
  max-height: 0;
  transition: ease all .5s;
  overflow: hidden;
  /* white-space: nowrap; */
}
.contact-page .referral-text.active {
  max-height: 100px;
  opacity: 1;
  transition-duration: .2s;
}

.contact-page .interest, .contact-page .budget {
  /* width: calc(50% - 8px); */
  margin-bottom: 10px;
  width: 100%;
}

/* .contact-page .interest {
  margin-right: auto;
} */

.contact-page .select-004,
.contact-page .other-interest,
.contact-page .select-005,
.contact-page .select-006,
.contact-page .textarea-009 {
  display: block;
  width: 100%;
  background-color: #fff;
  margin-top: 5px;
  margin-bottom: 35px;
}

.contact-page .wpcf7-select {
  background: -o-linear-gradient(45deg, #f7fcff 40%, #5a8499 40%, #5a8499 50%, #f7fcff 51%), -o-linear-gradient(315deg, #f7fcff 40%, #5a8499 40%, #5a8499 50%, #f7fcff 51%), #f7fcff;
  background: linear-gradient(45deg, #f7fcff 40%, #5a8499 40%, #5a8499 50%, #f7fcff 51%), linear-gradient(135deg, #f7fcff 40%, #5a8499 40%, #5a8499 50%, #f7fcff 51%), #f7fcff;
  background-position: calc(100% - 23px) calc(1em + 2px), calc(100% - 16px) calc(1em + 2px), center;
  background-size: 8px 8px, 8px 8px, cover;
  background-repeat: no-repeat;
}

.contact-page select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  outline: none !important;
  position: relative;
}

.contact-page .project {
  width: 100%;
}
.contact-page .project span {
  margin-bottom: 58px;
}

.contact-page .textarea-004 {
  display: block;
  width: 100%;
  height: 120px;
}

.contact-page textarea {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f7fcff;
  padding-top: 13px;
  outline: none !important;
}

.contact-page .wrapper {
  /* this is for .zap-center because inputs can't have before and after elements */
  position: relative;
  width: 116px;
  height: 46px;
}

.contact-page .success-message {
  position: relative;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
}
.contact-page .send-area p { display: none !important; }
.contact-page .send-area {
  padding: unset;
}
.contact-page .send-area {
  cursor: pointer;
  height: 46px;
  padding-top: 2px;
  border-radius: 30px !important;
  width: 146px;
}
.contact-page .circle-button .wpcf7-submit {
  border: unset;
  padding: 8px 35px 7px;
  color: white;
  background-color: unset;
}
.contact-page .circle-button.first-send-area {
  background-color: #d84326;
  margin-top: 50px;
}



/* Contact Page update May 2022 */
.contact-page .interest-other {
  width: 100%;
  max-height: 100px;
  overflow: hidden;
  opacity: 1;
  transition: ease all .2s;
  margin-bottom: 10px;
}

.contact-page .form-field-set,
.contact-page p,
.contact-page .outer-hider-thing,
.contact-page .first-send-area {
  margin: 0 2%;
}

.contact-page .outer-hider-thing label { margin-bottom: 32px; }
.contact-page .outer-hider-thing .wpcf7-list-item label { margin-bottom: unset !important; }

.contact-page .first-send-area {
  margin: 0 auto;
  display: block;
}
.contact-page .resources-fadein form p {
  margin: unset !important;
}
.x-pander {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: ease all .5s;
}
.x-pander.active {
  opacity: 1;
  max-height: 500px;
  transition-duration: .2s;
}

.contact-page .resources-fadein {
  opacity: 0;
  max-height: 0;
  padding: 55px 7.5%;
  border-radius: 20px;
  background-color: #5a8499;
  transition: ease all .5s;
}
.contact-page .resources-fadein.active {
  opacity: 1;
  max-height: 500px;
  margin-bottom: 50px;
  transition-duration: .2s;
}
.contact-page .interest-other.hidden,
.contact-page .form-field-set.hidden,
.contact-page .outer-hider-thing.hidden,
.contact-page .budget.hidden,
.contact-page .project.hidden,
.contact-page .send-area.hidden,
.contact-page .referral {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: ease all .5s;
}

.contact-page .outer-hider-thing {
  opacity: 1;
  transition-duration: .2s;
  max-height: 350px;
}

.contact-page .form-field-set,
.contact-page .send-area,
.contact-page .budget,
.contact-page .referral.active {
  opacity: 1;
  transition-duration: .2s;
  max-height: 100px;
}
.contact-page .project {
  opacity: 1;
  transition-duration: .2s;
  max-height: 210px;
}

.contact-page .resources-title,
.contact-page .resources-catcher {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.contact-page .resources-catcher a:focus,
.contact-page .resources-catcher a:hover,
.contact-page .resources-catcher a {
  color: #fff !important;
}
.contact-page .resources-catcher p {
  text-align: center;
  display: block !important;
}

.contact-page .resources-title { margin-bottom: 40px; }
/* .contact-page .resources-catcher { margin-bottom: 40px; } */
.contact-page .resources-fadein form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.contact-page .resources-fadein form p {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 129px);
  margin-bottom: unset;
}

.contact-page .resources-fadein .send-area {
  width: 121px;
  background-color: #5a8499;
  color: #fff;
  border: solid 2px #fff;
}
.contact-page .resources-fadein .send-area:hover {
  background-color: #fff;
}
.contact-page .resources-fadein .send-area:hover input {
  color: #5a8499;
}
.contact-page .resources-fadein .send-area input {
  cursor: pointer;
  font-size: 14px;
}

.contact-page .resources-fadein .hidden { display: none !important; }

.contact-page .name-002 input::placeholder,
.contact-page .email-002 input::placeholder { opacity: 1; }
.contact-page span[data-name="name-002"],
.contact-page span[data-name="email-002"] {
  /* the button is 146px, and the margins are 8 and 11 */
  width: calc(50% - 4px);
  margin-top: unset !important;
  display: block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
}
.contact-page span[data-name="name-002"] { margin-right: auto; }

.contact-page .resources-fadein .success-message { color: #fff !important; }



/* TY page update */
.ty-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}
.ty-flex.top {
  align-items: center;
}
.ty-flex.top + .ty-flex.bottom {
  margin-top: 46px;
}
.ty-flex.bottom { align-items: center; }
.ty-flex .left-side {
  width: calc(95% - 170px);
  max-width: 100%;
  margin-right: auto;
}
.ty-flex .right-side {
  width: 170px;
}
.ty-flex .right-side .button {
  text-decoration: none;
  display: block;
  background-color: #5a8499;
  border-radius: 11px;
  box-shadow: 0 0 13px 0 #00000007;
  padding: 20px 35px 18px
}
.ty-flex .right-side .button .title {
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.ty-flex .left-side {
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.52px;
  color: #000;
}
.ty-flex .left-side a {
  font-weight: bold;
  color: #5a8499;
  text-decoration: none;
}
.ty-flex .right-side .circle-button {
  margin-top: unset !important;
  width: 100%;
  background-color: #d84326;
}


/* ## About Page
--------------------------------------------- */
.about-title {
  padding-top: 70px;
  background-color: #f7fcff;
  padding-bottom: 90px;
}

.about-title .page-title {
  margin: 0 auto;
  width: 801px;
  max-width: 90%;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 62px;
}

.about-title .blurb {
  margin: 0 auto;
  width: 496px;
  max-width: 85%;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
  text-align: center;
}

.bragging-rights {
  margin-bottom: 100px;
  background-image: -o-linear-gradient(top, #f7fcff 0%, #f7fcff 15px, #fff 15px, #fff 100%);
  background-image: linear-gradient(to bottom, #f7fcff 0%, #f7fcff 15px, #fff 15px, #fff 100%);
}

.bragging-rights .title {
  margin: 0 auto;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 90px;
}

.bragging-rights .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bragging-rights .left {
  width: 56%;
}

.bragging-rights .published-title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #d84326;
  margin-bottom: 17px;
}

.bragging-rights .columns {
  /* Alphabetized Columns:
		columns: 3; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bragging-rights .publisher {
  /* Alphabetized Columns:
		display: inline-block;
		width: 70%;
		margin-right: 30%; 
		padding-bottom instead of padding-top,
		border-bottom instead of border-top,
		no nth-children
		&:last-of-type {
			margin-bottom: unset;
		}
		*/
  width: 26%;
  margin-right: 11%;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.52px;
  color: black;
  margin-bottom: 8px;
  border-top: solid 1px #2f2f2e;
  padding-top: 11px;
}

.bragging-rights .publisher:nth-child(3n) {
  margin-right: unset;
}

.bragging-rights .publisher:nth-child(1), .bragging-rights .publisher:nth-child(2), .bragging-rights .publisher:nth-child(3) {
  border-top: unset;
}

.bragging-rights .right {
  width: 44%;
}

.brags-repeater {
  margin-bottom: 96px;
}

.brags-repeater .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.brags-repeater .brag {
  width: 31%;
  margin-right: 3.5%;
}

.brags-repeater .brag:nth-child(3) {
  margin-right: unset;
}

.brags-repeater .title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: #d84326;
  margin-bottom: 20px;
}

.brags-repeater .blurb p {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.33;
  letter-spacing: -0.58px;
  text-align: center;
}

.brag-blurb {
  margin-bottom: 80px;
}

.brag-blurb .blurb {
  width: 496px;
  max-width: 85%;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.52px;
  text-align: center;
  color: black;
}

.about-reviews {
  padding-bottom: 105px;
  background-image: -o-linear-gradient(top, #fff 0%, #fff 15px, #f7fcff 15px, #f7fcff 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #fff 15px, #f7fcff 15px, #f7fcff 100%);
}

.about-reviews .reviews-title {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 125px;
}

.about-reviews .site-container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-reviews .right, .about-reviews .left {
  width: 42%;
  position: relative;
  border-radius: 15px;
  border: solid 2px #d84326;
}

.about-reviews .center {
  width: 8%;
  background: center / contain no-repeat;
}

.about-reviews .center::before {
  content: '';
  display: inline-block;
  position: relative;
  padding-top: 62%;
}

.about-reviews .images.slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 115px;
  height: 115px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #f7fcff;
  border-radius: 50%;
}

.about-reviews .image {
  width: 100%;
  height: 100%;
  background: center / cover no-repeat;
  border-radius: 50%;
  border: solid 9px #f7fcff;
}

.about-reviews .open-quote, .about-reviews .close-quote {
  width: 66px;
  height: auto;
}

.about-reviews .close-quote {
  position: absolute;
  right: 0;
  bottom: -15px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.about-reviews .review-inner {
  padding: 30px;
  position: relative;
}

.about-reviews .review {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 30px;
}

.about-reviews .reviewer {
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #d84326;
}

.about-reviews .review-itself .slick-track {
  padding-bottom: 45px;
}

.about-reviews .bubbles {
  position: absolute;
  bottom: 30px;
  height: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-reviews .bubble {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin-right: 10px;
  border-radius: 50%;
  border: solid 2px #d84326;
  -webkit-transition: ease all .5s;
  -o-transition: ease all .5s;
  transition: ease all .5s;
}

.about-reviews .bubble:last-of-type {
  margin-right: 0;
}

.about-reviews .bubble.active {
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  background-color: #d84326;
}

.about-teller.tell-teller {
  padding-top: 100px;
  padding-bottom: 100px;
}

.about-teller.tell-teller .title {
  margin-bottom: 55px;
}

.about-teller.tell-teller .button-flex {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-teller.tell-teller .circle-button {
  border: solid 2px #fff;
  color: #fff;
  margin-right: 15px;
  height: 46px;
  padding-top: 12px;
}

.about-teller.tell-teller .circle-button:last-of-type {
  margin-right: unset;
}

.about-teller.tell-teller .circle-button:hover {
  color: #5a8499;
  background-color: #fff;
}

/* # Site Navigation
---------------------------------------------------------------------------------------------------- */
.the-header-container {
  background-color: #f7fcff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  border-bottom: solid 1px #2e2e2d26;
  z-index: 99;
}

.the-header-container .navigation-container {
  height: 100%;
  width: 1250px;
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.the-header-container .site-logo {
  width: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: auto;
}

.the-header-container .logo-img {
  height: auto;
  width: 100%;
}

.the-header-container .nav {
  width: calc(100% - 75px);
}

.the-header-container .nav-desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: auto;
}

/* ## Mobile Menu
--------------------------------------------- */

.mobile-nav {
  width: 23px;
  right: 0;
  height: 11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
  margin-left: auto;
  z-index: 3;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  display: none;
}

.mobile-nav.open {
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.mobile-nav.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 3px;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.mobile-nav.open span:nth-child(2) {
    transform: rotate(-45deg);
    bottom: 6px;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.mobile-nav span:nth-child(2) {
    bottom: 0;
    top: auto;
}

.mobile-nav span {
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #d84326;
    content: '';
    display: block;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.mobile-popover-menu {
  height: 100%;
  width: 100%;
  top: -100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  position: fixed;
  left: 0;
  background-color: #f7fcff;
  z-index: 96;
}

.mobile-popover-menu.open {
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.mobile-inner-menu {
  width: 500px;
  max-width: 90%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  right: 0;
}

.mobile-menu-button {
  width: 100%;
  text-align: center;
  color: #3c3c3c;
  margin-bottom: 25px;
  font-size: 30px;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

.mobile-menu-button:last-of-type {
  margin-bottom: 0;
}

.mobile-menu-button > div {
  position: relative;
  top: 50px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.open .mobile-menu-button > div {
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-by {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.site-badge {
  width: 130px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.site-footer {
  background-color: #5a8499;
  border-top: solid 1px #ffffff26;
  padding-top: 40px;
}

.site-footer .footer-container {
  width: 1100px;
  max-width: 85%;
  margin: 0 auto;
}

.site-footer .links {
  margin-bottom: 40px;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-footer .links a, .site-footer .links span {
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.site-footer .links span {
  margin: 0 22px;
}

.site-footer .links span:last-of-type {
  /* Benji took this down from 25 because it looked off */
  margin-right: 40px;
}

.site-footer .social-link {
  height: 26px;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px;
}

.site-footer .social-link:last-of-type {
  margin-right: unset;
}

.site-footer .social-link img {
  width: 100%;
  height: auto;
}

.site-footer .blurb {
  font-family: "Nib Pro", serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 28px;
}

.site-footer form {
  position: relative;
  width: calc(100% - 50px);
  margin: 0 auto;
  padding-bottom: 30px;
}

.site-footer form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* width: 100%; */
  width: calc(100% - 101px);
}

.site-footer form .wpcf7-form-control-wrap {
  /* width: calc(50% - 67px); */
  width: calc(50% - 20px);
  margin-right: 17px;
  display: block;
}

.site-footer form .wpcf7-form-control-wrap:last-of-type {
  margin-right: 22px;
}

.site-footer form br {
  display: none;
}

.site-footer form input {
  height: 40px;
  width: 100%;
  padding: 11px 15px 10px;
  border: unset;
  border-radius: 3px !important;
  background-color: #f7fcff;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #5a8499;
}

.site-footer form input.wpcf7-not-valid {
  color: #d84326;
}

.site-footer form input.wpcf7-not-valid::-webkit-input-placeholder {
  color: #d84326;
}

.site-footer form input.wpcf7-not-valid::-moz-placeholder {
  color: #d84326;
}

.site-footer form input.wpcf7-not-valid:-ms-input-placeholder {
  color: #d84326;
}

.site-footer form input.wpcf7-not-valid::-ms-input-placeholder {
  color: #d84326;
}

.site-footer form input.wpcf7-not-valid::placeholder {
  color: #d84326;
}

.site-footer form input::-webkit-input-placeholder {
  opacity: 1;
  color: #5a8499;
}

.site-footer form input::-moz-placeholder {
  opacity: 1;
  color: #5a8499;
}

.site-footer form input:-ms-input-placeholder {
  opacity: 1;
  color: #5a8499;
}

.site-footer form input::-ms-input-placeholder {
  opacity: 1;
  color: #5a8499;
}

.site-footer form input::placeholder {
  opacity: 1;
  color: #5a8499;
}

.site-footer form .wpcf7-not-valid-tip {
  display: none !important;
}

.site-footer form .send-area {
  cursor: pointer;
  width: 95px;
  padding: unset;
  height: 46px;
  border-radius: 30px !important;
  border: solid 2px #fff;
  background-color: unset;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.site-footer form .send-area:hover {
  background-color: #fff;
}
.site-footer form .send-area:hover .wpcf7-submit {
  color: #5a8499;
}

.site-footer form .send-area .wpcf7-submit {
  cursor: pointer;
  background-color: unset;
  color: #fff;
}


.site-footer .copyright {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 21px;
}

.site-footer .that-bottom-asterisk-that-made-the-footer-container-wide {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */
.width-checker {
  display: none;
}

/* Reviews without buttons universally require different margins */
.review-inner.no-buttons .slick-track { padding-bottom: 5px !important; }

/* Poem page */
.poem-width-checker {
  float: right;
  display: none;
}

@media (max-width: 1150px) {
  .resources-index-hero .resource-card {
    padding: 40px 2.5%;
  }
  .services .service-title,
  .experience .item-title {
    font-size: 28px;
  }
  .services .service,
  .experience .item {
    max-height: 45px;
  }
  .services-index-hero .card {
      width: calc((100% - 100px) / 3);
  }

  .post-filters .filters-left {
    margin-bottom: 11px;
  }
  .post-filters .search-right {
    margin: 0 auto 0 0;
  }
}

@media (max-width: 1000px) {
}

@media (min-width: 952px) {
  .other-services .card:nth-child(2) {
    border-top: unset;
    padding-top: unset;
  }
  .resource-learning .learning-moment:nth-child(2) {
    border-top: unset;
  }

  .mobile-only-resurce-buttons {
    display: none;
  }
}

@media (max-width: 951px) {
  /* Poem page */
  .poem-width-checker {
    float: left;
    display: none;
  }

  .tell-teller .site-container-none {
    width: 90%;
    margin: 0 auto;
  }
  .poem-screen .site-container-left {
    width: 100%;
    max-width: 100%;
  }
  .slider-hero {
    z-index: 10;
  }
  .poem-page-hero.hero {
    display: none;
  }
  .slider-hero {
    display: block;
    background-color: #f7fcff;
  }

  .poem-screen .bubble:nth-child(1) {
    display: none!important;
  }
  .poem-screen .bubbles.hide {
    opacity: 0;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    pointer-events: none;
  }
  .poem-screen .bubbles {
    position: absolute;
    z-index: 12;
    height: 13px;
    top: 30px;
    left: 7.5%;
    opacity: 1;
    pointer-events: inherit;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }
  .poem-screen .bubble {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-bottom: 10px;
    border-radius: 50%;
    border: solid 2px #d84326;
    -webkit-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
  }
  .poem-screen .bubble.active {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    background-color: #d84326;
  }
  .slide-container {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* align-items: flex-end; */
    /* if in-slider image */
    height: calc(100vh - 100px);
    align-items: flex-start;
  }
  .slick-list, .slick-slide {
    height: 100%;
  }
  .poem-screen .fancy-image {
    pointer-events: none;
    position: absolute;
    background-color: #fff;
    /* z-index: 5; */
    top: 0;
    opacity: 0;
    right: 0;
    height: calc(100vh - 250px);
    width: 100%;
    margin-bottom: 28px;
    transition: opacity linear 1s .25s;
  }
  .poem-screen .fancy-image.active {
    top: 0;
    opacity: 1;
  }
  .fancy-image .animation, .fancy-image .static {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .poem-screen .poem-image {
    height: calc(100vh - 250px);
    width: 100%;
    background: center / cover no-repeat;
  }
  .poem-screen .left {
    width: 90%;
    margin: 0 auto;
  }
  .poem-screen .left .words {
    height: 180px;
  }

  .poem-screen .slider-hero .left p {
    font-size: 30px;
    text-align: left;
    font-style: normal;
    line-height: 1.4;
  }

  .words {
    width: 100%;
  }

  .words p {
    width: 100%;
  }
  .words p {
    text-align: center;
  }

  .mobile-nav {
    display: block;
  }

  .post-body h2, .post-body h3, .post-body h4, .post-body h5 {
    font-size: 20px;
  }

  .post-comments .text,
  .post-comments .email {
    width: 100%!important;
  }

  .post-nav {
    padding-bottom: 40px;
  }

  .post-nav a[rel='prev']::before, .post-nav a[rel="next"]::after {
    height: 16px;
    width: 16px;
    bottom: 0;
  }

  .post-nav a {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .post-nav a:nth-child(2) {
    margin-left: auto;
  }

  .studies-list .book {
    margin-bottom: 50px;
  }

  .studies-list .book {
    width: 45%;
    margin-right: auto;
  }

  .studies-list .book:nth-child(2n) {
    margin-right: unset;
  }

  .resources-index-hero .center .button-form-area,
  .resources-index-hero .center .circle-button {
    display: none;
  }
  .service-hero .left img {
    width: 60%;
  }
  /* .contact-page form p:first-of-type {
    margin-bottom: 0;
  } */
  .contact-page .wpcf7-list-item {
    width: 100%;
    margin-bottom: 25px;
  }
  .contact-page .select-004, .contact-page .select-005, .contact-page .select-006 {
    margin-bottom: 0px;
  }
  .contact-page .firstname,
  .contact-page .lastname,
  .contact-page .emailaddress,
  .contact-page .tephahone,
  .contact-page .interest {
    width: 100%!important;
    margin-right: unset;
    margin-bottom: 25px!important;
  }
  .contact-page .budget,
  .contact-page .referral,
  .contact-page .referral-text,
  .contact-page .project {
    width: 100% !important;
    margin-right: unset;
  }

  .contact-page .firstname span,
  .contact-page .lastname span,
  .contact-page .emailaddress span,
  .contact-page .tephahone span,
  .contact-page .referral span,
  .contact-page .referral-text span,
  .contact-page .budget span,
  .contact-page .project span {
    margin-bottom: 25px!important;
  }
  .other-services .card:nth-child(1),
  .resource-learning .learning-moment:nth-child(1) {
    padding-top: 0;
  }

  .services-index-hero .title,
  .services-index-hero .blurb {
    text-align: left;
  }

  .services-index-hero .button-holder {
    justify-content: flex-start;
  }

  .service-deets .review-inner,
  .stripe-notification-page-inner {
    padding: 30px 5%;
  }
  .service-deets .details {
    width: 100%;
    max-width: 100%;
  }
  .other-services {
    margin-bottom: 100px;
  }
  .other-services .more-title,
  .resource-learning .title {
    margin-bottom: 45px;
  }
  .other-services .card {
    width: 500px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .service-tag .right-for-who {
      width: 560px;
    margin: 0 auto;
    max-width: 100%;
  }
  .service-tag .right-for-who span {
    font-size: 32px;
  }

  .service-hero {
    padding-bottom: 125px;
  }
  .hone .left, .hone .right {
    width: 500px;
    margin: 0 auto;
    max-width: 100%;
  }
  .hone .tool {
    margin-bottom: unset;
  }
  .hone .left {
    margin-bottom: 50px;
  }
  .the-header-container .nav-desktop {
    display: none;
  }
  .hero .left,
  .hero .right {
    width: 100%;
  }
  .hero img,
  .hero .right-inner,
  .home-dropbox .left-inner,
  .dropbox .right .right-inner,
  .services-left-inner,
  .services .right img,
  .deets-left-inner,
  .service-deets .deets-right-inner,
  .resource-hero.hero .right-inner {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
  }
  .dropbox .right .right-inner {
    padding: 20px 15px;
  }
  .submitter-dropbox.dropbox .site-container-wide {
    justify-content: center;
  }
  .home-hero,
  .service-hero {
    padding-top: 0;
  }
  .resource-hero.hero .title {
    margin-bottom: 25px;
  }
  .resource-hero.hero {
    padding-top: 50px;
  }
  .dropbox .left,
  .dropbox .right {
      width: 100%;
      max-width: unset;
  }
  .dropbox .left {
    margin-bottom: 50px;
  }
  .dropbox .right .right-inner {
    height: 130px;
  }
  .home-dropbox .title {
    margin-bottom: 15px;
  }
  .dropbox label {
    margin-bottom: 15px;
  }
  .dropbox label::after { bottom: 15px; }

  .services .left,
  .services .right {
    width: 100%;
  }

  .services .left{
    order: 2;
    position: relative;
    z-index: 10;
  } 
  .services .right {
    order: 1;
  }
  .services .title {
    margin-top: 0;
  }

  .experience .title {
    margin-bottom: 0;
  }

  .experience .left {
    position: relative;
    margin-top: -5%;
  }

  .experience .left, 
  .experience .right {
    width: 100%;
  }

  .experience .left img {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
  }

  .experience .right-inner {
    padding-top: 0;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
  }

  .experience .title {
    display: none;
  }

  .mobile-only-right-title {
    display: block;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    margin-bottom: 40px;
  }

  .excerpt .site-container-wide {
    margin-bottom: 35px;
  }

  .excerpt .left-inner,
  .excerpt .right,
  .resource-left-inner,
  .resource-details .course-card,
  .qs-left-inner,
  .qs-and-reviews .right,
  .qs-contact-inner,
  .resource-learning .learning-moment,
  .services-index-hero .card,
  .poems .left-inner,
  .poems .right,
  .resources-index-hero .center,
  .resources-index-hero .left,
  .resources-index-hero .right,
  .mobile-only-resurce-buttons,
  .resources-blorg .left,
  .resources-blorg .right,
  .resources-communities .card,
  .bragging-rights .right,
  .bragging-rights .left,
  .about-reviews .right, 
  .about-reviews .left,
  .brags-repeater .brag,
  .studies-index-hero .right,
  .study-hero .title-section,
  .study-hero .ruler,
  .study-hero .flex,
  .study-accomps .title,
  .study-accomps .right,
  .content .study-text-section .left,
  .content .study-text-section .right,
  .study-quote-section .quote,
  .index-featured-posts .card  {
    width: 500px;
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 100%;
  }


  .mobile-only-resurce-buttons {
    position: relative;
    width: 500px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .resources-index-hero form.active {
    max-width: 500px;
    width: 100%;
  }

  .jp-audio {
    margin-top: 10px;
  }

  .blog-index-section .card, 
  .all-posts .card {
    width: 45%;
    margin-right: auto;
  }

  .blog-index-section .card:nth-child(2n),
  .all-posts .card:nth-child(2n) {
    margin-right: unset;
  }

  .study-quote-section .quote {
    max-width: 90%!important;
  }
  .study-accomps .fake-circle-button,
  .study-accomps .item {
    font-size: 13px;
  }

  .study-accomps .title,
  .content .study-text-section .left {
    margin-bottom: 30px;
  }

  .study-hero .left {
    margin-bottom: 25px;
  }

  .study-hero .left,
  .study-hero .right {
    max-width: 100%;
    width: 100%;
  }

  .studies-index-hero .left {
    width: 170px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    margin-bottom: 35px;
  }

  .brags-repeater .blurb {
    width: 340px;
    max-width: 100%;
    margin: 0 auto;
  }

  .brags-repeater .brag {
    margin-bottom: 45px;
  }

  .about-reviews .left {
    margin-bottom: 75px;
  }

  .about-reviews .center {
    display: none;
  }

  .resources-blorg .left,
  .resources-communities .card {
    margin-bottom: 45px;
  }

  .resources-communities .card:last-of-type {
    margin-bottom: 0;
  }

  .resources-blorg .post {
    width: 100%;
    margin-bottom: 45px;
  }

  .resources-index-hero .left,
  .services-index-hero .image {
    background: center / 60% auto no-repeat;
  }

  .resources-index-hero .left::after,
  .services-index-hero .image::before {
    padding-top: 65%;
  }

  .resources-index-hero .resource-card {
    padding: 0px 5% 59px;
  }

  .resources-index-hero .right {
    margin-bottom: 30px;
  }

  .services-index-hero .card {
    margin-bottom: 50px;
  }

  .services-index-hero .card:last-of-type {
    margin-bottom: unset;
  }

  .resource-details .left {
    margin-bottom: 50px;
  }

  .poems .left {
    margin-bottom: 50px;
  }

  .excerpt .left {
    width: 100%;
    margin-bottom: 50px;
  }

  .service-deets .left {
    margin-bottom: 100px;
  }

  .service-deets .left,
  .service-deets .right,
  .resource-hero.hero .left, 
  .resource-hero.hero .right,
  .resource-details .left,
  .resource-details .right,
  .qs-and-reviews .left,
  .poems .left {
    width: 100%;
  }

  .qs-contact {
    margin-top: 50px;
  }

  .services-index-hero .blurb {
    width: 340px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
  }
  .services-index-hero .title,
  .services-index-hero .button-holder {
    width: 340px;
    max-width: 100%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .qs-and-reviews .qs {
    margin-bottom: 100px;
    min-height: unset !important;
  }

}

@media (max-width: 860px) {
  .post-filters .filter {
    padding-right: 5%;
  }
}
@media (max-width: 800px) {
  .contact-page .resources-title { margin-bottom: 20px; }
  .contact-page .resources-fadein form,
  .contact-page .resources-fadein form p {
    display: block;
    width: 100%;
    margin-right: unset;
  }
  .contact-page .name-002, .contact-page .email-002 {
    width: 100%;
    margin-right: unset;
    margin-bottom: 10px;
  }
  .contact-page .email-002 { margin-bottom: 30px; }

  .contact-page .resources-fadein .send-area {
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 770px) {
  /* poem page */
  .slide-container { height: calc(100vh - 52px ); }
  .poem-screen .fancy-image, .poem-screen .poem-image { 
    height: calc(100vh - 250px); 
  }

  .poem-screen .left {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
  }

  .post-filters .site-container-wide {
    width: 100%;
    max-width: 100%;
  }
  .post-filters .filter:first-of-type {
    margin-left: 5%;
  }
  .post-filters .filter {
    flex: 0 0 auto;
  }
  .post-filters .filters-left::-webkit-scrollbar {
    display: none!important;
  }
  .post-filters .filters-left {
    margin-bottom: 11px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .post-filters .search-right {
    width: 90%;
    margin: 0 auto;
  }
  .post-filters {
    top: 53px;
  }
  .the-header-container {
    height: 53px;
  }
  .site-inner {
    margin-top: 53px;
  }

  .home-form form { padding-bottom: unset; }

  .home-form form p,
  .site-footer form p {
    width: 100%;
  }
  .home-form form .wpcf7-form-control-wrap,
  .site-footer form .wpcf7-form-control-wrap {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 15px;
  }

  .post-hero .flex .left,
  .post-hero .right {
    width: 100%;
  }

  .post-hero .flex .left,
  .post-comments .main-comment .meta, 
  .post-comments .reply .meta {
    margin-bottom: 15px;
  }

  .post-hero .ruler {
    margin-bottom: 18px;
  }

  .post-hero .right {
    justify-content: flex-start;
  }
}

@media (max-width: 600px) {

  .bragging-rights.contact-page {
    background-image: none!important;
  }

  .jerb-name {
    font-size: 15px;
  }

  .jerb {
    padding-bottom: 15px;
    margin-bottom: 20px;
  }

  .post-body p + h2, .post-body p + h3, .post-body p + h4, .post-body p + h5 {
      margin-top: 35px;
  }

  .poem-screen .left p {
    font-size: 18px;
  }

  .mobile-menu-button {
    font-size: 25px;
  }

  .blog-index-section .title, .all-posts .title {
    margin-bottom: 5px;
  }

  .index-featured-posts .circle-button {
    padding: 14px 25px;
  }

  .blog-index-section .title, .all-posts .title {
    font-size: 14px;
  }

  .blog-index-section .date, .all-posts .date {
    font-size: 12px;
  }

  .underline-link {
    font-size: 10px;
  }

  .blog-index-section .section-title, .all-posts .section-title {
    margin-bottom: 30px;
  }

  .post-comments .comment-container,
  .post-comments form {
    margin-bottom: 50px;
  }

  .post-comments .main-comment .comment-body p, .post-comments .main-comment .reply-body p, .post-comments .reply .comment-body p, .post-comments .reply .reply-body p {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .post-comments .main-comment .replies, .post-comments .main-comment .hearts, .post-comments .reply .replies, .post-comments .reply .hearts {
    font-size: 12px;
  }

  .post-comments .main-comment, .post-comments .reply {
    padding-left: 2.5%;
  }

  .study-hero {
    padding-bottom: 50px;
  }

  .study-accomps .fake-circle-button {
    padding: 10px 7px;
    margin-left: -10px;
  }

  .study-accomps .item {
    width: calc(50% - 5px);
  }

  .study-accomps .fake-circle-button, 
  .study-accomps .item {
    font-size: 11px;
  }

  .study-accomps {
    margin: 75px auto;
  }

  /* Post Imports */
  .from-post-content .site-container-blog h1 { font-size: 18px; }
  .from-post-content .site-container-blog h2 { font-size: 17px; }
  .from-post-content .site-container-blog h3 { font-size: 16px; }
  .from-post-content .site-container-blog h4 { font-size: 15px; }
  .from-post-content .site-container-blog h5 { font-size: 14px; }

  .from-post-content .site-container-blog div,
  .from-post-content .site-container-blog p,
  .from-post-content .site-container-blog ul,
  .from-post-content .site-container-blog ol,
  .from-post-content .site-container-blog li {
    font-size: 14px;
  }

  .post-body section:first-of-type {
    padding-top: 50px;
  }

  .post-body section {
    padding-top: 75px;
  }

  .post-body blockquote p {
    font-size: 14px;
  }

  .post-body blockquote {
    margin: 35px 0;
  }

  .post-body blockquote p {
    margin-bottom: 19px;
  }

  .post-body blockquote p em {
    font-size: 16px;
  }

  /* thank you page updates mobz */
  .ty-flex.top .right-side .button .title { font-size: 12px; }
  .ty-flex.bottom .left-side { font-size: 14px; }

  .post-body p {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .post-body h2, .post-body h3, .post-body h4, .post-body h5 {
    margin-bottom: 20px;
  }

  .post-hero {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .study-hero .author {
    font-size: 15px;
    margin-bottom: 25px;
  }

  .post-hero .author {
    font-size: 15px;
  }

  .content section:first-of-type {
    padding-top: 75px;
  }

  .content .study-text-section p {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .study-accomps .title, 
  .content .study-text-section .left {
      margin-bottom: 20px;
  }

  .content .study-quote-section p,
  .study-hero .description,
  .content .study-text-section blockquote p,
  .post-hero .post-excerpt {
    font-size: 18px;
  }

  .content section {
    padding-top: 75px;
  }

  .content .study-image-section .site-container-wide .image.three-image {
    width: calc(100% / 3 - 10px);
  }

  .studies-list .section-title {
    margin-bottom: 35px;
  }

  .studies-index-hero .title-author span {
    font-size: 16px;
  }

  .studies-index-hero .blurb {
    font-size: 18px;
  }

  .about-title {
    background-color: #5a8499;
    color: #fff;
    margin-bottom: 50px;
  }
  .about-title .Typewriter__wrapper {
    color: #fff;
  }

  .about-title .blurb {
    color: #fff;
  }
  .brags-repeater {
      margin-bottom: 50px;
  }

  .brags-repeater .title {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .about-reviews .reviews-title {
    margin-bottom: 70px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .brag-blurb {
    background-color: #d84326;
    margin-bottom: 80px;
    padding: 75px 0;
  }

  .brag-blurb .blurb {
    color: #fff;
  }

  .bragging-rights {
    margin-bottom: 20px;
    background: unset;
  }

  .bragging-rights .publisher:nth-child(3n) {
    border-top: solid 1px #2f2f2e;
  }

  .bragging-rights .publisher {
    width: 48%;
    margin-right: auto!important;
    font-size: 14px;
  }

  .bragging-rights .title {
    margin-bottom: 35px;
  }

  .bragging-rights .publisher:nth-child(2n) {
    margin-right: unset!important;
  }

  .about-title .blurb {
    max-width: 90%;
    font-size: 14px;
  }

  .about-title .page-title {
    margin-bottom: 25px;
  }

  .resources-blorg {
    margin-bottom: 60px;
  }

  .resources-communities {
    padding-bottom: 50px;
  }

  .resources-blorg .left, 
  .index-featured-posts .card,
  .resources-communities .card {
    margin-bottom: 25px;
  }

  .resources-index-hero {
    margin-bottom: 50px;
  }

  .resources-blorg .post {
    margin-bottom: 25px;
  }

  .resources-blorg .post-title {
    font-size: 20px;
    margin-bottom: 47px;
  }

  .resources-blorg .section-title {
    font-size: 32px;
  }

  .resources-blorg .section-title {
    margin-bottom: 60px;
  }

  .resources-index-hero .page-title {
    margin-bottom: 30px;
  }

  .contact-page .form-title {
    font-size: 22px;
  }

  .submitter-dropbox.dropbox.anon {
    padding-bottom: 100px;
  }

  .submitter-title {
    padding: 70px 2.5% 35px;
  }

  .poems .poem:first-of-type {
    padding-top: 35px;
  }

  .poems .poem {
    padding-top: 50px;
  }

  .dropbox .data {
    font-size: 14px;
  }

  .services-index-hero {
    padding-bottom: 55px;
  }

  .services-index-hero .blurb {
    font-size: 14px;
  }

  .resource-details .title {
    margin-bottom: 40px;
  }

  .resource-learning .words {
    font-size: 18px;
  }

  .resource-details .circle-button {
    padding-top: 12px;
  }

  .resource-details .course-title,
  .resource-details .course-title em {
    font-size: 17px;
  }

  .qs-and-reviews {
    padding-top: 72px;
    padding-bottom: 75px;
  }

  .resource-learning {
    margin-bottom: 50px;
  }

  .resource-teller.tell-teller .button-flex {
    width: 300px;
    max-width: 90%;
    margin: 0 auto;
  }

  .resource-teller.tell-teller .title {
    margin-bottom: 30px;
  }

  .resource-teller.tell-teller .circle-button {
    width: 100%;
    margin-right: unset;
  }

  .resource-teller.tell-teller .circle-button:first-of-type {
    margin-bottom: 19px;
  }

  .qs-contact {
    margin-top: 35px;
  }

  .hero .after-hero p {
    text-align: left;
    font-size: 14px;
  }

  .service-carousel {
    padding-bottom: 74px;
  }

  .service-deets {
    padding-bottom: 100px;
  }

  .service-deets .detail {
    font-size: 14px;
  }

  .other-services {
      margin-bottom: 75px;
  }

  .other-services .title {
    font-size: 20px;
  }

  .service-tag .right-for-you,
  .market-tag .right-for-you {
    margin-bottom: 22px;
  }

  .service-hero {
    padding-bottom: 90px;
  }

  .book-carousel .book-title {
    font-size: 18px;
  }

  .footer-container {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .site-footer .links {
    order: 2;
    width: 100%;
  }

  .footer-bottoms {
    order: 3;
    width: 100%;
  }

  .site-footer .copyright {
    margin-bottom: 40px;
  }

  .site-footer .that-bottom-asterisk-that-made-the-footer-container-wide {
    font-size: 10px;
    padding: 0 10%;
  }

  .form-holder-footer {
    order: 1;
    margin-bottom: 40px;
  }

  .site-footer .that-bottom-asterisk-that-made-the-footer-container-wide,
  .site-by {
    margin-bottom: 25px;
  }

  .site-badge {
    width: 120px;
  }

  .excerpt .excerpt-text {
    margin-bottom: 8px;
  }

  .excerpt .excerpt-text p {
    font-size: 15px;
  }
  .excerpt .title, .excerpt .author {
    font-size: 12px;
  }
  .home-carousel {
    padding-bottom: 50px;
  }
  .home-form .title p, .home-form em {
    font-size: 22px;
  }
  .home-form .at {
    width: 50px;
    height: 50px;
    left: -21px;
  }
  .dropbox label::after {
    font-size: 10px;
  }
  .dropbox label {
    margin-bottom: 10px;
  }
  .hero .title {
    margin-bottom: 0;
  }
  .services-index-hero .page-title,
  .submitter-title .page-title,
  .hero .title,
  .resource-hero.hero .title,
  .contact-page .title,
  .resources-index-hero .page-title,
  .studies-index-hero .page-title,
  .study-hero .page-title,
  .post-hero .page-title,
  .hero .title, .hero .hidden-title,
  .blog-index-hero .title {
    font-size: 30px;
  }
  .index-featured-posts .section-title {
    margin-bottom: 30px;
  }
  .index-featured-posts .ruler,
  .index-featured-posts .title {
    margin-bottom: 20px;
  }
  .index-featured-posts .post-excerpt {
    font-size: 14px;
  }
  .index-featured-posts .title {
    font-size: 20px;
  }
  .blog-index-hero .title {
    margin-bottom: 20px;
  }
  .blog-index-hero .subtitle {
    font-size: 14px;
  }
  .studies-index-hero .page-title {
    margin-bottom: 50px;
  }
  .about-title .page-title {
    font-size: 25px;
  }
  .resource-hero.hero .title {
    margin-bottom: 15px;
  }
  .circle-button {
    padding: 14px 20px;
    font-size: 12px;
  }
  .hero .circle-button {
    margin-top: 22px;
  }
  .alm-reveal, 
  .site-container-wide,
  .site-footer .footer-container,
  .site-container-narrow {
    max-width: 90%;
  }
  .dropbox .site-container-wide,
  .home-form .site-container-wide {
    padding: 25px 5% 40px !important;
    /* padding: 40px 5%!important; */
  }
  .submitter-dropbox.dropbox .title {
    margin-top: unset;
  }

  .excerpt .left {
    margin-bottom: 28px;
  }
  .excerpt .right {
    padding: 25px 5% 25px;
  }
  .excerpt .loved-text, 
  .excerpt .sug-text {
    font-size: 12px;
  }
  .dropbox .left {
    margin-bottom: 30px;
  }
  .hone .tools {
    margin-bottom: 0;
  }
  .hone .text,
  .service-deets .review,
  .qs-and-reviews .review,
  .about-reviews .review {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .hone .reviewer,
  .service-deets .reviewer,
  .qs-and-reviews .reviewer,
  .about-reviews .reviewer {
    font-size: 13px;
  }
  .resource-teller.tell-teller {
    padding-top: 75px;
  }
  .hone .open-quote {
      margin-bottom: 10px;
  }
  .service-deets .open-quote, 
  .qs-and-reviews .open-quote, 
  .about-reviews .open-quote, 
  .service-deets .close-quote,
  .qs-and-reviews .close-quote,
  .about-reviews .close-quote {
    width: 52px;
  }
  .service-deets .close-quote,
  .qs-and-reviews .close-quote,
  .about-reviews .close-quote {
    bottom: -7px;
  }
  .hone .open-quote, .hone .close-quote {
      width: 52px;
      height: auto;
  }
  .hone .site-container-wide {
    padding-top: 50px;
  }
  .hone .tool-title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .hone .subtitle {
    width: 272px;
    max-width: 90%;
    font-size: 14px;
  }
  .hone .tool {
    width: 90%;
  }
  .dropbox .title {
    margin-bottom: 10px;
  }
  .hone .title {
    margin-bottom: 35px;
  }
  .hone .left {
    padding: 0 5% 45px;
  }
  .dropbox .title,
  .book-carousel .title, 
  .book-carousel .title span,
  .experience .title,
  .hone .title,
  .tell-teller .title,
  .service-teller .title,
  .resources-communities .section-title,
  .about-teller.tell-teller .title,
  .studies-list .section-title,
  .blog-index-section .section-title, 
  .all-posts .section-title {
    font-size: 25px;
  }
  .follow-us .social-button {
    width: 35px;
    height: 35px;
    margin-right: 20px;
  }
  .follow-us .section-title {
    margin-bottom: 10px;
  }
  .resources-communities .section-title {
    margin-bottom: 25px;
  }
  .resources-communities .circle-button {
    left: 5%;
  }
  .resources-communities .title {
    font-size: 18px;
    margin-bottom: 11px;
  }
  .resources-communities .card {
    padding: 25px 5% 95px;
  }
  .resources-communities .blurb {
    font-size: 14px;
  }
  .service-tag .site-container-none,
  .market-tag .site-container-none {
    max-width: 90%;
  }
  .service-tag .right-for-who span,
  .market-tag .right-for-who span {
    font-size: 24px;
  }
  .site-footer .social-link {
    height: 17px;
    width: 17px;
  }
  .site-footer .blurb {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .site-footer form {
    width: 100%;
    max-width: 100%;
  }

  .site-footer .links {
    margin-bottom: 7px;
  }
  .site-footer .links span:last-of-type {
    margin-right: 11px;
  }
  .site-footer .links span {
    margin: 0 11px;
  }
  .site-footer .links a, .site-footer .links span {
    font-size: 13px;
  }
  .service-teller .title,
  .about-teller.tell-teller .title,
  .study-tell-teller.tell-teller .title,
  .bottom-teller.tell-teller .title {
    margin-bottom: 25px;
  }
  .hone,
  .tell-teller,
  .service-teller,
  .services-dropbox {
    padding-bottom: 75px;
  }
  .home-dropbox .blurb {
    margin-bottom: 15px;
  }
  .dropbox .blurb {
    font-size: 14px;
  }
  .dropbox label {
    padding: 0 10%;
    font-size: 18px;
  }
  .services .service {
    padding-bottom: 30px;
    padding-left: 24px;
  }
  .experience .item {
    padding-left: 24px;
  }
  .experience .item::before {
    top: 5px;
  }
  .services .service::before {
    top: 3px;
  }
  .services .service.first::after,
  .experience .item.first::after {
    top: 8px;
  }
  .services .service.last::after,
  .experience .item.last::after {
    height: 15px;
  }
  .experience .item-blurb {
    margin-bottom: 30px;
  }
  .services .service,
  .experience .item {
    max-height: 34px;
  }
  .experience .item::after {
    left: 4.5px;
  }
  .services .service::after {
    left: 5.5px;
  }
  .services .service::before,
  .experience .item:before {
    height: 12px;
    width: 12px;
  }
  .book-carousel .works {
    margin-bottom: 0px;
  }
  .services .title,
  .mobile-only-right-title  {
    margin-bottom: 25px;
  }
  .book-carousel .title {
    width: 300px;
    margin-bottom: 0px;
  }
  .services .service-title,
  .experience .item-title {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .services .left {
    margin-top: -5%;
  }
  .book-carousel .work {
    width: 105px;
    margin-right: 38px;
  }
}


@media (max-width: 500px) {

  /* thank you page updates mobz */
  .ty-flex.top .left-side {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 15px;
  }
  .ty-flex.top .right-side {
    width: 180px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .ty-flex.top .right-side .button { padding: 20px 25px; }
  .ty-flex.top .right-side .button .title { font-size: 12px; }
  .ty-flex.bottom .left-side {
    width: 300px;
    max-width: 80%;
    margin: 0 auto 10px;
    font-size: 14px;
    text-align: center;
  }
  .ty-flex.bottom .right-side {
    width: 180px;
    max-width: 80%;
    margin: 0 auto 20px;
  }
}
/* @media (max-width: 450px) {
  .poem-screen {
    overflow: hidden;
  }
  .poem-screen .fancy-image, .poem-screen .poem-image {
    width: 130%;
    right: -15%;
    margin-left: -15%;
  }
} */

/* # Print Styles
---------------------------------------------------------------------------------------------------- */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]::after,
  a[href^="#"]::after,
  .site-title > a::after {
    content: "";
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .content,
  .content-sidebar {
    width: 100%;
  }
  button,
  input,
  select,
  textarea,
  .breadcrumb,
  .comment-edit-link,
  .comment-form,
  .comment-list .reply a,
  .comment-reply-title,
  .edit-link,
  .entry-comments-link,
  .entry-footer,
  .header-widget-area,
  .hidden-print,
  .home-top,
  .nav-primary,
  .nav-secondary,
  .post-edit-link,
  .sidebar {
    display: none !important;
  }
  .title-area {
    text-align: center;
    width: 100%;
  }
  .site-title > a {
    margin: 0;
    text-decoration: none;
    text-indent: 0;
  }
  .site-inner {
    padding-top: 0;
    position: relative;
    top: -100px;
  }
  .author-box {
    margin-bottom: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    orphans: 3;
    page-break-after: avoid;
    page-break-inside: avoid;
    widows: 3;
  }
  img {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  blockquote,
  pre,
  table {
    page-break-inside: avoid;
  }
  dl,
  ol,
  ul {
    page-break-before: avoid;
  }
}