/* HTML */

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

a {
  color: #a39253;
}

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


/* HEADER */

#header-wrapper {
  background: #0d152d;  
}

.navbar {
  min-height: 0px;
}

.t3-mainnav .container {
  width: 100%;
}

.logo {
  text-align: left;
}

.logo-text a {
  font-size: 21px;
  font-weight: normal;
  color: #fff;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.t3-mainnav .t3-navbar {
  float: right;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #a39253;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
  color: #a39253;
  background-color: transparent;
}


/* SLIDER POSITION */

.slider-wrapper {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.slide-desc {
  display: table;
  height: 100%;
  left:	unset !important;
  bottom: 0 !important;
  position: sticky !important;
}

.slide-desc-in {
  display: table-cell;
  vertical-align: middle;
  position: unset;
}

.slide-title {
  font-weight: lighter !important;
}

.slide-text {
  line-height: 1.2;
  font-weight: bold !important;
  text-shadow: 2px 2px #000;
}


/* MAIN */

.article-title > a {
  color: #1565c0;
}

.item-image {
  max-width: 100%;
  /* max-height: 459.833px; */
  max-height: calc((100vw - 30px) / 100 * 56.25);
  overflow: hidden;
}

article > .item-image > img {
  max-width: 100%;
  margin-bottom: 10px;
}

/* FOOTER */

.t3-footer {
  border-top: 1px solid #060a16;
  background: #0d152d;
  color: #727780;
}

.t3-copyright {
  border-top: 1px solid #060a16;
  font-size: 16px;
  font-weight: lighter;
}

@media (min-width: 768px) {
  body {
    /* background-color: lightyellow; */
  }

  .slide-desc-text-default {
    width: 750px !important;
    margin-left: auto;
    margin-right: auto;
  }
  
  .slide-text {
    font-size: 3em !important;
  }

  .item-image {
    /* max-height: 247.5px; */
    max-height: calc((470px - 30px) / 100 * 56.25);
  }
}


/* MEDIA SETTINGS */

@media (min-width: 992px) {
  body {
    /* background-color: lightgreen; */
  }

  .slide-desc-text-default {
    width: 970px !important;
    margin-left: auto;
    margin-right: auto;
  }

  .item-image {
    /* max-height: 375.467px; */
    max-height: calc((697.5px - 30px) / 100 * 56.25);
  }
}

@media (min-width: 1200px) {
  body {
    /* background-color: lightblue; */
  }

  .slide-desc-text-default {
    width: 1170px !important;
    margin-left: auto;
    margin-right: auto;
  }
    
  .item-image {
    /* max-height: 459.833px; */
    max-height: calc((847.5px - 30px) / 100 * 56.25);
  }
}