@charset "UTF-8";
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Notes:

Maybe remove:
#main-content-carousel  –– √ on 06/05, but it exists in single-casestudy.php

–––––––––––––––––––––––––––––––––––––––––––––––––
Variables:
*/
:root {
    /* ––––––––––––––––––––––––––––––––––––––– */
    /* BREAKPOINTS CANNOT BE USED IN MEDIA-QUERIES, UNFORTUNATELY...
     * THIS IS JUST A NOTATION OF WHAT IS AT PLAY IN THE DECLARATIONS
     */
    --breakpoint-lg:            1440px;
    --breakpoint-md:            960px;
    --breakpoint-sm:            840px;
    --breakpoint-xs:            400px;
    --breakpoint-global:        var(--breakpoint-md, 900px);


    /* ––––––––––––––––––––––––––––––––––––––– */
    --global-color-black:       #404040; /* ie. declared use is: "color: var(--global-color-black, #404040);" */
    --global-color-grey:        #f3f3f3; /* grey */
    --global-color-grey-dark:   #272727; /* dark grey */
    --global-color-grey-light:  #a5a5a5; /* light grey */
    --global-color-white:       #ffffff;
    --global-color-brand:       #fa4515; /* orange */
    --global-color-brand-hover: #d73105; /* orange, dark */
    --global-color-accent:      #cccccc;
    --global-color-warning:     #d33c40;
    --global-color-placeholder: #666666;
    --global-color-border:      #979797;


    /* ––––––––––––––––––––––––––––––––––––––– */
    --global-metric:            20px;
    --global-margin:            40px;
    --global-padding:           40px;

    --mobile-metric:            20px;
    --mobile-margin:            20px;
    --mobile-padding:           20px;

    --global-width-max:         var(--breakpoint-lg, 1440px);
    --global-width-max-gutter:  205px;

    --global-width-narrow:      var(--breakpoint-md, 960px);
    --global-width-narrow-gutter: 205px;
    
    --global-layout-margin:     20px;



    /* ––––––––––––––––––––––––––––––––––––––– */
    --global-font-family:        "acumin-pro", "Open Sans", "Helvetica Neue", Helvetica, Verdana, "Arial", -apple-system, BlinkMacSystemFont, sans-serif;
    --global-font-family-bold:   "Roboto Bold", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --global-font-family-alt:    "FjallaOne", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --global-font-weight:        400;
    --global-font-weight-med:    600;
    --global-font-weight-bold:   700;

    --global-font:               20px; /* <p> */
    --global-font-sm:            16px; 
    --global-font-xs:            12px; 
    --global-font-lg:            32px; 
    --global-font-h1:            3.250rem; /* <h1> */
    --global-font-h2:            2.350rem; /* <h2> */
    --global-font-h3:            1.000rem; /* <h3> */
    --global-font-h4:            0.850rem; /* <h4> – var(--global-font-sm, 16px) */
    --global-font-h5:            0.850rem; /* <h5> – var(--global-font-xs, 12px) */
    --global-font-lede:          2.000rem; /* <p.lede> */
    --global-font-margin:        20px;

    --mobile-font:               var(--global-font-sm, 16px);
    --mobile-font-sm:            var(--global-font-xs, 12px);
    --mobile-font-xs:            10px;
    --mobile-font-lg:            24px;
    --mobile-font-h1:            1.750rem;
    --mobile-font-h2:            1.500rem;
    --mobile-font-h3:            var(--global-font-h3);
    --mobile-font-h4:            var(--global-font-h4);
    --mobile-font-h5:            var(--global-font-h5);
    --mobile-font-lede:          2.000rem; /* <p.lede> */


    /* ––––––––––––––––––––––––––––––––––––––– */
    --section-header-margin-top: 120px;
    --section-header-margin-bot: 60px;
    --section-header-margin-mobile: 40px;

    /* ––––––––––––––––––––––––––––––––––––––– */
    --section-padding:          80px;
    --section-padding-mobile:   40px;
    --section-padding-carousel: 110px;


    /* ––––––––––––––––––––––––––––––––––––––– */
    --carousel-padding:         80px;
    --carousel-padding-mobile:  40px;
    --carousel-width-narrow:    110px;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Reset HTML elements
*/
html {
   -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;
   vertical-align: baseline;
   }
sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
   }
sup {
   top: -0.5em;
   }
sub {
   bottom: -0.25em;
   }
img {
   border: 0;
   }
svg:not(:root) {
   overflow: hidden;
   }
hr {
   box-sizing: content-box;
   height: 0;
   }
pre {
   overflow: auto;
   }
button[disabled], html input[disabled] {
   cursor: default;
   }
button::-moz-focus-inner, input::-moz-focus-inner {
   border: 0;
   padding: 0;
   }
html {
   box-sizing: border-box;
   }
*, *::before, *::after {
   box-sizing: inherit;
   }
figure {
   margin: 0;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
html {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font: normal normal normal 1rem/1.6 "acumin-pro", "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-size: 1rem;
   }
body {
   color: var(--global-color-black, #404040);
   background: var(--global-color-grey, #f3f3f3);
   font-size: 1rem;
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   }
p, .p, ol, ul, dl, table {
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   margin: 0 0 var(--global-font-margin, 20px) 0;
   }
ul li ul {
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   margin-bottom: 0;
   }
ol li ol {
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   margin-bottom: 0;
   }
h1, h2, h3, h4, h5, h6 {
   margin: var(--global-font-margin, 20px) 0;
   font-weight: 700;
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   line-height: 1.2;
   color: var(--global-color-brand, #fa4515);
   }
h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
   margin: 1.5rem 0;
   }
h1:not(:first-child), h2:not(:first-child), h3:not(:first-child) {
   margin-top: 2rem;
   }
h1, .h1, .size-h1 {
   font-size: var(--mobile-font-h1, 1.750rem);
   }
.size-h1 {
   margin-top: -11px;
   }
h2, .h2, .size-h2 {
   font-size: var(--mobile-font-h2, 1.500rem);
   }
h3, .h3, .size-h3 {
   font-size: var(--mobile-font-h3, 1.000rem);
   }
h4, .h4, .size-h4 {
   font-size: var(--mobile-font-h4, 0.850rem);
   }
h5, .h5, .size-h5, h6, .h6, .size-h6 {
   font-size: var(--mobile-font-h5, 0.850rem);
   }
@media (min-width: 500px) {
   h1:not(:first-child), h2:not(:first-child), h3:not(:first-child) {
      margin-top: 2.5rem;
      }
   h1, .h1, .size-h1 {
      font-size: var(--global-font-h1, 3.250rem);
      }
   h2, .h2, .size-h2 {
      font-size: var(--global-font-h2, 2.350rem);
      }
   h3, .h3, .size-h3 {
      font-size: var(--global-font-h3, 1.000rem);
      }
   h4, .h4, .size-h4 {
      font-size: var(--global-font-h4, 0.850rem);
      }
   h5, .h5, .size-h5, h6, .h6, .size-h6 {
      font-size: var(--global-font-h5, 0.850rem);
      }
}
@media (max-width: 840px) {
   h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
      letter-spacing: 0;
      }
}
a {
   color: var(--global-color-brand, #fa4515);
   text-decoration: none;
   }
a:hover, a:active, a:focus {
   color: var(--global-color-brand, #fa4515);
   text-decoration: underline;
   }
mark {
   background: var(--global-color-brand, #fa4515);
   padding: 0 0.2rem;
   }
blockquote {
   margin: 0 0 var(--global-font-margin, 20px) 0;
   border-left: 16px solid #f0f0f0;
   padding: 0 1.5rem;
   padding-bottom: 2px !important;
   font-size: 1.5rem;
   }
blockquote cite {
   margin-top: var(--global-font-margin, 20px);
   font-size: 1rem;
   text-align: right;
   display: block;
   }
blockquote, blockquote * {
   font-style: italic;
   }
pre {
   border: 0;
   border-radius: 0.3rem;
   background: transparent;
   padding: 1rem;
   tab-size: 2;
   color: var(--global-color-brand, #fa4515);
   font-family: Menlo, monospace;
   font-size: 0.875rem;
   margin: 0 0 var(--global-font-margin, 20px) 0;
   }
pre code {
   font-family: Menlo, monospace;
   line-height: 1.2;
   }
:not(pre) > code {
   color: var(--global-color-brand, #fa4515);
   background: transparent;
   font-family: Menlo, monospace;
   font-size: 0.875rem;
   padding: 0 0.2rem;
   border: 1px solid var(--global-color-brand, #fa4515);
   border-radius: 0.3rem;
   }
hr {
   height: 0;
   border: 0;
   border-top: 1px solid var(--global-color-brand, #fa4515);
   }
dt {
   font-weight: 600;
   }
dd {
   margin-bottom: 0.5rem;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
.button, .btn, a.button, a.btn, button, [type="submit"], [type="reset"], [type="button"],
.a2a_default_style .a2a_dd, .a2a_default_style:not(.a2a_flex_style) a {
   -webkit-appearance: none;
   display: inline-block;
   border: 1px solid var(--global-color-brand, #fa4515);
   border-radius: 0.3rem;
   color: var(--global-color-white, #ffffff);
   background: var(--global-color-brand, #fa4515);
   font-weight: 400;
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-size: 1rem;
   text-transform: none;
   padding: 0.75rem 1.25rem;
   margin: 0 0 0.5rem 0;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   text-decoration: none;
   line-height: 1;
   }
.button:hover, .btn:hover, a.button:hover, a.btn:hover, button:hover, [type="submit"]:hover, [type="reset"]:hover, [type="button"]:hover {
   border: 1px solid var(--global-color-brand-hover, #d73105);
   background: var(--global-color-brand-hover, #d73105);
   color: var(--global-color-white, #ffffff);
   text-decoration: none;
   }
.button:focus, .btn:focus, .button:active, .btn:active, a.button:focus, a.btn:focus, a.button:active, a.btn:active, button:focus, button:active, [type="submit"]:focus, [type="submit"]:active, [type="reset"]:focus, [type="reset"]:active, [type="button"]:focus, [type="button"]:active {
   border: 1px solid var(--global-color-brand-hover, #d73105);
   background: var(--global-color-brand-hover, #d73105);
   color: var(--global-color-white, #ffffff);
   text-decoration: none;
   }
.button::-moz-focus-inner, .btn::-moz-focus-inner, a.button::-moz-focus-inner, a.btn::-moz-focus-inner, button::-moz-focus-inner, [type="submit"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="button"]::-moz-focus-inner {
   border: 0;
   padding: 0;
   }
.accent-button, a.accent-button, .button-accent, a.button-accent, .btn-accent, a.btn-accent {
   color: var(--global-color-white, #ffffff);
   border: 1px solid var(--global-color-black, #404040);
   background: var(--global-color-black, #404040);
   }
.accent-button:hover, .accent-button:focus, .accent-button:active, a.accent-button:hover, a.accent-button:focus, a.accent-button:active, 
.button-accent:hover, .button-accent:focus, .button-accent:active, a.button-accent:hover, a.button-accent:focus, a.button-accent:active, 
.btn-accent:hover, .btn-accent:focus, .btn-accent:active, a.btn-accent:hover, a.btn-accent:focus, a.btn-accent:active {
   color: var(--global-color-white, #ffffff);
   border: 1px solid var(--global-color-grey-dark, #272727);
   background: var(--global-color-grey-dark, #272727);
   }
.muted-button, .button-muted, .btn-muted, a.muted-button, a.button-muted, a.btn-muted {
   color: var(--global-color-brand, #fa4515);
   border: 1px solid var(--global-color-brand, #fa4515);
   background: transparent;
   }
.muted-button:hover, .button-muted:hover, .btn-muted:hover, .muted-button:focus, .button-muted:focus, .btn-muted:focus, .muted-button:active, .button-muted:active, .btn-muted:active, a.muted-button:hover, a.button-muted:hover, a.btn-muted:hover, a.muted-button:focus, a.button-muted:focus, a.btn-muted:focus, a.muted-button:active, a.button-muted:active, a.btn-muted:active {
   color: var(--global-color-brand, #fa4515);
   border: 1px solid var(--global-color-brand, #fa4515);
   background: transparent;
   }
.round-button, a.round-button, .btn-round {
   border-radius: 40px;
   }
.square-button, a.square-button, .button-square, .btn-square {
   border-radius: 0 !important;
   }
.full-button, a.full-button, .button-full, .btn-full {
   display: block;
   width: 100%;
   }

.button.service, .btn.service, a.button.service, a.btn.service {
   border: 1px solid var(--global-color-grey-light, #a5a5a5);
   color: var(--global-color-grey-light, #a5a5a5);
   background: transparent;
   font-size: .75rem;
   font-weight: 600;
   padding: 0.5rem .75rem;
   border-radius: 40px;
   }
.button.service.selected, .btn.service.selected {
   border: 1px solid var(--global-color-brand);
   background: transparent;
   color: var(--global-color-brand);
   }
.button.service:hover, .btn.service:hover, a.button.service:hover, a.btn.service:hover {
   border: 1px solid var(--global-color-brand-hover, #d73105);
   background: var(--global-color-brand-hover, #d73105);
   color: var(--global-color-white, #ffffff);
   }
.button.service:focus, .btn.service:focus, .button.service:active, .btn.service:active, a.button.service:focus, a.btn.service:focus, a.button.service:active, a.btn.service:active {
   border: 1px solid var(--global-color-brand-hover, #d73105);
   background: var(--global-color-brand-hover, #d73105);
   color: var(--global-color-white, #ffffff);
   }

.btn.btn-casestudy {
   color: var(--global-color-brand, #fa4515);
    font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
    font-family: var(--global-font-family);
    font-size: 0.625rem !important;
    font-weight: 600;
    text-transform: uppercase !important;
    letter-spacing: 0.025em;
    padding: 0.15rem 0.25rem 0.25rem 0.25rem !important;
    margin: 0 0 1rem 0 !important;
    border-radius: 0;
    border: 0;
    background: rgba(250, 69, 21, 0.3);
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
textarea {
   overflow: auto;
   height: auto;
   }
fieldset {
   border: none;
   border-radius: 0;
   padding: 0;
   margin: 0;
   margin-bottom: var(--global-metric. 20px);
   }
legend {
   padding: 0 0.5rem;
   font-weight: 600;
   }
select {
   color: var(--global-color-brand, #fa4515);
   -webkit-appearance: none;
   -moz-appearance: none;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) right center no-repeat;
   line-height: 1;
   }
select::-ms-expand {
   display: none;
   }
label {
   font-weight: 700;
   max-width: 100%;
   margin: 1rem 0 0.5rem 0;
   display: block;
   }
input, [type="email"] {
   width: 100%;
   border: 1px solid var(--global-color-brand, #fa4515);
   border-radius: 0;

   color: var(--global-color-black);
   font-size: 1rem;
   font-weight: 400;
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   line-height: 1.5;
   background-color: var(--global-color-white);
   display: block;
   }
input:hover {
   border: 1px solid var(--global-color-brand-hover, #d73105);
   }
input:active {
   border: 1px solid var(--global-color-brand-hover, #d73105);
   }
[type="range"] {
   width: 100%;
   }
[type="color"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="url"], [type="week"], [type="time"], select, textarea {
   display: block;
   border: 1px solid var(--global-color-brand, #fa4515);
   border-radius: 0.3rem;
   padding: 0.75rem;
   outline: none;
   background: transparent;
   margin-bottom: 0.5rem;
   font-size: 1rem;
   width: 100%;
   max-width: 100%;
   line-height: 1;
   }
[type="color"]:hover, [type="date"]:hover, [type="datetime"]:hover, [type="datetime-local"]:hover, [type="email"]:hover, [type="month"]:hover, [type="number"]:hover, [type="password"]:hover, [type="search"]:hover, [type="tel"]:hover, [type="text"]:hover, [type="url"]:hover, [type="week"]:hover, [type="time"]:hover, select:hover, textarea:hover {
   border: 1px solid var(--global-color-brand-hover, #d73105);
   }
[type="color"]:focus, [type="color"]:active, [type="date"]:focus, [type="date"]:active, [type="datetime"]:focus, [type="datetime"]:active, [type="datetime-local"]:focus, [type="datetime-local"]:active, [type="email"]:focus, [type="email"]:active, [type="month"]:focus, [type="month"]:active, [type="number"]:focus, [type="number"]:active, [type="password"]:focus, [type="password"]:active, [type="search"]:focus, [type="search"]:active, [type="tel"]:focus, [type="tel"]:active, [type="text"]:focus, [type="text"]:active, [type="url"]:focus, [type="url"]:active, [type="week"]:focus, [type="week"]:active, [type="time"]:focus, [type="time"]:active, select:focus, select:active, textarea:focus, textarea:active {
   border: 1px solid var(--global-color-brand, #fa4515);
   /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #fdbcab; */
   }
input.has-error, input.has-error:hover, input.has-error:focus, input.has-error:active, select.has-error, select.has-error:hover, select.has-error:focus, select.has-error:active, textarea.has-error, textarea.has-error:hover, textarea.has-error:focus, textarea.has-error:active {
   border: 1px solid var(--global-color-warning, #d33c40);
   /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #f4cecf;*/
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   max-width: 100%;
   }
thead th {
   border-bottom: 2px solid var(--global-color-brand, #fa4515);
   }
tfoot th {
   border-top: 2px solid var(--global-color-brand, #fa4515);
   }
td {
   border-bottom: 1px solid var(--global-color-brand, #fa4515);
   }
th, td {
   text-align: left;
   padding: 0.5rem;
   }
caption {
   padding: 20px 0;
   caption-side: bottom;
   color: var(--global-color-accent, #cccccc);
   }
.striped-table tbody tr:nth-child(odd) {
   background-color: #f8f8f8;
   }
.contain-table {
   overflow-x: auto;
   }
@media (min-width: 500px) {
   .contain-table {
      width: 100%;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Theme Specific Declarations
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
::-moz-selection {
   background: var(--global-color-white, #ffffff);
   color: var(--global-color-black, #404040);
   text-shadow: none;
   -webkit-font-smoothing: antialiased;
   }
::selection {
   background: var(--global-color-white, #ffffff);
   color: var(--global-color-black, #404040);
   text-shadow: none;
   -webkit-font-smoothing: antialiased;
   }
::-o-selection {
   background: var(--global-color-white, #ffffff);
   color: var(--global-color-black, #404040);
   text-shadow: none;
   -webkit-font-smoothing: antialiased;
   }
::-ms-selection {
   background: var(--global-color-white, #ffffff);
   color: var(--global-color-black, #404040);
   text-shadow: none;
   -webkit-font-smoothing: antialiased;
   }
::-webkit-input-placeholder {
   color: var(--global-color-placeholder, #666666);
   -webkit-font-smoothing: antialiased;
   }
::-moz-placeholder {
   color: var(--global-color-placeholder, #666666);
   -webkit-font-smoothing: antialiased;
   }
:-ms-input-placeholder {
   color: var(--global-color-placeholder, #666666);
   }
:-moz-placeholder {
   color: var(--global-color-placeholder, #666666);
   }
* {
   outline: none;
   }

/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Body + Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
html, body {
   padding: 0;
   margin: 0;
   min-height: 100%;
   min-width: 320px;
   background: var(--global-color-grey, #f3f3f3);
   }
body {
   position: relative;
   min-height: 100%;
   width: 100%;
   color: var(--global-color-grey-dark, #272727);
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-size: 1em;
   font-style: normal;
   font-weight: normal;
   font-stretch: normal;
   }
p, .p, input, label, select, textarea, button {
   color: var(--global-color-grey-dark, #272727);
   font-size: 1.15rem;
   font-style: normal;
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   -webkit-font-smoothing: antialiased;
   margin: 0 0 1em 0;
   }
body, p, .p, label {
   -webkit-appearance: none;
   -moz-appearance: none;
   }
div, section, header, article, aside {
   position: relative;
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   }
figure, figure img {
   width: 100%;
   }
figure figcaption {
   font-size: 100%;
   padding-top: 0.5rem;
   }
img {
   width: 100%;
   max-width: 100%;
   image-rendering: smooth;
   }
a, button {
   color: var(--global-color-grey-dark, #272727);
   cursor: pointer;
   }
/*
* a, * a:hover, * a:active, * a:focus {
   text-decoration: underline;
   }
*/
.h6, .h5, .h4, .h3, .h2, .h1, .p {
   display: block;
   }
p.meta, .meta, .meta p, .meta .p {
   color: var(--global-color-grey-light, #a5a5a5);
   font-size: 0.625rem;
   font-weight: 600;
   text-transform: uppercase;
   }
p.excerpt, .excerpt, .excerpt p, .excerpt .p {
   font-size: var(--mobile-font-h2);
   font-weight: 200;
   line-height: 2.5rem;
   margin: 0.5rem 0 0 0;
   }
p.intro, .intro, .intro p, .intro .p {
   margin: 0 0;
   font-size: 1rem;
   font-weight: 400;
   font-style: normal;
   }
p.lead, .lead, .lead p, .lead .p, 
p.lede, .lede, .lede p, .lede .p {
   font-size: var(--global-font-lede, 2.000rem);
   font-weight: 200;
   line-height: 2.5rem;
   }
@media (max-width: 500px) {
   p.lead, .lead, .lead p, .lead .p, 
   p.lede, .lede, .lede p, .lede .p {
      font-size: 1.25rem;
      line-height: 1.65rem;
   }
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child) {
   margin: 1rem 0;
   -webkit-margin-before: 1rem;
   -webkit-margin-after: 1rem;
   }
h1, h2, h3, h1:not(:first-child), h2:not(:first-child), h3:not(:first-child) {
   margin-top: 0;
   }
@media (min-width: 500px) {
   h1, h2, h3, h1:not(:first-child), h2:not(:first-child), h3:not(:first-child) {
      margin-top: 0;
      }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-weight: 200;
   text-transform: initial;
   }
h5, .h5, h6, .h6 {
   text-transform: uppercase;
   }
h4, .h4 {
   color: var(--global-color-brand, #fa4515);
   text-transform: uppercase;
   }
h3, .h3, .size-h3 {
   color: var(--global-color-brand, #fa4515);
   font-weight: 700;
   text-transform: uppercase;
   line-height: 1.25em;
   letter-spacing: initial;
   }
h2, .h2, .size-h2 {
   font-weight: 600;
   letter-spacing: initial;
   }
h1, .h1, .size-h1 {
   font-weight: 600;
   line-height: 1.25;
   letter-spacing: 0.025em;
   letter-spacing: initial;
   }
.text-small {
   font-size: 0.75rem;
   }
.text-medium {
   font-size: 0.85rem;
   }
.text-lower {
   text-transform: lowercase !important;
   }
.text-upper, .text-caps {
   text-transform: uppercase !important;
   }
.text-bold {
   font-weight: 700;
   }
.acumin, .san-serif, .text-sans-serif, .text-acumin, .text-acumin * {
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-weight: 400;
   font-style: normal;
   }
.chaparral, .serif, .text-serif, .text-chaparral, .text-chaparral * {
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-weight: 300;
   font-style: normal;
   }

/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Forms + HR + List
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
textarea {
   resize: none;
   }
.form-wrap { /* <div.form-wrap> */
   width: 100%;
   margin-bottom: var(--global-margin, 40px);
   }
.form-input {
   width: 100%;
   }
.form-submit {
   width: 100%;
   }
.form-group {
   
   }
.form-control { /* applied to <inputs> */
   height: calc(2.25rem + 2px);
   padding: 0.375rem 0.75rem;
   margin-bottom: 0;
   background-clip: padding-box;
   border: 1px solid var(--global-color-border);
   border-radius: 0rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   }
textarea.form-control {
   height: auto;
   }

hr {
   border-width: 2px;
   border-color: var(--global-color-black, #404040);
   }
hr.grey {
   border-color: var(--global-color-placeholder, #666666);
   }
hr.thin {
   border-width: 1px;
   }
hr.line-separator {
   width: 100px;
   border-top: 3px solid var(--global-color-black, #404040);
   padding-left: 0px;
   margin-left: 0px;
   margin-top: 10px;
   margin-bottom: 40px;
   }

/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Body Modifications (backgrond colors)
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
body.bkgd-white, .bkgd-white {
   background: var(--global-color-white, #ffffff);
   color: var(--global-color-black, #404040);
   }
body.bkgd-orange, .bkgd-orange {
   background: var(--global-color-brand, #fa4515);
   color: var(--global-color-white, #ffffff);
   }
body.bkgd-dark, .bkgd-dark {
   background: var(--global-color-black, #404040);
   color: var(--global-color-white, #ffffff);
   }

.bkgd-white ::-moz-selection {
   background: var(--global-color-grey, #f3f3f3);
   }
.bkgd-white ::selection {
   background: var(--global-color-grey, #f3f3f3);
   }
.bkgd-white ::-o-selection {
   background: var(--global-color-grey, #f3f3f3);
   }
.bkgd-white ::-ms-selection {
   background: var(--global-color-grey, #f3f3f3);
   }

.bkgd-white p {
   color: var(--global-color-black, #404040);
   }
.bkgd-dark p, body.bkgd-orange {
   color: var(--global-color-white, #ffffff);
   }

/* overrides */
.text-white, .text-white p, .text-white * {
   color: var(--global-color-white, #ffffff);
   }
.text-black, .text-black p, .text-black *,
.text-dark, .text-dark p, .text-dark * {
   color: var(--global-color-black, #404040);
   }
.text-orange, .text-orange p, .text-orange * {
   color: var(--global-color-brand, #fa4515);
   }

/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Layout Sections/Containers
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
section, .section, .container, header, .header {
   max-width: var(--global-width-max, 1440px);
   margin-left: auto;
   margin-right: auto;
   padding: 0 var(--global-layout-margin, 20px);
   padding: 0 0;
   }
section::after, .section::after, header::after, .header::after, article:after, .article:after {
   content: "";
   display: table;
   clear: both;
   height: 0;
   }
   /*
section header, section .header, .section header, .section .header {
   padding: 0 0;
   }
   */
.section-lg, .section-large, .section-full, 
.container-lg, .container-large, .container-full, .large-container, .full-container {
   max-width: 100%;
   width: 100%;
   padding: 0 0;
   margin: 0 0;
   margin-left: 0;
   margin-right: 0;
   }
.section-md, .section-medium, .medium-section, 
.container-md, .container-medium, .medium-container {
   max-width: var(--global-width-max, 1440px);
   }
.section-sm, .section-small, .small-section, 
.container-sm, .container-small, .small-container {
   max-width: var(--global-width-narrow, 960px);
   }
@media (max-width: 1000px) {
   .section-sm, .section-small, .small-section, 
   .container-sm, .container-small, .small-container {
      margin-left: var(--mobile-margin);
      margin-right: var(--mobile-margin);
      }
}
/*
@media (max-width: 840px) {
   .section-lg, .section-large, .section-full, 
   .section-md, .section-medium, .medium-section, 
   .section-sm, .section-small, .small-section, 
   header, .header,

   .container-lg, .container-large, .container-full, .large-container, .full-container,
   .container-md, .container-medium, .medium-container,
   .container-sm, .container-small, .small-container {
      max-width: var(--breakpoint-sm, 840px);
      padding: 0 var(--global-layout-margin, 20px);
      }
}
*/

/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Flex Containers & Grids
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
.flex-container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   flex-flow: row wrap;
   justify-content: flex-start;
   align-content: flex-start;
   align-items: stretch;
   }
.flex-container.flex-rows {
   flex-direction: row;
   flex-wrap: wrap;
   flex-flow: row wrap;
   justify-content: space-between;
   }
.flex-container.flex-columns {
   flex-direction: column;
   flex-wrap: nowrap;
   flex-flow: column nowrap;
   }
.flex-full {
   order: 0;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: stretch;
   }
/* NOTE: apply global vars to these... */
.flex-small, .flex-large {
   padding-left: 0;  /* 1rem */
   padding-right: 0; /* 1rem */
   flex-basis: 100%;
   margin-bottom: 0;
   }
.flex-row {
   margin-left: 0;   /* -1rem */
   margin-right: 0;  /* -1rem */
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   flex-flow: row wrap;
   }
.flex-item {
   order: 0;
   flex-grow: 0;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: stretch;
   box-sizing: border-box;
   }
.flex-side {
   flex-basis: 25%;
   }
@media (min-width: 500px) {
   .flex-small {
      flex: 1;
      margin-bottom: 0;
      }
}
@media (min-width: 1040px) {
   .flex-large {
      flex: 1;
      margin-bottom: 0;
      }
}
/* ––––––––––––––––––––––––––––––––––––––––––– */
.flex-container .flex-item {
   width: calc(1 / 3 * 100% - (1 - 1 / 3) * ( var(--global-margin) * 1));
   flex-basis: calc(100% / 3);
   flex-basis: calc(1 / 3 * 100% - (1 - 1 / 3) * ( var(--global-margin) * 1));
   margin-bottom: var(--global-margin);
   margin-right: var(--global-margin);
   }
.flex-container .flex-item:last-child {
   
   }
.flex-2 .flex-item {
   width: calc(1 / 2 * 100% - (1 - 1 / 2) * ( var(--global-margin) * 1));
   flex-basis: calc(100% / 2);
   flex-basis: calc(1 / 2 * 100% - (1 - 1 / 2) * ( var(--global-margin) * 1));
   }
.flex-2 .flex-item:nth-child(2n) { /* nth-of-type() */
   margin-right: 0;
   }
.flex-3 .flex-item {
   width: calc(1 / 3 * 100% - (1 - 1 / 3) * ( var(--global-margin) * 1));
   flex-basis: calc(100% / 3);
   flex-basis: calc(1 / 3 * 100% - (1 - 1 / 3) * ( var(--global-margin) * 1));
   margin-right: var(--global-margin);
   }
.flex-3 .flex-item:nth-child(3n) {
   margin-right: 0;
   }
.flex-4 .flex-item {
   width: calc(1 / 4 * 100% - (1 - 1 / 4) * ( var(--global-margin) * 1));
   flex-basis: calc(100% / 4);
   flex-basis: calc(1 / 4 * 100% - (1 - 1 / 4) * ( var(--global-margin) * 1));
   margin-right: var(--global-margin);
   }
.flex-4 .flex-item:nth-child(4n) {
   margin-right: 0;
   }
.flex-5 .flex-item {
   width: calc(1 / 5 * 100% - (1 - 1 / 5) * ( var(--global-margin) * 1));
   flex-basis: calc(100% / 5);
   flex-basis: calc(1 / 5 * 100% - (1 - 1 / 5) * ( var(--global-margin) * 1));
   margin-right: var(--global-margin);
   }
.flex-5 .flex-item:nth-child(5n) {
   margin-right: 0;
   }
.flex-6 .flex-item {
   width: calc(1 / 6 * 100% - (1 - 1 / 6) * ( var(--global-margin) * 1));
   flex-basis: calc(100% / 6);
   flex-basis: calc(1 / 6 * 100% - (1 - 1 / 6) * ( var(--global-margin) * 1));
   margin-right: var(--global-margin);
   }
.flex-6 .flex-item:nth-child(6n) {
   margin-right: 0;
   }
.flex-grow { /* This can and is used to fill and expand in the last space of a grid */
   flex-grow: 1;
   }
@media (max-width: 840px) {
   .flex-container .flex-item {
      width: calc(1 / 2 * 100% - (1 - 1 / 2) * ( var(--mobile-margin) * 1));
      flex-basis: 50%;
      flex-basis: calc(1 / 2 * 100% - (1 - 1 / 2) * ( var(--mobile-margin) * 1));
      margin-right: var(--mobile-margin);
      }
   .flex-container .flex-item:nth-child(2n) {
      margin-right: 0;
      }
}
@media (max-width: 500px) {
   .flex-container .flex-item {
      width: 100%;
      flex-basis: 100%;
      margin-right: 0;
      }
}

/* ––––––––––––––––––––––––––––––––––––––––––– */
/* Grids will default to thirds / 33% * 3, and 
   are used on mosaic tile pages like Dispatch */
.grid, .grid-container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
   grid-gap: var(--global-metric);
   padding-bottom: var(--global-metric);
   grid-auto-rows: calc( var(--global-metric) / 2);
   }
.grid-item {
   position: relative;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   flex-flow: column wrap;
   justify-content: flex-start;
   align-items: stretch;
   align-content: flex-start;
   text-align: left;
   background: var(--global-color-white, #ffffff);
   padding: calc( var(--global-metric) / 2) calc( var(--global-metric) / 2);
   overflow: hidden;
   grid-row: span 4;
   grid-row: span 6;
   }
.grid-item.featured {
   grid-column: span 2;
   grid-row: span 10 !important;
   grid-row: span 12 !important;
   }
.grid-item {
   grid-row: span 6;
   }
.grid-item.audio {
   grid-row: span 5;
   }
.grid-item.featured + .grid-item:not(.featured):not(.audio) {
   grid-row: span 6;
   }
.grid-item.featured + .grid-item:not(.featured):not(.audio) + .grid-item:not(.featured):not(.audio) {
   grid-row: span 6;
   }
.grid-item.audio + .grid-item:not(.featured):not(.audio) {
   grid-row: span 7;
   }
.grid-item:not(.featured):not(.audio) + .grid-item:not(.featured):not(.audio) + .grid-item.audio {
   grid-row: span 6;
   }
.grid-item > div, .grid-item .content {
   width: 100%;
   display: block;
   }
.grid-item > footer, .grid-item .footer {
   position: absolute;
   bottom: 0;
   }
.grid-item figure, .grid-item .media {
   width: 100%;
   height: 0;
   padding-bottom: 50%;
   background: var(--global-color-black, #404040);
   margin: 0 0 0.5rem 0;
   }
.grid-item figure {
   object-fit: cover;
   overflow: hidden;
   }
.grid-item.audio figure, .grid-item.audio .media {
   padding-bottom: 40%;
   }
.grid-item p.meta, .grid-item .meta.p {
   margin: 0 0 10px 0;
   margin-bottom: 8px;
   }
.grid-item p.meta.meta-first, .grid-item .meta.meta-first.p {
   font-size: 15px;
   }
.grid-item h3, .grid-item .title {
   margin: 0 0 8px 0;
   margin-bottom: 8px !important;
   font-weight: 400;
   text-transform: initial;
font-size: 18px;
   }
.grid-item h3 a, .grid-item .title a {
   color: var(--global-color-brand, #fa4515);
   text-decoration: none;
   }
.grid-item p.intro, .grid-item .intro.p {
   font-size: 0.75rem;
font-size: 14px;
   }
.grid-item.featured figure, .grid-item.featured .media {
   padding-bottom: 60%;
   }
.grid-item.featured h3, .grid-item.featured .title {
   font-size: 1.5rem;
   }
.grid-item.featured p.intro, .grid-item.featured .intro.p {
   font-size: 1rem;
   }
@media (max-width: 840px) {
   .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: var(--mobile-metric);
      padding-bottom: var(--mobile-metric);
      }
   .grid-item {
      flex-direction: row;
      flex-wrap: wrap;
      flex-flow: row wrap;
      }
   .grid-item, .grid-item.audio, .grid-item.featured + .grid-item:not(.featured):not(.audio), .grid-item.featured + .grid-item:not(.featured):not(.audio) + .grid-item:not(.featured):not(.audio), .grid-item.audio + .grid-item:not(.featured):not(.audio), .grid-item:not(.featured):not(.audio) + .grid-item:not(.featured):not(.audio) + .grid-item.audio {
      grid-column: span 2;
      grid-row: span 6;
      }

   .grid-item,
   .grid-item.audio,
   .grid-item.featured + .grid-item:not(.featured):not(.audio),
   .grid-item.featured + .grid-item:not(.featured):not(.audio) + .grid-item:not(.featured):not(.audio),
   .grid-item.audio + .grid-item:not(.featured):not(.audio),
   .grid-item:not(.featured):not(.audio) + .grid-item:not(.featured):not(.audio) + .grid-item.audio {
      grid-row: span 10;
      }
   body.gather-dispatch #recent-press .grid-item {
      grid-row: span 8;
      }
   body.gather-dispatch .grid-item,
   body.gather-dispatch .grid-item.featured {
      grid-column: span 1 !important;
      }
}
/* GRID / Featured // Correct for mobile */
@media (max-width: 840px) {
   .grid-item.featured {
      grid-row: span 10 !important;
      }
   .grid-item.featured figure, .grid-item.featured .media {
      padding-bottom: 50%;
      }
   .grid-item.featured h3, .grid-item.featured .title {
      font-size: 1rem;
      }
   .grid-item.featured p.intro, .grid-item.featured .intro.p {
      font-size: 0.75rem;
      }
   
   .grid-item p.meta.meta-first, .grid-item .meta.meta-first.p {
      font-size: 0.75rem;
      }
}

.flex-grid-2 {
   grid-template-columns: repeat(2, 1fr);
   }
.flex-grid-2 .grid-item {
   width: 100%;
   flex-basis: 100%;
   grid-row: span 15;
   margin-right: 40px;
   }
.flex-grid-2 .grid-item:nth-of-type(2n) {
   margin-right: 0;
   }


@media (max-width: 600px) {
   #recent-dispatch.grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: var(--mobile-metric);
      padding-bottom: var(--mobile-metric);
   }
   #recent-dispatch.grid .grid-item,
   #recent-dispatch.grid .grid-item.featured {
      grid-row: span 14 !important;
   }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Main Header & Main Footer
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
#main-header, #main-content, #main-footer, #main-masthead {
   max-width: 100%;
   vertical-align: top;
   text-align: left;
   margin: 0 auto;
   padding: 0 0;
   opacity: 1;
   }
#main-header, #main-footer { /* <header> and <footer> are the same columns... */
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 100%;
   }
#main-header #main-header-inner,
#main-footer #main-footer-inner { /* <header> and <footer> are the same columns... */
   max-width: var(--global-width-max);
   width: 100%;
   margin-left: var(--global-layout-margin);
   margin-right: var(--global-layout-margin);
   }
.site-branding {
   float: left;
   max-width: 410px;
   width: 410px;
   padding-left: 90px;
   padding-right: 0px;
   }
.site-navigation {
   float: right;
   max-width: 1020px; /* width: 740px; margin-left: 180px; */
   width: 1020px;
   margin-left: 10px;
   padding-left: 0px;
   padding-right: 0px;
   }
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Main Header » Specific
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
#main-header {
   position: fixed;
   top: 0; left: 0;
   z-index: 999;
   height: 120px;
   background: transparent;
   }
#main-header #main-header-bkgd {
   position: absolute;
   top: 0; right: 0; left: 0; bottom: 0;
   z-index: -1;
   height: 100%;
   width: 100%;
   background: var(--global-color-white, #ffffff);
   -webkit-transition: background 250ms ease;
      -moz-transition: background 250ms ease;
        -o-transition: background 250ms ease;
       -ms-transition: background 250ms ease;
           transition: background 250ms ease;
   }
#main-header .site-branding-logo {
   float: left;
   width: 100px;
   line-height: initial;
   font-size: 1rem;
   margin: 0 !important;
   margin-right: 10px !important;
   display: block;
   }
#main-header .site-branding-tagline {
   float: left;
   width: 210px;
   height: 36px;
   line-height: 36px;
   font-size: .825rem;
   letter-spacing: .00125em;
   margin: 0 !important;
   padding-left: 10px;
   border-left: 1px solid var(--global-color-grey-light, #a5a5a5);
   color: var(--global-color-grey-light, #a5a5a5);
    -webkit-transition: color 750ms ease;
      -moz-transition: color 750ms ease;
       -ms-transition: color 750ms ease;
        -o-transition: color 750ms ease;
         transition: color 750ms ease;
   display: block;
   }
   /*
#main-header .site-branding-tagline img {
   display: block;
   }
#main-header .site-branding-tagline span {
   visibility: hidden;
   }
   */
#main-header a.site-branding .site-branding-logo {
   text-decoration: none;
   width: 100px;
   height: 36px;
   display: block;
   }
#main-header a.site-branding .site-branding-logo svg {
   height: 36px;
   }
#main-header a.site-branding .site-branding-logo img {
   width: 100%;
   width: 100px;
   }
#gather-logo-fill {
   fill: var(--global-color-brand, #fa4515);
   -webkit-transition: fill 750ms ease;
      -moz-transition: fill 750ms ease;
        -o-transition: fill 750ms ease;
       -ms-transition: fill 750ms ease;
           transition: fill 750ms ease;
   }

/* ––––––––––––––––––––––––––––––––––––––––––– */
#main-header #main-header-banner {
   position: absolute;
   top: 0px; right: 0; left: 0;
   z-index: -1;
   height: 40px;
   width: 100%;

   background: var(--global-color-brand, #fa4515);
   }
#main-header #main-header-banner p {
   color: var(--global-color-white, #ffffff) !important;
   font-size: 14px;
   font-weight: 600;
   max-width: var(--global-width-max);
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   padding-top: 8px;
   padding-left: 20px;
   padding-right: 20px;
   }
#main-header #main-header-banner a, #main-header #main-header-banner * a {
   color: var(--global-color-white, #ffffff) !important;
   text-decoration: underline;
   }
@media (max-width: 1080px) {
   #main-header #main-header-banner {
      z-index: 999;
      }
}
@media (max-width: 720px) {
   #main-header #main-header-banner {
      height: 70px;
      z-index: 999;
      }
   #main-header #main-header-banner p {
      font-size: 13px;
      padding-left: 10px;
      padding-right: 10px;
      }
}
@media (max-width: 500px) {
   
}
/* ––––––––––––––––––––––––––––––––––––––––––– */
#main-header ul#main-navigation {
   float: left;
   width: 840px;
   margin-right: 0px;
   padding-right: 10px;
   text-align: right;
   }
#main-header ul#main-navigation li:first-child a { 
   margin-left: -10px;
   }
#main-header ul#lets-talk {
   float: left;
   width: 180px;
   padding-right: 50px;
   margin-right: 0px;
   }
#main-header ul#lets-talk li:first-child {
   width: 100%;
   display: block;
   }
#main-header ul#lets-talk li:first-child a {
   margin-top: -7px;
   font-weight: 800;
   padding-left: 0;
   padding-right: 0;
   text-transform: uppercase;
   display: block;
   }


/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Main Header » Responsive Adjustments
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
@media (max-width: 1480px) {
   .site-branding {
      width: 410px;
      }
   .site-navigation {
      width: 820px;      /* removed 220px */
      }
   #main-header ul#main-navigation {
      width: 620px;        /* removed 220px */
      }
   #lets-talk {

      }
}
@media (max-width: 1280px) {
   .site-branding {
      width: 320px;       /* removed 90px */
      padding-left: 0px;  /* removed 90px */
      }
   .site-navigation {
      width: 640px;
      margin-right: 0px;
      }
   #main-header {
      justify-content: left;
      }
   #main-header ul#main-navigation {
      width: 100%;
      padding-right: 0px;
      }
   #main-header ul#main-navigation li:last-child {
      margin-right: -10px;
      }
   #lets-talk {
      display: none;
      }
}
@media (max-width: 1080px) {
   #main-header .site-branding {
      position: relative;
      z-index: 11;
      width: 80%;
      }
   #main-header .site-navigation {
      position: fixed;
      z-index: 10;
      top: 0; right: 0; bottom: 0; left: 0;
      max-width: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      padding-top: 100px;
      opacity: 0;
      height: 0;
      transition: height 200ms ease-in-out, opacity 200ms ease-in-out;
      overflow: hidden;
      }
   #main-header .site-navigation li a {
      font-size: var(--mobile-font-h1);
      text-align: center;
      padding: 10px 0px;
      }
}




/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Main Footer » Specific
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
#main-footer {
   position: absolute;
   bottom: 0; left: 0;
   z-index: 1;
   height: 40px;
   background: var(--global-color-brand, #fa4515);
   }
#main-footer .site-branding {
   font-size: 1rem;
   margin: 0;
   margin-top: 3px;
   }
#main-footer .site-branding a {
   text-decoration: none;
   width: 20px;
   height: 20px;
   display: block;
   }
#main-footer .site-branding img {
   width: 20px;
   }
#main-footer nav ul {
   margin-top: -3px !important;
   text-align: right;
}
@media (max-width: 1080px) {
   #main-footer {
      height: 40px;
      }
}
@media (max-width: 840px) {
   #main-footer .site-branding {
      max-width: 10%;
      width: 10%;

      max-width: 25px;
      width: 25px;
      }
   #main-footer .site-navigation {
      max-width: 90%;
      width: 90%;

      max-width: 85%;
      width: 85%;
      }
}
@media (max-width: 500px) {

}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Main Navigation
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
nav ul {
   margin: 0;
   margin-right: -10px;
   padding: 0;
   list-style-type: none;
   text-align: left;
   display: block;
   }
nav ul li {
   margin: 0;
   padding: 0;
   display: inline-block;
   }
nav ul li a {
   font-size: 1.25rem;
   font-size: 1.1rem;
   font-weight: 400;
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   margin: 0;
   padding: 0 10px;
   display: block;
   color: var(--global-color-grey-dark, #272727);
   text-decoration: none;
   -webkit-transition: color 750ms ease;
      -moz-transition: color 750ms ease;
       -ms-transition: color 750ms ease;
        -o-transition: color 750ms ease;
         transition: color 750ms ease;
   }
nav ul li a span {
   border-bottom: 2px solid transparent;
   padding-bottom: 2px;
   padding-left: 2px;
   padding-right: 2px;
   display: inline-block;
   }
nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
   color: var(--global-color-brand, #fa4515);
   text-decoration: none;
   border: none;
   }
nav ul li.active a span, nav ul li a.active span {
   border-bottom: 2px solid var(--global-color-brand, #fa4515);
   }

/* active states */
body.welcome nav ul li.nav-welcome a span, 
body.gather-services nav ul li.nav-services a span, 
body.gather-about nav ul li.nav-about a span, 
body.gather-work nav ul li.nav-work a span, 
body.gather-impact nav ul li.nav-work a span, 
body.gather-collective nav ul li.nav-collective a span, 
body.gather-contact nav ul li.nav-contact a span, 
body.gather-dispatch nav ul li.nav-dispatch a span {
   border-bottom: 2px solid var(--global-color-brand, #fa4515);
   }
body.gather-work nav ul li.nav-work a span, 
body.gather-collective nav ul li.nav-collective a span,
body.gather-dispatch nav ul li.nav-dispatch a span {
   border-bottom: 2px solid var(--global-color-white, #ffffff);
   }
body.gather-work.transform-header nav ul li.nav-work a span, 
body.gather-dispatch.transform-header nav ul li.nav-dispatch a span {
   border-bottom: 2px solid var(--global-color-brand, #fa4515);
   }
body.section-masthead:not(.masthead-video) nav ul li a,
body.section-masthead:not(.masthead-video) nav ul li a:hover,
body.section-masthead:not(.masthead-video) nav ul li a:active,
body.section-masthead:not(.masthead-video) nav ul li a:focus {
   color: var(--global-color-white, #ffffff);
   }
body.section-masthead:not(.masthead-video) nav ul li.active a span, 
body.section-masthead:not(.masthead-video) nav ul li a.active span {
   border-bottom: 2px solid var(--global-color-white, #ffffff);
   }
body.section-masthead.transform-header:not(.masthead-video) nav ul li a,
body.section-masthead.transform-header:not(.masthead-video) nav ul li a:hover, 
body.section-masthead.transform-header:not(.masthead-video) nav ul li a:active, 
body.section-masthead.transform-header:not(.masthead-video) nav ul li a:focus {
/* color: var(--global-color-brand, #fa4515);*/
color: var(--global-color-grey-dark, #272727);
   }
body.section-masthead.transform-header:not(.masthead-video) nav ul li.active a span, 
body.section-masthead.transform-header:not(.masthead-video) nav ul li a.active span {
/* border-bottom: 2px solid: var(--global-color-brand, #fa4515);*/
   border-bottom: 2px solid: var(--global-color-grey-dark, #272727);
   }
body.mobile-menu-open nav ul li.active a span, 
body.mobile-menu-open nav ul li a.active span {
   border-bottom: 2px solid transparent !important;
   }
#main-header ul#lets-talk li a,
#main-header ul#lets-talk li a:hover,
#main-header ul#lets-talk li a:active,
#main-header ul#lets-talk li a:focus {
   color: var(--global-color-white, #ffffff) !important;
   }
body.section-masthead:not(.masthead-video) #main-header ul#lets-talk li a {
   color: var(--global-color-brand, #fa4515) !important;
   border: 1px solid var(--global-color-white, #ffffff);
   background: var(--global-color-white, #ffffff);
   }


#main-footer nav ul li a, 
#main-footer nav ul li a:hover, 
#main-footer nav ul li a:active, 
#main-footer nav ul li a:focus {
   font-size: 0.85rem;
   color: var(--global-color-white, #ffffff) !important;
   }

/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Main Navigation Toggle
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
#nav-toggle {
   display: none;
   }
#nav-toggle {
   position: fixed;
   z-index: 20;
   right: 0;
   margin-right: 20px;
   margin-top: 0px;
   cursor: pointer;
   line-height: 0px;
   min-width: 25px;
   }
#nav-toggle * {
   line-height: 0px;
   box-sizing: border-box;
   -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
       -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
           transition: all 0.2s ease-in-out;
   }
#nav-toggle-checkbox {
   display: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   }
#nav-toggle label {
   position: relative;
   line-height: 0px;
   cursor: pointer;
   display: block;
   }
#nav-toggle, #nav-toggle label {
   height: 30px;
   width: 50px;
   padding-top: 5px;
   }
#nav-toggle {
   height: 40px;
   }
#nav-toggle-switch .bar {
   height: 4px;
   width: 35px;
   background: var(--global-color-brand, #fa4515);
   border-radius: 500px;
   }
#nav-toggle-switch .bar.diagonal, #nav-toggle-switch .bar.horizontal {
   position: relative;
   float: left;
   }
#nav-toggle-switch .bar.part-1 {
   margin-top: 0px;
   }
#nav-toggle-switch .bar.part-2 {
   margin-top: 10px;
   }
body.section-masthead:not(.masthead-video) #nav-toggle-switch .bar,
body.bkgd-dark:not(.gather-collective) #nav-toggle-switch .bar {
   background: var(--global-color-white, #ffffff);
   }
body.section-masthead.transform-header:not(.masthead-video) #nav-toggle-switch .bar {
   background: var(--global-color-brand, #fa4515);
   }
#nav-toggle-checkbox:checked ~ #nav-toggle-switch .part-1 {
   height: 4px;
   transform: rotate(225deg);
   -webkit-transform: rotate(225deg);
   margin-top: 5px;
   margin-left: 0px;
   }
#nav-toggle-checkbox:checked ~ #nav-toggle-switch .part-2 {
   height: 4px;
   transform: rotate(-225deg);
   -webkit-transform: rotate(-225deg);
   margin-top: -10px;
   margin-right: -0px;
   margin-top: -4px;
   }

@media (max-width: 1080px) {
   #nav-toggle {
      margin-right: 0px;
      }
   #nav-toggle {
      display: block;
      padding-top: 0;
      top: 42px;
      }
   #main-content {
      padding-top: 100px;
      min-width: auto;
      }
   p, .p, input, label, select, textarea, button {
      line-height: 1.35;
      }
   body.mobile-menu-open #main-header .site-navigation {
      transition: opacity 200ms ease-in-out;
      opacity: 1;
      height: 100%;
      height: 100vh;
      background: #404040;
      }
   body.mobile-menu-open #main-header .site-branding-logo,
   body.mobile-menu-open #main-header .site-branding-tagline {
      position: fixed;
      z-index: 1001;
      top: 40px;
      }
   body.mobile-menu-open #main-header .site-branding-tagline {
      left: 123px;
      }
}
@media (max-width: 1080px) {
   nav ul li {
      display: block;
      }
   #main-footer nav ul li {
      display: inline-block;
      }
   #main-footer nav ul li a {
      padding: 0 10px 0 0;
      }
   nav ul li.active a span, 
   nav ul li a.active span, 
   body.welcome nav ul li.nav-welcome a span, 
   body.gather-services nav ul li.nav-services a span, 
   body.gather-about nav ul li.nav-about a span, 
   body.gather-work nav ul li.nav-work a span, 
   body.gather-impact nav ul li.nav-work a span, 
   body.gather-collective nav ul li.nav-collective a span, 
   body.gather-contact nav ul li.nav-contact a span, 
   body.gather-dispatch nav ul li.nav-dispatch a span {
      border-bottom: 2px solid transparent !important;
      }
}
@media (max-width: 465px) {
   #main-header .site-branding-tagline {
      display: none;
   }
}

body.mobile-menu-open #main-header .site-branding-tagline {
   color: var(--global-color-white, #ffffff) !important;
   }
body.mobile-menu-open #main-header nav ul li a,
body.mobile-menu-open #main-header nav ul li a:hover,
body.mobile-menu-open #main-header nav ul li a:active,
body.mobile-menu-open #main-header nav ul li a:focus {
   color: var(--global-color-white, #ffffff);
   }
body.mobile-menu-open #main-header nav ul li.active a span, 
body.mobile-menu-open #main-header nav ul li a.active span {
   border-bottom: 2px solid var(--global-color-white, #ffffff);
   }
body.mobile-menu-open #gather-logo-fill {
   fill: var(--global-color-white, #ffffff);
   }
body.mobile-menu-open #nav-toggle-switch .bar {
    background: var(--global-color-white, #ffffff);
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Structure / Main Layout Elements
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
#main-content {
   position: relative;
   padding-top: 120px;     /* matches the fixed header/navigation height */
   padding-bottom: 40px;   /* matches the <footer> height */
   padding-left: 0;
   padding-right: 0;
   }
#main-masthead {           /* <header> with custom images or graphics on pages like Dispatch and Work */
   width: 100%;
   min-height: 600px;
   height: 600px;
   padding: 220px 0px 0px 0px;
   margin-bottom: 60px;
   text-align: center;
   background: linear-gradient(180deg, white 0%, #0e0c1e 0%, #0e378e 100%);
   }
@media (max-width: 840px) {
   #main-masthead {
      width: 100%;
      min-height: 50vh;
      height: 50vh;
      padding: 120px 0px 0px 0px;
      margin-bottom: 40px;
   }
}
body.masthead-video #main-masthead {
   height: 0px;
   min-height: 545.625px;
   padding-top: 0;
   background: #000;
   }
body.masthead-video #main-masthead h1, body.masthead-video #main-masthead p.excerpt {
   display: none;
   }
#video-mashead {
   position: absolute;
   z-index: 1;
   top: 0; left: 0; right: 0;
   max-width: 970px;
   margin: 0 auto;
/* min-height: 600px; */
   width: 100%;
   overflow: hidden;
   display: block;
   }
#video-wrapper, .video-wrapper {
   position: relative;
   height: 0px;
   padding-bottom: 56.25%;
   }
#video-controller {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
   height: 120px;
   width: 120px;
   margin-top: -60px;
   margin-left: -60px;
   cursor: pointer;
   }
#video-controller img {
   width: 100%;
   border: 0;
   outline: none;
   }
#video-screen, .video-wrapper .video-screen {
   cursor: pointer;
   width: 100% !important;
   height: auto !important;
   z-index: 1;
   object-fit: inherit;
   background-color: transparent;
   background-size: cover;
   background-repeat: no-repeat;
   }
@media (max-width: 970px) {
   body.masthead-video #main-masthead {
      min-height: initial;
      padding-bottom: 56.25%;
      }
}

#content-mask {
   position: absolute;
   top: 0; left: 0;
   z-index: 1000;
   background: rgba(0, 0, 0, 0.3);
   height: 100%; width: 100%;
   display: none;
   opacity: 0;
   -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
       -ms-transition: opacity 1s ease;
           transition: opacity 1s ease;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Structure / Main Content 
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
#main-content {
   top: 0; left: 0;
   margin: 0 auto;
   min-height: 100vh;
   min-width: 400px;
   width: 100%;
   -webkit-transition: left 250ms ease, background 250ms ease;
      -moz-transition: left 250ms ease, background 250ms ease;
        -o-transition: left 250ms ease, background 250ms ease;
       -ms-transition: left 250ms ease, background 250ms ease;
           transition: left 250ms ease, background 250ms ease;
   }

#main-content #page-header, #main-content > .page-header {
   margin-top: var(--section-header-margin-top);
   margin-bottom: var(--section-header-margin-bot);
   }
   /*
#main-content #page-header:not(.section-sm), #main-content > .page-header:not(.section-sm) {
   margin-left: 0; margin-right: 0;
   max-width: 100%;
   width: 100%;
   }
   */
#main-content #page-header h1, #main-content > .page-header h1 {
   font-weight: 600;
   margin-top: -13px;
   padding-top: 0;
   margin-bottom: var(--global-metric);
   padding-bottom: 0;
   }
#main-content #page-header p, #main-content > .page-header p {
   margin-bottom: 0;
   padding-bottom: 0;
   }
@media (max-width: 1000px) {
   #main-content:not(.offset-layout) #page-header, #main-content:not(.offset-layout) > .page-header {
      margin-left: var(--mobile-margin);
      margin-right: var(--mobile-margin);
      }
}
@media (max-width: 840px) {
   #main-content #page-header, #main-content > .page-header {
      margin-top: var(--section-header-margin-mobile);
      margin-bottom: var(--section-header-margin-mobile);
      padding: 0px 0px;
      }
}

#main-content .section-images {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   flex-flow: row nowrap;
   justify-content: flex-start;
   align-items: stretch;
   align-content: stretch;
   gap: 0;
   }
#main-content figure.flex-image {
   position: relative;
   z-index: 3;
   align-self: flex-end;
   margin-bottom: 0;
   padding-bottom: 0;
   display: block;
   }
#main-content .section-images figure.flex-image {
   display: flex;
   width: 50%;
   flex-basis: 50%;
   }
@media (max-width: 840px) {
   #main-content .section-images figure.flex-image + figure.flex-image {
      display: none;
      }
}
   
/* –––––——–––––——–––––——–––––—–––––––––––––––– */
/* Content / Images // Filtered */
/* https://baseline.is/tools/css-photo-filters/ */
figure.flex-image {
   position: relative;
   display: inline-block;
   line-height: 0;
   background: #ffffff;
   }
figure.flex-image > img {
   position: relative;
   z-index: 1;
   }
figure.flex-image.filter > img {
   -webkit-filter:  brightness(88%) contrast(141%) grayscale(50%) hue-rotate(340deg) invert(0%) opacity(86%) saturate(186%) sepia(12%);
           filter:  brightness(88%) contrast(141%) grayscale(50%) hue-rotate(340deg) invert(0%) opacity(86%) saturate(186%) sepia(12%);
   mix-blend-mode: multiply;
   }
figure.flex-image.filter::after {
   position: absolute;
   top: 0; right: 0; bottom: 0; left: 0;
   z-index: 10;
   height: 100%;
   width: 100%;
   content: ' ';
   display: block;
   mix-blend-mode: multiply;
   background: var(--global-color-brand, #fa4515);
   opacity: 0.53;
   }
@media (max-width: 840px) {
   #main-content .section-images {
      flex-flow: column nowrap;
      align-items: flex-start;
      align-content: flex-start;
      gap: var(--mobile-metric);
      flex-direction: column;
      }
   #main-content .section-images figure.flex-image {
    width: 100%;
    flex-basis: 100%;
      }
}
/* –––––——–––––——–––––——–––––—–––––––––––––––– */

#main-content a.cta {
   color: var(--global-color-white, #ffffff);
   font-size: 1.25rem;
   font-weight: 600;
   text-align: center;
   text-decoration: none;
   padding: 10px 20px;
   margin-top: 10px;
   display: inline-block;
   border: 1px solid transparent;
   border-color: var(--global-color-white, #ffffff);
   cursor: pointer;
   -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
           transition: all 0.2s ease-in-out;

   margin-right: 20px;
   }
#main-content a.cta:hover {
   color: var(--global-color-white, #ffffff);
   border-color: var(--global-color-white, #ffffff);
   }
@media (max-width: 500px) {
   #main-content a.cta {
      font-size: 1rem;
      padding: 10px 15px;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Structure / Main Masthead
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
#main-masthead figure {
   margin: 0 auto;
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
   width: 40%;
   height: 80px;
   margin-bottom: 40px;
   }
#main-masthead figure figcaption {
   width: 50%;
   margin: 0 auto;
   margin-top: 1.5rem;
   color: var(--global-color-white, #ffffff);
   font-size: 1.35rem;
   font-weight: 300;
   text-align: center;
   }
#main-masthead figure img {
   top: 0;
   margin: 0;
   padding: 0;
   }
#main-masthead h1 {
   color: var(--global-color-white, #ffffff);
   font-size: var(--global-font-h1);
   font-weight: 200;
   letter-spacing: initial;
   text-transform: initial;
   margin: 0 auto !important;
   margin-left: auto;
   margin-right: auto;
   max-width: var(--global-width-max);
   padding: 0 calc( var(--global-metric) / 2);
   }
#main-masthead h1 > span, #main-masthead h1 > .no-show {
   font-size: 0px;
   color: transparent;
   }
#main-masthead h1 > span.cite, #main-masthead h1 > .cite,
#main-masthead h1 > span.byline, #main-masthead h1 > .byline {
   font-size: 1.25rem;
   color: var(--global-color-white, #ffffff);
   }
#main-masthead p, #main-masthead .p {
   color: var(--global-color-white, #ffffff);
   width: 50%;
   margin-top: 1.5rem;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
   }
#main-masthead p.meta, #main-masthead .meta.p {
   font-size: 1.025rem;
   font-weight: 300;
   margin-left: auto;
   margin-right: auto;
   }
#main-masthead h1, #main-masthead h1 > span.cite, #main-masthead h1 > .cite, 
#main-masthead h1 > span.byline, #main-masthead h1 > .byline {
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-weight: 400;
   font-style: normal;
}
body.section-masthead:not(.masthead-video) #main-header #main-header-bkgd {
   opacity: 0;
   }
body.section-masthead:not(.masthead-video) #gather-logo-fill {
   color: var(--global-color-white, #ffffff);
   fill: var(--global-color-white, #ffffff);
   }
body.section-masthead:not(.masthead-video) #main-header .site-branding-tagline {
   color: var(--global-color-white, #ffffff);
   border-color: var(--global-color-white, #ffffff);

   }
body.section-masthead:not(.masthead-video) #main-content {
   padding-top: 0;
   }
body.section-masthead.transform-header:not(.masthead-video) #main-header #main-header-bkgd {
   opacity: 1;
   }
body.section-masthead.transform-header:not(.masthead-video) #gather-logo-fill, body.section-masthead.transform-header:not(.masthead-video) .site-branding-tagline {
   fill: var(--global-color-brand, #fa4515);
   }
body.section-masthead.transform-header:not(.masthead-video) #main-header .site-branding-tagline {
   color: var(--global-color-brand, #fa4515);
   border-color: var(--global-color-brand, #fa4515);
   }
@media (max-width: 840px) {
   #main-masthead h1 {
      font-size: 3rem;
      font-weight: 200;
      max-width: 100%;
      padding: 0 var(--mobile-metric);
      }
   #main-masthead p, #main-masthead .p {
      width: 70%;
      margin-top: 1rem;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
.content-sidebar {
   position: -webkit-sticky;
   position: sticky;
   top: 140px;
   /*
   width: 30%;
   flex-basis: 30%;
   margin-right: 40px;
   */
   align-self: flex-start;
   }
article.flex-container .content-sidebar > header, 
article.flex-container .content-sidebar > header *, 
.flex-container.article .content-sidebar > header, 
.flex-container.article .content-sidebar > header * {
   color: #ffffff;
   font-style: normal;
   margin: 0 0;
   }
article.flex-container .content-sidebar > header, 
.flex-container.article .content-sidebar > header {
   background-color: var(--global-color-brand, #fa4515);
   padding: 4px 10px 6px 10px;
   font-weight: 400;
   margin-bottom: 20px;
   }
article.flex-container .content-sidebar .post-topics, 
.flex-container.article .content-sidebar .post-topics {
   margin-bottom: 20px;
   }
article.flex-container .content-sidebar .post-topics ul, 
.flex-container.article .content-sidebar .post-topics ul {
   padding: 0 0;
   margin: 0 0;
   list-style: none;
   }
article.flex-container .content-sidebar .post-topics ul li, 
.flex-container.article .content-sidebar .post-topics ul li {
   position: relative;
   margin: 0 0;
   padding: 0 0;
   padding-left: 10px;
   line-height: 1.25rem;
   margin-bottom: 0.65rem;
   }
article.flex-container .content-sidebar .post-topics ul li::before, 
.flex-container.article .content-sidebar .post-topics ul li::before {
   color: var(--global-color-grey-light, #a5a5a5);
   content: ">";
   font-weight: 800;
   font-size: 0.85rem;
   position: absolute;
   top: 0;
   left: 0;
   width: 10px;
   height: 10px;
   }
article.flex-container .content-sidebar .post-topics ul a,
.flex-container.article .content-sidebar .post-topics ul a {
   color: var(--global-color-brand, #fa4515);
   font-weight: 600;
   text-decoration: none;
   }
article.flex-container .content-sidebar .post-share,
.flex-container.article .content-sidebar .post-share {
   margin-bottom: 20px;
   padding-left: 10px;
   }
article.flex-container .content-sidebar .post-share .btn,
.flex-container.article .content-sidebar .post-share .btn {
   font-size: 1rem !important;
   background: transparent;
   border: 1px solid var(--global-color-brand, #fa4515);
   color: var(--global-color-brand, #fa4515);
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
article.flex-container .content-sections,
.flex-container.article .content-sections {
   /*
   width: 70%;
   flex-basis: 70%;
   */
   }

article.flex-container .content-sections section,
article.flex-container .content-sections footer,
.flex-container.article .content-sections section,
.flex-container.article .content-sections footer {
   margin-bottom: 40px !important;
   }
article.flex-container .content-sections section > header,
article.flex-container .content-sections footer > header,
.flex-container.article .content-sections section > header, 
.flex-container.article .content-sections footer > header {
   padding-bottom: 0;
   }
article.flex-container .content-sections section > header h3,
article.flex-container .content-sections section > header h2,
article.flex-container .content-sections section > header h1,
article.flex-container .content-sections footer > header h3,
article.flex-container .content-sections footer > header h2,
article.flex-container .content-sections footer > header h1,
.flex-container.article .content-sections section > header h3,
.flex-container.article .content-sections section > header h2,
.flex-container.article .content-sections section > header h1,
.flex-container.article .content-sections footer > header h3,
.flex-container.article .content-sections footer > header h2,
.flex-container.article .content-sections footer > header h1 {
   font-size: 1.5rem;
   font-weight: 400;
   text-transform: none;
   }
article.flex-container .content-sections section p:not(.lede):not(.meta):not(.intro),
article.flex-container .content-sections section .p:not(.lede):not(.meta):not(.intro), 
article.flex-container .content-sections footer p:not(.lede):not(.meta):not(.intro), 
article.flex-container .content-sections footer .p:not(.lede):not(.meta):not(.intro), 
.flex-container.article .content-sections section p:not(.lede):not(.meta):not(.intro), 
.flex-container.article .content-sections section .p:not(.lede):not(.meta):not(.intro), 
.flex-container.article .content-sections footer p:not(.lede):not(.meta):not(.intro), 
.flex-container.article .content-sections footer .p:not(.lede):not(.meta):not(.intro) {
/*   font-family: "chaparral-pro", serif;*/
   }
article.flex-container .content-sections section blockquote, 
article.flex-container .content-sections footer blockquote, 
.flex-container.article .content-sections section blockquote, 
.flex-container.article .content-sections footer blockquote {
   font-family: "chaparral-pro", serif;
   font-size: 1.15rem;
   border: 1px solid var(--global-color-brand, #fa4515);
   padding: 20px 20px;
   margin-left: 40px;
   }
@media (max-width: 840px) {
   article.flex-container .content-sidebar,
   .flex-container.article .content-sidebar {
      display: none;
      }
   article.flex-container .content-sections,
   .flex-container.article .content-sections {
      width: 100%;
      flex-basis: 100%;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Component: Carousel + Fancybox
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
.carousel {}
.carousel-slide {}
.carousel-arrow a h3 {
   color: var(--global-color-grey-light, #a5a5a5) !important;
   }
.fancybox-slide--image .fancybox-content {
   padding: 40px 40px !important;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */


/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: basic page template structure
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-page {

   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Services
 * –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-services {

   }
body.gather-services #main-content #main-intro .flex-item.service {
   text-align: center;
   color: var(--global-color-brand, #fa4515);
   }
body.gather-services #main-content #main-intro .flex-item.service > a {
   text-decoration: none;
   }
body.gather-services #main-content #main-intro .flex-item.service p,
body.gather-services #main-content #main-intro .flex-item.service .p {
   color: var(--global-color-brand, #fa4515);
   }
body.gather-services #main-content #main-intro .flex-item.service figure {
   height: auto;
   padding: 0;
   border: none;
   display: block;
   }
body.gather-services #main-content #main-intro .flex-item.service figure img {
   position: relative;
   top: 0;
   width: 60%;
   max-width: 60%;
   margin: 0 auto;
   margin-bottom: 20px;
   }
body.gather-services #main-content #main-intro .flex-item.service figure figcaption h2 {
   font-size: 1.8rem;
   font-weight: 800;
   color: #232323;
   color: var(--global-color-black, #404040);
   letter-spacing: 0;
   }
body.gather-services #main-content #main-intro .flex-item.service figure figcaption h2 span {
   color: var(--global-color-brand, #fa4515);
   font-weight: 800;
   }
body.gather-services #main-content section.scroll-monitor {
   padding-top: var(--global-metric);
   }
body.gather-services #main-content section .grid,
body.gather-services #main-content section .section-images {
   margin-top: var(--global-metric);
   }
body.gather-services #main-content section .grid .grid-item {
   border: 1px solid var(--global-color-border);
   }
body.gather-services article > header {
   margin-bottom: 2rem;
   }

@media (max-width: 840px) {
   body.gather-services #main-content section {
      margin-bottom: 0px;
      padding-bottom: 30px;
      }
   body.gather-services #main-content section:last-child {
      margin-bottom: 0px;
      padding-bottom: 0px;
      }
   body.gather-services .header {
      float: none;
      width: 100%;
      margin-top: 0;
      display: block;
      }
}
@media (max-width: 740px) {
   body.gather-services #main-content section:not(.grid) .flex-grid .flex-item {
      margin-right: 0;
      width: 100%;
      flex-basis: 100%;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: About
 * –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-about {

   }
body.gather-about #main-content section.scroll-monitor {
   padding-top: var(--global-metric);
   }
body.gather-about #main-content section .section-images {
   margin-top: var(--global-metric);
   }
body.gather-about article > header {
   margin-bottom: 2rem;
   }
@media (max-width: 740px) {
   body.gather-about #main-content section .flex-grid .flex-item {
      margin-right: 0;
      width: 100%;
      flex-basis: 100%;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Work // Clients
 * –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-work {

   }
#work-grid {
   padding-top: 40px;
   }
#work-grid .flex-item {
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid var(--global-color-border, #979797);
   margin-right: 20px;

   width: calc(1 / 4 * 100% - (1 - 1 / 4) * (20px * 1));
   flex-basis: calc(100% / 4);
   flex-basis: calc(1 / 4 * 100% - (1 - 1 / 4) * (20px * 1));
   margin-bottom: 30px;
   }
#work-grid .flex-item:nth-of-type(4n) {
   margin-right: 0;
   }
#work-grid .flex-item figure {
   position: relative;
   height: 0px;
   padding-bottom: 65%;
   margin: 0 0;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 50%;
   }
#work-grid .flex-item figure.desaturate {
   background-color: var(--global-color-grey, #f3f3f3);
   background-blend-mode: luminosity, normal;
   }
#work-grid .flex-item figure img {
   top: 0;
   width: 100%;
   height: 100%;
   }
#work-grid .flex-item figure figcaption {
   position: absolute;
   font-size: 1rem;
   display: none;
   }
@media (max-width: 840px) {
   #work-grid {
      padding-top: 0px;
      }
   #work-grid .flex-item {
      width: calc(1 / 2 * 100% - (1 - 1 / 2) * (20px * 1));
      flex-basis: calc(100% / 2);
      flex-basis: calc(1 / 2 * 100% - (1 - 1 / 2) * (20px * 1));
      }
   #work-grid .flex-item:nth-of-type(2n) {
      margin-right: 0;
      }
}
@media (max-width: 500px) {
   /*
   #work-grid .flex-item {
   width: 100%;
   flex-basis: 100%;
   flex-basis: 100%;
   margin-right: 0 !important;
   }
   */
}

#work-grid .flex-item.service {
   
   }
#work-grid .flex-item.service * {
   color: var(--global-color-brand);
   text-decoration: none;
   text-align: center;
   }
#work-grid .flex-item.service a figure {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: center;
   align-items: center;
   justify-content: center;
   }
#work-grid .flex-item.service .term-name {
   margin: 0 auto;
   margin-top: 65%;
   /*font-size: 1.15rem;
   font-weight: 400;
   line-height: 1.5rem;*/
   }

#work-grid .flex-item.service.selected {
   background-color: var(--global-color-brand);
   border-color: var(--global-color-brand);
   border: 1px solid var(--global-color-brand);
   }
#work-grid .flex-item.service.selected * {
   color: var(--global-color-white);
   }
@media (max-width: 840px) {
   #work-grid .flex-item.service {
   
      }
   #work-grid .flex-item.service figure {
      padding-bottom: 30%;
      }
   #work-grid .flex-item.service .term-name {
      margin-top: 30%;
      }
   #work-grid .container.clients.services .flex-item.flex-grow {
      height: 0px;
      padding: 0px;
      margin: 0px;
      }
}
@media (max-width: 500px) {
   /*
   #work-grid .flex-item.service {
      width: 100%;
      flex-basis: 100%;
      flex-basis: 100%;
      margin-right: 0 !important;
      }
   */
   #work-grid .flex-item.service figure {
      padding-bottom: 40%;
      }
   #work-grid .flex-item.service .term-name {
      margin-top: 40%;
      font-size: 13px;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Work // Clients / Single
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-client #main-masthead h1 {
   font-family: "chaparral-pro", serif;
   }
body.gather-client #recent-impact .grid-item a::after {
   content: "";
   position: absolute;
   z-index: 10;
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   }
body.gather-client .related-content header {
   margin-bottom: 80px !important;
   }
body.gather-client .related-content .grid-item {
   grid-row: span 5;
   }
body.gather-client .related-content .grid-item figure,
body.gather-client .related-content .grid-item .media {
   padding-bottom: 40%;
   }
body.gather-client .related-content .grid-item a::after {
   content: "";
   position: absolute;
   z-index: 10;
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   }
body.gather-client .related-content .grid-item p.btn, body.gather-client .related-content .grid-item .btn.p {
   cursor: initial;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Work // Clients / Single / Impact
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-impact #main-masthead h2 {
   font-size: 2.6rem;
   }
body.gather-impact #main-masthead p.excerpt,
body.gather-impact #main-masthead .excerpt.p {
   font-size: 1.5rem;
   }
body.gather-impact .content-sidebar div.wrap {
   margin: 20px 80px 20px 80px;
   padding: 0;
   display: block;
   text-align: center;
   }
body.gather-impact .content-sidebar div.wrap > figure {
   margin-bottom: 20px;
   }
body.gather-impact .content-sidebar div.wrap > figure img {
   display: block;
   }
body.gather-impact .content-sidebar div.wrap > figure figcaption {
   margin-top: 0;
   padding-top: 0.3rem;
   color: var(--global-color-brand, #fa4515);
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-size: 1rem;
   font-weight: 600;
   text-transform: uppercase;
   display: block;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Collective
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */


/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Dispatch
 * –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-dispatch #main-masthead {
   background: var(--global-color-brand, #fa4515);
   text-align: left;
   }
body.gather-dispatch #main-masthead h1 {
   font-family: "chaparral-pro", serif;
   }
body.gather-dispatch #recent-dispatch .grid-item a::after {
   content: "";
   position: absolute;
   z-index: 10;
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   }
body.gather-dispatch #recent-press header {
   margin-top: 80px !important;
   margin-bottom: 40px !important;
   }
body.gather-dispatch #recent-press .grid-item {
   grid-row: span 5;
   }
body.gather-dispatch #recent-press .grid-item figure,
body.gather-dispatch #recent-press .grid-item .media {
   padding-bottom: 40%;
   }
body.gather-dispatch #recent-press .grid-item a::after {
   content: "";
   position: absolute;
   z-index: 10;
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   }
body.gather-dispatch #recent-press .grid-item p.btn,
body.gather-dispatch #recent-press .grid-item .btn.p {
   cursor: initial;
   }
body.dispatch .sign-up-form {
   margin-top: 60px;
   }
body.gather-dispatch .button, 
body.gather-dispatch .btn, 
body.gather-dispatch button:not(.fancybox-button), 
body.gather-dispatch [type="submit"] {
   width: 100%;
   padding: 0.9rem 1.25rem;
   border-radius: 0;
   font-weight: 800;
   font-size: 1.15rem;
   letter-spacing: 0.025rem;
   }
@media (max-width: 840px) {
   body.gather-dispatch #main-masthead h1 {
      font-size: 2rem;
      font-size: 1.9rem;
      line-height: 1.15;
      margin-bottom: 10px !important;
      }
   body.gather-dispatch #main-masthead span {
      font-size: 1.125rem;
      }
   body.gather-dispatch .post-overview {
      float: none;
      width: 100%;
      display: block;
      }
   body.gather-dispatch .post-sidebar {
      display: none;
      }
   body.gather-dispatch .form-input {
      float: none;
      width: 100%;
      }
   body.gather-dispatch .form-submit {
      float: none;
      width: 100%;
      }
   body.gather-dispatch #appendix, body.gather-dispatch .appendix {
      max-width: 100%;
      overflow: scroll;
      }
}
body.gather-dispatch #main-masthead h1, body.gather-dispatch #main-masthead span {
   color: #ffffff;
   margin: 0 auto !important;
   margin-left: auto;
   margin-right: auto;
   max-width: 1040px;
   padding: 0 40px;
   text-align: left;
   line-height: 1.3333;
   width: 100%;
   display: block;
   }
body.gather-dispatch #main-masthead span {
   font-size: 1.25rem;
   margin-left: auto;
   margin-right: auto;
   }

body.gather-dispatch-single {

   }
@media (max-width: 1000px) {
   body.gather-dispatch #main-masthead h1, body.gather-dispatch #main-masthead span {
      padding: 0 20px;
   }
}
@media (max-width: 840px) {
   body.gather-dispatch-single #main-masthead {
      min-height: 40vh;
      height: 40vh;
      padding: 120px 0px 0px 0px;
   }
}
body.gather-dispatch-single #main-masthead .h1 {
   color: #ffffff;
   margin: 0 auto !important;
   margin-left: auto;
   margin-right: auto;
   max-width: 1040px;
   padding: 0 40px;
   line-height: 1.3333;
   width: 100%;
   display: block;

   font-weight: 400;
   font-style: normal;
   letter-spacing: initial;
   text-transform: initial;
   }
@media (max-width: 840px) {
    body.gather-dispatch-single #main-masthead .h1 {
        font-size: 3rem;
        font-weight: 200;
        max-width: 100%;
        padding: 0 var(--mobile-metric);
    }
}

body.gather-dispatch-single {

}
body.gather-dispatch-single .content-sidebar {
   width: 30%;
   flex-basis: 30%;
   padding-right: 40px;
   }
body.gather-dispatch-single .content-sections {
   width: 70%;
   flex-basis: 70%;
   }
@media (max-width: 840px) {
   body.gather-dispatch-single .content-sections {
      width: 100%;
      flex-basis: 100%;
      }
}
body.gather-dispatch-single .embedded-video {
   position: relative;
   width: 100%;
   height: 0;
   padding: 0 0 56.25% 0;
   align-self: center;
   }
body.gather-dispatch-single .embedded-video iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   }
body.gather-dispatch-single .table-of-contents header > h3,
.casestudy-sidebar header > h3 {
   font-size: 15px;
   }
body.gather-dispatch-single .table-of-contents .post-topics ul li a {
   font-size: 15px;
   font-weight: 500;
   }
   .post-share .btn-wrap .btn-print {
      font-size: 14px;
      }

body.gather-dispatch-single #content-introduction p.meta {
   font-size: 15px;
   }
body.gather-dispatch-single #content-introduction h1 {
   margin: 0 0 1rem 0;
   line-height: 1.2;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Contact
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Case Studies
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
.casestudy-embedded-video {
   position: relative;
   width: 100%;
   height: 0;
   padding: 0 0 56.25% 0;
   align-self: center;
   }
.casestudy-embedded-video iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   }
.gather-impact .content-sections p.meta {
   font-size: 15px;
   }
.gather-impact #main-content-carousel {
   background: #ffffff;
   margin-bottom: 60px;
   border-top: 1px solid #979797;
   border-bottom: 1px solid #979797;
   min-height: 300px;
   }
.gather-impact .gather-carousel figure {
   width: 100%;
   margin: 2rem auto;
   display: block;
   }

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Research (multi-use template)
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.gather-research #main-intro div.page-intro {
   position: relative;
   text-align: left;
   margin-top: var(--mobile-metric);
   }
body.gather-research #main-intro div.page-intro p {
   font-size: 1.15rem;
   font-weight: 400;
   line-height: 1.65rem;
   }
body.gather-research #main-section {
   
   }
body.gather-research .form-input {
   width: 50%;
   }
body.gather-research .form-submit {
   font-weight: 600;
   width: 48%;
   }
.research-image {
   margin: var(--global-metric) 0;
   width: 20%;
   }
@media (max-width: 740px) {
   .research-image {
      width: 30%;
      }
}
@media (max-width: 500px) {
   .research-image {
      width: 50%;
      }
}



/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* Page: Welcome // Home Page
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
body.welcome {
   overflow: initial;
   }
body.welcome.curtain {
   overflow: hidden !important;
   }
body.welcome .featured header h3 {
   margin-bottom: 40px;
   font-weight: 400;
   font-style: italic;
   text-transform: initial;
   font-size: 18px;
   }
/* –––––——–––––——–––––——–––––—–––––––––––––––– */
/* Welcome - CURTAIN */
body.welcome #main-curtain {
   position: absolute;
   top: 0; right: 0; bottom: 0; left: 0;
   z-index: 1001;
   margin: 0;
   padding: 0;
   min-width: 400px;
   width: 100%;
   min-height: 100vh;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--global-color-brand, #fa4515);

   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform 500ms ease-in-out;
        -o-transition: transform 500ms ease-in-out;
   transition: -webkit-transform 500ms ease-in-out;
   }
#main-curtain {
   /*
   background-image: url('../img/gather-ambience.png');
   background-position: bottom right;
   */
   overflow: hidden;
   }
#main-curtain-bkgd { 
   position: absolute;
   z-index: 1;
   top: 180px; left: 0;
   width: 40%; height: 100%;
   background-repeat: no-repeat;
   background-image: url('../img/gather-G.png');
   background-position: top left;
   background-size: cover;
   }
#main-curtain-close, #main-curtain-enter { 
   position: absolute;
   z-index: 20;
   top: 0; left: 0; bottom: 0; right: 0;
   width: 100%; height: 100%;

   display: none;
   }
#main-curtain-enter { 
   z-index: 30;
   top: initial; left: 0; bottom: 40px; right: 0;
   width: 100%; height: auto;
   text-align: center;
   }
#main-curtain-enter a { 
   color: #fff;
   font-size: 16px;
   text-decoration: none;
   opacity: 0.6;
   }
#main-curtain-enter a:hover, #main-curtain-enter a:active { 
   color: #fff;
   text-decoration: none;
   opacity: 1.0;
   }
@media (max-width: 840px) {
   body.welcome #main-curtain {
      min-width: 100%;
      }
   #main-curtain-bkgd { 
      width: 100%; height: 100%;
   }
}
body.welcome #curtain-reveal {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10;
   width: 100%;
   height: 0;
   max-height: 200px;
   background-color: var(--global-color-brand, #fa4515);
   -webkit-transition: height 0.3s ease-out;
        -o-transition: height 0.3s ease-out;
           transition: height 0.3s ease-out;
   }
body.welcome #curtain-reveal.collapse {
   max-height: 100vh;
   height: 100vh;
   }
body.welcome #curtain-entry {
   max-width: 600px;
   margin-left: 0;
   margin-right: 0;
   display: block;
   }
@media (max-width: 840px) {
   body.welcome #curtain-entry {
      margin-top: -80px;
      margin-left: 40px;
      margin-right: 40px;
      }
}
body.welcome .curtain-slide {
   position: absolute;
   z-index: 10;
   top: 50%; left: 50%;
   width: 750px;
   height: 380px;
   margin-left: -375px;
   margin-top: -190px;
   display: none;
   }
body.welcome #slide-1, body.welcome #slide-2, body.welcome #slide-3 {
   
   }
body.welcome .curtain-slide > .container {
   height: 100%; width: 100%;
   margin: 0;
   padding: 0;
   }
body.welcome .curtain-slide > .container .cta,
body.welcome .curtain-slide > .container .tagline,
body.welcome .curtain-slide > .container .video-wrapper {
   position: absolute;
   }
body.welcome .curtain-slide > .container .cta {
   z-index: 3;
   top: 40%;
   width: 100%;
   margin: 0;
   text-align: center;
   display: block;
   }
body.welcome .curtain-slide > .container .cta .cta-hidden {
   display: none;
   }
  body.welcome .curtain-slide > .container .cta .cta-invisible {
   opacity: 0;
   }
body.welcome .curtain-slide > .container .tagline {
   display: none;
   z-index: 2;
   top: 50%; left: -160px;
   margin: 40px 0px;

   font-weight: 400;
   color: #ffffff;
   }
body.welcome .curtain-slide > .container .video-wrapper {
   display: none;
   z-index: 1;
   }

body.welcome #slide-2 > .container .tagline {
   right: -160px; left: initial;
   }
body.welcome #slide-2 > .container .cta {

   }

body.welcome #slide-3 > .container .tagline {
   
   }
body.welcome #slide-3 > .container .cta {
   
   }

body.welcome #slide-4 > .container .cta {
   display: none;
   }


@media (max-width: 840px) {
   body.welcome .curtain-slide {
      left: 0;
      width: 100%;
      margin-left: 0;
      }
   body.welcome .curtain-slide > .container {
      width: 86%;
      margin: 0 auto;
      }
   body.welcome .curtain-slide > .container .video-wrapper {
      margin-left: 0px !important;
      margin-right: 0px !important;
      }

   body.welcome .curtain-slide > .container .cta {
      top: -22%;
      font-size: 2.5rem;
      font-weight: 500;
      }
   body.welcome .curtain-slide > .container .tagline,
   body.welcome #slide-2 > .container .tagline {
      top: 65%; 
      left: initial; right: initial;
      width: 100%;
      margin: 0;
      text-align: center;
      }
   body.welcome #slide-2 > .container .cta {
      top: 65%;
      }
   body.welcome #slide-2 > .container .tagline {
      top: -22%;
      }
}

@media (max-width: 840px) {
   body.welcome #main-footer {
      display: none;
      }
}

/* –––––——–––––——–––––——–––––—–––––––––––––––– */
/* Welcome - Content */

/* Banner */
body.welcome-banner #main-header {
   padding-top: 52px;
   }
@media (max-width: 1080px) {
    body.welcome-banner #nav-toggle,
    body.welcome-banner.mobile-menu-open #main-header .site-branding-logo,
    body.welcome-banner.mobile-menu-open #main-header .site-branding-tagline {
      top: 60px;
      }
   body.welcome-banner.mobile-menu-open #main-header .site-navigation {
      padding-top: 120px;
      }
}
@media (max-width: 720px) {
   body.welcome-banner #main-header {
      padding-top: 60px;
      height: 160px;
      }
    body.welcome-banner #nav-toggle,
    body.welcome-banner.mobile-menu-open #main-header .site-branding-logo,
    body.welcome-banner.mobile-menu-open #main-header .site-branding-tagline {
      top: 90px;
      }
   body.welcome-banner.mobile-menu-open #main-header .site-navigation {
      padding-top: 150px;
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——– */
#main-content.offset-layout {

   }
#main-content.offset-layout #main-intro {
   max-width: var(--global-width-max);
   width: 100%;
   margin: 120px auto;
   padding-left: 0;
   padding-right: 0;
   }
#main-content.offset-layout section {
   width: 100%;
   max-width: 100%;
   margin: 0 0;
   paddng: 0 0;
   }
#main-content.offset-layout section > article,
#main-content.offset-layout section .section-inner {
   max-width: var(--global-width-max);
   width: 100%;
   margin: 0px auto;
   padding-top: 0px;
   }
#main-content.offset-layout section.intro > article,
#main-content.offset-layout section.intro .section-inner {
   padding-top: 120px;
   }
.offset-layout .col-1-gutter {
   float: left;
   max-width: 410px;
   width: 410px;
   padding-left: 90px;
   padding-right: 0px;
   }
.offset-layout .col-2-content {
   float: left;
   max-width: 1030px;
   width: 1030px;
   padding-left: 0px;
   padding-right: 180px;
   margin-left: 0px; 
   }
.dimmed {
   opacity: 0.50;
   }


@media (max-width: 1480px) {
   .offset-layout .col-1-gutter {
      max-width: 430px;
      width: 430px;
      padding-left: 110px;
   }
   .offset-layout .col-2-content {
      width: 820px;
      padding-right: 0px;
   }
}
@media (max-width: 1280px) {
   .offset-layout .col-1-gutter {
      width: 340px;
      padding-left: 20px;
      padding-right: 20px;
   }
   .offset-layout .col-2-content {
      width: 820px;
      padding-right: 0px;
   }
}
@media (max-width: 1160px) {
   .offset-layout .col-1-gutter,
   .offset-layout .col-2-content {
      float: initial;
      clear: both;
      max-width: 100%;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
   }
}
@media (max-width: 840px) {
   #main-content.offset-layout section.intro > article,
   #main-content.offset-layout section.intro .section-inner {
      padding-top: 40px;
     }
}
@media (max-width: 640px) {
   #main-content a.cta {
      display: table;
   }
}




ul.lined-list {
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align: left;
   display: block;
   }
ul.lined-list li {
   position: relative;
   padding-top: 5px;
   padding-bottom: 10px;
   padding-left: 20px;
   display: block;
   
   cursor: pointer;
   border-top: 1px solid var(--global-color-white, #ffffff);
   }
   /*
ul.lined-list li:last-child {
   border-bottom: none;
   }
   */
ul.lined-list li::before {
   position: absolute;
   left: 0px;
   top: 3px;
   content: '\002B';
   color: var(--global-color-white, #ffffff);
   font-size: var(--global-font);
   }
ul.lined-list li span {
   display: block;
   }
ul.lined-list li span.label {
   font-size: var(--global-font);
   font-weight: var(--global-font-weight-bold);
   }

@media (max-width: 840px) {
   ul.lined-list li span.label {
      font-size: var(--mobile-font);
      }
}


/* FRONT PAGE */
#main-section-welcome { 
   /*
   position: relative;
   
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: cover;
   background-image: url('../img/gather-ambience.png');
   */
   overflow: hidden;
   }
#main-section-welcome-bkgd { 
   position: absolute;
   z-index: 1;
   top: 60px; left: 0;
   width: 40%; height: 100%;
   background-repeat: no-repeat;
   background-position: top left;
   background-size: cover;
   background-image: url('../img/gather-G.png');
   }
#main-section-welcome article {
   position: relative;
   z-index: 2;
   }
#main-section-welcome .col-2-content div.text {
   width: 80%;
   }
#main-section-welcome .col-2-content div.text p {
   font-size: 1.15rem;
   }
@media (max-width: 840px) {
   #main-section-welcome {
      margin-top: 40px !important;
      }
   #main-section-welcome-bkgd { 
      width: 100%;
      }
   #main-section-welcome header.col-1-gutter, #main-section-services header.col-1-gutter, #main-section-about header.col-1-gutter {
      margin-bottom: 20px;
      }
   #main-section-welcome .col-2-content div.text {
      width: 100%;
      }
}

#main-section-featured {
   padding: var(--section-padding) var(--global-padding) var(--section-padding) var(--global-padding);
   padding: var(--section-padding) 0px var(--section-padding) 0px;
   text-align: center;
   }
#main-section-featured .slick-it {
   padding-left: 40px;
   z-index: 2;
   }
#main-section-featured article {
   border: 1px solid white;
   }
#main-section-featured article.flex-item figure {
   margin: 0 0;
   padding: 0 0;
   height: 170px;
   background-size: 50%;
   background-position: center center;
   background-repeat: no-repeat;
   }/*
#main-section-featured .flex-5 .flex-item,
#main-section-featured .flex-5 .flex-item:nth-child(5n) {
   margin-right: 10px;
   margin: 0 10px;
   }
.slick-track {
   margin: 0 10px;
   }*/

@media (max-width: 1160px) {
   #main-section-featured {
      padding: var(--global-padding) var(--global-metric) var(--global-padding) var(--global-metric);
   }
}
@media (max-width: 840px) {
  #main-section-featured .slick-it {
   padding-left: 0px;
   }
}
@media (max-width: 500px) {
   
}

#main-section-services article {
   padding-top: 60px !important;
   }
#services-section-featured {
   padding: var(--section-padding) var(--global-padding) var(--section-padding) var(--global-padding);
   text-align: center;
   }

#services-section-featured article.grid-item,
#services-section-featured article.flex-item {
   padding-top: 10px !important;
   margin: 0 20px;
   height: 300px;
   }
#services-section-featured article.grid-item div,
#services-section-featured article.flex-item div {
   position: relative;
   height: 100%;
   }
#services-section-featured article.grid-item div footer,
#services-section-featured article.flex-item div footer {
   position: absolute;
   bottom: 0px;
   margin-bottom: 0;
   }
#services-section-featured article.grid-item figure,
#services-section-featured article.flex-item figure {
   object-position: center center;
   padding-bottom: 60%;
   }
#services-section-featured article.grid-item p.meta,
#services-section-featured article.flex-item p.meta {
   color: var(--global-color-grey-light, #a5a5a5);
   margin-bottom: 2px;
   }
#services-section-featured article.grid-item .btn,
#services-section-featured article.flex-item .btn {
   color: var(--global-color-brand, #fa4515);
   font-family: "Helvetica Neue", Helvetica, Verdana, "Arial", sans-serif;
   font-family: var(--global-font-family);
   font-size: 0.625rem !important;
   font-weight: 600;
   text-transform: uppercase !important;
   letter-spacing: 0.025em;
   padding: 0.15rem 0.25rem 0.25rem 0.25rem !important;
   margin: 0 0 1rem 0 !important;
   border-radius: 0;
   border: 0;
   background: rgba(250, 69, 21, 0.3);

   margin-bottom: 0px !important;
   }


#main-section-about article {
   padding-top: 60px !important;
   padding-bottom: 60px !important;
   }

@media (max-width: 1160px) {
   #services-section-featured {
      padding: var(--global-padding) var(--global-metric) var(--global-padding) var(--global-metric);
   }
}


#services-section-featured .grid {
   grid-template-columns: 19% 19% 19% 19% 19%;
   margin-left: -10px;
   }
@media (max-width: 840px) {
   #services-section-featured .grid {
      grid-template-columns: minmax(50%, 1fr) minmax(50%, 1fr);
      margin-left: 0px;

      display: block;
      }
   #services-section-featured article.grid-item {
      margin: 0 0;
      height: 270px;
      width: 48%;

      float: left;
      margin-right: 20px;
      margin-bottom: 40px;
      }
   #services-section-featured article.grid-item:nth-of-type(2n) {
      margin-right: 0px;
      }
}
@media (max-width: 540px) {
    #services-section-featured article.grid-item {
      width: 45%;
      }
}


/*
body.masthead-video // body.gather-work 
*/



   


/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* Work */

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* Collective // body.gather-collective
/* –––––——–––––——–––––——–––––—––––––––––––––––
/* Content Containers
*/
body.gather-collective #main-content #page-header .col-2-content div {
   width: 80%;
   }
#collective-leadership, #collective-statistics, #collective-becoming {

   }
#collective-leadership > article:first-child, #collective-statistics > article:first-child, #collective-becoming > article:first-child {
   margin-bottom: var(--global-margin) !important; 
   }
#collective-statistics .col-2-content h2, #collective-statistics .col-2-content .h2, #collective-statistics .col-2-content h3, 
#collective-becoming .col-2-content h2, #collective-becoming .col-2-content .h2, #collective-becoming .col-2-content h3 {
   margin-top: -8px;
   }

/* –––––——–––––——–––––——–––––—––––––––––––––––
/* Flex Containers
*/
.flex-container .flex-item.collective {
   position: relative;
   cursor: pointer;
   }
.flex-container .flex-item.collective .profile-name {
   font-size: var(--mobile-font);
   margin-top: 8px;
   margin-bottom: 0px;
   display: none;
   }
.flex-container .flex-item.collective div.card {
   position: absolute;
   top: 0; bottom: 0; left: 0; right: 0;
   height: 100%; width: 100%;
   padding: 10px 10px;
   display: block;
   opacity: 0;
   background: var(--global-color-brand-hover);
   cursor: pointer;
   -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
           transition: all 0.2s ease-in-out;
   }
.flex-container .flex-item.collective:hover div.card {
   opacity: 1;
   }
.flex-container .flex-item.collective div.card h2 {
   font-size: 28px; /* var(--global-font-lede); */
   line-height: 1.15;
   }
.flex-container .flex-item.collective div.card p {
   font-size: var(--global-font-sm);
   line-height: 1.25;
   }

.flex-container .flex-item.collective figure {
   position: relative;
   height: 0px;
   padding-bottom: 132.65%;
   margin-bottom: 0;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   }

.flex-container .flex-item.collective figure img {
   top: 0;
   width: 100%;
   height: 100%;
   }
.flex-container .flex-item.collective figure figcaption {
   position: absolute;
   bottom: -24px;
   font-size: 0.8rem;
   color: #ffffff;
   display: block;
   }
.flex-container .flex-item.collective .icon {
   position: absolute;
   bottom: 10px;
   left: 10px;
   height: 20px;
   width: 20px;
   text-align: center;
   background: transparent;
   }
.flex-container .flex-item.collective .display-mobile-only {
   display: none;
   }

#collective-statistics .flex-item {
/*   border: 1px solid #d9d9d9;*/
   border: 1px solid var(--global-color-grey-light);
   padding: 60px;
   }
#collective-statistics .flex-item .statistics-number {
   font-size: 100px;
   font-weight: 500;
   line-height: 1; 
   margin: 0; padding: 0;
   margin-top: -8px;
   margin-bottom: 8px;
   display: block; 
   }
#collective-statistics .flex-item.statistics-global {
   flex-basis: 100%;
   width: 100%;
/*   border: 1px solid #d9d9d9;*/
   border: 1px solid var(--global-color-grey-light);
   }

@media (max-width: 840px) {
   
   #collective-becoming > header.col-1-gutter {
      display: none;
      }
   #collective-becoming > .col-2-content > div {
      margin-top: 40px;
      }

   .flex-container .flex-item.collective .profile-name {
      display: block;
      }
   .flex-container .flex-item.collective div.card {
      display: none;
      } 
   .flex-container .flex-item.collective .display-mobile-only {
      opacity: .5;
      display: block;
      }
   .flex-container .flex-item.collective .icon {
      bottom: 45px;
      left: initial;
      right: 15px;
      }
@media (max-width: 500px) {
   .flex-container.collective .flex-item {
      width: calc(1 / 2 * 100% - (1 - 1 / 2) * (var(--mobile-margin) * 1));
      flex-basis: 50%;
      flex-basis: calc(1 / 2 * 100% - (1 - 1 / 2) * (var(--mobile-margin) * 1));
      }
}

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* Perspectives/Dispatch */

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* Contact // body.gather-contact
/* –––––——–––––——–––––——–––––—––––––––––––––––
/* Contact - Sidebar & Map
*/
.contact-sidebar {
   float: left;
   width: 30%;
   padding-right: 20px;
   text-align: left;
   }
.contact-map {
   float: left;
   width: 70%;
   }
.contact-sidebar p {
   font-size: 1rem;
   }
.contact-sidebar b, .contact-sidebar strong, .contact-sidebar a {
   color: var(--global-color-brand, #fa4515);
   }
.contact-sidebar p:last-child {
   margin-bottom: 0;
   }
.contact-map img {
   border: 1px solid var(--global-color-grey-light, #a5a5a5);
   }
@media (max-width: 840px) {
   .contact-sidebar, .contact-map {
      float: none;
      width: 100%;
      margin-right: 0;
      padding-right: 0;
      }
   .contact-map {
      display: none;
      }
   .contact-sidebar {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: stretch;
      align-content: flex-start;
      margin-right: 0;
      padding-right: 0;
      }
   .contact-sidebar p {
      order: 0;
      flex-grow: 0;
      flex-shrink: 1;
      align-self: stretch;
      box-sizing: border-box;
      max-width: 50%;
      flex-basis: 50%;
      flex-basis: calc(100% / 2);
      padding-right: 20px;
      }
   .contact-sidebar a {
      text-decoration: underline;
      }
}
/* –––––——–––––——–––––——–––––—––––––––––––––––
/* Contact - Form & Success
*/
.contact-form {
   margin-top: var(--section-header-margin-bot);
   margin-bottom: var(--section-header-margin-bot);
   display: block;
   }
.contact-form .form-fields {
   float: left;
   width: 70%;
   }
.contact-form .form-actions {
   float: left;
   width: auto;

   position: absolute;
   bottom: 0;
   left: 70%;
   padding-left: var(--global-metric);
   }
.contact-form .form-fields .form-wrap:last-child,
.contact-form .form-fields .form-wrap:last-child .form-control {
   margin-bottom: 0;
   }
.form-actions input {
   margin-bottom: 0;
   }

@media (max-width: 840px) {
   .contact-form .form-fields,
   .contact-form .form-actions {
      float: none;
      width: 100%;
      }
    .contact-form .form-actions {
      position: relative;
      bottom: initial;
      left: initial;
      padding-left: 0;
      text-align: right;
      }
   .contact-form .form-fields .form-wrap:last-child,
   .contact-form .form-fields .form-wrap:last-child .form-control {
      margin-bottom: var(--mobile-margin);
      }
}
}


/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* Welcome - Page/Content */

/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* Welcome - Splash */



/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
/* –––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–––––——–
Custom Helpers
*/
.clear::before, .clearfix::before, .clearfix::after {
   content: " ";
   display: block;
   }
.clear, .clear::after, .clearfix::after {
   clear: both;
   }
.text-left {
   text-align: left;
   }
.text-right {
   text-align: right;
   }
.text-center {
   text-align: center;
   }
.text-justify {
   text-align: justify;
   }
.display-block, .block {
   display: block;
   }
.display-inline-block, .inline-block {
   display: inline-block;
   }
.display-inline, .inline {
   display: inline;
   }
.vertical-center {
   display: flex;
   align-items: center;
   justify-content: center;
   }
.responsive-image {
   max-width: 100%;
   height: auto;
   }
.show {
   display: block !important;
   }
.hide, .hidden, .display-none {
   display: none !important;
   }
.visible {
   visibility: visible;
   }
.invisible {
   visibility: hidden;
   }
.float-left {
   float: left;
   }
.float-right {
   float: right;
   }
.no-padding-top {
   padding-top: 0;
   }
.no-padding-bottom {
   padding-bottom: 0;
   }
.no-padding {
   padding: 0 0;
   }
.padding-top {
   padding-top: var(--global-padding, 20px);
   }
.padding-bottom {
   padding-bottom: var(--global-padding, 20px);
   }
.no-margin-top {
   margin-top: 0;
   }
.no-margin-bottom {
   margin-bottom: 0;
   }
.no-margin {
   margin: 0 0;
   }
.margin-top {
   margin-top: var(--global-margin, 40px);
   }
.margin-bottom {
   margin-bottom: var(--global-margin, 40px);
   }
.alternate-background {
   background: var(--global-color-black, #404040);
   color: var(--global-color-grey, #f3f3f3);
   }
.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   height: 1px;
   width: 1px;
   overflow: hidden;
   }
.no-wrap, .nowrap, .text-nowrap {
   white-space: nowrap;
   }
@media (max-width: 840px) {
   .padding-top {
     padding-top: var(--mobile-padding, 20px);
      }
   .padding-bottom {
      padding-bottom: var(--mobile-padding, 20px);
      }
   .margin-top {
      margin-top: var(--mobile-margin, 20px);
      }
   .margin-bottom {
      margin-bottom: var(--mobile-margin, 20px);
      }
}

.display-mobile-only, .hidden-desktop {
   display: none !important;
   }
.screen-reader-text {
   display: none;
   }
@media (max-width: 840px) {
   .display-desktop-only, .hidden-mobile {
      display: none !important;
      }
   .display-mobile-only, .hidden-desktop {
      display: initial !important;
      }
}