/*

Theme Name: Absolute Upholstery

Author: Monty Studio Ltd

Author URI: http://www.wearemonty.com

Description: Custome developed theme for Absolute Upholstery.

Version: 1.50

Template: devdmbootstrap3

*/

body, h2, h3 {
    font-family: 'BrandonGrotW01-Regular';
}

h1, #address, .contact-details {
    font-family: 'Brandon Grot W01 Light';
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */

.nav-jumbotron {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
}

.navbar-header {
    position: relative;
    z-index: 147;
    float: none !important;
    margin: 30px auto 0 auto;
    text-align: center;
}

    .navbar-header .navbar-brand {
        float: none !important;
        margin: 0 -15px !important;
        padding: 4px !important;
        width: 210px;
        height: 30px;
        text-indent: -9999px;
        display: inline-block;
    }

    .navbar-header .navbar-brand {
        background: url(/images/absoluteUpholstery-logo-black.png) no-repeat center center;
        background-image: url(/images/absolute_logo.svg), none;
    }

#navbar {
    position: relative;
    text-align: center;
    margin: 0 auto;
    z-index: 147 !important;
}

    #navbar ul.nav.navbar-nav {
        display: block !important;
        float: none !important;
        text-align: center;
    }

        #navbar ul.nav.navbar-nav li {
            display: block;
            float: none !important;
            margin: 0;
            text-align: center;
            padding: 10px 0;
        }

        #navbar ul.nav.navbar-nav > li > a {
            padding: 4px;
            border-bottom: 2px solid transparent;
            background: transparent !important;
            font-size: 16px;
            -webkit-transition: border-color 1s ease;
            -moz-transition: border-color 1s ease;
            -o-transition: border-color 1s ease;
            -ms-transition: border-color 1s ease;
            transition: border-color 1s ease;
        }

        #navbar ul.nav.navbar-nav > li > a {
            display: inline;
            color: #000;
            line-height: auto;
        }

        #navbar ul.nav.navbar-nav > li.active > a, #navbar ul.nav.navbar-nav > li.current-menu-item a {
            border-bottom: 2px solid #000;
        }

        #navbar ul.nav.navbar-nav > li > a:hover, #navbar ul.nav.navbar-nav > li > a:focus {
            background: transparent !important;
            border-bottom: 2px solid #000;
        }

.navbar-toggle {
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 4px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle .icon-bar {
        background: #515151;
    }



.nav-jumbotron .jumbotron {
    position: relative;
    z-index: 47;
    min-height: 400px;
    padding: 0 !important;
    margin: 0 !important;
}

.single-contact_us .nav-jumbotron {
    background: #2b2b2b;
}

    .single-contact_us .nav-jumbotron .jumbotron {
        /*top:-90px;*/
        /*min-height:300px;*/
    }

.nav-jumbotron .jumbotron.contact {
    background: #2b2b2b;
    width: 100%;
}

/*.nav-jumbotron .jumbotron.contact:after {

	padding-top: 37%;

	min-height: 400px;

	display: block;

  	content: '';

}*/



.nav-jumbotron .jumbotron .intro {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%) translateZ(0);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-animation: fadein 1s 2s 1 forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s 2s 1 forwards; /* Firefox < 16 */
    -ms-animation: fadein 1s 2s 1 forwards; /* Internet Explorer */
    -o-animation: fadein 1s 2s 1 forwards; /* Opera < 12.1 */
    animation: fadein 1s 2s 1 forwards;
    max-width: 840px !important;
}



@keyframes fadein {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */

@-moz-keyframes fadein {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */

@-ms-keyframes fadein {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */

@-o-keyframes fadein {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



.jumbotron img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}



.jumbotron .intro p {
    font-size: 16px;
    line-height: 1.3em;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    height: auto;
}



.heading-text, .heading-text-image {
    margin: 75px auto 0 auto;
    text-align: center;
    color: #444444;
    font-size: 16px;
}

    .heading-text h2, .col-three-heading-text h3, .heading-text-image h2 {
        display: inline;
        display: inline-block;
        padding: 0 4px 10px 4px;
        font-size: 18px;
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #444444;
    }

.col-lg-6 > p:last-child {
    margin-bottom: 0;
}

.heading-text-image img {
    margin-top: 75px;
}

.col-three-heading-text-block {
    margin-top: 75px;
    margin-bottom: 30px;
}

.col-three-heading-text {
    text-align: center;
    color: #444444;
}

img.fadeIn {
    opacity: 1;
}

h1.title {
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 70px 0 60px 0;
}

.text-text-image {
    margin-bottom: 60px;
}

    .text-text-image .image {
        margin-top: 60px;
    }

.jumbotron.contact #address {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    color: #ebebeb;
    font-size: 18px;
    line-height: 1.4em;
    opacity: 0;
    -webkit-animation: fadein 2s 1s 1 forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s 1s 1 forwards; /* Firefox < 16 */
    -ms-animation: fadein 2s 1s 1 forwards; /* Internet Explorer */
    -o-animation: fadein 2s 1s 1 forwards; /* Opera < 12.1 */
    animation: fadein 2s 1s 1 forwards;
}

.contact-details {
    padding: 20px 0 100px 0;
    font-size: 18px;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    opacity: 0;
    -webkit-animation: fadein 2s 2s 1 forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s 2s 1 forwards; /* Firefox < 16 */
    -ms-animation: fadein 2s 2s 1 forwards; /* Internet Explorer */
    -o-animation: fadein 2s 2s 1 forwards; /* Opera < 12.1 */
    animation: fadein 2s 2s 1 forwards;
}

    .contact-details a {
        color: #000;
        text-decoration: none;
    }

footer {
    background: #444;
    padding: 50px 0;
    color: #FFF;
    font-size: 14px;
}

    footer .logo {
        margin: 0 0 15px 0;
        text-align: center;
    }

    footer p {
        margin: 0;
        text-align: center;
    }

    footer a {
        color: #FFF;
        text-decoration: none;
    }

    footer.contact {
        background: #FFF;
        text-align: center;
    }

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-weight: bold;
        height: auto;
        line-height: normal;
        padding: 15px 23px 14px;
        position: absolute;
        left: 5px;
        top: 5px;
        text-decoration: none;
        text-transform: none;
        width: auto;
        z-index: 100000; /* Above WP toolbar */
    }

.sfmsb-follow-social-buttons {
    text-align: center;
    color: #333333;
}

    .sfmsb-follow-social-buttons a {
        display: inline;
        display: inline-block;
        float: none;
        margin: 0 0 0 15px !important;
    }

.heading-text, .col-three-heading-text, .flexslider, .heading-text-image {
    opacity: 1;
}

.single-contact_us .nav-jumbotron {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 42.5%;
    height: auto;
    margin-bottom: 0;
}

.single-contact_us .navbar-header .navbar-brand {
    background: url(/images/absoluteUpholstery-logo-white.png) no-repeat center center;
    background-image: url(/images/absolute_logo_white.svg), none;
}

.single-contact_us #content {
    position: absolute;
    left: 0;
    right: 0;
    top: 57.5%;
    bottom: 0;
}

.single-contact_us .nav-jumbotron .jumbotron {
    min-height: 0;
    top: -75px;
    height: 100%;
}

.single-contact_us #navbar.collapse.in {
    margin-bottom: -96px;
}

.single-contact_us #navbar.collapse.collapsing {
    margin-bottom: -53px;
}

.single-contact_us #navbar ul.nav.navbar-nav > li > a {
    color: #FFF;
}

.single-contact_us #navbar ul.nav.navbar-nav > li.active > a, .single-contact_us #navbar ul.nav.navbar-nav > li.current-menu-item a {
    border-bottom: 2px solid #FFF;
}

.single-contact_us #navbar ul.nav.navbar-nav > li > a:hover, .single-contact_us #navbar ul.nav.navbar-nav > li > a:focus {
    border-bottom: 2px solid #FFF;
}

footer.contact {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    height: auto;
    padding: 0;
}

.col-lg-6 > p, .col-three-heading-text > p {
    padding-left: 15px;
    padding-right: 15px;
}


@media (min-width: 768px) {
    body {
        font-size: 18px;
    }

    .navbar-header .navbar-brand {
        width: 260px;
        height: 36px;
    }

    #navbar ul.nav.navbar-nav > li > a {
        /*font-size: 18px !important;*/
        padding: 10px 0 10px 0 !important;
    }

    .jumbotron .intro p {
        font-size: 18px;
    }

    .heading-text, .heading-text-image {
        font-size: 18px;
        max-width: 1680px !important;
    }

        .heading-text h2, .col-three-heading-text h3, .heading-text-image h2 {
            font-size: 21px;
        }

    .nav-jumbotron {
        /*margin-bottom:-25px;*/
        height: 100vh;
        z-index: 0;
    }

        .nav-jumbotron .jumbotron {
            top: -170px;
            height: 100%;
            background-size: cover !important;
        }

            .nav-jumbotron .jumbotron .intro {
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    .single-about .nav-jumbotron {
        height: 50vh;
    }

        .single-about .nav-jumbotron .jumbotron {
            min-height: 0;
        }


    .single-contact_us .nav-jumbotron .jumbotron {
        top: -170px !important;
        min-height: 380px;
    }

    #navbar ul.nav.navbar-nav li {
        display: inline-block !important;
        float: none !important;
        margin: 0 14px;
        padding: 0;
    }



    #navbar ul.nav.navbar-nav > li > a {
        display: block;
        color: #FFF;
    }

    #navbar ul.nav.navbar-nav > li.active > a, #navbar ul.nav.navbar-nav > li.current-menu-item a {
        border-bottom: 2px solid #FFF;
    }

    #navbar ul.nav.navbar-nav > li > a:hover, #navbar ul.nav.navbar-nav > li > a:focus {
        background: transparent !important;
        border-bottom: 2px solid #FFF;
    }

    .about #navbar ul.nav.navbar-nav > li > a {
        color: #FFF;
    }

    .about #navbar ul.nav.navbar-nav > li.active > a, .about #navbar ul.nav.navbar-nav > li.current-menu-item a {
        border-bottom: 2px solid #FFF;
    }

    .about #navbar ul.nav.navbar-nav > li > a:hover, .about #navbar ul.nav.navbar-nav > li > a:focus {
        background: transparent !important;
        border-bottom: 2px solid #FFF;
    }

    .navbar-header {
        margin: 54px auto 15px auto !important;
    }

        .navbar-header .navbar-brand {
            background: url(/images/absoluteUpholstery-logo-white.png) no-repeat center center;
            background-image: url(/images/absolute_logo_white.svg), none;
        }

    .about .navbar-header .navbar-brand {
        /*background: url(//images/absoluteUpholstery-logo-black.png) no-repeat center center;
		background-image: url(//images/absolute_logo.svg), none;*/
        background: url(/images/absoluteUpholstery-logo-white.png) no-repeat center center;
        background-image: url(/images/absolute_logo_white.svg), none;
    }

    .jumbotron.contact #address {
        font-size: 36px;
    }

    .contact-details {
        font-size: 36px;
    }

    .col-lg-6 > p, .col-three-heading-text > p {
        padding-left: 0;
        padding-right: 0;
    }

    footer p {
        text-align: left;
    }

    footer .logo {
        text-align: left;
    }
}