#page main a {
color: #14b6e0;
}

.cta {
padding: 0 0 1rem 0;
}

#page main .cta a {
white-space: nowrap;
display: block;
color: #fff;
max-width: 350px;
margin-left: auto;
margin-right: auto;
}

#page main .cta .button {
font-size: 1rem;
margin-bottom: 1rem;
}

#page main .cta .button.secondary {
margin-bottom: 1rem;
font-size: 1rem;
}

#page main .cta .button.secondary,
#page main .cta .button.secondary:hover,
#page main .cta .button.secondary:focus,
#page main .cta .button.secondary:active {
background: #39aed9;
color: #fff;
border: 0;
box-shadow: none;
padding: 0.5rem 1rem;
}

#page main .cta .button.secondary:hover,
#page main .cta .button.secondary:focus,
#page main .cta .button.secondary:active {
background: #42a1be;
}

.logo.text-center {
padding: 5rem 1rem;
}

.text-center.smallest img,
.text-center.smaller img,
.logo.text-center img {
width: auto;
height: auto;
max-width: 200px;
}

.text-center.smaller img {
max-width: 300px;
}

h5.text-center.smaller img {
max-width: 50px;
}

p.text-center.smallest img {
max-width: 100px;
}

#page header {
box-shadow: none;
}

#page main {
background: #001361;
color: #fff;
}

footer,
footer.summer {
background: #fff;
color: #000;
}

footer .col.margin-top p.text-center {
display: none;
}

footer.summer a {
color: #080753;
}

section#gold {
background: none !important;
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}

#page main {
padding: 0 0 25rem 0;
text-align: left;
background-color: #001361;
background: url('/images/curve-transparent-white.svg') no-repeat 50% calc(100% + 1px) scroll, url('winlandia-guy-summer-2026-v2.png') no-repeat 2% 100% scroll, url('winlandia-girl-summer-2026-v2.png') no-repeat 98% 100% scroll, #001361 !important;
background-size: 100% auto, auto 600px, auto 600px, 100% auto, auto !important;
}

#page main h3,
#page main h4,
#page main p,
#page main ol,
#page main ul {
padding-left: 2rem;
padding-right: 2rem;
}

#page main small {
font-style: oblique;
}

#page p:has(small) {
text-align: center;
}

#page main h2 {
padding: 0 0 1rem 0;
margin: 0 auto;
text-align: center;
max-width: 640px;
}

#page main h3 {
max-width: 640px;
font-size: 2rem;
letter-spacing: -1px;
}

#page main h3,
#page main h4,
#page main h5,
#page main h6 {
font-weight: bold;
}

#page main h4,
#page main h5 {
padding-top: 2rem;
}

#page main h5 {
color: #fa9f1a;
padding-left: 3rem;
padding-right: 3rem;
}

#page main h6 {
color: #fed767;
text-align: center;
font-size: 1.15rem;
padding-top: 4rem;
}

#page main h3,
#page main h4,
#page main h5,
#page main h6,
#page main p,
#page main li {
max-width: 640px;
margin: 0 auto;
}

#page main p,
#page main ul,
#page main ol {
padding-bottom: 2rem;
}

#page main ul,
#page main ol {
text-align: center;
padding-bottom: 3rem;
}

#page main .button:after {
content: ' \00BB';
}

#page main ul,
#page main ol {
list-style: none;
padding: 0 2rem 1rem 2rem;
}

#page main ol {
list-style: decimal;
list-style-position: inside;
text-align: left;
}

#page main li {
padding: 0.5rem;
}

footer.summer {
padding-top: 5rem;
}

#page main p.arrow-down {
padding-bottom: 1rem;
}

#page main p.arrow-down:after {
content: '\2193';
display: block;
font-size: 6rem;
text-align: center;
padding: 2rem 0;
clear: both;
}

#page main table {
width: auto;
margin: 0 auto 5rem auto;
text-align: center;
box-shadow: inset 0 0 1rem #5d8adf, 0 0 1rem #021f5b;
border: 2px outset #82a0e0;
border-radius: 1rem;
padding: 0;
background: #153776;
background: linear-gradient(130deg,#153776,#2657a3,#5987dc,#153776);
}

#page main th,
#page main td {
border: 0;
border-radius: 0;
padding: 1rem;
min-width: 6rem;
text-align: center;
border-right: 1px dashed #a1c0ef;
}

#page main th:last-of-type,
#page main td:last-of-type {
border-right: 0;
}

#page main th {
text-align: center;
border-bottom: 1px dashed #a1c0ef;
}

#page main td {
font-weight: 500;
padding: 0.25rem 1rem;
}

#page main tbody tr:last-of-type td {
padding-bottom: 1rem;
}

#page main p.text-center.minigap {
padding-bottom: 0;
}

#page main p.text-center.minigap + h5 {
padding-top: 0;
}

.games:first-of-type article.game {
width: 90%;
}

#page div.promo {
border: 1px solid dodgerblue;
border-radius: 1rem;
margin: 0 auto 1rem auto;
max-width: 740px;
}

#page div.promo p:has(img) {
max-width: 100%;
padding: 0;
}

#page div.promo p img {
border-radius: calc(1rem + 1px) calc(1rem + 1px) 0 0;
}

#page div.promo h2,
#page div.promo h3 {
padding-top: 2rem;
padding-bottom: 2rem;
max-width: 500px;
}

#page div.promo p.cta {
padding-top: 1rem;
}

#page .text-justify {
text-align: justify;
max-width: 500px;
}

section#gold.summer {
background-size: 0 0 !important;
}

#page main ol {
width: auto;
margin: 0 auto 5rem auto;
text-align: center;
box-shadow: inset 0 0 1rem #5d8adf, 0 0 1rem #021f5b;
border: 2px outset #82a0e0;
border-radius: 1rem;
padding: 0;
background: #153776;
background: linear-gradient(130deg,#153776,#2657a3,#5987dc,#153776);
max-width: 360px;
}

@media (max-width: 1400px) {
#page main {
background-size: 100% auto, auto 500px, auto 500px, auto !important;
padding: 0 0 30rem 0;
}
}

@media (max-width: 700px) {
#page main {
background-size: 100% auto, auto 300px, auto 300px, auto !important;
padding: 0 0 25rem 0;
}
#page div.promo {
margin: 0 1rem 1rem 1rem;
}
}

@media (max-width: 600px) {
#page main {
padding: 0 0 20rem 0;
}
}

@media (max-width: 460px) {
.games:first-of-type h3:first-of-type {
font-size: 1.25rem;
}
#page main .olSwipeSlider {
max-width: 200px;
}
#page main table {
margin-left: 1rem;
margin-right: 1rem;
}
}