/* ----- CSS Reset ----- */

* {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
body {line-height:1;}
button {border:none; border-radius:0; box-shadow:none; background:none; appearance:none; cursor:pointer;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
img {display:block; max-width:100%; height:auto;}
:focus {outline:none;}
abbr {text-decoration:none;}
strong {font-weight:var(--font-weight-bold);}
em {font-style:italic;}
sub {vertical-align:sub;}
sup {vertical-align:super;}
sub, sup {font-size:0.5em; line-height:1;}
h4, h5, h6 {font-weight:var(--font-weight-bold);}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:inherit;}
h1 em, h2 em, h3 em {font-style:normal;}

/* ----- Variables ----- */

:root {
  --wpadminbar-height:32px;
  --body-bg-color:var(--color-theme-a);
  --body-font-color:var(--color-theme-b);
  --body-font-size:18px;
  --font-a:'Quicksand', sans-serif;
  --font-b:'Boogaloo', sans-serif;
  --font-b-line-height:calc(1em + 4px);
  --font-weight-normal:400;
  --font-weight-bold:700;
  --h1-font-size:80px; 
  --h2-font-size:60px; 
  --h3-font-size:40px; 
  --def-line-height:calc(1em + 10px);
  --def-margin:20px; 
  --content-width:1260px;
  --content-width-min:320px;
  --content-padding:20px;
  --wrapper-width:calc(var(--content-width) - calc(var(--content-padding) * 2));
  --header-height:110px;
  --lyt-bl-pad-top:100px;
  --lyt-bl-pad-bot:calc(var(--lyt-bl-pad-top) - var(--def-margin));
  --color-theme-a:#FFF;
  --color-theme-b:#262626;
  --color-theme-c:#EF476F;
  --color-theme-d:#EF476F;
  --color-theme-e:#000000;
  --color-theme-f:#244f37;
  --color-theme-g:#259154;
  --border-color-a:rgba(0,0,0,0.2);
  --border-color-b:rgba(255,255,255,0.5);
}

/*
#515151 - a White
#515151 - b Dark Grey
#1C1B13 - c Black
#F5EAD9 - d Beige
#102E1D - e Dark Green
#244f37 - f Light Green
#259154 - g Lightest Green
*/

/* ----- Global ----- */

#wpadminbar {position:fixed!important;}

body {font-family:var(--font-a); font-size:var(--body-font-size); color:var(--body-font-color); font-weight: 700; text-size-adjust:100%; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; background:var(--body-bg-color); overscroll-behavior-y:none;}
body.nav-active {overflow:hidden;}

#page-wrap {display:flex; flex-direction:column; min-width:var(--content-width-min); max-width:100vw; min-height:100vh; overflow-x:clip;}
.logged-in #page-wrap {min-height:calc(100vh - var(--wpadminbar-height));}

.skip-content {z-index:10000; position:fixed; inset:-41px auto auto 0; display:block; padding:10px; line-height:20px; color:#FFF; text-decoration:none; border:solid #FFF; border-width:0 1px 1px 1px; background:#000; transition:top 0.3s ease;}
.skip-content:focus {top:0;}
.logged-in .skip-content:focus {top:32px;}
.skip-content:hover {text-decoration:underline;}

.hidden {position:absolute!important; left:-9999px!important;}

.wrapper {width:var(--wrapper-width); max-width:100%; margin:0 auto; padding:0 var(--content-padding);}
.wrapper::after {clear:both; display:block; content:'';}

.cols-wrap:not(.cols-1) {display:grid; grid-template-columns:repeat(var(--cols-per-row), minmax(0, 1fr)); column-gap:50px; row-gap:20px;}
.cols-wrap:not(.cols-1) > .col {min-width:0;}
.cols-wrap.cols-2 {--cols-per-row:2;}
.cols-wrap.cols-3 {--cols-per-row:3;}
.cols-wrap.cols-4 {--cols-per-row:4;}
 
iframe.wp-embedded-content {width:100%!important; max-width:100%!important; margin:0 0 20px 0;}

.video-wrap {width:940px; max-width:100%; margin:0 auto 20px auto;}
.video-wrap .video {position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
.video-wrap .video iframe {position:absolute; inset:0 auto auto 0; width:100%; height:100%;}

.map-wrap {height:450px;}
.map-wrap iframe {width:100%; height:100%;}

.bg-video {position:absolute; inset:0 auto auto 0; width:100%; height:100%; object-fit:cover;}
.bg-video::-webkit-media-controls-start-playback-button {display:none!important; position:absolute!important; left:-9999px!important; opacity:0!important; appearance:none;}

.mfp-bg {z-index:5000!important;}
.mfp-wrap {z-index:5001!important;}
.mfp-wrap .mfp-content {z-index:5002!important;}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close {position:absolute; inset:-45px -5px auto auto; width:40px; height:40px; text-indent:9999px; background:#0000; overflow:hidden; opacity:1;}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close::before,
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close::after {position:absolute; display:block; inset:50% auto auto 50%; width:30px; height:2px; content:''; background:#FFF;}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close::before {transform:translate(-50%, -50%) rotate(45deg);}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close::after {transform:translate(-50%, -50%) rotate(-45deg);}

.slick-list,
.slick-track,
.slick-slide,
.slick-slide > div {height:100%; overflow:hidden;}
.slick-track {display:flex;}
.slick-slide {float:none; flex-grow:1; height:auto;}
.slide {min-height:inherit; height:100%;}

.slick-controls {display:flex;}
.slick-controls .control {position:relative; display:block; width:40px; height:40px; text-indent:-9999px;}
.slick-controls .control::before {position:absolute; inset:50% auto auto calc(50% - 2px); display:block; width:14px; height:14px; content:''; border:solid var(--color-theme-e); border-width:0 2px 2px 0; transform:translate(-50%, -50%) rotate(-45deg);}
.slick-controls .prev {transform:rotate(180deg);}

/* ----- Buttons ----- */

.button {display:inline-block; max-width:100%; min-height:20px; margin:0; padding:19px 25px; font-size:26px; line-height:20px!important; font-family:var(--font-b); text-decoration:none!important;  cursor:pointer;border-radius: 999px;box-shadow: 0 6px 0 #9c3d58;transition: transform .12s, box-shadow .12s; font-weight:var(--font-weight-normal);}
button.button {box-sizing:content-box;}

.button.theme-d {color:#fff!important; background:var(--color-theme-d);}
.button.theme-d:hover, 
.button.theme-d:active, 
.button.theme-d:focus {transform: translateY(2px); box-shadow: 0 4px 0 var(--pink-dark);}


.button.theme-d-b {color:var(--color-theme-d)!important; border-color:var(--color-theme-d); background:#0000;}
.button.theme-d-b:hover, 
.button.theme-d-b:active, 
.button.theme-d-b:focus {color:var(--color-theme-e)!important; background:var(--color-theme-d)!important;}

.button.theme-e {color:var(--color-theme-d)!important; border-color:var(--color-theme-e); background:var(--color-theme-e);}
.button.theme-e:hover, 
.button.theme-e:active, 
.button.theme-e:focus {color:var(--color-theme-e)!important; background:var(--color-theme-d)!important;}

.button.theme-e-b {color:var(--color-theme-e)!important; border-color:var(--color-theme-e); background:#0000;}
.button.theme-e-b:hover, 
.button.theme-e-b:active, 
.button.theme-e-b:focus {color:var(--color-theme-d)!important; background:var(--color-theme-e)!important;}

/* ----- Social ----- */

.social-links {display:flex; flex-wrap:wrap;}
.social-links li {margin:0 5px!important; padding:0!important; text-align:left;}
.social-links li::before {display:none!important;}
.social-links li:first-child {margin-left:0;}
.social-links li:last-child {margin-right:0;}
.social-links li a {display:block;}
.social-links li a span {display:block; width:50px; height:50px; text-indent:-9999px; border-radius:50%; background:center center no-repeat var(--color-theme-e); background-size:16px; box-sizing:border-box; transition:all 0.2s ease!important;}
.social-links li a:hover span,
.social-links li a:active span,
.social-links li a:focus span {background-color:var(--color-theme-d);}
.social-links li.facebook a span {background-image:url('../images/social-icons/icon-facebook.svg');}
.social-links li.instagram a span {background-image:url('../images/social-icons/icon-instagram.svg');}
.social-links li.linkedin a span {background-image:url('../images/social-icons/icon-linkedin.svg');}
.social-links li.x a span {background-image:url('../images/social-icons/icon-x.svg');}
.social-links li.vimeo a span {background-image:url('../images/social-icons/icon-vimeo.svg');}
.social-links li.tiktok a span {background-image:url('../images/social-icons/icon-tiktok.svg');}

/* ----- Editable Content ----- */

a {text-decoration:none; outline:none; transition:all 0.2s ease;}

h1:not(.title), 
h2:not(.title), 
h3:not(.title) {margin-bottom:var(--def-margin); line-height:var(--font-b-line-height); font-family:var(--font-b); font-variant-ligatures:none; color:var(--color-theme-c);}
h1:not(.title) {font-size:var(--h1-font-size);}
h2:not(.title) {font-size:var(--h2-font-size);}
h3:not(.title) {font-size:var(--h3-font-size);}

h1, h2, h3 {color:var(--color-theme-c); font-weight: 400}

h1 a:not(:hover):not(:active):not(:focus),
h2 a:not(:hover):not(:active):not(:focus),
h3 a:not(:hover):not(:active):not(:focus) {text-decoration-color:#0000;}

hr {width:100%; height:5px; margin:calc(var(--def-margin) * 2) 0; border:none; background:var(--border-color-a);}

.align-a {text-align:left;}
.align-b {text-align:center;}
.align-c {text-align:right;}
.align-a .button {margin:10px 10px 0 0;}
.align-b .button {margin:10px 5px 0 5px;}
.align-c .button {margin:10px 0 0 10px;}

.editable-content .no-margin-b,
.editable-content p:has(img.no-margin-b) {margin-bottom:0;}

.editable-content {overflow-wrap:break-word;}
.editable-content::after {clear:both; display:block; content:'';}

.editable-content a {text-decoration:underline; text-decoration-thickness:1px!important; text-underline-offset:0.3em; overflow-wrap:break-word; word-wrap:break-word;}
.editable-content a:hover,
.editable-content a:active,
.editable-content a:focus {text-decoration:underline; text-underline-offset:0.1em;}

.editable-content,
.editable-content p,
.editable-content ul,
.editable-content ol,
.editable-content blockquote,
.editable-content table {line-height:var(--def-line-height);}

.editable-content h4,
.editable-content h5,
.editable-content h6 {margin-bottom:var(--def-margin);}

.editable-content *:not(h2):not(hr) + h2,
.editable-content *:not(h2):not(h3):not(hr) + h3 {padding-top:var(--def-margin);}

.editable-content p {margin-bottom:var(--def-margin);}

.editable-content ul,
.editable-content ol {margin-bottom:var(--def-margin);}
.editable-content ol {counter-reset:item;}
.editable-content ul li,
.editable-content ol li {position:relative; width:fit-content; padding-left:1.2em; text-align:left;}
.align-b .editable-content ul li,
.align-b .editable-content ol li {margin-right:auto; margin-left:auto;}
.align-c .editable-content ul li,
.align-c .editable-content ol li {margin-left:auto;}
.editable-content ol li {padding-left:1.8em; counter-increment:item;}
.editable-content ul li::before {position:absolute; inset:0.6em auto auto 0; width:0.4em; height:0.4em; content:''; border-radius:50%; background:var(--color-theme-b);}
.layout-section.theme-e .editable-content ul li::before {background:var(--color-theme-a);}
.editable-content ol li::before {position:absolute; left:0; width:1.5em; content:counters(item, '.') '. '; }
.editable-content ul li:not(:last-child),
.editable-content ol li:not(:last-child) {margin-bottom:10px;}
.editable-content ul li ul,
.editable-content ul li ol,
.editable-content ol li ol,
.editable-content ol li ul {margin:0; padding-top:5px;}
.editable-content ul li:last-child p:last-of-type,
.editable-content ol li:last-child p:last-of-type {margin-bottom:0;}

.editable-content blockquote {position:relative; margin-bottom:var(--def-margin); padding-top:60px;}
.editable-content blockquote::before {position:absolute; inset:0 0 auto 0; height:45px; content:''; background:url('../images/icon-quote.svg') 0 0 no-repeat; background-size:auto 100%;}
.editable-content blockquote p {font-size:34px; line-height:var(--font-b-line-height); font-family:var(--font-b); font-variant-ligatures:none;}
.editable-content blockquote p:last-of-type {margin:0;}

.editable-content img {margin-bottom:var(--def-margin);}
.editable-content img.alignleft {float:left; margin-right:var(--def-margin);}
.editable-content img.aligncenter {margin-right:auto; margin-left:auto;}
.editable-content img.alignright {float:right; margin-left:var(--def-margin);}
.editable-content .wp-caption {display:block; max-width:100%; margin:30px 0 var(--def-margin) 0; padding:10px; background:#f3f3f3; box-sizing:border-box;}
.editable-content .wp-caption img {margin:0;}
.editable-content .wp-caption .wp-caption-text {padding:15px 0 0 0; font-size:14px; font-style:italic;}
.editable-content .wp-caption.alignleft {float:left; margin:0 var(--def-margin) var(--def-margin) 0;}
.editable-content .wp-caption.aligncenter {margin-right:auto; margin-left:auto;}
.editable-content .wp-caption.alignright {float:right; margin:0 0 var(--def-margin) var(--def-margin);}
.editable-content .wp-caption.aligncenter .wp-caption-text {text-align:center;}

.editable-content .table-wrap {width:100%; margin:var(--def-margin) auto; overflow:auto;}
.editable-content table {width:100%; text-align:left; background:#0000; box-sizing:border-box; border-collapse:collapse;}
.editable-content table td,
.editable-content table th {padding:15px 10px; vertical-align:middle; border-bottom:1px solid var(--border-color-a);}
.editable-content table th,
.editable-content table thead td {font-size:18px; font-family:var(--font-b); font-variant-ligatures:none; border:none; background-color:var(--color-theme-d);}

.info-list {margin-bottom:var(--def-margin)!important;}
.info-list .wrap {border-bottom:1px solid var(--border-color-a);}
.info-list .wrap h3.title {margin:0; padding:3px 0; font-weight:var(--font-weight-bold); line-height:24px;}
.info-list .wrap h3.title a {position:relative; display:block; padding:15px 40px 15px 35px; text-decoration:none!important;}
.info-list .wrap h3.title a strong {position:absolute; inset:15px auto auto 0; display:block; width:30px; font-size:24px; line-height:24px; font-family:var(--font-b);}
.info-list .wrap h3.title a .more {position:absolute; inset:20px 10px auto auto; display:block; width:20px; height:20px; text-indent:-9999px;}
.info-list .wrap h3.title a .more::before,
.info-list .wrap h3.title a .more::after {position:absolute; display:block; content:''; background:#000; transition:all 0.3s ease;}
.info-list .wrap h3.title a .more::before {inset:50% 0 auto 0; height:2px; transform:translateY(-50%);}
.info-list .wrap h3.title a .more::after {inset:0 auto 0 50%; width:2px; transform:translateX(-50%);}
.info-list .wrap h3.title a.active .more::after {inset:50% auto 50% 50%;}
.info-list .info {display:none;}
.info-list .info .details {padding:10px 0 10px 37px;}

.layout-section.theme-e .info-list .wrap {border-bottom:1px solid var(--border-color-b);}
.layout-section.theme-e .info-list .wrap h3.title a .more::before,
.layout-section.theme-e .info-list .wrap h3.title a .more::after {background:#FFF;}

/* ----- Header & Nav ----- */

#header {z-index:3000; position:fixed; inset:0 0 auto 0; min-width:var(--content-width-min); padding:15px 0; color:var(--color-theme-e); box-shadow:0 3px 5px rgba(0,0,0,0.15); background:var(--color-theme-a); transition:all 0.3s ease;}
#header.active {padding:5px 0;}
.logged-in #header {top:var(--wpadminbar-height);}

#header a {color:var(--color-theme-e);}

#header .wrapper {display:flex; align-items:center;}

#header .main-logo {display:block;}
#header .main-logo img {width:auto; height:85px; transition:height 0.3s ease;}
#header.active .main-logo img {height:55px;}

#header .wrap {display:flex; align-items:center; margin-left:auto;}

#main-nav .menu li {font-family:var(--font-b);font-variant-ligatures:none;}
#main-nav .menu li a {display:inline-block; height:100%; color:var(--color-theme-e); box-sizing:border-box;}
#main-nav .menu li:last-child a {padding:18px 25px; border:1px solid var(--color-theme-d); background:var(--color-theme-d); transition:all 0.3s ease;}
#main-nav .menu li:last-child a:hover,
#main-nav .menu li:last-child a:active,
#main-nav .menu li:last-child a:focus {color:var(--color-theme-d); background:var(--color-theme-e);}

#main-nav .menu li a:hover,
#main-nav .menu li a:active,
#main-nav .menu li a:focus,
#main-nav .menu li.current-menu-item > a,
#main-nav .menu li.current-menu-parent > a,
#main-nav .menu li.current-post-ancestor > a {color:var(--color-theme-g);}

/* ----- Banner ----- */

#banner {position:relative; min-height:650px; color:var(--color-theme-a); overflow:hidden;}
#banner::before {z-index:1; position:absolute; inset:0; content:''; background:rgba(0,74,108,0.1);}

#banner .slides-wrap {z-index:0; position:absolute; inset:0; min-height:inherit; height:100%;}
#banner .slides-list {min-height:inherit; height:100%;}
#banner .slides-list .slide {background:center center no-repeat; background-size:cover; }

#banner .wrapper {z-index:2; position:relative; display:flex; align-items:center; min-height:inherit;}
#banner .details {width:100%; padding:calc(var(--header-height) + 50px) 0 30px 0; text-align:center;}
#banner .details .logo {width:500px; max-width:100%; margin:0 auto var(--def-margin) auto;}
#banner .details h1 {color:#fff;font-family:var(--font-a); font-size: 50px;font-weight:var(--font-weight-bold);text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); }


.front-page #banner {min-height:100vh;}
.logged-in.front-page #banner {min-height:calc(100vh - var(--wpadminbar-height));}

/* ----- Main ----- */

#main {flex:1 0 auto; max-width:100vw; color:var(--body-font-color); background:var(--body-bg-color);}
.error404 #main {padding-top:calc(var(--header-height));}

#main a {color:var(--color-theme-b);}
#main a:hover,
#main a:active,
#main a:focus {color:var(--color-theme-g);}

#main .layout-section {position:relative; padding-top:var(--lyt-bl-pad-top); padding-bottom:var(--lyt-bl-pad-bot);}
#main .layout-section.theme-a {background-color:var(--color-theme-a);}
#main .layout-section.theme-d {background-color:var(--color-theme-d);}
#main .layout-section.theme-e {color:var(--color-theme-a); background-color:var(--color-theme-e);}
#main .layout-section.theme-e a:not(:hover):not(:active):not(:focus) {color:var(--color-theme-a);}
#main .layout-section.theme-e h1, 
#main .layout-section.theme-e h1, 
#main .layout-section.theme-e h2, 
#main .layout-section.theme-e h3,
#main .layout-section.theme-e blockquote {color:var(--color-theme-d);}

#main .layout-section.theme-d p,
#main .layout-section.theme-d h1, 
#main .layout-section.theme-d h1, 
#main .layout-section.theme-d h2, 
#main .layout-section.theme-d h3,
#main .layout-section.theme-d blockquote {color:#ffffff;}

#main .layout-section.has-bg {background-position:center bottom; background-repeat:no-repeat; background-size:cover;}

#main .layout-section.theme-a:not(.has-bg) + .layout-section.theme-a:not(.has-bg),
#main .layout-section.theme-b:not(.has-bg) + .layout-section.theme-b:not(.has-bg),
#main .layout-section.theme-c:not(.has-bg) + .layout-section.theme-c:not(.has-bg) {padding-top:0;}

#main .layout-section .intro {max-width:100%; padding-bottom:40px;}
#main .layout-section .outro {max-width:100%;}
#main .layout-section .intro.layout-b.align-b,
#main .layout-section .outro.layout-b.align-b {margin:0 auto;}
#main .layout-section .intro.layout-b.align-c,
#main .layout-section .outro.layout-b.align-c {margin-left:auto;}

#main .layout-section .section-header {display:flex; align-items:flex-end; margin:0 0 40px 0;}
#main .layout-section .section-header h2 {margin:0; font-size:var(--h1-font-size); color:var(--color-theme-d);}
#main .layout-section .section-header .slick-controls {margin:0 0 10px auto;}
#main .layout-section .section-header .button {margin-left:auto;}
#main .layout-section .section-links {display:none;}

#main .layout-section .cols-wrap.cols-type-b {align-items:center;}
#main .layout-section .cols-wrap.cols-type-c {align-items:end;}
#main .layout-section .cols-wrap.cols-2.cols-layout-b {grid-template-columns:2fr 4fr;}
#main .layout-section .cols-wrap.cols-2.cols-layout-c {grid-template-columns:4fr 2fr;}
#main .layout-section .cols-1.layout-b > .col-1 {margin:0 auto;}

#main .layout-section .section-wrap {margin-bottom:var(--def-margin); padding:50px 50px 30px 50px;}
#main .layout-section .section-wrap.theme-d {background-color:var(--color-theme-d);}
#main .layout-section .section-wrap.theme-e {color:var(--color-theme-a); background-color:var(--color-theme-e);}
#main .layout-section .section-wrap.theme-e a:not(:hover):not(:active):not(:focus) {color:var(--color-theme-a);}
#main .layout-section .section-wrap.theme-e h1, 
#main .layout-section .section-wrap.theme-e h1, 
#main .layout-section .section-wrap.theme-e h2, 
#main .layout-section .section-wrap.theme-e h3,
#main .layout-section .section-wrap.theme-e blockquote {color:var(--color-theme-d);}

#main .accordion-section .info-list {width:720px; max-width:100%; margin:0 auto;}

#main .content-section .intro {padding-bottom:var(--def-margin);}
#main .content-section .icons-list {padding-bottom:10px;}
#main .content-section .icons-list li {display:flex; flex-flow:wrap; margin-bottom:10px; padding-bottom:10px; line-height:var(--def-line-height); border-bottom:1px solid var(--border-color-a);}
#main .content-section .icons-list li .icon {width:25px;}
#main .content-section .icons-list li h4 {width:calc(100% - 40px); margin-left:auto; font-weight:var(--font-weight-normal);}
#main .content-section .outro {padding-top:var(--def-margin); padding-bottom:var(--def-margin);}

#main .gallery-section {overflow:hidden;}
#main .gallery-section .slides-wrap {margin:0 auto;width:100%;}
#main .gallery-list .image .wrap {display:block; margin:0 10px;position: relative}
#main .gallery-list .image .wrap img {width:100%;}

#main .instagram-section .feed-wrap {margin-bottom:var(--def-margin);}

#main .jumps-section .intro {padding-bottom:var(--def-margin);}
#main .jumps-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; margin-bottom:var(--def-margin);}
#main .jumps-list .jump .wrap {display:flex; align-items:center; min-height:500px; padding:20px; text-align:center; background:var(--color-theme-d); box-sizing:border-box;}
#main .jumps-list .jump .wrap:hover {background:var(--color-theme-e);}
#main .jumps-list .jump .wrap h2 {width:100%; margin:0; padding-top:90px; font-size:80px; background:url('../images/icon-bhb-e.svg') center top no-repeat; background-size:auto 75px;}
#main .jumps-list .jump .wrap:hover h2 {color:var(--color-theme-d); background-image:url('../images/icon-bhb-d.svg');}

#main .slides-section {overflow:hidden;}
#main .slides-section .slides-wrap {margin:0 -10px var(--def-margin) -10px;}
#main .slides-list .slide .wrap {display:block; height:100%; margin:0 10px; color:#FFF; background:var(--color-theme-e);}
#main .slides-list .slide a.wrap:hover {background:#244f37;}
#main .slides-list .slide .wrap .image {overflow:hidden;}
#main .slides-list .slide .wrap .image img {width:100%; transition:transform 0.5s ease;}
#main .slides-list .slide a.wrap:hover .image img {transform:scale(1.05);}
#main .slides-list .slide .wrap .details {padding:30px;}
#main .slides-list .slide .wrap .details h2,
#main .slides-list .slide .wrap .details h3 {margin:0; font-size:24px; color:#FFF;}
#main .slides-list .slide .wrap .details h3 {color:var(--color-theme-d);}
#main .slides-list .slide .wrap .details .text {padding-top:20px;}
#main .slides-list .slide .wrap .details .text p:last-child {margin-bottom:0;}

#main .text-image-section {padding-bottom:40px; overflow:hidden;}
#main .text-image-section .rows .row {padding-bottom:40px;}
#main .text-image-section .rows .row .cols-wrap {grid-template-columns:380px minmax(0, 1fr); column-gap:50px; align-items:center;}
#main .text-image-section .rows.layout-a .row:nth-child(even) .cols-wrap,
#main .text-image-section .rows.layout-b .row:nth-child(odd) .cols-wrap {grid-template-columns:minmax(0, 1fr) 380px;} 
#main .text-image-section .rows.layout-a .row:nth-child(even) .col-1,
#main .text-image-section .rows.layout-b .row:nth-child(odd) .col-1 {order:1;}
#main .text-image-section .rows .row .col-2 .image {width:1220px; margin-bottom:var(--def-margin);}
#main .text-image-section .rows.layout-a .row:nth-child(even) .col-2 .image,
#main .text-image-section .rows.layout-b .row:nth-child(odd) .col-2 .image {margin-left:-430px;}

/* ----- Footer ----- */

#footer {color:var(--color-theme-b); font-size:14px; line-height:var(--def-line-height); background:var(--color-theme-a);}
#footer h3 {font-size:20px;}
#footer a {color:var(--color-theme-b);}
#footer a:hover,
#footer a:active,
#footer a:focus {color:var(--color-theme-g);}

#footer .section {padding:50px 0;}

#footer .head .col-1 {display:flex; flex-direction:column;}

#footer .main-logo {display:inline-block; height:85px; margin-bottom:40px;}
#footer .main-logo img {width:auto; height:100%;}

#footer .social-links {margin-top:auto;justify-content: center;}

#footer .head nav ul li a br {display:none;}

#footer address {display:block; margin-bottom:var(--def-margin);}

#footer .links {margin-top:20px;}

#footer .foot nav ul {display:flex; flex-wrap:wrap; align-items:center;}
#footer .foot nav ul li {display:flex; align-items:center; margin:0 30px 0 0;}
#footer .foot nav ul li a {display:block;}

#footer .foot .credit {text-align:right;}



#gamecontainer {position: relative; width: 100%; max-width: 1180px; aspect-ratio: 4/3; margin: 0 auto; border-radius: 24px; overflow: hidden;}
#gamecontainer .game {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}


.blue {color: #1BB7FF}
.yellow {color: #FFD166}