@charset "UTF-8";

/*
    STYLES TO OVERRIDE LEGACY.CSS

    The styles added in this file are to override the existing css in the legacy.css file
    in order to display the header, navigation and search bar as per the updated home page.
    These styles are only applied to the SaleRoom
*/

/* START PRIMARY HEADER */

.primary-header {
    background-color: #fff;
    color: #000;
    width: 100%;
    min-width: 250px;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .primary-header .page-outer {
        *zoom: 1;
        width: auto;
        max-width: 100%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        height: auto;
    }

        .primary-header .page-outer:before,
        .primary-header .page-outer:after {
            content: '';
            display: table;
        }

        .primary-header .page-outer:after {
            clear: both;
        }

@media only screen and (min-width: 900px) {
    .primary-header .page-outer {
        *zoom: 1;
        width: auto;
        max-width: 100%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        height: 70px;
    }

        .primary-header .page-outer:before,
        .primary-header .page-outer:after {
            content: '';
            display: table;
        }

        .primary-header .page-outer:after {
            clear: both;
        }
}

@media only screen and (min-width: 1050px) {
    .primary-header .page-outer {
        *zoom: 1;
        width: auto;
        max-width: 98%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
    }

        .primary-header .page-outer:before,
        .primary-header .page-outer:after {
            content: '';
            display: table;
        }

        .primary-header .page-outer:after {
            clear: both;
        }
}

@media only screen and (min-width: 1150px) {
    .primary-header .page-outer {
        *zoom: 1;
        width: auto;
        max-width: 96%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
    }

        .primary-header .page-outer:before,
        .primary-header .page-outer:after {
            content: '';
            display: table;
        }

        .primary-header .page-outer:after {
            clear: both;
        }
}

.primary-header .inner {
    -webkit-transition: margin 0.3s ease-out;
    -moz-transition: margin 0.3s ease-out;
    -o-transition: margin 0.3s ease-out;
    -ms-transition: margin 0.3s ease-out;
    transition: margin 0.3s ease-out;
    position: relative;
    *zoom: 1;
}

    .primary-header .inner:before,
    .primary-header .inner:after {
        content: '';
        display: table;
    }

    .primary-header .inner:after {
        clear: both;
    }

.primary-header .siteLogo {
    width: 230px;
    height: 60px;
    padding: 16px 0 0 20px;
}

@media only screen and (min-width: 600px) {
    .primary-header .siteLogo {
        padding: 16px 0 0 4%;
    }
}

@media only screen and (min-width: 900px) {
    .primary-header .siteLogo {
        padding: 22px 1em;
    }
}

@media only screen and (min-width: 1050px) {
    .primary-header .siteLogo {
        padding: 1.2em 1em 0.75em 0.25em;
    }
}

.primary-header .siteLogo img {
    width: 100%;
}

.primary-header .header-links {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    height: 70px;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    -ms-transition: -ms-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: right;
}

@media only screen and (max-width: 599px) {
    .primary-header .header-links {
        width: 33%;
        margin-top: 0;
        right: 20px;
        top: 0;
    }
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links {
        width: 60%;
        margin-top: 0;
        right: 4%;
        top: 0;
    }
}

@media only screen and (min-width: 900px) {
    .primary-header .header-links {
        right: 1.25em;
        margin-top: 0;
        top: 0;
        width: 35%;
    }
}

@media only screen and (min-width: 1050px) {
    .primary-header .header-links {
        right: 1.25em;
        margin-top: 0;
        top: 0;
        width: 40%;
    }
}

@media only screen and (min-width: 1150px) {
    .primary-header .header-links {
        right: 0;
        margin-top: 0;
        top: 0;
        width: 39%;
    }
}

@media only screen and (min-width: 1920px) {
    .primary-header .header-links {
        right: 0;
        margin-top: 0;
        top: 0;
        width: 35%;
    }
}

.primary-header .header-links .icon {
    border-radius: 0;
    color: #000;
    display: initial;
    vertical-align: baseline;
    width: auto;
    height: auto;
    font-size: 0.95em;
}

.primary-header .header-links .icon-menu {
    border-radius: 3px;
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 0.95em;
    right: 0;
    padding: 0.3em 0.35em 0.1em;
    font-size: 1.15em;
    cursor: pointer;
    color: #000;
}

    .primary-header .header-links .icon-menu:before {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
    }

    .primary-header .header-links .icon-menu:hover {
        color: #d59e00;
    }

@media only screen and (min-width: 600px) {
    .primary-header .header-links .icon-menu {
        display: none;
    }
    .primary-header .header-links .icon {
        font-size: 14px;
    }
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links .salutation {
        display: inline-block;
        width: auto;
        max-width:95px;
        vertical-align: bottom;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color :#000;
    }
    .primary-header .header-links #account_bidder_info:hover .salutation {
        color: #d59e00;
    }
}

.primary-header .header-links ul {
    margin: 0;
    padding: 0;
    margin-right: 2em;
    margin-top:1.25em;
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links ul {
        margin-right: 0;
        margin-top: 0.5em;
    }
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links ul {
        margin-top: 0.5em;
    }
}

@media only screen and (min-width: 900px) {
    .primary-header .header-links ul {
        margin-top: 0.5em;
    }
}

@media only screen and (min-width: 1150px) {
    .primary-header .header-links ul {
        margin-top: 0.5em;
    }
}

@media only screen and (min-width: 1300px) {
    .primary-header .header-links ul {
        margin-top: 1.5em;
    }
}

.primary-header .header-links ul li {
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links ul li {
        margin-top: 0;
        margin-left: 0.75em;
    }
}

@media only screen and (min-width: 900px) {
    .primary-header .header-links ul li {
        margin-top: 0;
        margin-left: 0.75em;
    }
}

@media only screen and (min-width: 1150px) {
    .primary-header .header-links ul li {
        margin-top: 0;
        margin-left: 0.75em;
    }
}

@media only screen and (min-width: 1920px) {
    .primary-header .header-links ul li {
        margin-left: 1.5em;
    }
}

.primary-header .header-links ul li:first-child {
    margin-left: 0;
}

.primary-header .header-links ul li a {
    font-size: 1.1em;
    font-weight: 300;
    color: #000;
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links ul li a {
        font-size: 0.85em;
    }
}

.primary-header .header-links ul li a.rightBar {
    border-right: 0px none transparent;
    color: #000;
    padding-right: 0;
    margin-right: 0;
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links ul li a.rightBar {
        border-right: 1px solid #000;
        padding-right: 0.6em;
        margin-right: 0.35em;
    }
}

.primary-header .header-links ul li a.icon:before {
    margin-right: 0.75em;
    top: 2px;
    position: relative;
}

.primary-header .header-links ul li a:hover {
    color: #d59e00;
}

.primary-header .header-links ul li a span {
    display: inline-block;
    vertical-align: baseline;
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links ul li a span {
        display: inline-block;
        vertical-align: baseline;
    }
}

.primary-header .header-links .hide-for-mobile {
    display: none;
}

@media only screen and (min-width: 600px) {
    .primary-header .header-links .hide-for-mobile {
        display: inline-block;
    }
}

.primary-header .header-links .culture-menu-item {
    margin-left: 0.5rem;
    padding-left: 0.25em;
}

@media only screen and (min-width: 1920px) {
    .primary-header .header-links .culture-menu-item {
        margin-left: 1.75em;
        padding-left: 0.25em;
    }
}

.primary-header .header-links .culture-menu-item:hover .culture-dropdown .culture-dropdown-content {
    display: block;
}

.primary-header .header-links .culture-dropdown {
    position: relative;
    display: inline-block;
    top: 3px;
}

.primary-header .header-links .culture-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 6px 16px;
    z-index: 121;
    right: -1px;
    top: 1.3em;
}

.primary-header .header-links .culture-dropdown-content .culture-dropdown-item {
    display: block;
    padding: 4px;
}

.primary-header .header-links .culture-dropdown-content .culture-dropdown-item.current {
    font-weight: 500;
}

.menu-open .primary-header .header-links .icon-menu {
    background-color: #000;
    font-size: 0.95em;
    padding: 0.3em 0.35em 0;
    top: 16px;
    right: 3px;
}

    .menu-open .primary-header .header-links .icon-menu:hover {
        color: #d59e00;
    }

    .menu-open .primary-header .header-links .icon-menu:before {
        content: "t";
        top: 0;
        left: 0;
    }

/* END PRIMARY HEADER */

/* START PRIMARY NAV */

.primary-navigation {
    display: block;
    -webkit-transition: padding 0.3s ease-out;
    -moz-transition: padding 0.3s ease-out;
    -o-transition: padding 0.3s ease-out;
    -ms-transition: padding 0.3s ease-out;
    transition: padding 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background:transparent;
}

@media only screen and (min-width: 600px) {
    .primary-navigation {
        background: #c9cacb;
    }
}

.primary-navigation .nav-outer {
    display: none;
    text-align: center;
    height: 51px;
    position: relative;
}

@media only screen and (min-width: 600px) {
    .primary-navigation .nav-outer {
        *zoom: 1;
        width: auto;
        max-width: 100%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

        .primary-navigation .nav-outer:before,
        .primary-navigation .nav-outer:after {
            content: '';
            display: table;
        }

        .primary-navigation .nav-outer:after {
            clear: both;
        }
}

@media only screen and (min-width: 900px) {
    .primary-navigation .nav-outer {
        *zoom: 1;
        width: auto;
        max-width: 100%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

        .primary-navigation .nav-outer:before,
        .primary-navigation .nav-outer:after {
            content: '';
            display: table;
        }

        .primary-navigation .nav-outer:after {
            clear: both;
        }
}

@media only screen and (min-width: 1050px) {
    .primary-navigation .nav-outer {
        *zoom: 1;
        width: auto;
        max-width: 98%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

        .primary-navigation .nav-outer:before,
        .primary-navigation .nav-outer:after {
            content: '';
            display: table;
        }

        .primary-navigation .nav-outer:after {
            clear: both;
        }
}

@media only screen and (min-width: 1150px) {
    .primary-navigation .nav-outer {
        *zoom: 1;
        width: auto;
        max-width: 96%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

        .primary-navigation .nav-outer:before,
        .primary-navigation .nav-outer:after {
            content: '';
            display: table;
        }

        .primary-navigation .nav-outer:after {
            clear: both;
        }
}

.primary-navigation .mobileOnly {
    display: none;
}

.primary-navigation .todaysAuctions {
    position: relative;
    display: inline-block;
    top: 0;
}

@media only screen and (min-width: 1150px) {
    .primary-navigation .todaysAuctions {
        display: block;
        position: absolute;
        left: -1%;
    }
}

.primary-navigation .listCategories {
    width: auto;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    text-align: left;
    display: inline-block;
}

@media only screen and (min-width: 1350px) {
    .primary-navigation .listCategories {
        display: block;
        padding-left: 104px;
        padding-right: 204px;
        text-align: center;
    }
}

.primary-navigation .listCategories li {
    display: none;
}

@media only screen and (min-width: 1350px) {
    .primary-navigation .listCategories li {
        display: inline-block;
    }
}

.primary-navigation .listCategories li.smallDesktop {
    display: inline-block;
}

@media only screen and (min-width: 1350px) {
    .primary-navigation .listCategories li.smallDesktop {
        display: none;
    }
}

.primary-navigation .pricesHelp {
    position: relative;
    top: 0;
    display: inline-block;
}

@media only screen and (min-width: 1150px) {
    .primary-navigation .pricesHelp {
        display: block;
        position: absolute;
        right: 0;
    }
}

.primary-navigation ul {
    display: inline-block;
}

    .primary-navigation ul.sub-menu {
        display: none;
        background:transparent;
    }

    .primary-navigation ul li {
        margin: 0;
        padding: 0;
        line-height: 22px;
    }

@media only screen and (min-width: 600px) {
    .primary-navigation ul li {
        display: inline-block;
    }
}

.primary-navigation ul li.active .top-menu {
    background: #ffd764;
    color: #000;
}

.primary-navigation ul li.active ul.sub-menu {
    display: block;
}

@media only screen and (min-width: 600px) {
    .primary-navigation ul li.active ul.sub-menu {
        border-top: 1px solid #d59e00;
    }
}

.primary-navigation ul li.active ul li {
    display: block;
}

.primary-navigation ul li a,
.primary-navigation ul li span {
    color: #000;
    display: block;
    font-size: 0.9em;
    cursor: pointer;
    padding: 1em 1em;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media only screen and (min-width: 600px) {
    .primary-navigation ul li a,
    .primary-navigation ul li span {
        color: #414042;
    }
}

.primary-navigation ul li a:active,
.primary-navigation ul li span:active,
.primary-navigation ul li a:hover,
.primary-navigation ul li span:hover {
    background: #ffd764;
    color: #000;
}

.primary-navigation a:after, .primary-navigation span:after {
    font-family: "spa-icons" !important; 
    content: 'm'; 
    font-size: 13px; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    speak: none; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
    position: relative; 
    right: initial; 
    top: initial; 
    font-size: inherit; 
}

@media only screen and (min-width: 600px) {
    .primary-navigation a:after, .primary-navigation span:after {
        content: none;
        padding-left: initial;
        top: initial;
        left: initial;
        right: initial;
        color: inherit;
    }
}

.primary-navigation ul li a.top-menu:after,
.primary-navigation ul li span.top-menu:after {
    font-size: 0.7em;
    padding-left: 0.6em;
}

@media only screen and (min-width: 600px) {
    .primary-navigation ul li a.top-menu:after,
    .primary-navigation ul li span.top-menu:after {
        content: 'n';
        font-size: 0.6em;
    }
}

@media only screen and (min-width: 1200px) {
    .primary-navigation ul .top-menu {
        font-size: 0.9em;
    }
}

.primary-navigation .sub-menu {
    display: none;
}

@media only screen and (min-width: 600px) {
    .primary-navigation .sub-menu {
        position: absolute;
        z-index: 150;
        border-radius: 0 0 5px 5px;
        width: auto;
        min-width: 116px;
    }
}

.primary-navigation .sub-menu li.menu-back {
    display: block;
}

@media only screen and (min-width: 600px) {
    .primary-navigation .sub-menu li.menu-back {
        display: none;
    }
}

.primary-navigation .sub-menu li:last-of-type a,
.primary-navigation .sub-menu li:last-of-type span {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}

.primary-navigation .sub-menu a,
.primary-navigation .sub-menu span {
    background: #ffd764;
    color: #000;
    white-space: nowrap;
    text-align: left;
}

@media only screen and (min-width: 600px) {
    .primary-navigation .sub-menu a,
    .primary-navigation .sub-menu span {
        margin: 0;
        border-bottom: 1px solid #d59e00;
        padding: 0.75em 1.6em 0.85em 1em;
    }
}

.primary-navigation .sub-menu a.chat-icon:after,
.primary-navigation .sub-menu span.chat-icon:after {
    font-family: "spa-icons" !important;
    content: "d";
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5em;
}

.menu-open .primary-navigation {
    display: block;
    border-top: 1px solid #d59e00;
}

.menu-open .primary-navigation.active .mobileOnly li {
    display: block;
}

.menu-open .primary-navigation .mobileOnly {
    display: block;
}

@media only screen and (min-width: 600px) {
    .menu-open .primary-navigation .mobileOnly {
        display: none;
    }
}

.menu-open .primary-navigation .mobileOnly ul {
    width: 100%;
}

    .menu-open .primary-navigation .mobileOnly ul.sub-menu {
        position: absolute;
        left: 0;
        top: -17px;
        z-index: 150;
    }

.menu-open .primary-navigation .mobileOnly li {
    display: none;
}

    .menu-open .primary-navigation .mobileOnly li.menu-back span:before {
        font-family: "spa-icons" !important;
        content: 'l';
        font-size: 0.7em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-right: 0.6em;
    }

.primary-navigation .sub-menu .menu-back span:after,
.primary-navigation .mobileOnly a:after {
    content: none;
    left: initial;
    right: initial;
    line-height: initial;
}

.primary-navigation .sub-menu .menu-back span {
    padding-left: 1em;
}

.menu-open .primary-navigation .mobileOnly li:last-of-type a,
.menu-open .primary-navigation .mobileOnly li:last-of-type span {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}

    .menu-open .primary-navigation .mobileOnly li.active {
        display: block;
        position:relative;
    }

        .menu-open .primary-navigation .mobileOnly li.active ul.sub-menu li {
            display: block;
        }

.menu-open .primary-navigation .mobileOnly a,
.menu-open .primary-navigation .mobileOnly span {
    font-size: 16px;
    background: #ffd764;
    color: #000;
    border-bottom: 1px solid #d59e00;
    padding-top:1em;
    padding-bottom:1em;
}

    .menu-open .primary-navigation .mobileOnly a.top-menu:after,
    .menu-open .primary-navigation .mobileOnly span.top-menu:after {
        position: absolute;
        right: 1.5em;
        margin-top: 0.4em;
    }

@media only screen and (min-width: 600px) {
    .menu-open .primary-navigation .mobileOnly a.top-menu:after,
    .menu-open .primary-navigation .mobileOnly span.top-menu:after {
        position: relative;
        right: auto;
        margin-top: auto;
    }
}

.menu-open .primary-navigation .mobileOnly a:active,
.menu-open .primary-navigation .mobileOnly span:active,
.menu-open .primary-navigation .mobileOnly a:hover,
.menu-open .primary-navigation .mobileOnly span:hover {
    background: #ffd764;
    color: #000;
}

.primary-navigation .account-link > span:after, .primary-navigation .account-link > a:after {
    content: none;
    vertical-align: inherit;
    position: inherit;
    right: inherit;
    font-size: inherit;
    top: inherit;
}

/* END PRIMARY NAV */

/* START SEARCH */
.main-search {
    position: relative;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0.6em 4% 0.65em;
    height: auto;
    min-height: 45px;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 120;
    border-top: 1px solid #626262;
}

@media only screen and (min-width: 600px) {
    .main-search {
        width: 100%;
        margin-top: 0;
        height: auto;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 120;
    }
}

@media only screen and (min-width: 900px) {
    .main-search {
        position: absolute;
        top: 12px;
        right: auto;
        left: 230px;
        margin-top: 2px;
        width: 38%;
        background: transparent;
        height: 45px;
        z-index: 120;
        padding: 0;
        border-top: 0px none transparent;
    }
}

@media only screen and (min-width: 1050px) {
    .main-search {
        position: absolute;
        top: 12px;
        left: 250px;
        margin-top: 2px;
        width: 32%;
        background: transparent;
        height: 45px;
        z-index: 120;
        padding: 0;
    }
}

@media only screen and (min-width: 1150px) {
    .main-search {
        position: absolute;
        top: 12px;
        right: auto;
        left: 21%;
        margin-top: 0;
        width: 38%;
        background: transparent;
        height: 45px;
        z-index: 120;
        padding: 0;
    }
}

@media only screen and (min-width: 1920px) {
    .main-search {
        position: absolute;
        top: 12px;
        right: auto;
        left: 20%;
        margin-top: 0;
        width: 45%;
        background: transparent;
        height: 45px;
        z-index: 120;
        padding: 0;
    }
}

.main-search .lot-search {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding: 0;
}

@media only screen and (min-width: 600px) {
    .main-search .lot-search {
        margin: 0;
        width: 100%;
    }
}

.main-search .main-search-form {
    position: static;
}

.main-search input[type="text"] {
    display: inline-block;
    padding: 10px 54px 10px 15px;
    font-size: 14px;
    border: 0px solid transparent;
    outline: none;
    background: #fff;
    width: 100%;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: 45px;
}

.searchbox-open .main-search input[type="text"] {
    display: inline-block;
}

@media only screen and (min-width: 600px) {
    .main-search input[type="text"] {
        display: inline-block;
        background: #fff;
        padding: 10px 54px 10px 15px;
        height: 45px;
    }
}

.main-search .search-button {
    display: inline-block;
    background: transparent;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 0px solid transparent;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    padding: 7px 15px 3px 15px;
    font-size: 22px;
    color: #414042;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: 45px;
    border-radius: 0;
}

.searchbox-open .main-search .search-button {
    display: inline-block;
}

@media only screen and (min-width: 600px) {
    .main-search .search-button {
        display: inline-block;
        background-color: transparent;
        border: 0px solid transparent;
        border-top: 1px solid #000;
        font-size: 22px;
        position: absolute;
        padding: 7px 15px 3px 15px;
        top: 0;
        right: 0;
        color: #414042;
        height: 45px;
    }
}

.main-search input.top-nav-search {
    border: 1px solid #000;
}

.search-auto-complete {
    color: #414042;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(65,64,66,0.3);
    box-shadow: 0 0 6px 0 rgba(65,64,66,0.3);
    border: 1px solid #000;
    border-top: 0;
    display: none;
    font-size: 14px;
    z-index: 10;
    width: 100%;
    margin-top: -25px;
    padding-top: 20px;
}

form:not(.main-search-form) .search-auto-complete {
    position: absolute;
}

/* END SEARCH */

/* COOKIE BANNER */
.cookie-banner {
    background-color: #414042;
    border-bottom: 1px solid #ffd764;
    font-size: 14px;
}
    .cookie-banner .button {
        vertical-align: middle;
        margin-right: 20px;
        text-decoration: none;
        background-color: #ffd764;
        border-color: #ffd764;
    }
@media only screen and (min-width: 600px) {
    .cookie-banner .button.secondary:hover {
        background-color: #ffd764;
        border-color: #ffd764;
    }
}
@media only screen and (min-width: 900px) {
    .cookie-banner div {
        width: 100%;
        padding: 10px 1.25em 5px;
        text-align: center;
    }
}

/* SITEWIDE BANNER */
.sitewide-banner {
    border-bottom: 1px solid #ffd764;
}

@media only screen and (min-width: 900px) {
    .sitewide-banner div {
        padding: 10px 1em 5px;
        text-align: center;
    }
}