/* Bootstrap Overrides*/
.btn { text-transform: none; font-family: "HelveticaNeueRoman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.btn-primary, .btn-primary:active, .btn-primary:active:focus { background-color: #279DEA; border-width: 0; padding: 7px 12px; transition: transform 0.35s ease, background-color 0.35s ease; }
    .btn-primary:enabled:hover { /*transform: translateY(-3px);*/ background-color: #00a3f5; }

/*header { width: auto!important; }*/
header .brand_logo { padding-top: 26px; }

.staples_header { background: #444444; min-height: 50px; }
    .staples_header a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; font-weight: normal; }
        .staples_header a:hover { color: #ffffff; text-decoration: underline; }
    .staples_header ul.staples_menu { list-style-type: none; margin: 0; padding: 0; }
        .staples_header ul.staples_menu li { display: inline-block; }
            .staples_header ul.staples_menu li a span { vertical-align: middle; margin-left: 4px; }
    .staples_header .staples_extra_info { margin-top: 18px; border-left: 2px solid #fff; line-height: 1; padding-left: 10px; margin-left: 10px; }
        .staples_header .staples_extra_info span { vertical-align: middle; margin-right: 4px; }
    .staples_header ul.top_right_menu { margin-top: 15px; }
        .staples_header ul.top_right_menu li { border-right: 1px solid #fff; line-height: 12px; padding: 0 10px; }
            .staples_header ul.top_right_menu li a .staples-shopping-cart-icon { vertical-align: bottom; margin-left: 5px; }
            .staples_header ul.top_right_menu li:last-child { border: none; padding-right: 0; }

#staplesBus { }
    #staplesBus header { width: 100%; color: #fff; }
        #staplesBus header .staples-brand { background-color: #000; padding: 0px 20px; }
            #staplesBus header .staples-brand a { color: #fff; }
            #staplesBus header .staples-brand .staples-top-nav { max-width: 1200px; margin: 0 auto; }
                #staplesBus header .staples-brand .staples-top-nav .staples-maple-leaf { margin-bottom: -5px; margin-left: 5px; }
                #staplesBus header .staples-brand .staples-top-nav .pull-right { margin-top: 10px; }
        #staplesBus header .staples-menu { max-width: 1200px; margin: 0 auto; background-color: #fff; color: #999; border: solid 1px #dbdbdb; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }
            #staplesBus header .staples-menu .cart-button { background-color: #f3cd00; display: block; padding: 10px 15px; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: none; }
    #staplesBus .google_map_container { height: 400px !important; }

header .header_content { /*height: 254px;*/ }
header .header_bottom_section { /*position: absolute; bottom: 0;*/ width: 100%; }
header .header_bottom_section .logo { display: none; text-align: center; padding: 7px; }
header .header_bottom_section .logo img { max-width: 200px; }

header .header_top_section { font-family: Arial, Helvetica, sans-serif !important; }
    header .header_top_section .header_col_left { border-right: 1px solid #dbdbdb; min-height: 100px; }
    header .header_top_section .header_col_right { border-left: 1px solid #dbdbdb; padding-left: 0; min-height: 100px; }
        header .header_top_section .header_col_right a { font-size: 17px; color: #999; font-weight: bold; }
            header .header_top_section .header_col_right a:hover { text-decoration: none; }
header .staples_cart_button { background: #f3cd00; font-size: 16px; padding: 10px 10px 9px 3px; text-transform: uppercase; font-weight: bold; color: #000 !important; display: inline-block; text-decoration: none; margin: 0px; }
    header .staples_cart_button span { vertical-align: middle; }
header .header_top_section .header_col_right .staples_link { padding: 12px 0 12px 20px; }
    header .header_top_section .header_col_right .staples_link span { /*vertical-align: middle;*/ margin-right: 5px; }
header .header_top_section .staples_logo { padding-top: 20px; }
header a.product_nav_button { text-transform: uppercase; color: #666; }
header .product_nav a { font-family: sans-serif, Arial, Helvetica, sans-serif !important; }
/*header .cart_nav { display: none; }*/

#staplesKioskModal .modal_content { }
    #staplesKioskModal .modal_content .checkout, #staplesKioskModal .modal_content .exit { display: none; }
#staplesKioskModal.checkout .modal_content form.checkout { display: block; }
#staplesKioskModal.exit .modal_content form.exit { display: block; }

.modal .modal-footer .btn-secondary { background-color: #000; color: #fff; text-align: right; border-color: #000; }

.cart_details_wrapper, .cross_sell_wrapper { padding-left: 0 !important; }

.staples_footer { width: 1200px; margin-left: auto; margin-right: auto; padding-left: 6px; padding-right: 6px; position: relative; color: #444444; font-family: Arial, Helvetica, sans-serif !important; }
    .staples_footer .content { background-color: #e4e4e4; font-size: 12px; }
        .staples_footer .content a { color: #444444; }
    .staples_footer .footer-col-content { padding: 20px; min-height: 220px; }
        .staples_footer .footer-col-content.center { min-height: auto; padding: 20px 0; }
        .staples_footer .footer-col-content.left { background: url("../images/main/staples-footer-separator.png") top right no-repeat; }
        .staples_footer .footer-col-content.right { background: url("../images/main/staples-footer-separator.png") top left no-repeat; }
        .staples_footer .footer-col-content h5 { margin-top: 0; text-transform: uppercase; }
        .staples_footer .footer-col-content ul { margin: 0; padding: 0; list-style-type: none; }
            .staples_footer .footer-col-content ul.staples_footer_social li:first-child { margin-left: 0; }
            .staples_footer .footer-col-content ul.staples_footer_social li { display: inline-block; margin-left: 6px; }
            .staples_footer .footer-col-content ul li .staples-arrows-list-style-type { vertical-align: middle; }
        .staples_footer .footer-col-content.center ul li { margin-bottom: 5px; }
        .staples_footer .footer-col-content.right .staples-right-arrow { vertical-align: middle; }
        .staples_footer .footer-col-content.right .staples-accessibility { margin: 25px 0 0 0; }
        .staples_footer .footer-col-content hr { border-color: #cacaca; }
    .staples_footer .copy { font-size: 10px; text-align: right; padding: 15px; color: #000; }

.btn-staples-footer { font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 11px; padding: 6px 20px; background-color: hsl(0, 0%, 16%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828"); background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828)); background-image: -moz-linear-gradient(top, #5b5b5b, #282828); background-image: -ms-linear-gradient(top, #5b5b5b, #282828); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828)); background-image: -webkit-linear-gradient(top, #5b5b5b, #282828); background-image: -o-linear-gradient(top, #5b5b5b, #282828); background-image: linear-gradient(#5b5b5b, #282828); border-color: #282828 #282828 hsl(0, 0%, 11%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }

.footer_content { margin-bottom: 20px; }

footer { }
    footer .footer__blocks { background-color: #fff; flex-direction: column; width: 100%; align-items: center; font-family: sans-serif, Arial, Helvetica, sans-serif !important; }
        footer .footer__blocks .footer__menu-container { display: flex; justify-content: center; padding-top: 30px; }
            footer .footer__blocks .footer__menu-container .footer__block { flex: 0 1 25%; max-width: 210px; }
    footer ul.footer__menu { list-style: none; padding: 0px; margin: 0 0 20px; }
    footer .footer__title { text-transform: uppercase; font-size: 14px; line-height: 24px; color: #444; }

    footer .footer-logo-container { display: flex; justify-content: space-between !important; align-items: center; padding-top: 20px; padding-bottom: 15px; margin: 0; width: 90%; }
        footer .footer-logo-container .links a:last-child { margin-left: 20px; }

    footer .footer__base-links { font-size: 13px; }

.iframe-container { z-index: 0; }
    .iframe-container #iframe-header { width: 100%; height: 100%; min-height: 206px; border: none; }

.iframe-footer-container { height: 600px; }
    .iframe-footer-container iframe { background: #fff; border: none; width: 100%; height: 100%; }

@media only screen and (max-width:1025px) {
    .iframe-container #iframe-header { min-height: 126px; }
    .iframe-footer-container iframe { height: 679px; }
}

@media (max-width: 1199px) {
    .staples_footer { width: 960px; }
        .staples_footer .footer-col-content { min-height: 244px; }
    #staplesBus header .staples-menu .product_nav a { padding: 10px 15px; }
}

@media (max-width: 991px) {
    .staples_footer { width: 724px; }
        .staples_footer .footer-col-content { min-height: 390px; }
            .staples_footer .footer-col-content.center { padding-bottom: 0; }
    header .brand_logo { padding-top: 32px; }
    header .header_top_section .staples_logo { padding-top: 34px; }

    header .header_content { height: 180px; }
    header .header_bottom_section { position: initial; border-top: solid 1px #dbdbdb; position: absolute; bottom: 0; top: initial; }
        header .header_bottom_section .logo { display: block; }


}

@media (max-width: 767px) {
    header { position: relative; }
        header .brand_logo { padding: 10px 0; }
        header .header_top_section .header_col_left { min-height: inherit; }
        header .cart_nav { display: block; }

/*        header .header_content { height: 180px; }
        header .header_bottom_section { position: initial; border-top: solid 1px #dbdbdb; position:absolute; bottom: 0; top: initial; }
        header .header_bottom_section .logo { display: block; }
*/
    footer { }
        footer .footer__blocks { flex-direction: column; }
            footer .footer__blocks .footer__menu-container { flex-direction: column; width: 100%; padding-left: 40px; padding-right: 40px; }
                footer .footer__blocks .footer__menu-container .footer__block { flex: 0 1 50%; max-width: none; }

    #staplesBus header { }
        #staplesBus header .staples-brand .staples-logo { text-align: center; }
        #staplesBus header .staples-menu { position: absolute; top: 0px; width: 100%; background-color: transparent; }
            #staplesBus header .staples-menu .glyphicon-menu-hamburger { color: #f3cd00; }
            #staplesBus header .staples-menu .cart-button { padding: 15px 15px 14px 15px; }
                #staplesBus header .staples-menu .cart-button span { display: none; }


    .main_content { margin-top: 0; }

    .staples_header .staples_logo { float: none !important; }
    .staples_footer { width: 100%; padding-left: 0; padding-right: 0; }
        .staples_footer .footer-col-content { min-height: auto; padding: 10px 20px; min-height: auto; }
            .staples_footer .footer-col-content.left { background: none; padding-top: 20px; }
            .staples_footer .footer-col-content.center { padding: 5px 20px; }
            .staples_footer .footer-col-content.right { background: none; }
                .staples_footer .footer-col-content.right .staples-accessibility { margin: 20px 0 10px 0; }
}