@charset "UTF-8";
@font-face {
  font-family: Sundlof;
  src: url("../fonts/sundtyp3.woff2") format("woff2"), url("../fonts/sundtype3.woff") format("woff"), url("../fonts/sundtype3.ttf") format("truetype"); }
html {
  background: #000; }

body {
  padding-bottom: 20px;
  background: #000;
  top: 0; }
a{
	color:#E1E1E1;
}
a:hover{
	color:#FFFFFF;
}
a:visited{
	color: #E1E1E1;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

footer {
  text-align: center;
  width: 100%;
  position: relative;
  bottom: 0; }

.sundlof-background {
  background-color: #00687B; }

.sundlof-foreground {
  background-color: #E1E1E1; }

.sundlof-font {
  font-family: Sundlof; }

.sundlof-font-background {
  font-family: Sundlof;
  color: #00687B; }

.sundlof-font-foreground {
  font-family: Sundlof;
  color: #E1E1E1; }

.sundlof-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #E1E1E1;
  margin-top: 15px; }
  .sundlof-title .primary {
    font-family: Sundlof;
    font-size: 60px;
    color: #00687B; }
  .sundlof-title .secondary {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 23px;
	letter-spacing: 12px;
	margin-top: -45px;
	opacity: 1;
	font-variant: small-caps;
	font-weight: bold;
	color: #f1f1f1;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sundlof-title {
    margin-top: 70px; }
    .sundlof-title .primary {
      font-size: 50px; }
    .sundlof-title .secondary {
      font-size: 20px;
      letter-spacing: 12px;
      margin-top: -38px; } }
@media (max-width: 767px) {
  .sundlof-title {
    margin-top: 70px; }
    .sundlof-title .primary {
      font-size: 40px; }
    .sundlof-title .secondary {
      font-size: 11px;
      letter-spacing: 4px;
      margin-top: -28px; } }
.sundlof-logo, .sundlof-logo-inverse {
  font-family: Sundlof;
  background-color: #00687B;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 180px;
  padding-top: 29px; }
  .sundlof-logo .icon, .sundlof-logo-inverse .icon {
    width: 100px;
    height: 100px;
    font-size: 52pt;
    color: #00687B;
    background-color: #E1E1E1;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    text-align: center; }
  .sundlof-logo .caption, .sundlof-logo-inverse .caption {
    width: 100%;
    padding-top: 7px;
    font-size: 23pt;
    color: #E1E1E1;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    text-align: center; }
    .sundlof-logo .caption a, .sundlof-logo-inverse .caption a,
    .sundlof-logo .caption a:hover,
    .sundlof-logo-inverse .caption a:hover {
      text-decoration: none;
      padding: 0; }

.sundlof-logo-inverse {
  background-color: #E1E1E1; }
  .sundlof-logo-inverse .icon {
    background-color: #00687B;
    color: #E1E1E1; }
  .sundlof-logo-inverse .caption {
    color: #00687B; }

.gallery {
  margin-top: 42px; }
  .gallery figure {
    width: 100%;
    margin-bottom: 10px; }
    .gallery figure a {
      width: 100%; }
      .gallery figure a img {
        width: 100%; }
    .gallery figure figcaption {
      display: none; }
  .gallery .headline {
	color: #00687B;
	font-weight: bolder;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin-bottom: 10px;
}

/* General styles for all menus */
.navigation-container {
  display: block;
  text-align: left;
  padding: 0 0;
  position: relative;
  position: absolute;
  top: 208px;
  left: 30px; }

.menu-mobile {
  background: #00687B;
  color: #E1E1E1;
  height: 52px;
  width: 100%;
  position: relative;
  z-index: 100;
  overflow: hidden;
  cursor: pointer; }
  .menu-mobile .navigation-container {
    width: 100%;
    top: 0px;
    margin-left: 35px;
    display: none;
    text-align: left;
    padding: 0 0;
    position: relative; }
    .menu-mobile .navigation-container ul {
      width: 100%; }
      .menu-mobile .navigation-container ul li {
        width: 100%; }
        .menu-mobile .navigation-container ul li a {
          font-size: 23px; }
  .menu-mobile .navigation-container > ul > li {
    margin-top: 7px; }

.menu-mobile.menu-open {
  height: 420px; }
  .menu-mobile.menu-open .navigation-container {
    display: block; }

.menu-push-tobottom {
  top: 420px; }

.menu {
  font-family: 'Oswald';
  font-weight: bold;
  font-weight: 700;
  background: #00687B;
  position: fixed; }
  .menu h3 {
    color: #E1E1E1;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300; }
  .menu a {
    display: block;
    color: #E1E1E1;
    font-size: 1.1em;
    font-weight: 300; }
  .menu a:hover {
    background: #00687B; }
  .menu .hamburger-positioning-anchor {
    position: relative;
    z-index: 10; }
  .menu .hamburger-positioning {
    position: absolute;
    left: 5px; }
  .menu .hamburger {
    padding-right: 2px; }

/* Orientation-dependent styles for the content of the menu */
.menu-vertical {
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000; }
  .menu-vertical a {
    padding: 1em; }

/* Vertical menu that slides from the left or right */
.menu-left {
  left: -205px; }

.menu-left.breath {
  left: -180px; }

.menu-left.menu-open {
  left: 0px; }

/* Push classes applied to the body */
.menu-push {
  overflow-x: hidden;
  position: relative;
  left: 0; }

.menu-push-toright {
  left: 205px; }

.menu-push-toleft {
  left: -240px; }

/* Transitions */
.menu,
.menu-push {
  transition: left 700ms ease;
  -webkit-transition: left 700ms ease;
  -moz-transition: left 700ms ease; }

/*header
---------*/
nav.menu.hovered {
  left: 0px !important; }

nav.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 180px; }

nav.menu ul li {
  padding: 1px 0 0 0; }

nav.menu ul li:first-child {
  background: none;
  padding-top: 0px; }

nav.menu ul li ul.sub-menu li {
  padding: 1px 0 0 10px;
  background: none;
  padding-top: 0px; }

nav.menu ul li a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff !important;
  line-height: 28px;
  font-size: 14px;
  display: block;
  opacity: 0.8 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80) !important; }

nav.menu ul.sub-menu {
  padding-bottom: 5px;
  display: none; }

nav.menu ul.sub-menu li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-transform: none;
  opacity: 0.6 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important; }

nav.menu ul.sub-menu li a:before {
  content: '-\00A0';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff; }

nav.menu ul li.has-menu a:after {
  content: '\00A0+';
  font-size: 14px;
  line-height: 28px;
  font-family: Arial, Helvetica, sans-serif; }

nav.menu ul li.opened a:after {
  content: '\00A0-';
  font-size: 14px;
  line-height: 28px;
  font-family: Arial, Helvetica, sans-serif; }

nav.menu ul.sub-menu li a:after {
  content: '';
  display: none; }

nav.menu ul.sub-menu li.has-menu a:before {
  content: "+ " !important; }

nav.menu ul.sub-menu li.has-menu.opened a:before {
  content: "- " !important; }

nav.menu ul.sub-menu li.has-menu ul li a:before {
  content: "- " !important; }

nav.menu ul.sub-menu li.has-menu ul li a:before {
  content: "-" !important; }

nav.menu ul.sub-menu li ul.sub-menu {
  padding: 1px 0 0 10px;
  display: none;
  position: relative;
  z-index: 99;
  margin-bottom: 1px; }

nav.menu ul.sub-menu li ul.sub-menu li a:before {
  content: '';
  margin: 0px; }

nav.menu ul.sub-menu li ul.sub-menu li {
  line-height: 18px !important; }

nav.menu ul.sub-menu li ul.sub-menu li a {
  line-height: 18px !important;
  height: 18px !important;
  opacity: 0.6 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important; }

/*MenuHovers*/
nav.menu ul li:hover a,
nav.menu ul li.current-menu-item a {
  opacity: 0.99 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99) !important; }

nav.menu ul li:hover ul.sub-menu li a,
nav.menu ul li.current-menu-item ul.sub-menu li a {
  opacity: 0.6 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important; }

nav.menu ul li:hover ul.sub-menu li:hover a,
nav.menu ul li ul.sub-menu li.current-menu-item a {
  opacity: 0.99 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99) !important; }

nav.menu ul li:hover ul.sub-menu li:hover ul.sub-menu li a,
nav.menu ul li ul.sub-menu li.current-menu-item ul.sub-menu li a {
  opacity: 0.6 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important; }

nav.menu ul li:hover ul.sub-menu li:hover ul.sub-menu li:hover a,
nav.menu ul li ul.sub-menu li ul.sub-menu li.current-menu-item a {
  opacity: 0.99 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99) !important; }

nav.menu ul li a {
  transition: opacity 300ms;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms; }
