/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS file within this directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*
*= require bootstrap-3.3.4/css/bootstrap.css
*= require_self
*/

.jumbotron {
    margin-bottom: 0;
    margin-top: 60px;
    box-shadow: 5px 5px 5px lightgray;
}
/*.container .jumbotron, .container-fluid .jumbotron {*/
    /*border-radius: 0px;*/
/*}*/
.carousel-control {
    opacity: 0.1;
}

h2 {
    margin-top: 60px;
    border-bottom: 2px solid #f05049;
}

h3 {
    border-bottom: 1px dotted #f05049;
}

a{
    color: gray;
}

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

ul {
    padding-left: 1em;
}

body {
    font-family: "Source Sans Pro";
}

h1, h2, h3, h4, .navbar-brand {
    font-family: "Abel";
}

.navbar-nav > li > a:hover {
    background: #080808 !important;
    border-bottom: 4px solid red;
    padding-bottom: 11px !important;
}

.navbar-inverse {
    border: none;
}

footer {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 2px solid lightgray;
}

.coops .media {
    margin-top: 20px;
}
.coops .media-heading {
    border-bottom: 1px solid lightgray;
}

.domain {
    margin-top: 40px;
    border: 1px solid #000000;
    box-shadow: 2px 2px 5px gray;
}
.domain-left, .domain-body {
    display: table-cell;
}
.domain-left {
    padding: 10px;
    background: #ccc;
    vertical-align: top;
}
.domain-body {
    padding-left: 20px;
    vertical-align: middle;
}
.wide-strip {
    margin-top: 40px;
}
.wide-strip, .btn-danger {
    background: #F05049;
}

.quote {
    margin-top: 20px;
}
.quote button {
    margin-bottom: 20px;
    border-color: white;
    box-shadow: 2px 2px 5px darkred;
}

.quote-text {
    color: white;
    text-shadow: 2px 2px 2px darkred;
    text-align: center;
    font-size: 20px;
}

.low-quote {
    margin-top: 20px;
}

.download-file:hover img {
    animation: shake 0.5s infinite;
    -webkit-animation: shake 0.5s infinite;
}

@keyframes shake {
    25% {transform: rotate(-5deg);}
    75% {transform: rotate(5deg);}
}
@-webkit-keyframes shake {
    25% {-webkit-transform: rotate(-5deg);}
    75% {-webkit-transform: rotate(5deg);}
}
.glyphicon {
    font-size: 16px;
}
.panel-testimonial {
    border-color:#337ab7;
}
.shadowtext {
    text-shadow: #cccccc 2px 2px 2px;
}
/*.panel {*/
    /*border-radius: 0px;*/
/*}*/
/*.btn {*/
    /*border-radius: 0px;*/
/*}*/
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}
.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}