@charset "UTF-8";

:root {
  --color-violet: #482D8C;
  --color-burgundy: #ac1d37;
  --color-moss-grey: #c0cec2;
  --color-lavender: #906b95;
  --color-stone: #8d8379;
  --color-wall: #e6e6e6;	

  --color-nni-darkblue: #002878;

  --tablet-width: 1000px;
  --desktop-width: 1280px;
  /*
  --desktop-xl-width: calc(1440px + var(--container-padding-desktop-xl) + var(--container-padding-desktop-xl));
  */

  --brand-primary: #482D8C;
  --brand-headline-color: #002878;	
  --brand-secondary: #ac1d37;
  --body-color: #000000;
  --grey-light: #ffffff;
  --container-padding-tablet: 16px;
  --container-padding-desktop: 16px;
  --container-padding-desktop-xl: 32px;

  --top-nav-height-mobile: 50px;    	
  
  --btn-med-font-size: 16px;
  --btn-lrg-font-size: 20px !important;
  --btn-med-width: auto;
  --btn-med-height: auto;
  --btn-lrg-width: auto;
  --btn-lrg-height: auto;
  --btn-radius: 8px;

  --frutiger-darken: 'FrutigerLTPro-Roman', sans-serif;
  --isi-med-title-font-size: 20px; /* 19 */
  --isi-p-font-size: 16px;
  --isi-p-line-height: 1.4;
}

/* Modal | Interstitial | Pop-over */
.modal {
	max-width: 100%;
	border: none;
	background-color: transparent;
}

.modal-header {
    display: none;
}

.modal-body { padding: 0 15px; }

/* Modal | Interstitial from CLICK */

.cope-core-modal {
	border-radius: 6px;
}

/* Hero header for L1 pages */

.hero-header-main .cope-core-image__wrapper {
    vertical-align: text-bottom;
}

.small-caps { font-variant: all-small-caps; }

@media screen and (min-width: 1440px){	
	.cope-core-modal {
    	max-width: calc(var(--desktop-xl-width) - var(--container-padding-desktop-xl)*28 - var(--modal-margin)*2);
	}	
	
	.modal {
		max-width: 100%;
	}	
	
	.modal-dialog {
		width: 600px;
		margin: 140px auto;
	}	
}

@media screen and (min-width: 1024px) {
	.cope-core-modal {
		max-width: calc(var(--desktop-width) - var(--container-padding-desktop)*40 - var(--modal-margin)*2);
	}
	
	.modal {
		max-width: 100%;
	}	
	
	.modal-dialog {
		width: 600px;
		margin: 140px auto;
	}		
}

@media screen and (max-width: 1100px) {
	.cmp-topnavigation-sections,
    .cope-core-navigation-top-sections {
		flex-direction: row;
		height: 50%;
		flex-wrap: wrap;
		align-content: flex-start;
		align-items: stretch;
	}
}

@media screen and (min-width: 768px) {
	.cope-core-exit-modal .cope-core-modal-buttons {
		flex-direction: column;
	}

	.cope-core-modal {
		padding: 45px 38px 20px 38px;
		max-width: calc(var(--tablet-width) - var(--container-padding-tablet)*22 - var(--modal-margin)*2);
	}	

    .cope-core-isi-fixed[data-expanding-isi] [data-expandable-content] .cope-core-isi-content {
        padding-top: 10px; /* Remove space on ISI content */
    }
    
    .cope-core-floating-isi .cope-core-isi-content .cope-core-isi-column section p, 
    .cope-core-floating-isi .cope-core-isi-content .cope-core-isi-column section h2, 
    .cope-core-floating-isi .cope-core-isi-content .cope-core-isi-column section h3, 
    .cope-core-isi-single.cope-core-isi-Saxenda-Consumer section p, 
    .cope-core-isi-single.cope-core-isi-Saxenda-Consumer section h2, 
    .cope-core-isi-single.cope-core-isi-Saxenda-Consumer section h3,
    .cope-core-isi-content p {
        margin-bottom: 5px;
    }
    
    .cope-core-floating-isi .cope-core-isi-content .cope-core-isi-column section ul li, 
    .cope-core-isi-single.cope-core-isi-Saxenda-Consumer section ul li {
        margin-bottom: 3px;
    }

    /* Column equeal height */
    
    .column-equal-height .cope-core-column > div,
    .column-equal-height .aem-Grid,
    .column-equal-height div.section { height: 100%; }	

    .cope-core-floating-isi .cope-core-isi-header-bar .cope-core-isi-header-bar-text { /* Shrink down ISI blue bar */
        padding-top: 3px;
        padding-bottom: 3px;
    }    

    /* Saxenda Teens callout */
    .saxendaTeens-callout .cope-core-column.cope-core-column-one {
        width: 450px !important;
        flex-basis: auto !important;
    }

    /* HELPFUL HINTS */
    .hints-section .cope-core-accordion-item .cope-core-accordion-item-title .cope-core-accordion-title-icon {
        width: 50px;
        height: 50px;
        margin: 1rem 2rem;
    }    
}

/* ISI */

.cope-core-isi-Saxenda-Consumer h1 { display: none; }

.cope-core-isi-content h2 {
    margin-top: 0;
}

#external-exit-modal.cope-core-modal-visible { top: 30%; }

.cope-core-modal-visible .cope-core-modal-button-close {
    display: none;
}

.cope-core-exit-modal .cope-core-modal-buttons {
    display: flex;
    justify-content: initial;
    align-items: flex-start;
}

#external-exit-modal .cope-core-modal-buttons .cope-core-button.cope-core-button-style-primary {
    color: var(--color-burgundy);
	font-weight: 100;
    background-color: transparent;
    border-color: transparent;
}

#external-exit-modal .cope-core-modal-buttons a.cope-core-button:before,
#external-exit-modal .cope-core-modal-buttons button:before {
	content: '\2022';
	padding-right: 10px;
	font-weight: inherit;
	color: var(--body-color);	
}

#external-exit-modal .cope-core-modal-buttons .cope-core-button.cope-core-button-style-primary:hover { border-color: transparent;}

#external-exit-modal .cope-core-modal-buttons .cope-core-button { 
	margin: 0; 
	padding: 0 0 0 30px;	
}

#external-exit-modal {
    padding: 15px;
}

/* Fixes and Overrides */

div.image {
  margin-bottom: 0;
}

/* , .body-1 */
p, ol, ul, li {
    font-family: inherit;
    font-size: inherit;
}

.indent_list ul, ol { /* global style for lists */
  	padding-left: 1.2rem;
}

h1,
.headline-1,
.font-size-36 { 
	font-size: 36px; 
	color: #482d8c;
}

/* Blue color for headline only 
.cope-core-container > h1, 
.headline-1, 
.font-size-36 { color: #482d8c; }*/

h2,
.headline-2,
.font-size-24 { font-size: 24px; color: var(--brand-primary); }

/* override text size */
.cope-core-isi-content section h2, 
.cope-core-isi-content section h3 { font-size: var(--isi-med-title-font-size); }

h3,
.headline-3,
.font-size-20 { font-size: 20px; }

.headline-3-grey h3 {
  color: var(--color-stone);
  font-weight: normal;
  font-size: 35px;	
}

/* ISI font-family override bold text ONLY */
.cope-core-isi-Saxenda-Consumer p b, .cope-core-isi-Saxenda-Consumer ul li b {
	font-family: var(--frutiger-darken);
}

section.cope-core-isi-indication-isBottom h2 { /* ISI font-size increase */
    font-size: 20px;
}

/* BMI Calculator */
.bmi-calculator-form {
    border-radius: 0;
}

.cmp-topnavigation-section, .cope-core-navigation-top-section { flex: 0 1 110px; }

/* START - Modal | Interstitial | Pop-over - Screen size */


@media screen and (max-width: 1295px) {
	.hidden-md-lg {
		display: none;
	}
}

@media screen and (max-width: 767px) { 
    .home-nni-notice p { margin-top: 0; }

    /* Mobile ISI */
    .cope-core-floating-isi .cope-core-isi-fixed.cope-core-isi-is-expanded .cope-core-isi-anchor {
        display: block;
        width: 110px;
        font-size: 5px;
        text-align: left;
        white-space: nowrap;
        color: var(--white);
        margin-left: 10px;
    }

    .cope-core-isi-Saxenda-Consumer a.cope-core-isi-anchor.cope-core-isi-anchor-safety:before {
        content: 'Go to Indication';
        font-size: 15px;
        color: var(--brand-secondary);
    }

    .cope-core-isi-indication-column-post-isi a.cope-core-isi-anchor:before {
    	content: 'Go to Safety';
        font-size: 15px;
        color: var(--brand-secondary);    	
    }

    .cope-core-isi-content section.cope-core-isi-indication-column-pre-isi h2 { 
        display: none; 
    }  
}

/* Modal | Interstitial | Pop-over END */

@media screen and (max-width: 768px) {
	.modal {
		max-width: 100%;
	}	
	
  	.cmp-navigation .cmp-topnavigation,
    .cope-core-navigation .cope-core-navigation-top { /* Mobile navigation */
    	position: relative;
  	}

  	.cmp-topnavigation-sections 
  	.cmp-topnavigation-section:last-child,
    .cope-core-navigation-top-sections
    .cope-core-navigation-top-section:last-child {
		display: none;
  	}	

	.cmp-mobile-menu .section-gradient-top { outline: inset; }

	.navbar { margin-bottom: 0; }

	/* "Find a Health Care Provider" link removed for mobile */
	.cmp-mobile-menu #main-menu .nav-justified-mob > li:nth-child(7) { display: none; }

	.cope-core-footer .cope-core-footer-text ul {
    	display: flex;
    	flex-direction: column;
	}
    .cope-core-footer .cope-core-footer-text ul li a::after {
        content: '';
        display: block;
        width: 0;
    }
    
    .cope-core-footer .cope-core-footer-text ul li a {
        padding: 10px 0px;
    }
    
  	.cope-core-footer-content .cope-core-footer-quicklinks { display: none; } /* removed Mobile navigation from footer */
}

/* Change font size on small phone sizes only */
@media screen and (max-width: 416px) {
	section.button_large-full-width .cope-core-text h2, section.button_large-full-width .cope-core-text.cope-core-text.healdline-3 h2 {
		font-size: 20px;
	}
	
	.cope-core-button.cope-core-button-style-primary {
	  font-size: var(--btn-med-font-size);
	}	
	
	.dropdown_content {
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}	
	
	.dropdown_content .div-leftpadding {
    	padding: 40px 0 0 0;
	}	
}

section span.spacer1 { font-size: 1vw; }

section span.spacer5 { font-size: 0.5vw; }

.mobile_preheader-nav p { font-size: 12px; }

.mobile_preheader-nav p a {
  color: #ffffff;
  font-size: small;	
  text-decoration: none;
}

/* OCP image keep size */
.oac-box-container .hidden-lg img {
	width: auto;
}

.cmp-globalnavigation .cmp-globalnavigation-content nav a,
.cope-core-navigation-global .cope-core-navigation-global-content nav a {
  margin-right: 0;
  padding-right: 22px;
}

.cmp-globalnavigation .cmp-globalnavigation-content nav a + a,
.cope-core-navigation-global .cope-core-navigation-global-content nav a + a {
  padding-left: 22px;
  border-left: 1px solid;
}

.cmp-globalnavigation .cmp-globalnavigation-content nav a:hover, .cope-core-navigation-global .cope-core-navigation-global-content nav a:hover { text-decoration: underline; }

.cmp-topnavigation .cmp-topnavigation-additional-content > div:before,
.cope-core-navigation-top .cope-core-navigation-top-additional-content > div:before {
  background-color: transparent;
}

.cmp-topnavigation-section ul,
.cope-core-navigation-top-section ul {
  min-width: 16em;
}

.cmp-topnavigation-link:first-child,
.cope-core-navigation-top-link:first-child {
  display: none;
}

.cmp-topnavigation-section-text,
.cope-core-navigation-top-section-text {
  white-space: nowrap;
}

.cmp-topnavigation-sections 
div.cmp-topnavigation-section,
.cope-core-navigation-top-sections
div.cope-core-navigation-top-section {
  background-color: transparent;
}

.cmp-topnavigation-section-icon[style="background-image: url('')"],
.cope-core-navigation-top-section-icon[style="background-image: url('')"] {
  display: none;
}

.cmp-topnavigation-section:hover a,
.cope-core-navigation-top-section:hover a {
  text-decoration: none;
  color: var(--color-nni-darkblue);
}

.cmp-topnavigation-section:hover span.cmp-topnavigation-icon,
.cope-core-navigation-top-section:hover span.cmp-topnavigation-icon { /* display arrow up on hover */
	background-image: url('/content/dam/obesity/saxenda/images/icon_menu-arrow-up.png');
}

.cmp-topnavigation-section 
span.cmp-topnavigation-icon,
.cope-core-navigation-top-section
span.cmp-topnavigation-icon { /* display arrow down */
	background-image: url('/content/dam/obesity/saxenda/images/icon_menu-arrow.png');
	background-repeat: no-repeat;
	width: 12px;
	height: 7px;
	display: inline-block;
	transition-property: background-image;
	transition-duration: 0.5s;	
	-webkit-transition-property: background-image;
	-webkit-transition-duration: 0.5s;	
}

/* Saxenda for Teens button link 
.cmp-topnavigation-section:last-child .cmp-topnavigation-section-title,
.cope-core-navigation-top-section:last-child .cope-core-navigation-top-section-title {
    height: 35px;
}

.cmp-topnavigation-section:last-child .cmp-topnavigation-section-title a,
.cope-core-navigation-top-section:last-child .cope-core-navigation-top-section-title a {
    color: var(--white);
    border-radius: 10px;
    background: rgb(72, 45, 140);
    background: linear-gradient(0deg, rgb(72 45 140) 0%, rgb(171 0 49) 100%);
}*/



/* Mobile menu */
li.mobile-nav-home,
.cmp-mobile-menu, 
ul.nav-justified-mob li.dropdown a, 
ul.dropdown-menu li a {
    font-weight: 600;
}

/* ISI blue bar */
.cope-core-floating-isi .cope-core-isi-header-bar  {
    background-color: var(--brand-primary);
}

.cope-core-isi-content section h2, .cope-core-isi-content section h3 {
	color: var(--brand-primary);
    font-weight: 800;
}

.cope-core-floating-isi .cope-core-isi-header-bar [data-toggle-expand-isi] {
    min-width: 110px;
}

.cope-core-floating-isi .cope-core-isi-header-bar .cope-core-isi-header-bar-text p {
    font-size: var(--isi-p-font-size);
}

.cope-core-isi-container span.cope-core-isi-expand { /*ISI white icon image*/
    background-image: url('/content/dam/obesity/saxenda/images/icon_isi-bar-arrow-up2.png');
    background-repeat: no-repeat;
    background-position: left;
}

.cope-core-isi-container span.cope-core-isi-collapse { /*ISI white icon image*/
    background-image: url('/content/dam/obesity/saxenda/images/icon_isi-bar-arrow-down2.png');
    background-repeat: no-repeat;
    background-position: left;
}

.cmp-topnavigation-section-title .cmp-topnavigation-section-title-wrapper,
.cope-core-navigation-top-section-title .cope-core-navigation-top-section-title-wrapper {
  padding: 8px;
}

/* Navigation mobile */

.cmp-topnavigation-section 
ul.cmp-topnavigation-section-links,
.cope-core-navigation-top-section 
ul.cope-core-navigation-top-section-links {
  display: none;
}

.cmp-topnavigation-section:hover 
ul.cmp-topnavigation-section-links,
.cope-core-navigation-top-section:hover 
ul.cope-core-navigation-top-section-links {
  display: block;
}



nav.cmp-topnavigation-links-container.links-right {
  top: 160%;
}

/*
.cmp-topnavigation-section-icon-container.icon-left {
  flex-direction:  row-reverse;  no right option in author so this places icon on right side 
}
*/

.cmp-topnavigation-section-text,
.cope-core-navigation-top-section-text {
  font-size: 14px;
  white-space: nowrap;
}

.cmp-topnavigation-section-icon,
.cope-core-navigation-top-section-icon {
  background-size: initial; /* remove icon squishing */
  margin-right: 0;
}

/* Preheader */

.cmp-globalnavigation .cope-core-column-container > .cope-core-column,
.cope-core-navigation-global .cope-core-column-container > .cope-core-column {
  min-width: 100%;
}

.cmp-topnavigation nav 
.mobile-only.cmp-globalnavigation-mobile {
  display: none !important;
}

.cmp-globalnavigation-content nav span,
.cope-core-navigation-global-content nav span {
    font-size: 12px;
    font-weight: 200;	
	font-family: var(--frutiger);
	color: #fff;
	float: right;
    margin-right: 220px;
    padding-top: 5px;
}

/* Weight Exploration Report page, numbered bullets */
form#readiness-tool-form h4.hangingindent {
	font-size: var(--isi-p-font-size);
	color: var(--brand-primary);
}

/* END Pre-header Search field */

.cmp-accordion_icon-left div.cope-core-accordion-icon { /* Only for icon left classes */
  right: unset;
}

.cope-core-accordion-item .cope-core-accordion-icon {
  background-size: initial; /* remove icon squishing */
}

.cope-core-accordion-item .cope-core-accordion-item-title {
  padding-right: 2.5rem;
  cursor: pointer;
}

.cmp-accordion_icon-left span h1, 
.cmp-accordion_icon-left span h2,  
.cmp-accordion_icon-left span h3,
.cmp-accordion_icon-left span h4 { /* Only for icon left classes */
	margin-left: 35px;
}

.cope-core-accordion-item .cope-core-accordion-item-content {
  	margin-top: 0; /* removing space between accordion header and content */
  	padding-top: 0;
}

.cmp-accordion_icon-left span h2 {
    color: #482d8c;
}


/* Weight Loss dropdown buttons */
.btn-gradient-accordion .cope-core-accordion .cope-core-accordion-item .cope-core-accordion-item-title {
    background: linear-gradient(270deg, rgba(72, 45, 140, 1) 0%, rgba(171, 0, 49, 1) 100%);
}

.cope-core-quicklinks-link:first-child {
  	display: none; /* remove duplicate section links because the'yre not hidable in author */
}

.cope-core-quicklinks-section-column:last-child {
  	display: none; /* remove last footer column because not wanted */
}

.form-group #email-button {
    display: none;
}

/* Back to TOP link for mobile */
p.back-to-top {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 10px;
}

p.back-to-top a { 
	color: var(--brand-primary);
	text-decoration: underline;
}

.cope-core-button {
  display: inline-block;
  border: solid 1px;
  padding: 0.5em 1em;
}

.cope-core-button.cope-core-button-style-primary {
  color: white;
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}

.cope-core-button.cope-core-button-style-primary:hover,
.cope-core-button.cope-core-button-style-primary:active,
.cope-core-button.cope-core-button-style-primary.cope-core-button-active {
  color: var(--brand-primary);
  background: white;
  border-color: var(--brand-primary);
  text-decoration: none;
}

.cope-core-button.cope-core-button-style-secondary {
  color: white;
  background: var(--color-nni-darkblue);
  border-color: var(--color-nni-darkblue);
}

.cope-core-button.cope-core-button-style-secondary:hover,
.cope-core-button.cope-core-button-style-secondary:active,
.cope-core-button.cope-core-button-style-secondary.cope-core-button-active {
  color: var(--color-nni-darkblue);
  background: white;
  border-color: var(--color-nni-darkblue);
  text-decoration: none;
}

.button_large-full-width, /* Full width button */
.button a.lrg,
.button a.cope-core-button-type-lrg {
   display: block;
}

.cope-core-isi-Saxenda-Consumer h1,
.cope-core-isi-Saxenda-Consumer h2,
.cope-core-isi-Saxenda-Consumer .rte-h1,
.cope-core-isi-Saxenda-Consumer .rte-h2 {
  color: var(--brand-primary);
}

.cope-core-isi-Saxenda-Consumer a, .cope-core-isi-content a {
  color: var(--brand-secondary);
  text-decoration: none;
}

.nni-darkblue-links a {
  color: var(--color-nni-darkblue);
}

/* Styles */

body {
  color: #000000;
  font-family: 'FrutigerLTPro-Light', Verdana, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

a {
  text-decoration: none;
  color: var(--color-burgundy);
}

a:hover {
  text-decoration: underline;
}

sup,
sub {
  font-size: 50%;
  vertical-align: baseline;
  position: relative;
  top: -0.8em;
}

sub {
  top: 0.8em;
}

.cmp-topnavigation-section-links,
.cope-core-navigation-top-section-links {
  -webkit-box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.25);
}

.cmp-topnavigation-section /* sub links background color and position */
ul.cmp-topnavigation-section-links,
.cope-core-navigation-top-section 
ul.cope-core-navigation-top-section-links {
  background-color: var(--color-wall);
  min-width: max-content;
  z-index: 2;
  top: 75%;
}

.gradient-top-down {
  background: rgb(72, 45, 140);
  background: linear-gradient(0deg, rgba(72, 45, 140, 1) 0%, rgba(171, 0, 49, 1) 100%);
}

.gradient-top-down a, .gradient-right-left a {
  color: white;
}

.gradient-right-left {
  background: rgb(72, 45, 140);
  background: linear-gradient(270deg, rgba(72, 45, 140, 1) 0%, rgba(171, 0, 49, 1) 100%);
}

.cmp-topnavigation .cmp-topnavigation-logo-container img.mobile-only,
.cope-core-navigation-top .cope-core-navigation-top-logo-container img.cope-core-navigation-top-mobile-only {
	height: auto;
}

.cope-core-navigation-global-column.cope-core-navigation-global-col-login-register {
    width: 100%;
    min-width: 100%;
}

/* Main container experience fragment override */
.xf-content-height { margin: 0; }

/* Helpful Hints page */

section.hints-section {
    box-shadow: #a7a5a5 0px 4px 8px;
	background: linear-gradient(180deg, #ddd9e9 0%, #fff 40%);
}

.hints-section .cope-core-accordion-item .cope-core-accordion-item-title .cope-core-accordion-title-icon {
    margin: 1rem 1rem;
}

.hint-title1 { font-size: 40px }

.hint-title2 h1, .hint-title2 h2, .hint-title2 h3 { font-weight: 300; }

.hints-section .cope-core-accordion-item .cope-core-accordion-icon {
    width: 82px;
    background-size: 32px 18px;
}

/* Table */

.hints-alphabet td.alpha {
    background-color: var(--brand-primary);
    padding: 2px 0;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    width: 30px;
    font-weight: 600;
    font-size: large;
}

a#download-track1, a#download-track2 {
    background-color: #6b4673;
    color: #fff;
}

p b, p a b, p strong, p a strong {
    font-weight: 600;
}