body, html {
  color:black;
  font-size: 16px;
  margin:0px;
  padding:0px;
  text-align:center; /* centers divs in IE */  
  color: #7c2919 !important;
  font-family: 'SairaSemiCondensed';
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; /* safari 3 needs this */
  font-size: 1.125rem;
}

a:hover, a *:hover {
  text-decoration:none !important;
}

a, a:focus {
    outline: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #ff9933 !important;
}

h1, .h1, h1 *, .h1 * {
    font-size: 3rem !important;
    font-family: 'Karushan Script' !important;
}

h2, .h2, h2 *, .h2 * {
    font-size: 1.375rem !important;
    font-family: 'SairaSemiCondensed' !important;
    font-weight: bold !important;
}

h3, .h3, h3 *, .h3 * {
    font-size: 1.2rem !important;
}

.collapseLink {
    font-size: 1.8rem;
    padding-left: 30px;
    margin-top: -1rem;
    font-family: Karushan Script;
    color: #ff9933;
}
.collapse-container {
    padding-left: 0px;
}

.frame:not(.frame-type-banner) img {
    border-color: white !important;
    border-style: solid !important;
    border-width: 4px !important;
}

/************* STRUCTURE ***********************/

#container_header {
    position:fixed;
    width:100vw;
    z-index:100;
    margin-left:0px !important;
    margin-right:0px !important;
}

#container_header.down #header,
#container_header.down #logo
{
    transform: translateY(0%);
    -webkit-transition: transform 1s linear 0s;
    transition: transform 1s linear 0s;
}


#container_footer {
    position:fixed;
    width:100vw;
    z-index:100;
    bottom: 0;
    margin-left:0px !important;
    margin-right:0px !important;
}


#container_footer_links {
    position:fixed;
    width:100vw;
    bottom: 0;
    margin-left:0px !important;
    margin-right:0px !important;
    z-index: 200;
    align-content: center;
    padding-left: 24vw;
    padding-right: 24vw; 
    padding-bottom: 0.5vh;
}


#container_footer_links a, #container_footer_links input, #container_footer_links button {
    color: white;
    background-color: transparent;
    border: none;
    -webkit-appearance: button-bevel;
}

#container_footer_links .menuitem {
    margin: 0% 3%;
}

#loginForm .modal-content {
    background-image: url("../images/layout/background-login.jpg");  
    background-size: cover;
}


#container_header img {
  max-height: 50vh; 
  width: 100vw;
}

#container_header picture {
  position: absolute;
}

#container_footer img {
    max-height: 20vh;
    width: 100vw;
}

div {
  margin:0px;
  padding:0px;
  font-size: 1.125rem;
}

div#container {
  text-align:left;
  margin:0px auto; /* centers div in FF */
  padding: 0px 0px;
}

#container_content {
  /*width: 100vw;*/
  overflow: hidden;
  margin-bottom: 110px;
}

div#content {
  width: 100vw;
  float: left;
  height: 88vh;
}

div#header_top {
  width:100vw;
  text-align:left;
}

div.frame:not(.frame-type-carousel_fullscreen) {
    padding: 1rem;
}

div.clearer {
  clear: both;
}

.modal-dialog {
    margin: auto;
    margin-top: 18vh;
    width: 300px;
}

.login .form-group {
    display: flex;
    width: 100%;
    justify-content: center;
}

.login .form-group * {
    margin: 10px;
}

@media only screen and (min-width: 0px) {    
    #container_header.base #header {
      transform: translateY(0%);
      -webkit-transition: transform 1s linear 0s;
      transition: transform 1s linear 0s;
    }
    
        
    #container_header.base #logo, 
    .main-menu.base .toggleMenu {
      transform: translateY(0%);
      -webkit-transition: transform 1s linear 0s;
      transition: transform 1s linear 0s;
    }
    
    #container_footer.base #footer {
      transform: translateY(0%);
      -webkit-transition: transform 2s linear 0s;
      transition: transform 2s linear 0s;
    }
    
    #container_footer_links.base {
      transform: translateY(0%);
      -webkit-transition: transform 1s linear 0s;
      transition: transform 1s linear 0s;        
    }
    
    #container_header.sticky #header {
      transform: translateY(-30%);
      -webkit-transition: transform 1s linear 0s;
      transition: transform 1s linear 0s;
    }
    
        
    #container_header.sticky #logo, 
    .main-menu.sticky .toggleMenu:not(.change) {
      transform: translateY(-200%);
      -webkit-transition: transform 2s linear 0s;
      transition: transform 2s linear 0s;
    }
    
    #container_footer.sticky #footer {
      transform: translateY(30%);
      -webkit-transition: transform 1s linear 0s;
      transition: transform 1s linear 0s;
    }
    
    
    #container_footer_links.sticky {
      transform: translateY(100%);
      -webkit-transition: transform 1s linear 0s;
      transition: transform 1s linear 0s;        
    } 
    
}