/* =Fonts
--------------------------------------------------------------------------------*/

.exp-row h1,
.exp-row h3 {font-family: Helvetica, Arial,sans-serif; font-weight:normal; }
.exp-row h2 {font-family: Helvetica, Arial,sans-serif; font-weight:normal; }
.exp-row h5 {font-family: Helvetica, Arial,sans-serif;  font-weight:normal;}

.exp-row h1 {font-size: 50px; line-height:50px; text-transform:uppercase; letter-spacing: .1; margin-bottom:15px;}
.exp-row h1.small-title {font-size: 35px; line-height:35px;}
.exp-row h2  {font-size: 19px; line-height:21px; margin: 0 0 13px 0; text-transform:uppercase; letter-spacing: .1; padding:0; }
.exp-row h2.large-title,
.exp-row h3  {font-size: 28px; line-height:28px; margin: 0 0 13px 0; text-transform:uppercase; letter-spacing: .1; padding:0; }
.exp-row h5 { font-size: 16px; line-height:18px; margin-top:0;  }

.exp-row p,
.exp-row ul li,
.exp-row a { font-size:14px; line-height:16px; font-family: Arial, Helvetica, sans-serif; word-break:keep-all; white-space: normal !important;}


/* =CTA
--------------------------------------------------------------------------------*/

a.exp-small-cta,
a.exp-main-cta {font-family: Helvetica, Arial,sans-serif; font-weight:normal; display: inline-block; width:inherit; padding: 3px 6px; margin-top:20px; text-decoration:none; text-transform:uppercase; }

a.exp-main-cta {font-size:22px; }
a.exp-small-cta {font-size:13px;}

a.exp-small-cta i:before,
a.exp-main-cta i:before {font-size:120%; font-style:normal; content: "\203A";}


/* =Grid - Global
--------------------------------------------------------------------------------*/
.exp-row {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    white-space: normal !important;
}

.opera-only :-o-prefocus,.exp-row { word-spacing: -0.43em; }


.exp-col {
    display: inline-block;
    zoom: 1; *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

.exp-row-r {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    word-spacing: -0.43em;
}

.opera-only :-o-prefocus, .exp-row-r { word-spacing: -0.43em; }

.exp-row-r img { max-width: 100%; }


/* =Grid - 12 Columns
--------------------------------------------------------------------------------*/

.exp-col-1 { width:8.33333333333%; }
.exp-col-2 { width:16.6666666667%; }
.exp-col-3 { width:25.0%; }
.exp-col-4 { width:33.3333333333%; }
.exp-col-5 { width:41.6666666667%; }
.exp-col-6 { width:50.0%; }
.exp-col-7 { width:58.3333333333%; }
.exp-col-8 { width:66.6666666667%; }
.exp-col-9 { width:75.0%; }
.exp-col-10 { width:83.3333333333%; }
.exp-col-11 { width:91.6666666667%; }
.exp-col-12 { margin-left:0; width:100%; }



/* =Grid - 12 Columns > Offsets
--------------------------------------------------------------------------------*/


exp-offset-1 { margin-left: 8.33333333333%; }
.exp-offset-2 { margin-left: 16.6666666667%; }
.exp-offset-3 { margin-left: 25.0%; }
.exp-offset-4 { margin-left: 33.3333333333%; }
.exp-offset-5 { margin-left: 41.6666666667%; }
.exp-offset-6 { margin-left: 50.0%; }
.exp-offset-7 { margin-left: 58.3333333333%; }
.exp-offset-8 { margin-left: 66.6666666667%; }
.exp-offset-9 { margin-left: 75.0%; }
.exp-offset-10 { margin-left: 83.3333333333%; }
.exp-offset-11 { margin-left: 91.6666666667%; }


/* = @media 1120
--------------------------------------------------------------------------------*/

@media (min-width:1120px) {
    .exp-tablet    { display: none; }
    .exp-desktop   { }
    .exp-mobile    { display: none ! important; }
}


/* = @media < 680
--------------------------------------------------------------------------------*/

@media (max-width:680px) {
    .exp-tablet    {  }
    .exp-desktop   {  display: none ! important;}
    .exp-mobile    { display: block; }
}


/* = @media 681 - 1119
--------------------------------------------------------------------------------*/

@media (min-width:681px) and (max-width:1119px) {
    .exp-row { width: 100%;}
    .exp-tablet    {  }
    .exp-desktop   {  display: none;}
}

.exp-featured {
    padding: 40px 0px;
}

.exp-col-6 {
    width: 20% !important;
    float: none;
    clear: none;
}

#customer-care {
    display: block;
    padding-left: 0;
}

#customer-care #storeLocatorResults {
    padding: 0;
    text-align: center;
}

#customer-care #storeLocatorResults h3,
#customer-care #storeLocatorResults .directions-link,
#customer-care #storeLocatorResults .directions-link a {
    color: #000;
    text-align: center;
    background-color:#fff;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 700 !important;
}

#customer-care #storeLocatorResults .result {
    float: none;
    clear: none;
    border-bottom: none;
}

#customer-care #storeLocatorResults .column {
    float: none;
    clear: none;
    padding: 10px 0px 20px;
}

#customer-care #storeLocatorResults .location-phone {
    display: block;
    padding-top: 10px;
}

#customer-care #storeLocatorResults h3 {
    float: none;
}

#customer-care #storeLocatorResults .column {
    width: 100%;
}

.directions-link a {
    text-decoration: underline;
}

#store-filters {
    text-align: center !important;
    border-bottom: solid 1px #000;
    font-weight: bold !important;
    white-space: normal !important;
}

#store-filters li {
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding: 5px 2px;
    font-family: Helvetica Neue, sans-serif;
}

#store-filters li a {
    cursor: pointer;
    padding: 3px 4px;
    color: #000;
}

#store-filters li a.active {
    background-color: #000;
    color: #fff;
    font-family: Helvetica,Arial,sans-serif;
    cursor: inherit;
    /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; */
}

#store-filters li.store-filter-by {
    font-family: Helvetica,Arial,sans-serif;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.store-finder {
    display: none;
}

.exp-row header {
    line-height: 1;
    padding: 80px 0px;
    background: #f15a22 url(/wcsstore/SGH/experiences/US/APEX/evergreen/location/images/APEX_Store-Header1440x386.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.exp-row header h1 {
    display: block;
    text-align: center;
    font-size: 54px;
    color: #000;
    width: 100%;
    letter-spacing: 6px;
    line-height: 1.25;
    margin-top: 10px;
}

.exp-row header h5 {
    text-align: center;
    font-size: 18px;
    color: #000;
    letter-spacing: 2px;
    line-height: 1.25;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: none;
}

#exp-content section{
    width: 100%;
    background-color: #fff;
    color: #000;
    padding: 0;
}
#exp-content section p{
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 300;

}

#exp-content .exp-find-store{
    color: #000;
    border: solid 3px #000;
    font-weight: bold;
}

#customer-care .getDirections{
    margin-top: -20px;
    text-transform:capitalize;
}

#customer-care .location-mall{
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;

}
#customer-care .location-address{
    /* font-family: Helvetica; */
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.10000000149011612px;
    text-align: center;
    margin-top: -5px;

}


#exp-content .main{
    font-family: Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}


#exp-content #displayDesk{
    display: block;
}

#exp-content #displayMob{
    display: none;
}

.imgPage{
    width: 100%;
    display: block;
    height: auto;
}

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

    .directions-link{
        margin-bottom: 5vw;
    }
}

@media (max-width:680px) {

    ul.nav a {
        background: none !important;
        font-weight: normal !important;
    }

    #collectionsPage .collectionInfo p:before {
        display: none !important;
    }

    #collectionsPage .collectionInfo p {
        margin-bottom: 0px !important;
        padding: 2px !important;
    }

    .exp-col-6,
    #customer-care #storeLocatorResults .column {
        width: 100% !important;
        padding: 0;
    }

    #customer-care #storeLocatorResults {

        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }

    #customer-care #storeLocatorResults h3 {
        text-align: center;
        float: none;
        line-height: 20px;
    }

    #customer-care #storeLocatorResults .result {
        float: none;
        clear: none;
        border-bottom: none;
        flex: 1 0 33%;
        margin: 10px;
    }



    .exp-row header h1 {
        font-size: 28px;
        line-height: 33px;
    }

    .exp-row header h5 {
        font-size: 15px;
        line-height: 20px;
        text-transform: none;
    }

    .exp-row header h5 br {
        display: none;
    }

    #store-filters li.store-filter-by {
        display: block;
    }

    .exp-filter {
        padding: 0px 20px;
    }

    .sgh-cms-popup__container{
        display: none!important;
    }
    .store-address .column{
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    #exp-content #displayDesk{
        display: none;
    }

    #exp-content #displayMob{
        display: block;
    }


    #customer-care #storeLocatorResults h3,
    #customer-care #storeLocatorResults .directions-link {
        color: #000;
        text-align: center;
        background-color:#fff;
        font-family: Helvetica,Arial,sans-serif;
        font-weight: 700;
        padding: 4vw !important;
        margin-bottom: 0;
    }

    #customer-care #storeLocatorResults .directions-link a {
        color: #000;
        text-align: center;
        background-color:#fff;
        font-family: Helvetica,Arial,sans-serif;
        font-weight: 700;
        padding: 0;
        margin-bottom: 0;

    }

    .directions-link{
        margin-bottom: 5vw;
    }
}