/*
Theme Name: Qwark Position Briefs
Theme URI: https://qwark.app/
Author: Chris Sangiorgio
Version: 1.2.0
License: Proprietary (Subscription)
Text Domain: qwark_jo
*/
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
body {
  background-color: var(--page-background);
  font-family: var(--font-family);
  color: var(--text-color);
  font-size: 16px;
}
a {
  color: var(--brand-color-main);
}
:root {
  --container-width: 1280px;
  --container-gap: 2rem;
  --grid-gap: 2rem;
  --separator-width: 5rem;
}
section:nth-of-type(odd) {
  background-color: white;
}
.content-style iframe {
  width: 100%;
  height: auto;
  min-height: 320px;
}
body.landing {
  position: relative;
  width: 100vw;
  height: 100vh;
}
body.landing div.root.landing {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 680px;
  text-align: center;
}
body.landing div.root.landing div.logo img {
  max-width: 420px;
}
body.landing div.root.landing h1 {
  font-size: 2rem;
  font-weight: 700;
  margin: 1rem 0;
}
div.qwark-credit {
  bottom: 1rem;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  text-align: center;
  position: absolute;
  color: var(--text-dim-color);
}
body > .wp-block-embed {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 4rem;
}
@media screen and (max-width: 1284px) {
  body > .wp-block-embed div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
body > .wp-block-embed .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
}
body > .wp-block-embed .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
}
.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body > .wp-block-columns {
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  max-width: 1280px;
  margin: 2rem auto;
}
@media screen and (max-width: 1284px) {
  body > .wp-block-columns div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  body > .wp-block-columns {
    padding: 2rem;
    display: block !important;
    flex-wrap: wrap;
    flex-direction: column !important;
  }
}
body > .wp-block-media-text {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1284px) {
  body > .wp-block-media-text div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
body > .wp-block-media-text .wp-block-media-text__media img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  body > .wp-block-media-text .wp-block-media-text__content {
    padding: 2rem;
  }
}
body > .wp-block-image {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1284px) {
  body > .wp-block-image div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
body > .wp-block-image img {
  margin: 2rem 0;
  width: 100%;
  height: auto;
}
.wp-block-image img {
  width: 100%;
  height: auto;
}
body > .wp-block-file {
  max-width: 1280px;
  margin: 0 auto;
  max-width: calc(1280px - 2rem);
  margin: 1rem auto;
  background: white;
  border-radius: 4px;
  padding: 1rem;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
@media screen and (max-width: 1284px) {
  body > .wp-block-file div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
body > p {
  margin: 0 auto;
  max-width: 1280px;
  padding: 2rem;
}
body > h1,
body > h2,
body > h3,
body > h4,
body > h5,
body > h6 {
  margin: 0 auto;
  max-width: 1280px;
  padding: 2rem 2rem 0 2rem;
  font-size: 2rem;
}
body > ul {
  margin: 0 auto;
  max-width: 1280px;
  padding: 2rem;
}
body > blockquote {
  margin: 0 auto;
  max-width: 1280px;
  padding: 2rem;
  background: #e3e3e3;
}
body > .wp-block-table {
  overflow-x: auto;
  max-width: 1280px;
  margin: 2rem auto;
  border: 1px solid #ccc;
}
body > .wp-block-table * {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
body > .wp-block-table tr:last-of-type {
  border-bottom: none;
}
body > .wp-block-table tr td:last-of-type {
  border-right: none;
}
.wp-block-buttons {
  margin: 0 auto;
  max-width: 1280px;
  padding: 2rem;
}
.icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  margin-right: 0.5rem;
}
.icon.website {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.257' height='29.25' viewBox='0 0 29.257 29.25'%3E%3Cpath id='website' d='M18,3.375h-.049a14.625,14.625,0,0,0,.007,29.25h.049A14.625,14.625,0,1,0,18,3.375ZM30.67,17.016H25.214a27.689,27.689,0,0,0-.689-5.358,21.42,21.42,0,0,0,3.495-1.477A12.6,12.6,0,0,1,30.67,17.016Zm-13.655,0H12.67a24.992,24.992,0,0,1,.619-4.859,21.392,21.392,0,0,0,3.727.5Zm0,1.969v4.352a21.482,21.482,0,0,0-3.727.5,24.989,24.989,0,0,1-.619-4.852Zm1.969,0h4.31a24.845,24.845,0,0,1-.619,4.845,20.988,20.988,0,0,0-3.691-.492Zm0-1.969V12.656a21.483,21.483,0,0,0,3.691-.492,24.919,24.919,0,0,1,.619,4.852Zm7.692-8.29A19.533,19.533,0,0,1,24,9.816a14.518,14.518,0,0,0-1.863-3.832A12.724,12.724,0,0,1,26.677,8.726Zm-4.528,1.6a19.788,19.788,0,0,1-3.164.422V5.583C20.18,6.23,21.347,7.966,22.148,10.322ZM17.016,5.555v5.182a19.447,19.447,0,0,1-3.2-.429C14.632,7.931,15.813,6.195,17.016,5.555ZM13.809,6a14.632,14.632,0,0,0-1.849,3.8A19.973,19.973,0,0,1,9.323,8.726,12.533,12.533,0,0,1,13.809,6ZM7.98,10.188a21,21,0,0,0,3.459,1.462,26.573,26.573,0,0,0-.689,5.358H5.337A12.532,12.532,0,0,1,7.98,10.188Zm-2.651,8.8h5.414a27.618,27.618,0,0,0,.689,5.358A22.277,22.277,0,0,0,7.973,25.8,12.6,12.6,0,0,1,5.33,18.984Zm3.987,8.29a19.678,19.678,0,0,1,2.644-1.083A14.684,14.684,0,0,0,13.809,30,12.845,12.845,0,0,1,9.316,27.274Zm4.5-1.589a19.549,19.549,0,0,1,3.2-.429v5.189C15.806,29.805,14.632,28.062,13.816,25.685Zm5.168,4.732V25.249a19.788,19.788,0,0,1,3.164.422C21.347,28.034,20.18,29.77,18.984,30.417Zm3.164-.4a14.518,14.518,0,0,0,1.863-3.832,19.211,19.211,0,0,1,2.672,1.1A12.87,12.87,0,0,1,22.148,30.016Zm5.871-4.2a21.42,21.42,0,0,0-3.495-1.477,27.545,27.545,0,0,0,.689-5.351H30.67A12.542,12.542,0,0,1,28.02,25.812Z' transform='translate(-3.375 -3.375)' fill='%23a8a8a8'/%3E%3C/svg%3E%0A");
}
header.top-header .container {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1284px) {
  header.top-header .container div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1280px) {
  header.top-header .container {
    padding: 0 2rem;
  }
}
header.top-header .container.desktop {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
header.top-header .container.desktop a.logo {
  flex: 0 0 var(--logo-width);
  padding: 1rem 0;
}
@media screen and (max-width: 400px) {
  header.top-header .container.desktop a.logo {
    flex: 0 0 calc(100% - 4rem);
  }
}
header.top-header .container.desktop a.logo img {
  width: 100%;
  height: auto;
}
section.banner {
  position: relative;
}
section.banner div.background {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section.banner div.background img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(0.15rem);
  box-sizing: border-box;
}
section.banner div.background div.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
section.banner div.content {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 3;
  color: white;
  padding: 8rem 0;
}
@media screen and (max-width: 1284px) {
  section.banner div.content div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
section.banner div.content div.company-name {
  font-weight: 600;
}
section.banner div.content div.position-name {
  font-weight: 700;
  font-size: 2.5rem;
  max-width: 50%;
}
@media screen and (max-width: 1280px) {
  section.banner div.content div.position-name {
    max-width: 75%;
  }
}
@media screen and (max-width: 768px) {
  section.banner div.content div.position-name {
    font-size: 2rem;
  }
}
section.banner div.content div.position-description {
  max-width: 55%;
}
@media screen and (max-width: 1280px) {
  section.banner div.content div.position-description {
    max-width: 75%;
  }
}
@media screen and (max-width: 768px) {
  section.banner div.content div.position-description {
    max-width: 100%;
  }
}
section.banner div.content div.position-description p {
  margin-top: 0.35rem;
}
@media screen and (max-width: 1284px) {
  section.banner div.content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
nav.jump-menu {
  border-bottom: var(--separator-color) 1px solid;
}
nav.jump-menu div.container {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  border-bottom: 1px solid var(--page-background);
  transform: translateY(1px);
}
@media screen and (max-width: 1284px) {
  nav.jump-menu div.container div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
nav.jump-menu div.container a {
  display: inline-block;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--text-color);
  text-decoration: none;
  padding: 2rem 2rem 0 0;
  flex-shrink: 1;
  flex-grow: 0;
}
nav.jump-menu div.container a::after {
  display: block;
  content: "";
  background-color: var(--separator-color);
  height: 1px;
  margin-top: 2rem;
  transform: translateY(1px);
}
nav.jump-menu div.container a:hover::after {
  background-color: var(--accent-separator-color);
}
nav.jump-menu div.container div.clear {
  flex-shrink: 1;
  flex-grow: 1;
  border-bottom: var(--separator-color) 1px solid;
  transform: translateY(1px);
}
nav.jump-menu div.container::before,
nav.jump-menu div.container::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -1rem;
  top: 0;
  width: 1rem;
  height: calc(100% + 2px);
  background: var(--page-background);
}
nav.jump-menu div.container::after {
  left: calc(100%);
}
@media screen and (max-width: 1284px) {
  nav.jump-menu div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
section.details.position {
  padding: 5rem 0;
}
section.details.position div.container {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1284px) {
  section.details.position div.container div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
section.details.position div.container div.details-title h2 {
  font-size: 2.5rem;
  font-weight: 700;
}
section.details.position div.container div.details-title h2::after {
  display: block;
  content: "";
  width: var(--separator-width);
  height: 2px;
  background-color: var(--accent-separator-color);
  margin-top: 0.5rem;
}
section.details.position div.container div.content {
  padding: 2rem 0;
}
section.details.position div.container div.content h2,
section.details.position div.container div.content h3,
section.details.position div.container div.content h4,
section.details.position div.container div.content h5,
section.details.position div.container div.content h6 {
  font-size: 1.5rem;
}
section.details.position div.container div.content ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1rem 0;
}
section.details.position div.container div.content ul li {
  flex: 0 0 calc(50% - 3rem);
  border-left: 3px solid var(--accent-separator-color);
  padding: 0.25rem 1rem;
  margin: 1rem 0;
}
section.details.position div.container div.content ul ul {
  margin: 0;
  display: block;
}
section.details.position div.container div.content ol {
  margin-left: 1rem;
}
section.details.position div.container.has-contact-cards {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  justify-items: flex-start;
}
section.details.position div.container.has-contact-cards main {
  flex: 0 0 calc(100% - 288px - 3rem);
}
section.details.position div.container.has-contact-cards aside {
  flex: 0 0 calc(288px);
  background-color: var(--content-background);
  border-radius: 8px;
  padding: 1.5rem;
  margin-left: 2rem;
}
section.details.position div.container.has-contact-cards aside .title h1,
section.details.position div.container.has-contact-cards aside .title h2,
section.details.position div.container.has-contact-cards aside .title h3,
section.details.position div.container.has-contact-cards aside .title h4,
section.details.position div.container.has-contact-cards aside .title h5,
section.details.position div.container.has-contact-cards aside .title h6 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
section.details.position div.container.has-contact-cards aside div.cards div.card {
  margin-top: 1rem;
  border-top: 1px solid var(--separator-color);
  padding-top: 1rem;
}
section.details.position div.container.has-contact-cards aside div.cards div.card:first-of-type {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
section.details.position div.container.has-contact-cards aside div.cards div.card a {
  text-decoration: none;
}
section.details.position div.container.has-contact-cards aside div.cards div.card a:hover {
  text-decoration: underline;
}
section.details.position div.container.has-contact-cards aside div.cards div.card .user-name {
  font-weight: 700;
}
section.details.position div.container.has-contact-cards aside div.cards div.card .user-title {
  color: var(--text-dim-color);
}
section.details.position div.container.has-contact-cards aside div.cards div.card .user-phone {
  margin-top: 0.5rem;
  display: block;
}
section.details.position div.container.has-contact-cards aside div.cards div.card .user-email {
  display: block;
}
section.details.position div.container.has-contact-cards aside div.cards div.card .LI-simple-link {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--text-dim-color);
  text-decoration: none;
}
@media screen and (max-width: 1284px) {
  section.details.position div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1028px) {
  section.details.position div.container div.content ul {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  section.details.position div.container {
    display: block !important;
  }
  section.details.position div.container aside .cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  section.details.position div.container aside .cards .card {
    flex: 0 0 288px;
    margin-top: 0 !important;
    border-top: none !important;
    padding-top: 0 !important;
  }
}
section.details.company {
  padding: 5rem 0;
}
section.details.company div.container {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1284px) {
  section.details.company div.container div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
section.details.company div.container div.details-title h2 {
  font-size: 2.5rem;
  font-weight: 700;
}
section.details.company div.container div.details-title h2::after {
  display: block;
  content: "";
  width: var(--separator-width);
  height: 2px;
  background-color: var(--accent-separator-color);
  margin-top: 0.5rem;
}
section.details.company div.container div.details-content {
  display: flex;
  justify-content: space-between;
}
section.details.company div.container div.details-content div.support {
  flex: 0 0 calc(100% / 3 - 2rem);
}
section.details.company div.container div.details-content div.support div.company-logo {
  margin-top: 2rem;
}
section.details.company div.container div.details-content div.support div.company-logo img {
  max-width: 240px;
  height: auto;
}
section.details.company div.container div.details-content div.support div.company-name {
  font-weight: 700;
  font-size: 1.5rem;
  border-bottom: 1px solid var(--separator-color);
  padding-bottom: 1rem;
}
section.details.company div.container div.details-content div.support.has_company div.company-name {
  margin-top: 1rem;
}
section.details.company div.container div.details-content div.support.has_company.has_logo div.company-name {
  margin-top: 0;
}
section.details.company div.container div.details-content div.support div.company-meta {
  padding-top: 0.5rem;
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0.5rem 0;
  text-decoration: none;
  color: var(--text-color);
  transition: all 0.2s ease;
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item div.icon {
  flex: 0 0 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.2s all ease;
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item div.icon svg {
  width: 100%;
  height: auto;
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item div.icon svg * {
  fill: var(--text-dim-color);
  transition: 0.2s all ease;
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item div.text {
  margin-left: 1rem;
  transition: 0.2s all ease;
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item div.text div.title {
  font-weight: 700;
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item:hover div.icon svg * {
  fill: var(--text-color);
}
section.details.company div.container div.details-content div.support div.company-meta .meta-item:hover div.text {
  color: var(--text-color);
}
section.details.company div.container div.details-content div.support div.company-meta a.meta-item {
  color: var(--text-dim-color);
}
section.details.company div.container div.details-content div.support div.company-meta a.meta-item:hover {
  color: var(--text-color);
}
section.details.company div.container div.details-content div.support div.company-meta div.separator {
  width: 100%;
  background-color: var(--separator-color);
  height: 1px;
  margin: 1rem 0;
}
section.details.company div.container div.details-content div.main {
  flex: 0 0 calc(100% / 3 * 2);
}
section.details.company div.container div.details-content div.main p {
  margin: 1rem 0;
}
section.details.company div.container div.details-content div.main p:first-of-type {
  margin-top: 0;
}
section.details.company div.container div.details-content div.main p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 1280px) {
  section.details.company div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  section.details.company div.container div.details-content {
    display: block;
  }
  section.details.company div.container div.details-content .main {
    padding-top: 2rem;
  }
  section.details.company div.container div.details-content .support {
    display: block;
    padding: 1rem 0 1rem 0;
  }
  section.details.company div.container div.details-content .support .company-meta {
    width: 100%;
  }
}
section.cards div.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 4rem 0;
}
@media screen and (max-width: 1284px) {
  section.cards div.container div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
section.cards div.container .title-container h1,
section.cards div.container .title-container h2,
section.cards div.container .title-container h3,
section.cards div.container .title-container h4,
section.cards div.container .title-container h5,
section.cards div.container .title-container h6 {
  font-size: 2rem;
}
section.cards div.container .title-container:after {
  content: "";
  display: block;
  width: var(--separator-width);
  height: 2px;
  background-color: var(--accent-separator-color);
}
section.cards div.container .card-container {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  padding: 3rem 0;
}
section.cards div.container .card-container .card {
  display: block;
  flex: 0 0 calc(100% / 3 - 1rem);
  max-width: calc(50% - 1rem);
  background: white;
  border: 0 transparent solid;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 10px;
  transition: 0.3s all ease;
  color: var(--text-color);
  text-decoration: none;
}
section.cards div.container .card-container .card .image-container {
  overflow: hidden;
  line-height: 0;
}
section.cards div.container .card-container .card .image-container img {
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
  transition: transform 0.5s ease;
}
section.cards div.container .card-container .card .meta {
  padding: 1.25rem 1rem 1.4rem 1rem;
}
section.cards div.container .card-container .card .meta .title {
  font-size: 1.25rem;
  font-weight: 700;
}
section.cards div.container .card-container .card .meta .subtitle {
  color: var(--text-dim-color);
  font-size: 1rem;
}
section.cards div.container .card-container .card .meta .link {
  display: flex;
  align-items: center;
  align-content: center;
  font-size: 1rem;
  color: var(--text-dim-color);
  font-weight: 400;
}
section.cards div.container .card-container .card .meta .link.has-button {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
section.cards div.container .card-container .card .meta .link.has-button .text {
  display: inline-block;
  padding: 0 0.75rem;
  transition: 0.2s all ease;
}
section.cards div.container .card-container .card .meta .link.has-button .icon {
  display: inline-block;
  flex: 0 0 30px;
  max-width: 30px;
  height: 30px;
  transition: 0.2s all ease;
}
section.cards div.container .card-container .card .meta .link.has-button .icon img {
  width: 30px;
  height: auto;
}
section.cards div.container .card-container .card .meta .link.has-button .icon svg {
  width: 30px;
  height: auto;
}
section.cards div.container .card-container .card .meta .link.has-button .icon svg * {
  fill: var(--brand-color-main);
}
section.cards div.container .card-container .card:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 15px;
}
section.cards div.container .card-container .card:hover .image-container img {
  transform: scale(1.1);
}
section.cards div.container .card-container .card:hover .meta .link.has-button .text {
  color: var(--brand-color-main);
}
section.cards div.container .card-container .card:hover .meta .link.has-button .icon {
  fill: var(--brand-color-main);
}
@media screen and (max-width: 1280px) {
  section.cards div.container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  section.cards div.container .card-container a.card {
    flex: 0 0 calc(100% / 3 - 2rem + (1rem / 3));
  }
}
@media screen and (max-width: 960px) {
  section.cards div.container .card-container a.card {
    flex: 0 0 calc(100% / 2 - 2rem + (1rem / 2));
  }
}
@media screen and (max-width: 600px) {
  section.cards div.container .card-container a.card {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 1rem 0;
  }
  section.cards div.container .card-container a.card:first-of-type {
    margin-top: 0;
  }
  section.cards div.container .card-container a.card:last-of-type {
    margin-bottom: 0;
  }
}

.details-content iframe {
	width: 100%;
}
/*# sourceMappingURL=style.css.map */