/* Style sheet for container below 767px wide */

@media (max-width: 767px) {

    .ol-scrollbar::-webkit-scrollbar { height: 5px; }

    #divOldSite { display: none; }
    .cybermonday { display: none; }

        .cybermonday + header { margin-top: 0; }

    /* Custom main content */
    header, .main_content { width: 100%; padding-left: 0; padding-right: 0; min-width: 320px; position: relative; }

    header { /*position: fixed; z-index: 100;*/ top: -1px; left: 0; border-top: 1px solid #dbdbdb; }

        /*header .row { margin: 0; }

        header .col-xs-12 { padding: 0; }*/

    .main_content { overflow: hidden; margin-top: 90px; }

    header .header_content { /*position: fixed;*/ width: 100%; z-index:100; border: none; border-bottom: 1px solid #dbdbdb; height: 52px; background: #fff; margin-bottom: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

    header .brand_logo { padding: 10px 0; text-align: center; /*z-index: 2000;*/ position: relative; }

    header .header_bottom_section { border: none; position: absolute; width: 100%; top: 0; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

    /* Header mobile menu */
    header .mobile_menu { position: relative; top: 0; left: 0; border-right: 1px solid #dadada; /*min-height: 52px;*/ min-width: 48px; /*z-index: 10000;*/ }

    .mobile_menu .multipurpose_menu { /*display: none;*/ position: static; }

    header .mobile_menu a.mobile_menu_toggle { padding: 15px; display: block; }

    /* Header mobile menu dropdown */
    header .mobile_menu_shadows_container { position: absolute; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); background: #fff; }

        header .mobile_menu_shadows_container .dropdown-menu-arrow { position: absolute; display: none; left: 9px; top: -20px; }

    header .mobile_menu_contents { margin-top: 0; padding: 0; width: 320px; position: relative; z-index: 10000; }

        header .mobile_menu_contents .dropdown-menu-arrow { left: 9px; top: -14px; }

    header .list-group_ { list-style-type: none; padding: 0; margin-bottom: 0; }

        header .list-group_ .list-group-item_ { border: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; clear: both; }

            header .list-group_ .list-group-item_ .ui-rightarrow-thin,
            header .list-group_ .list-group-item_ .ui-downarrow-thin { float: right; margin: 18px; }

            header .list-group_ .list-group-item_ .ui-downarrow-thin { display: none; }

            header .list-group_ .list-group-item_.open .ui-rightarrow-thin { transform: rotate(90deg); }
            header .list-group_ .list-group-item_.open .ui-downarrow-thin { display: inline-block; }

            /*header .list-group_ .list-group-item_ .icon-right-arrow-mobile-nav,*/
            /*header .list-group_ .list-group-item_ .icon-down-arrow-mobile-nav { position: absolute; right: 10px; margin: 20px 4px 0; }

            header .list-group_ .list-group-item_ .icon-down-arrow-mobile-nav { display: none; }

            header .list-group_ .list-group-item_.open .icon-down-arrow-mobile-nav { display: inline-block; }

            header .list-group_ .list-group-item_.open .icon-right-arrow-mobile-nav { display: none; }*/

            header .list-group_ .list-group-item_ a, header .list-group_ .list-group-item_ .level_2_menu_toggle { border-bottom: 1px solid #dadada; }

    .one_liner { min-height: 55px; }

        .one_liner .user_logged_in { padding-top: 15px !important; }

    header .list-group_ .list-group-item_ a { border-bottom: 1px solid #dadada; padding: 15px 15px; display: block; position: relative; font-family: 'Bitter', serif; font-weight: 600; font-size: 15px; color: #464646; text-decoration: none; text-align: left; }

    .menu_header a { color: #fff; }

    header .list-group_ .list-group-item_ a .icon-globe { vertical-align: baseline; margin-right: 8px; }

    header .list-group_ .list-group-item_ a.culture_selector_mobile .culture_selector_change { font-family: 'Bitter', serif; font-size: 12px; }

    header .list-group_ .list-group-item_ a:hover { color: #4575a3; }

    /* 1st level menu */
    .level_1_menu { position: relative; display: none; padding-bottom: 20px !important; background: #fff; /* -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); */ }

        .level_1_menu .dropdown-menu-arrow { position: absolute; }

    /* 2nd level menu */
    .level_2_menu { position: absolute; z-index: 100; width: 320px; top: 0; right: 0; left: 320px; display: none; /* -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); */ }

        .level_2_menu .list-group_ { margin-bottom: 0; }

            .level_2_menu .list-group_ .list-group-item_ { background: #fff; }

                .level_2_menu .list-group_ .list-group-item_ .close_level_2_menu { font-family: 'Bitter', serif; font-style: italic; color: #1376a6; font-weight: normal; }

                    .level_2_menu .list-group_ .list-group-item_ .close_level_2_menu span { vertical-align: middle; line-height: 1; }

                    .level_2_menu .list-group_ .list-group-item_ .close_level_2_menu:hover { font-weight: 600; }

    /* 3nd level menu */
    .level_3_menu { display: none; }

        .level_3_menu .list-group_ .list-group-item_ { background: #eeeeee; }

        .level_3_menu .list-group_ { margin-bottom: 0; }

    /* Mini cart*/
    header .cart_nav { position: relative; /*z-index: 10000;*/ border: none; }

        header .cart_nav a.cart_dropdown_toggle { display: block; width: 100%; /*min-height: 52px;*/ padding: 10px; display: block; border-left: 1px solid #dadada; z-index: 10; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

            header .cart_nav a.cart_dropdown_toggle .icon-cart { margin: 0; }

    header .cart_contents .dropdown-menu-arrow { z-index: 1003; top: -15px; right: 8px; }

    header .cart_contents { min-width: 320px; max-width: 320px; right: 0; top: 52px; border-top: none; z-index: 1002; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

    header .cart_contents_wrapper { background: #fff; }


    header .cart_contents .cart_item_details p.cart_item_price { position: static; margin-top: -10px; font-family: inherit; font-weight: 600; font-size: 17px; text-align: right; }

    header .cart_actions { width: 75%; }

        header .cart_actions p { margin-bottom: 20px; }

    header .cart_contents_bottom { background: #fff; }

    header .cart_contents_wrapper,
    header .cart_contents_bottom { width: 320px; padding: 0; left: 0; }

    header .cart_item .cart_item_details { width: 280px; }

    /* Announcements */
    header .announcements { position: relative; height: auto; top: 0; left: 0; width: auto; }

        header .announcements > .announcement { width: 100%; height: 30px; }

    header .announcement .announcement_msg { position: inherit; font-size: 12px; padding: 5px; top: 0; left: 0; width: 100%; text-align: center; }

    header .announcement .announcement_ribbon { display: none; }

    header .announcement.red { background: #E33430; }

    header .announcement.yellow { background: #FFAB00; }

    header .announcement.green { background: #649453; }

    /* End custom main content */

    /* Banners and standard containers */
    .main_content .banner,
    .main_content .standard_container { border: none; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

    .main_content h2 { margin: 0px 10px 10px; font-size: 20px; }

    .section_title_1 { padding: 10px 20px 5px; }

        .section_title_1 h3 { font-size: 17px; margin-bottom: 0; }

    .standard_container_content { padding: 15px 40px 20px; }

    /*.bubble-spinner { background: rgba(255, 255, 255, .8) url('/content/images/main/loading-spinning-bubbles-grey.svg') 50% 50% no-repeat; }*/

    .button_container { max-width: 290px; padding: 10px 0; }

    .standard_container hr { margin-bottom: 15px; }

    /* CC section */

    .payment_section .card_exp_section label { padding-top: 7px; }

    .payment_section .card_logos { text-align: center; }

        .payment_section .card_logos .cc-cards-logos:first-child { margin-left: 0; }

    /* Modals */

    .modal-open .modal { padding-right: 0 !important; padding-left: 0 !important; width: 100%; }

    .modal .modal-lg,
    .modal .modal-md,
    .modal .modal-sm { width: 100%; /*min-width: 320px;*/ margin: 0px; }

    .modal .modal-body { width: auto; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    .modal .modal-header .modal-header-img { margin-top: -25px; margin-bottom: -25px; max-width: 50px; max-height: 50px; margin-right: 10px; background: #fff; padding: 3px; border: 1px solid #dbdbdb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }
    .modal.design-modal .modal-body .design_options_thumbs { max-height: 600px; }
    .modal.design-modal .modal-body .dropdown-menu-arrow { position: absolute; left: 9px; top: -21px; }
    .modal.design-modal .modal-body .design_options_thumbs .thumbnail { margin-bottom: 10px; }
    .modal.design-modal .modal-header .modal-title { margin-left: 0; width: 75%; vertical-align: top; }

    /* End modal */

    /* Modal style 1 */
    .modal_style_1 .modal-lg .col-xs-4 { padding-left: 0px; padding-right: 0px; }

    .modal_style_1 .modal_header_wrapper { padding: 10px 10px 10px; }

    .modal_style_1 .modal-header { z-index: 100; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5); }

        .modal_style_1 .modal-header span { vertical-align: top; }

        .modal_style_1 .modal-header .design_icon { position: relative; top: auto; left: auto; width: 48px; height: 48px; padding: 4px; }

        .modal_style_1 .modal-header .modal-title .design_name { line-height: 1.3; }

        .modal_style_1 .modal-header span.close_modal { right: 0; top: 3px; }

    .modal_style_1 .modal-body .product_options_thumbs { padding: 10px 10px 0; width: auto; }

    .with_toggle .row { margin-bottom: 10px; }

    .modal_style_1 .modal-body .product_options_thumbs .col-xs-6 { padding: 0; }

    .modal_style_1 .modal-body .product_options_thumbs .thumbnail { margin-bottom: 10px; }

        .modal_style_1 .modal-body .product_options_thumbs .thumbnail .caption h4 { font-size: 16px; }

        .modal_style_1 .modal-body .product_options_thumbs .thumbnail .caption p { font-size: 12px; }

        .modal_style_1 .modal-body .product_options_thumbs .thumbnail .caption .product_price_quantity { line-height: 1.2; }

        .modal_style_1 .modal-body .product_options_thumbs .thumbnail .caption span.quantity_per_package { font-size: 12px; display: block; }

    /* End modal style 1 */

    /* Modal style 2 */
    .modal_style_2 .modal-lg .col-xs-4 { padding-left: 5px; padding-right: 5px; }


    .modal_style_2 .modal-body .fbthumbs .thumbnail { position: relative; padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-position: 50% 0; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 90px; width: 90px; overflow: hidden; cursor: pointer; }
    /* End modal style 2 */

    /* Design Thumbnails */
    .design_options_thumbs .design_badge { width: 51px; height: 27px; bottom: 53px; right: 2px; font-size: 10px; padding: 1px; }

    .design_options_thumbs .thumbnail .caption .option_name { font-size: 11px; font-weight: 700; }

    .design_options_thumbs .caption { height: 48px; }

        .design_options_thumbs .caption span { display: inline-block; vertical-align: middle; line-height: normal; font-size: 11px; font-weight: 700; }

    /* End Design Thumbnails*/
    /* Footer */
    footer { width: 100%; min-width: 320px; padding-left: 0; padding-right: 0; }

    .footer_content { border: none; margin-bottom: 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

        .footer_content .copyright_payments { text-align: center; }

            .footer_content .copyright_payments .payments { margin-top: 10px; text-align: center; }
    /* End footer */

    /* Multipurpose menu */

    .mobile_menu_contents .multipurpose_menu .menu_header .multipurpose_menu_toggle { display: none; }

    .mobile_menu_contents .multipurpose_menu .menu_header .user_logged_in { /*padding: 15px;*/ }

    .mobile_menu_contents .multipurpose_menu .menu_header .line_1 { /*display: none;*/ }

    .mobile_menu_contents .multipurpose_menu ul { position: relative; display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

        .mobile_menu_contents .multipurpose_menu ul li { padding: 8px 10px; }

            .mobile_menu_contents .multipurpose_menu ul li.list-group-item_ { padding: 15px; }

            .mobile_menu_contents .multipurpose_menu ul li.menu_header { padding: 0; }

            .mobile_menu_contents .multipurpose_menu ul li:last-child { border-bottom: 1px solid #ccc; }

            .mobile_menu_contents .multipurpose_menu ul li a { padding: 0; border: none; }

    /* Custom popover */
    .popover { min-width: 160px; }

    /* Fundraiser homepage modal */
    #fundraiser_welcome_modal.modal .modal-sm { width: 100%; }

    #fundraiser_welcome_modal .scroller .referral_link { font-size: 14px; }

    /*.ol-sprite.profile { background-position: -180px -3900px; width: 62px; height: 62px; }
    .ol-sprite.the-label-league { background-position: -180px -4228px; width: 62px; height: 62px; }
    .ol-sprite.terms-and-conditions { background-position: -180px -4064px; width: 62px; height: 62px; }
    .ol-sprite.the-label-league-on-pinterest { background-position: -180px -4392px; width: 62px; height: 62px; }
    .ol-sprite.fundraisers-info { background-position: -180px -4725px; width: 62px; height: 62px; }
    .ol-sprite.community-blog { background-position: -182px -4974px; width: 62px; height: 62px; }*/
}

@media (max-width: 320px) {

    .account_menu { display: none; }

    .mobile_menu .multipurpose_menu { display: block; }

    .featured { font-size: 25px; }

        .featured figcaption { top: 64px; width: 167px; }

            .featured figcaption > span, .featured figcaption > a { margin: 0 0 10px; padding: 1px 0 6px; font-size: .55em; }
}