/* 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: #116543;
}

#container {
  background-color: #ffffff;
}

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

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

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

#logo {
  width: 20%;
}

.nav-side {
  background-color: #116543;
}

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

a {
  color: #116543;
}

a:hover {
  color: #648EBE;
}

p.info,
p.time {
  /* empty on purpose */
}

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

h1 {
  font-family: "Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
  font-family: "Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

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

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

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

blockquote,
q {
  color: #00292B;
}

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

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

figcaption {
  background-color: rgba(255, 255, 255, 0.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: #116543;
}

*[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: #B9E000;
}

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

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

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

#nav li a {
  color: #116543;
}

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

#nav li ul {
  background-color: #B9E000;
}

#nav li ul.level_2 li.active {
  background-color: rgba(0, 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: #116543;
}

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

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

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

.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, 0.1);
}

/* Color helper classes */
.color-1 { background-color: #00292B; }
.color-2 { background-color: #116543; }
.color-3 { background-color: #198991; }
.color-4 { background-color: #264761; }
.color-5 { background-color: #FE384D; }
.color-6 { background-color: #B9E000; }
.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, 0.1);
  border-top: 0px solid #00292B;
  border-right: 0px solid #00292B;
  border-bottom: 1px solid #00292B;
  border-left: 0px 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, 0.1);
  border-radius: 3px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

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

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

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

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

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

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

.mod_eventlist .layout_upcoming .month {
  color: #116543;
}

.mod_eventlist .layout_upcoming .day {
  color: #116543;
}

.mod_eventlist .highlights .date-label {
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.6);
}

.mod_eventlist .highlights .day {
  color: #116543;
}

.mod_eventlist .highlights .month {
  color: #116543;
}

/* 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, 0.5); }
.mod_calendar .event.cal_2 { background-color: rgba(63, 81, 181, 0.5); }
.mod_calendar .event.cal_3 { background-color: rgba(25, 137, 145, 0.5); }
.mod_calendar .event.cal_4 { background-color: rgba(38, 71, 97, 0.5); }
.mod_calendar .event.cal_5 { background-color: rgba(185, 224, 0, 0.5); }

/* Style blocks */
.style-1 {
  background-color: #264761;
  color: #ffffff;
}

.style-2 {
  background-color: #C1CEDC;
  color: #648EBE;
}

.style-3 {
  background-color: #B9E000;
  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;
  /* creates parallax effect (sort of). Disabled for tablet and small screens. */
}

.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;
  /* creates parallax effect (sort of). Disabled for tablet and small screens. */
}

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

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

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

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

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