/* Scrum CSS - Used by FED to make MINOR css changes (ex: top navigation, shelf headers, promo slots, etc */

/* temp hide shoprunner pdp div */
div[name="sr_productAlertDiv"] {
    display: none !important;
}

/****************************************************************************************************
** Temp Fix for Top Navigation - Can be removed top navigation is shortened
******************************************************************************************************/

#header-wrap #menu .dropdown-menu {
    font-family: 'Montserrat';
}

#header #header-inner {
    height: 4.3rem;
}

#logo {
    overflow: visible;
}

#menu ul li a h2 {
    font-family: 'Montserrat';
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 3.7rem;
}

@media screen and (max-width: 1240px) {
    #menu>ul>li>a {
        padding: 0 1.65rem;
    }
}

@media (max-width: 1100px) {
    #menu>ul>li>a {
        padding: 0 .95rem;
    }
}

/****************************************************************************************************
    ** Temp Fix for Duplicate PDP - Shop the Looks. Can be removed once is DTC-4728 resolved.
    ******************************************************************************************************/
.shop-the-look-items.certona-pdp-container:not(.PDP-items) {
    display: none;
}

/********************************************************************
    ** Generic Overrides
    ********************************************************************/
[data-color-red] {
    color: #ee0000;
}

/****************************************************************************************************
    ** Temp Override for DTC-4491. Core needs to be updated.
    ******************************************************************************************************/
/* DTC-4491 | PDP text box highlighted Blue when selected */
.dropdown-toggle:focus,
#_SR:focus,
#_SR :focus,
._SR:focus,
._SR :focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/****************************************************************************************************
    ** Temp Override for DFD-11795. Core needs to be updated.
    ******************************************************************************************************/
/* DFD-11795 | ASAP - ADA - Security Code Color Contrast */
.form-labels .form-group.field-warning label {
    color: #666;
}

/****************************************************************************************************
    ** Temp Fix for Collections Filter Close Button. Can be removed once is resolved.
    ******************************************************************************************************/
.filter-tools-mobile-head .icon-close {
    height: 1.8rem;
}

/****************************************************************************************************
    ** Permanent Fix for Cart page. Needs to be moved to chicos-temp.
    ******************************************************************************************************/
.is-shopping-bag .sr-cart {
    display: none;
}

.cart-margin-top>.onsite_replacement~.email-print {
    position: static;
    float: none;
    text-align: right;
    line-height: 1;
    margin-bottom: 1.5rem;
}

#shq-cart-under {
    text-align: left !important;
}

#shq-cart-banner p:not(:first-child) {
    display: inline-block !important;
    width: auto !important;
    text-align: left !important;
}

#shq-cart-banner .details_text {
    font-size: 1.4rem !important;
    margin-left: 3rem !important;
}

.cart-items-header {
    clear: both;
}

.cart-header-main h2 {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .cart-items-header .cart-header-main {
        width: 58.33333333%;
    }

    .is-cart-page #content-wrap h1 {
        font-size: 3rem;
        line-height: 1;
    }

    .cart-margin-top>.onsite_replacement~.email-print {
        text-align: left;
        margin-top: .5rem;
    }

    #shq-cart-under p:first-child {
        line-height: 1.3;
        margin-bottom: 1rem;
    }
}

.is-cart-page form[name=couponForm] .form-inline {
    display: flex;
}

.is-cart-page form[name=couponForm] .form-group:first-child {
    flex: auto;
}

.is-cart-page #sb-summary .claimCodeField {
    width: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
    #sb-summary .claimCodeField {
        max-width: auto;
    }
}

/****************************************************************************************************
    ** Temp Fix for rel 18.2 Support of multiple Certona containers (remove once 08.28 hp is live)
    ******************************************************************************************************/
[data-certona-scheme] .carousel .product .product-price {
    font-size: 2rem;
}

.home-combo [data-certona-scheme] .carousel .carousel-inner,
.home-combo .module-product-grid {
    background: none;
}

.module-product-grid [data-certona-scheme] .carousel .product-thumb-wrap>a:first-child>img {
    margin: auto;
    position: relative;
}

[data-certona-scheme][data-product-per-row="1"] .carousel .product-thumb-wrap {
    display: inline-block;
}

[data-certona-scheme] .product .product-price,
.related-items .product .product-price {
    color: #DE2B4C;
}

.home-combo .loaded-related-items [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child {
    padding: 0;
}

.home-combo [data-certona-scheme] .carousel .carousel-inner .item .related_products {
    width: 100%;
}

.home-combo [data-certona-scheme] .carousel .carousel-control-wrap ol.carousel-indicators {
    display: none;
}

[data-certona-scheme] .carousel .carousel-control-wrap {
    pointer-events: none;
}

[data-certona-scheme] .carousel .carousel-control-wrap .carousel-control {
    pointer-events: all;
}

@media screen and (max-width: 767px) {

    /* Certona Carousel */
    .home-combo [data-certona-scheme] .carousel .carousel-control-wrap {
        top: 30%;
        width: 100%;
        background: transparent;
        position: absolute;
    }

    .home-combo [data-certona-scheme] .carousel .carousel-control-wrap .carousel-control {
        height: 3.7rem;
        width: 4.7rem;
    }
}

@media screen and (min-width: 768px) {

    /* Certona */
    [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child img {
        max-height: 600px;
    }

    .home-combo [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child img {
        height: auto;
        position: absolute !important;
        margin: auto;
    }
}

/****************************************************************************************************
    ** DFD-13834: Custom column split support. Can be added to core.
    ******************************************************************************************************/
#menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column1 {
    margin-bottom: 0;
}

#menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column2 {
    padding-top: 0;
}

@media screen and (max-width: 991px) {
    #menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column2 ul {
        padding-top: 0;
    }
}

@media only screen and (min-width: 992px) {
    #menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column2 {
        padding-top: 3rem;
    }
}

/* Scrum CSS - Used by FED to make MINOR css changes (ex: top navigation, shelf headers, promo slots, etc */

/****************************************************************************************************
    ** Temp Fix for Duplicate PDP - Shop the Looks. Can be removed once is DTC-4728 resolved.
    ******************************************************************************************************/
.shop-the-look-items.certona-pdp-container:not(.PDP-items) {
    display: none;
}

/********************************************************************
    ** Generic Overrides
    ********************************************************************/
[data-color-red] {
    color: #ee0000;
}

/****************************************************************************************************
    ** Temp Override for DTC-4491. Core needs to be updated.
    ******************************************************************************************************/
/* DTC-4491 | PDP text box highlighted Blue when selected */
.dropdown-toggle:focus,
#_SR:focus,
#_SR :focus,
._SR:focus,
._SR :focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/****************************************************************************************************
    ** Temp Override for DFD-11795. Core needs to be updated.
    ******************************************************************************************************/
/* DFD-11795 | ASAP - ADA - Security Code Color Contrast */
.form-labels .form-group.field-warning label {
    color: #666;
}

/****************************************************************************************************
    ** Temp Fix for Collections Filter Close Button. Can be removed once is resolved.
    ******************************************************************************************************/
.filter-tools-mobile-head .icon-close {
    height: 1.8rem;
}

/****************************************************************************************************
    ** Permanent Fix for Cart page. Needs to be moved to chicos-temp.
    ******************************************************************************************************/
.is-shopping-bag .sr-cart {
    display: none;
}

.cart-margin-top>.onsite_replacement~.email-print {
    position: static;
    float: none;
    text-align: right;
    line-height: 1;
    margin-bottom: 1.5rem;
}

#shq-cart-under {
    text-align: left !important;
}

#shq-cart-banner p:not(:first-child) {
    display: inline-block !important;
    width: auto !important;
    text-align: left !important;
}

#shq-cart-banner .details_text {
    font-size: 1.4rem !important;
    margin-left: 3rem !important;
}

.cart-items-header {
    clear: both;
}

.cart-header-main h2 {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .cart-items-header .cart-header-main {
        width: 58.33333333%;
    }

    .is-cart-page #content-wrap h1 {
        font-size: 3rem;
        line-height: 1;
    }

    .cart-margin-top>.onsite_replacement~.email-print {
        text-align: left;
        margin-top: .5rem;
    }

    #shq-cart-under p:first-child {
        line-height: 1.3;
        margin-bottom: 1rem;
    }
}

.is-cart-page form[name=couponForm] .form-inline {
    display: flex;
}

.is-cart-page form[name=couponForm] .form-group:first-child {
    flex: auto;
}

.is-cart-page #sb-summary .claimCodeField {
    width: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
    #sb-summary .claimCodeField {
        max-width: auto;
    }
}

/****************************************************************************************************
    ** Temp Fix for rel 18.2 Support of multiple Certona containers (remove once 08.28 hp is live)
    ******************************************************************************************************/
[data-certona-scheme] .carousel .product .product-price {
    font-size: 2rem;
}

.home-combo [data-certona-scheme] .carousel .carousel-inner,
.home-combo .module-product-grid {
    background: none;
}

.module-product-grid [data-certona-scheme] .carousel .product-thumb-wrap>a:first-child>img {
    margin: auto;
    position: relative;
}

.home-combo .loaded-related-items [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child {
    padding: 0;
}

.home-combo [data-certona-scheme] .carousel .carousel-inner .item .related_products {
    width: 100%;
}

.home-combo [data-certona-scheme] .carousel .carousel-control-wrap ol.carousel-indicators {
    display: none;
}

[data-certona-scheme] .carousel .carousel-control-wrap {
    pointer-events: none;
}

[data-certona-scheme] .carousel .carousel-control-wrap .carousel-control {
    pointer-events: all;
}

.certona-header {
    text-align: center;
}

@media screen and (max-width: 767px) {

    /* Certona Carousel */
    .home-combo [data-certona-scheme] .carousel .carousel-control-wrap {
        top: 30%;
        width: 100%;
        background: transparent;
        position: absolute;
    }

    .home-combo [data-certona-scheme] .carousel .carousel-control-wrap .carousel-control {
        height: 3.7rem;
        width: 4.7rem;
    }
}

@media screen and (min-width: 768px) {

    /* Certona */
    [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child img {
        max-height: 600px;
    }

    .home-combo [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child img {
        height: auto;
        position: absolute !important;
        margin: auto;
    }
}

/****************************************************************************************************
    ** DFD-13834: Custom column split support. Can be added to core.
    ******************************************************************************************************/
#menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column1 {
    margin-bottom: 0;
}

#menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column2 {
    padding-top: 0;
}

@media screen and (max-width: 991px) {
    #menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column2 ul {
        padding-top: 0;
    }
}

@media only screen and (min-width: 992px) {
    #menu .dropdown .dropdown-menu [class*='col-'].sub-nav-split-column2 {
        padding-top: 3rem;
    }
}

/* "The Holiday Shop" link has been added to the Nav
    The following code decreases the padding between nav links to make them all fit in one line */

@media screen and (min-width: 1200px) {
    #page-wrap #header-parent #header-wrap #menu ul li a.top-nav-cat {
        padding: 0 2rem;
    }
}

/* Fix for Footer Promo: Z-Index */
.offcanvas-open #promo-footer {
    z-index: 0;
}

/* DFD-16620 - Soma GPS Sticky to Header */
.sticky #menu {
    top: auto;
    bottom: 0;
}

#header-wrap #header {
    height: auto;
}

@media screen and (max-width: 991px) {
    #mobile-menu-utility {
        position: relative;
    }
}

/* DFD-16825 - Header Adjustments overriding outlets.css */
#menu {
    height: 3.7rem;
}

#page-wrap header .promo-toggle-icon svg {
    width: 1rem;
    height: 1rem;
}

.sticky #header #header-inner {
    height: 7.5rem;
}

@media screen and (max-width: 991px) {
    .sticky #header #header-inner {
        height: 4.3rem;
    }

    div#mobile-menu-utility {
        top: 0;
    }
}

@media screen and (min-width: 992px) {
    #mobile-menu-utility .menu-bag .bag-wrap {
        top: -5px;
    }
}

/******************************************************************************
    * DFD-17279 - Delivery to USA Only Low Stock Warning Message
    **************************************************************************/

@media (min-width: 992px) {
    .cart-alert-messages {
        margin-bottom: 2rem;
    }
}

/* DFD-19555 - Fixing Scrollbar */
.scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* DFD-23248 - Closet New Badge 
li.nav-my-closet a:after,
a.nav-my-closet:after {
    content: "NEW!";
    color: #c2072a;
    display: inline-block;
    padding-left: 5px;
    font-weight: bold;
}
*/
/******************************************************************************
    * DTC-132 - Remove "Email" and "Print"
    **************************************************************************/

#content-wrap .email-print {
    display: none;
}

/* DPM-720 - Star Review Ratings */
#typeahead-results .product-rating [title="0_0 / 5"] {
    display: none;
}


/* "Holiday" Top Nav - DTC-7858 */


li[data-category-id="cat15249310"] span img {
    margin-left: .5rem;
    display: inline;
    margin-bottom: .4rem;
    width: 2rem;
}

li[data-category-id="cat15249310"] h2 span {
    color: #8c3546 !important;
}

@media (min-width: 992px) {
    li[data-category-id="cat15249310"] span img {
        width: 14%;
    }

    li[data-category-id="cat15249310"] h2 {
        display: inline-block;
    }

    #page-wrap #header-wrap #menu>ul>li[data-category-id="cat15249310"]>a {
        padding: 0 0 0 0.8rem !important;
        pointer-events: none;
        cursor: default;
    }
}

@media (min-width: 1200px) {
    #page-wrap #header-wrap #menu>ul>li[data-category-id="cat15249310"]>a {
        padding: 0 0 0 1.1rem !important;
    }
}


.is-pdp a[href="#questions"] {
    display: none;
}

/* DTC-7076 - Hide Duplicate X on PDP Shipping Modal */
.is-pdp #modal-shipping .modal-body>button.close.close-corner,
.is-pdp #modal-shipping .modal-body>main>button.close.close-corner {
    display: none;
}

@media (max-width: 767px) {
    #bv-mboxzone-lightbox {
        position: fixed !important;
        max-height: 100% !important;
        max-width: 100% !important;
        overflow-y: scroll !important;
    }
}

#bv-mboxzone-lightbox .bv-mbox-wrapper.bv-mbox-content-submission-review.bv-mbox-wide.bv-mbox-box,
#bv-mboxzone-lightbox .bv-mbox-wrapper.bv-mbox-content-submission-review.bv-mbox-narrow.bv-mbox-box {
    padding-bottom: 6rem !important;
}

/* Lower spacing around Bopis Find in Store CTA for Mobile - SS-204 */
@media (max-width: 767px) {
    #left-nav-filter-apparel-bopis-content #plp-bopis-switch-filter {
        margin-bottom: 0;
    }

    #left-nav-filter-apparel-bopis-content .filter-column>.selector-cta.bopis-find-more-stores-cta-wrap {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 991px) {
    #left-nav-filter-apparel-bopis-content .filter-column>.bopis-find-more-stores-cta-wrap {
        float: right;
        padding-right: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
}

/*************************************
    *  "New" Badge  *
    *************************************/
span.catLabel {
    color: #D9292C !important;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 0 5px;
    padding: 1px 5px 1px 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -2px;
}

@media screen and (min-width: 992px) {
    span.catLabel {
        font-size: 10px;
        top: -1px;
    }
}
/* DTC-11570 - Override Mobile Header Icon Size */
#mobile-menu-utility div a .icon-menu, #mobile-menu-utility div a .icon-search {
    width: 2rem;
    height: 2rem;
}
#mobile-menu-utility div a .icon-map {
    width: 1.4rem;
    height: 2.2rem;
}