/*------------------------------------------------
Application: Galatea webCMS
Screens: Desktop & Mobile
Theme: Maacher-Musekschoul.lu
------------------------------------------------*/
/************************* color definitions *************************/
/*default color defintions*/
/*green*/
/*darker green*/
/*lighter green*/
/*white*/
/*black*/
/*grey or alternative grey #ccc*/
/*more darker green*/
/*more lighter green*/
/*darker grey for clickpath*/
/************************* imports *************************/
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  src: url("../../../files/layout/themes/2018/css/fonts/fa-brands-400.eot");
  src: url("../../../files/layout/themes/2018/css/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../../files/layout/themes/2018/css/fonts/fa-brands-400.woff2") format("woff2"), url("../../../files/layout/themes/2018/css/fonts/fa-brands-400.woff") format("woff"), url("../../../files/layout/themes/2018/css/fonts/fa-brands-400.ttf") format("truetype"), url("../../../files/layout/themes/2018/css/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  src: url("../../../files/layout/themes/2018/css/fonts/fa-light-300.eot");
  src: url("../../../files/layout/themes/2018/css/fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../../../files/layout/themes/2018/css/fonts/fa-light-300.woff2") format("woff2"), url("../../../files/layout/themes/2018/css/fonts/fa-light-300.woff") format("woff"), url("../../../files/layout/themes/2018/css/fonts/fa-light-300.ttf") format("truetype"), url("../../../files/layout/themes/2018/css/fonts/fa-light-300.svg#fontawesome") format("svg");
}
.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../../../files/layout/themes/2018/css/fonts/fa-regular-400.eot");
  src: url("../../../files/layout/themes/2018/css/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../../files/layout/themes/2018/css/fonts/fa-regular-400.woff2") format("woff2"), url("../../../files/layout/themes/2018/css/fonts/fa-regular-400.woff") format("woff"), url("../../../files/layout/themes/2018/css/fonts/fa-regular-400.ttf") format("truetype"), url("../../../files/layout/themes/2018/css/fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  src: url("../../../files/layout/themes/2018/css/fonts/fa-solid-900.eot");
  src: url("../../../files/layout/themes/2018/css/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../../files/layout/themes/2018/css/fonts/fa-solid-900.woff2") format("woff2"), url("../../../files/layout/themes/2018/css/fonts/fa-solid-900.woff") format("woff"), url("../../../files/layout/themes/2018/css/fonts/fa-solid-900.ttf") format("truetype"), url("../../../files/layout/themes/2018/css/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/*------------------------------------------------
Comment: Color Definitions
Author: Gilles Dumont
------------------------------------------------*/
/*usage: @include linearGradient(#cccccc, #666666);*/
/*------------------------------------------------
Comment: Font Definitions
Author: Gilles Dumont
------------------------------------------------*/
/*------------------------------------------------
Comment: CSS Animations
Author: Gilles Dumont
------------------------------------------------*/
/*usage: @include transition(color .3s ease);*/
/*usage: @include opacity(0.1);*/
/*usage: @include keyframes(slide-down) {  0% { opacity: 1; }  90% { opacity: 0; } }*/
/*usage: @include animation('slide-down 5s 3'); */
/*------------------------------------------------
Comment: Box Definitions
Author: Gilles Dumont
------------------------------------------------*/
/*usage: @include box-sizing(border-box);*/
/*usage: @include border-radius(5px);*/
/*usage: @include box-shadow(0, 0, 1px ,rgba(0, 0, 0, 0.1));*/
/*usage: @include text-shadow(0, 0, 1px ,rgba(0, 0, 0, 0.1));*/
/*------------------------------------------------
Comment: Flexbox Definitions
Author: Gilles Dumont
------------------------------------------------*/
/*
  Flexbox Containers
  usage: @include flexbox;
*/
/*
  Inline-Flexbox Containers
  usage: @include inline-flex;
*/
/*
  Flexbox Direction
  values: row | row-reverse | column | column-reverse
  default: row
  usage: @include flex-direction(column);
*/
/*
  Flexbox Wrap
  values: nowrap | wrap | wrap-reverse
  default: nowrap
  usage: @include flex-wrap(wrap);
*/
/*
  Flexbox Flow (shorthand)
  description: The 'flex-flow' property is a shorthand for setting the 'flex-direction' and 'flex-wrap' properties, which together define the flex container's main and cross axes.
  values: <flex-direction> | <flex-wrap>
  default: row nowrap
  usage: @include flex-flow(wrap);
*/
/*
  Flexbox Order
  values: <flex-direction> | <flex-wrap>
  default: 0
  usage: @include order(1);
*/
/*
  Flexbox Grow
  default: 0
  usage: @include flex-grow(1);
*/
/*
  Flexbox Shrink
  default: 1
  usage: @include flex-shrink(2);
*/
/*
  Flexbox Basis
  values: Like "width"
  default: auto
  usage: @include flex-basis(...);
*/
/*
  Flexbox "Flex" (shorthand)
  values: none | <flex-grow> <flex-shrink> || <flex-basis>
  default: 1 1 0
  usage: @include flex(...);
*/
/*
  Flexbox Justify Content
  values: flex-start | flex-end | center | space-between | space-around
  default: flex-start
  usage: @include justify-content(...);
*/
/*
  Flexbox Align Items
  values: flex-start | flex-end | center | baseline | stretch
  default: stretch
  usage: @include align-items(...);
*/
/*
  Flexbox Align Self
  values: auto | flex-start | flex-end | center | baseline | stretch
  default: auto
  usage: @include align-self(...);
*/
/*
  Flexbox Align Content
  values: flex-start | flex-end | center | space-between | space-around | stretch
  default: stretch
  usage: @include align-content(...);
*/
/*------------------------------------------------
Comment: Position Definitions
Author: Gilles Dumont
------------------------------------------------*/
/*usage: @include fixed(top 0 left -350px);*/
/*------------------------------------------------
Comment: Device-related breakpoints
Author: Gilles Dumont
------------------------------------------------*/
/*usage: @include respond-to(handhelds) { width: 100% ;}*/
/*Usage: @include respond-to(phone, tablet-portrait) {padding-left:0};*/
/* Slider */
.slick-slider {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  /*-webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);*/
}

.slick-track {
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  position: initial !important;
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

body {
  background-color: #000000;
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 25px;
}
body #content {
  top: 0;
  right: 20%;
  bottom: 0;
  left: 0;
  position: absolute;
  height: 100%;
}
body #content div {
  width: 100%;
}
body #content .ct {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  margin: 30px 50px;
}
body #content .ct.image-only {
  width: auto !important;
}
body #content .ct.image-only .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body #content .ct.text-only {
  width: auto !important;
}
body #content .ct.text-only .text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body #content .ct.text-image {
  width: auto !important;
}
body #content .ct.text-image .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  width: auto !important;
  padding: 0 15px;
}
body #content .ct.text-image .text {
  width: auto !important;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  padding: 0 15px 0 25px;
}
body #content .ct .text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body #content .ct .text h2 span {
  font-family: "Lora", serif;
  font-size: 54px;
  line-height: 64px;
  color: #988448;
}
body #content .ct .text h3 span {
  font-family: "Lora", serif;
  font-size: 38px;
  line-height: 48px;
}
body #content .ct .text .description {
  padding: 20px 0;
  font-size: 28px;
  line-height: 38px;
  font-weight: 300;
}
body #content .ct .text .description * {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}
body #content .ct .text .description a {
  color: #fff;
}
body #footer {
  background-color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 80%;
  position: absolute;
  color: #000;
}
body #footer .inside {
  /*@include position(absolute, right 0 bottom 0 left 0);*/
  padding: 30px;
}
body #footer .inside .contact {
  padding-top: 30px;
  font-size: 20px;
  line-height: 33px;
  text-align: center;
}
body #footer .inside .contact a {
  color: #000;
  text-decoration: none;
}