body {
    font-family: 'Source Sans Pro', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Baloo', cursive;
}

a {color: #009FE3;}
a:hover {color: #009FE3;}

::selection {background: #009FE3; color: #fff;}
::-moz-selection {background: #009FE3; color: #fff;}

.text-decoration-none {text-decoration: none !important;}
.pe-none {pointer-events: none;}
.pe-all {pointer-events: all;}

.btn:active, .btn.active, .btn.focus, .btn:focus, button:focus {-webkit-box-shadow: none; box-shadow: none; outline: none;}
.btn-primary {background: #009FE3; color: #fff; border: 0; border-radius: 0; transition: all 250ms; white-space: normal; position: relative;}
.btn-primary:hover {background: #007fb5;}

.btn-login::before {content: '\f023'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: inherit; margin-right: .625rem; display: inline-block;}
.mail a::before {content: '\f1d8'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: inherit; opacity: .75; margin-right: .625rem; display: inline-block; min-width: 1rem; text-align: center;}
.phone a::before {content: '\f10b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: inherit; opacity: .75; margin-right: .625rem; display: inline-block; min-width: 1rem; text-align: center;}

.text-blue {color: #009FE3;}
.text-orange {color: #EC6702;}

.bg-main {background: #009FE3;}
.bg-yellow {background: #FCC82C;}
.bg-red {background: #BF005C;}

.breadcrumbsBlock span {color: #009FE3;}

/* NAV */
.navbar-header {background: #4085ae;}
.navbar-default {background-color: #f4fbff; border: none;}
.navbar-default .navbar-toggle {border-color: transparent; border-radius: 0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #336a8a;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color: #f4fbff;}

/* SUBMENU */
.dropdown-item.active, .dropdown-item:active { background: #f08448; }
.dropdown-menu li a { white-space: normal; padding: 10px 20px; }
.dropdown-menu { border-radius: 0; }
.dropdown-submenu { position:relative; }
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin: 0 1rem;}

/* HEADER */
.logo-wrapper .logo {text-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}
.btn-search {background: #bf005c;}

.btn-search::after {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.btn-search.clicked::after {
    font-family: '\f002';
}

.searchContentWrapperOnsite {
    display: flex;
}

.btn-search-sm {
    background: #EC6702;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
    cursor: pointer;
    vertical-align: middle;
}

.btn-search-sm:hover {background: #bd5202;}
.btn-search-sm a {padding: 6px 12px;}

.btn-search-sm a::after {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    display: inline-block;
}

.form-control:focus {
    border-color: #fead70;
    box-shadow: 0 0 0 0.2rem rgba(236, 103, 2, .25)
}

/*SLIDER*/
.slideshow {position: relative; background: whitesmoke;}
.slideshow-overlay {position: absolute; top: 60px; right: 0; bottom: 0; left: 0; z-index: 2;}

.slide-home .slideshow-image, .slideshow-image {
    height: 540px; /* Must be in pixels!*/
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.slideshow-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 70%, rgba(0,0,0,1) 100%);
}

/* QUICK-MENU */
.quick-menu-button {
    color: #fff !important;
    width: 100%;
    text-align: center;
    padding: 2rem 1rem;
    position: relative;
    transition: all 250ms;
    display: flex;
    flex-flow: wrap;
    align-items: flex-end;
    justify-content: center;
}

.quick-menu-button:hover, .quick-menu-button:focus {text-decoration: none; color: #fff;}
.quick-menu-image {height: 116px; width: 100%;}

/*MAIN*/
.contentWrapper {margin: 0;}
.block-wrapper {flex: 1 1 0;}
.item-image {width: 100%; height: 100%; position: absolute; z-index: -1; top: 0;}
.item-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    background: linear-gradient( rgba(33, 37, 41, 0.22), rgba(33, 37, 41, 0.22));
}

/* NEWS */
.newsOS .newsOSContent {display: flex; flex-direction: column; text-align: left; justify-content: flex-start; align-items: stretch; height: 100%;}
.newsOS .newsTitle a {font-size: 22px; font-family: 'Baloo', cursive;}
.newsOS .newsTeaser {color: #4a4a4a;}
.newsOS .dateTitle .newsTitle {overflow: hidden; text-overflow: ellipsis;}
.newsOS .newsContentItem {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); background: #fff; width: 100%;}
.newsOS .newsTeaser, .newsOS .dateTitle, .newsOS div.readMore {padding: .5rem 1rem;}
.newsOS a.readMore {background-color: #84006D; color: #fff; border-radius: .25rem; padding: .375rem .75rem; display: inline-block; text-transform: uppercase; transition: all 250ms;}
.newsOS a.readMore:hover {background: #c71062; text-decoration: none;}
.newsOS .newsItemImage {height: 102px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 auto; background-image: url('/images/default.png'); max-width: none !important; max-height: none!important;}
.newsOS .newsItemImage img {width: 100%; height: auto;}
.newsOS .allNews {padding-top: 3rem;}
.newsOS .newsContentItem + .newsContentItem {margin: 1.5rem 0 0 0;}
.newsOS .dateMonth {margin-left: .25rem;}

/* CHANGE COLORS */
.miniMonthWrapper .topCalendar .monthName {text-transform: uppercase; font-size: 18px; color: #fff; width: 100%; text-align: center;}
.miniMonthWrapper .topCalendar .nextMonth, .miniMonthWrapper .topCalendar .prevMonth {color: #fff; cursor: pointer; font-size: 0;}
.miniMonthWrapper .topCalendar .nextMonth::after {content: '\f054'; font-family: 'Font Awesome 5 Free'; display: inline-block; font-size: 18px; font-weight: 900;}
.miniMonthWrapper .topCalendar .prevMonth::after {content: '\f053'; font-family: 'Font Awesome 5 Free'; display: inline-block; font-size: 18px; font-weight: 900;}

.miniMonthWrapper .dayWrapper .dayHeaderItemMini {color: #6e6e6e; font-size: 14px; display: flex; justify-content: center; align-items: center; background: #F7FAFA;}
.miniMonthWrapper .dayWrapper .dayHeaderItemMini::after {content: ''; display: inline-block; padding-top: 100%;}
.miniMonthWrapper .currentDay .dayHeaderItemMini {color: #fff !important; background: #ED217C !important;}
.miniMonthWrapper .otherMonth .dayHeaderItemMini {color: rgba(110,110,110,.6);}

.miniMonthWrapper .dayWrapper a {width: 100%; text-align: center;}
.miniMonthWrapper .dayWrapper a:hover {text-decoration: none;}
.miniMonthWrapper .dayBusy {color: #fff!important; background: #00B050 !important;} 

.miniMonthHeader {display: none;}
.calendarOS {background: #F7FAFA; padding: 20px;}

/* NEW CALENDAR CSS */
.calendar {max-width: 266px; margin: 0 auto;}
.calendarOS .calendarOverview {text-align: center; margin-top: 1.5rem;}
#miniMonthWrapper, .calendarOS {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.miniMonthWrapper .topCalendar {display: flex; padding: .625rem; align-items: center; background: #009FE3;}
.miniMonthWrapper .headerRowMiniCalendar {display: flex; flex-wrap: wrap; background: #bcbcbc;}
.miniMonthWrapper .miniHeaderItem {max-width: 14.28%; flex: 0 0 14.28%; padding: .4375rem 0; flex-direction: column; justify-content: center; display: flex; text-align: center; color: #fff; background: #6C757D; text-transform: uppercase;}
.miniMonthWrapper .miniCalendarContent {display: flex; flex-wrap: wrap; background: #f5f5f5;}
.miniMonthWrapper .dayWrapper {display: flex; max-width: 14.28%; flex: 0 0 14.28%; flex-direction: column; align-items: center;}

/*FOOTER*/
footer .footer-top .contact * {color: #fff;}
footer .contact-item:not(:first-child) {flex: 1;}

@media (min-width: 567px) { 
    .navbar {border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem;}
}

@media (min-width: 768px) { 
    .quick-menu-button + .quick-menu-button {margin: 15px 0 0;}
    .extraMenu {border-bottom-right-radius: .25rem;}
    .navbar-nav .nav-item:first-child .nav-link {border-bottom-left-radius: .25rem; color: #009FE3;}
    .navbar-nav .nav-item .nav-link {background-color: #fff; color: #fff; padding: 1.125rem;}

    .navbar-nav .nav-item:nth-child(5n+2) .nav-link, 
    .navbar-nav .nav-item:nth-child(5n+2) .dropdown-menu {background: #009FE3;}
    .navbar-nav > .nav-item:nth-child(5n+2) .dropdown-item:focus, 
    .navbar-nav > .nav-item:nth-child(5n+2) .dropdown-item:hover {background: #007fb6;}

    .navbar-nav .nav-item:nth-child(5n+3) .nav-link, 
    .navbar-nav .nav-item:nth-child(5n+3) .dropdown-menu {background: #4EC254;}
    .navbar-nav > .nav-item:nth-child(5n+3) .dropdown-item:focus, 
    .navbar-nav > .nav-item:nth-child(5n+3) .dropdown-item:hover {background: #3e9b43;}

    .navbar-nav .nav-item:nth-child(5n+4) .nav-link, 
    .navbar-nav .nav-item:nth-child(5n+4) .dropdown-menu {background: #FCC82C;}
    .navbar-nav > .nav-item:nth-child(5n+4) .dropdown-item:focus, 
    .navbar-nav > .nav-item:nth-child(5n+4) .dropdown-item:hover {background: #caa023;}

    .navbar-nav .nav-item:nth-child(5n+5) .nav-link, 
    .navbar-nav .nav-item:nth-child(5n+5) .dropdown-menu {background: #EC6702;}
    .navbar-nav > .nav-item:nth-child(5n+5) .dropdown-item:focus, 
    .navbar-nav > .nav-item:nth-child(5n+5) .dropdown-item:hover {background: #bd5202;}

    .navbar-nav .nav-item:nth-child(5n+6) .nav-link, 
    .navbar-nav .nav-item:nth-child(5n+6) .dropdown-menu {background: #F10000;}
    .navbar-nav > .nav-item:nth-child(5n+6) .dropdown-item:focus, 
    .navbar-nav > .nav-item:nth-child(5n+6) .dropdown-item:hover {background: #c10000;}

    .dropdown-submenu > .dropdown-menu {margin: 0;}
    .dropdown-menu {border: 0; margin: 0;}
}

@media (min-width: 992px) {
    .logo-wrapper .logo {font-size: 5.5rem;}
    .newsOS .newsOSContent {flex-direction: row;}
    .newsOS .newsContentItem + .newsContentItem {margin: 0 0 0 1.5rem;}
    .footer-logo {margin: 0 4rem;}
}