// Custom Theme Styles

	.site-header--full-width .navmenu-meganav--scroller{
    max-width:1250px;
    }
    
    h2.upsell-difference{
     display:none; 
    }

/*     button.productitem--action-trigger.productitem--action-atc.button-primary{
        display: block; 
    } */

/* 	.no-touch .productitem--actions{
    visibility: visible;
    opacity: 100; 
    } */

    header.page-masthead h1.page-title{
    display:none;
    }

	div.productitem--price{
    display:grid;
    }
    
    .site-navigation .navmenu-meganav--image-link{
    text-transform:lowercase;
    font-size: 13px;
    }
    
    .site-header-main{
    padding-top:0rem;
    padding-bottom:0.2rem;
    }
    .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text{
    font-size:13px;
    font-weight:600;
    text-transform: uppercase;
    letter-spacing:.05rem;
    }
    
    .landingPaginationLeft{
    float:left;   
    }

    .landingPaginationRight{
    float:right;
    text-align:right;
    }

    .landingPagination{
    margin: auto auto;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 70px 20px 40px;
    }

    a.landingPaginationLeft, a.landingPaginationRight{
    color: #5b6670;
    }

    .mobile-nav-panel .header-actions-wrapper .mobile-logout{
    padding-left:10px; 
    }
    
    td.articleHighlights{
    padding: 20px;
    border-top: 1px solid #d3d5d7;
    border-bottom: 1px solid #d3d5d7;
    }
    
    h1.article--title{
    font-family:big-caslon, serif; 
    font-weight:200;
    font-size:40px;
    }
    
    h2 .article--content rte{
    font-family:big-caslon, serif;
    }
    
    /*.rte h2{
    font-family: big-caslon, serif;
    font-weight: 200;
    font-size: 26px;
    font-weight: .04rem;
    }
    
    .rte h3{
    font-size: 16px;
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    font-weight: bold;
    margin-top: 1rem;
    }*/
    
    .rte td h2{
    margin-top:10px; 
    }
    
    .home-section--title-container .home-section--title{
    text-transform: lowercase;
    }
    
    .article--excerpt-text.rte p.intro{
    max-width: 300px;
    margin: auto auto;
    }
    
    .blogposts--container h2.home-section--title {
    font-family: big caslon, serif;
    font-weight: 400;
    }
    
    .label-style-heading .dynamic-collection-list--item-title, .label-style-heading .dynamic-collection-list--item-title-mobile{
    font-weight: 100; 
    font-size:1.1rem;
    }
    
    .productitem--title{
    text-align: center;
    }
    
    .productitem--price, .productitem--price + .productitem--title{
    text-align:center;
    font-size: 9rem;
    }
    
    .collection--image img{
    position: relative;
    top: 50%;
    }
    
    .collection--image{
    max-height: 400px;
    overflow: hidden; 
    }
    
    .productitem--info .price--main {
    font-size: .9rem;
    }
    
    .site-navigation .navmenu-depth-2 a.navmenu-link {
    text-transform: lowercase;
    font-size: 14px
    }
    
    .home-section--content .article--excerpt-title:first-child{
    font-family: big caslon, serif;
    font-weight: 400;
    font-size: 20px;
    }
    
    .utility-bar-content a {
    font-size: 12px;
    }

	/*CATEGORY PAGE STYLES*/
    .promo-block-grid--preheading {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 10px;
    }
    
    
    @media (min-width: 1200px){	
    .columnFullWidthInner{	
    left:300px !important;	
    }
      
    div.topCopy.forProfessionals{
    padding: 230px 10px 280px !important;
    }
      
    .forProfessionalsTop{
    background-position: center top !important;  
    }
    }
    
    @media screen and (min-width: 1080px){
    .page-content, .page-masthead {
    max-width: 100% !important;
    }
    }
    
    @media screen and (max-width: 719px){
    .article--container .rte td{
    width: 100% !important;
    }
    
    /*.rte h2{
    font-size:20px;
    line-height:30px;
    }*/
    
    h1.article--title{
    font-size:35px;
    }
    
    }
    
    /* PAGE STYLING
    ========================================================================== */
    
    
    /*INHERITED STYLES FROM THEME */
    
    .site-footer{
    width: 100%;
    }
    
    .site-page-fullwidth, .page-content-fullwidth, .page-masthead-fullwidth{
    margin:0px !important;
    padding:0px !important;
    }
    
    header.page-masthead-fullwidth h1.page-title {
    display: none;
    }
    
    p{
    line-height: 1.5rem;
    }
    
    /*SHARED PAGE STYLING */
    
    html{
    scroll-behavior: smooth;
    }
    
    #video-viewport {    
    padding: 0 0 0px;
    width: 100%;
    }
    
    video { 
    display: block; 
    width: 100%; 
    height: 100%; 
    margin: 0 auto; 
    }
    
    .topCopyContainer{
    max-width: 1280px;
    margin: auto auto;
    }
    
    .topCopy{
    width: 500px;
    text-align: center;
    padding: 150px 50px 200px;
    margin: auto auto;
    }
    
    .topCopy h1{
    margin: 10px 0 20px;
    }
    
    .fineprint{
    font-size: 11px !important;
    line-height: 1em;
    }
    
    .sectionContainer {
    /* margin: 50px auto; */
    margin:0px auto;
    clear: both;
    }
    
    .sectionContainerFlex {
    margin: 40px auto;
    display: flex;
    clear: both;
    }
    
    .sectionContainerFullWidth {
    position: relative;
    clear: both;
    }
    
    /*.sectionContainerFullWidth {
    position: relative;
    clear: both;
    }
    
    .sectionContainer {
    max-width: 900px;
    margin: auto auto;
    padding: 50px 0px;
    clear: both;
    }
    
    .sectionContainerFullWidthFlex {
    position: relative;
    clear: both;
    }
    
    .sectionContainerFlex {
    max-width: 900px;
    margin: auto auto;
    padding: 50px 0px;
    display: flex;
    clear: both;
    } */
    
    .sectionContainer img, .sectionContainerFlex img{
    width: 100%;
    margin: 0 !important;
    }
    
    .maxwidth1280{
    max-width: 1280px;
    }
    
    .maxwidth900{
    max-width: 900px;
    }
    
    .maxwidth450{
    max-width:450px;
    }
    
    
    
    .twoColumns{
    width: 50%;
    display: table;
    vertical-align: middle;
    }
    
    .threeColumns{
    width: 33.33%;
    display: table-cell;
    vertical-align: middle;
    }
    
    .fourColumns{
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    }
    
    .columnInner{
    padding: 40px;
    }
    
    .columnInner h2, .columnInner h1{
    margin: 0;
    }
    
    .accordianSection{
    margin: 20px 0px;
    }
    
    /* Style the buttons that are used to open and close the accordion panel */
    .faqAccordion{
    width: 100%;
    text-align: left;
    outline: none;
    border: 0 !important; 
    border-top: 1px solid #eee !important;
    font-size: 16px !important;
    text-transform: initial !important;
    font-weight: 100 !important;
    letter-spacing: 0 !important;
    padding: 20px 10px !important;
    }
    
    .faqAccordion:after {
    content: '▾'; /* Unicode character for "plus" sign (▾) */
    font-size: 16px;
    float: right;
    margin-left: 5px;
    }
    
    .faqAccordionActive:after {
    content: '▴'; /* Unicode character for "minus" sign (▴) */
    }
    
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .faqAccordionActive {
    border-top: 1px solid #5b6670;
    }
    
    #site-main button.faqAccordion:hover {
    background-color:#f1f2f3;
    color:#5b6670;
    }
    
    #site-main button.faqAccordion:focus {
    background-color:#5b6670;
    color:#fff;
    }
    
    /* Style the accordion panel. Note: hidden by default */
    .faqAccordionPanel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 16px;
    text-align: left;
    }
    /* Individual Page Styling
    ========================================================================== */
  
	
    
    /* REWARDS PAGE STYLING */
    
    .rewardsTop {
    margin: auto auto;
    background-color: #f7f9fb;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/derm-rewards-lp-topbg.png?v=1596683465);
    background-repeat: no-repeat;
    background-size: cover;
    }
    
    .rewardsLogo{
    margin-bottom: 20px;
    }
    
    .rewardsLogo img {
    width: 85px;
    }
    
    .rewardsTiers{
    padding: 0 0 20px;
    }
    
    .rewardsTiers h3{
    margin: 0 !important;
    }
    
    .rewardsPoints {
    font-size: 12px !important;
    margin: 10px 0 0!important;
    }
    
    .tdLeft{
    text-align: left !important;
    }
    
    .rewardsBenefits{
    text-align: center;
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #eeeeee;
    padding: 20px 0 30px;
    margin: 0;
    }
    
    .rewardsBenefits table, .rewardsEarn table{
    width: 100%;
    margin: 20px 0px;
    }
    
    .rewardsBenefits td {
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #5b6670;
    display: table-cell;
    }
    
    .rewardsEarn {
    text-align: center;
    margin: auto auto;
    background-color: #f7f9fb;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/derm-rewards-lp-topbg.png?v=1596683465);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 50px;
    }
    
    .rewardsEarn td {
    padding: 20px;
    text-align: right;
    display: table-cell;
    }
    
    .rewardsEarn tr:nth-child(odd) {
    background-color: #ffffff;
    }
    
    .rewardsEarn tr:nth-child(even) {
    background-color: #f1f2f3;
    }
    
    .FAQsection{
    text-align: center;
    }
    
    .FAQsection table{
    font-size: 14px;
    width: 85%;
    margin: auto auto;
    }
    
    .FAQsection td{
    border-bottom: 1px solid #5b6670;
    padding: 5px;
    display: table-cell;
    }
    
    
    /* AUTO-REPLENISH PAGE STYLING */
    
    .autoreplenishTop {
    margin: auto auto;
    background-color: #f7f9fb;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/derm-subscribe-lp-topbg.jpg?v=1597279430);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }
    
    .autoreplenishTopCopy{
    text-align: left;
    width: 350px;
    padding: 150px 0 200px;
    margin: 0 50px;
    }
    
    .autoreplenishLogo img {
    width: 50px;
    }
    
    .autoreplenishHowTo{
    text-align: center;
    padding: 40px 0;
    }
    
    .autoreplenishHowToIcons img{
    width: 35px;
    }
    
    .autoreplenishFavCard{
    margin: 40px 0;
    }
    
    .autoreplenishFavorites{
    text-align: center;
    margin: auto auto;
    padding: 5px;
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #eeeeee;
    }
    
    .autoreplenishFavorites h3{
    font-size: 16px;
    margin: 0 !important;
    }

    .fourColumns.autoreplenishFavCard{
    max-width:250px;
    display:inline-block;
    }

    .autoreplenishFavorites .columnInner {
        padding: 40px 5px;
    }
    
	/* HOLIDAY PDP SLOT STYLING */
/*     div.holidaySlot{
    border-top: 1px solid #e3e3e3;
    } */

    .holidaySlotLogo{
    margin:auto auto;
    max-width:280px;
    padding:20px;
    display:block;
    }

    p.holidaySlot{
    padding:20px 40px 50px;
    max-width:1000px;
    margin:auto auto;
    text-align: center;
    }

    h1.holidaySlot{
    border:none;
    padding:50px 40px 0px;
    max-width:1000px;
    margin: auto auto;
    text-align: center;
    }

    /* AFTERPAY PAGE STYLING */
    
    .afterpayTop {
    margin: auto auto;
    background-color: #f7f9fb;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/derm-afterpay-lp-topbg.jpg?v=1597277148);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }
    
    .afterpayLogo img {
    width: 85px;
    }
    
    .afterpayTopCopy{
    text-align: left;
    width: 350px;
    padding: 150px 0 200px;
    margin: 0 50px;
    }
    
    .afterpayHowTo{
    text-align: center;
    padding: 40px 0;
    vertical-align: top !important;
    }
    
    /* PROINSIDER PAGE STYLING */
    
    .proinsiderTop {
    margin: auto auto;
    background-color: #F7F9FB;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/fm-motif-banner-bg-grey-50.png?v=1597266015);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }
    
    .proinsiderLogo img {
    width: 65px;
    }
    
    .proinsiderBenefits{
    text-align: center;
    padding: 40px 0 80px;
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #eeeeee;
    margin: 0;
    }
    
    .proinsiderApply{
    text-align: center;
    margin: auto auto;
    padding: 40px;
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #eeeeee;
    }
    
    /* PROARTIST PAGE STYLING */
    
    .proartistTop {
    margin: auto auto;
    background-color: #F1F2F3;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/fm-motif-banner-bg-grey-50.png?v=1597266015);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }
    
    .proartistLogo img {
    width: 65px;
    }
    
    .proartistBenefits{
    text-align: center;
    padding: 40px 0 80px;
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #eeeeee;
    }
    
    .proartistBenefitsImg{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/proartistBenefitsImg.jpg?v=1597263513);
    background-position: center;
    height: 650px;
    }
    
    .lightbluebackground{
    background-color: #F7F9FB;
    height:650px;
    margin: 0 auto;
    }
    
    .proartistApply{
    text-align: center;
    margin: auto auto;
    padding: 40px;
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #eeeeee;
    }
    
    /* SUSTAINABILITY PAGE STYLING */
    
    .sustainabilityTop {
    margin: auto auto;
    background-color: #F7F9FB;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/fm-motif-banner-bg-grey-50.png?v=1597266015);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }
    
    .sustainabilityText {
    text-align: center !important;
    }
    
    .sustainabilityText h2 {
    line-height: 1em;
    }
    
    /* OFFERS PAGE STYLING */
    
    .offersSection{
    padding: 0;
    text-align: center;
    }
    
    .offersBucket{
    }
    
    .offersImage{
    }
    
    .offersTitle{
    padding: 0 40px;
    line-height: 2em;
    }
    
    .offersDetails{
    padding: 0 40px;
    }
    
    .offersPromoCode{
    padding: 10px 40px;
    }
    
    .offersCTA{
    width: inherit !important;
    height: inherit!important;
    margin-top: inherit !important;
    position: relative !important;
    bottom: 0 !important;
    }
    
    .offersTerms{
    padding: 20px 40px;
    }
    
    .offersTerms p{
    line-height: 1.25em;
    }
    
    .offersBucket{
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #95a7b738;
    width: 100%;
    float: left;
    display: inline-block;
    margin: 20px auto 50px auto;
    min-height: 615px;
    }
    
    .offersOnlineBenefits{
    margin: auto auto;
    text-align: center;
    background-color: #f9fafb;
    padding: 40px 0;
    }
    
    .offersOnlineBenefits h1{
    margin: 0 0 20px!important;
    }
    
    .offersOnlineBenefitsInner{
    padding: 0!important;
    }
    
    .offersOnlineBenefitsInner h3, .offersOnlineBenefitsInner p{
    margin: 0!important;
    }
    
    /* SAFETY PAGE STYLING */
    
    .safetyMessage{
    padding: 60px;
    }
    
    .bgLightBlue{
    background-color: #F7F9FB;
    margin: 0 auto;
    }
    
    .safetyMessage h2{
    margin: 0 !important;
    }
    
    .safetyMessage p{
    font-size: 15px;
    line-height: 1.25em;
    }
    
    .safetyAurelian{
    display: table;
    margin: 50px 0 0;
    }
    
    .safetyAurelianImage{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/derm-safety-alis-profile-pic.png?v=1597305927); 
    border-radius: 100%;
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    display: table-cell;
    }
    
    .safetyAurelianText{
    display: table-cell;
    padding: 0 0 0 20px;
    vertical-align: middle;
    }
    
    /* WORLDWIDE */
    
    .worldwideDistributors ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
    .worldwideDistributors .links {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 29px 0;
    }
    
    .worldwideDistributors .links ul {
    width: 25%;
    float: left;
    padding:5px;
    }
    
    .worldwideDistributors .info {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 20px 0;
    }
    
    .worldwideDistributors .info h4 {
    line-height: 18px;
    margin: 0 30px 0 0;
    font-weight: normal;
    float: left;
    }
    
    .worldwideDistributors .info span {
    padding: 0 15px 0 0;
    }
    
    .worldwideDistributors section {
    margin: 0 0 80px 0;
    }
    
    .worldwideDistributors section p {
    margin: 0;
    }
    
    .worldwideDistributors section ul {
    margin: 0 0 30px 0;
    float: left;
    clear: both;
    width: 100%;
    }
    
    .worldwideDistributors section h3 {
    line-height: 26px;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
    }
    
    .worldwideDistributors section h5 {
    line-height: 18px;
    margin: 0 0 11px 0;
    }
    
	/* LOCATIONS */

    .locationTop{
    margin:auto auto;
    text-align:center;
    }
    .sectionContainer.location{
    max-width: 700px;
    display: grid;
    padding:15px;
    margin-bottom:40px;
    }

    .links.locations a:hover{
    font-weight:600;
    transition: 0.05s ease-in-out;
    }

    .sectionContainer.location h1{
    font-size:14px;
    margin:0px;
    }

    .location.worldwideDistributors ul{
    line-height: 45px;
    }

    .horizontalLineFullWidth{
    border-bottom: 1px solid #D3D5D7;
    height:2px;	
    margin-bottom:15px;
    }

    .rte img.locationIcon{
    width:25px;
    margin-bottom:0px;
    }
    
    /* OUR STORY PAGE STYLING */
    
    .twoColumns.twoColumnsImage{
    height: 400px;
    width: 400px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    float: left;
    background-position:center;
    }
    
    .twoColumns.ourStoryEducation{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/our-story-education.jpg); 
    }	
    
    .twoColumns.ourStoryPersonalized{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/out-story-active-clearing-sm.jpg?v=1596237213); 
    }	
    
    
    .twoColumns.ourStoryHuman{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/our-story-pst-sm.jpg?v=1596237414); 
    }
    
    .twoColumns.ourStorySustainability{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/our-story-sustainability-sm.jpg?v=1596237213); 
    }
    
    .twoColumnsFullWidth{
    display: table;
    padding:60px;
    width:50%;
    float:left;
    height:100%
    }
    
    .twoColumnsFullWidth .servicesSafety p{
    max-width:600px;
    }
    
    .sectionContainerFullWidth.greybackground{
    height:570px;
    background-color: #F1F2F3;
    }
    
    .sectionContainer.greybackground{
    height:570px;
    margin: 0 auto;
    }
    
    .twoColumnsFullWidthImage{
    width:calc(100% - 50%);
    height:100%;
    float:left;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow:hidden;
    }
    
    .twoColumnsFullWidthImage.Jane{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/our-story-jane.jpg?v=1596237213); 
    background-position:center;
    }
    
    .columnFullWidthInner{
    display:table-cell;
    vertical-align:middle;
    }
    
    .sectionAnchorArrow{
    color: #fff !important;
    margin-bottom: 0px;
    position: absolute;
    top: 70%;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    }
    
    .sectionCenterWrapper{
    text-align: center;
    margin:auto auto;
    display:table;
    height:100%;
    padding:150px 0px;
    }
    
    .centercontent{
    display:table-cell;
    margin: auto auto;
    width:610px;
    vertical-align:middle;
    }
    
    .sectionAnchorArrow h3{
    font-weight: 600 !important;
    font-size:12px !important;
    margin-bottom:0px;
    letter-spacing: 1px;
    z-index: 30;
    color:#fff;
    }
    
    i.arrowDown {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    }
    
    /* OUR STORY TEMPATE PAGE STYLING */
    .fullWidthRow {
    display: flex;
    background-color: #f5f6f7;
    max-height: 500px;
    overflow: hidden;
    }
    
    .fullWidthColumn {
    flex: 1; 
    display: table;
    height: -webkit-fill-available;
    }
    
    img.fullWidth{
    margin:0px !important;
    object-fit:cover;
    width: 100vw;
    height: 500px;
    }
    
    .contentSpacer{
    padding: 40px;
    }
    
    /* SOCIAL IMPACT PAGE STYLING */    
    .centerHeading{
    text-align:center;
    padding:40px 0px;
    }


    .twoColumnsFullWidthImage.socialImpactFite{
    background-image:url("https://cdn.shopify.com/s/files/1/0432/6100/1886/files/social-impact-fite.jpg");
    }

    .fourColumns.socialImpact{
    text-align:center;
    }

    .sectionContainerFlex.socialImpact{
    width:100%;
    }

    img.socialimpactlogos{
    height:40px;
    width: auto;
    }
    
    /* CAREERS PAGE STYLING */
    .centerHeading{
    text-align:center;
    padding:40px 0px;
    }
    
    .fullWidthColumn.careers{
      display:block;
    }
    .fullWidthRow.careers{
      max-height:unset;
    }

    /* CAREERS - OUR COMMON PURPOSE PAGE STYLING */
    .sectionContainerFullWidth.careersGuidingPrinciples{
      height:800px;
    }

    .twoColumnsFullWidthImage.careersGuidingPrinciples{
      background-image:url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/for-professionals-pst-c.jpg?v=1598934078);
      background-repeat:no-repeat;
      background-size: cover;
    }

    .twoColumns.ourCommonPurposePrinciples{
      background-image:url("https://cdn.shopify.com/s/files/1/0432/6100/1886/files/social-impact-4.jpg?v=1599249194"); 
    }

	/* CAREERS OUR CULTURE PAGE STYLING */
    .twoColumns.percent70{
    width:70%;
    }

    .twoColumns.percent30{
    width:30%;
    }

    .centerHeading.lifeAtDermalogica{
    padding-top:70px;
    }

    .columnInner.ourCulture{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);	
    }


    /* FLAGSHIP PAGE STYLING */
    .bgGrey{
    background-color: #f5f6f7;
    }
    
    .flagshipTop{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-Dermalogica-Treatment.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    
    .flagshipTop h2, .flagshipTop p{
    color:white;
    }
    
    .sectionContainer.hero{
    height:600px;
    }
    
    .sectionContainer.hero h2, .sectionContainerFullWidth.hero h2{
    font-size:40px;
    margin-top: 0px;
    line-height:60px;
    }	
    
    .cardsThreeColumn, .cardsTwoColumn {
    max-width: 1200px;
    margin: 40px auto 40px auto;
    display: grid;
    grid-gap: 1rem;
    }
    
    .cardImage{
    height:200px;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    
    .cardContainer{
    box-shadow: 0 4px 8px 0 #f9fafb, 0 6px 20px 0 #95a7b738;
    width:95%;
    float:left;
    display:inline-block;
    margin: 20px auto 50px auto;
    min-height:560px;
    }
    
    .sectionContainer.flagship{
    height:500px;
    background-color:#ECE1D7;
    margin: 0 auto;
    }
    
    .cardImage.weho{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-weho.jpg);
    }
    
    .cardImage.sanmon{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-santamonica.jpg);
    }
    
    .cardImage.soho{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-soho.jpg);
    }
    
    .cardImage.scot{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-scottsdale.jpg);
    }
    
    .cardImage.atla{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-atlanta.jpg);
    }
    
    .cardContainer.locator{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-blue-backer.png);   
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    
    .verticalLine{
    border-left: 2px solid #fff;
    height:80px;
    margin: 50px auto 30px auto;
    width:2px;
    }
    
    .cardInner{
    padding: 4% 10% 10% 10%;
    }
    
    .cardInner h2{
    margin-top:8px;
    }
    
    .cardInner.locator h2{
    text-align: center;
    color: white;
    font-size: 26px;
    line-height: 39px;
    } 
    
    .cardInner.locator{
    padding-top:80px;
    }
    
    p.linkUnderline{
    border-bottom: 1px solid #5b6770;
    font-size: 14px;
    letter-spacing: 1px;
    width: fit-content;
    float: left;
    margin:0px;
    color: #5b6770;
    }
    
    .cardContainer button{
    width: 80%;
    height: 46px;
    margin-top: 20px;
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 0;
    margin: auto auto;
    }
    
    button.secondaryWhite{
    color:#fff;
    border: 1px solid #fff;
    }
    
    button.secondaryWhite:hover{
    color:#5b6770;
    background-color:#fff;
    }
    
    .flagshipTopCopy{
    text-align: left;
    width: 320px;
    padding: 220px 0px 0px 0px;
    margin: 0 50px;
    }
    
    .twoColumnsFullWidth.flagshipServices{
    background-color: #ECE1D7;
    }
    
    /* FLAGSHIP INIVIDUAL STORES PAGE STYLING */
    
    .sectionContainerFullWidth.sectionHeading{
    text-align:center;
    padding:40px;
    }
    
    .twoColumnsFullWidthImage.flagshipStoreWeho{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-weho.jpg);
    background-position:center;
    }
    
    .flagshipServicesPMU.twoColumnsImage{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-treatment_pick-me-up-desktop.jpg);   
    }
    
    .flagshipServicesAHS.twoColumnsImage{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-treatment_healthy-skin-desktop.jpg);   
    }
    
    .sectionContainerFullWidthTable.flagshipServicesFM{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/FM_backer-desktop.png);  
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position:center;
    }
    
    .socialIcons img{
    width:35px;
    }
    
    .socialIcons{
    padding-right:10px;
    }
    
    .horizontalLine{
    border-bottom: 1px solid #5b6770;
    height:2px;
    margin: 30px 0px 30px;
    width: 100%;
    max-width: 400px;
    }
    
    .superText { 
    vertical-align: super;
    text-transform:capitalize;
    font-size:10px;
    }
    
    .columnFullWidthInner.flagshipStore{
    float:right;
    margin-right:130px;
    }
    
    .twoColumns.flagshipServicesBYSTtwo{
    padding-top:42px;	
    }
    
    .flagshipServicesBYST.twoColumnsImage{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-treatment_boost-desktop.jpg);   
    }
    
    .sectionContainerFlex.flagshipStores{
    margin:0px auto 150px auto
    }
    .twoColumnsFullWidthImage.flagshipStoreSoho{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-soho.jpg);   
    }
    
    .twoColumnsFullWidthImage.flagshipStoreSantaMonica{
    background-image:url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-santamonica.jpg);
    }
    
    .twoColumnsFullWidthImage.flagshipStoreScottsdale{
    background-image:url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-scottsdale.jpg);
    }
    
    .twoColumnsFullWidthImage.flagshipStoreAtlanta{
    background-image:url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/flagship-atlanta.jpg);
    }
    
    .columnInner.flagshipStores {
    padding: 0px 40px;
    }
    
    /* FOR PROFESSIONALS PAGE STYLING */

	img.mediumIcons{
    max-width:70px;
    opacity:.5;
	}

    button.primaryGreyButton{
    background-color:#5b6670;
    color:#fff;
    }
    
  .forProfessionalsTop{
    margin: auto auto;
    background-color: #D5D5D5;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/for-professionals-banner-w2.jpg?v=1604614585);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    }

    .twoColumnsFullWidthImage.forProfessionalsPerks{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/forprofessionals-EDUimage.jpg); 
    }

    div.topCopy.forProfessionals{
    text-align: left;
    padding: 150px 10px 200px;
    margin-left:90px;
    width:350px;
    }

	.sectionContainerFlex.forProfessionals{
    padding-bottom:0px;
    margin-bottom:0px;
    }

    .sectionCenterWrapper.cta.forprofessionals{
    padding: 50px 0px 100px 0px;
    }

    img.fullWidth {
    margin: auto auto !important;
    object-fit: cover;
    width: 100vw;
    height: 500px;
    object-position: left;
    }

    .fullWidthRow.forProfessionals{
    background-color: #D5D5D5;	
    height:600px;
    }

    .centercontent.igWidget{
    width:1200px;	
    max-width: unset;
    padding: 0px 30px;
    }

    .fourColumns.forProfessionals{
    text-align:center; 
    }

    .twoColumnsFullWidth.forProfessionals{
    background-color: #424a52;
    }

    .twoColumnsFullWidth.forProfessionals h1, .twoColumnsFullWidth.forProfessionals p{
    color:white;
    }

    .centerHeading.forProfessionals{
    padding-top:100px;
    }

    .sectionContainerFlex.forProfessionals{
    width:100%;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
    }

    .sectionCenterWrapper.forProfessionals{
    padding-top:100px;
    }

    .professionalsAccountForm{
    max-width: 400px;
    height: 620px;
    margin:auto auto;
    }

    /* SERVICES PAGE STYLING */
    
    .servicesTop{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-pst-sanitizing.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#5b6670;
    }
    
    .servicesTopCopy{
    text-align: left;
    width: 320px;
    padding: 150px 0 200px;
    margin: 0 50px;
    }
    
    .servicesTop h2, .servicesTop p{
    color:#fff;
    }
    
    .servicesTop button{
    margin-top:20px;
    }
    
    .services h1{
    text-align:center; 
    margin-top:50px;
    }
    
    .borderDivider{
    border-top: 1px solid #d5d7d9 !important;
    margin-top:20px;
    }
    
    .highlightsList{
    padding-top:10px;
    }
    
    .highlightsList li{
    color:#5b6770;
    margin-bottom:10px;
    width:18px;
    height:18px;   
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    }
    
    .highlightsList ul{
    list-style-type:none;
    padding:0px;
    }
    
    .highlightsList li#time{
    background-image:url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-time.png');
    background-size: cover;
    background-position: center;
    }
    
    .highlightsList li#digital{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-virtual.png');
    background-size: contain;
    background-position: 0px 4px;
    background-repeat: no-repeat;
    }
    
    .highlightsList li#highlight{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-focus.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    }
    
    .highlightsList p{
    min-width:250px;
    padding-left:25px;
    }
    
    .serviceHeadband{
    height:30px;
    background-color:#5b6770;
    position:absolute;
    width:100%;
    }
    
    .serviceHeadband h3.serviceHeadbandLabel{
    text-align: center;
    font-size: 12px;
    margin-top: 0px;
    padding-top: 6px;
    letter-spacing: 1px;
    color:#fff;
    }
    
    .services .cardContainer{
    min-height:680px;
    }
    
    .services .cardImage{
    height:260px;
    }
    
    .cardImage.servicesFm{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-facemapping.jpg');
    }
    
    .cardImage.servicesFf{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-facefit.jpg');
    }
    
    .cardImage.servicesPs30{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-proskin30.jpg');
    }
    
    .cardImage.servicesPpp30{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-propowerpeel30.jpg');
    }
    
    .cardImage.servicesPs60{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-proskin60.jpg');
    }
    
    .cardImage.servicesPpp60{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-propowerpeel60.jpg');
    }
    
    .twoColumnsFullWidthImage.servicesSafety{
    background-image: url('https://cdn.shopify.com/s/files/1/0432/6100/1886/files/services-clean-touch.jpg'); 
    height:500px;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow:hidden;
    background-position:center;
    }
    
    .sectionContainer.servicesSafety{
    height:500px;
    margin: 0 auto;
    }
    
    .twoColumnsFullWidth.servicesSafety{
    background-color: #ECE1D7;
    }
    
    /* CONTACT US */
    
    .twoColumnsFullWidthImage.contactChat{
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/pst_e38d430d-9efa-47ce-b4be-bd10a069f4cc.jpg?v=1596084326);
    background-position:center;
    }
    
    .sectionContainerFullWidth.contactChat{
    height:500px;
    }
    
    .contactUsTop{
    background-color: #F7F9FB;
    background-image: url(https://cdn.shopify.com/s/files/1/0432/6100/1886/files/fm-motif-banner-bg-grey-50.png?v=1597266015);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }
    
    .FAQsection.contactUs{
    padding:40px 0px;
    }
    
    /* SHIPPING INFO */
    
    .shippingInfo table{
    width: 100%;
    margin: 40px 0;
    }
    
    .shippingInfo td {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #f1f2f3;
    display: table-cell;
    }
    
    .shippingInfo th {
    background-color: #f1f2f3;
    padding: 20px;
    
    }
    
    /* PRIVACY INFO */
    
    .privacyInfo table{
    width: 100%;
    margin: 40px 0;
    }
    
    .privacyInfo td {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #f1f2f3;
    border-bottom: 1px solid #f1f2f3;
    display: table-cell;
    }
    
    .privacyInfo th {
    background-color: #f1f2f3;
    padding: 20px;
    }
    
    /* RESPONSIVE STYLE */
    
    @media (max-width: 768px) {
    .fullWidthRow{
    display:block;
    max-height:none;
    overflow:auto;
    }	
    .fullWidthColumn{
    display:block;
    }
    
    .maxwidth450{
    max-width:none;
    }
    
    .twoColumns.hideMobile{
    display: none;
    }
    
    .cardsThreeColumn { 
    grid-template-columns: repeat(2, 1fr); 
    max-width:1100px;
    }
    
    .sectionContainerFlex {
    max-width: 100%;
    padding: 20px 50px;
    display:inline-grid;
    margin: 0;
    }
    
    .twoColumns, .threeColumns, .fourColumns {
    width: 100%;
    padding: 0;
    display: inline-block;
    margin: 20px 0;
    }
    
    .columnInner {
    padding: 0;
    }
    
    .twoColumns{
    width:100%;
    }
    
    .twoColumns.twoColumnsImage{
    width:100%;
    }
    
    .twoColumnsFullWidthImage{
    width:100%;
    background-position:center;
    height:100%;
    }
    
    .twoColumnsFullWidth{
    width:100%;
    display:inline-block;
    padding:40px;
    height:unset;
    max-width:unset;
    }
    
    .twoColumns.reverseStack {
    order: 2;
    }
    
    .twoColumns.reverseStackTop {
    order: 1;
    }
    
    .reverseStack{
    text-align: left;
    display: inline-block;
    float: left;
    
    }
    
    .reverseStackTop{
    display: inline-block;
    float: left;
    }
    
    .columnReverse{
    height: auto;
    display: flex;
    flex-flow: column-reverse;
    }
    
    .sectionContainerFullWidth.hero{
    height:unset;
    }
    
    
    .sectionAnchorArrow{
    display:none;
    }
    
    .centercontent{
    max-width:330px;
    }
    
    .sectionCenterWrapper{
    padding: 80px 0px;
    }
    
    .services.cardContainer{
    min-height:680px;
    }
    
    .cardContainer button {
    margin-top: 20px;
    position:fixed;
    bottom: 26px;
    margin: auto auto;
    display: block;
    }
    
    .FAQsection {
    padding: 0 20px;
    }
    
    /*REWARDS*/
    .rewardsEarn, .rewardsBenefits{
    padding: 40px 20px 50px;
    }
    
    /*FLAGSHIP*/
    
    .twoColumnsFullWidthImage.flagshipStoreTop{
    height:300px;
    }
    
    .twoColumns.flagshipServicesBYSTtwo{
    padding-top:0px;
    margin-top:0px;
    }	
    
    .twoColumns.flagshipServicesBYSTone{
    margin-bottom:0px;
    }
    
    .columnFullWidthInner.flagshipStore{
    width:unset;
    float:unset;
    } 
    
    .sectionContainerFlex.flagshipStores{
    margin:0px auto 0px auto
    }
    
    .columnInner.flagshipStores {
    padding: 0px;
    }
    
    /*FOR PROFESSIONALS*/
    .forProfessionalsTop{
    background-size:750px;	
    background-position: left bottom;
    }	

    div.topCopy.forProfessionals{
    text-align: left;
    width: 260px;
    padding: 108px 0 260px;
    margin: 0px 68px;
    }
      
      
    /*CAREERS OUR CULTURE*/
   .columnInner.ourCulture{
    text-align:center;
    position: unset;	
    }

    .twoColumns.percent70{
    width:100%;
    }

    .twoColumns.percent30{
    width:100%;
    }

    .sectionContainerFlex.ourCulture{
    padding:20px 20px;
    }
    }

	@media screen and (max-width: 992px){
    /*FOR PROFESSIONALS*/  
    .forProfessionalsTop{
 	background-size: cover;
	background-position: left bottom;
    }	
	
	}
    
    @media (min-width: 769px) {
    
    .cardsThreeColumn { 
    grid-template-columns: repeat(3, 1fr); 
    max-width:1100px;
    }
    
    .cardsTwoColumn{
    grid-template-columns: repeat(2, 1fr); 
    max-width:1000px;
    }
    
    }

	@media (max-width: 600px) {
    .forProfessionalsTop{
    background-position: -136px bottom;
    }	

    }
    
	@media (max-width: 480px) {
    .topCopyContainer {
    width: 100%;
    }
    
    .topCopy {
    width: 80%;
    text-align: center;
    padding: 100px 50px;
    margin: auto auto;
    }
    
    .cardContainer{
    margin: 5px auto 5px auto;
    }
    
    .cardsThreeColumn{
    margin:10px auto 10px auto;
    }
    
    .twoColumnsFullWidthImage.servicesSafety{
    height:400px;
    }
    
    .sectionContainer.hero h2, .sectionContainerFullWidth.hero h2{	
    font-size:30px;	
    line-height:45px;
    }	
    
    .sectionContainer.hero{	
    height:500px;	
    }
    
    /* AFTERPAY */
    .afterpayTop{
    background-position: -120px center;
    }
    
    /*AUTO REPLENISH */
    .autoreplenishTop {
    background-position: -50px center;
    }
    
    .autoreplenishFavCard {
    margin: 40px 0 80px !important;
    }
    
    
    /*Flagship Page*/	
    .flagshipTop{	
    background-position: -527px center;	
    }
    
    .cardsThreeColumn { 
    grid-template-columns: repeat(1, 1fr); 
    }
    
    /*Services Page*/
    .topCopy.servicesTopCopy {
    width: 80%;
    text-align: center;
    margin: auto auto;
    }
    
    .servicesTopCopy{
    padding: 100px 0 200px;
    }
      
    div.topCopy.forProfessionals{
    width:220px;  
    padding:108px 0 220px;
    }
      
    .forProfessionalsTop{
     background-position: -148px bottom; 
    }
    
    }
    .Drawer__Close{
        cursor: pointer;
    }