/* Basic_settings.css */
body {
    background-color: #ffffff;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #00292B;
}

body.boxed {
    background-image: url("/files/school/images/illustration/sky.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#header {
    background-color: #ffffff;
    border-color: #1d3557;
}

#container {
    background-color: #ffffff;
}

#footer {
    background-color: #00292B;
    color: #ffffff;
}

#header-bar {
    background-color: rgba(255, 255, 255, .5);
    transition: all .5s ease-in-out;
}

#header-bar.headroom--not-top {
    background-color: rgba(255, 255, 255, .95);
    transition: all .5s ease-in-out;
}

#logo {
    width: 20%;
}

.nav-side {
    background-color: #1d3557;
}

.hero {
    background-color: #f77f00;
    /*background-color: #B9E000;*/
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-attachment: fixed;
    background-size: 100%;
}

a {
    /*color: #3f51b5;*/
    color: #f77f00;
}

a:hover {
    color: #f77f00;
}

p.info,
p.time {}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
    font-weight: bold;
}

#main h1:after,
#main h2:after,
.masonry_news h4:after {
    border-color: #f77f00;
}

#main h3:before {
    background-color: #f77f00;
}

blockquote,
q {
    color: #00292B;
}

*::selection {
    background-color: #f77f00;
}

mark {
    padding: 2px;
    background-color: #1d3557;
    border-radius: 3px;
}

figcaption {
    background-color: rgba(255, 255, 255, .8);
    color: #00292B;
}

.light {
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}

.box {
    border-color: #00292B;
}

.infobox {
    background-color: #FE384D;
}

.mod_article .ce_text.intro {
    font: 1.8rem "Homemade Apple", cursive;
    font-weight: normal;
}

td.weekend {
    background-color: #C1CEDC;
}

/* Buttons */
*[class*="btn"] a,
a.btn,
a.btn-large,
a.btn-small,
input[type="submit"],
button [type="submit"] {
    border-color: #00292B;
    color: #00292B;
}

*[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
input[type="submit"]:hover,
button.submit:hover {
    border-color: #198991;
    color: #198991;
}

*[class*="btn"].invert a,
a.btn.invert,
a.btn-small.invert,
a.btn-large.invert {
    background-color: #00292B;
    color: #fff;
}

*[class*="btn"].invert a:hover,
a.btn.invert:hover,
a.btn-small.invert:hover,
a.btn-large.invert:hover {
    background-color: #198991;
}

.light *[class*="btn"] a,
.light a.btn,
.light a.btn-large,
.light a.btn-small,
.light input[type="submit"],
.light button[type="submit"],
*[class*="btn"].light a,
.light.btn-large a,
.light.btn-small a,
.light button[type="submit"] {
    border-color: #fff;
    color: #fff;
}

.light *[class*="btn"].invert a,
*[class*="btn"].light.invert a {
    color: #00292B;
}

.light *[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
*[class*="btn"].light a:hover,
a.btn.light:hover,
a.btn-large.light:hover,
a.btn-small.light:hover,
.light button[type="submit"]:hover {
    border-color: #198991;
    color: #198991;
}

/* Navigation */
#nav li ul,
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a,
#nav ul.level_1 li.trail {
    background-color: #f77f00;
}

#nav li ul li a:hover,
#nav li ul:not(:hover) li.active a,
#nav ul li.active {
    background-color: #f77f00;
}

#nav li.trail ul.level_2 a {
    color: #1d3557;
}

#nav li.trail ul.level_2 a:hover {
    color: #fff;
}

#nav li a {
    color: #00292B;
}

#nav li a:active {
    background-color: #198991 !important;
}

#nav li ul.level_2 li.active {
    background-color: rgba(0, 0, 0, .2);
}

#nav > ul > li > a,
#nav > ul.level_1 > li > span.active,
#nav > ul.level_1 > li > span.forward,
#nav > ul.level_1 > li > strong.active,
#nav > ul.level_1 > li > strong.forward {
    font: 1.6rem/7rem "Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #1d3557;
}

#nav li ul.level_2 a,
#nav ul.level_2 li span.active,
#nav ul.level_2 li strong.active {
    color: #1d3557;
}

#nav li ul li a:hover,
#nav li ul:not(:hover) li.active a {
    background-color: #1d3557;
}

#nav a.submenu:after,
#nav span.submenu:after,
#nav strong.submenu:after {
    border-top-color: #1d3557;
}

.mod_navigation.subnav > ul > li a:hover,
.mod_navigation.subnav > ul > li.active span,
.mod_navigation.subnav > ul > li.active strong {
    background-color: rgba(63, 81, 181, .1);
}

/* Colors */
.color-1 { background-color: #00292B; }
.color-2 { background-color: #1d3557; }
.color-3 { background-color: #198991; }
.color-4 { background-color: #264761; }
.color-5 { background-color: #FE384D; }
.color-6 { background-color: #f77f00; }
.color-7 { background-color: #C1CEDC; }
.color-8 { background-color: #648EBE; }
.color-9 { background-color: #dedede; }

/* Form Elements */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    background-color: rgba(63, 81, 181, .1);
    border-top: 0 solid #00292B;
    border-right: 0 solid #00292B;
    border-bottom: 1px solid #00292B;
    border-left: 0 solid #00292B;
    color: #00292B;
}

/* Cards */
.card,
.two-cards,
.three-cards,
.four-cards,
.five-cards,
.six-cards {
    background-color: #fff;
    border: 1px solid rgba(0, 41, 43, .1);
    border-radius: 3px;
    transition: all .5s;
}

/* Eventlist */
.mod_eventlist .layout_upcoming .info-block {
    background-color: rgba(63, 81, 181, .1);
}

.mod_eventlist .layout_upcoming .more a {
    background-color: #1d3557;
}

.mod_eventlist .layout_upcoming .more a:hover {
    background-color: rgba(63, 81, 181, .8);
}

.mod_eventlist .layout_upcoming .more a:before {
    color: #fff;
}

.mod_eventlist .layout_upcoming .more a:hover:before {
    color: rgba(255, 255, 255, .4);
}

.mod_eventlist .layout_upcoming p.info {
    border-color: #1d3557;
}

.mod_eventlist .layout_upcoming .month {
    color: #00292B;
}

.mod_eventlist .layout_upcoming .day {
    color: #1d3557;
}

/* Highlight events */
.mod_eventlist .highlights .date-label {
    background-color: #fff;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .6);
}

.mod_eventlist .highlights .day,
.mod_eventlist .highlights .month {
    color: #1d3557;
}

/* Calendar */
.mod_calendar .event {
    margin-bottom: 1px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 3px;
}

.mod_calendar .event.cal_1 { background-color: rgba(0, 41, 43, .5); }
.mod_calendar .event.cal_2 { background-color: rgba(63, 81, 181, .5); }
.mod_calendar .event.cal_3 { background-color: rgba(25, 137, 145, .5); }
.mod_calendar .event.cal_4 { background-color: rgba(38, 71, 97, .5); }
.mod_calendar .event.cal_5 { background-color: rgba(185, 224, 0, .5); }

/* Styles and overlays */
.style-1 { background-color: #264761; color: #ffffff; }
.style-2 { background-color: #C1CEDC; color: #648EBE; }
.style-3 { background-color: #f77f00; color: #ffffff; }

.style-4 {
    background-image: url("/files/school/images/building/b8.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.style-5 {
    background-image: url("/files/school/images/illustration/i5.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.overlay-1:before { background-color: rgba(0, 41, 43, .9); }
.overlay-2:before { background-color: rgba(63, 81, 181, .9); }
.overlay-3:before { background-color: rgba(25, 137, 145, .9); }
.overlay-4:before { background-color: rgba(38, 71, 97, .9); }
.overlay-5:before { background-color: rgba(254, 56, 77, .9); }
.overlay-6:before { background-color: rgba(185, 224, 0, .9); }
.overlay-7:before { background-color: rgba(255, 255, 255, .4); }

/* Image overlays */
a.cboxElement:after {
    background-color: rgba(185, 224, 0, .7);
    background-image: url("/files/school/css/files/icon-scale03.png");
}

a.linked_image:after {
    background-color: rgba(185, 224, 0, .7);
    background-image: url("/files/school/css/files/icon-scale01.png");
}

.masonry_news a.teaser-text {
    color: #00292B;
}

.more a:after,
p a:after,
a.hyperlink_txt:after {
    background-color: #f77f00;
}



#footer a {
  color: #ffffff;
}