﻿    /*NEED?
    .white-hero-details-home.inverse > .hero-title-home { color: #343e48; text-shadow: none; }
    .white-hero-details-home.inverse > .hero-text { color: #ac3a92; font-weight: 300; text-transform: none; text-shadow: none; }
    .white-hero-details-home.inverse > .arrow-link { background-color: #ac3a92; color: #fff; box-shadow: 4px 6px 6px -6px #000; width: 30%; text-align: center; }
    .white-hero-details-home.inverse > .arrow-link::after { background: #fff url("/img/sprites.png") no-repeat scroll -287px -73px; width: 35px; height: 35px; }*/

.tablet {display:none;}

.symbol {color:#771b61 !important;}  

/*sub nav MEMBER LOGIN*/
.login-button.purple-button { color:#fff;background-color: #af4591;margin-bottom:5%;line-height:30px;}
/*TOP NAVIGATION*/
    /*.login-text-homePg { position:relative; font-size:0.75em; padding-left:1em; color:#323e48; text-decoration:none; display:inline-block; }*/
    .wrap .rowlinks.main-nav-links-2019 { display:none;}
    .rowlinks.main-nav-links-2019 > li > a {  color:#5e6568;  line-height:2.5em; font-size:0.750em; text-indent:1.250em;}
    /*search box*/
   .n-login .mega:before, .n-login .mega:after { left:90% !important;margin-top:0px !important;}
   .search-2019 .mega:before, .search-2019 .mega:after { left:98% !important;margin-top:0px !important;}
  
   @media only screen and (min-width:48em) {
    .wrap .rowlinks.main-header-links, .wrap .rowlinks.main-nav-links-2019, .wrap .for-professionals, .wrap .follow-us {display: block;}
    .rowlinks.main-nav-links-2019 > li { float:left; } /* Fix for display in chrome. */ /* MM: WHY??? */
    .rowlinks.main-nav-links-2019 > li > a { border:0; line-height:3.333em; font-size:0.938em; text-indent:0; background-color:transparent; padding:0 0.5em; position:relative; }
    
    .rowlinks.main-nav-links-2019 > li > a.active { color:#323e48;font-weight:bold !important; }
    .rowlinks.main-nav-links-2019 > li > a.active:after { content:""; display:block; position:absolute; height:0.333em; width:100%; bottom:0; left:0; background-color:#af4591; }
        
    .rowlinks.main-nav-links-2019 > li.n-login > a { padding-left:0; padding-right:1.5em;  } 
    .rowlinks.main-nav-links-2019 > li.n-login > a:after { content:""; z-index:1; display:block; position:absolute; top:50%; margin-top:-5px; right:7px; width:0; height:0; border-top:7px solid #af4591; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:0; -moz-transform:scale(.9999); }
    .rowlinks.main-header-links > li, .rowlinks.main-nav-links-2019 > li { position:relative; }
}

   .mega.search-2019-container {right:0px;width:1220px;height:70px;background-color:#eff0f1;}
   .search-2019-box {margin:1% 3%;}
     @media only screen and (min-width:48em) and (max-width:66.667em) {
         .mega.search-2019-container {width:800px;}
         .search-2019-box {margin:2% 5%;}
     }
     @media only screen and (min-width:66.667em) and (max-width:75em) {
         .mega.search-2019-container {width:1100px;}
         .search-2019-box {margin:1.5% 5%;}
    }

   @media only screen and (min-width:61.875em) { /* 990+ */
    .news .news-header { width:20%; }
    .news .slides { width:80%; }
    .rowlinks.main-nav-links-2019 > li > a { padding:0 0.867em; }
    .rowlinks.main-nav-links-2019 > li > a:hover { color:#323e48; }
   }
/*TOP NAVIGATION END*/

/*MAIN BANNER START*/
.home-web-banner.banner-hero {
    background-image: url(/img/home/homepage-banner.png);
    background-position: 65%;
    background-size: cover;
    display: block;
    height: 22em !important;
} 
    /*when updated web banner review mobile and update background-position for under media screen max-width:40em*/
 @media only screen and (max-width:650px){
    .home-web-banner.banner-hero {
        height: 20em;
        background-image: url(/img/home/homepage-banner-mob.png);
        background-position: center;
    }
    .web-banner-left-text{
        margin-top:0px;
    }

}





/*MAIN BANNER END*/




/*member login buttons*/
   .findbuttons {border-right: solid 1px #bbbebe;border-left: solid 1px #bbbebe;height:100%;padding:2% 0%;text-align:center;line-height:18px;}
   
   .login-bar {height:80px;margin-left:4%;padding:2% 0%;width:460px;}
   .login-bar input {height:39px !important;}
   .login-button {box-shadow: 0px 1px 0 0 rgba(98, 101, 97, 0.3);background-color:#eff0f1;color:#323e48;font-size: 14px;font-weight: bold;letter-spacing: -0.1px;text-align: center;text-decoration:none;padding:2% 3%;vertical-align:middle;}
   .login-bar a:hover { background-color: #323e48;color:#fff;}
   .login-row {height:85px;padding:2% 0%;background-color:#e2e3e5;font-size:12pt;font-weight:700;text-align:center;}
   .member-login {margin:0 3% 0 8%;font-size: 14px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 2.14;letter-spacing: -0.1px;text-align: center;color: #323e48;}
   #member-login-box {border-radius: 3px;}
   .login-break {display: none;}
   
   .find-a-doc {margin-left:5%;border-right:none !important;}
   .alert-message {margin-top:2px;margin-left:12%;font-size:14px;}
   .login-border-right {border-right: 1px solid #bbbebe;}
   .medication-button {float:left;width:25%;}
   .login-row-one-option {float:left;width:25%;border-right:solid 1px #bbbebe;border-left:solid 1px #bbbebe;margin-left:20%;}
   .w-20p {float:left;}
   .w-15p {float:left;}
    
@media only screen and (min-width:47.99em) and (max-width:63.750em){
    .login-break {display: block;}
    .find-a-doc {margin-left:1%;}
    .login-bar {width:390px;margin-right:5%;}
    .findbuttons {padding-right: 0em !important;margin-right: 0px !important;text-align: left !important;}
    .findbuttons a {line-height: 18px;}
    .login-row-one-option {margin-left:5%;}
    .w-20p {width:15%;}
    .medication-button  {width:23%;}
}

@media only screen and (max-width:47.99em){
    .login-break {display: block;}
    .findbuttons {padding-left:1em;margin-left:0px;text-align:left;}
    .findbuttons a {line-height:18px;margin-top:14px;}
    .w-20p {width:48%;}
    .medication-button {width:48%;}
    
}

/*SHOP SECTION START*/
    .main-header-page-2019  { color:#323e48 !important; text-align:center !important;font-size: 37px !important; font-weight: normal !important;font-style: normal !important;font-stretch: normal !important;line-height: normal !important;letter-spacing: -0.4px !important;margin:100px 0 10px 0 !important;}
    .value-boxes {margin-bottom:100px !important;}
    .box-subheader-small { /*font-family:Gotham;*/color:#323e48; font-weight:bold;font-size:20px; margin:0; padding:0; text-transform:none !important; }
    .box-subheader-small:before { content:""; display:block; margin:0 auto 1em;}
        .box-subheader-small.box-one-home-page:before {background: transparent url(/img/home/2019/2023-img-src-gty-951524956.jpg); height: 170px; width: 320px; border-radius: 3px;  }
        .box-subheader-small.box-two-home-page:before {background: transparent url(/img/home/2019/home-touts-covid-19.jpg); height: 170px; width: 320px; border-radius: 3px;}
    /*CONNECT CENTERS .box-subheader-small.box-three-home-page:before { background: transparent url(/img/home/2019/home-touts-cc.jpg);height: 170px;width:320px;border-radius: 3px;  }*/
        .box-subheader-small.box-three-home-page:before {background: transparent url(/img/home/2019/covid-tout-awc.jpg); height: 170px; width: 320px; border-radius: 3px; }
    .coverage-options p {font-size: 14px;width:85%;margin-left:10%;color:#323e48;margin-bottom:35px;line-height:18px;/*font-family:'Gotham Book';*/}
    .coverage-options ul {font-size: 14px;text-align:left;margin-bottom:35px;}
    .coverage-options ul li {margin-bottom:10px;}

.shop-options {
    margin: 0 auto;
    padding: 0 15%;
    text-align: center;
}
    .shop-options .purple-button-2019 {margin:20px 0px;vertical-align:middle;font-size:14px;}

         
@media only screen and (max-width:61.875em) {
    .box-subheader-small.box-one-home-page:before {  height:138px;width:260px;background-position:right; }
    .box-subheader-small.box-two-home-page:before { height:138px;width:260px;background-position:right; }
    .box-subheader-small.box-three-home-page:before { height:138px;width:260px;background-position:right; }
}

@media only screen and (min-width:48.875em) and (max-width:61.875em){
    .tablet {display:block;}
    .purple-button {line-height:22px;} 
  
}
@media only screen and (min-width:28.875em) and (max-width:66.667em) {
    .purple-button {line-height:20px !important;padding:2%;} 
}

/*SHOP SECTION END*/

/*FEATURED STORIES START*/
.featured-stories {margin:15%;letter-spacing: -0.1px;text-align: left;background-color:#eff0f1 !important;margin-bottom:100px !important;}
.featured-stories h3 {margin:0 3%;font-size: 22px;font-weight: bold;text-align: left;color: #323e48;}
.featured-stories p {/*width:35%;*/margin:1% 3% 0 3%;font-size: 14px;text-align: left;color: #323e48;}
.featured-stories a {margin:1% 0 0 .5%;font-size: 13px;font-weight: bold;text-align: left;}
.featured-stories hr {margin:3% 4%;background-color: #eff0f1;opacity:.2;}

.featured-stories h2 { margin: 6% 3% 1% 3%;font-size: 15px;font-weight:bold;color:#af4591; }


.left {width: 45%;float: left;background-color:#eff0f1;height:300px;}

.right {width: 55%;float: right;background-color:#eff0f1;height:300px;}

 @media only screen and (min-width:41.667em) and (max-width:48em) { /* 990 Large Tablets Only */
     /*.left, .right {width: 100%;}*/   
     /*.featured-stories p {color:blue;}*/
     .right {width:40%;}
     .left {width:60%;}
   
}
 
@media only screen and (min-width:25em) and (max-width:41.667em) {
 .left, .right {width: 100%;}
 .right {height:150px;}
 .left {height:265px;}
  /*.featured-stories p {color:red;}*/

    .featured-stories a {    margin: 1% 0 0 1%;  }

 
    
}

@media only screen and (max-width:25em) {
  .left, .right {width: 100%;}
  /*.featured-stories p {color:green;}*/
  .right {height: 95%;}
   .featured-stories {width:100%;}

    .medication-button {border-right:none;}
  
}


/*FEATURED STORIES END*/

/*THOUGHT LEADERSHIP START*/

.new-ideas {/*border:solid 1px orange;*/margin:20px 20px 0 20px;background-color:#eff0f1;height:530px;border-radius:3px;}
.new-ideas p {margin:-1% 3% 3% 3%;width:65%;font-size: 14px;text-align: left;color: #323e48;}
.new-ideas span {float:right;margin:3%;}
.new-ideas h2 {margin-left:3%;padding-top:80px;}
.new-ideas-content div {float: left; background-color:#fff;/*margin-left:2%;*/margin:0 1%; }
.flex-container {
  display: flex; flex-direction: column; width: 31%;/* padding:1% 0%;*/ height:260px;border-radius: 3px;
  box-shadow: 0px 7px 17px 0 rgba(0, 0, 0, 0.1); 
}

.flex-container > div {  /*border:solid 1px purple;*/ }
.flex-container div img, .flex-container.no-mobile div img {display:block; margin-left: auto; margin-right: auto;width:96%;margin-top:3%; }
.flex-container div a {display:block; /*margin-left: auto; margin-right: auto;*/width:90%;margin-top:4% !important;margin-left:2%; }

@media only screen and (max-width:48.875em){

.new-ideas {height:680px !important;}
.new-ideas p {width:95%;}

.flex-container {display: flex;flex-direction:row;width:98%;margin-bottom:2.5% !important;height:95% !important;background-color:#eff0f1;}
.flex-container div a {width:98%;}
.flex-container img {width:180px !important;/*border:1px solid purple;*/padding:8px 0; }
}

@media only screen and (min-width:28.875em) and (max-width:38.875em) {
    .new-ideas {height:575px;}
}

@media only screen and (max-width:28.875em){
    .new-ideas {height:620px !important;}  
    
    .flex-container img {width:95% !important;padding:0em 0em; }
    .flex-container a {width:95% !important; }

    .new-ideas p {width:90%;}
    .flex-container {display: flex;  flex-direction: column;   width: 96%;  padding:1% 0%;}
    .flex-container div {margin:3% 0%;}
    .no-mobile-new-ideas {display:none;}
}

/*THOUGHT LEADERSHIP END*/


/*RECENT NEWS START*/

/* MM: REWRITTEN NEWS START*/
.mm-recent-news {
    position:relative;
    margin: 0 5% 100px 5%;
}

.mm-recent-news .mm-recent-news__view-all {
    position:absolute;
    top:0;
    right:0;
}

.mm-recent-news .mm-recent-news__links {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.mm-recent-news .mm-recent-news__links a {
    border-bottom:1px solid #d3d3d3;
    padding:3rem 5rem 3rem 1rem;
    font-size:14px;
    line-height:1.25;
    color:#323e48;
    text-decoration:none;
    position:relative;
    width:48%;
    font-weight:400;
}

.mm-recent-news .mm-recent-news__links a::after {
    content:'';
    position:absolute;
    top:42%;
    right:1rem;
    transform:translateY(-42%);
    display:block;
    background-image:url(/img/home/2019/purple-arrow.png);
    background-repeat:no-repeat;
    width:9px;
    height:15px;
}

@media only screen and (max-width:48.875em) {
    .mm-recent-news .mm-recent-news__view-all {
        top:auto;
        right:auto;
        left:0;
        bottom:-3rem;
    }
    
    .mm-recent-news .mm-recent-news__links {
        flex-direction:column;
        flex-wrap:no-wrap;
    }

    .mm-recent-news .mm-recent-news__links a {
        width:auto;
    }
}
/* MM: REWRITTEN NEWS END */

/* MM: REWRITTEN NEW IDEAS START */
.mm-new-ideas {
    position: relative;
    /*margin: 0 20px 56px 20px;*/
    margin: 0 20px 30px 20px;
    padding: 4rem 3%;
    background-color: #eff0f1;
}

.mm-new-ideas .mm-new-ideas__view-all {
    position:absolute;
    top:5rem;
    right:3%;
}

.mm-new-ideas .mm-new-ideas__title {
    margin-bottom:0;
}

.mm-new-ideas .mm-new-ideas__desc {
    font-size:14px;
    padding-right:30%;
    padding-bottom:1rem;
}

.mm-new-ideas .mm-new-ideas__cards {
    display:flex;
    justify-content:space-between;
}

.mm-new-ideas .mm-new-ideas__cards > div {
    background-color:#fff;
    /*padding:0.75rem;*/padding:0 0 .75em 0;
    width:32%;
    border-radius:3px;
    box-shadow:0px 7px 17px 0 rgba(0, 0, 0, 0.1);
}

.mm-new-ideas .mm-new-ideas__cards > div > img {
    width:100%;
}

.mm-new-ideas .mm-new-ideas__cards > div > a {
    margin:1rem;
}
.mm-new-ideas .mm-new-ideas__cards > div > p {
        margin:0 .75rem;
    }
@media only screen and (max-width:48.875em) {
    .mm-new-ideas .mm-new-ideas__view-all {
        top:auto;
        right:auto;
        left:0;
        bottom:1rem;
    }

    .mm-new-ideas .mm-new-ideas__desc {
        padding-right:0;
    }
    
    .mm-new-ideas .mm-new-ideas__cards {
        flex-direction:column;
        flex-wrap:no-wrap;
    }

    .mm-new-ideas .mm-new-ideas__cards > div {
        width:auto;
    }

  
}
/* MM: REWRITTEN NEW IDEAS END */

.main-content-area { width:50%;float: left;}
.main-content-area-full {width:95%;float:left;}
.content-block {padding:20px 0;margin:0px 25px;border-bottom:1px solid #d3d3d3;min-height:140px;height:100%;/*height can be changed based on longest news item*/}
.content-text-caret::after {
    background: url(/img/home/2019/purple-arrow.png) no-repeat;content: '';width: 9px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 0 !important;padding-right: 0em;
}

.content-text {  line-height: 1.05rem; vertical-align: middle;display: inline-block;width: 85%;font-size:14px;margin-left:15px;margin-right:10px; }

div.clickable { 
    position: relative; vertical-align: middle;margin-top: 20px;
}

    div.clickable a {
        position: absolute; width: 98%; 
        height: 100%;top: 0;left: 0; text-decoration: none;
        z-index: 10; 
        background-color: white; 
        opacity: 0; 
        filter: alpha(opacity=1); 
    }

.recent-news h2 {
    margin-left: 2%;
    margin-bottom: 0%;
}


/*.recent-news {margin-bottom:100px;}*/

.news-content {width:100%;margin-bottom:80px;}
.news-content span {margin-top:1%;margin-right:3%;}
.news-content div {width:44%;margin:0 2%;float: left; }
.news-highlights span {border-bottom:1px solid #d3d3d3;margin-bottom:5%;height:95px;width:90% !important;float:left;}
.news-highlights span a {font-weight:100;}
/*.recent-news h2 {margin-left:5%;margin-bottom:3%;}
.recent-news span {float:right;}*/

    @media only screen and (max-width:48.875em){
          .news-content div {width:96%;float: left;margin:3% 0 0 0;}
       .news-highlights span {height:95px;}

        .main-content-area {
            width: 95%;
            float: left;
        }
    }


/*RECENT NEWS END*/