@charset "UTF-8";
/**
 * Custom Styles for GHD(Global History Dialogues) Site 2020 Redesign
 *
 *
 */
/**
 * Utility SCSS for the GHD(Global History Dialogues) Site 2020 Project
 */
@font-face {
  font-family: "basis-grotesque-bold";
  src: url("./fonts/Basis/basis-grotesque-arabic-bold-pro.eot");
  src: url("./fonts/Basis/basis-grotesque-arabic-bold-pro.eot?#iefix") format("embedded-opentype"), url("./fonts/Basis/basis-grotesque-arabic-bold-pro.woff2") format("woff2"), url("./fonts/Basis/basis-grotesque-arabic-bold-pro.woff") format("woff"), url("./fonts/Basis/basis-grotesque-arabic-bold-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basis-grotesque";
  src: url("./fonts/Basis/basis-grotesque-arabic-regular-pro.eot");
  src: url("./fonts/Basis/basis-grotesque-arabic-regular-pro.eot?#iefix") format("embedded-opentype"), url("./fonts/Basis/basis-grotesque-arabic-regular-pro.woff2") format("woff2"), url("./fonts/Basis/basis-grotesque-arabic-regular-pro.woff") format("woff"), url("./fonts/Basis/basis-grotesque-arabic-regular-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basis-grotesque-bold-italic";
  src: url("./fonts/Basis/basis-grotesque-bold-italic-pro.eot");
  src: url("./fonts/Basis/basis-grotesque-bold-italic-pro.eot?#iefix") format("embedded-opentype"), url("./fonts/Basis/basis-grotesque-bold-italic-pro.woff2") format("woff2"), url("./fonts/Basis/basis-grotesque-bold-italic-pro.woff") format("woff"), url("./fonts/Basis/basis-grotesque-bold-italic-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basis-grotesque-italic";
  src: url("./fonts/Basis/basis-grotesque-italic-pro.eot");
  src: url("./fonts/Basis/basis-grotesque-italic-pro.eot?#iefix") format("embedded-opentype"), url("./fonts/Basis/basis-grotesque-italic-pro.woff2") format("woff2"), url("./fonts/Basis/basis-grotesque-italic-pro.woff") format("woff"), url("./fonts/Basis/basis-grotesque-italic-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "space-mono";
  src: url("./fonts/Space_Mono/SpaceMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "space-mono-italic";
  src: url("./fonts/Space_Mono/SpaceMono-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "space-mono-bold";
  src: url("./fonts/Space_Mono/SpaceMono-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "space-mono-bold-italic";
  src: url("./fonts/Space_Mono/SpaceMono-BoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftSmall {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownSmall {
  -webkit-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
}

.wow {
  transition: all 0.5s ease-in-out;
}

/** Colors **/
:root {
  --theme: #00a960;
  --theme--bg: #F5F5F5;
  --theme--accent: #0EDE00;
  --theme--accent2: #9FF299;
}

.theme-green, .backdrop-green {
  --theme: #00a960;
  --theme--bg: #F5F5F5;
  --theme--accent: #0EDE00;
  --theme--accent2: #9FF299;
}

.theme-blue, .backdrop-blue {
  --theme: #00557D;
  --theme--bg: #EAFCFF;
  --theme--accent: #361AFF;
  --theme--accent2: #020048;
}

.theme-purple, .backdrop-purple {
  --theme: #8A00F5;
  --theme--bg: #E5E0FF;
  --theme--accent: #45007B;
  --theme--accent2: #E5E0FF;
}

.theme-grayscale, .backdrop-grayscale {
  --theme: #FFFFFF;
  --theme--bg: #CCCCCC;
  --theme--accent: #000000;
  --theme--accent2: #FFFFFF;
}

.theme-golden, .backdrop-golden {
  --theme: #BF9C35;
  --theme--bg: #FFE8C2;
  --theme--accent: #FDFFCF;
  --theme--accent2: #FFD046;
}

.theme-bright, .backdrop-bright {
  --theme: #FF3D0F;
  --theme--bg: #FFF6E7;
  --theme--accent: #FF8AFF;
  --theme--accent2: #804580;
}

/*
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
)

Fonts:
basis-grotesque
basis-grotesque-bold
basis-grotesque-italic
basis-grotesque-bold-italic

space-mono
space-mono-bold
space-mono-italic
space-mono-bold-italic
 */
/** General **/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000;
  background: #F5F5F5;
  background: var(--theme--bg);
  position: static !important;
  line-height: 1.5em;
  font-family: basis-grotesque, sans-serif;
  font-size: 16px;
}
@media (min-width: 768px) {
  body {
    font-size: 18px;
  }
}

bold, strong {
  font-family: basis-grotesque-bold;
  font-weight: normal;
}

italic, em {
  font-family: basis-grotesque-italic;
  font-style: normal;
}

a {
  color: #00a960;
  color: var(--theme);
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}
a:focus, a:hover, a:focus {
  text-decoration: underline;
  color: #00a960;
  color: var(--theme);
}
a.black-link {
  color: #000000;
}
a.black-link:focus, a.black-link:hover, a.black-link:focus {
  color: #000000;
}

p::selection, div::selection, span::selection, a::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection {
  background: #FFE8C2;
}

p::-moz-selection, div::-moz-selection, span::-moz-selection, a::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection {
  background: #FFE8C2;
}

h1, h2, h3, .h1, .h2, .h3 {
  padding: 0;
  margin-bottom: 25px;
  margin-top: 0;
  line-height: 1.2em;
  font-weight: normal;
}

h4, h5, h6, .h4, .h5, .h6 {
  letter-spacing: -0.01em;
  line-height: 1.2em;
  font-weight: normal;
  color: black;
}

h1, .h1 {
  font-family: basis-grotesque-bold;
  font-size: 32px;
  margin-top: 0;
}
h1.large, .h1.large {
  font-size: 40px;
  margin: 40px 0 15px;
}

h2, .h2 {
  font-family: basis-grotesque-bold;
  font-size: 30px;
  line-height: 1.2em;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-family: basis-grotesque-bold;
  font-size: 24px;
}
h5, .h5 {
  font-size: 18px;
}
h5.large, .h5.large {
  font-size: 24px;
  letter-spacing: -0.03em;
}

h6, .h6 {
  font-size: 16px;
  font-family: basis-grotesque-bold;
}

@media (min-width: 768px) {
  h1, .h1 {
    font-size: 52px;
  }
  h1.large, .h1.large {
    font-size: 70px;
    margin: 90px 0 15px;
  }

  h2, .h2 {
    font-size: 38px;
  }

  h3, .h3 {
    font-size: 36px;
  }

  h4, .h4 {
    font-size: 32px;
  }

  h5, .h5 {
    font-size: 24px;
  }

  h6, .h6 {
    font-size: 22px;
  }
}
.grid-padding-sm .row {
  margin-right: -25px;
  margin-left: -25px;
}
.grid-padding-sm .col, .grid-padding-sm .col-1, .grid-padding-sm .col-10, .grid-padding-sm .col-11, .grid-padding-sm .col-12, .grid-padding-sm .col-2, .grid-padding-sm .col-3, .grid-padding-sm .col-4, .grid-padding-sm .col-5, .grid-padding-sm .col-6, .grid-padding-sm .col-7, .grid-padding-sm .col-8, .grid-padding-sm .col-9, .grid-padding-sm .col-auto, .grid-padding-sm .col-lg, .grid-padding-sm .col-lg-1, .grid-padding-sm .col-lg-10, .grid-padding-sm .col-lg-11, .grid-padding-sm .col-lg-12, .grid-padding-sm .col-lg-2, .grid-padding-sm .col-lg-3, .grid-padding-sm .col-lg-4, .grid-padding-sm .col-lg-5, .grid-padding-sm .col-lg-6, .grid-padding-sm .col-lg-7, .grid-padding-sm .col-lg-8, .grid-padding-sm .col-lg-9, .grid-padding-sm .col-lg-auto, .grid-padding-sm .col-md, .grid-padding-sm .col-md-1, .grid-padding-sm .col-md-10, .grid-padding-sm .col-md-11, .grid-padding-sm .col-md-12, .grid-padding-sm .col-md-2, .grid-padding-sm .col-md-3, .grid-padding-sm .col-md-4, .grid-padding-sm .col-md-5, .grid-padding-sm .col-md-6, .grid-padding-sm .col-md-7, .grid-padding-sm .col-md-8, .grid-padding-sm .col-md-9, .grid-padding-sm .col-md-auto, .grid-padding-sm .col-sm, .grid-padding-sm .col-sm-1, .grid-padding-sm .col-sm-10, .grid-padding-sm .col-sm-11, .grid-padding-sm .col-sm-12, .grid-padding-sm .col-sm-2, .grid-padding-sm .col-sm-3, .grid-padding-sm .col-sm-4, .grid-padding-sm .col-sm-5, .grid-padding-sm .col-sm-6, .grid-padding-sm .col-sm-7, .grid-padding-sm .col-sm-8, .grid-padding-sm .col-sm-9, .grid-padding-sm .col-sm-auto, .grid-padding-sm .col-xl, .grid-padding-sm .col-xl-1, .grid-padding-sm .col-xl-10, .grid-padding-sm .col-xl-11, .grid-padding-sm .col-xl-12, .grid-padding-sm .col-xl-2, .grid-padding-sm .col-xl-3, .grid-padding-sm .col-xl-4, .grid-padding-sm .col-xl-5, .grid-padding-sm .col-xl-6, .grid-padding-sm .col-xl-7, .grid-padding-sm .col-xl-8, .grid-padding-sm .col-xl-9, .grid-padding-sm .col-xl-auto {
  padding-left: 25px;
  padding-right: 25px;
}

.embed-container {
  position: relative;
  padding-top: 56.25%;
  height: 0 !important;
  background-color: #CCCCCC;
}
.embed-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}

ul > li, ol > li {
  margin-bottom: 15px;
}
ul.no-bullet, ol.no-bullet {
  list-style: none;
  padding: 0;
}

hr {
  margin: 45px 0;
  border-color: #000000;
}

.entry-content p > a {
  text-decoration: underline;
}
.entry-content ol {
  counter-reset: item;
}
.entry-content ol > li {
  list-style-type: none;
  counter-increment: item;
}
.entry-content ol > li:before {
  display: inline-block;
  width: 2em;
  padding-right: 0.5em;
  margin-left: -2em;
  font-weight: bold;
  content: counter(item) ".";
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
}

/** colors **/
.bg-blue {
  background-color: #361AFF !important;
}

.text-blue {
  color: #361AFF !important;
}

.bg-yellow {
  background-color: #FDFFCF !important;
}

.bg-light-gray {
  background-color: #eeeeee !important;
}

.text-yellow {
  color: #FDFFCF !important;
}

.text-narrow {
  max-width: 880px;
}
.page-template-page-custom .text-narrow {
  margin-left: auto;
  margin-right: auto;
}

.btn {
  text-transform: uppercase;
  font-family: space-mono;
}
.btn.arrow {
  padding-right: 40px;
  position: relative;
}
.btn.arrow::after {
  content: " ";
  position: absolute;
  background-image: url("imgs/arrow_up_green.svg");
  width: 12px;
  height: 12px;
  right: 14px;
  top: 8px;
}
@media (min-width: 768px) {
  .btn.arrow::after {
    width: 16px;
    height: 16px;
    right: 11px;
    top: 10px;
  }
}
.btn.btn-primary {
  border-color: #000000;
  background-color: #000000;
  color: white;
}
.btn.btn-primary:hover {
  color: #000000;
  color: var(--theme);
  border-color: #000000;
  border-color: var(--theme);
  background-color: transparent;
}
.btn.btn-outline-primary {
  border-color: #000000;
  border-color: var(--theme);
  color: #000000;
  color: var(--theme);
}
.btn.btn-outline-primary:hover {
  background-color: var(--theme);
  color: white;
}

.btn-group-sm > .btn, .btn-sm {
  font-size: 11px;
  border-radius: 8px;
}

.lead {
  font-size: 1.2em;
}
@media (min-width: 768px) {
  .lead {
    font-size: 1.4em;
  }
}

/** form **/
input, select {
  padding: 7px;
  border: 1px solid #000000;
  margin-bottom: 15px;
  -webkit-appearance: none;
}

select {
  font-size: 15px;
  line-height: 1.4em;
  margin-right: 8px;
  background-color: white;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 1.5em;
  text-transform: capitalize;
}

textarea, select, input {
  width: 100%;
  border-radius: 10px;
}
@media (min-width: 768px) {
  textarea, select, input {
    width: auto;
  }
}

.search-input {
  position: relative;
  max-width: 695px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .search-input {
    margin-top: 45px;
  }
}
.search-input .search-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0px;
  top: 12px;
}

input[type=submit] {
  background-color: #000000;
  color: white;
  padding: 6px 20px 9px;
}

.wpcf7 p {
  margin-bottom: 0;
}

/** spacing **/
@media (max-width: 781px) {
  #wpadminbar {
    display: none;
  }
}
#content.site-content {
  padding-top: 45px;
}
@media (min-width: 782px) {
  #content.site-content {
    padding-top: 160px;
  }
}

.page-content, .entry-content, .entry-summary {
  margin-top: 0;
}

/** Layout **/
.container {
  max-width: 100%;
}

@media (min-width: 1330px) {
  .container {
    max-width: 1280px !important;
  }
}
/** Header **/
header#masthead {
  position: relative;
  box-shadow: none;
  padding: 0;
  background-color: transparent;
}

.navbar-container {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 20;
  background-color: #F5F5F5;
  background: var(--theme--bg);
  /* &.stuck {
    #mobile-nav {
      top: 66px;
    }
  }*/
}
.navbar-container.stuck .navbar {
  padding-top: 10px;
}
.admin-bar .navbar-container {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .navbar-container {
    top: 0;
  }
}
.navbar-container .navbar {
  border-bottom: 1px solid black;
  padding: 25px 25px 10px !important;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .navbar-container .navbar {
    align-items: baseline;
  }
}
.navbar-container .navbar-brand {
  font-size: 18px;
  display: flex;
  align-items: baseline;
}
.navbar-container .navbar-brand .site-name {
  font-family: basis-grotesque-bold;
  font-size: 18px;
  padding-right: 10px;
  z-index: 100;
}
@media (min-width: 400px) {
  .navbar-container .navbar-brand .site-name {
    font-size: 20px;
  }
}
@media (min-width: 500px) {
  .navbar-container .navbar-brand .site-name {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .navbar-container .navbar-brand .site-name {
    font-size: 32px;
  }
}
.navbar-container .navbar-brand a {
  color: inherit;
}
.navbar-container .navbar-brand a:hover {
  text-decoration: none;
  color: #0EDE00;
  color: var(--theme--accent);
}
.navbar-container .navbar-brand > a:focus {
  outline: auto;
}
.navbar-container .navbar-brand .tagline {
  display: none;
}
@media (min-width: 768px) {
  .navbar-container .navbar-brand .tagline {
    display: block;
  }
}
.navbar-container .navbar-brand.mobile-nav-open .site-name {
  color: white;
}
.navbar-container #mobile-nav {
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 10;
  transition: all 0.5s ease-in-out;
}
.navbar-container #mobile-nav.show {
  display: block;
  height: 100vh;
  max-height: 100vh;
}
.navbar-container #main-nav {
  display: none;
}
@media (min-width: 992px) {
  .navbar-container #main-nav {
    display: block;
  }
  .navbar-container #mobile-nav, .navbar-container .navbar-toggler {
    display: none;
  }
}
.navbar-container #mobile-nav .navbar-nav {
  padding: 30px 0 30px;
  border-top: 1px solid white;
  margin-top: 68px;
}
.navbar-container #mobile-nav .navbar-nav > li {
  padding: 0 35px;
  margin-bottom: 15px;
}
.navbar-container #mobile-nav .navbar-nav > li > a {
  font-size: 24px !important;
  letter-spacing: -0.05em;
  font-weight: normal !important;
  padding: 2px 0 !important;
  border-right: 0;
  border-bottom: 0;
  line-height: 1;
  color: white !important;
}
.navbar-container #mobile-nav .navbar-nav > li > a:hover {
  color: #00a960 !important;
  color: var(--theme) !important;
}
.navbar-container #mobile-nav .navbar-nav > li.current_page_item > a {
  color: #00a960 !important;
  color: var(--theme) !important;
}
.navbar-container #main-nav .navbar-nav {
  flex-direction: row;
  margin-right: -10px;
}
.navbar-container #main-nav .navbar-nav li {
  margin-bottom: 0;
}
.navbar-container #main-nav .navbar-nav > li > a {
  font-size: 18px !important;
  color: #00a960 !important;
  color: var(--theme) !important;
  padding: 0 10px !important;
  font-family: basis-grotesque-bold;
}
.navbar-container #main-nav .navbar-nav > li.current_page_item > a, .navbar-container #main-nav .navbar-nav > li > a:hover {
  color: #000000 !important;
  font-weight: inherit !important;
}

.home .navbar-container #main-nav .navbar-nav > li.current_page_item > a {
  color: #000000 !important;
}
.home .navbar-container #main-nav .navbar-nav > li.current_page_item > a:hover, .home .navbar-container #main-nav .navbar-nav > li.current_page_item > a:active, .home .navbar-container #main-nav .navbar-nav > li.current_page_item > a:focus {
  color: #00a960 !important;
  color: var(--theme) !important;
}

.navbar-toggler {
  border: 0;
  width: 30px;
  height: 23px;
  margin: 0;
  padding: 0;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 20;
  border-color: white;
}
.navbar-toggler span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: white;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.navbar-toggler.white {
  border-color: white;
}
.navbar-toggler.white span {
  background: white;
}
.navbar-toggler.collapsed {
  border-color: white;
}
.navbar-toggler.collapsed span {
  background: #000000;
}
.navbar-toggler.collapsed span:nth-child(1) {
  transform: rotate(0);
  top: 4px;
  transform-origin: left center;
}
.navbar-toggler.collapsed span:nth-child(2) {
  transform: rotate(0);
  width: 100%;
  top: 11px;
  opacity: 1;
  transform-origin: left center;
}
.navbar-toggler.collapsed span:nth-child(3) {
  transform: rotate(0);
  top: 18px;
  transform-origin: left center;
}
.navbar-toggler span:nth-child(1) {
  transform: rotate(45deg);
  top: 11px;
}
.navbar-toggler span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.navbar-toggler span:nth-child(3) {
  transform: rotate(-45deg);
  top: 11px;
}

.entry-header {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .entry-header {
    margin-top: 0;
  }
}

a.anchor {
  position: relative;
  top: -150px;
  visibility: hidden;
}

blockquote {
  padding-left: 30px;
  border-left: 1px solid #000000;
  border-left: 1px solid var(--theme--accent);
  font-size: 1.2em;
  margin: 30px 0;
}

/** project **/
.project-tease {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .project-tease {
    height: 100%;
  }
}
.project-tease .inner {
  border-radius: 20px;
  background-color: white;
  border: 1px solid #444444;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 5%;
  overflow: hidden;
  flex: 0 0 85%;
}
.project-tease .inner .meta {
  padding: 8px;
  margin-bottom: 0;
}
.project-tease .inner .featured-image {
  height: 0;
  padding-bottom: 133%;
  overflow: hidden;
  background-color: #CCCCCC;
}
.project-tease .inner .project-title {
  padding: 15px 15px 20px;
  font-size: 18px;
}
.project-tease .inner .project-title a {
  color: black;
}
.project-tease .inner .project-title a:hover {
  color: #00a960;
  color: var(--theme--accent);
  text-decoration: none;
}
.project-tease .inner.no-img {
  display: flex;
  flex-direction: column;
}
.project-tease .inner.no-img .meta {
  flex: 0 0 37px;
}
.project-tease .inner.no-img .backdrop {
  flex: 1 1 99%;
}
.project-tease .tags {
  flex: 1 1 10%;
}
.project-tease .backdrop {
  background-color: var(--theme--bg);
  padding: 55px 15px 72px;
}
.project-tease .backdrop.backdrop-green {
  background-color: var(--theme--accent2);
}
.project-tease .backdrop .arrow {
  fill: var(--theme);
  width: 15px;
  height: 15px;
}
.project-tease .backdrop .author {
  color: var(--theme);
  margin: 0;
  font-size: 20px;
}
.project-tease .backdrop .project-title {
  font-size: 24px;
  color: black;
  line-height: 1.4;
  padding: 20px 40px 0 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-tease .backdrop .project-title {
    font-size: 20px;
  }
}
.project-tease .backdrop .line {
  width: 100px;
  margin: 5px auto 30px;
  border-bottom: 1px solid var(--theme--accent);
  max-width: 50%;
}
.project-tease .backdrop a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.project-tease .backdrop a:hover {
  text-decoration: none;
}

.tags .btn {
  background-color: white;
  background-color: var(--theme--bg);
  margin-right: 6px;
  margin-bottom: 6px;
}
.tags .btn:hover {
  background-color: #00a960;
  background-color: var(--theme);
  color: var(--theme--bg);
}
.theme-grayscale .tags .btn:hover {
  color: #666666;
}
.tags .btn:last-child {
  margin-right: 0;
}

.meta {
  margin-bottom: 15px;
}
.meta a {
  color: #000000;
  display: inline-block;
  border-right: 1px solid #000000;
  line-height: 1;
  padding-right: 8px;
  margin-right: 6px;
}
.meta a:last-child {
  border: 0;
}
.meta a.region {
  padding-right: 5px;
}

.subtitle {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .subtitle {
    margin-bottom: 75px;
  }
}

.author {
  font-size: 18px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .author {
    font-size: 26px;
    margin-bottom: 45px;
  }
}

.meta.date {
  font-size: 16px;
  margin-bottom: 15px;
}

#toc_container {
  margin-bottom: 75px;
}
#toc_container .toc_title {
  font-family: basis-grotesque-bold;
  text-transform: uppercase;
  font-size: 12px;
}
#toc_container .toc_list {
  list-style: none;
  padding: 0;
}
#toc_container .toc_list li {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  #toc_container .toc_list li {
    font-size: 26px;
  }
}
#toc_container .toc_list a {
  text-decoration: underline;
}
#toc_container .toc_list a:hover {
  color: #000000;
}

.footnotes {
  border-top: 1px solid #000000;
  padding-top: 15px;
  margin: 45px 0 0;
  word-break: break-all;
}
.footnotes a {
  overflow-wrap: break-word;
}

.footnote {
  padding: 1px 3px;
  font-family: space-mono;
  background-color: #00a960;
  background-color: var(--theme);
}
.footnote a {
  color: white;
  color: var(--theme--bg);
}

.footnote-arrow {
  width: 15px;
  height: 15px;
  fill: var(--theme--accent);
}

article.project p.lead {
  min-height: 4.25em;
  line-height: 1.4;
}
article.project p.lead::first-letter {
  float: left;
  font-size: 72px;
  font-family: basis-grotesque-bold;
  line-height: 0.72em;
  text-transform: uppercase;
  margin-right: 5px;
}
@media (min-width: 768px) {
  article.project p.lead::first-letter {
    font-size: 90px;
  }
}

.comment-respond {
  margin-top: 75px;
  border-top: 1px solid #666666;
  padding-top: 15px;
}
.comment-respond h3.comment-reply-title {
  font-size: 28px;
}

.comment-form p {
  margin-bottom: 8px;
}
.comment-form label {
  display: block;
  margin-bottom: 0;
}

.comment {
  margin-bottom: 30px;
}
.comment .comment-meta {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
}
.comment .comment-author {
  font-family: basis-grotesque-bold;
}
.comment .comment-reply-title {
  margin: 30px 0 0;
  font-size: 20px;
}
.comment #cancel-comment-reply-link {
  padding: 0 5px;
}
.comment .comment-content p:last-child {
  margin-bottom: 15px;
}
.comment .children {
  margin-top: 15px;
}

/** general, homepage **/
.module {
  margin: 45px 0;
}
.module .module-header {
  margin: 15px 0 30px;
  display: flex;
  align-items: baseline;
}
.module .module-header a {
  color: #000000;
}
.module .module-header a:hover {
  color: #00a960;
  color: var(--theme);
  text-decoration: none;
}
.module .module-header div.line {
  flex: 1 1 100%;
  border-bottom: 1px solid #000000;
}
.module .module-header h4 {
  margin: 0 3px -7px 0px;
  text-transform: capitalize;
}
.module .module-header .more-arrow {
  font-size: 15px;
  padding-left: 8px;
}
.module.full-bleed {
  position: relative;
  margin-right: -25px;
  margin-left: -25px;
}
@media (min-width: 992px) {
  .module.full-bleed {
    left: 50%;
    margin-left: -50vw !important;
    margin-right: 0;
    width: 100vw;
  }
}

/** pull-quote **/
.pull-quote {
  padding: 60px 0;
  position: relative;
  text-align: center;
}
.pull-quote .quote {
  font-size: 28px;
  line-height: 1.2em;
  margin-bottom: 45px;
}
.pull-quote .quote:before {
  content: "“";
  font-size: 2em;
  position: absolute;
  top: 30px;
  left: 48.5%;
  color: #0EDE00;
  color: var(--theme--accent);
}
.pull-quote .quote:after {
  content: "”";
  font-size: 2em;
  position: absolute;
  bottom: 0;
  right: 48.5%;
  color: #0EDE00;
  color: var(--theme--accent);
}
.pull-quote .byline {
  font-size: 16px;
  line-height: 1.2em;
  text-align: center;
  text-transform: uppercase;
  font-family: basis-grotesque-bold;
  display: block;
}
.pull-quote .byline:before {
  content: "—";
}
@media (min-width: 768px) {
  .pull-quote .byline {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .pull-quote {
    padding: 75px 0;
  }
  .pull-quote .quote {
    font-size: 40px;
  }
}
.pull-quote.big-quote {
  padding: 105px 25px;
  max-width: 800px;
}
.pull-quote.big-quote .quote {
  font-size: 36px;
  font-family: basis-grotesque-bold;
  margin-bottom: 30px;
}
.pull-quote.big-quote .quote:before, .pull-quote.big-quote .quote:after {
  color: #000000;
}
.pull-quote.big-quote .quote:before {
  top: 45px;
}
@media (min-width: 768px) {
  .pull-quote.big-quote .quote {
    font-size: 50px;
  }
}

.addl-features h5 {
  border-bottom: 1px solid #0EDE00;
  border-bottom: 1px solid var(--theme--accent);
  padding-bottom: 6px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.addl-features h5 a {
  color: #000000;
}
.addl-features h5 a:hover {
  text-decoration: none;
  color: #00a960;
  color: var(--theme);
}
.addl-features ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.addl-features ul li {
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0;
  margin-bottom: 5px;
  font-size: 16px;
}
.addl-features ul li:last-child {
  border: 0;
}
.addl-features ul li a {
  color: #000000;
}
.addl-features ul li a:hover {
  text-decoration: none;
  color: #00a960;
  color: var(--theme);
}

.supporters h5 {
  border-bottom: 1px solid #0EDE00;
  border-bottom: 1px solid var(--theme--accent);
  padding-bottom: 6px;
  margin-bottom: 15px;
}
.supporters h5 a {
  color: #000000;
}
.supporters h5 a:hover {
  text-decoration: none;
  color: #00a960;
  color: var(--theme);
}
.supporters ul li a {
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0;
  margin-bottom: 5px;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  line-height: 1.2;
  color: #000000;
}
.supporters ul li a:hover {
  text-decoration: none;
  color: #00a960;
}

#extended {
  display: none;
}

.project-section {
  margin: 45px 0;
}
.project-section h6 {
  text-transform: uppercase;
  border-bottom: 1px solid #000000;
  padding-bottom: 8px;
  font-size: 18px;
}
.project-section .inner {
  display: flex;
}
.project-section .inner .author-photo {
  flex: 0 0 100px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  overflow: hidden;
  margin-left: 30px;
}

.recirc-header {
  margin: 15px 0;
  text-transform: uppercase;
  font-family: space-mono;
  font-size: 14px;
}
.recirc-header a {
  color: #0EDE00;
  color: var(--theme--accent);
}

.more-arrow {
  white-space: nowrap;
  text-transform: uppercase;
  padding-right: 18px;
  position: relative;
  font-family: space-mono;
}
.more-arrow:after {
  content: " ";
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 6px;
  background-image: url("imgs/arrow_up_green.svg");
  background-size: cover;
}

.info-graphic {
  margin: 30px 0;
  padding: 30px 0 0;
  text-align: center;
  line-height: 1;
  border-bottom: 1px solid var(--theme);
  border-top: 1px solid var(--theme--accent);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .info-graphic {
    flex-direction: row;
  }
}
.info-graphic .pair {
  flex: 1 1 auto;
  margin-bottom: 30px;
}
.info-graphic .pair .large {
  font-size: 60px;
  margin-bottom: 15px;
  color: var(--theme);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme--accent);
}
@media (min-width: 992px) {
  .info-graphic .pair .large {
    font-size: 100px;
  }
}
.info-graphic .pair .small {
  font-size: 18px;
  text-transform: uppercase;
}
.info-graphic .pair:first-child .large {
  color: var(--theme--bg);
  -webkit-text-stroke-color: var(--theme);
}
.info-graphic .pair:first-child .small {
  color: var(--theme);
}
.info-graphic .pair:nth-child(2) .small {
  color: var(--theme);
}
.info-graphic .pair:nth-child(2) .large {
  color: var(--theme--accent2);
  -webkit-text-stroke-color: var(--theme--accent);
}
.info-graphic .pair:nth-child(3) .large {
  color: var(--theme--bg);
  -webkit-text-stroke-color: #000000;
}
.info-graphic .pair:last-child .large {
  color: var(--theme);
  -webkit-text-stroke-color: var(--theme--accent2);
}

.two-images {
  margin: 45px 0;
}
@media (min-width: 1200px) {
  .two-images {
    margin-right: -260px;
  }
}
.two-images .images-wrap {
  display: flex;
}
.two-images .images-wrap .left-image {
  flex: 1 1 62.7%;
  margin-right: 2%;
}
.two-images .images-wrap .right-image {
  flex: 1 1 30%;
}
.two-images .caption {
  padding: 12px 0 8px;
  border-bottom: 1px solid #0EDE00;
  border-bottom: 1px solid var(--theme--accent);
}
.two-images .caption span {
  text-transform: uppercase;
  font-size: 11px;
  color: #666666;
  padding-left: 10px;
}
.two-images .caption span:first-child {
  padding-left: 0;
}

/** tab **/
.nav-tabs {
  border: 0;
}
.nav-tabs .nav-link {
  color: #666666;
  background-color: transparent;
  border-color: #AAAAAA #AAAAAA transparent;
  text-transform: uppercase;
  font-size: 11px;
  margin-right: 15px;
  font-family: basis-grotesque-bold;
  padding: 10px 20px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active {
  color: #000000;
  background-color: white;
  border-color: #000000 #000000 #fff;
}
.single-project .nav-tabs .nav-link:hover, .single-project .nav-tabs .nav-link.active {
  background-color: transparent;
  border-color: #000000 #000000 #F5F5F5;
  border-color: #000000 #000000 var(--theme--bg);
}

.tab-content {
  background: white;
  padding: 25px;
  border: 1px solid black;
  border-radius: 15px;
  margin-bottom: 45px;
}
@media (min-width: 768px) {
  .tab-content {
    padding: 45px;
    border-top-left-radius: 0;
  }
}
.single-project .tab-content {
  background: transparent;
}
.tab-content p:last-child {
  margin-bottom: 0;
}

/** slider **/
.single .slick-slider-wrapper {
  margin: 75px 0;
}
.single .slick-dots {
  bottom: -50px;
}
.single .slick-dots > li {
  display: inline-block;
}
.single .slick-dots > li:only-child {
  display: none;
}
.single .slick-dots li {
  width: auto !important;
  height: auto !important;
  margin: 0 10px 0 0;
}
.single .slick-dots li button {
  font-size: 16px;
  color: #666666;
  width: auto;
  height: 16px;
  padding: 0;
  margin: 5px;
}
.single .slick-dots li button:before {
  content: "";
  display: none;
}
.single .slick-dots li button:hover {
  color: #361AFF;
  border-color: #361AFF;
}
.single .slick-dots li button:focus {
  outline: auto;
}
.single .slick-dots li.slick-active button {
  color: #0EDE00;
  border-color: #0EDE00;
  color: var(--theme--accent);
  border-color: var(--theme--accent);
}
.single .slick-dots li.slick-active button:before {
  opacity: 1;
  color: inherit;
}
.single .slick-dots li .play, .single .slick-dots li .pause {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 1px solid #666666;
  border-radius: 10px;
  margin-top: -4px;
  stroke: #666666;
  stroke-width: 2;
  stroke-miterlimit: 10;
  fill: none;
}
.single .slick-dots li .play:hover, .single .slick-dots li .pause:hover {
  stroke: #0EDE00;
  border-color: #0EDE00;
  stroke: var(--theme--accent);
  border-color: var(--theme--accent);
}
.single .slick-dots li.play-li, .single .slick-dots li.pause-li {
  margin-right: 0;
  margin-left: 2px;
}
.single .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.single .slide__caption {
  padding: 12px 0 8px;
  border-bottom: 1px solid #0EDE00;
  border-bottom: 1px solid var(--theme--accent);
  background-color: #F5F5F5;
  background-color: var(--theme--bg);
}
.single .slick-prev, .single .slick-next {
  width: 45px;
  height: 45px;
}
@media (max-width: 1199px) {
  .single .slick-prev, .single .slick-next {
    display: none !important;
  }
}
.single .slick-prev:before, .single .slick-next:before {
  font-size: 40px;
}
.single .slick-prev:focus, .single .slick-next:focus {
  outline: auto;
}
.single .slide__inner {
  background-color: #CCCCCC;
}
.single .slide__inner img {
  max-height: 66vw;
  height: 600px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

/** footer **/
body .site footer#colophon {
  background-color: #000000;
  padding: 60px 0 60px;
  color: white;
  text-transform: uppercase;
  font-family: space-mono;
  font-size: 12px;
  line-height: 1.8em;
}
body .site footer#colophon h1, body .site footer#colophon h2, body .site footer#colophon h3, body .site footer#colophon h4, body .site footer#colophon h5, body .site footer#colophon h6, body .site footer#colophon .h1, body .site footer#colophon .h2, body .site footer#colophon .h3, body .site footer#colophon .h4, body .site footer#colophon .h5, body .site footer#colophon .h6 {
  color: white;
}
body .site footer#colophon h5, body .site footer#colophon .h5 {
  font-size: 18px;
}
body .site footer#colophon a {
  color: white;
  text-decoration: underline;
}
body .site footer#colophon a:hover {
  color: #0EDE00;
  text-decoration: none;
}
@media (min-width: 768px) {
  body .site footer#colophon {
    padding: 120px 0 60px;
  }
}
body .site footer#colophon .navbar-nav li {
  margin-bottom: 0;
}
body .site footer#colophon .footer-bottom-menu ul.navbar-nav {
  padding: 0;
  display: block;
}
body .site footer#colophon .footer-bottom-menu ul.navbar-nav li {
  display: inline-block;
  margin-right: 5px;
  padding-right: 10px;
  border-right: 1px solid white;
}
body .site footer#colophon .footer-bottom-menu ul.navbar-nav li a {
  line-height: 1;
  padding: 0;
}
body .site footer#colophon .footer-bottom-menu ul.navbar-nav li:last-child {
  border: 0;
  margin-right: 25px;
}

.social-menu {
  padding-right: 0;
}

#menu-social-menu {
  padding: 0;
  list-style: none;
  margin: 15px 0 0;
}
@media (min-width: 768px) {
  #menu-social-menu {
    margin: 0;
  }
}
#menu-social-menu li {
  display: inline-block;
  padding: 5px 10px 5px 0;
}
#menu-social-menu li a {
  padding: 5px 10px 5px 0;
}
#menu-social-menu li svg {
  fill: white;
  width: 18px;
  height: 18px;
}
#menu-social-menu li a:hover svg {
  fill: #361AFF;
}

.site-footer .google-translate-wrap {
  margin-bottom: 1.5em;
}
.site-footer .google-translate-wrap .by {
  font-family: basis-grotesque;
  text-transform: none;
  padding-left: 10px;
  padding-bottom: 2px;
}
.site-footer .google-translate-wrap .goog-te-gadget-simple {
  background-color: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 10px;
  padding: 4px 6px;
  font-size: 11px;
  font-family: space-mono;
}
.site-footer .google-translate-wrap .goog-te-gadget-simple img.goog-te-gadget-icon {
  display: none;
}
.site-footer .google-translate-wrap .goog-te-gadget-simple a {
  text-decoration: none !important;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #0EDE00;
  background: var(--theme);
}

/** project archives **/
form#search-projects {
  margin-bottom: 45px;
}
form#search-projects input.search {
  width: 100%;
  background: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #000000;
  margin-bottom: 30px;
  font-size: 20px;
}

.project-archives-results {
  padding-bottom: 5px;
  border-bottom: 1px solid #0EDE00;
  border-bottom: 1px solid var(--theme--accent);
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .project-archives-results {
    flex-direction: row;
    justify-content: space-between;
  }
}
.project-archives-results span.search-str {
  font-family: basis-grotesque-italic;
}
.project-archives-results span.pipe, .project-archives-results span.search-for {
  color: #666666;
}
.project-archives-results .right-text {
  font-family: space-mono;
  margin-top: 15px;
}
.project-archives-results .left-text {
  margin-top: 15px;
}

/** featured projects **/
.featured-projects {
  position: relative;
  padding: 45px 0 0;
}
.featured-projects .container {
  padding-left: 0;
  padding-right: 0;
}
.featured-projects .featured-tag {
  font-family: basis-grotesque-bold;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .featured-projects .featured-tag {
    margin-bottom: -35px;
    font-size: 42px;
  }
}
.featured-projects .project-info {
  margin: 15px 0 0;
}
.featured-projects a {
  color: black;
}
.featured-projects .title {
  font-family: basis-grotesque-bold;
}
.featured-projects .author {
  font-size: 16px;
  margin: 15px 0 0;
}
.featured-projects .subtitle {
  font-family: basis-grotesque;
  margin-bottom: 0;
}
.featured-projects .flex-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.featured-projects .flex-wrap .project-wrap-1, .featured-projects .flex-wrap .project-wrap-2 {
  flex: 1 1 auto;
  padding-bottom: 45px;
}
@media (min-width: 768px) {
  .featured-projects .flex-wrap {
    flex-direction: row;
  }
  .featured-projects .flex-wrap .project-wrap-1 {
    flex: 0 1 53%;
  }
  .featured-projects .flex-wrap .project-wrap-2 {
    flex: 0 1 43%;
  }
}
.featured-projects.one-project .container {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 768px) {
  .featured-projects.one-project .project-wrap-1 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    flex: 1 1 auto;
  }
}

.mission-statement {
  background: white;
  padding: 25px;
  border: 1px solid black;
  border-radius: 15px;
  margin-bottom: 45px;
}
@media (min-width: 768px) {
  .mission-statement {
    padding: 45px;
  }
}
.mission-statement p:last-child {
  margin-bottom: 0;
}
.mission-statement .ghl-logo {
  margin-bottom: -20px;
}

.addl-header {
  font-size: 13px;
  text-align: right;
  height: 60px;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .addl-header {
    margin-top: -50px;
  }
}

/** Wordpress **/
.entry-header h1 {
  margin: 0 0 15px;
}

.widget {
  font-size: 1rem;
  line-height: 1.35em;
}
.widget .nav-item {
  margin-bottom: 15px;
}
.widget .nav-link {
  padding: 0 0 12px 0;
}
.widget .nav-link:hover, .widget .nav-link:active, .widget .nav-link:focus {
  background-color: transparent;
  text-decoration: underline;
}

.sidebar-html {
  line-height: 1.35em;
}

.edit-link {
  position: absolute;
}

/** figure
**/
p img, figure.wp-caption {
  background: none;
  padding: 0;
  border: 0;
  /*
  &.alignleft {
    margin: 30px 0 !important;
    width: 100% !important;
    float: none;
    display: block;

    @media (min-width: 768px) {
      margin: 6px 20px 20px 0px !important;
      max-width: 65% !important;
      float: left;
      display: inline;
    }
  }*/
}
p img.alignright, p img.alignleft, p img.aligncenter, p img.alignnone, figure.wp-caption.alignright, figure.wp-caption.alignleft, figure.wp-caption.aligncenter, figure.wp-caption.alignnone {
  margin: 30px 0 !important;
  width: 100% !important;
  float: none;
  display: block;
}
@media (min-width: 768px) {
  p img.alignright, p img.alignleft, p img.aligncenter, p img.alignnone, figure.wp-caption.alignright, figure.wp-caption.alignleft, figure.wp-caption.aligncenter, figure.wp-caption.alignnone {
    margin: 6px 0px 20px 20px !important;
    max-width: 45% !important;
    float: right;
    clear: right;
    display: inline;
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  p img.alignright, p img.alignleft, p img.aligncenter, p img.alignnone, figure.wp-caption.alignright, figure.wp-caption.alignleft, figure.wp-caption.aligncenter, figure.wp-caption.alignnone {
    margin-right: -260px !important;
    max-width: 65% !important;
    min-width: 400px;
  }
}
p img .wp-caption-text, figure.wp-caption .wp-caption-text {
  font-size: 14px;
  line-height: 1.2em;
  text-align: left;
  padding: 12px 0 8px;
  border-bottom: 1px solid #0EDE00;
  border-bottom: 1px solid var(--theme--accent);
}

.wp-audio-shortcode {
  margin-bottom: 30px;
}

/** special pages **/
.page-id-164 .topper-media {
  height: 400px;
  background-repeat: no-repeat;
  background-size: auto;
}