/* Html */
/* Forms */
body {
    background-position: center 48px!important;
}

.btn-primary {
    background-color: #bfac75 !important;
    border-color: #bfac75 !important;
    color: #fff !important;
}

.bc-sb-qs .uniForm .buttonHolder .primaryAction,
.bc-a-b .uniForm .buttonHolder .primaryAction {
    background-color: #bfac75 !important;
    border-color: #bfac75 !important;
    color: #fff !important;
}

.text-primary, a.text-primary {
    color: #bfac75 !important;
}

/* Header */
#header {
    height: 295px;
}


/*.tagline .word5, .tagline .word7 {
    color: #CCB77C;
}*/

/* Navigation */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #bfac75 !important;
}

.btn-primary:hover {
    background-color: #bfac75 !important;
}

/* Helpers */
.primary-font {
    font-family: "jaf-bernina-sans-condensed", Verdana !important;
    font-weight: 300;
}

.secondary-font {
    font-family: "nimbus-sans",sans-serif !important;
}

.more a, .body a {
    color: #bfac75;
}

a.more {
    color: #bfac75;
}

.keyword-image {
    max-width: 375px !important;
}

/*Gallery Styles*/
    .carousel-control {
        color: #C4161C !important;
        opacity: 0.75 !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    .new-caption-area {
        background-color: #f6f6f6;
        padding: 10px;
        text-align: center;
    }

    .new-caption-area h3 {
        text-transform: uppercase;
        font-weight: 600;
        color: #C4161C;
    }

    .new-caption-area p {
        font-size: 16px;
    }

    .gallery-video {
        width: 100%;
        height: max-content;
        margin: 0;
        top: 0;
        background-color: #f6f6f6;
    } 

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    #header .branding .logo {
        padding-top: 15px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    #header .branding .logo {
        padding-top: 58px;
    }

    .navbar-brand .logo {
        height: 35px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #footer .logo {
        height: 40px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .navbar-brand .logo {
        padding-top: 11px;
    }

    #footer .social-media {
        display: none;
    }

    #header {
        height: 52px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    #header {
        height: 52px;
    }
}