﻿/* Navigation */
header#site-header .logoWrapper {
    position: relative;
    height: 120px;
    width: 300px;
}

header#site-header .logoWrapper #logo {
    position: absolute;
    bottom: 0;
    top: unset;
    height: unset;
    padding-bottom: 22px;
    padding-right: 30px;
}

    @media only screen and (min-width: 992px) {
        .logoWrapper.mobile {
            display: none;
        }

        .logoWrapper.desktop {
            display: block;
        }

        header#site-header .navigation {
            position: relative;
            padding-left: 60px;
        }

            header#site-header .navigation .reveal {
                position: absolute;
                bottom: 0;
            }

        header#site-header nav.main > ul > li {
            padding-right: 70px;
        }

            header#site-header nav.main > ul > li:first-child {
                padding-left: 0;
            }

            header#site-header nav.main > ul > li:last-child {
                padding-right: 0;
            }

        .submenuWrapper {
            display: none;
        }

            .submenuWrapper.display {
                z-index: 4;
                display: block;
                width: 100vw;
                position: fixed;
                background-color: #FFF;
                opacity: 0.75;
                padding-left: 60px;
                left: 0;
                height: 150px;
                transition: top 0.3s ease-in-out 0s;
            }

        .nav-down .submenuWrapper.display, .reached-top .submenuWrapper.display {
            top: 120px;
            transition: top 0.4s ease-in-out 0s;
        }

        .nav-up .submenuWrapper.display {
            top: 0;
            transition: top 0.3s ease-in-out 0s;
        }

        header#site-header nav.main ul ul > li.active > span a {
            color: #6B1C23;
        }

        header#site-header nav.main ul ul > li > span a {
            white-space: nowrap;
        }

    }


    @media only screen and (max-width: 1200px) {
        header#site-header .logoWrapper {
            width: 267px;
        }

            header#site-header .logoWrapper #logo {
                padding-right: 10px;
                right: 0;
            }

        header#site-header nav.main > ul > li {
            padding-right: 30px;
        }
    }

    @media only screen and (max-width: 991px) {
        .submenuWrapper.display {
            display: none;
        }

        header#site-header .logoWrapper.desktop {
            display: none;
        }

        header#site-header .logoWrapper.mobile {
            display: block;
            height: 90px;
        }
    }
    /* Navigation end */
    /* Contact Form */
    .contactForm .newsletter {
        border: 1px solid #000;
    }

    .contactForm .form-control {
        border-color: #000;
    }

    .contactForm label {
        color: #6B1C23;
    }

    .contactForm input, .contactForm textarea, .contactForm label, .contactForm .control-label, .contactForm .form-control {
        font-size: 16px;
    }
    /* Contact Form  end */
    /* page content */
    .winered h3 {
        color: #6B1C23 !important;
    }

    section.usn_cmp_splitcomponent.removePaddingBottom {
        padding-bottom: 10px;
    }

    table.borderless, table.borderless td, table.borderless th {
        border: none
    }

    table.borderless td {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    /* page content end */