@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, * { box-sizing: border-box !important; padding: 0; margin: 0; border: 0; vertical-align: baseline; }

html { width: 100%; height: 100%; font-size: 62.5%; line-height: 1; scroll-behavior: smooth; }

@media screen and (max-width: 560px) { html { font-size: 57.5%; } }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

.deck { width: 100%; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

@media screen and (min-width: 980px) { .deck { width: 980px; } }

.deck .card { display: block; background-color: black; margin: 0.5rem; color: white; font-size: 1.5rem; flex-basis: 30rem; }

@media screen and (max-width: 768px) { .deck .card { flex-basis: 22rem; } }

@media screen and (max-width: 560px) { .deck .card { flex-basis: 18rem; } }

.deck .card p { padding: 0rem 2rem 2rem 2rem; }

.deck .card.small { flex-basis: 22rem; }

@media screen and (max-width: 560px) { .deck .card.small { flex-basis: 18rem; } }

.deck .card.smallest { flex-basis: 18rem; }

.deck .card.large { flex-basis: 46rem; }

.deck .card.light { color: #221f1f; background-color: white; }

.deck .card.transparent { background-color: inherit; }

.deck .card > strong { display: block; color: white; font-size: 1.5rem; padding: 0rem 1rem 0rem 1rem; }

.deck .card > strong:first-of-type { padding: 1rem 1rem 0rem 1rem; }

.deck .card > strong:last-of-type { padding: 0rem 1rem 1rem 1rem; }

.deck .card > strong:only-of-type { padding: 1rem; }

.deck .card > strong.stronger { color: #F7993C; font-size: 1.7rem; }

.deck .card > strong.strongest { color: #f8ec1d; text-transform: uppercase; font-size: 1.7rem; }

.deck a.card:hover { background-color: #404040; }

.deck a.card.light:hover { background-color: #bfbfbf; }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

.gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; width: 100%; }

.gallery.two { grid-template-columns: repeat(2, 1fr); }

@media screen and (max-width: 560px) { .gallery { grid-template-columns: 1fr; } }

.gallery > * { width: 100%; position: relative; padding-bottom: 56.25%; background-color: #221f1f; overflow: hidden; }

.gallery > * > iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.gallery > * > img { position: absolute; top: 0; left: 0; width: 100%; }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

nav { width: 100%; background-color: #221f1f; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; }

nav label { display: flex; flex-direction: column; justify-content: center; cursor: pointer; }

@media screen and (min-width: 980px) { nav label { display: none; } }

nav label > svg { height: 1.3rem; fill: white; }

nav label > svg:hover { fill: #f8ec1d; }

nav label > svg.checked { display: none; }

nav label > svg.unchecked { display: block; }

nav input#nav-collapse { display: none; }

nav input#nav-collapse:checked + label .checked { display: block; }

nav input#nav-collapse:checked + label .unchecked { display: none; }

nav input#nav-collapse:checked ~ ul { max-height: 100%; }

@media screen and (max-width: 980px) { nav label, nav li { min-height: 4rem; } }

.nav-container { display: flex; padding: 0.5rem; width: 100%; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 980px) { .nav-container { width: 980px; } }

@media screen and (max-width: 980px) { .nav-container { flex-direction: column; } }

.nav-title { flex: 0 0 auto; width: auto; margin-left: 2rem; margin-right: 2rem; text-align: center; }

.nav-title a { color: white; font-family: ivorg; font-size: 3.2rem; font-weight: 500; text-decoration: none; text-transform: uppercase; line-height: 1; }

.nav-title a:hover { color: #f8ec1d; }

a.nav-link { color: white; text-decoration: none; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.3rem; line-height: 1; white-space: nowrap; }

a.nav-link:hover { color: #f8ec1d; }

@media screen and (max-width: 980px) { a.nav-link { min-height: 3.2rem; } }

ul.nav-top { flex: 1; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; }

@media screen and (max-width: 980px) { ul.nav-top { max-height: 0; overflow: hidden; flex-direction: column; flex-wrap: nowrap; } }

ul.nav-top li { list-style: none; flex: 0 0 auto; width: auto; min-height: 3.2rem; margin-left: 1.5rem; margin-right: 1.5rem; display: flex; flex-direction: column; justify-content: center; position: relative; text-align: center; }

@media screen and (min-width: 980px) { ul.nav-top li > ul.nav-sub { visibility: hidden; position: absolute; top: 100%; left: 0; } }

@media screen and (max-width: 980px) { ul.nav-top li .nav-subarrow { display: none; } }

ul.nav-top li:hover > ul.nav-sub { visibility: visible; }

ul.nav-top li svg.nav-subicon { margin: 0.5rem; height: 0.5rem; fill: white; }

ul.nav-sub { left: 0; display: flex; flex-direction: column; background-color: #221f1f; justify-content: left; }

ul.nav-sub li { list-style: none; min-height: 3.2rem; text-align: center; }

@media screen and (min-width: 980px) { ul.nav-sub li a { text-align: left; } }

ul.nav-sub:hover { visibility: visible; }

.nav-spacer { height: 42px; }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

.section { color: #221f1f; background-color: white; width: 100%; font-family: "Montserrat", sans-serif; padding: 3rem 0 5rem 0; font-size: 2rem; line-height: 1.5; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background-position: center; background-size: cover; }

.section.dark { color: white; background-color: #221f1f; }

.section.dark hr { border-top: 0.2rem white solid; }

.section.extra-padding { padding: 8rem 0 10rem 0; }

.section.padding-top-0 { padding-top: 0; }

.section.padding-top-5 { padding-top: 5rem; }

.section.padding-bottom-0 { padding-bottom: 0; }

.section hr { width: 100%; margin-left: auto; margin-right: auto; border-top: 0.2rem #221f1f solid; height: 0%; margin-top: 8rem; margin-bottom: 4rem; }

@media screen and (min-width: 980px) { .section hr { width: 980px; } }

.section > p { width: 100%; margin-left: auto; margin-right: auto; padding: 0 2rem; margin: 1rem 0rem 2rem 0rem; }

@media screen and (min-width: 980px) { .section > p { width: 980px; } }

.section h2 { color: #e72245; text-transform: uppercase; font-size: 3.5rem; text-align: center; padding-top: 2rem; }

@media screen and (max-width: 560px) { .section h2 { font-size: 10vw; } }

.section h3 { color: #F7993C; font-size: 2.5rem; font-weight: 700; }

@media screen and (max-width: 560px) { .section h3 { font-size: 8vw; } }

.section h4 { color: #e72245; font-weight: 700; }

@media screen and (max-width: 560px) { .section h4 { font-size: 8vw; } }

.section h5 { color: #e72245; margin-top: 30px; }

@media screen and (max-width: 560px) { .section h5 { font-size: 8vw; } }

.section a { color: #51C4E4; font-weight: 700; text-decoration: none; }

.section a:hover { color: #e72245; }

.section > img, .section > p img { max-width: 100%; min-width: 0%; }

.section > img.width40, .section > p img.width40 { width: 40%; }

.section > img.width60, .section > p img.width60 { width: 60%; }

@media screen and (max-width: 768px) { .section > img.width60, .section > p img.width60 { width: 75%; } }

@media screen and (max-width: 560px) { .section > img.width60, .section > p img.width60 { width: 90%; } }

.section > p a img { max-width: 30%; }

@media screen and (max-width: 560px) { .section > p a img { max-width: 60%; } }

header.section { height: 100vh; background-image: url("../img/GP5_header_bottom.jpg"); background-repeat: repeat-x; background-position: bottom; background-color: #f8ec1d; background-size: 600px; /* background-size: 30%; @include max-tablet { background-size: 65%; } @include max-mobile { max-width: 100%; } */ color: #221f1f; display: flex; flex-direction: column; align-items: center; justify-content: center; }

header.section .primary-logo { max-height: 40vh; max-width: 70vw; }

header.section .secondary-logo { max-height: 10vh; max-width: 70vw; }

header.section h3 { padding: 3vh 3vh 2vh; font-size: 3vh; color: #221f1f; font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; }

@media screen and (min-width: 980px) { header.section h3 { font-size: 3rem; } }

@media screen and (max-width: 980px) { header.section .subscribe { font-size: 2.5vh; } header.section .subscribe .small { font-size: 2vh; } }

header.section > div.pulsating, header.section > div.subscribe { margin: 1rem; }

.yellow-title { color: #f8ec1d !important; }

.blue-title { color: #4ac5e8 !important; }

.orange-title { color: #f89a3c !important; }

.square { width: 100%; position: relative; padding-bottom: 100%; overflow: hidden; }

.square * { width: 100%; position: absolute; top: 0; left: 0; }

.letterbox { width: 100%; position: relative; padding-bottom: 56.25%; overflow: hidden; }

.letterbox * { width: 100%; position: absolute; top: 0; left: 0; }

.rectangle { width: 100%; position: relative; padding-bottom: 75%; overflow: hidden; }

.rectangle * { width: 100%; position: absolute; top: 0; left: 0; }

a.social img { max-width: 13vw; margin: 1vh 0.5rem; width: 7rem; height: 7rem; }

a.social:hover { opacity: 0.7; }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

@keyframes scale-pulse { from { transform: scale(1, 1);
    opacity: 1; }
  to { transform: scale(1.25, 2);
    opacity: 0; } }

a.subscribe { color: white; }

a.subscribe:hover:not(.disabled) { color: white; background-color: #F7993C; }

.subscribe { font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 2rem; line-height: 1; padding: 2rem; display: inline-block; color: white; background-color: #e72245; margin: 2rem 0; max-width: 85%; }

.subscribe .normalize { text-transform: none; }

.subscribe .small { font-size: 1.5rem; }

.subscribe:hover:not(.disabled) { background-color: #F7993C; }

.subscribe:hover:not(.disabled) ~ .pulse { animation: none; }

.subscribe.disabled { background-color: #8c8181; }

.pulsating { position: relative; z-index: 0; max-width: 75%; }

.pulsating > .subscribe { margin: 0 auto; max-width: initial; }

.pulsating > .pulse { animation: scale-pulse 1s infinite; position: absolute; content: ""; background-color: #f8ec1d; width: 100%; height: 100%; max-width: 100vw; max-height: 100vh; top: 0; left: 0; z-index: -1; }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

.fundraiser-bar { width: 50%; border: 0.4rem solid #f8ec1d; margin: 2rem; display: flex; flex-direction: row; justify-content: center; align-items: center; font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 2rem; line-height: 1; height: 7rem; position: relative; }

.fundraiser-bar .fundraiser-current { position: absolute; top: 0; left: 0; color: #221f1f; background-color: #f8ec1d; width: 90%; height: 100%; display: block; }

.fundraiser-bar .fundraiser-label { color: #221f1f; background-color: #f8ec1d; padding: 1rem; margin: 1rem; display: flex; flex-direction: column; justify-content: center; white-space: nowrap; z-index: 1; }

.fundraiser-bar .pulsating { height: 100%; top: 0; left: 0; background-color: #f8ec1d; color: #221f1f; }

@font-face { font-family: ivorg; font-display: fallback; src: url(../fonts/ivorg-gp-cz.woff2) format("woff2"), url(../fonts/ivorg-gp-cz.woff) format("woff"), url(../fonts/ivorg-gp-cz.ttf) format("truetype"); }

.block { color: white; background-color: black; padding: 1rem; margin-bottom: 1rem; }

.block > p:first-of-type { padding: 1rem 1rem 0rem 1rem; }

.block > p:last-of-type { padding: 1rem; }

.block > p:only-of-type { padding: 1rem; }

.block > strong { display: block; color: white; font-size: 1.5rem; padding: 0rem 1rem 0rem 1rem; }

.block > strong:first-of-type { padding: 1rem 1rem 0rem 1rem; }

.block > strong:last-of-type { padding: 0rem 1rem 1rem 1rem; }

.block > strong:only-of-type { padding: 1rem; }

.block > strong.stronger { color: #F7993C; font-size: 1.7rem; }

.block > strong.strongest { color: #f8ec1d; text-transform: uppercase; font-size: 1.7rem; }

/*# sourceMappingURL=site.css.map */