/* Bootstrap override */

label {
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.navbar-default {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
}

.navbar-default .navbar-nav > li > a {
    font-weight: 600;
}

.navbar-brand {
    font-size: 28px;
    font-weight: 800;
    padding-top: 5px;
}

.panel {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15)
}

.form-control {
    font-family: Roboto, sans-serif;
}

.btn {
    border: 0;
    font-family: Roboto, sans-serif;
}

.btn-primary:focus,
.btn-primary.focus {    
    background-color: #71cb35;

}
.btn-primary:hover {
  background-color: #71cb35;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #71cb35;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #71cb35;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

/* -------------------------------------------------------------- */

/* Logo colors */

.navbar-home .logo-happy {
	width: 206px; height: 72px;
	background-image:url(../happygoats-logo-sm-w.png);
}

#nav-main .logo-happy {
	width: 206px; height: 72px;
	background-image:url(../happygoats-logo-sm.png);
}

.logo-goats {
    color: #71cb35;    
}

/* navbar home screen overrides */

.navbar-home {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #fff;    
}

.navbar-home .logo-happy,
.navbar-home .logo-goats {
    color: #fff;
}

.navbar-home .navbar-nav > li > a, .navbar-home .navbar-nav > li > a:hover, .navbar-home .navbar-nav > li > a:focus,
.navbar-home .navbar-nav > .active > a, .navbar-home .navbar-nav > .active > a:hover, .navbar-home .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #fff;
    opacity: 0.8;
}

.navbar-home .navbar-nav > li > a:hover, .navbar-home .navbar-nav > li > a:focus
.navbar-home .navbar-nav > .active > a:hover, .navbar-home .navbar-nav > .active > a:focus {
    opacity: 1;
}


.navbar-home .navbar-btn {
    background-color: transparent;
    border-color: #e7eaf1;
    color: #fff;
}

.navbar-home .navbar-btn:hover,
.navbar-home .navbar-btn:focus {
    border-color: #71cb35;
}

.navbar-btn {
    border: 1px solid #71cb35;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 22px;
    margin-top: 19px;
    padding: 5px 16px;
}

.nav-tabs {
    border-bottom: 0;
    text-align: center;
}

.nav-tabs > li {
    display:inline-block;
    float: none;
    margin-left: 2%;
    margin-right: 2%;
    width: 20%;        
    zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs > li > a {
    background-color: #fff;
    color: #333;
}

.nav-tabs > li > a:hover {
    background-color: rgba(177, 188, 210, .5);
    color: #e7eaf1;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    background-color: rgba(177, 188, 210, .5);
    color: #fff;
    border: 0;
}

.tab-content {
    padding-top: 32px;
    text-align: left;
}

/* -------------------------------------------------------------- */

#main-navbar {
    float: right;
}

.navbar.push {
    opacity: 0;
    transform: translateX(0px) translateY(-80px) translateZ(0px);
    transition: opacity 500ms, transform 500ms;
}

.navbar.pull {
    opacity: 1;
    transform: translateX(0px) translateY(0px) translateZ(0px);
    transition: opacity 500ms, transform 500ms;
}

#above-the-fold {
    background-image: linear-gradient(180deg, #1590ee, #71cb35);
    height: 100vh;
    min-height: 780px;
}

header .carousel-control {
    min-height: 780px;
}

#above-the-fold .carousel-inner{
    height: 100%;
}

#above-the-fold .carousel-control {
    background-image: none;
}

#above-the-fold .item {
    top: 25%;
}

#above-the-fold .carousel-caption {
    top: 95%;
}

#above-the-fold .buttons {
    padding: 16px 0;
}

#above-the-fold .btn {
    font-size: 16px;
    line-height: 22px;
    margin: 0 5px;
}

#above-the-fold .btn-success:focus,
#above-the-fold .btn-success.focus {    
    background-color: #fff;
    color: #71cb35

}

#above-the-fold .btn-success:hover {
  background-color: #fff;
  color: #71cb35
}

#above-the-fold .btn-success:active,
#above-the-fold .btn-success.active {
    background-color: #fff;
    color: #71cb35
}

.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus {
    background-color: #fff;
    color: #71cb35
}

#above-the-fold h1 {
    font-size: 48px;
    line-height: 50px;
}

#above-the-fold p {
    color: rgb(51, 51, 51);
    font-size: 16px;
    line-height: 22px;
    text-shadow: none;
}

#video-section {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);   
}

#features-section h4 {
    color: #65bb2c;
}

#about-section {
    background-color: #e7eaf1;
}

#pricing-section h4 {
    font-weight: bold;
}

#pricing-section p {
    min-height: 135px;
}

#pricing-section .features-list:hover {
    background-color: rgba(231, 234, 241, .2);
}

#contact-section {
    padding: 0;
    position: relative;
    height: 100vh;
}

#contact-section .container {
    position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    display: block;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

#contact-section h3 {
    color: #fff;
    font-size: 48px;    
}

#contact-section p {
    color: #fff;   
}

#contact-section .form-group input.form-control,
#contact-section .form-group textarea.form-control {
    font-family: 'Open Sans', sans-serif;
}

#contact-section .form-group textarea.form-control {
  height: 120px;
}

#contact-section form {
    text-align: left;
}

#blog-section {
    padding-bottom: 0;
}

#blog-section .btn {
    border: 0;
    font-size: 16px;
    padding: 24px 0;
    width: 100%;
}

#blog-section .article-item {
    padding: 10px;
}

#blog-section .article-item:hover {
    background-color: rgba(231, 234, 241, .2);
}

#blog-section .article-item .article-link {
    display: block;
    color: #333;
    text-decoration: none;
    cursor: pointer    
}

#blog-section .article-item .article-link:hover {
    color: #1590ee;
}

#blog-section .article-item .article-link  .article-caption {
    text-align: left;
}

#blog-section .article-item .article-link  .article-caption h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

#blog-section .article-item .article-link  .article-caption p.date {
    font-size: 13px;
}

#more-news {
    margin-top: 96px;
}

.btn-success-inverse {
    background-color: #fff;
    color: #71cb35;
}

.btn-success-inverse:focus,
.btn-success-inverse.focus {    
    background-color: #71cb35;
    color: #fff

}
.btn-success-inverse:hover {
  background-color: #71cb35;
  color: #fff
}

.btn-success-inverse:active,
.btn-success-inverse.active,
.open > .dropdown-toggle.btn-success-inverse {
    background-color: #71cb35;
    color: #fff
}
.btn-success-inverse:active:hover,
.btn-success-inverse.active:hover,
.open > .dropdown-toggle.btn-success-inverse:hover,
.btn-success-inverse:active:focus,
.btn-success-inverse.active:focus,
.open > .dropdown-toggle.btn-success-inverse:focus,
.btn-success-inverse:active.focus,
.btn-success-inverse.active.focus,
.open > .dropdown-toggle.btn-success-inverse.focus {
    background-color: #71cb35;
    color: #fff
}

.homepage-section {
    padding-top: 96px;
    padding-bottom: 96px;    
    text-align: center;
}

.homepage-section header  {
    padding-bottom: 20px;
}

.homepage-section header > h2 {
    color: #1590ee;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

.homepage-section header > h3 {
    font-size: 36px;
    font-weight: normal;
    line-height: 45px;
}

.homepage-section h4 {
    font-size: 28px;
    font-weight: normal;
    line-height: 35px;
}

.homepage-section p {
    color: #6d7792;
    font-size: 16px;
    line-height: 22px;
}

.homepage-section .btn-primary {
    font-size: 16px;
}

.homepage-section .list-group-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px dotted #e7eaf1;
    margin-bottom: 0;
}

.homepage-section .list-group-item.dimmed {
    opacity: 0.4;
}

.video-container {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
    margin: 0 auto;
    position: relative;
}

.features-image {
    width: 100%;
}

.features-image.move-up {
    transform: translateX(0px) translateY(0px) translateZ(0px); 
    transition: transform 500ms;
}

.features-image.move-down {
    transform: translateX(0px) translateY(20px) translateZ(0px); 
    transition: transform 500ms;
}

.feature {
    border-bottom: 1px solid #e7eaf1;
    padding-top: 64px;
    text-align: left;
}

.background-video {
    color: white;
    height: 100%;
    min-height: 620px;
    position: relative;
    overflow: hidden;
}

.background-video > video {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
}

footer {
    background-color: #333;
    color: #fff;
    padding: 10px 0 5px;
    text-align: center;
}

footer a {
    color: #fff;
    font-size: 28px;
}

footer a:hover {
    color: #fff;
}

footer .copyright {
    color: #e7eaf1;
    line-height: 40px;
}