/* COLOR REFERENCES

Green:          #79b044
Salmon:         #dd5638
Blue Grey:      #3e4249

*/

/* ========================= GENERAL ============================= */

body{
    margin-top: 0px;
    font-family: 'proxima-nova', 'Raleway', Helvetica, sans-serif;
    font-size: 16px;
    background-color:#fff;
    /* background: url('../img/tile.jpg') top left repeat; */
}

/* === GLOBAL === */

h1,h2,h3,h4,h5,h6 {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-weight: bold;
}

h1 {
    font-size: 3em;
}

h1, h2 {
    margin: 0 0 40px; /* 40px on the bottom */
}

h3 {
    margin: 20px 0; /* 20px on the top & bottom */
}

h4 {
    font-size: 18px;
}

p {
    margin: 0 0 15px; /* All paragraphs will have "15px of margin on the bottom" - GLOBALLY */
}

p.lead {
    font-weight: normal; /* All paragraphs with the class of "lead" will all have "font-weight: normal;" - GLOBALLY  --- Bootstrap by default has something like 20-25px */
}

a:link, a:visited {
    color: #dd5638;
}

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

/* Here we are over-riding the bootstrap style for btn */

button, input, .btn, a.btn {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: white;
}

.btn {
    font-weight: bold;
}

button.btn:focus {
    outline: none !important;
}

.btn-danger{
    background-color: #dd5638; /* Here we are over-riding the bootstrap background color style for btn-danger */
    border-color: #d95131; /* Here we are over-riding the bootstrap border color style for btn-danger */
}

.btn-success {
    background: #79b044; /* Here we are over-riding the bootstrap background color style for btn-success */
    border: none; /* Here we are over-riding the bootstrap border style for btn-success */
}

.btn-success:hover {
    background: #6a9b3d; /* Here we are over-riding the bootstrap hover color style for btn-success on hover */
    border-color: #6a9b3d; /* Here we are over-riding the bootstrap hover border color style for btn-success on hover */
}


img {
    max-width: 100%;
}

svg{
    max-width: 50%;
}


header {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
  
header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
  
header .container {
    position: relative;
    z-index: 2;
}
  
header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.1;
    z-index: 1;
}

/* #logoHome {
    width: 30vw;
} */
  
@media (pointer: coarse) and (hover: none) {
    header {
        /* background: url('http://levich.com/delete/video-static.jpg') black no-repeat center center scroll; */
        background: url('../img/video-static.jpg') black no-repeat center center scroll;
    }
    header video {
        display: none;
    }
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.navbar {
    transition: all 0.4s;
}

.navbar .nav-link {
    color: #fff;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #fff;
}


/* Change navbar styling on scroll */
.navbar.active {
    background: #000;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: #555;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #555;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #555;
}

a.dropdown-item {
    color:#000;
}

#homeNav {
    display:none;
}

.nav-link {
    /* Border on parent NAV items */
    text-shadow: -1px 0 #4f4f4f, 0 1px #4f4f4f, 1px 0 #4f4f4f, 0 -1px #4f4f4f;
}



/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {

    #logoHome {
        width: 90vw;
    }

    #subHeadline {
        font-size:1.1em;
    }

    .navbar {
        background: #000;
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: #afafaf;
    }

    .navbar-toggler {
        background-color: #fff;
    }

    svg{
        max-width: 100%;
    }
    
}