/* FONTS */

@font-face {
  font-family: 'Acumin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Acumin-Regular.ttf') format('ttf');
}

@font-face {
  font-family: 'Acumin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Acumin-Bold.ttf') format('ttf');
}

@font-face {
  font-family: 'Hanson';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Hanson-Bold.ttf') format('ttf');
}

/* HTML */

html { position:relative; overflow-x: hidden; width: 100vw; }

body {
font-family: 'Acumin', sans-serif;
font-weight: 400;
font-style: normal;
overflow-x:hidden!important;
max-width: 100vw !important;
width: 100vw;
padding: 0!important;
margin:0!important;
background-color: #fff;
font-size:15px;
line-height: 1.7;
}

h1 {
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-style: normal;
font-size:45px;
margin: 0;
text-transform: uppercase;
line-height: 1.15;
letter-spacing: 1px;
}

h2 {
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-style: normal;
font-size:33px;
margin: 0;
line-height: 1.25;
text-transform: uppercase;
}

h3 {
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-style: normal;
font-size:25px;
margin: 0;
line-height: 1.5;
text-transform: uppercase;
}

h4 {
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: 18px;
line-height: 1.5;
letter-spacing: 1px;
}

h5 {
font-weight: 600;
font-style: normal;
font-size: 15px;
margin: 0;
line-height: 1.4;
text-transform: uppercase;
}

h6 {
font-weight: 600;
font-style: normal;
font-size: 13px;
margin: 0;
line-height: 1.4;
text-transform: uppercase;
}

p {
font-size:16.5px;
line-height: 1.65;
}

p.small { font-size: 13px !important; }

@media(max-width: 575.98px) {
    h1 { font-size:40px; line-height: 1.3; }
    h2 { font-size:30px; line-height: 1.3; }
    h2 { font-size:22px; line-height: 1.4; }
}

a { color: #f97d39; text-decoration: none; font-weight: 400; }

a:hover {
text-decoration:none;
color:#000
}

p strong { font-weight: 600; }

p ion-icon { vertical-align: -4px; }

::-moz-selection { background-color: #ed91f2; color:#fff }
::selection { background-color: #ed91f2; color:#fff }

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #bbb;
margin: 1em 0;
padding: 0;
}

/* COLORS */

.text-green { color:#34d336!important }
.bg-green { background-color:#34d336!important; border-color:#34d336!important }
.bg-lightgreen { background-color:#EAFAEA!important; border-color:#EAFAEA!important }

.text-orange { color:#f97d39!important }
.bg-orange { background-color:#f97d39!important; border-color:#f97d39!important }
.bg-lightorange { background-color:#FEF2EB!important; border-color:#FEF2EB!important }

.text-red { color:#e42521!important }
.bg-red { background-color:#e42521!important; border-color:#e42521!important }
.bg-lightred { background-color:#FCE9E8!important; border-color:#FCE9E8!important }

.text-blue { color:#136bd9!important }
.bg-blue { background-color:#136bd9!important; border-color:#136bd9!important }
.bg-lightblue { background-color:#E7F0FB!important; border-color:#E7F0FB!important }

.text-pink { color:#ed91f2!important }
.bg-pink { background-color:#ed91f2!important; border-color:#ed91f2!important }
.bg-lightpink { background-color:#FDF4FD!important; border-color:#FDF4FD!important }

.text-yellow { color:#cdfe51!important }
.bg-yellow { background-color:#cdfe51!important; border-color:#cdfe51!important }
.bg-lightyellow { background-color:#FAFEED!important; border-color:#FAFEED!important }

.text-white { color:#fff!important }
.white-faded { color: rgba(255,255,255,.6) !important }
.text-black { color:#000!important }
.bg-white { background-color:#fff!important}
.text-darkgray { color:#383B42!important }
.bg-darkgray { background-color:#383B42!important; border-color:#383B42!important }
.text-semigray { color:#657786!important }
.bg-semigray { background-color:#657786!important; border-color:#657786!important }
.text-mediumgray { color:#AAB8C2!important }
.bg-mediumgray { background-color:#AAB8C2!important; border-color:#AAB8C2!important }
.text-lightgray { color:#E6ECF0!important }
.bg-lightgray { background-color:#F8f8f8!important; border-color:#F1F1F1!important }
.bg-facebook { background-color: #3b5998 !important; }
.bg-instagram { background: -o-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  }

.bg-danger { background-color: #ba1b1b!important; }
.text-danger { color: #ba1b1b!important; }

/* GENERAL */

.b0 { border: none !important; }

.clear {
display:block !important;
clear:both !important
}

.bg-image {
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
}

.bg-logo {
background-image: url('../img/background-text.png');
background-repeat: repeat-y;
background-size: 2000px auto;
}

.bg-yellow.bg-logo { background-image: url('../img/background-text-darker.png'); }

.bg-shapes {
background-image: url('../img/background.png');
background-repeat: no-repeat;
background-size: cover;
}

.breadcrumb .breadcrumb-item { font-size: 16px; }

.breadcrumb .breadcrumb-item a {
text-decoration: underline;
color: #fff;
}

.breadcrumb .breadcrumb-item.active { color: rgba(255,255,255,.8) }

.breadcrumb-item+.breadcrumb-item::before {
padding: 0 10px 0 5px;
color: #fff
}

.horizontal-item {
position: relative;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.horizontal-item img {
height: 100%;
width: 100%;
display: block;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
border-radius: 0 0 35px 0;
}

.news-item {
position: relative;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.news-item img {
width: 100%;
aspect-ratio: 1/1;
display: block;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
margin-bottom: 30px;
border-radius: 0 0 60px 0;
}

.news-item p { color: #000 }

.calendar-item {
position: relative;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-radius: 0 0 45px 0;
}

.calendar-item img {
height: 100%;
width: 100%;
display: block;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
border-radius: 0 0 45px 0;
}

.calendar-item p,
.calendar-item a { color:#000 }

.association-item {
position: relative;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-radius: 0 0 45px 0;
}

.association-item img {
height: 100%;
width: 100%;
display: block;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
border-radius: 0 0 45px 0;
}

.association-item p,
.association-item a { color:#000 }

.online-item {
position: relative;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-radius: 0 0 45px 0 !important;
}

@media(min-width: 992px) {
    .news-item:hover,
    .horizontal-item:hover,
    .calendar-item:hover,
    .online-item:hover,
    .association-item:hover {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    }
}

@media(max-width: 575.98px) {
    .news-item,
    .horizontal-item,
    .calendar-item,
    .online-item,
    .association-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
    }
}

section {
z-index: 100;
position: relative;
}

section .container {
position: relative;
z-index: 15;
}

.no-bg { background-color: transparent !important; }

.border { border-color: #eee !important }

.no-shadow {
-webkit-box-shadow: none !important;
box-shadow: none !important
}

.mt-n2 { margin-top: -20px; }
.mt-n3 { margin-top: -30px; }
.mt-n4 { margin-top: -40px; }
.mt-n5 { margin-top: -50px; }
.mt-n6 { margin-top: -60px; }

.mb-n2 { margin-bottom: -20px; }
.mb-n3 { margin-bottom: -30px; }
.mb-n4 { margin-bottom: -40px; }
.mb-n5 { margin-bottom: -50px; }
.mb-n6 { margin-bottom: -60px; }

.bb-0 { border-bottom: none !important; }
.bt-0 { border-top: none !important; }

input.form-control:not([type='checkbox']):not([type='radio']) {
width:100%;
display:block;
border:1px solid #ddd;
background-color:#fff;
padding:8px 10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.input-group>input.form-control:not([type='checkbox']):not([type='radio']) { width: 1% !important; }

select.form-select {
width:100%;
display:block;
border:1px solid #ddd;
background-color:#fff;
padding:8px 10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

textarea.form-control {
width:100%;
display:block;
border:1px solid #ddd;
background-color: #fff;
padding:10px 15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:160px;
font-size:16px;
line-height: 1.6;
}

input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline:  none !important;
}

.form-check-input {
margin-right: 8px;
vertical-align: -1.5px;
}

.form-check-input:checked {
background-color: #ed91f2;
border-color: #ed91f2;
}

.form-check-input[type=checkbox] { border-radius: 3px !important; }

input.form-control:not([type='checkbox']):not([type='radio']):focus,
select.form-select:focus,
textarea.form-control:focus { border-color:#ed91f2 !important; }

.input-group input:not([type='checkbox']):not([type='radio']) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}

.input-group-text {
background-color: #AAB8C2;
color: #fff;
border: 0;
padding:8px 15px !important;
}

.check-label {
display: inline-block;
margin: 0 10px 15px 0;
cursor: pointer;
position: relative;
}

.check-label div {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
line-height: 25px;
-webkit-transition: .1s ease;
-o-transition: .1s ease;
transition: .1s ease;
padding: 4px 12px;
font-weight: 400;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ed91f2;
background-color: #fff;
}

.check-label input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}

.check-label input[type=checkbox]:checked ~ div {
background-color: #ed91f2;
color: #fff;
}

.border-transparent { border-color: transparent !important; }

.badge {
line-height: 25px;
-webkit-transition: .1s ease;
-o-transition: .1s ease;
transition: .1s ease;
padding: 4px 12px;
font-weight: 400;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ed91f2;
background-color: #fff;
color: #ed91f2;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.badge:hover {
background-color: #ed91f2;
color: #fff;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.tags a {
display: inline-block;
margin: 0 12px 15px 0;
}

h3 ion-icon {
margin-right: 13px;
color: #383B42;
font-size: 25px;
display: inline-block;
vertical-align: -4px;
}

img.icon {
height: auto;
width: 20px;
display: inline-block;
}

.modal { padding-right: 0px !important; z-index: 99995 !important; }

.modal-content {
border-radius: 0 0 75px 0;
border: none;
}

.modal .btn-close {
position: absolute;
right: -40px;
top: -40px;
opacity: 1;
font-size: 20px;
}

#search-modal .form-control { padding:11px 10px !important;  }

#search-modal .modal-body { padding: 50px 90px 50px 50px; }

@media(max-width: 767.98px) {
    #search-modal .modal-body { padding: 40px 70px 40px 40px; }
}

@media(max-width: 575.98px) {
    .modal-content { border-radius: 0 0 50px 0; }
    #search-modal .modal-body { padding: 40px; }
    .modal .btn-close {
    right: 0px;
    top: -40px;
    }
}

@media(max-width: 400px) {
    #search-modal .modal-body { padding: 30px; }
}

.p-relative { position: relative !important; }
.p-absolute { position: absolute !important; }

.ts-rounded { border-radius: 100px 0 0 0;}
.te-rounded { border-radius: 0 100px 0 0; }
.bs-rounded { border-radius: 0 0 0 100px; }
.be-rounded { border-radius: 0 0 100px 0; }

@media(max-width: 767.98px) {
    .ts-rounded { border-radius: 75px 0 0 0;}
    .te-rounded { border-radius: 0 75px 0 0; }
    .bs-rounded { border-radius: 0 0 0 75px; }
    .be-rounded { border-radius: 0 0 75px 0; }
}


@media(max-width: 575.98px) {
    .ts-rounded { border-radius: 50px 0 0 0;}
    .te-rounded { border-radius: 0 50px 0 0; }
    .bs-rounded { border-radius: 0 0 0 50px; }
    .be-rounded { border-radius: 0 0 50px 0; }
}

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

@media(max-width: 991.98px) {
   a.anchor { top: -100px; } 
}

.container-fluid { padding-left: 100px; padding-right: 100px; }

@media(max-width: 1500px) {
    .container-fluid { padding-left: 75px; padding-right: 75px; }
}

@media(max-width: 1399.98px) {
    .container-fluid { padding-left: 40px; padding-right: 40px; }
}

@media(max-width: 767.98px) {
    .container-fluid { padding-left: 30px; padding-right: 30px; }
}

@media(max-width: 575.98px) {
    .container-fluid { padding-left: 20px; padding-right: 20px; }
}

@media(max-width: 450px) {
    .container-fluid { padding-left: 15px; padding-right: 15px; }
}

/* BUTTONS */

.btn {
display:inline-block;
border-radius: 40px;
padding: 12px 30px 10px 30px !important;
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-size:15px;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase;
white-space: normal;
border: 2px solid;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.btn:active, 
button:active,
.btn:focus, 
button:focus,
.btn:hover, 
button:hover,
a:focus,
a:active,
button:focus,
button:active,
input:focus {
outline:none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.btn-primary,
.btn-green {
background-color:#34d336;
border-color:#34d336;
color:#fff;
}

.btn-outline-primary,
.btn-outline-green {
background-color:transparent;
border-color:#34d336;
color:#34d336;
}

.btn-primary:hover,
.btn-green:hover,
.btn-outline-primary:hover,
.btn-outline-green:hover {
background-color:#2EBD30;
border-color:#2EBD30;
color:#fff;
}

.btn-orange {
background-color:#f97d39;
border-color:#f97d39;
color:#fff;
}

.btn-outline-orange {
background-color:transparent;
border-color:#f97d39;
color:#f97d39;
}

.btn-orange:hover,
.btn-outline-orange:hover {
background-color:#E07033;
border-color:#E07033;
color:#fff;
}

.btn-red {
background-color:#e42521;
border-color:#e42521;
color:#fff;
}

.btn-outline-red {
background-color:transparent;
border-color:#e42521;
color:#e42521;
}

.btn-red:hover,
.btn-outline-red:hover {
background-color:#CD211D;
border-color:#CD211D;
color:#fff;
}

.btn-blue {
background-color:#136bd9;
border-color:#136bd9;
color:#fff;
}

.btn-outline-blue {
background-color:transparent;
border-color:#136bd9;
color:#136bd9;
}

.btn-blue:hover,
.btn-outline-blue:hover {
background-color:#1160C3;
border-color:#1160C3;
color:#fff;
}

.btn-pink {
background-color:#ed91f2;
border-color:#ed91f2;
color:#fff;
}

.btn-outline-pink {
background-color:transparent;
border-color:#ed91f2;
color:#ed91f2;
}

.btn-pink:hover,
.btn-outline-pink:hover {
background-color:#D582D9;
border-color:#D582D9;
color:#fff;
}

.btn-yellow {
background-color:#cdfe51;
border-color:#cdfe51;
color:#000;
}

.btn-outline-yellow {
background-color:transparent;
border-color:#cdfe51;
color:#000;
}

.btn-yellow:hover,
.btn-outline-yellow:hover {
background-color:#B8E448;
border-color:#B8E448;
color:#000;
}

.btn-white {
background-color: #fff;
border-color: #fff;
color: #000;
}

.btn-outline-white {
background-color: transparent;
border-color: #fff;
color: #fff;
}

.btn-white:hover,
.btn-outline-white:hover {
background-color: #eee;
border-color: #eee;
color: #000;
}

.btn-black {
background-color: #000;
border-color: #000;
color: #fff;
}

.btn-outline-black {
background-color: transparent;
border-color: #000;
color: #000;
}

.btn-black:hover,
.btn-outline-black:hover {
background-color: #888;
border-color: #888;
color: #fff;
}

.btn ion-icon {
vertical-align: -4px;
font-size: 19px;
}

/* NAVBAR */

.navbar {
padding:20px 0;
z-index:999;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
background-color: #000;
}

.navbar.scroll { padding: 10px 0; }

.navbar .container { position: relative; }

.nav-spacer { height: 115px; }

.navbar-nav .nav-item {
margin: 0 0 0 35px;
position: relative;
}

.navbar-nav .nav-item .nav-link {
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-size:14.5px;
text-transform: uppercase;
color:#fff;
letter-spacing: 1px;
padding: 10px 0;
}

.navbar-nav a { line-height:22px }

.navbar-nav .nav-item:not(.dropdown) .nav-link.active { color: #ed91f2 }
.navbar-nav .nav-item:not(.dropdown) .nav-link.active::before,
.navbar-nav .nav-item:not(.dropdown) .nav-link:hover::before {
position: absolute;
content: "";
height: 3px;
background-color: #ed91f2;
left: 0;
right: 0;
bottom: 5px;
}

.navbar-nav .nav-item .btn {
margin-top: -3px;
padding: 10px 25px 9px 25px !important;
}

.lang-nav {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.lang-nav li { margin: 0 0 0 15px }

.lang-nav a  {
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-size:14.5px;
text-transform: uppercase;
color:#fff;
letter-spacing: 1px;
padding: 10px 0;
}

.nav-search span {
font-size: 27px;
color: #fff;
vertical-align: middle;
cursor: pointer;
}

.navbar-brand img {
height: 65px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.dropdown-toggle::after {
display: inline-block;
margin-left: 5px;
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.navbar .dropdown-menu {
border: none;
-webkit-box-shadow:0 30px 40px -20px rgba(0,0,0,0.1);
box-shadow:0 30px 40px -20px rgba(0,0,0,0.1);
-moz-box-shadow:0 30px 40px -20px rgba(0,0,0,0.1);
border-radius: 0;
top: 42px;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
padding: 20px 25px 20px 25px;
}

.navbar .dropdown-menu:after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #ffffff;
border-top: 0;
margin-top: -8px;
margin-left: -14px;
}

.dropdown-menu .dropdown-menu li { margin: 10px 0 !important; }

.dropdown-menu .dropdown-item {
font-family: 'Hanson', sans-serif;
font-weight: 600;
font-size:15px;
text-transform: uppercase;
color:#000;
letter-spacing: 1px;
padding: 5px 0;
}

.dropdown-menu .dropdown-item:hover {
color: #f97d39 !important;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.dropdown-menu .dropdown-item:visited,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover { background-color: transparent !important }

.navbar-toggler {
width:50px;
height:50px;
position:relative;
border-radius: 50%;
padding: 8px;
background-color: #f97d39;
text-align: center;
}

.navbar-toggler .icon {
width:28px;
height:24px;
position:relative;
margin:0 auto;
padding:0;
}

.navbar-toggler .line {
position:absolute;
left:0;
top:0;
height: 3px;
width: 100%;
background: #fff;
-webkit-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .3s;
-o-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .3s;
transition:all cubic-bezier(0.26,0.1,0.27,1.55) .3s
}

.navbar-toggler .top { top:14% }

.navbar-toggler .middle { top:48%; }

.navbar-toggler .bottom { top: 80%; }

.navbar-toggler .icon.close .top {
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
top:48%
}

.navbar-toggler .icon.close .middle,.navbar-toggler .icon.close .bottom {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
top:48%;
width: 100%;
}

.header-button { margin-right: -10px; }

.mobile-menu {
position: fixed;
right: 0;
top: 80px;
bottom: 0;
width: 100vw;
height: calc(100vh - 80px);
background-color: #000;
z-index: 980;
overflow: hidden !important;
display: none;
}

.mobile-menu .inner {
overflow-y: auto;
padding: 50px 50px;
height: calc(100vh - 80px - 80px);
}

.mobile-menu .bottom {
background-color: #ed91f2;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: auto;
text-align: center;
padding: 25px 100px;
font-size: 18px;
font-weight: 900;
color: #fff;
}

.mobile-menu .bottom a {
color: #fff;
font-weight: 900;
text-decoration: none;
border-bottom: 3px solid #fff;
}

.mobile-menu .navbar-nav {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-webkit-column-gap: 60px;
   -moz-column-gap: 60px;
        column-gap: 60px;
}

.mobile-menu .navbar-nav 

.body-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #F1F1F1;
opacity: .8;
z-index: 900;
display: none;
}

@media(max-width: 1450px) {
    .navbar-nav .nav-item { margin: 0 0 0 23px; }
    .navbar-nav .nav-item .nav-link { font-size:14px; }
    .navbar-brand img { height: 52px; }
    .navbar-nav .nav-item .btn {
    margin-top: -3px;
    padding: 10px 20px 9px 20px !important;
    }
}

@media(min-width: 1200px) {
    .dropdown-menu li:hover .sub-menu { visibility:visible }
    .dropdown:hover .dropdown-menu { display:block }
    .mobile-menu, .body-overlay { display: none !important; }
    .dropdown:hover .dropdown-toggle::after {
    -webkit-transform: rotate(180deg) scale(1.3);
        -ms-transform: rotate(180deg) scale(1.3);
            transform: rotate(180deg) scale(1.3);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    }
}

@media(max-width: 1199.98px) {
    .nav-spacer { height: 80px; display: block !important; }
    .navbar,
    .navbar.scroll {
    z-index: 1030;
    padding:15px 0;
    height: auto;
    }
    .navbar-brand img { height: 55px; }
    .navbar-nav {
    margin-left:0px;
    padding-left: 0;
    margin-top:0px;
    }
    .navbar-nav .nav-item {
    margin: 0 auto 10px auto !important;
    display: inline-block;
    width: auto;
    text-align: center;
    }
    .navbar-nav .nav-item .nav-link {
    color: #fff;
    display: inline-block;
    font-size:16.5px;
    }
    .navbar-nav .nav-item .btn { margin-top: 15px; }
    .navbar-nav .dropdown-menu { 
    position: relative !important;
    background-color: transparent;
    top: auto;
    left: auto;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 15px 0 9px 0 !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    text-align: center;
    inset: none !important;
    padding: 7px 35px !important;
    border-top: 1px solid rgba(255,255,255,.2) !important;
    border-bottom: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 0;
    }
    .dropdown-menu .dropdown-item {
    margin: 10px 0px !important;
    display: block;
    color: #fff;
    }
    .dropdown-toggle.show::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    }
    .top-nav { display: none; }
    .navbar-toggler-div { margin-right: -15px }
}

@media(max-width: 767.98px) {
    .navbar-brand { left: 15px; }
    .mobile-menu .bottom { padding: 25px 65px; }
}

@media(max-width: 575.98px) {
    .navbar-brand { left: 10px; }
    .navbar-toggler-div { margin-right: -10px }
    .mobile-menu .bottom { padding: 25px 25px; }
    .navbar-nav .nav-item .nav-link,
    .navbar-nav .dropdown-item { font-size:15.5px; }
    .navbar-nav .nav-item { margin: 0 auto 7px auto !important; }
}

@media(max-width: 450px) {
    .mobile-menu .inner { padding: 35px 35px; }
}

@media(max-width: 350px) {
    .mobile-menu .inner { padding: 45px 25px; }
    .mobile-menu .btn { padding: 15px 15px !important; }
}

/* HOME PAGE */

.home-intro  {
position: relative;
padding: 100px 0;
color: #fff;
height: auto;
z-index: 5;
}

.home-intro::before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
width: 80vw;
background-color: #34d336;
background-image: url('../img/background-text.png');
background-repeat: repeat-y;
background-size: 2000px auto;
z-index: -1;
}

.home-intro .container-fluid { position: relative; }

.home-title img {
width: 310px;
height: auto;
display: block;
}

.intro-gallery {
position: absolute !important;
right: 5vw;
top: 200px;
width: 50%;
z-index: 20;
}

.intro-gallery img {
width: calc(50% - 15px);
display: block;
height: auto;
margin-bottom: 17px;
}

.intro-gallery::after {
position: absolute;
content: "";
width: 200px;
height: 200px;
top: -50px;
right: -50px;
z-index: -1;
background-image: url(../img/logo/vorm/WEL_JONG_LOGO_TRANSPARANT_VORM_ROZE_2.png);
background-size: contain;
background-repeat: no-repeat;
}

.home-news .news-header {
padding: 70px 0 140px 0;
position: relative;
z-index: 1;
}

.home-news .news-container {
position: relative;
z-index: 5;
margin-top: -90px;
}

@media(max-width: 1600px) {
    .home-intro  { padding: 80px 0; }
    .intro-gallery { width: 55%; }
}

@media(max-width: 1300px) {
    .home-intro  { padding: 60px 0; }
    .intro-gallery { top: 190px; }
}

@media(max-width: 1199.98px) {
    .home-intro  { padding: 40px 50px 130px 50px; }
    .intro-gallery {
    position: relative !important;
    top: auto;
    right: auto;
    display: block;
    margin: -100px auto 0 auto;
    width: 75%;
    }
    .home-intro-spacer { display: none; }
}

@media(max-width: 991.98px) {
    .home-intro::before { width: 85vw; }
    .intro-gallery { width: 80% }
}

@media(max-width: 767.98px) {
    .home-intro::before { width: 90vw; }
    .intro-gallery {
    margin: -100px auto 0 auto;
    width: 95%;
    }
}

@media(max-width: 575.98px) {
    .home-title img {
    width: 100%;
    max-width: 350px;
    min-width: 250px;
    } 
    .home-intro::before { width: 100vw; }
    .home-intro  { padding: 30px 30px 120px 30px; }
}

@media(max-width: 500px) {
    .home-intro  { padding: 30px 10px 120px 10px; }
    .home-news .news-header .btn span { display: none; }
}

/* PAGES GENERAL */

.page-intro {
padding: 80px 0 60px 0;
z-index: 1;
}

.page-intro.w-image {
padding: 80px 0 130px 0;
margin-bottom: -90px;
}

.page-img {
position: relative;
z-index: 10;
border-radius: 0 0 250px 0;
}

.text-col-2 {
-webkit-columns: 2;
   -moz-columns: 2;
        columns: 2;
-webkit-column-gap: 80px;
   -moz-column-gap: 80px;
        column-gap: 80px;
}

.text-col-3 {
-webkit-columns: 3;
   -moz-columns: 3;
        columns: 3;
-webkit-column-gap: 80px;
   -moz-column-gap: 80px;
        column-gap: 80px;
}

@media(max-width: 1199.98px) {
    .text-col-3 {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
    }  
    .page-intro { padding: 70px 0 60px 0; }
    .page-intro.w-image { padding: 70px 0 130px 0; }
}

@media(max-width: 991.98px) {
    .text-col-3,  
    .text-col-2 { -webkit-column-gap: 45px; -moz-column-gap: 45px; column-gap: 45px; }
}

@media(max-width: 767.98px) {
    .text-col-3,  
    .text-col-2 {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    }   
    .page-intro { padding: 65px 0 50px 0; }
    .page-intro.w-image {
    padding: 60px 0 115px 0;
    margin-bottom: -75px;
    }
}

.split-section { position: relative; }

.split-section .img-frame {
position: absolute;
z-index: 10;
right: 0;
bottom: 0;
top: -130px;
left: 55%;
width: 45%;
}

.split-section .img-frame .img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
border-radius: 0 0 150px 0;
position: relative;
}

.split-section .img-frame .shape {
position: absolute;
width: 200px;
height: 200px;
-o-object-fit: contain;
   object-fit: contain;
-o-object-position: center center;
   object-position: center center;
bottom: -50px;
right: -50px;
z-index: -1;
}

@media(max-width: 991.98px) {
    .split-section .img-frame {
    position: relative;
    right: auto;
    bottom: auto;
    top:  auto;
    left: auto;
    width: 100%;
    display: block;
    margin: 40px auto 0 auto;
    }   
    .split-section .img-frame .img {
    width: 100%;
    height: auto;
    min-height: 300px;
    }
}

.photo-right {
position: relative;
margin: 70px 0;
}

.photo-right .right-img {
position: absolute;
top: -50px;
right: 0;
bottom: -50px;
width: 22%;
}

@media(max-width: 991.98px) {
    .photo-right .right-img { display: none; }  
    .photo-right { margin:0 }
}

.img-gallery { margin-right: -15px; }

.img-gallery img {
width: calc(33.333% - 15px);
display: block;
height: auto;
margin-bottom: 17px;
}

.img-gallery.img-gallery-col-2 img {
width: calc(50% - 15px);
display: block;
height: auto;
margin-bottom: 17px;
}

.img-gallery::after {
position: absolute;
content: "";
width: 200px;
height: 200px;
bottom: -50px;
right: -50px;
z-index: -1;
background-image: url(../img/logo/vorm/WEL_JONG_LOGO_TRANSPARANT_VORM_ROZE_2.png);
background-size: contain;
background-repeat: no-repeat;
}

@media(max-width: 767.98px) {
    .img-gallery img { width: calc(50% - 15px); }
}

@media(max-width: 450px) {
    .img-gallery.img-gallery-col-2 img,
    .img-gallery img { width: 100%; }
    .img-gallery img[class$="-rounded"] { border-radius: 0 !important; }
    .img-gallery::after { bottom: -70px; }
}

.banner {
margin: 50px 0;
padding: 70px 0;
}

.banner .img-frame {
position: absolute;
left: 0;
right: 0;
top: -110px;
bottom: -110px;
width: 100%;
}

.banner .img-frame img {
position: relative;
width: 100%;
height: 100%;
-o-object-position: center center;
   object-position: center center;
-o-object-fit: cover;
   object-fit: cover;
}

@media(max-width: 991.98px) {
    .banner {
    padding: 50px 0;
    margin: 20px 0 150px 0;
    }
    .banner .img-frame {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    margin: 40px 0 -200px 0;
    }
    .banner .img-frame img { height: auto; }
}

.wysiwyg {
font-size:16.5px;
line-height: 1.65;
}

.wysiwyg p { margin-bottom:20px; }

.wysiwyg li {
font-size:16.5px;
line-height: 1.65;
margin-bottom: 10px;
position: relative;
}

.wysiwyg ul { margin-bottom: 25px }

.wysiwyg ol { margin-bottom: 25px }

.wysiwyg h4,
.wysiwyg h3,
.wysiwyg h2 { margin-bottom: 20px; }

.wysiwyg h2,
.wysiwyg h3 { padding-top: 5px; }

.wysiwyg p:last-child,
.wysiwyg li:last-child { margin-bottom: 0 }

.wysiwyg a:not(.btn):not(.button):not(.no-underline):not(.remove) {
color: #f97d39;
text-decoration: underline;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}

.wysiwyg img {
display: block;
max-width: 100%;
margin: 25px auto;
}

@media(max-width: 575.98px) {
    .wysiwyg,
    .wysiwyg p,
    .wysiwyg li {
    font-size: 16px;
    line-height: 1.5;
    }
}

/* FOOTER */

.footer {
width:100%;
height:auto;
position:relative;
padding: 50px 0 0 0;
position: relative;
color: #fff;
overflow: hidden;
}

.footer .container {
position: relative;
z-index: 5;
}

.footer p {
font-size: 14.5px;
line-height: 25px;
}

.footer p a {
text-decoration: underline;
color: #fff;
}

.footer .social a {
display: inline-block;
color: #fff;
margin-right: 10px;
}

.footer a ion-icon {
font-size: 25px; 
vertical-align: middle;
}

.footer-logo {
height: auto;
width: 100%;
max-width: 150px;
}

.footer .vlaanderen {
height: auto;
width: 100%;
max-width: 160px;
}

.footer .copy {
margin-top: 25px;
padding: 18px 0 15px 0;
color: #fff;
font-size: 13px;
line-height: 20px;
}

.footer .copy a {
color: #fff;
text-decoration: underline;
}

.footer .copy .flymedia {
text-decoration: none !important;
opacity: .8;
}

.footer .flymedia span {
font-size: 11px;
margin-right: 7px;
text-decoration: none;
}

.footer .flymedia img {
width:24px;
vertical-align: -4px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.footer .flymedia:hover {
opacity: 1;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

@media(max-width: 575.98px) {
    .footer-buttons .btn {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    }
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important;
}

.wysiwyg {
    position: relative;
}

.editTextBlock {
    position: absolute;
    top: 5px;
    right: 5px;
}

.contentWrapper {
    min-height: calc(100vh - 95px - 313px);
}