/* GENERAL CSS */ #promolp.northstar .fs-hlevel48 {font-size: 48px; line-height: 48px;} #promolp.northstar .fs-hlevel32 {font-size: 32px; line-height: 36px;} #promolp.northstar .fs-hlevel24 {font-size: 24px; line-height: 28px;} #promolp.northstar .fs-hlevel20 {font-size: 20px; line-height: 24px;} #promolp.northstar .margin36-bottom {margin-bottom: 36px;} /* BLACK LINK WITH RED CARET CTA */ .caret-red-black-text-16, .caret-red-black-text-16:active {background: transparent url(../../../../../../bizcontent/general/buttons/caret-red.png) no-repeat scroll right; background-size: 7px 12px; font-weight: 600;padding: 0px 14px 0 0; color: #000000 !important; text-decoration: none !important;} .caret-red-black-text-16:hover {background: transparent url(../../../../../../bizcontent/general/buttons/caret-red-hover.png) no-repeat scroll right; background-size: 7px 12px; color: #000000 !important; text-decoration: none !important;} .caret-red-black-text-16:focus {border: 2px solid #63B5FF;} @media screen and (max-width: 640px) { #promolp.northstar .fs-hlevel32 {font-size: 24px; line-height: 28px;} #promolp.northstar .fs-hlevel48 {font-size: 40px; line-height: 40px;} } /* SVG CIRCLES */ #promolp.northstar .svg-circle-red {fill: #CC0000 !important;} #promolp.northstar .svg-icon-white {fill: #FFF !important;} /* TABS */ #promolp.northstar #tabs {border-top: 0;} #promolp.northstar .accordion-block {padding: 70px 50px;} #promolp.northstar .tabSubnav li {display: inline; padding-right: 40px;} /*---------- SUBNAV ----------*/ #promolp.northstar #tabs ul.subnav {border: 0; border-bottom: 1px; border-style: solid; border-color: #ccc;} #promolp.northstar #tabs ul.subnav li {display: inline-block; font-size: 14px; font-weight: 700; margin: 0; padding: 12px 16px; position: relative; top: 2px;} #promolp.northstar #tabs ul.subnav li a {color: #000; display: block; padding: 6px;background: #FFF; text-decoration: none !important;} #promolp.northstar #tabs ul.subnav li.active {background: url('https://www.cvs.com/bizcontent/general/subnav-selected.png') repeat-x bottom left; position: relative; top: 2px;} #promolp.northstar #tabs ul.subnav li a:hover {text-decoration: none; color: #cc0000;} #promolp.northstar a.para-textlink.active {font-weight: bold !important;} @media screen and (max-width: 640px) { #promolp.northstar #tabs nav {overflow: auto; white-space: nowrap; min-height: 56px; overflow-y: hidden;} #promolp.northstar .panel-container {padding: 10px;} } @media screen and (max-width: 320px) { #promolp.northstar #tabs ul.subnav {width: fit-content;} } /* DROP DOWN ACCORDION FAQS - RED CARET ON THE LEFT */ #promolp.northstar #bizaccordion-faq .ui-corner-all, #promolp.northstar #bizaccordion-faq .ui-corner-top {border-radius: 0;} #promolp.northstar #bizaccordion-faq .ui-accordion-header {padding: 10px 0 10px 20px;} #promolp.northstar #bizaccordion-faq .ui-state-default {background: transparent url(../../../../../../bizcontent/general/buttons/caret-gray.png) no-repeat scroll left; background-size: 8px 15px; border: #bfbfc0 solid; border-width: 0 0 1px 0; font-weight: 600;padding: 0 0 0 16px; color: #404040; cursor: pointer; text-decoration: none !important;} #promolp.northstar #bizaccordion-faq .ui-state-default:hover {background: transparent url(../../../../../../bizcontent/general/buttons/caret-red.png) no-repeat scroll left; background-size: 8px 15px; font-weight: 600;padding: 0 0 0 16px; text-decoration: none !important;} #promolp.northstar #bizaccordion-faq .ui-state-default:focus {border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion-faq .ui-state-active {background: transparent url(../../../../../../bizcontent/general/buttons/caret-accordion-gray.png) no-repeat scroll left; background-size: 15px 8px; border: none; border-width: 0; font-weight: 600;padding: 0 0 0 25px; cursor: pointer; color: #404040; text-decoration: none !important;} #bizaccordion .ui-state-active:hover {background: transparent url(../../../../../../bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll left; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 25px; color: #cc0000; text-decoration: none !important;} #promolp.northstar #bizaccordion-faq .ui-state-active:focus {border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion-faq .ui-state-default a:hover, #promolp.northstar #bizaccordion-faq .ui-state-active a:hover {color:#cc0000;} #promolp.northstar #bizaccordion-faq .ui-state-default a:focus, #promolp.northstar #bizaccordion-faq .ui-state-active a:focus {border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion-faq .ui-accordion-content {border: #bfbfc0 solid; border-width: 0 0 1px 0; overflow-x:hidden; padding: 0 0 20px 0;} #promolp.northstar #bizaccordion-faq h3 {padding-bottom: 10px !important; padding-top: 10px !important;} #promolp.northstar #bizaccordion-faq .ui-accordion-header a { padding-left: 1em;} #promolp.northstar #bizaccordion-faq a:focus{border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion-faq .faqs p {margin: 10px 0 10px 0;} #promolp.northstar #bizaccordion-faq .faqs hr {margin: 5px 0 5px 0; border: 0; border-top: 1px solid #bfbfc0;} #promolp.northstar #bizaccordion-faq button {font-size: 16px; line-height: 20px; text-align: left;} #promolp.northstar #bizaccordion-faq .ui-accordion-header button {padding: 0;} #promolp.northstar #bizaccordion-faq .ui-state-default button {color: #000000;} #promolp.northstar #bizaccordion-faq .ui-state-active button {color: #000000;} #promolp.northstar #bizaccordion-faq .ui-accordion-content {padding: 0 0 20px 25px;} #promolp.northstar #bizaccordion-faq .ui-state-active, #promolp.northstar #bizaccordion-faq .ui-state-active:hover {background-position-y: 14px;} #promolp.northstar #bizaccordion-faq .ui-state-default, #promolp.northstar #bizaccordion-faq .ui-state-default:hover {background-position-y: 12px;} /* DROP DOWN ACCORDION FAQS - RED CARET ON THE RIGHT */ #promolp.northstar #bizaccordion .ui-state-default {background: transparent url(../../../../../../bizcontent/general/buttons/caret-accordion-gray.png) no-repeat scroll right; background-size: 15px 8px; border: #bfbfc0 solid; border-width: 0 0 1px 0; font-weight: 600;padding: 0 0 0 25px; color: #404040; cursor: pointer; text-decoration: none !important;} #promolp.northstar #bizaccordion .ui-state-default:hover {background: transparent url(../../../../../../bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 25px; text-decoration: none !important;} #promolp.northstar #bizaccordion .ui-state-active {background: transparent url(../../../../../../bizcontent/general/buttons/caret-accordion-red-up.png) no-repeat scroll right; background-size: 15px 8px; border: none; border-width: 0; font-weight: 600;padding: 0 0 0 25px; cursor: pointer; color: #404040; text-decoration: none !important;} #promolp.northstar #bizaccordion .ui-state-active:hover {background: transparent url(../../../../../../bizcontent/general/buttons/caret-accordion-red-hover-up.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 25px; color: #cc0000; text-decoration: none !important;} #promolp.northstar #bizaccordion .ui-state-default button {margin-top: 0; margin-left: 12px;} #promolp.northstar #bizaccordion .ui-state-default svg {vertical-align: middle;} #promolp.northstar #bizaccordion .ui-state-active button {margin-top: 0; margin-left: 12px; color: #cc0000;} #promolp.northstar #bizaccordion .ui-state-active svg {vertical-align: middle;} @media screen and (max-width: 640px) { #promolp.northstar #bizaccordion .ui-state-default {padding: 0;} #promolp.northstar #bizaccordion .ui-state-default:hover {padding: 0;} #promolp.northstar #bizaccordion .ui-state-active {padding: 0;} #promolp.northstar #bizaccordion .ui-state-active:hover {padding: 0;} #promolp.northstar #bizaccordion .ui-state-default button {margin-left: 8px;} #promolp.northstar #bizaccordion .ui-state-active button {margin-left: 8px;} } /* DROP DOWN ACCORDION FAQS - RED CARET ON THE LEFT */ #promolp.northstar #bizaccordion2.rx-faqs .ui-corner-all, #promolp.northstar #bizaccordion2.rx-faqs .ui-corner-top {border-radius: 0;} #promolp.northstar #bizaccordion2.rx-faqs .ui-accordion-header {padding: 10px 0 10px 20px;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default {background: transparent url(https://www.cvs.com/bizcontent/general/buttons/caret-red.png) no-repeat scroll left; background-size: 8px 15px; border: #bfbfc0 solid; border-width: 0 0 1px 0; font-weight: 600;padding: 0 0 0 16px; color: #404040; cursor: pointer; text-decoration: none !important;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default:hover {background: transparent url(https://www.cvs.com/bizcontent/general/buttons/caret-red-hover.png) no-repeat scroll left; background-size: 8px 15px; font-weight: 600;padding: 0 0 0 16px; text-decoration: none !important;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default:focus {border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active {background: transparent url(https://www.cvs.com/bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll left; background-size: 15px 8px; border: none; border-width: 0; font-weight: 600;padding: 0 0 0 25px; cursor: pointer; color: #404040; text-decoration: none !important;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active:hover {background: transparent url(https://www.cvs.com/bizcontent/general/buttons/caret-accordion-red-hover.png) no-repeat scroll left; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 25px; color: #cc0000; text-decoration: none !important;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active:focus {border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default a:hover, #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active a:hover {color:#cc0000;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default a:focus, #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active a:focus {border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion2.rx-faqs .ui-accordion-content {border: #bfbfc0 solid; border-width: 0 0 1px 0; overflow-x:hidden; padding: 0 0 20px 0;} #promolp.northstar #bizaccordion2.rx-faqs h3 {padding-bottom: 10px !important; padding-top: 10px !important;} #promolp.northstar #bizaccordion2.rx-faqs .ui-accordion-header a { padding-left: 1em;} #promolp.northstar #bizaccordion2.rx-faqs a:focus{border: 2px solid #63B5FF;} #promolp.northstar #bizaccordion2.rx-faqs .faqs p {margin: 10px 0 10px 0;} #promolp.northstar #bizaccordion2.rx-faqs .faqs hr {margin: 5px 0 5px 0; border: 0; border-top: 1px solid #bfbfc0;} #promolp.northstar #bizaccordion2.rx-faqs button {font-size: 16px; line-height: 20px; text-align: left;} #promolp.northstar #bizaccordion2.rx-faqs .ui-accordion-header button {padding: 0;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default button {color: #000000;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active button {color: #000000;} #promolp.northstar #bizaccordion2.rx-faqs .ui-accordion-content {padding: 0 0 20px 25px;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active, #promolp.northstar #bizaccordion2.rx-faqs .ui-state-active:hover {background-position-y: 14px;} #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default, #promolp.northstar #bizaccordion2.rx-faqs .ui-state-default:hover {background-position-y: 12px;} /* RED DIVIDING LINE */ hr.redline {border: 0; border-top: 4px solid #c6423b; margin: 38px 0;} /* WHITE TEXT WHITE ANIMATED ARROW LINK - LARGE */ #promolp.northstar .white-arrow-anim-large a {text-decoration: none; display: flex; color: #ffffff; transition: all .35s ease;} #promolp.northstar .white-arrow-anim-large a:after {-webkit-transform: translateX(5px) scale(1); transform: translateX(5px) scale(1); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .white-arrow-anim-large a .white-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 20px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #ffffff;} #promolp.northstar .white-arrow-anim-large a .white-arrow:after {content:'';background-image:url(../../../../../../bizcontent/marketing/rx/northstar/images/white-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .white-arrow-anim-large:hover > a > span:after{-webkit-transform:translateX(5px) scale(1); transform:translateX(5px) scale(1);} @media screen and (max-width: 640px) { #promolp.northstar .white-arrow-anim-large a .white-arrow {font-size: 18px; line-height: 22px;} } /* WHITE TEXT WHITE ANIMATED ARROW LINK - SMALL */ #promolp.northstar .white-arrow-anim-small a {text-decoration: none; display: flex; color: #ffffff; transition: all .35s ease;} #promolp.northstar .white-arrow-anim-small a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .white-arrow-anim-small a .white-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 16px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #ffffff;} #promolp.northstar .white-arrow-anim-small a .white-arrow:after {content:'';background-image:url(../../../../../../bizcontent/marketing/rx/northstar/images/white-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .white-arrow-anim-small:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* BLACK TEXT RED ANIMATED ARROW LINK */ #promolp.northstar .red-arrow-anim a {text-decoration: none; display: flex; color: #000000; transition: all .35s ease;} #promolp.northstar .red-arrow-anim a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .red-arrow-anim a .red-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 16px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #000000;} #promolp.northstar .red-arrow-anim a .red-arrow:after {content:'';background-image:url(../../../../../../bizcontent/marketing/rx/northstar/images/red-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .red-arrow-anim:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* BLACK TEXT RED ANIMATED ARROW LINK - LARGE AND BOLD */ #promolp.northstar .red-arrow-anim-lg a {text-decoration: none; display: flex; color: #000000; transition: all .35s ease;} #promolp.northstar .red-arrow-anim-lg a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .red-arrow-anim-lg a .red-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 20px; line-height: 24px; font-weight: bold; display: inline-block; padding: 0; color: #000000;} #promolp.northstar .red-arrow-anim-lg a .red-arrow:after {content:'';background-image:url(../../../../../../bizcontent/marketing/rx/northstar/images/red-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.northstar .red-arrow-anim-lg:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);}