/*
=========================================================================================================
Riology Custom CSS Document 
=========================================================================================================
*/

body {
  margin: 0;
  padding: 0;
  color: #303030;
  background-color: #6D7F59;
}
.page-title {
    margin: 1em 0 .5em 0;
    color:#FFF;
}
.page-sub-title {
    margin: 0 0 1.5em 0;
    color:#FFF;
}
h1 {color: #FFF; margin-top: -350px; }
h2 {color: #FFF;}
h4 {color: #FFF}
p {
    font-size:1.25em;
    color: #FFF;
}
.grid-vtop {margin-top: 4em;}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #E05E63;
  color: #fefefe;
}
.button:hover {background-color: #6D7F59}
button.btn{
  background-color: #94A680;
  color: #fefefe;
  padding: 1em;
}
button.btn:hover {background-color: #60704E}
.top-bar, .top-bar ul {
  background-color: #60704E;
  color: #FFF;
}
.menu li a {color: white;}
.menu li a:hover {color: #94A680;}
/* ========================================= Full Screen Hero styles ========================================== */

.hero-full-screen {
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url("/media/jwwnuzxk/sci-home-background.jpg") center top no-repeat;
  background-size: cover;
}

.hero-full-screen .middle-content-section {
  text-align: center;
  color: #fefefe;
}

.hero-full-screen .top-content-section {
  width: 100%;
}

.hero-full-screen .bottom-content-section {
  padding: 1rem;
}

.hero-full-screen .bottom-content-section svg {
  height: 3.75rem;
  width: 3.75rem;
  fill: #fefefe;
}

.hero-full-screen .top-bar {
  background: transparent;
}

.hero-full-screen .top-bar .menu {
  background: transparent;
}

.hero-full-screen .top-bar .menu-text {
  color: #fefefe;
}

.hero-full-screen .top-bar .menu li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero-full-screen .top-bar .menu a {
  color: #FFF;
  font-weight: bold;
}