/* Variables  */

:root {
    --brand-primary: #006373;
	--brand-secondary: #da0812;
	--brand-gold: #B27608;
	--brand-red: #da0812;
	--body-copy: #64656a;
	--nml-blue: #001965;
	--brand-white: #ffffff;
	--brand-newblue: #00778A;
	--brand-textlink: #00778A;
	--cta-red: #da0812;
	--tab-active: #f8f8f8;
	--tab-active-border: #f8f8f8;
	--tab-inactive: #ffffff;
	--tab-inactive-border: #da0812;
	--tab-grey: #e6e6e6;
	--table-row: #f2f2f2;
}

/* -- TITLE COLORS */

article[data-brand="ozempic"] h1
{
	color: var(--brand-secondary);
}

article[data-brand="ozempic"] h2
{
	color: var(--brand-primary);
}

article[data-brand="ozempic"] h3
{
	color: var(--brand-red);
}

article[data-brand="ozempic"] h4
{
	color: var(--brand-primary);
}

article[data-brand="ozempic"] h5
{
	color: var(--brand-red);
}

article[data-brand="ozempic"] h6
{
	color: var(--brand-red);
}

article[data-brand="ozempic"] .headline-italics h1
{
	color: var(--brand-red);
	font-style: italic;
}


/* -- TEXT COLORS */

article[data-brand="ozempic"] .nni-hcp--text--headline3 .cmp-text,
article[data-brand="ozempic"] .nni-hcp--text--headline2 .cmp-text,
article[data-brand="ozempic"] .nni-hcp--text--headline1 .cmp-text {
	color: var(--brand-primary);
}

article[data-brand="ozempic"]  .nni-hcp--text--subhead .cmp-text {
	color: var(--brand-secondary);
}
article[data-brand="ozempic"]  .nni-hcp--text--light .cmp-text a {
	color: var(--brand-white);
}

article[data-brand="ozempic"]  .nni-hcp--text--body-1 .cmp-text {
	color: var(--brand-secondary);
}

article[data-brand="ozempic"]  .nni-hcp--text--body-2 .cmp-text {
	color: var(--brand-primary);
}

article[data-brand="ozempic"] .cmp-text {
	color: var(--body-copy);
}

article[data-brand="ozempic"] .nni-hcp--text--light .cmp-text {
	color: var(--brand-white);
}
	

/* -- TAB COMPONENT -- */

/* "default" tabs */
article[data-brand="ozempic"] .tabs .cmp-tabs .cmp-tabs__control:checked + .cmp-tabs__tab {
	color: var(--brand-secondary);
	background-color: var(--tab-active);
	border-bottom-color: var(--tab-active-border);
}
article[data-brand="ozempic"] .tabs .cmp-tabs .cmp-tabs__tab {
	color: var(--brand-textlink);
	background-color: var(--tab-inactive);
	border-bottom: 4px solid var(--tab-inactive-border);
	margin: 0;
}
article[data-brand="ozempic"] .tabs .cmp-tabs .cmp-tabs__line {
	background-color: var(--tab-active);
}

article[data-brand="ozempic"] .tabs .cmp-tabs__divider {
	padding-bottom: 0px;
}

/* red tabs */
article[data-brand="ozempic"] .red-tabs .tabs .cmp-tabs .cmp-tabs__control:checked + .cmp-tabs__tab {
	color: var(--brand-white);
	background-color: var(--brand-secondary);
	border-bottom-color: var(--brand-secondary);
}
article[data-brand="ozempic"] .red-tabs .tabs .cmp-tabs .cmp-tabs__tab {
	color: var(--brand-textlink);
	background-color: var(--tab-active);
	border-bottom: 4px solid var(--brand-secondary);
	margin: 0;
}
article[data-brand="ozempic"] .red-tabs .tabs .cmp-tabs .cmp-tabs__line {
	background-color: var(--brand-secondary);
}

/* blue tabs */
article[data-brand="ozempic"] .blue-tabs .tabs .cmp-tabs .cmp-tabs__control:checked + .cmp-tabs__tab {
	color: var(--brand-white);
	background-color: var(--brand-primary);
	border-bottom-color: var(--brand-primary);
}
article[data-brand="ozempic"] .blue-tabs .tabs .cmp-tabs .cmp-tabs__tab {
	color: var(--brand-textlink);
	background-color: var(--tab-active);
	border-bottom: 4px solid var(--brand-primary);
	margin: 0;
}
article[data-brand="ozempic"] .blue-tabs .tabs .cmp-tabs .cmp-tabs__line {
	background-color: var(--tab-primary);
}

/* gold tabs */
article[data-brand="ozempic"] .gold-tabs .tabs .cmp-tabs .cmp-tabs__control:checked + .cmp-tabs__tab {
	color: var(--brand-white);
	background-color: var(--brand-gold);
	border-bottom-color: var(--brand-gold);
}
article[data-brand="ozempic"] .gold-tabs .tabs .cmp-tabs .cmp-tabs__tab {
	color: var(--brand-textlink);
	background-color: var(--tab-active);
	border-bottom: 4px solid var(--brand-gold);
	margin: 0;
}
article[data-brand="ozempic"] .gold-tabs .tabs .cmp-tabs .cmp-tabs__line {
	background-color: var(--tab-gold);
}

article[data-brand="ozempic"] .gold-text .cmp-text p {
	color:var(--brand-gold);
}


/* -- TABS MOBILE - ACCORDION -- */

article[data-brand="ozempic"] .tabs .cmp-tabs.nni-hcp--tabs--stack .cmp-tabs__tabpanel--active.cmp-tabs__tabpanel--closed .cmp-tabs__tab--stacked {
	color: var(--brand-secondary);
	border-bottom: 4px solid var(--tab-red);
}
article[data-brand="ozempic"] .tabs .cmp-tabs.nni-hcp--tabs--stack .cmp-tabs__tabpanel--active .cmp-tabs__tab--stacked {
	color: var(--brand-secondary);
	border-bottom: 4px solid var(--tab-red);
}


/* -- FORMULARY TOOL -- */

article[data-brand="ozempic"] .formulary-table #tabContainer .menuTab.Selected {
	color: var(--brand-secondary);
	background-color: var(--tab-active);
	border-color: var(--tab-active-border);
}

article[data-brand="ozempic"] .formulary-table #tabContainer .menuTab {
	color: var(--brand-textlink);
	background-color: var(--tab-inactive);
	border-color: var(--tab-inactive-border);
}

article[data-brand="ozempic"] .formulary-table #npiFormContainer #searchNpiRefineContainer input {
	background-color: var(--brand-primary);
}

article[data-brand="ozempic"] .formulary-table table tr.trRow:nth-child(even) {
	background-color: var(--table-row);
}

article[data-brand="ozempic"] .formulary-table #changeZipLink {
	color: var(--brand-primary);
}

/* ENTERING SITE MODAL */

.entering-site-modal{
	background-image: url(/content/dam/novomedlink/diabetes/ozempic/branded-fte/CWC_red_orange_gradient-left.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/* -- RESOURCE CARD -- */

article[data-brand="ozempic"] .resource__title {
	color: var(--brand-primary);
}
article[data-brand="ozempic"] .resource__description {
	color: var(--body-copy);
}
article[data-brand="ozempic"] .resource__description a{
	color: var(--brand-newblue);
}

article[data-brand="ozempic"] .resource .resource__content .nni-hcp--button a {
	background: var(--cta-red);
	border-color: var(--cta-red);
}

article[data-brand="ozempic"] .share .share__link .share__link-text {
	color: var(--brand-primary);
	background-image: linear-gradient(var(--brand-primary), var(--brand-primary));
	background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.3s;
}

article[data-brand="ozempic"] .resource .resource__footer .resource__link {
	color: var(--brand-primary);
	background-image: linear-gradient(var(--brand-primary), var(--brand-primary));
	background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.3s;
}

article[data-brand="ozempic"] .button-cart-icon .button-text {
	color: var(--brand-white);
}
/* -- RESOURCE CARD ICON and BORDER -- */
article[data-brand="ozempic"] .resource .nni-hcp--button-strip .nni-hcp--button .button-cart-icon .button-icon {
	background:url(/content/dam/novonordisk/novomedlink/new/diabetes/products/treatments/ozempic/general/cart-white.svg) no-repeat;
	width:24px;
	height:20px;
	display:inline-block;
	margin-right:8px;
}
article[data-brand="ozempic"] .resource .nni-hcp--button-strip .nni-hcp--button.nni-hcp--button-size--small .button-cart-icon a {
    border-left: 1px solid #eff0f2;
}



/* -- BUTTONS -- */

article[data-brand="ozempic"] .nni-hcp--button.nni-hcp--button-size--large a {
	background: var(--cta-red);
}

article[data-brand="ozempic"] .nni-hcp--button.nni-hcp--button-size--small a {
	background: var(--cta-red);
}

article[data-brand="ozempic"] .nni-hcp--button.nni-hcp--button-style--text a {
	color: var(--brand-newblue);
	background-image: linear-gradient(var(--brand-primary), var(--brand-primary));
	background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.3s;
}

article[data-brand="ozempic"] .button-bold .nni-hcp--button.nni-hcp--button-style--text a {
	font-weight: bold;
}
article[data-brand="ozempic"] .button-teal .nni-hcp--button.nni-hcp--button-size--small a {
	background: var(--brand-primary);
}


/* -- BUTTONS LIGHT -- */

article[data-brand="ozempic"] .nni-hcp--button.nni-hcp--text--light a {
	background: #eff0f2;
	color: var(--brand-primary);
}

article[data-brand="ozempic"] .nni-hcp--button.nni-hcp--text--light.nni-hcp--button-style--text a {
	color: var(--brand-white);
	background-color: transparent;
	background-image: linear-gradient(var(--brand-white), var(--brand-white));
	background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.3s;
}


/* -- TEXT LINKS -- */

article[data-brand="ozempic"] .nni-hcp--text--subhead a,
article[data-brand="ozempic"] .nni-hcp--text--headline3 a,
article[data-brand="ozempic"] .nni-hcp--text--headline2 a, 
article[data-brand="ozempic"] .nni-hcp--text--headline1 a,
article[data-brand="ozempic"] h1 a,
article[data-brand="ozempic"] h2 a,
article[data-brand="ozempic"] h3 a,
article[data-brand="ozempic"] h4 a,
article[data-brand="ozempic"] h5 a, 
article[data-brand="ozempic"] h6 a,
article[data-brand="ozempic"] .cmp-text a {
	color: var(--brand-newblue);
	background-image: linear-gradient(var(--brand-primary), var(--brand-primary));
	background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.3s;
}


/* -- ACCORDION -- */

article[data-brand="ozempic"] .cmp-accordion .cmp-accordion__button .cmp-accordion__title {
	color: var(--brand-primary);
}

/* -- NAVIGATION -- */
.subnav>.subnav-menu>.slab-content>.content .subnav-menu__menu .subnav-menu__menu-content {
	background: rgba(215,226,229,.9);
}

.subnav>.subnav-menu>.slab-content>.content a, .subnav>.subnav-menu>.slab-content>.content label {
	color: var(--brand-primary) !important; 
}

.subnav-menu__item.subnav-menu__item-top-level.subnav-menu__item--active>label, .subnav-menu__item.subnav-menu__item-top-level.subnav-menu__item--active>a {
	border-left: 6px solid var(--brand-primary) !important;
}


/* -- MODAL -- */
#modal-entering-site>.container>.modal-content-wrapper>.modal-content {
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

article[data-brand="ozempic"] .modal-headline .nni-hcp--text--headline3 .cmp-text,
article[data-brand="ozempic"] .nni-hcp--text--headline2 .cmp-text,
article[data-brand="ozempic"] .nni-hcp--text--headline1 .cmp-text {
	color: var(--brand-primary);
}

.orange-btn-modal .nni-hcp--button a {
	background: var(--cta-red);
}

#modal-entering-site>.container>.modal-content-wrapper>.modal-content .buttons {
	padding-top: 10px !important;
}


/* -- CUSTOM CLASSES -- */

article[data-brand="ozempic"] .outer-shadow {
	box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.3);
}

article[data-brand="ozempic"] .inner-shadow {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
}

article[data-brand="ozempic"] .lightgrey-border {
	border: 1px solid #e2e2e2;
}
article[data-brand="ozempic"] .darkgrey-border {
	border: 1px solid #cccccc;
}
article[data-brand="ozempic"] .gold-border {
	border: 1px solid var(--brand-gold);
}

article[data-brand="ozempic"] .red-eyebrow .cmp-text p {
	display: inline-block;
    margin: 0px auto 0px auto;
	padding: 4px 10px;
	background-color: #da0812;
}

article[data-brand="ozempic"] .bold-text .cmp-title H1{
	font-weight: bold;
}

article[data-brand="ozempic"] .black-text .cmp-title h3 {
	color:#000;
}

article[data-brand="ozempic"] .black-text .cmp-text p {
	color:#000;
}
article[data-brand="ozempic"] .blue-text .cmp-text p {
	color:var(--brand-primary);
}
article[data-brand="ozempic"] .red-text .cmp-text p {
	color:var(--brand-secondary);
}
article[data-brand="ozempic"] .body-text .cmp-text p {
	color:var(--body-copy);
}
article[data-brand="ozempic"] .nni-text .cmp-text p {
	color:var(--nml-blue);
}

article[data-brand="ozempic"] .headline-red h1
{
	color: var(--brand-red);
}


/*-- MODAL --*/

.red-btn-modal .nni-hcp--button a {
    background: var(--brand-red) !important;
}

#modal-entering-site .nni-hcp--button a {
    background: var(--brand-red) !important;
}

.grey-text .cmp-text {
    color: var(--body-copy);
}
.blue-text .cmp-text {
    color: var(--brand-primary);
}
.red-text .cmp-text {
    color: var(--brand-secondary);
}


/* -- BOX RADIUS --  */

article[data-brand="ozempic"] .radius-tl
{
	border-top-left-radius: 16px;
}
article[data-brand="ozempic"] .radius-tr
{
	border-top-right-radius: 16px;
}
article[data-brand="ozempic"] .radius-bl
{
	border-bottom-left-radius: 16px;
}
article[data-brand="ozempic"] .radius-br
{
	border-bottom-right-radius: 16px;
}
article[data-brand="ozempic"] .radius-all
{
	border-radius: 16px;
}

/* -- BOX BORDER DIVIDER --  */

article[data-brand="ozempic"] .border-margin-right
{
	margin-right: 4px;
}