/*------START Global styles.css------START*/
/*font type kit*/
@import url("https://use.typekit.net/lpo4deh.css");
:root{
--body-default: #3C4042;
--darkgray:#3b4143;
--anchorgray:#404040;
--lightgray:#ccc;
--lightblue:#75c4d6;
--charlotte: #BCE9F6;
--blue:#004a98;
--navy-blue:#102F74;
--green:#048661;/*#00a274;*/
--green-mid: #048661;
--cream:#fdf8f0;
--white:#fff;
--body-text:#404040;
--font-pro:"acumin-pro";
--font-condensed:"acumin-pro-condensed";
--font-wide:"acumin-pro-wide";
--font-pro-light:"AcuminPro-Light"
}
*{box-sizing:border-box;padding:0;margin:0}
p,h1,h2,h3,h4,h5,h6{margin-bottom:20px}
body.abbv-no-scroll{overflow-y:hidden}
b,strong{font-weight:700;}
html,body{font:normal 300 18px/30px var(--font-pro),sans-serif;color:var(--darkgray);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}
.grid-styles{align-items:center;background:#C1EDFB66;display:flex;height:150px;justify-content:center;margin:0;position:relative;border:1px dotted}
.grid-styles.mobile-375{width:375px}
.colorpatch{border-radius:5px;align-items:center;height:72px;padding-left:90px;border:1px solid var(--lightgray)}
.colorpatch-value{color:var(--gray);display:block;font-size:1rem}
@media(max-width:767px){
h1,p.h1,.h1{font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h2,p.h2,.h2{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h3,p.h3,.h3{font-size:12px;line-height:20px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h4,p.h4,.h4{font-size:12px;line-height:20px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
body,p{font-size:16px;line-height:28px;font-weight:300;font-family:var(--font-pro),sans-serif;letter-spacing:0}
.hero-title{color:var(--green);font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif}
}
@media(min-width:768px) and (max-width:985px){
h1,p.h1,.h1{font-size:48px;line-height:48px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h2,p.h2,.h2{font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h3,p.h3,.h3{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h4,p.h4,.h4{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
body,p{font-size:16px;line-height:28px;font-weight:300;font-family:var(--font-pro),sans-serif;letter-spacing:0}
.hero-title{color:var(--green);font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif}
}
@media(min-width:986px){
h1,p.h1,.h1{font-size:60px;line-height:50px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h2,p.h2,.h2{font-size:48px;line-height:48px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h3,p.h3,.h3{font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h4,p.h4,.h4{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
body,p{font-size:18px;line-height:28px;letter-spacing:0}
.hero-title{color:var(--green);font-size:48px;line-height:48px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif}
}
.footnote,.footnote p,
p .footnote,p.footnote{font-size:14px;line-height:18px;font-weight:300;font-family:var(--font-pro),sans-serif;letter-spacing:0}
@media(max-width:985px){
p .footnote,p.footnote{font-size:12px;line-height:16px;}
}
@media(max-width:985px){
.content-container,.center-container{overflow-x: hidden;border-left:0 !important;border-right:0 !important;max-width:100%;padding-left:20px;padding-right:20px}
}
@media(min-width:986px){
.content-container,.center-container{overflow-x: hidden;margin:0 auto;max-width:1440px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}
}
.abbv-content-container .abbv-dimmer{background:#000 !important}
.abbv-youtube-player iframe{aspect-ratio:16 / 9; border:none !important;}
.youtube .abbv-youtube-player{background:#000;}
.ubrelvy-inner-section {
box-sizing: border-box;
max-width: 1015px;
width: 100%;
margin: auto;
border: 1px solid transparent;
}
/*-----END Global styles.css -----END*/
/*------START utility-navigation.css------START*/
/*utility nav */
.abbv-header-v2-utility-navigation {
height: auto;
background:var(--dark-gray)
}
@media (max-width: 600px) {
.abbv-header-v2-utility-navigation {
border-bottom: 0;
}
.abbv-header-v2-utility-navigation ul{
height: 100px !important;
}
.abbv-header-v2-utility-navigation ul li:first-child {
position: absolute;
top: 60px;
}
.abbv-header-v2-utility-navigation ul li:nth-child(2) {
position: absolute;
top: 60px;
left: 80px;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) {
width: 47% !important;
float: right !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.abbv-header-v2-utility-navigation ul li:nth-child(6) {
width: 47% !important;
float: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 1026px) {
.abbv-header-v2 .abbv-header-v2-utility-navigation {
position: absolute;
background-color: transparent !important;
}
}
.abbv-header-v2-utility-navigation ul {
max-width: 100%;
width: 100%;
box-sizing: border-box;
transform: translateX(125px);
text-align: left;
padding: 0 20px;
margin:auto;
}
@media (max-width: 1024px) {
.abbv-header-v2-utility-navigation ul {
max-width: 100%;
width: 100%;
transform: none;
}
}
.abbv-header-v2-utility-navigation ul li a {
font-weight: 300;
text-decoration: underline;
letter-spacing: 0
}
.abbv-header-v2-utility-navigation ul li:nth-child(1),
.abbv-header-v2-utility-navigation ul li:nth-child(2),
.abbv-header-v2-utility-navigation ul li:nth-child(3),
.abbv-header-v2-utility-navigation ul li:nth-child(4) {
border: 0
}
.abbv-header-v2-utility-navigation ul li:nth-child(3),
.abbv-header-v2-utility-navigation ul li:nth-child(4) {
display:inline-block;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) {
background-color: #fff;
background-position: calc(100% - 14px);
background-repeat: no-repeat;
border: 3px solid #fff;
background-image: none;
cursor: pointer;
height: auto;
float: right;
text-align: center;
margin-top: 6px;
box-sizing: content-box;
width:150px;
}
.abbv-header-v2-utility-navigation ul li:nth-child(6) {
background-color: transparent;
color: #fff;
border: 3px solid #fff;
background-image: none;
cursor: pointer;
height: auto;
float: right;
text-align: center;
margin-right: 10px;
margin-top: 6px;
margin-left: 10px;
box-sizing: content-box;
}
@media(max-width: 1024px) {
.abbv-header-v2-utility-navigation ul li:nth-child(5),
.abbv-header-v2-utility-navigation ul li:nth-child(6){
margin-top: 14px;
}
}
@media(min-width: 601px) {
.abbv-header-v2-utility-navigation ul li:nth-child(5),
.abbv-header-v2-utility-navigation ul li:nth-child(6) {
height:30px;
}
}
.abbv-header-v2-utility-navigation ul li:nth-child(4) a.nav-tier1.sm-display {
cursor:pointer !important;
all: initial;
font-family: acumin-pro,sans-serif;
font-size: 12px;
color: #fff;
text-decoration: underline;
padding: 0 !important
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) a.nav-tier1.sm-display{
text-decoration: none;
color: var(--blue);
font-weight: 800;
line-height: 12px;
text-transform: uppercase;
transition: background-color .8s cubic-bezier(.55,.055,.675,.19);
margin: 0;
width: 150px !important;
max-width: 150px !important;
font-size: 12px !important;
padding: 9px 5px 9px 8px!important;
display: inline-block;
}
.abbv-header-v2-utility-navigation ul li:nth-child(6) a {
text-decoration: none;
color:#fff;
font-weight: 800;
line-height: 12px;
text-transform: uppercase;
transition: background-color .8s cubic-bezier(.55,.055,.675,.19);
margin: 0;
max-width: 150px !important;
font-size: 12px !important;
padding: 9px 5px 9px 8px !important;
display: inline-block;
}
.abbv-header-v2-utility-navigation ul li:nth-child(-n+3) a {
padding: 15px 10px 8px 0 !important;
font-size: 12px;
line-height: 16px;
display: inline-block;
}
@media (min-width: 1025px) {
.abbv-header-v2-utility-navigation ul li:nth-child(5) a::after,
.abbv-header-v2-utility-navigation ul li:nth-child(6) a::after {
top: -1px;
font-size:19.2px !important;
}
}
.abbv-header-v2-utility-navigation .top-nav-isi:hover{cursor: pointer !important;}
@media(max-width: 1024px) {
.abbv-header-v2-utility-navigation ul li:nth-child(3),
.abbv-header-v2-utility-navigation ul li:nth-child(4) {
display:none
}
}
@media(max-width: 600px) {
.abbv-header-v2.scrolled .abbv-header-v2-utility-navigation {
padding-bottom:0;
margin-top: 100px
}
}
@media(min-width: 601px) {
.abbv-header-v2.scrolled .abbv-header-v2-utility-navigation {
padding-bottom:0;
margin-top: 81px
}
}
@media(min-width: 1026px) {
.abbv-header-v2.scrolled .abbv-header-v2-utility-navigation {
padding-bottom:12px;
margin-top: 0
}
}
@media(max-width: 1024px) {
.scrolled .abbv-header-v2-utility-navigation ul li:nth-child(5),.scrolled .abbv-header-v2-utility-navigation ul li:nth-child(6) {
margin-top:0;
top: 100px !important
}
}
/*utility nav end */
/*------END utility-navigation.css------END*/
/*------START primary-navigation-social-submenu.css------START*/
.abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu {
background: 0;
display: block !important;
margin: 0;
opacity: 1 !important;
padding: 0;
position: relative;
top: 0;
width: auto;
}
.abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu li a {
padding: 0;
cursor: pointer;
width: 30px;
height: 30px;
border: 0;
top: -9px;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) a {
font-size: 0;
line-height: 1
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu {
background: 0;
display: block !important;
margin: 0;
opacity: 1 !important;
padding: 0;
position: relative;
top: 0;
width: auto
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu ul {
display: flex;
gap: 7px;
margin-top: 0;
width: 100%;
min-width: 178px;
padding: 0;
overflow: hidden
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li {
background: url('/content/dam/ubrelvy/images/icons/icon-social-insta-mobile.png') no-repeat center /contain;
display: block;
height: 30px !important;
width: 30px
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(2) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-facebook-mobile.png') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(3) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-tiktok-mobile.png') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(4) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-youtube-mobile.png') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(5) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-twitter-mobile.png') no-repeat center /contain
}
@media(min-width: 896px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li {
background:url('/content/dam/ubrelvy/images/icons/icon-social-instagram.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(2) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-facebook.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(3) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-tiktok.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(4) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-youtube.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(5) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-twitter.svg') no-repeat center /contain
}
}
/*-----END primary-navigation-social-submenu.css------END*/
/*------START primary-navigation-submenu.css------START*/
/*tablet and mobile */
@media(max-width: 1025px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li .abbv-header-primary-navigation-submenu.abbv-submenu {
position:static;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu .abbv-nav-active {text-decoration:none;}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu {
padding-left: 10px;
margin-top: -5px;
margin-bottom: 5px;
height: auto;
background: #3b4143;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul {
background: #3b4143;
padding:0;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li {
line-height: 18px;
height: 33px !important;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a {
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 33px;
height: 28px;
font-family: acumin-pro-condensed,'arial bold',sans-serif;
text-transform: uppercase;
color: #fff;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a:hover {
color: var(--green);
font-weight: 800;
}
}
/*desktop and large screen*/
@media(min-width: 1026px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li .abbv-header-primary-navigation-submenu.abbv-submenu {
position: absolute;
top: 50px;
width: 276px;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:last-child {
margin-left: auto
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu .abbv-nav-active {text-decoration:none;}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu {
position: relative;
border: 0;
box-shadow: none;
overflow: hidden;
white-space: normal;
background: #f9f9f9;
padding:5px 10px 10px 10px;
}
.abbv-header-primary-navigation-submenu ul {
padding:0;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li {
height: 35px
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a {
font-size: 14px;
line-height: 35px;
font-family: acumin-pro, helvetica, arial, sans-serif;
text-transform: uppercase;
color: #3b4143;
font-weight: bold
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a:hover {
color: var(--green);
font-weight: 800
}
.abbv-header-v2-primary-navigation nav a.abbv-has-submenu+span i:before {
margin: 0;
padding: 0;
content: "\e313";
float: left;
margin-left: 0;
margin-top: 0;
font-weight: normal;
font-size: 24px;
color: white
}
}
.abbv-header-v2-primary-navigation nav ul li:nth-child(6),
.abbv-header-v2-primary-navigation nav ul li:nth-child(7),
.abbv-header-v2-primary-navigation nav ul li:nth-child(8),
.abbv-header-v2-primary-navigation nav ul li:nth-child(9),
.abbv-header-v2-primary-navigation nav ul li:nth-child(10){
display: block !important
}
@media(min-width: 1026px) {
.abbv-header-v2-primary-navigation nav ul li:nth-child(6),
.abbv-header-v2-primary-navigation nav ul li:nth-child(7),
.abbv-header-v2-primary-navigation nav ul li:nth-child(8),
.abbv-header-v2-primary-navigation nav ul li:nth-child(9),
.abbv-header-v2-primary-navigation nav ul li:nth-child(10){
display: none !important
}
}
/*migrain mode on*/
.abbv-view-toggle .abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a:hover {
color: var(--darkgray);
}
/*------END primary-navigation-submenu.css------END*/
/*------START primary-navigation.css------START*/
.abbv-header-v2-primary-navigation {
overflow: inherit !important;
visibility: hidden;
opacity: 0;
height: 0;
transition: opacity 500ms;
}
.abbv-header-v2-primary-navigation nav a.abbv-has-submenu+span i:before {
margin: 0;
padding: 0;
content: "\e313";
color: #fff;
float: left;
margin-left: 0;
margin-top: 0;
font-weight: normal;
font-size: 24px;
}
@media (min-width:1026px) {
.abbv-header-v2-primary-navigation {
overflow: inherit !important;
visibility: unset;
opacity: unset;
height: auto;
margin-top: -50px;
}
.abbv-header-v2-primary-navigation>nav {
max-width: 740px !important;
transform: translateX(75px);
}
.abbv-header-v2-primary-navigation>ul,
.abbv-header-v2-primary-navigation>nav>ul {
display: flex;
gap: 15px;
height: auto;
padding: 0 20px;
width: 100%;
max-width: 100%;
}
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before{
background: var(--green);
bottom: -7px;
content: "";
height: 4px;
left: 50%;
position: absolute;
transform: translateX(-50%);
transition: width .4s cubic-bezier(.19, 1, .22, 1);
width: 0;
z-index: 0;
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>.abbv-nav-active:before {
width: 100%
}
.abbv-header-v2-primary-navigation .abbv-nav-active {
border-bottom: 0;
text-decoration: underline;
text-decoration-color: var(--green);
text-decoration-thickness: 4px;
background: transparent;
transition: none;
}
.abbv-header-v2-primary-navigation nav ul li>a:hover {
border-bottom: 0;
transition: none;
text-decoration-color: var(--green);
text-decoration-thickness: 4px;
background: transparent;
}
.abbv-header-v2-primary-navigation ul li a.abbv-has-submenu {
width: calc(100% - 50px);
position: relative;
border-bottom: 0;
margin-right: 0
}
.abbv-header-v2-primary-navigation ul li a.abbv-has-submenu+span {
width: auto;
height: auto;
background-color: unset;
}
/*small screen*/
@media (max-width: 1025px) {
.abbv-header-v2-primary-navigation.abbv-navigation.abbv-active {
background-color: #3b4143;
scrollbar-color: #fff #3b4143;
padding: 28px 44px 0 44px !important;
}
.abbv-header-v2-primary-navigation nav ul {
background-color: #3b4143;
}
.abbv-header-v2-primary-navigation>nav>ul>li {
height: auto;
display: block !important;
padding: 0 !important;
align-items: center;
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a.abbv-nav-active:before {
bottom:0;
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(7)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(8)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(9)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(10)>a {
width: auto;
padding-left: 0;
padding-right: 0;
margin-left: 0;
text-decoration: none;
border-bottom: none;
background: unset;
}
.abbv-header-v2-primary-navigation>nav>ul>li>a {
font-family: acumin-pro-condensed, 'arial bold', sans-serif;
line-height: 25px;
color: #fff;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
height: 33px;
font-size: 14px;
font-weight: bold;
padding: 0;
background: unset;
}
@media (max-width: 1025px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(6),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(7),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(8),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(9),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(10) {
display: block !important;
height: 48px;
width: 100%;
}
.header-toggle-cta .abbv-header-v2-right.toggle-switch-mobile label.abbv-switch.abbv-view-toggle-switch {
display: block;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(7) a,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(8) a,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(9) a,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(10) a {
padding-left: 0;
text-transform: none;
font-weight: normal;
text-decoration: underline;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(7) a:hover,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(8) a:hover,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(9) a:hover,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(10) a:hover {
font-weight: bold;
}
}
.abbv-header-v2-mobile-primary-navigation span.line {
display: block;
margin: 5px 0;
background-color: #fff;
width: 20px;
height: 0;
border-top: 1.5px solid #fff;
transition: all .5s ease-in-out
}
.abbv-header-v2-mobile-primary-navigation.active span:nth-child(3) {
transform: translateY(-4px) rotate(-45deg);
}
.abbv-header-v2-primary-navigation ul li a.abbv-has-submenu {
padding: 0;
}
.abbv-header-v2-primary-navigation nav ul li a.abbv-has-submenu+span {
width: 46px;
height: 30px;
}
.abbv-header-v2-primary-navigation a.abbv-has-submenu+span i {
padding-left: 10px;
padding-top: 0;
}
}
/*large screen*/
@media (min-width: 1026px) {
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(7)>a {
width: auto;
padding-left: 0;
padding-right: 0;
text-decoration: none;
border-bottom: none;
}
.abbv-header-v2-primary-navigation>nav>ul>li {
height: 50px !important;
display: flex !important;
padding: 0 !important;
align-items: center;
}
.abbv-header-v2-primary-navigation>nav>ul>li>a {
font-size: 14px;
line-height:14px;
letter-spacing: normal;
height: auto;
font-weight: bold;
color: #fff;
}
.abbv-header-v2-primary-navigation nav a.abbv-has-submenu+span i:before {
color: #fff;
}
.abbv-header-v2-primary-navigation.abbv-navigation nav ul li span {
width: 20px;
padding-left: 2px;
}
}
@media (max-width: 1025px) {
.abbv-header-v2-primary-navigation.abbv-navigation.abbv-active {
max-width: 1084px;
margin: auto;
height: calc(100vh - 200px) !important;
opacity: 1;
overflow: scroll !important;
overflow-x: clip !important;
}
}
/* Resource Page Jump Links ---------------------------*/
a#find-specialist,
a#brochure,
a#join-community {
scroll-margin-top: 240px;
}
a#tips{
scroll-margin-top: 300px
}
a#more-on-migraine{
scroll-margin-top: 180px
}
/*migrain mode on */
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a.abbv-nav-active:before {
background: var(--darkgray);
}
.abbv-view-toggle .abbv-header-v2-primary-navigation .abbv-nav-active {
text-decoration-color: var(--darkgray);
}
.abbv-view-toggle .abbv-header-v2-primary-navigation nav ul li>a:hover {
text-decoration-color: var(--darkgray);
}
/*------END primary-navigation.css------END*/
/*------START header.css------START*/
.abbv-header-v2 {
background-color: var(--darkgray)
}
.abbv-header-content-container {
height: auto;
max-width: 100%;
padding: 0;
box-sizing: border-box
}
.abbv-link-list.horizontal {
display: none
}
.abbv-header-v2 .util-icons-container {
padding-top: 20px;
width: 20px;
}
/*utility nav 1180*/
.abbv-header-v2-utility-navigation nav {
display: flex;
max-width: 1180px;
width:100%;
margin: auto
}
/*primary nav 1140*/
.abbv-header-v2-primary-navigation nav {
display: flex;
width:840px;
max-width: 1140px;
padding: 0;
margin: auto
}
@media(min-width: 1026px) {
.abbv-header-v2-utility-navigation nav {
width:840px;
}
}
.abbv-header-v2.abbv-header-v2-lite,.abbv-header-v2 .abbv-header-content-container {
background: var(--darkgray) !important
}
/*header content logo section 1140 */
.abbv-header-v2-content {
height: 60px;
padding: 0 20px;
margin: 0 auto;
max-width: 1100px;
box-sizing: border-box;
display: flex !important;
justify-content: space-between !important
}
@media (min-width: 1025px) and (max-width: 1095px) {
.abbv-header-v2-content {
padding: 10px 10px 10px 0 !important;
}
}
.abbv-sticky-anchor {
height: auto !important
}
.abbv-header-v2-left {
display: flex;
align-items: center;
width: auto !important;
float: left
}
.abbv-header-v2-left img {
width: 116px;
height: auto;
}
ul.ubrelvy-social-icon li img {
max-width: 100%
}
.abbv-header-v2 .abbv-header-v2-right {
height: 100%;
width: auto !important;
align-items: center;
justify-content: flex-end
}
.abbv-search-navigation input[type=text].abbv-search {
background: transparent;
border: 0;
border-bottom: 1px solid #fff;
padding: 3px 0;
color: #fff;
width: 300px;
font-size: 14.4px;
}
.abbv-search-navigation [class^="abbv-icon-"]:after {
content: "";
position: absolute;
background-image: url(/content/dam/ubrelvy/images/search-icon.png);
background-size: 18px;
height: 18px;
width: 18px;
background-repeat: no-repeat;
right: -10px;
top: -8px
}
.abbv-search-navigation input[type=text].abbv-search:hover,abbv-search-navigation input[type=text].abbv-search:focus {
box-shadow: none
}
@media(max-width: 600px) {
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch p {
font-size: 12px;
line-height: 12px
}
}
.abbv-search-navigation {
display: block !important;
opacity: 1;
z-index: 1;
right: 450px;
background-color: transparent
}
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch p sup {font-size:50%}
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch {
display: inline-block;
color: #fff;
outline: 0;
padding: 0 !important;
margin: 50px 0 0 0 !important;
width: 122px;
}
@media (max-width: 1025px) {
.abbv-view-toggle-switch:first-child {
width: 200px;
}
}
@media (min-width: 320px) and (max-width: 1025px) {
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch {
padding-right: 0 !important;
margin: 10px 10px 0 0 !important;
width:100%;
}
}
.abbv-header-v2 .abbv-link-list.horizontal a {
color: #fff;
font: normal 300 15px/20px 'acumin-pro',sans-serif;
letter-spacing: 0
}
@media(max-width: 1025px) {
.abbv-header-v2-lite .abbv-header-v2-left img {
height:auto;
width: 115px
}
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch{display: none;}
}
@media(min-width: 1026px) {
.abbv-buddy-inline {
display:none
}
.abbv-header-v2 {
min-height: 120px
}
.abbv-header-v2-content {
height: 100px;
padding: 10px 20px
}
.abbv-header-v2-left {
width: 50%
}
.abbv-header-v2-right {
width: 50%;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
margin-top:15px;
}
.abbv-header-v2-left img {
border: 0;
width: 220px;
height:auto;
}
}
.abbv-header-v2 #abbv-guest-user,.abbv-header-v2 #abbv-logged-user,.abbv-header-v2 #abbv-search-util {
display: none
}
@media(min-width: 1026px) {
.abbv-link-list.horizontal {
display:block
}
.abbv-search-navigation {
padding: 7px 12px
}
.util-icons-container {
align-items: flex-end;
height: 45px;
position: static
}
.abbv-header-v2 #abbv-search-util {
display: none
}
.abbv-search-navigation [class^="abbv-icon-"] {
right: 25px;
top: 20px
}
}
.abbv-slider:before {
position: absolute;
z-index: 1;
content: "";
height: 14px;
width: 14px;
left: 2px;
bottom: 1px;
background-color: #285e46;
-webkit-transition: .4s;
transition: .4s
}
.abbv-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #3b8463;
-webkit-transition: .4s;
transition: .4s;
width: 42px;
height: 16px
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input+.abbv-slider:after {
content: "OFF";
position: absolute;
right: 8px;
font-size: 8px;
color: #fff;
top: -6.5px
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input:checked+.abbv-slider:after {
content: "ON" !important;
color: #fff !important;
right: auto !important;
left: 8px !important;
font-size: 8px;
position: absolute;
top: -6.5px;
letter-spacing: .75px
}
@media (max-width: 1025px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li span.abbv-slider {
left: auto;
position: absolute;
width: 42px;
height: 16px;
padding-top: 0;
background-color: #3b8463;
top: 0;
margin-top: 2px;
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input+.abbv-slider:after {
top:1.5px;
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input:checked+.abbv-slider:after {
top:1.5px;
}
}
@media(min-width: 1026px) {
.abbv-sticky.scrolled .abbv-header-content-container {
margin-top:62px
}
}
@media (max-width: 600px) {
section[role=main] {
padding-top:159px
}
}
@media (min-width: 601px) {
section[role=main] {
padding-top:100px
}
}
.abbv-header-v2 #abbv-menu-toggle {
display: block;
}
@media (min-width: 1025px) {
.abbv-header-v2 #abbv-menu-toggle {
display: none;
}
}
input:checked+.abbv-slider{
background-color:#3b8463
}
.abbv-view-toggle .abbv-header-v2 .abbv-header-v2-content .abbv-header-v2-left img {
filter: brightness(0) invert(1)
}
/*------END header.css------END*/
/*------START footer.css------START*/
.footer-migraine, .ubrelvy-footer-bottom .abbv-footer-content, .abbv-row-container.footer-top-bg-details {
max-width: 1100px;
}
.abbv-container.ubrelvy-footer-top, .abbv-container.ubrelvy-footer-top a, .abbv-container.catalog-component.ubrelvy-footer-bottom, .abbv-container.catalog-component.ubrelvy-footer-bottom a, .abbv-container.catalog-component.ubrelvy-footer-bottom .abbv-footer {
background: var(--darkgray);
color: white;
}
.footer-migraine .abbv-row {
display: flex
}
.ubrelvy-footer-top .abbv-row {
margin: 0;
padding: 0;
}
.footer-migraine .abbv-row .abbv-col:nth-child(2) {
width: auto !important;
flex-wrap: wrap;
flex-grow: 1;
}
.footer-migraine .cta.parbase {
position: absolute;
top: 48%;
right: 0
}
.abbv-footer p {
margin-block-end: 0;
margin: 0;
font: normal 300 12px/16px 'acumin-pro',sans-serif;
}
.abbv-link-list h3 {margin-bottom:0;}
.abbv-link-list h3 a {
font: normal 800 24px/20px 'acumin-pro-condensed',sans-serif;
padding-bottom: 15px;
text-transform: uppercase;
text-decoration: none;
}
@media (max-width: 895px) {
.abbv-link-list h3 a {
padding-bottom: 12px;
}
}
.footer-box h4 {
font-size: 16px;
font-weight: 800;
line-height: 20px;
color: #fff;
font-family: acumin-pro-condensed,'arial bold',sans-serif;
text-transform: uppercase;
margin-bottom:0;
}
.ubrelvy-footer-bottom .abbv-footer-content {
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 0;
padding-top: 20px;
padding-bottom: 80px;
display: block;
clear: both;
z-index: 50;
}
.abbv-rich-text.ubrelvy-footer-right-text.abbv-rich-text-common p {
margin: 0;
font-family: acumin-pro,helvetica,arial,sans-serif;
font-weight: 400;
line-height: 20px;
font-size: 16px;
margin-bottom: 41px;
}
.abbv-footer ul {
text-align: right;
line-height: 1.8rem;
padding: 0;
margin-left: auto;
list-style: none;
width:90%;
}
.abbv-footer ul.abbv-footer-horizontal li {
padding-left: 13px;
padding-right: 0;
}
.abbv-container.catalog-component.ubrelvy-footer-bottom a {
font: normal 300 14px/18px 'acumin-pro',sans-serif;
text-decoration: underline;
}
.ubrelvy-footer-right-text ul.ubrelvy-social-icon {
justify-content: flex-end;
list-style-type: none;
display: flex;
padding: 0;
margin:18px 0;
}
.ubrelvy-footer-right-text ul.ubrelvy-social-icon li {
padding: 0 0 0 10px;
}
.abbv-rich-text.ubrelvy-footer-right-text.ubre-footre-phone-sec.abbv-rich-text-common a {
text-decoration: underline;
}
ul.ubrelvy-social-icon.mobile-show, .footer-mobile-logo.abbv-image-text-v2.abbv-image-swap img, .abbv-rich-text.mobile-show.abbv-rich-text-common, .abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile {
display: none;
}
.abbv-footer-content .logo svg {
fill: white;
height: auto;
width: 118px;
}
.abbv-footer-content .logo {
fill: #fff;
float: none;
border: 0;
position: absolute;
top: 25px;
}
.footer-migraine {
padding: 50px 0 30px 0
}
.footer-migraine .cta.parbase label p {
margin: 0 52px 0 0;
max-width: 154px;
display: block;
padding-left: 0;
float: right;
text-align:right;
}
.ubrelvy-footer-logo img {
width: 220px;
}
@media (max-width: 895px) {
.ubrelvy-footer-logo img {
width: 115px;
}
}
/* note:move this to style css*/
button.abbv-back-to-top.abbv-button-plain.abbv-icon-arrow_upward.i-a {
display: none !important;
}
p.migraine-button {
font: normal 300 16px/30px 'acumin-pro-wide',sans-serif;
text-transform: uppercase
}
label.abbv-switch.abbv-view-toggle-switch {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 10px 0
}
label.abbv-switch.abbv-view-toggle-switch p {
order: 1;
margin: 0;
width: auto;
margin-right: 52px;
font-size: 12px;
line-height: 1;
font-family: acumin-pro-wide,helvetica,arial,sans-serif;
font-weight: 300;
letter-spacing: .75px;
}
label.abbv-switch.abbv-view-toggle-switch span.abbv-slider.abbv-round {
left: auto
}
[data-text-label="true"] input+.abbv-slider:after {
color: #fff;
letter-spacing: .75px;
font-family: acumin-pro-wide,helvetica,arial,sans-serif;
font-size: 8px;
content: "OFF";
line-height: 18px;
position: absolute;
top: -1px;
right: 5px;
}
.abbv-footer .abbv-footer-border-top {
display: none;
}
.abbv-rich-text.ubrelvy-footer-right-text.abbv-rich-text-common ul li img {
width: 25px
}
.ubrelvy-footer-top .footer-migraine .cta.parbase label {
outline: 0;
}
.footer-migraine .cta.parbase label {
display: block;
padding-left: 0;
margin: 0 !important;
}
.ubrelvy-footer-logo .abbv-image-text-v2 .abbv-image-text-content-container-v2,
.abbv-image-text-v2 .abbv-image-text-content-v2 {
background: transparent;
}
.ubrelvy-footer-logo .abbv-image-text-v2 .abbv-image-text-content-container-v2 {
position: absolute;
display: flex;
top: 0;
width: 100%;
height: 100%;
font-size: .9rem;
}
/*mobile view */
@media (max-width: 600px) {
.footer-migraine .abbv-col.abbv-col-2 {
max-width: 30%;
width: 100%
}
.footer-migraine .abbv-col.abbv-col-10 {
max-width: 70%;
width: 100%
}
p.migraine-button {
font: normal 300 14px/14px 'acumin-pro-wide',sans-serif;
text-transform: uppercase
}
.footer-migraine .abbv-switch {
position: relative;
display: inline-block;
padding-left: 10px;
height: 26px;
line-height: 1.6rem;
cursor: pointer;
margin: 0 0 10px 0
}
.abbv-col-6{max-width: 100%;}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap img,
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile {
display: block;
}
ul.ubrelvy-social-icon.mobile-show {
display: flex;
justify-content: flex-start;
}
ul.ubrelvy-social-icon, .abbv-footer-content .abbv-legal-text ul {
list-style-type: none;
}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap {
position: absolute;
top: 60px;
max-width: 90px;
}
.abbv-rich-text.mobile-hide-img.abbv-rich-text-common, .abbv-footer-content .logo, p.space-txt {
display:none;
}
.abbv-footer ul {
text-align: left;
}
}
.abbv-container.catalog-component.ubrelvy-footer-bottom {
padding: 0 20px;
}
.abbv-container.ubrelvy-footer-top {
padding: 0 20px;
}
@media (max-width: 895px) {
.abbv-container.catalog-component.ubrelvy-footer-bottom footer .abbv-footer-content {
padding-top: 20px;
}
.abbv-footer p {
margin: 14px auto 0;
}
.abbv-row-container.footer-top-bg-details-1.ubrelvy-footer-top, .abbv-row-container.footer-top-bg-details {
display: none;
}
.abbv-footer ul.abbv-footer-horizontal {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin-top: 110px;
column-gap: 15px;
}
.abbv-footer ul.abbv-footer-horizontal li {
padding-left: 0;
padding-right: 0;
font-family: acumin-pro,helvetica,arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
height: auto;
padding-bottom: 16px;
}
ul.ubrelvy-social-icon.mobile-show {
padding: 0;
position: absolute;
top: 0;
margin: 18px 0;
}
ul.ubrelvy-social-icon li { padding: 0 0 0 10px; }
ul.ubrelvy-social-icon li:nth-child(1) { padding: 0; }
.abbv-legal-text.abbv-rich-text-common ul.ubrelvy-social-icon li img {
width: 25px;
}
}
@media (max-width:376px) {
.abbv-footer ul.abbv-footer-horizontal {
column-gap: 0;
}
}
@media (min-width:600px) {
.footer-migraine .abbv-col-2 {
width: 22%;
}
}
@media (min-width: 600px) and (max-width: 895px) {
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile {
display: block;
}
.abbv-footer ul {
text-align: left;
}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap img, .abbv-footer ul.abbv-footer-horizontal li {
display: block;
}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap {
max-width: 90px;
width: 100%;
}
ul.ubrelvy-social-icon.mobile-show {
display: flex;
justify-content: flex-start;
}
ul.ubrelvy-social-icon, .abbv-footer-content .abbv-legal-text ul {
list-style-type: none;
}
.abbv-container.ubrelvy-footer-top .abbv-col {
max-width: 100%;
}
.abbv-col-6, .abbv-col-4, .abbv-col-8 {
max-width: 100%;
width: 100%;
margin-left: 0;
}
.abbv-rich-text.mobile-hide-img.abbv-rich-text-common, .abbv-footer-content .logo, p.space-txt {
display: none;
}
}
@media (min-width: 601px) and (max-width: 895px) {
.abbv-footer ul {
margin: 0;
}
.abbv-footer ul.abbv-footer-horizontal li {
height: auto;
padding-bottom: 16px;
}
ul.ubrelvy-social-icon.mobile-show {
margin: 14px auto;
}
}
@media (max-width: 895px){
.footer-migraine .abbv-col-2 {
width: 22%;
}
.ubrelvy-footer-top .abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile .abbv-col-6:first-child {
width: 50%;
}
.ubrelvy-footer-top .abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile .abbv-col-6:last-child {
width: 49%;
padding-left: 30px;
}
.abbv-link-list h3 a {
font-family: acumin-pro-condensed,'arial bold',sans-serif;
font-size: 18px;
font-weight: 800;
line-height: 25px;
margin-bottom: 15px;
padding-bottom: 0;
}
.ubrelvy-footer-top .footer-top-bg-details.footer-top-bg-details-mobile .abbv-row>.abbv-col.abbv-col-6:first-child .link-list.parbase h3 a {
margin-bottom: 15px;
}
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile .abbv-rich-text.ubre-footer-mobile-right-menu-sec.abbv-rich-text-common {
margin-top: 25px;
}
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile p a{font-size: 15px; }
.abbv-container.ubrelvy-footer-top .abbv-row-container.footer-migraine {
padding-top: 28px;
}
}
.abbv-container.ubrelvy-footer-top a {
line-height: 20px;
}
@media (min-width: 896px) {
.ubrelvy-footer-top .footer-top-bg-details {
padding-bottom: 15px;
}
.footer-top-bg-details .abbv-col:first-child {
width: 22%;
}
.footer-top-bg-details .abbv-col:last-child {
width: 42%;
padding-left: 50px;
}
.footer-box {
padding-left: 35px;
}
.ubrelvy-footer-top .footer-top-bg-details>.abbv-row>.abbv-col.abbv-col-4:nth-child(3) .ubre-footer-phone-sec .footer-box p a {
font-size: 16px;
line-height: 20px;
}
}
@media (min-width: 896px) and (max-width: 1035px) {
.catalog-component.ubrelvy-footer-bottom .abbv-footer .abbv-footer-content>div:first-child .abbv-footer-horizontal
{
margin-top: 60px;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.footer-migraine .cta.parbase label p {
font-family: acumin-pro-wide,helvetica,arial,sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: .5px;
line-height: 1;
}
}
@media (min-width: 986px){
.ubrelvy-footer-top .footer-migraine {
padding: 32px 0 30px 0;
}
}
.abbv-footer-content .abbv-legal-text {
margin-bottom:20px;
}
.abbv-footer-content .abbv-legal-number {
margin-top:0;
}
/* Privacy Updates */
/* nth child styles applied for Your Privacy Choices Link present in the footer */
.abbv-footer ul.abbv-footer-horizontal li:last-child {
background: url(/content/dam/ubrelvy/images/privacy-choices-white.svg) no-repeat;
background-repeat: no-repeat;
background-position: right 65%;
padding-right: 32px;
background-size: 16%;
width: fit-content;
}
@media (min-width: 1024px) {
.abbv-footer ul.abbv-footer-horizontal li:last-child {
margin-left: 6px;
}
.abbv-footer ul.abbv-footer-horizontal {
width: 90%;
margin-left: auto;
margin-right: 0;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.abbv-footer ul.abbv-footer-horizontal li:last-child {
background-position: right top;
padding-right: 46px;
background-size: 23%;
}
}
@media (max-width: 767px) {
.abbv-footer ul.abbv-footer-horizontal li:last-child {
background-position: right 22%;
padding-right: 36px;
background-size: 20%;
}
}
/*migrain mode setting*/
.abbv-view-toggle .ubrelvy-footer-top .abbv-image-text-v2 .abbv-image-content-container-v2 img {
filter: brightness(0) invert(1);
}
/*------END footer.css------END*/
/*------START isi.css------START*/
.imp-container {
box-sizing: border-box;
max-width: 1015px;
width: 100%;
border: 1px solid transparent;
margin: 64px auto 0;
}
.ubrldtc-isi-cont-isipg .isi-content {display:none;}
.ubrldtc-isi-cont-isipg .dv-text-trsn-globle {
color: #3b4143;
font: normal 300 12px / 20px acumin-pro-wide, helvetica, arial, sans-serif;
letter-spacing: 2.5px;
margin: 0 0 12px;
}
.all-border {
max-width: 1440px;
margin: auto
}
.dynamic-isi p.para-txt:nth-child(1){
max-width:98%;
}
.dynamic-isi .main-txt,.dynamic-isi .para-txt b,p.para-txt.isi-mis-isi-text b {
font-family: "AcuminPro-Black",sans-serif;
font-weight: 600;
letter-spacing: unset
}
.dynamic-isi .edge {
margin-left: auto;
margin-right: auto;
max-width: 1055px;
padding: 0 20px;
font-family: acumin-pro,helvetica,arial,sans-serif;
box-sizing: border-box;
}
.dynamic-isi .main-txt {
color: #00a274;
font-size: 14px;
line-height: 16px;
margin-bottom:0;
}
.dynamic-isi .para-txt {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
margin-top: 0;
color: var(--darkgray);
font-family: acumin-pro,helvetica,arial,sans-serif;
font-weight: 300
}
.dynamic-isi ul.list-type {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
padding-left: 0;
color: var(--darkgray);
font-family: acumin-pro,helvetica,arial,sans-serif
}
.dynamic-isi ul.list-type li {
list-style-type: none;
margin-bottom: 0;
padding-left: 1em;
position: relative;
color: var(--darkgray);
font-family: acumin-pro,helvetica,arial,sans-serif
}
.dynamic-isi ul.list-type li::before {
background-color: var(--darkgray);
content: "";
height: 3px;
left: 0;
position: absolute;
top: .5em;
width: 3px
}
.mis-isi-two-para-contain {
max-width: 1055px;
box-sizing: border-box;
margin: auto
}
p.para-txt.isi-mis-isi-para1,p.para-txt.isi-mis-isi-para2 {
margin: 0;
font-size: 14px;
line-height: 18px;
color: var(--darkgray);
font-family: acumin-pro,helvetica,arial,sans-serif;
padding-bottom: 16px;
margin-bottom:0 !important;
}
p.bottom-code {
margin: 0 auto;
font-size: 14px;
line-height: 18px;
color: var(--darkgray);
font-family: acumin-pro,helvetica,arial,sans-serif;
padding-bottom: 16px
}
.abbv-inline-miscisi {
max-width: 1440px;
margin: auto
}
.abbv-inline-use-isi {
max-width: 1440px;
padding: 0;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb
}
p.para-txt a {
font-weight: 800;
text-decoration: underline;
color: #004a98;
font-family: acumin-pro,helvetica,arial,sans-serif;
font-size: 14px;
line-height: 16px
}
p.para-txt.isi-mis-isi-text {
font-size: 14px;
line-height: 18px;
color: var(--darkgray);
font-family: acumin-pro,helvetica,arial,sans-serif;
max-width: 1055px;
margin: 0 auto;
padding: 0 20px 94.5px;
box-sizing: border-box
}
@media only screen and (max-width: 960px) {
.dynamic-isi .edge {
padding:0 20px
}
}
div.abbv-dimmer[data-close-tether="minimizeSafety"] {
background: transparent !important;
opacity: 0 !important
}
.abbv-floating-isi {
padding: 8px 0 !important;
overflow:hidden;
}
.abbv-floating-isi.display-isi {
background-color: var(--darkgray)
}
.abbv-floating-isi.display-isi .abbv-content-top {
display: flex;
max-width: 1055px;
padding: 0 20px;
margin: auto;
box-sizing: border-box
}
@media(max-width: 985px) {
.abbv-floating-isi.abbv-floating-isi-v1.display-isi {
top:0 !important;
overflow: hidden !important
}
.abbv-floating-isi .icon {
left: 1px !important
}
}
@media(max-width: 767px) {
.abbv-inline-safety {
padding-top:40px
}
}
@media(min-width: 768px) and (max-width:985px) {
.abbv-inline-safety {
padding-top:60px
}
}
@media(min-width: 986px) {
.abbv-inline-safety {
padding-top:80px
}
.abbv-floating-isi.abbv-floating-isi-v1.display-isi {
top: 48px !important
}
.abbv-floating-isi .icon {
left: 76px !important
}
}
.header-v2 .abbv-floating-isi.display-isi {
height: auto !important;
padding-top: 8px !important
}
.abbv-floating-isi .abbv-content-container p {
font-family: acumin-pro,helvetica,arial,sans-serif;
font-weight: 300;
line-height: 18px;
color: #fff;
font-size: 14px;
margin-bottom: 6px;
margin-left: 0
}
.abbv-floating-isi.display-isi h4.main-txt {
line-height: 18px;
color: #fff;
font-size: 14px;
font-weight: 700;
font-family: acumin-pro,helvetica,arial,sans-serif;
padding-top: 2px !important;
margin: 0;
}
.abbv-floating-isi .icon {
height: 24px;
width: 41px;
font-size: 18px;
border-left: 1px solid #fff;
transition: border-color .8s cubic-bezier(.55,.055,.675,.19);
position: relative;
margin-left: 3px;
top:22px;
}
.abbv-icon-add.i-b:before,.abbv-icon-add.i-a:after {
margin-left: 20px;
margin-right: 10px;
position: absolute;
top: -3px
}
@media(max-width: 767px) {
.abbv-icon-add.i-b:before,.abbv-icon-add.i-a:after {
margin-left: 5px;
margin-right: 10px;
position: absolute;
top: -3px
}
}
@media(min-width: 1024px) {
.abbv-floating-isi.display-isi .abbv-content-container {
position:relative
}
}
@media(max-width: 895px) {
.abbv-safety-bar-maximized {
height:calc(100% - 185px) !important;
cursor: inherit
}
}
.abbv-safety-bar {
background: #3b4143;
border: 0;
color: #fff;
height: auto
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-button-minus {
color: #fff;
margin-bottom: 10px
}
.abbv-safety-bar-fade {
background: transparent
}
@media(max-width: 600px) {
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container .edge {
padding: 0 40px 0 0;
}
.abbv-safety-bar-content.abbv-safety-bar-less.abbv-safety-bar-content-minimized-mobile .abbv-row-container .edge,
.abbv-safety-bar-content.abbv-safety-bar-more.abbv-safety-bar-content-minimized-mobile-more .abbv-row-container .edge {
padding: 0 40px 0 0;
}
}
@media(max-width: 1014px) {
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container .edge {
padding: 0 40px 0 0;
}
}
@media(min-width: 1014.02px) {
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container .edge {
padding: 0 40px 0 0;
}
}
.abbv-safety-bar.abbv-safety-bar-maximized .dynamic-isi .edge {
padding-bottom: 0
}
.abbv-safety-bar.abbv-safety-bar-maximized .dynamic-isi .main-txt {
color: #fff;
line-height: 18px;
letter-spacing: 0;
margin-bottom:0;
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container .edge p.para-txt {
max-width: 100%
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container .edge p.para-txt:nth-child(1) {
max-width: 93%;
margin: 0;
}
.abbv-safety-bar.abbv-safety-bar-maximized .dynamic-isi ul.list-type {
margin: 18px 0
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-rich-text.dynamic-isi.abbv-rich-text-common ul li {
color: #fff
}
.abbv-safety-bar.abbv-safety-bar-maximized .dynamic-isi ul.list-type li::before {
background-color: #fff
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container .edge p.para-txt a {
color: #fff
}
.abbv-safety-bar-content .all-border {
border-left: transparent;
border-right: transparent
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-rich-text.dynamic-isi.abbv-rich-text-common p {
color: #fff;
letter-spacing: 0;
margin-bottom: 10px
}
.abbv-safety-bar.abbv-safety-bar-maximized {
height: 431px;
border-top: 1px solid #fff;
background: #3b4143
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized {
height: calc(100% - 20px);
padding: 0
}
.abbv-safety-bar-content.abbv-safety-bar-less.abbv-safety-bar-content-minimized-desktop .edge,
.abbv-safety-bar-content.abbv-safety-bar-more.abbv-safety-bar-content-minimized-desktop-more .edge {
padding-bottom: 4px
}
.abbv-safety-bar-content.abbv-safety-bar-less.abbv-safety-bar-content-minimized-desktop .edge h4.main-txt,
.abbv-safety-bar-content.abbv-safety-bar-more.abbv-safety-bar-content-minimized-desktop-more .edge h4.main-txt {
font-size: 14px;
line-height: 18px;
font-weight: 700;
font-family: acumin-pro,helvetica,arial,sans-serif;
color: #fff;
margin-bottom:0;
}
.abbv-safety-bar-content.abbv-safety-bar-less.abbv-safety-bar-content-minimized-desktop .edge p.para-txt,
.abbv-safety-bar-content.abbv-safety-bar-more.abbv-safety-bar-content-minimized-desktop-more .edge p.para-txt {
max-width: 94%;
margin: 0;
overflow: hidden;
transition: height .4s cubic-bezier(.19,1,.22,1);
line-height: 18px;
color: #fff;
font-size: 14px;
font-family: acumin-pro,helvetica,arial,sans-serif;
margin-bottom: 10px
}
@media(max-width: 600px) {
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile .edge h4.main-txt,
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile-more .edge h4.main-txt {
font-size:14px;
line-height: 18px;
font-weight: 700;
font-family: acumin-pro,helvetica,arial,sans-serif;
color: #fff;
margin-bottom:0;
}
}
@media(max-width: 485px) {
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile .edge p.para-txt,
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile-more .edge p.para-txt{
max-width:88%
}
}
@media(max-width: 600px) {
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile .edge p.para-txt,
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile-more .edge p.para-txt {
margin:0;
font-size: 14px;
line-height: 18px;
max-width: 100%;
padding-bottom: 1px;
font-family: acumin-pro,helvetica,arial,sans-serif
}
}
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile,
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile-more {
padding:0;
}
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile .abbv-row-container,
.abbv-safety-bar-content.abbv-safety-bar-content-minimized-mobile-more .abbv-row-container {
padding: 8px 16.8px 5px;
box-sizing: border-box;
}
.abbv-safety-bar-content {
margin-top: 15px;
max-width:100%;
}
.abbv-safety-bar-maximized .abbv-safety-bar-content {margin-top: 15px;}
.abbv-safety-bar-content.abbv-safety-bar-less.abbv-safety-bar-content-minimized-desktop,
.abbv-safety-bar-content.abbv-safety-bar-more.abbv-safety-bar-content-minimized-desktop-more{
width: 100%;
max-width: 100%;
padding: 0;
}
.abbv-safety-bar-content.abbv-safety-bar-less.abbv-safety-bar-content-minimized-desktop .abbv-row-container,
.abbv-safety-bar-content.abbv-safety-bar-more.abbv-safety-bar-content-minimized-desktop-more .abbv-row-container{
max-width: 1055px;
padding: 0 20px;
padding-top: 10px;
box-sizing: border-box;
margin: 0 auto;
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container {
max-width: 1055px;
padding: 0 20px;
padding-top: 20px;
box-sizing: border-box;
margin: 0 auto;
}
@media(max-width: 1023px) {
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized {
margin-top:0
}
.abbv-safety-bar.abbv-safety-bar-maximized .abbv-safety-bar-content-maximized .abbv-row-container {
padding-top: 8px
}
}
/*expand/collapse icons setting*/
.abbv-safety-bar .abbv-safety-bar-button-plus.abbv-icon-add_circle.i-a {
top: 28px;
width: 41px;
height: 24px;
position: absolute;
border-left: 1px solid #fff;
transition: border-color .8s cubic-bezier(.55,.055,.675,.19);
}
.abbv-safety-bar .abbv-safety-bar-button-plus.abbv-icon-add_circle.i-a::after {
content: '';
top: 2px;
width: 19px;
height: 19px;
background: url(/content/dam/ubrelvy/images/plus-icon-isi-ubdtc.png);
position: absolute;
background-size: 19px;
margin-left: 0
}
.abbv-safety-bar-button-minus.abbv-icon-remove_circle.i-a {
top: 54px;
height: 24px;
width: 41px;
position: absolute;
border-left: 1px solid #fff;
transition: border-color .8s cubic-bezier(.55,.055,.675,.19);
}
.abbv-safety-bar-button-minus.abbv-icon-remove_circle.i-a::after {
content: '';
top: 2px;
width: 19px;
height: 19px;
background: url(/content/dam/ubrelvy/images/minus-icon-isi-ubdtc.png);
position: absolute;
background-size: 19px;
margin-left: 0;
}
@media(max-width: 1024px) {
.abbv-safety-bar .abbv-safety-bar-button-plus.abbv-icon-add_circle.i-a {
right:10px;
}
.abbv-safety-bar .abbv-safety-bar-button-minus.abbv-icon-remove_circle.i-a {
top:4px;
right:10px;
}
}
@media(min-width: 1024.02px) {
.abbv-safety-bar .abbv-safety-bar-button-plus.abbv-icon-add_circle.i-a {
right:2%;
}
.abbv-safety-bar .abbv-safety-bar-button-minus.abbv-icon-remove_circle.i-a {
top:54px;
right:2%;
}
}
@media(min-width: 1180px) {
.abbv-safety-bar .abbv-safety-bar-button-plus.abbv-icon-add_circle.i-a {
right:80px;
}
.abbv-safety-bar .abbv-safety-bar-button-minus.abbv-icon-remove_circle.i-a {
top:54px;
right:80px;
}
}
.abbv-view-toggle .dynamic-isi .main-txt {
color: var(--darkgray)
}
/*------END isi.css------END*/
/*------START sitemap.css------START*/
.site-map-container h1.ubrelvy-title {
font-family: 'acumin-pro-condensed',arial-bold,sans-serif;
text-transform: uppercase;
color: #00a274;
font-size: 60px;
line-height: 50px;
font-weight: 800;
letter-spacing: 0;
margin: 0;
font-style: normal;
border-bottom: 1px solid #979797;
padding-bottom: 30px;
}
@media(max-width: 985px) {
.site-map-container h1.ubrelvy-title {
font-size:30px;
line-height: 28px
}
}
.site-map-container {
box-sizing: border-box;
max-width: 1015px;
width: 100%;
border: 1px solid transparent;
margin: 64px auto 0;
}
@media only screen and (max-width: 985px) {
.site-map-container{
margin: 28px auto 0;
}
}
@media only screen and (min-width: 985px) and (max-width: 1068px) {
.site-map-container{
margin: 164px auto 0;
}
}
.site-map-container .content-rich-text ul {
list-style: none;
padding: 0
}
.site-map-container .content-rich-text ul li {
margin: 20px 0 30px
}
.site-map-container .content-rich-text ul li:last-child {
margin-bottom: 0;
}
.site-map-container .content-rich-text ul li a {
font-family:acumin-pro,helvetica,arial,sans-serif;
font-size:18px;
line-height:30px;
color: #004a98;
letter-spacing: 0;
text-decoration: underline;
}
.site-map-container .content-rich-text ul li a.bold {
text-transform: uppercase;
font-weight: 700;
}
.site-map-container .content-rich-text ul li a.normal {
font-weight: 400;
}
@media only screen and (max-width: 985px) {
.site-map-container .content-rich-text ul li a {
font-size:16px;
line-height:28px;
}
}
.abbv-view-toggle .site-map-container p.ubrelvy-title {
color: var(--cream)
}
/*------END sitemap.css------END*/
/*------START search-results.css------START*/
/*search results*/
.CoveoQuerySummary ul {padding-left: 40px;}
@media(max-width:767px){
.search-results-coveo .coveo-tab-section p{
font:normal 300 12px/20px 'acumin-pro',sans-serif;
line-height: 40px;
}
.search-results-coveo .coveo-result-list-container a {
font:normal 400 15px/20px 'acumin-pro',sans-serif;
}
.search-results-coveo .coveo-small-tabs .CoveoTab.coveo-selected p{
font-weight: 700;
}
}
@media(min-width:768px){
.search-results-coveo .coveo-tab-section p {
font:normal 300 15px/20px 'acumin-pro',sans-serif;
line-height: 52px;
}
.search-results-coveo .coveo-result-list-container a {
font:normal 400 15px/20px 'acumin-pro',sans-serif;
}
.search-results-coveo .coveo-small-tabs .CoveoTab.coveo-selected p{
font-weight: 700;
}
}
/*------END search-results.css------END*/
/*------START comp-buttons.css------START*/
/*common*/
.abbv-button-primary.i-a.btn-blue {
background-color: var(--blue);
border-color: var(--blue);
color: #fff;
border-width: 2px;
border-radius:0;
font-family: acumin-pro-wide, helvetica, arial, sans-serif;
text-align: center;
text-transform: uppercase;
height: auto;
justify-content: center;
letter-spacing: 1px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
min-width:290px;
}
.abbv-button-primary.i-a:after {
font-size: 30px;
top: 12px;
}
.abbv-button-primary.i-a.btn-blue:hover {
transition: all 400ms;
background-color: #fff;
border-color: var(--blue);
color: var(--blue);
border-width: 2px ;
opacity: 1;
}
.abbv-button-primary.i-a.btn-white {
background-color: #fff;
border-color: var(--blue);
color:var(--blue);
border-width: 2px;
border-radius:0;
height: auto;
font-family: acumin-pro-wide, helvetica, arial, sans-serif;
text-align: center;
text-transform: uppercase;
justify-content: center;
letter-spacing: 1px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
min-width:290px;
}
.abbv-button-primary.i-a.btn-white:hover {
transition: all 400ms;
background-color: var(--blue);
border-color: var(--blue);
color: #fff;
border-width: 2px ;
opacity: 1;
}
/*link button*/
.abbv-button-plain.i-a.link-cta.white {
color: #fff;
}
.abbv-button-plain.i-a.link-cta.green {
color: #00a274;
}
.abbv-button-plain.i-a.link-cta.green:after {
background: url('/content/dam/ubrelvy/images/arrow-right-green.svg');
}
.abbv-button-plain.i-a.link-cta.white:after {
background: url('/content/dam/ubrelvy/images/arrow-right-white.svg');
}
.abbv-button-plain.i-a.link-cta {
color: #00a274;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
font-weight: 300;
letter-spacing: 1.25px;
padding-left: 0;
animation-delay: .10s;
font-family: acumin-pro-wide, helvetica, arial, sans-serif;
}
.abbv-button-plain.i-a.link-cta:after {
top: 0;
background: url('/content/dam/ubrelvy/images/arrow-right-green.svg');
height: 16px !important;
width: 22px !important;
content: '' !important;
background-repeat: no-repeat;
position: relative;
margin-left: 10px;
right: 0 !important;
transition: transform .4s cubic-bezier(.19, 1, .22, 1), filter .8s cubic-bezier(.55, .055, .675, .19),-webkit-filter .8s cubic-bezier(.55, .055, .675, .19);
}
.abbv-button-plain.i-a.link-cta:hover:after {
transform: translate(5px, 0);
}
/*migrain mode setting*/
.abbv-view-toggle .abbv-button-primary.i-a.btn-white {
background-color: var(--cream);
border-color: var(--darkgray);
color:var(--darkgray);
}
.abbv-view-toggle .abbv-button-primary.i-a.btn-white:hover {
background-color: var(--darkgray);
border-color: var(--cream);
color: var(--cream);
}
.abbv-view-toggle .abbv-button-plain.i-a.link-cta.green:after {
filter: brightness(.4) saturate(0);
}
/*------END comp-buttons.css------END*/
/*------START comp-links.css------START*/
/*anchor tags*/
.blue a,a.blue {
color: var(--blue);
}
.green a,a.green {
color: var(--green);
}
.white a,a.white {
color: var(--white);
}
/*small screen*/
@media (max-width: 984px) {
p a,
a {
color: var(--blue);
font-size: 16px;
line-height: 28px;
font-weight: 700;
font-family:var(--font-pro),sans-serif;
text-decoration:underline;
letter-spacing: .2px;
}
p a:hover,
a:hover {
text-decoration:underline;
}
.footnote a {
font-size: 12px;
line-height: 18px;
font-weight: 700;
}
}
/*large screen */
@media (min-width: 985px) {
p a,
a {
color: var(--blue);
font-size: 18px;
line-height: 28px;
font-weight: 700;
font-family:var(--font-pro),sans-serif;
text-decoration:underline;
letter-spacing: .2px;
}
p a:hover,
a:hover {
text-decoration:underline;
}
.footnote a {
font-size: 12px;
line-height: 18px;
font-weight: 700;
}
}
/*------END comp-links.css------END*/
/*------START carousel.css------START*/
p.ubrelvy-quotes {
margin-bottom: 25px;
font-size: 93px;
font-family: acumin-pro-condensed, 'arial bold', sans-serif;
letter-spacing: 2px;
font-weight:800;
}
p.ubrelvy-feed {
font-size: 45px;
line-height: 45px;
font-weight: 800;
color: var(--white);
font-family: acumin-pro-condensed, 'arial bold', sans-serif;
text-transform: uppercase;
margin: 0 auto;
}
.ubrelvy-feedbacks {
margin: 28px;
color:var(--white);
text-align: end;
}
.ubrelvy-feedbacks .cite {
font-size: 30px;
line-height: 28px;
font-weight: 800;
font-style: normal;
font-family: acumin-pro, helvetica, arial, sans-serif;
color: var(--darkgray);
margin: 0 auto;
}
.real-story-page-ubrelvy-carousel .abbv-rich-text.abbv-rich-text-common {
padding:0;
margin: 0 auto;
max-width: 60%;
}
.real-story-page-ubrelvy-carousel .abbv-carousel.owl-carousel .owl-nav button.owl-prev span.abbv-icon-keyboard_arrow_left.i-b::before {
content: '';
background: url(/content/dam/ubrelvy/images/arrowLeft.png);
position: absolute;
left: 45px;
top: -38px;
width: 40px;
height: 79px;
right: 0;
bottom: 0;
background-size: contain;
background-repeat: no-repeat;
}
.real-story-page-ubrelvy-carousel .abbv-carousel.owl-carousel .owl-nav button.owl-next span.abbv-icon-keyboard_arrow_right.i-b::before {
content: '';
background: url(/content/dam/ubrelvy/images/arrowRight.png);
position: absolute;
left: -64px;
top: -38px;
width: 40px;
height: 79px;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: contain;
}
.abbv-carousel.owl-carousel .owl-nav button.owl-prev,
.abbv-carousel.owl-carousel .owl-nav button.owl-next {
opacity: 1
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background:var(--white);
}
.owl-theme .owl-dots .owl-dot span {
border: 1px solid #D6D6D6;
width: 25px;
height: 25px;
}
/*small screen */
@media (max-width:985px) {
p.ubrelvy-quotes {
font-size: 56px;
}
.real-story-page-ubrelvy-carousel .abbv-rich-text.abbv-rich-text-common {
max-width: 100%;
}
.abbv-carousel.owl-carousel .owl-nav button.owl-prev span.abbv-icon-keyboard_arrow_left.i-b::before,
.abbv-carousel.owl-carousel .owl-nav button.owl-next span.abbv-icon-keyboard_arrow_right.i-b::before {
display:block;
}
.abbv-carousel.owl-carousel .owl-nav button.owl-prev{left: -20px;}
.abbv-carousel.owl-carousel .owl-nav button.owl-next{right:-20px;}
.owl-theme .owl-nav [class*='owl-']{top:220px;}
.owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
}
p.ubrelvy-feed {
font-size: 28px;
line-height: 28px;
}
.ubrelvy-feedbacks .cite {
font-size: 16px;
line-height: 24px;
}
.ubrelvy-feedbacks .ubrelvy-real-patient {
font-size: 20px;
line-height: 28px;
}
}
@media(min-width:768px) and (max-width:985px){
.owl-theme .owl-nav [class*='owl-']{top:110px;}
.abbv-carousel.owl-carousel .owl-nav button.owl-prev{left: 0px;}
.abbv-carousel.owl-carousel .owl-nav button.owl-next{right:0px;}
}
/*large screen */
@media (min-width:986px) {
.abbv-carousel.owl-carousel .owl-nav button.owl-prev span.abbv-icon-keyboard_arrow_left.i-b::before,
.abbv-carousel.owl-carousel .owl-nav button.owl-next span.abbv-icon-keyboard_arrow_right.i-b::before {
display:block;
}
.owl-theme .owl-nav [class*='owl-']{top:200px;}
}
@media(min-width:986px) and (max-width:1199px){
.owl-theme .owl-nav [class*='owl-']{top:160px;}
}
.real-story-page-ubrelvy-carousel.real-story-page-ubrelvy-carousel.owl-loaded {
min-height: 500px;
}
/*migrain mode setting*/
.abbv-view-toggle p.ubrelvy-quotes {
color:var(--white);
}
.abbv-view-toggle .ubrelvy-feedbacks .cite{
color:var(--lightgray)!important;
}
.abbv-view-toggle .ubrelvy-feedbacks p.ubrelvy-real-patient {
color:var(--cream);
}
@media (max-width:985px) {
.real-story-page-ubrelvy-carousel p.ubrelvy-quotes {
display:none;
}
.abbv-view-toggle .real-story-page-ubrelvy-carousel .ubrelvy-feedbacks .cite{
color:var(--cream)!important;
}
}
/*------END carousel.css------END*/
/*------START comp-image-with-text.css------START*/
.more-likely-to-avoid.two-column-centered {
align-items: center;
justify-content: center;
background-color: var(--lightblue);
color: var(--white);
}
.more-likely-to-avoid.two-column-centered .flexboxitem-v2 {
width: 50%;
flex: auto;
}
@media (max-width: 767px) {
.more-likely-to-avoid.two-column-centered{
flex-direction: column;
}
.more-likely-to-avoid.two-column-centered .flexboxitem-v2 {
width: 100%;
flex: auto;
}
}
/*------END comp-image-with-text.css------END*/
/*------START one-column.css------START*/
/*one column small screen*/
.one-column-small {
max-width: 1015px;
}
/*one column medium screen*/
.one-column-medium {
max-width: 1140px;
}
.one-column-large {
max-width: 1440px;
}
/*------END one-column.css------END*/
/*------START two-column.css------START*/
/*two-column*/
/**variation 6/6 :two column full width**/
.two-column-large {
max-width: 100%;
}
/*for smaller screen*/
@media (max-width:985px) {
.two-column-large .abbv-col-flush-6 {
width: 100%;
}
}
/*--variation End here--*/
/*two column medium*/
.two-column-medium {
max-width: 1140px;
}
.two-column-medium .abbv-row {
padding: 0;
}
/*for smaller screen*/
@media (max-width:985px) {
/*variation:6/6*/
.two-column-medium .abbv-col-flush-6 {
width: 100%;
}
.two-column-medium .abbv-col-flush-6:first-child {
width: 100%;
padding: 0;
}
.two-column-medium .abbv-col-flush-6:nth-child(2) {
width: 100%;
padding: 0;
}
/*variation:8/4*/
.two-column-medium .abbv-col-flush-8,
.two-column-medium .abbv-col-flush-4 {
width: 100%;
}
}
/* for larger screen*/
@media (min-width:986px) {
.two-column-medium .abbv-col-flush-6:first-child,
.two-column-small .abbv-col-flush-6:first-child{
width: 50%;
padding-right: 10px;
}
.two-column-medium .abbv-col-flush-6:nth-child(2),
.two-column-small .abbv-col-flush-6:nth-child(2) {
width: 50%;
padding-left: 10px;
}
.two-column-medium .abbv-col-flush-8:first-child {
width: 67%;
padding-right: 1%;
}
.two-column-medium .abbv-col-flush-4 {
width: 33%;
}
}
/*--variation End here--*/
/*variation 6/6:two column small width*/
.two-column-small {
max-width: 1015px;
}
@media (max-width:985px) {
.two-column-small .abbv-col-flush-6 {
width: 100%;
}
.two-column-small .abbv-col-flush-6:first-child {
width: 100%;
padding: 0;
margin-bottom: 10px;
}
.two-column-small .abbv-col-flush-6:nth-child(2) {
width: 100%;
padding: 0;
}
}
/*two column full width - small */
@media (min-width:986px) {
.two-column-medium .abbv-col-flush-6:first-child {
width: calc(50% - 10px);
padding-right: 10px;
}
.two-column-medium .abbv-col-flush-6:nth-child(2) {
width: calc(50% - 10px);
padding-left: 10px;
}
}
/*------END two-column.css------END*/
/*------START three-column.css------START*/
/*three column full width - small and medium screen*/
/*Variation: LARGE */
.three-column-large {
max-width:100%;
}
@media (max-width:984px) {
.three-column-large .abbv-col-flush-4 {
width: 100%;
}
}
/*three column full width - large screen*/
@media (min-width:984.02px) {
.three-column-large .abbv-col-flush-4:first-child {
width: 34%;
padding-right:2%;
}
.three-column-large .abbv-col-flush-4:nth-child(2) {
width: 34%;
padding-right:2%;
}
.three-column-large .abbv-col-flush-4:nth-child(3) {
width: 32%;
}
}
/*--variation end here--*/
/* Variation: medium */
.three-column-medium {
max-width: 1140px;
}
@media (max-width:984px) {
.three-column-medium .abbv-col-flush-4 {
width: 100%;
}
}
/*three column full width - large screen*/
@media (min-width:984.02px) {
.three-column-medium .abbv-col-flush-4:first-child {
width: 34%;
padding-right:2%;
}
.three-column-medium .abbv-col-flush-4:nth-child(2) {
width: 34%;
padding-right:2%;
}
.three-column-medium .abbv-col-flush-4:nth-child(3) {
width: 32%;
}
}
/*--variation end here--*/
/* Variation: small */
.three-column-small {
max-width: 1015px;
}
@media (max-width:984px) {
.three-column-small .abbv-col-flush-4 {
width: 100%;
}
}
/*three column full width - large screen*/
@media (min-width:984.02px) {
.three-column-small .abbv-col-flush-4:first-child {
width: 34%;
padding-right:2%;
}
.three-column-small .abbv-col-flush-4:nth-child(2) {
width: 34%;
padding-right:2%;
}
.three-column-small .abbv-col-flush-4:nth-child(3) {
width: 32%;
}
}
/*------END three-column.css------END*/
/*------START modal-default.css------START*/
.abbv-modal{width:100%}
.abbv-modal.abbv-active .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a,
.abbv-modal .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a{font-size:25px;top: 11px !important;right: 20px !important;border: none;outline: 0;}
.abbv-modal.abbv-active.youtube .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a,
.abbv-modal.youtube .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a{font-size:25px;top: 11px !important;right: 10px !important;border: none;outline: 0;}
.abbv-modal-close{background:transparent;color:#fff;width:23px;height:23px;padding-bottom:8px;border:0}
.abbv-modal-content .youtube iframe{height:auto !important;border:0;}
.abbv-modal .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a:after{color:#fff;margin-left: 0px;width: 23px;height: 23px;}
.abbv-modal-content .abbv-video-player{margin-right:0 !important}
@media(min-width:768px){
.abbv-modal.abbv-active .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a,
.abbv-modal .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a{font-size:25px;top: 15px !important;right: 20px !important;border:0}
.abbv-modal .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a:after{margin-left:0;color:#fff}
}
/*------END modal-default.css------END*/
/*------START modal-telemedicine.css------START*/
.abbv-modal.telemedicine .abbv-modal-content-container{background:transparent;border-bottom-right-radius:0;box-shadow:none !important;border:none !important;width:100%;max-width:690px;margin:0 auto;padding:0}
.telemedicine .abbv-icon-close.i-b:before,.telemedicine .abbv-icon-close.i-a:after{color:#fff}
.telemedicine-popup .abbv-rich-text.abbv-rich-text-common p sup.sup-txt{font-size:.5em;position:relative;top:-0.8em;vertical-align:baseline}
.abbv-row-container.ubrelvy-cards-columns.ubreve-telemedicine-modal-col.telemedicine-popup{margin-top:0 !important;padding:0 !important}
.telemedicine-popup .abbv-rich-text.abbv-rich-text-common p{font-size:18px;line-height:22px;font-family:acumin-pro,helvetica,arial,sans-serif;margin:24px 0}
.ubrelvy-cards-columns.telemedicine-popup li p{font-weight:300 !important}
.abbv-telemedicine-main-p p{font-size:14px !important;line-height:18px !important;font-weight:300}
.abbv-telemedicine-main-p-bot p{font-size:14px !important;line-height:18px !important;font-weight:300;margin:0 !important;padding:0 0 22px}
.ubrelvy-cards-columns.telemedicine-popup .bg-charcoal-left-card li{grid-template-areas:"bullet image content";grid-template-columns:auto 88px 280px;grid-column-gap:27px;max-width:460px;margin-bottom:70px}
.abbv-modal.telemedicine.tele-popup::-webkit-scrollbar{width:10px;height:20px}
.abbv-modal.telemedicine.tele-popup::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}
.abbv-modal.telemedicine{-ms-overflow-style:none;scrollbar-width:none}
.abbv-modal.telemedicine::-webkit-scrollbar{display:none}
.abbv-modal.telemedicine .abbv-container.bg-charcoal-left-card{padding:34px 56px 0 !important}
.abbv-modal.telemedicine .abbv-modal-close{font-size:33px !important;top: 10px !important;right: 15px !important;border:0 !important}
.abbv-modal.telemedicine .abbv-row{margin:0 !important;padding:0;display:flex;flex-direction:row}
.abbv-modal.telemedicine .abbv-telemedicine-top-p h2{font:normal 800 55px/50px acumin-pro-condensed,sans-serif;color:#00a274 !important;letter-spacing:0 !important;padding-right:0 !important;max-width: 548px;}
.abbv-modal.telemedicine .abbv-telemedicine-top-p p{color:#fff !important;padding-bottom:8px !important;padding-top:0 !important;margin:40px 0 0 !important}
.abbv-container.bg-charcoal-left-card{background-color:#3b4143;color:#fff;opacity:1;transform:translateY(0);transition:all .25s cubic-bezier(.25,.46,.45,.94) .25s}
.abbv-row-container.ubrelvy-cards-columns ul{position:relative}
.abbv-row-container.ubrelvy-cards-columns ul:after{content:'';width:3px;background:#75c4d6;position:absolute;left:12px;border-radius:4px;bottom:-20px;top:28px;height:80%;z-index:-1}
.abbv-row-container.ubrelvy-cards-columns .bg-charcoal-left-card ul:before{content:'';position:absolute;bottom:-24px;left:7px;height:51px;background:#3b4143;width:15px}
.abbv-modal.telemedicine .bg-charcoal-left-card ul{padding-left:0 !important;margin-top:20px}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:before{position:static;align-self:center;color:#3b4143; line-height:24px;}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li{max-width:460px;display:grid !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:last-child{margin-bottom:28px !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li img{margin:0;margin-top:8px !important;max-width:88px !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li p{color:#fff !important;padding-bottom:10px !important;padding-top:0 !important;margin:0;font-size:17px;line-height:23px}
.abbv-modal.telemedicine .bg-charcoal-left-card ul:after{left:16px !important;height:75% !important}
.ubrelvy-cards-columns .bg-charcoal-left-card li{position:relative}
.ubrelvy-cards-columns .bg-charcoal-left-card li:before{content:'1';position:absolute;background:#fff;border-radius:50%;color:#3b4043;text-align:center;border:3px solid #00a274;left:-45px;top:50%;transform:translateY(-50%);outline:10px solid #3b4143;font-weight:bold;width:1.5em;height:1.5em}
.ubrelvy-cards-columns .bg-charcoal-left-card li::marker{color:transparent}
.ubrelvy-cards-columns .bg-charcoal-left-card li:first-child:after{content:''}
.ubrelvy-cards-columns .bg-charcoal-left-card li:nth-child(2) p{margin:32px 0}
.ubrelvy-cards-columns .bg-charcoal-left-card li:nth-child(2):after{content:''}
.ubrelvy-cards-columns .bg-charcoal-left-card li:nth-child(2):before{content:'2'}
.ubrelvy-cards-columns .bg-charcoal-left-card li:nth-child(3):before{content:'3'}
.ubrelvy-text-white{color:#fff !important;font:normal 300 15px/20px 'acumin-pro',sans-serif}
.abbv-modal.telemedicine .abbv-top-green-telemedicine p{padding:18px !important;font-size:18px !important;margin-top:0 !important;margin-bottom:20px !important;line-height:22px !important;background:#00a274;font-weight:700;text-transform:uppercase}
.abbv-modal.telemedicine .abbv-telemedicine-main-p{padding-bottom:10px}
.abbv-modal.telemedicine .abbv-telemedicine-main-p p{margin-top:0 !important;padding-top:0 !important}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot{margin:0 !important;padding:40px 54px; background:#fff;}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot-p p{color:#3b4143 !important;letter-spacing:0;padding-bottom:20px !important;padding-top:0 !important}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot-p p:last-child{padding-bottom:40px !important}
.abbv-modal.telemedicine .cta-btn{margin-bottom:16px !important;width:100%}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot .cta-btn-bak{margin-bottom:0 !important;width:100%}
@media(max-width:767px){
.abbv-modal.telemedicine.abbv-modal{width:100% !important;padding:0 20px !important;box-sizing:border-box !important; max-height: calc(100vh - 50px) !important;}
.abbv-modal.telemedicine .abbv-container.bg-charcoal-left-card{padding:34px 20px 0 !important}
.abbv-modal.telemedicine .abbv-telemedicine-top-p h2{font-size:30px !important;line-height:28px !important;max-width: 258px;}
.abbv-modal.telemedicine .abbv-telemedicine-top-p p{font-size:16px !important;line-height:18px !important;margin-top:20px !important;padding-bottom:4px !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li{grid-template-areas:"bullet image" ". content" !important;grid-template-columns:2em 1fr !important;grid-template-rows:auto auto !important;grid-column-gap:1em !important;position:relative !important;box-sizing:border-box !important;margin-bottom:24px !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:before{position:relative;align-self:flex-start;grid-area:bullet !important;left:2px !important;top:50px !important;text-align:center !important;height:24px !important;width:24px !important;font-size:16px !important;font-weight:600 !important;justify-self:center !important;line-height:1.4em !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li img{align-self:center !important;margin-top:0 !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:first-child img{width:70px !important;height:100% !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:nth-child(2) img{width:40px !important;height:100% !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:last-child img{width:37px !important;height:100% !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li p{line-height:20px !important;margin-top:6px !important;grid-area:content !important;align-self:center !important;font-size:16px !important;padding-bottom:0 !important}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:last-child{margin-bottom:34px !important}
.abbv-modal.telemedicine .abbv-top-green-telemedicine p{font-size:16px !important;line-height:18px !important;font-weight:700}
.abbv-modal.telemedicine .abbv-telemedicine-main-p p{margin-bottom:0 !important}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot{padding:40px 20px}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot p{font-size:12px !important;line-height:16px !important;margin-top:0 !important}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot-p p:last-child{padding-bottom:25px !important}
.abbv-modal.telemedicine .cta-btn{margin-bottom:5px !important}
.abbv-modal.telemedicine .abbv-telemedicine-main-p-bot .rich-text{padding-bottom:0 !important}
.abbv-modal.telemedicine .abbv-button-primary.i-a{padding-right:12px !important}
.abbv-modal.telemedicine .abbv-telemedicine-main-p{padding-bottom:20px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.abbv-modal.telemedicine{max-height: calc(100vh - 200px) !important;}
.abbv-modal.telemedicine .abbv-telemedicine-top-p h2{font-size:40px !important;line-height:40px !important;}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li img{width:60px;}
.abbv-modal.telemedicine .bg-charcoal-left-card ul li:first-child img{width:80px;}
}
@media(min-width:986px){
.abbv-modal.telemedicine{max-height: calc(100vh - 200px) !important;}
}
.abbv-view-toggle{
.abbv-modal.telemedicine .abbv-telemedicine-top-p h2{color:#fff !important}
.abbv-modal.telemedicine .abbv-top-green-telemedicine p {
background: var(--cream);
color: var(--darkgray);
}
}
/*------END modal-telemedicine.css------END*/
/*------START modals-warnonleavesearch.css------START*/
.abbv-modal.warnonleavesearch::-webkit-scrollbar{display:none}
.abbv-modal.warnonleavesearch .abbv-modal-content-container{box-shadow:none !important;border:none !important;max-width:660px !important;width:100% !important;border-bottom-right-radius:50px !important; padding:0px; margin:0 auto;}
.abbv-modal.warnonleavesearch .leaving-ubrelvy-box .main-con{background:#fff;padding: 0px 22px 14px !important;}
.abbv-modal.warnonleavesearch .abbv-modal-close{background:transparent;color:#fff;width: 25px;height: 25px;border-left:1px solid #fff !important;top:19px;right:37px;font-size:36px;font-weight:normal;}
.abbv-modal.warnonleavesearch span.abbv-modal-close.abbv-icon-close.i-a:after{margin-left:10px !important;margin-top: 0px;}
.abbv-modal.warnonleavesearch a.abbv-icon-keyboard_arrow_right.abbv-button-primary.i-a.continue-active{background-color:#004a98;color:#fff}
.abbv-modal.warnonleavesearch a.abbv-icon-keyboard_arrow_right.abbv-button-primary.i-a.continue-active:hover{background-color:#fff;color:#004a98}
.abbv-modal.warnonleavesearch a.abbv-icon-keyboard_arrow_right.abbv-button-primary{font-size:16px;font-weight:500;font-family:acumin-pro-wide,helvetica,arial,sans-serif;line-height:20px;margin-bottom:12px;padding-right:12px !important}
.abbv-modal.warnonleavesearch .warnonleavemodal-main-container{padding-bottom:50px}
.abbv-modal.warnonleavesearch .warnonleavemodal-scroll-container{max-height:60vh;-webkit-overflow-scrolling:touch;overflow-y:auto;background-color:#fff;margin:0 5px 0 0;color:#3b4143;font-family:acumin-pro,helvetica,arial,sans-serif;font-size:12px;font-weight:300;line-height:18px}
.abbv-modal.warnonleavesearch .warnonleavemodal-scroll-container::-webkit-scrollbar{-webkit-appearance:none;width:8px}
.abbv-modal.warnonleavesearch .warnonleavemodal-scroll-container::-webkit-scrollbar-thumb{background:#00a274;border-radius:10px}
.abbv-modal.warnonleavesearch .leaving-cta{padding-bottom:0 !important}
.abbv-modal.warnonleavesearch .leaving-cta a{width:100%;}
.abbv-modal.warnonleavesearch .abbv-icon-keyboard_arrow_right{margin-bottom:0 !important}
.abbv-modal.warnonleavesearch{padding:20px 20px 50px 20px;-ms-overflow-style:none;scrollbar-width:none;width:100% !important;box-sizing:border-box; max-height:inherit !important; margin:0 auto;}
.abbv-modal.warnonleavesearch .leaving-ubrelvy-box h2{background-color:#00a274;display:flex;flex-flow:row;font-family:'acumin-pro-condensed',arial-bold,sans-serif;font-size:20px;font-weight:800;line-height:23px;text-transform:uppercase;color:#fff;padding: 22px 22px 24px;}
.abbv-modal.warnonleavesearch .leaving-ubrelvy-box .main-con p{color:#3b4143;font-family:'acumin-pro',helvetica,arial,sans-serif;font-size:12px;font-weight:300;line-height:18px;margin-block-start:0;margin-block-end:0;padding-bottom:20px}
.abbv-modal.warnonleavesearch .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a{top: 30px !important;right: 20px !important;}
@media(max-width:767px){
.abbv-modal.warnonleavesearch a.abbv-icon-keyboard_arrow_right.abbv-button-primary.i-a.continue-active{margin-bottom:12px !important}
.abbv-modal.warnonleavesearch .leaving-ubrelvy-box h2{padding-right:65px !important;margin-bottom: 10px;}
.abbv-modal.warnonleavesearch .abbv-button-primary{margin-top:4px}
.abbv-modal.warnonleavesearch .leaving-ubrelvy-box .main-con{padding-bottom:10px !important}
.abbv-modal.warnonleavesearch .abbv-modal-close{top: 15px !important;height: 25px;}
.abbv-modal.warnonleavesearch .abbv-icon-close.i-b:before,.abbv-modal.warnonleavesearch .abbv-icon-close.i-a:after{margin-top:6px}
}
@media(min-width:768px){
.abbv-modal.warnonleavesearch .abbv-modal-content-container span.abbv-modal-close.abbv-icon-close.i-a,
.abbv-modal.warnonleavesearch span.abbv-modal-close.abbv-icon-close.i-a{top: 18px !important;right: 25px !important;}
}
@media (min-width: 768px) and (max-width: 985px) {
.abbv-modal.warnonleavesearch .leaving-cta > .abbv-row{display:flex;}
.abbv-modal.warnonleavesearch .abbv-row > .abbv-col-6:last-child{padding-left:20px;}
}
.abbv-view-toggle .leaving-ubrelvy-box h2{background-color:#3b4143}
.abbv-view-toggle .warnonleavesearch .leaving-ubrelvy-box h2{background-color:#3b4143}
/*------END modals-warnonleavesearch.css------END*/
/*------START global-pages.css------START*/
/* PAGE NOT FOUND */
.page-not-found-container {
margin: auto;
max-width: 1440px;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
color: #3b4143;
font-family: acumin-pro, helvetica, arial, sans-serif
}
.page-not-found-container .abbv-row {
padding: 0 !important
}
.page-not-found-container .abbv-col {
margin: 64px 0 0
}
.page-not-found-container .column-control-fw h1 {
font: normal 800 60px/50px acumin-pro-condensed,Sans-serif;
color: #00a274;
letter-spacing: unset;
text-transform: uppercase
}
.page-not-found-container .column-control-fw .abbv-row {
display: flex;
flex-direction: row;
justify-content: space-between
}
.page-not-found-container .column-control-fw .abbv-col-flush-6:first-child p {
margin: 20px 0;
font: normal 300 18px/30px acumin-pro, helvetica, arial, sans-serif
}
.page-not-found-container .column-control-fw .abbv-col-flush-6:last-child {
margin-right: 8.33%
}
.page-not-found-container .column-control-fw .abbv-row:after {
display: none
}
.page-not-found-container .column-control-fw .abbv-col-flush-6 {
max-width: 33.33%
}
.page-not-found-container .two-column-small .abbv-col-flush-6:first-child,
.page-not-found-container .two-column-small .abbv-col-flush-6:nth-child(2) {
padding: 0;
margin-bottom: 0;
}
.page-not-found-container .column-control-fw .abbv-col-flush-6 .mt0 {
margin-top: 0;
margin-bottom: 30px;
line-height: 30px;
}
.page-not-found-container .column-control-fw ul {
list-style: none;
padding: 0;
margin-bottom: 0
}
.page-not-found-container .column-control-fw ul li {
padding: 0
}
.page-not-found-container .column-control-fw ul li a {
font: normal 300 14px/21px acumin-pro-wide, helvetica, arial, sans-serif;
color: #00a274;
text-transform: uppercase;
text-decoration: none;
display: flex;
padding-bottom: 30px
}
.page-not-found-container .column-control-fw ul li:last-child a {
padding-bottom: 10px
}
.page-not-found-container .column-control-fw ul li a:after {
background-image: url(/content/dam/ubrelvy/images/arrow-right-green.svg);
background-repeat: no-repeat;
content: "";
height: 16px;
align-self: flex-start;
width: 35px;
display: inline-block;
justify-self: flex-end
}
.page-not-found-container .column-control-fw ul li a:hover {
width: calc(100% + 10px)
}
.page-not-found-container .column-control-fw ul li a span.fill-width {
width: 85%;
max-width: unset;
justify-self: flex-start;
letter-spacing: 1.25px
}
@media only screen and (max-width: 960px) {
.page-not-found-container .abbv-col {
margin: 0
}
.page-not-found-container .column-control-fw h1 {
font-size: 30px;
line-height: 28px
}
.page-not-found-container {
margin: 28px auto 0;
padding: 0 20px
}
.page-not-found-container .column-control-fw .abbv-row {
flex-direction: column
}
.page-not-found-container .abbv-row .abbv-col-flush-6 {
max-width: 100%;
width: 100%
}
.page-not-found-container .column-control-fw .abbv-col-flush-6:first-child p {
margin: 20px 0 28px;
font-size: 16px;
line-height: 28.0002px
}
.page-not-found-container .column-control-fw ul {
margin-bottom: 8px
}
.page-not-found-container .column-control-fw ul li a {
padding-bottom: 28px
}
.page-not-found-container .column-control-fw ul li a:last-child {
padding-bottom: 21px;
}
.page-not-found-container .column-control-fw .abbv-col-flush-6 .mt0 {
font-size: 16px;
line-height: 28.0002px
}
.page-not-found-container .two-column-small .abbv-col-flush-6:first-child {
margin-bottom: 0;
}
.page-not-found-container .column-control-fw ul li:last-child a {
padding-bottom: 0px
}
}
/* UNSUBSCRIBE PAGE */
.ubrelvy-unsubscribe-banner {
max-width: 1440px;
}
.ubrelvy-unsubscribe-banner .aemform {
height: 430px;
padding: 30px 0;
position: absolute;
top: 53%;
left: 50%;
max-width: 950px;
width: 100%;
transform: translate(-50%, -55%);
text-align: center;
}
.ubrelvy-unsubscribe-banner .ubrelvy-unsubscribe-content .abbv-hide,
.ubrelvy-unsubscribe-banner .ubrelvy-unsubscribe-content .abbv-button-primary {
display: none;
}
.ubrelvy-unsubscribe-banner .ubrelvy-unsubscribe-content img {
height: 620px;
min-height: 620px;
}
@media (max-width: 767px) {
.ubrelvy-unsubscribe-banner .aemform {
top: 45%;
transform: translate(-50%, -55%);
padding: 0px 5px;
}
.guideRootPanel.guideRootPanel.apigee-base-registration.ubrldtc-unsubs-v-rt-pnl {
padding: 0 15px;
}
.ubrelvy-unsubscribe-banner {
margin-bottom: 10px;
}
.ubrelvy-unsubscribe-banner .ubrelvy-unsubscribe-content img {
min-height: 520px;
}
}
@media (max-width: 895px) {
.ubrelvy-unsubscribe-banner .ubrelvy-unsubscribe-content img {
min-height: 580px;
}
.ubrelvy-unsubscribe-banner .aemform {
padding: 0px 5px;
}
.guideRootPanel.guideRootPanel.apigee-base-registration.ubrldtc-unsubs-v-rt-pnl {
padding: 0 15px;
}
.ubrelvy-unsubscribe-banner {
margin-bottom: 10px;
}
.guidePanelNode.unsubscribeSection.unsubsc-dtc-form-panel {
max-width: 575px;
margin: 0 auto;
text-align: center;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.page-not-found-container {
padding: 0 20px;
}
}
/*migrain mode setting*/
.abbv-view-toggle .page-not-found-container .column-control-fw h1,
.abbv-view-toggle .page-not-found-container .column-control-fw ul li a,
.abbv-view-toggle .page-not-found-container .column-control-fw ul li a span {
color: var(--darkgray);
}
.abbv-view-toggle .page-not-found-container .column-control-fw ul li a:after {
filter: brightness(.4) saturate(0);
}
/*------END global-pages.css------END*/
/*------START utilities.css------START*/
.darkgray {
color: var(--darkgray) !important;
}
.anchorgray {
color: var(--anchorgray) !important;
}
.lightgray {
color: var(--lightgray) !important;
}
.lightblue {
color:var(--lightblue)!important;
}
.blue {
color:var(--blue)!important;
}
.green {
color:var(--green)!important;
}
.cream {
color:var(--cream)!important;
}
.white {
color:var(--white)!important;
}
.body-text {
color:#404040!important;
}
.bg-white {
background-color: var(--white) !important;
}
.bg-darkgray {
background-color: var(--darkgray) !important;
}
.bg-anchorgray {
background-color: var(--anchorgray) !important;
}
.bg-lightgray {
background-color: var(--lightgray) !important;
}
.bg-lightblue {
background-color: var(--lightblue) !important;
}
.bg-blue {
background-color: var(--blue) !important;
}
.bg-green {
background-color: var(--green) !important;
}
.bg-cream {
background-color: var(--cream) !important;
}
.bg-body-text {
background-color: var(--body-text) !important;
}
.m-auto {
margin:auto auto !important;
}
.mt-16 {
margin-top:16px !important;
}
.mb-16 {
margin-bottom:16px !important;
}
.ml-16 {
margin-left:16px !important;
}
.mr-16 {
margin-right:16px !important;
}
.m-16-all {
margin:16px !important;
}
.mt-20 {
margin-top:20px !important;
}
.mb-20 {
margin-bottom:20px !important;
}
.ml-20 {
margin-left:20px !important;
}
.mr-20 {
margin-right:20px !important;
}
.m-20-all {
margin:20px !important;
}
.mt-24 {
margin-top:24px !important;
}
.mb-24 {
margin-bottom:24px !important;
}
.ml-24 {
margin-left:24px !important;
}
.mr-24 {
margin-right:24px !important;
}
.m-24-all {
margin:24px !important;
}
.mt-30 {
margin-top:30px !important;
}
.mb-30 {
margin-bottom:30px !important;
}
.ml-30 {
margin-left:30px !important;
}
.mr-30 {
margin-right:30px !important;
}
.m-30-all {
margin:30px !important;
}
.mt-40 {
margin-top:40px !important;
}
.mb-40 {
margin-bottom:40px !important;
}
.ml-40 {
margin-left:40px !important;
}
.mr-40 {
margin-right:40px !important;
}
.m-40-all {
margin:40px !important;
}
.mt-60 {
margin-top:60px !important;
}
.mb-60 {
margin-bottom:60px !important;
}
.ml-60 {
margin-left:60 !important;
}
.mr-60 {
margin-right:60px !important;
}
.m-60-all {
margin:60px !important;
}
.no-margin{margin:0px;}
.pt-0 {padding-top:0 !important;}
.pb-0 {padding-bottom:0 !important;}
.pl-0 {padding-left:0 !important;}
.pr-0 {padding-right:0 !important;}
.p-0-all {padding:0 !important;}
.pt-24 {
padding-top:24px !important;
}
.pb-24 {
padding-bottom:24px !important;
}
.pl-24 {
padding-left:24px !important;
}
.pr-24 {
padding-right:24px !important;
}
.p-24-all {
padding:24px !important;
}
.pt-30 {
padding-top:30px !important;
}
.pb-30 {
padding-bottom:30px !important;
}
.pl-30 {
padding-left:30px !important;
}
.pr-30 {
padding-right:30px !important;
}
.p-30-all {
padding:30px !important;
}
.pt-40 {
padding-top:40px !important;
}
.pb-40 {
padding-bottom:40px !important;
}
.pl-40 {
padding-left:40px !important;
}
.pr-40 {
padding-right:40px !important;
}
.p-40-all {
padding:40px !important;
}
.mobile-num{color:#404040; text-decoration:none;}
/*starting of Global styles - will move to style.css*/
.omit-brackets::before,
.omit-brackets::after{color:var(--color-black);font-weight:bold;font-size: 140%;position: relative;top: 2px;}
.omit-brackets::before{content:'\003C';}
.omit-brackets::after{content:'\003E'}
/*ending of Global styles - will move to style.css*/
/*style page*/
.abbv-text-helper p {
color: var(--color-purple);
text-align: center;
}
@media (min-width: 986px) {
.abbv-text-helper p {
font-size: var(--font-size-15);
line-height: var(--font-size-175);
}
}
.nowrap{white-space: nowrap;}
.block-elem{display:block;}
.extra-bold-txt{font-weight: 900;}
.left{
text-align:left;
}
.center,.text-center {
text-align:center;
}
sup {
position: relative;
top: 0px;
font-size: 60%;
line-height:0px;
}
sup.sup-80{font-size:80%;}
sup.sup-reg{font-size:80%; top:4px;}
.indented {
text-indent: -5px;
}
/*migrain mode on*/
.abbv-view-toggle {
.bg-green {
background-color: var(--darkgray) !important;
}
.green {
color: var(--darkgray) !important;
}
.white {
color: var(--cream) !important;
}
}
html.abbv-view-toggle {
filter: grayscale(1);
transition: all 300ms;
position: relative;
}
html.abbv-view-toggle:before {
content: '';
background: #fdf8f0;
position: absolute;
left: auto;
top: 0;
width: 100%;
height: 100%;
}
/*text animation- I have combined all animation in one class*/
.text-animate {
opacity: 0;
animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-name: abbv-fadeInUp;
transition: all .25s cubic-bezier(.25, .46, .45, .94) .25s;
-webkit-animation-name: abbv-fadeInUp;
}
.abbv-animation {
-webkit-animation-duration: .4s !important;
animation-duration: .4s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ub-animate-frst.abbv-animation.abbv-fadeInUp.abbv-animate-once {
transition: all .25s cubic-bezier(.25,.46,.45,.94) .25s;
}
/* Video Thumb */
.ub-modal-wrapper .cta.parbase a {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
width: 138px;
height: 138px;
border-radius: 50%;
color: transparent;
background: url(/content/dam/ubrelvy/images/video-playButton.png);
background-size: contain;
border: 0;
display: block;
}
.ub-modal-wrapper .cta.parbase a.hide-play-bg {
background:none;
}
@media(max-width:985px) {
.ub-modal-wrapper .cta.parbase a {
top: 50%;
transform: translateY(-50%);
width: 87px;
height: 87px;
display: block;
white-space: unset !important;
}
.ub-modal-wrapper .cta.parbase a.hide-play-bg {
background:none;
}
}
/*------END-- utilities.css------END---*/
/*------START home-pattern-6.css------START*/
/*ACCESS MIGRAIN SUPPORT WITH EASE*/
.access-migrain-support .inner-wrapper-left img{max-width:346px; width: 100%; aspect-ratio: auto 298 / 32; margin-bottom: 10px;}
.access-migrain-support .inner-wrapper-left .h2 {margin:12px 0;font-weight: 800;}
.access-migrain-support .inner-wrapper-left p.description {color:#404040;}
.access-migrain-support .inner-wrapper-right .abbv-col-flush-6 p { color:#404040; font-family: acumin-pro, helvetica, arial, sans-serif; margin: auto auto; text-align: left;}
.access-migrain-support .icon-copy-column{align-items:flex-start;}
@media(max-width:767px){
.access-migrain-support {padding: 0px 20px 60px;}
.access-migrain-support .icon-copy-column{flex-direction:row;}
.access-migrain-support .icon-copy-column .abbv-flex-item{margin: 0px;}
.access-migrain-support .icon-copy-column .abbv-flex-item:first-child{text-align:left;flex: 0 0 auto;padding-right: 15px;}
.access-migrain-support .inner-wrapper-right img{width: 55px;height: auto;margin: 0px auto;}
.access-migrain-support .sms-btn{margin:10px 0px 30px;}
.access-migrain-support .signup-btn{margin:10px 0px 0px;}
.access-migrain-support .inner-wrapper-left .h2{font-size: 30px;line-height: 28px;}
.access-migrain-support .inner-wrapper-right .abbv-col-flush-6 p{ max-width: 300px; font-size: 16px;}
}
@media(min-width:768px){
.access-migrain-support {padding: 0px 60px 118px;}
.access-migrain-support .section-title{max-width:400px;}
.access-migrain-support .inner-wrapper-right .abbv-col-flush-6 p{ max-width: 300px; min-height:90px; font-size: 18px;}
.access-migrain-support .inner-wrapper-right .btn-blue{min-width:240px;}
.access-migrain-support .inner-wrapper-left p.description {max-width: 500px;}
.access-migrain-support .inner-wrapper-right .saving-card-img{min-height:70px; padding-top:15px;}
.access-migrain-support .icon-copy-column .abbv-flex-item{margin-bottom:0px;}
.access-migrain-support .access-migrain-cols{max-width:1080px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.access-migrain-support {padding: 0px 20px 60px;}
.access-migrain-support .section-title{max-width:100%; font-size:48px; line-height:48px;}
.access-migrain-support .inner-wrapper-right .abbv-col-flush-6 p{ min-height:85px; font-size: 16px;}
.access-migrain-support .inner-wrapper-right .cta{text-align:left;}
.access-migrain-support .sms-signup-columns .abbv-row-flush{display:flex;}
.access-migrain-support .icon-copy-column .abbv-flex-item:first-child{margin-bottom:0px;}
.access-migrain-support .inner-wrapper-left p.description {max-width: 605px;}
}
@media(min-width:986px) and (max-width:1099px){
.access-migrain-support{padding-left:20px; padding-right:20px;}
.access-migrain-support .access-migrain-cols > .abbv-row > .abbv-col:first-child{width:calc(40% - 10px);}
.access-migrain-support .access-migrain-cols > .abbv-row > .abbv-col:last-child{width:calc(60% - 10px);}
}
/*------END home-pattern-6.css------END*/
/*------START browsing-with-symptoms.css------START*/
.browsing-with-symptoms.tm-migrain-mode-btn .abbv-slider:before{position:absolute;z-index:1;content:"";left:-8px;bottom:2px;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:50%;height:32px;margin:0 10px;width:32px;line-height:14px}
.browsing-with-symptoms.tm-migrain-mode-btn input:checked+.abbv-slider:before{transform:translateX(57px)}
.browsing-with-symptoms.tm-migrain-mode-btn [data-text-label="true"] input+.abbv-slider:after{content:"OFF";line-height:14px;position:absolute;right:15px;top:10px;color:var(--darkgray);font-family:'acumin-pro-wide',helvetica,arial,sans-serif;font-size:14px;font-weight:300;letter-spacing:.75px}
.browsing-with-symptoms.tm-migrain-mode-btn [data-text-label="true"] input:checked+.abbv-slider:after{content:"ON";right:auto;left:23px}
.browsing-with-symptoms.tm-migrain-mode-btn .abbv-slider{box-shadow:0 2px 4px 0 rgb(0 0 0 / 50%);background-color:#fff;border-radius:50px;height:36px;width:92px;overflow:hidden;top:-5px}
.browsing-with-symptoms.tm-migrain-mode-btn input:checked+.abbv-slider{background-color:#fff}
.browsing-with-symptoms .migrain-text{color:#3b4143;margin:0; font-family:'acumin-pro-wide',helvetica,arial,sans-serif; font-weight:500;}
.browsing-with-symptoms .inner-wrapper-right .inner-column .abbv-row{display:flex}
.browsing-with-symptoms .inner-wrapper-right label.abbv-switch.abbv-view-toggle-switch{outline:0;margin:10px 0}
@media(max-width:767px){
.browsing-with-symptoms{padding-bottom:30px;}
.browsing-with-symptoms .treating-migraine-browse-col .inner-wrapper-left{padding: 0px;}
.browsing-with-symptoms .inner-wrapper-left h2{font-size:30px;line-height:28px}
.browsing-with-symptoms .inner-wrapper-right p{padding:0;margin:0}
.browsing-with-symptoms label.abbv-switch.abbv-view-toggle-switch{display:flex;justify-content:flex-start !important;outline:0;margin:0;padding:0;width:100px}
.browsing-with-symptoms label.abbv-switch.abbv-view-toggle-switch p{font:normal 400 16px/20px 'acumin-pro-wide',helvetica,arial,sans-serif;font-weight:500;padding-left:0;width:200px}
.browsing-with-symptoms.tm-migrain-mode-btn.treat-mig.brow-box p.migraine-button.ube-treat-migraine-button{padding:0;margin:0;max-width:200px}
.browsing-with-symptoms .inner-wrapper-right .treating-migrain-browing-para{display:block;margin-top:24px}
.browsing-with-symptoms .treating-migraine-browse-col .inner-wrapper-right{padding:20px 0px}
.abbv-container.browsing-with-symptoms .migrain-text{font-size:16px; line-height:20px;}
}
@media(min-width:768px){
.browsing-with-symptoms{padding-bottom:90px;}
.browsing-with-symptoms .treating-migraine-browse-col .abbv-row{display:flex; align-items:center;}
.browsing-with-symptoms .treating-migraine-browse-col .inner-wrapper-left{padding: 0 25px 0 0;}
.browsing-with-symptoms .treating-migraine-browse-col .inner-wrapper-right{padding: 0px 40px;max-width: 410px;}
.browsing-with-symptoms .inner-wrapper-right .treating-migrain-browing-para{display:none}
.abbv-container.browsing-with-symptoms .migrain-text{font-size:18px; line-height:20px;}
.abbv-container.browsing-with-symptoms .migrain-text sup{font-size:9px; font-weight:400; }
}
@media (min-width: 768px) and (max-width: 985px) {
.browsing-with-symptoms{padding-bottom:50px;}
.treating-migraine-browse-col .inner-wrapper-right{padding: 15px 30px !important;}
.browsing-with-symptoms .inner-wrapper-right .treating-migrain-browing-para{display:block; margin:20px 0 0 0;}
}
@media(min-width:986px){
.browsing-with-symptoms .treating-migraine-browse-col .inner-wrapper-right{margin-top:-50px;}
}
@media(min-width:986px) and (max-width:1099px){
.browsing-with-symptoms{padding-left:20px; padding-right:20px;}
}
/*migrain mode setting*/
.abbv-view-toggle .browsing-with-symptoms.tm-migrain-mode-btn input:checked+.abbv-slider{background-color:#071d49}
.abbv-view-toggle .abbv-container.browsing-with-symptoms.tm-migrain-mode-btn [data-text-label="true"] input+.abbv-slider:after{color:#fff}
/*------END home-pattern-9.css------END*/
/*------START talk-to-a-healthcare.css------START*/
.talk-to-a-healthcare .inner-wrapper-left,.talk-to-a-healthcare .inner-wrapper-right{padding: 60px 20px 60px 38px;}
.talk-to-a-healthcare .ub-u-list ul{flex-flow:column;position:relative;padding-left:0}
.talk-to-a-healthcare .inner-wrapper-left .ub-u-list ul li:before{border:3px solid var(--green);outline:10px solid var(--darkgray)}
.talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li:before{border:3px solid var(--lightblue);outline:10px solid var(--green);color:var(--darkgray)}
.talk-to-a-healthcare .ub-u-list ul li:first-child:before{content:'1'}
.talk-to-a-healthcare .ub-u-list ul li:nth-child(2):before{content:'2'}
.talk-to-a-healthcare .ub-u-list ul li:nth-child(3):before{content:'3'}
.talk-to-a-healthcare img{width:90px}
.talk-to-a-healthcare .inner-wrapper-left .ub-u-list ul li:first-child:after,.talk-to-a-healthcare .inner-wrapper-left .ub-u-list ul li:last-child:after{content:'';position:absolute;background:var(--darkgray)}
.talk-to-a-healthcare .inner-wrapper-left .ub-u-list ul li{padding:0 0 0 50px;position:relative;width:100%;color:var(--darkgray)}
.talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li:first-child:after,.talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li:last-child:after{content:'';position:absolute;background:var(--green)}
.talk-to-a-healthcare .ub-u-list ul:before{content:'';background:#75c4d6;position:absolute;width:3px;height:100%;top:0;left:13px}
.talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li{padding:0 0 0 45px;position:relative;width:100%;color:var(--green)}
.talk-to-a-healthcare .ub-u-list ul li:before{top:50%;left:0;right:0;z-index:1;transform:translateY(-50%);margin:0;width:27px;height:27px;display:flex;align-content:normal;justify-content:center;align-items:normal;font-weight:700;border-radius:50%;position:absolute;background:#fff;padding-bottom:0; line-height:24px}
.talk-to-a-healthcare .ub-u-list ul li:first-child:after{height:50%;width:30px;left:0;top:-15px}
.talk-to-a-healthcare .ub-u-list ul li:last-child:after{height:50%;width:30px;left:0;top:auto;bottom:0}
.talk-to-a-healthcare .ub-u-list ul li:nth-child(2){margin:0}
.talk-to-a-healthcare .ub-u-list ul li p{color:#fff;z-index:2;text-align:left}
.talk-to-a-healthcare .ub-img-content .abbv-row .abbv-col.abbv-col-5-offset{width:50%;margin-left:0}
.talk-to-a-healthcare .ub-img-content .abbv-row .abbv-col.abbv-col-5-offset:not(:last-child){margin-bottom:28px !important}
@media(max-width:767px){
.talk-to-a-healthcare{padding-bottom:40px}
.talk-to-a-healthcare .inner-wrapper-left,.talk-to-a-healthcare .inner-wrapper-right{max-width:500px;margin:0 auto;padding:60px 20px 24px 20px}
.talk-to-a-healthcare .inner-wrapper-left{margin-bottom:20px}
.talk-to-a-healthcare .talk-to-hcp-footnote-desk{display:none}
.talk-to-a-healthcare .talk-to-hcp-footnote-mob{margin-bottom:20px}
.talk-to-a-healthcare .ub-u-list ul li p{margin:35px 0}
}
@media(min-width:768px) and (max-width:985px){
.talk-to-a-healthcare{padding-bottom:60px}
.talk-to-a-healthcare .ub-u-list{min-height:300px}
.talk-to-a-healthcare .inner-wrapper-left,.talk-to-a-healthcare .inner-wrapper-right{max-width:740px;margin:0 auto}
.talk-to-a-healthcare .inner-wrapper-left{margin-bottom:20px}
.talk-to-a-healthcare .inner-wrapper-left .ub-u-list ul li{padding:10px 0 10px 45px}
.talk-to-a-healthcare .talk-to-hcp-footnote-desk{display:none}
.talk-to-a-healthcare .talk-to-hcp-footnote-mob{margin-bottom:20px}
.talk-to-a-healthcare .inner-wrapper-left .ub-u-list ul li p{margin:15px 0}
.talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li p{margin:55px 0}
.talk-to-a-healthcare .inner-wrapper-left .ub-u-list{padding-bottom:30px;}
}
@media(min-width:986px){
.talk-to-a-healthcare{padding-bottom:80px}
.talk-to-a-healthcare .ub-u-list{min-height:350px}
.talk-to-a-healthcare .talk-to-hcp-footnote-mob{display:none}
.talk-to-a-healthcare .talk-to-hcp-footnote-desk{max-width:1015px;margin:20px auto 0}
.talk-to-a-healthcare .inner-wrapper-left .ub-u-list ul li p{margin: 35px 0;}
.talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li p{margin:30px 0}
}
@media(min-width:986px) and (max-width:1099px){
.talk-to-hcp-footnote-desk{padding-left:20px; padding-right:20px;}
}
/*migrain mode setting*/
.abbv-view-toggle .talk-to-a-healthcare .green{color:var(--cream) !important}
.abbv-view-toggle .talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li:first-child:after,.talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li:last-child:after{background:var(--darkgray)}
.abbv-view-toggle .talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li{color:var(--darkgray)}
.abbv-view-toggle .talk-to-a-healthcare .inner-wrapper-right .ub-u-list ul li:before{outline:10px solid var(--darkgray)}
/*------END talk-to-a-healthcare.css------END*/
/*------START what-next-container.css------START*/
.what-next-container {padding-left:0;}
.what-next-container .whats-next{border-bottom-right-radius:50px}
.what-next-container .whats-next img{max-width: 115px;}
.what-next-container .gb-title,
.what-next-container .next-title{ font-weight: 800; letter-spacing: 0; font-family: var(--font-condensed), sans-serif; text-transform: uppercase;}
@media(max-width:767px){
.what-next-container .gb-title,
.what-next-container .next-title{font-size:30px; line-height:28px;}
.what-next-container .whats-next .inner-wrapper-left{padding: 40px 30px;max-width:380px;margin:0 auto}
.what-next-container .whats-next-right-wrapper{padding-left:20px;}
.what-next-container .whats-next img{margin-bottom: 25px;}
.what-next-container .gb-title{font-size:30px; line-height:28px;}
.what-next-container .next-title{margin: 40px 0px 0px;}
.what-next-container .green-box-cta{width:100%; min-width:100% !important;}
}
@media(min-width:768px){
.what-next-container .gb-title,
.what-next-container .next-title{font-size:60px; line-height:58px;}
.what-next-container .whats-next img{margin-bottom: 25px;}
.what-next-container .whats-next .inner-wrapper-left{padding:48px;max-width:454px;margin:0 auto}
.what-next-container .whats-next-right-wrapper{padding:124px 20px 0px 100px;}
.what-next-container .next-title{margin:0px;}
.what-next-container .next-columns > .abbv-row{display:flex;}
}
@media (min-width: 768px) and (max-width: 985px) {
.what-next-container .whats-next .inner-wrapper-left{padding:40px;max-width:454px;margin:0 auto}
.what-next-container .gb-title,
.what-next-container .next-title{font-size:48px; line-height:48px;}
.what-next-container .whats-next-right-wrapper{padding:124px 0px 0px 50px;}
.whats-next-right-wrapper .link-cta.green{padding-right:0px;}
}
/*------END what-next-container.css------END*/
/*----START-------why-ubrelvy-complete.css-------START*/
/*top image*/
.ubrelvy-complete-image {
max-width: 1015px;
margin: 10px auto 0 auto;
padding: 32px 32px 8px 32px;
}
.ubrelvy-complete-img-wrapper .abbv-image-content-container-v2{
margin-left: auto;
margin-right: auto;
}
.ubrelvy-complete-image img {
max-width: 467px;
margin: 30px auto;
}
.ubrelvy-complete .inner-wrapper-right img {
max-width: 67px;
height: auto;
}
.ubrelvy-complete .inner-wrapper-left sup.button-sup {
font-size: 50%;
top: -6px;
line-height: inherit;
vertical-align: top;
margin-right: -1px;
}
.why-ubrelvy-complete .abbv-button-primary.i-a:after {
top: 13px;
}
.why-ubrelvy-complete .ubrelvy-complete .abbv-button-primary {
padding-left: 0;
padding-right: 0;
display: flex;
align-items: center;
justify-content: center;
max-width: 350px;
width: 100%;
}
.why-ubrelvy-complete .ubrelvy-complete .abbv-button-primary.i-a:after {
top: 13px;
}
.why-ubrelvy .ubrelvy-complete-footnote {
margin-top: 20px;
}
.ubrelvy-complete-footnote>p,
.ubrelvy-complete-footnote>p>b {
font-size: 14px;
line-height: 18px;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
margin: auto;
font-weight: 300;
text-indent: -7.2px;
color: #3b4143;
}
.ubrelvy-complete-footnote>p>b {
font-weight: 700;
}
.ubrelvy-complete-footnote p a {
font-size: 14px;
line-height: 18px;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
color: var(--blue);
}
.ubrelvy-complete-footnote p sup {
top: 1px;
font-weight: 300;
font-size: 12px;
}
.early-migraine-sign .why-ubrelvy-complete {
margin-bottom: 90px;
}
/*small screen */
@media (max-width:985px) {
.ubrelvy-complete-image {
margin: 40px auto 0;
}
.ubrelvy-complete-image .abbv-image-content-container-v2 img {
max-width: 88%;
margin: 30px auto 0px;
}
.why-ubrelvy-complete .ubrelvy-complete .inner-wrapper-left {
padding: 24px 30px;
max-width: 100%;
margin-bottom: 30px;
}
.why-ubrelvy-complete .ubrelvy-complete .inner-wrapper-right {
padding: 60px 0 24px;
max-width: 100%;
margin: 0 32px;
border-top: 3px solid #FFF;
}
.ubrelvy-complete .title-with-description h2 {
max-width: 100%;
}
.ubrelvy-complete-footnote>p,
.ubrelvy-complete-footnote>p>b {
font-size: 12px;
line-height: 18px;
margin-bottom: 0;
}
.why-ubrelvy-complete .ubrelvy-complete .abbv-button-primary {
max-width: 100%;
width: 100%;
min-width: 100%;
}
.why-ubrelvy-complete .why-ubrelvy-complete-row-flush .abbv-row-flush {
display: flex;
}
.why-ubrelvy-complete .why-ubrelvy-complete-row-flush .abbv-row-flush .abbv-col-flush-2 {
max-width: 67px;
}
.ubrelvy-complete-footnote {
margin-top: 20px;
}
.ubrelvy-complete-footnote p sup{
top: -1px;
font-size: 8.4px;
}
}
/*medium and large screen*/
@media (min-width:986px) {
.two-column-small.why-ubrelvy-complete .abbv-col-flush-6:first-child,
.two-column-small.why-ubrelvy-complete .abbv-col-flush-6:nth-child(2) {
width: 50%;
padding: 0;
}
.why-ubrelvy-complete .ubrelvy-complete .inner-wrapper-left {
margin: 32px 24px 32px 32px;
text-align: left;
}
.ubrelvy-complete .inner-wrapper-left .title-with-description {
text-align: left;
}
.why-ubrelvy-complete .ubrelvy-complete .inner-wrapper-right {
padding: 0;
padding-left: 32px;
margin: 32px 24px 32px 0px;
border-left: 3px solid var(--white);
}
.ubrelvy-complete .inner-wrapper-right .title-with-description {
margin-bottom: 30px;
}
.ubrelvy-complete .inner-wrapper-right p {
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.ubrelvy-complete-image .abbv-image-content-container-v2 img {
max-width: 419px;
margin: 30px auto 0px;
}
.why-ubrelvy-complete .ubrelvy-complete .abbv-button-primary {
max-width: 350px;
width: 100%;
min-width: auto;
margin-left: auto;
margin-right: auto;
}
.ubrelvy-complete-footnote>p,
.ubrelvy-complete-footnote>p>b {
font-size: 12px;
line-height: 18px;
margin-bottom: 0;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.ubrelvy-complete-footnote {
padding: 0 20px;
}
}
/*----END-------why-ubrelvy-complete.css-------END*/
/*------START home-pattern-1.css------START*/
/*1-home-carousel*/
@media (max-width: 767px) {
.home .mainBanner.content-container {
min-height: 751px;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.home .mainBanner.content-container {
min-height: 480px;
}
}
@media (min-width: 986px) {
.home .mainBanner.content-container {
min-height: 625px;
}
}
.home-carousel .outer-box { max-width: 355px; background-color: var(--lightblue); border-radius: 14px; padding: 17px 18px 17px 23px; box-sizing: border-box; position:relative;}
.home-carousel .outer-box p.title { font-size: 30px; line-height: 28px; font-weight: 800; color: var(--blue); font-family: acumin-pro-condensed, 'arial bold', sans-serif; margin: 0 0 15px; letter-spacing:.667px;}
.home-carousel .outer-box p.sub-title { color:var(--white); font-size: 14px; line-height: 14px; font-weight: 500; max-width: 200px; letter-spacing: -0.17px; font-family: acumin-pro-condensed, sans-serif;}
.home-carousel .outer-box a.sign-up-now {
color: #004998;
background: #fff;
border: 2px solid #004998;
padding-top: 2px;
display: block;
text-align: center;
height: 32px;
max-width: 145px;
font-size: 12px;
line-height: 24px !important;
font-family: 'acumin-pro', sans-serif;
font-weight: 800;
letter-spacing: 0;
text-decoration: none;
text-transform: uppercase;
}
.home-carousel .outer-box a.sign-up-now:hover{background:#004998; color:#fff;}
.home-carousel .outer-box img { width: 130px; height: auto; top: auto; bottom: 10px; position: absolute; right: 0px;}
.home-carousel .abbv-image-text-v2 .abbv-image-content-container-v2 { padding-bottom: 7vw;}
.home-carousel .owl-dots {margin: 20px 0 0 0;}
@media (max-width: 600px){
.home-carousel .outer-box p.sub-title {
font-size: 11px;
line-height: 14px;
}
.home-carousel .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
}
}
@media (max-width:500px){
.home-carousel .outer-box p.title {
font-size: 27.86px;
line-height: 26px;
}
}
@media (min-width:500.02px) and (max-width:600px){
.home-carousel .outer-box {
left: 7%;
top: 18px;
max-width: 270px;
padding: 10px;
}
.home-carousel .outer-box p.title {
font-size: 27.86px;
line-height: 26px;
}
}
@media (min-width:1200.02px){
.home-carousel .outer-box p.title {
font-size: 27.86px;
line-height: 26px;
}
}
@media (max-width:767px){
.home-carousel .owl-stage-outer{min-height: 735px;}
.home-carousel .abbv-image-text-content-container-v2{min-height: 734px;}
.home-carousel .abbv-image-text-display-v2{bottom:0px;position: absolute;}
.home-carousel .outer-box { max-width: 333px; padding: 21px; margin: 0 auto;}
.ub-hero-disclaimer{color: #3b4143; font-family: 'acumin-pro-condensed', sans-serif; font-size: 14px; letter-spacing: 0; max-width: 354px; margin: 20px 0 0px 0 !important; line-height: 20px;}
.ub-hero-disclaimer a{color: #3b4143; font-family: 'acumin-pro-condensed', sans-serif; font-size: 14px; letter-spacing: 0;margin: 20px 0 0px 0 !important; line-height: 20px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.home-carousel .abbv-image-text-display-v2{padding:0px;}
.home-carousel .abbv-image-text-content-container-v2{left: 12%;width:500px;}
.home-carousel .abbv-image-text-content-v2{width: 100%;max-width: 400px;margin: 0px;}
.ub-hero-disclaimer{color: #3b4143;font-family: 'acumin-pro-condensed', sans-serif;font-size: 14px;letter-spacing: 0;max-width: 355px;margin: 20px 0 0px 0 !important;line-height: 20px;}
.ub-hero-disclaimer a{color: #3b4143; font-family: 'acumin-pro-condensed', sans-serif; font-size: 14px; letter-spacing: 0;margin: 20px 0 0px 0 !important; line-height: 20px;}
}
@media (min-width:986px){
.home-carousel .abbv-image-text-content-container-v2{left:10%;width:500px;}
.home-carousel .abbv-image-text-content-v2{ width: 100%; max-width: 400px; margin-bottom:0px;}
.home-carousel .abbv-image-text-display-v2{padding-bottom:0px;}
.ub-hero-disclaimer{color: #3b4143;font-family: 'acumin-pro-condensed', sans-serif;font-size: 14px;letter-spacing: 0;max-width: 355px;margin: 20px 0 0px 0 !important;line-height: 20px;}
.ub-hero-disclaimer a{color: #3b4143; font-family: 'acumin-pro-condensed', sans-serif; font-size: 14px; letter-spacing: 0;margin: 20px 0 0px 0 !important; line-height: 20px;}
}
@media (min-width: 768px) and (max-width:825px) {
.home-carousel .owl-stage-outer{min-height: 480px;}
.home-carousel .abbv-image-text-content-container-v2{min-height:480px;width:500px;}
}
@media (min-width: 826px) and (max-width:900px) {
.home-carousel .owl-stage-outer{min-height: 500px;}
.home-carousel .abbv-image-text-content-container-v2{min-height:500px;width:500px;}
}
@media (min-width: 901px) and (max-width:985px) {
.home-carousel .owl-stage-outer{min-height: 530px;}
.home-carousel .abbv-image-text-content-container-v2{min-height:525px;width:500px;}
}
@media (min-width: 986px) and (max-width:1099px) {
.home-carousel .owl-stage-outer{min-height: 550px;}
.home-carousel .abbv-image-text-content-container-v2{min-height:550px;width:500px;}
}
@media (min-width: 1100px) and (max-width:1199px) {
.home-carousel .owl-stage-outer{min-height: 600px;}
.home-carousel .abbv-image-text-content-container-v2{min-height:580px;width:500px;}
}
@media (min-width: 1200px) and (max-width:1299px) {
.home-carousel .owl-stage-outer{min-height: 600px;}
.home-carousel .abbv-image-text-content-container-v2{min-height:600px;width:500px;}
}
@media (min-width: 1300px) and (max-width:1399px) {
.home-carousel .owl-stage-outer{min-height: 630px;}
.home-carousel .abbv-image-text-content-container-v2{min-height:630px;width:500px;}
}
/*------END home-pattern-1.css------END*/
/*------START home-pattern-2.css------START*/
/*ubrelvy-is-a-path*/
.ubrelvy-is-a-path .main-desc{font-family: "AcuminPro-Black", sans-serif;font-weight: 800;letter-spacing: 0;color:#000;max-width:1110px;margin:0 auto;}
.ubrelvy-is-a-path .path-content .main-title {text-transform: uppercase;font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;font-weight: 800;max-width: 1160px;margin-right: auto;margin-left:auto;}
.ubrelvy-is-a-path .sub-title { font-weight: 800; font-family: acumin-pro-wide, helvetica, arial, sans-serif; text-transform: uppercase;}
.ubrelvy-is-a-path .more-description { max-width:400px;}
.ubrelvy-is-a-path .inner-wrapper { max-width: 400px; margin:0 auto;}
.ubrelvy-is-a-path .any-time-desc{max-width:370px; margin:0 auto;}
.ubrelvy-is-a-path .any-where-desc{max-width:370px; margin:0 auto;}
.ubrelvy-is-a-path .any-where-desc .footnote{max-width:310px; margin:0 auto;}
.ubrelvy-is-a-path .any-img{min-height: 105px;}
.ubrelvy-is-a-path .clock-img img { width: 90px; margin-bottom: 15px;}
.ubrelvy-is-a-path .man-img img { width: 75px; margin-bottom: 11px;}
@media(max-width:767px){
.ubrelvy-is-a-path {padding-top:40px; padding-bottom:40px;}
.ubrelvy-is-a-path .path-content .main-title{font-size: 30px; line-height: 28px;}
.ubrelvy-is-a-path .main-desc{font-size: 18px;line-height: 27px;margin-bottom: 20px;}
.ubrelvy-is-a-path .any-title{font-size: 28px; line-height: 22px; font-weight:800;}
.ubrelvy-is-a-path .sub-title{font-size: 28px; line-height: 22px;}
.ubrelvy-is-a-path .any-item{margin: 10px auto 40px;}
.ubrelvy-is-a-path .last-footnote{margin-bottom:30px;}
}
@media (min-width: 768px) {
.ubrelvy-is-a-path {padding-top:115px; padding-bottom:70px;}
.ubrelvy-is-a-path .path-content .main-title {font-size: 60px;line-height: 50px;margin-bottom: 30px;}
.ubrelvy-is-a-path .main-desc{font-size:24px;line-height: 29px;margin-bottom: 20px;}
.ubrelvy-is-a-path .any-title{font-size: 28px; line-height: 22px; font-weight:800;}
.ubrelvy-is-a-path .sub-title{font-size: 28px; line-height: 22px;}
.ubrelvy-is-a-path .any-item{margin: 15px auto 40px;}
.ubrelvy-is-a-path .last-footnote{margin-bottom:40px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.ubrelvy-is-a-path {padding-top:50px; padding-bottom:70px;}
.ubrelvy-is-a-path .any-item{margin: 15px auto 30px;}
.ubrelvy-is-a-path .last-footnote{margin-bottom:30px;}
}
@media(min-width:986px) and (max-width:1099px){
.ubrelvy-is-a-path{padding-left:20px; padding-right:20px;}
}
/*------END home-pattern-2.css------END*/
/*------START home-pattern-3.css------START*/
.ubrelvy-works-differently .main-desc a{color: #004a98;font-weight: 700;font-family: acumin-pro, helvetica, arial, sans-serif;text-decoration: underline;}
@media (max-width: 985px) {
.ubrelvy-works-differently .abbv-col.abbv-col-flush-6:first-child {display:none;}
.ubrelvy-works-differently {padding-bottom: 20px;}
}
@media (min-width: 986px) {
.ubrelvy-works-differently{padding-bottom:80px;}
.ubrelvy-works-differently .inner-wrapper-right {max-width: 541px;}
.ubrelvy-works-differently .main-desc{max-width:520px;}
.ubrelvy-works-differently .ubrelvy-work-image{padding-right: 20px;}
.ubrelvy-works-differently .ubrelvy-work-image img{max-width:680px;}
}
@media(min-width:986px) and (max-width:1099px){
.ubrelvy-works-differently{padding-left:0px; padding-right:20px;}
}
/*------END home-pattern-3.css------END*/
/*------START home-pattern-5.css------START*/
.people-have-treated .inner-wrapper{flex-direction:row;background:var(--green);align-items:center; color:var(--white);}
.people-have-treated .inner-wrapper .image-box{display:flex;max-width:1095px;margin:0 auto;align-items: center;}
.people-have-treated .treated-title{margin:0px;}
.people-have-treated .as-date{margin:0px;}
@media (max-width:767px) {
.people-have-treated{padding:0 0 75px;}
.people-have-treated .inner-wrapper{padding: 20px 15px 20px;}
.people-have-treated .inner-wrapper .image-box img{padding-right:0;width: 77px;margin-right: 10px;}
}
@media (min-width: 768px) {
.people-have-treated{padding-bottom:110px;}
.people-have-treated .inner-wrapper{padding: 30px 25px 25px;}
.people-have-treated .inner-wrapper .image-box img{padding-right:0;width:122px;margin: 0px 22px 0px 0px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.people-have-treated{padding:0 0 90px;}
.people-have-treated .inner-wrapper .image-box img{padding-right:0;width:95px;}
}
@media (min-width: 986px) {
.people-have-treated .treated-title{line-height:60px;}
}
/*------END home-pattern-5.css------END*/
/*------START home-pattern-7.css------START*/
.eligible-patients-may-pay{max-width:800px;color:var(--white);background:var(--green)}
.eligible-patients-may-pay .saving-card-row{display:flex;align-items: flex-start;margin-bottom:0}
.eligible-patients-may-pay .eligibility-text{font-size:18px;line-height:22px;font-weight:700}
.eligible-patients-may-pay h2.sub-title{font-size:30px;line-height:50px;font-weight:800;font-family:"AcuminPro-Black",sans-serif;padding-top:40px}
.eligible-patients-may-pay p.sub-sub-title{margin-top:0;line-height:18px;margin-bottom: 25px;}
.eligible-patients-may-pay .ubrelvy-terms-conditions p{font-size:14px;line-height:18px;color:var(--white);font-weight:300;margin: 0px 0 10px;}
.eligible-patients-may-pay .button-sup{font-size:60%;line-height:0;top:0}
.eligible-patients-may-pay .ubrelvy-terms-conditions p a{font-size:14px;line-height:18px;font-weight:700;color:var(--white);word-break: break-all;}
.eligible-patients-may-pay .eligible-title{margin:0px;}
.eligible-patients-may-pay .per-month .ubrelvy-zero-month{margin:0px;display: flex;}
.eligible-patients-may-pay .toll-num{text-decoration:none;}
.eligible-patients-may-pay .but-bold{font-weight:700;}
@media(max-width:985px){
.eligible-patients-may-pay{border-radius:50px;padding:24px;margin-top: 100px;margin-bottom: 60px;}
.eligible-patients-may-pay .saving-card-mobile{max-width: 360px;margin: -100px auto 20px;}
.eligible-patients-may-pay .saving-card-mobile .actual-card{text-align:right;}
.eligible-patients-may-pay .saving-card-row .saving-card-desk{display:none;}
.eligible-patients-may-pay .eligible-title{max-width: 400px;margin: 0; }
.eligible-patients-may-pay .saving-card-row{margin: 0 auto 10px;}
.eligible-patients-may-pay .eligibility-text{max-width: 500px;margin-top: -75px;}
.eligible-patients-may-pay .ubrelvy-zero-month {font: normal 800 57px / 292px 'acumin-pro-condensed',sans-serif;margin-bottom: -100px;}
.eligible-patients-may-pay .ubrelvy-zero-month-sup {top: -70px !important;position: relative;}
.eligible-patients-may-pay .ubrelvy-zero-month-large{font: normal 800 231px / 164px 'acumin-pro-condensed',sans-serif;}
.eligible-patients-may-pay .ubrelvy-zero-month-small{margin-left: -30px}
.eligible-patients-may-pay .eligible-patients-may-pay .sub-title{margin-bottom:20px;}
.eligible-patients-may-pay .sub-title{margin-bottom: 10px;font: normal 800 24px/28px var(--font-pro);}
.eligible-patients-may-pay .eligible-cta-column{margin-bottom:30px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.eligible-patients-may-pay .eligible-cta-column .abbv-col-flush-6:first-child{width:51%; padding-right:10px;}
.eligible-patients-may-pay .eligible-cta-column .abbv-col-flush-6:last-child{width:49%;}
.eligible-patients-may-pay .eligible-cta-column a{width:100%}
.eligible-patients-may-pay .eligible-cta-column{margin-bottom:25px;}
}
@media(min-width:986px) and (max-width:1099px){
.eligible-patients-may-pay{margin-left:20px;}
}
@media(min-width:986px){
.eligible-patients-may-pay{margin-top:0;border-radius:10%;padding: 45px 60px;margin-bottom: 100px;}
.eligible-patients-may-pay .eligible-title-section{padding: 0px 0px 10px;max-width: 550px;}
.eligible-patients-may-pay .saving-card-mobile{display:none;}
.eligible-patients-may-pay .eligibility-text{max-width:355px;margin-top: -75px;}
.eligible-patients-may-pay .saving-card-row{padding: 0px;margin-right: -60px;}
.eligible-patients-may-pay .saving-card-row .per-month{width: 60%;max-width: 405px;}
.eligible-patients-may-pay .saving-card-row .saving-card-desk{width: 43%;max-width: 325px;padding-left: 15px;}
.eligible-patients-may-pay .saving-card-row .saving-card-desk img{width: 468px;position: relative;}
.eligible-patients-may-pay .saving-card-row .actual-card{text-align:right;margin-right: -5px;}
.eligible-patients-may-pay .ubrelvy-zero-month{color: white; font: normal 800 83px / 292px 'acumin-pro-condensed', sans-serif;}
.eligible-patients-may-pay .ubrelvy-zero-month-sup{ position: relative; top: -100px;}
.eligible-patients-may-pay .ubrelvy-zero-month-large { font: normal 800 249px / 164px 'acumin-pro-condensed', sans-serif;}
.eligible-patients-may-pay .ubrelvy-zero-month-small { margin-left: -30px;}
.eligible-patients-may-pay .sub-title{margin:-20px 0 0px;font: normal 800 30px/50px var(--font-pro);}
.eligible-patients-may-pay .eligible-cta-column a{width:100%}
.eligible-patients-may-pay .eligible-cta-column{margin-bottom:35px;}
}
/*------END home-pattern-7.css------END*/
/*------START home-pattern-8.css------START*/
.million-prescription .inner-wrapper{flex-direction:row;background:var(--lightblue);align-items:center;width:100%;margin:auto;color:var(--white);}
.million-prescription .inner-wrapper .image-box{display:flex;max-width: 1015px;margin:0 auto;padding: 0px 20px;}
.million-prescription .ub-story-link.story-para a{color:#fff;text-decoration:none;letter-spacing:1.25px;position:relative;display:inline-block;font-weight:300;font-style:normal;font-family:'acumin-pro-wide',helvetica,arial,sans-serif}
.million-prescription p.ub-story-link.story-para a:after{color:#fff;content:"";background-image:url(/content/dam/ubrelvy/images/arrow-right-white.svg);background-size:contain;background-position:center;position:absolute;background-repeat:no-repeat}
.million-prescription .quotation{max-width:550px}
.million-prescription .abbv-image-text-v2.abbv-image-swap img{min-height:auto}
.million-prescription .abbv-image-text-v2 .abbv-image-text-content-v2{width:100%;margin:0;box-sizing:border-box;}
.million-prescription .quotation p.ubrelvy-quotes{color:var(--lightblue);text-align:left; font-family:acumin-pro-condensed,'arial bold',sans-serif}
.million-prescription .quotation h2.ubrelvy-feed{color:var(--white);text-transform:uppercase;margin:0 auto;text-align:left;font-weight:800;font-family:acumin-pro-condensed,'arial bold',sans-serif}
.million-prescription .quotation .ubrelvy-feedbacks{text-align:left;color:var(--lightblue);font-family:acumin-pro,helvetica,arial,sans-serif;font-weight:800;letter-spacing:0;}
.million-prescription .quotation .footertext{font-weight:400;}
.million-prescription .quotation .date-style{color:var(--white)}
@media(max-width:767px){
.million-prescription{padding:0px 0px 50px;}
.million-prescription .inner-wrapper .image-box{padding: 0px;}
.million-prescription .inner-wrapper .image-box img{padding-right:0;width: 67px;margin-right: 14px;}
.million-prescription .inner-wrapper{padding: 20px 15px;}
.million-prescription .quotation{margin-left:0}
.million-prescription .quotation .ubrelvy-feed{font-size:28px; line-height:28px;}
.million-prescription .ub-story-link.story-para a{font-size:20px;line-height:20px;}
.million-prescription p.ub-story-link.story-para a::after{margin-left:13px;top:15px; width:21px !important;height:20px !important;}
.million-prescription .quotation p.ubrelvy-quotes{font-size:75px;line-height:19px; margin-top:24px;margin-bottom:0;}
.million-prescription .quotation .ubrelvy-feedbacks{margin:30px auto;}
.million-prescription .quotation .ubrelvy-feedbacks span:first-child{font-size:24px; line-height:28px;}
.million-prescription .quotation .footertext{font-size:18px; line-height:28px}
.million-prescription .prescriptions-title sup{line-height: 0; font-size: 12px; font-weight: inherit; top: 0px; left: 4px;}
.million-prescription .prescriptions-title{font-size:27px; line-height:25px;}
.million-prescription .quotation .date-style{font-size:12px;}
}
@media(min-width:768px){
.million-prescription{padding-bottom: 75px;}
.million-prescription .inner-wrapper{padding: 25px 25px;}
.million-prescription .inner-wrapper .image-box{padding: 0px 20px;}
.million-prescription .inner-wrapper .image-box img{padding-right:0;width:67px;margin-right:22px}
.million-prescription .quotation{margin-left:200px;}
.million-prescription .quotation .ubrelvy-feed{font-size:40px;line-height:35px;max-width: 451px;margin: 0 !important;}
.million-prescription .ub-story-link.story-para a{font-size:20px;line-height:20px;margin-bottom: 50px;}
.million-prescription p.ub-story-link.story-para a::after{margin-left:13px;top:15px; width:21px !important;height:20px !important;}
.million-prescription .quotation p.ubrelvy-quotes{font-size:75px;line-height:19px; margin-top:24px;margin-bottom:0;}
.million-prescription .quotation .ubrelvy-feedbacks{margin:30px auto;}
.million-prescription .quotation .ubrelvy-feedbacks span:first-child{font-size:30px; line-height:28px;}
.million-prescription .quotation .footertext{font-size:18px; line-height:28px}
.million-prescription .prescriptions-title{line-height:60px;}
.million-prescription .prescriptions-title sup{line-height: 0; font-size: 15px; font-weight: inherit; top: -8px; left: 4px;}
.million-prescription .quotation .date-style{font-size:15px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.million-prescription{padding:0 0 060px;}
.million-prescription .quotation{margin-left:0px;}
.million-prescription .quotation .ubrelvy-feedbacks{margin:0px;}
.million-prescription .quotation .ubrelvy-feed{font-size:28px;line-height:28px;margin: 0 0 20px !important;max-width: 418px;}
.million-prescription .ub-story-link.story-para a{margin-bottom:0px;}
.million-prescription .date-style{margin: 0px !important;}
.million-prescription .prescriptions-title{line-height:48px;}
.million-prescription .quotation .ubrelvy-feedbacks span:first-child{font-size:24px; line-height:28px;}
}
@media(min-width:986px) and (max-width:1300px){
.million-prescription .quotation{margin-left:104px;}
}
/*migrain mode setting*/
.abbv-view-toggle .home-carousel .outer-box a.sign-up-now:hover{background:#004998; color:#fff; border-color:#fff;}
.abbv-view-toggle .million-prescription .inner-wrapper{background:var(--darkgray) !important;color:var(--white) !important;}
.abbv-view-toggle .people-have-treated .inner-wrapper{background:var(--darkgray) !important;color:var(--white) !important}
.abbv-view-toggle .people-have-treated .inner-wrapper .blue{color:var(--white) !important}
.abbv-view-toggle .eligible-patients-may-pay{background:var(--darkgray)}
.abbv-view-toggle .home-carousel .outer-box{
background: var(--darkgray)!important;
color:var(--white)!important;
}
.abbv-view-toggle .home-carousel .outer-box p.title {
color:var(--white)!important;
}
.abbv-view-toggle .million-prescription .inner-wrapper .blue{color:var(--white) !important}
.abbv-view-toggle .million-prescription .quotation .ubrelvy-feedbacks{color:var(--white)}
.abbv-view-toggle .million-prescription .quotation p.ubrelvy-quotes{color:var(--white)}
/*------END home-pattern-8.css------END*/
/*------START home-pattern-47.css------START*/
.wondering-ubrelvy-container{position:relative}
.wondering-ubrelvy-container .imagequote-container{position:absolute;top:0;left:0;width:100%;height:100%;}
.wondering-ubrelvy-container .imagequote-content .abbv-flex-item{width:100%}
.wondering-ubrelvy-container .imagequote-content h2{color:#fff;margin-bottom: 10px;}
@media(max-width:767px){
.wondering-ubrelvy-container{margin:0 0 60px}
.wondering-ubrelvy-container .imagequote-content{padding:0 25px}
.wondering-ubrelvy-container .imagequote-content h2{font:normal 800 30px/28px 'acumin-pro-condensed',sans-serif}
}
@media(min-width:768px){
.imagequote-container>.abbv-flex-item{margin-left: 50%;}
.wondering-ubrelvy-container{margin:0 0 110px}
.wondering-ubrelvy-container .imagequote-container{padding: 20px 40px;}
}
@media(min-width:768px) and (max-width:985px){
.imagequote-container>.abbv-flex-item{max-width:50%;}
.wondering-ubrelvy-container{margin:0 0 60px}
.wondering-ubrelvy-container .learn-cta{min-width: 150px !important; white-space: normal !important; height: auto !important; text-align: left !important;}
}
.callout-wave{box-sizing:border-box;margin:0 auto;max-width:1055px;padding:0 20px;position:relative}
.callout-wave-start{padding:0}
.callout-wave-start .callout-wave-headline{color:#004a98}
.callout-wave-start .callout-wave-subheadline{text-transform:uppercase;color:#75c4d6}
.callout-wave-start .callout-wave-subheadline .extr-bold{font-weight:800;}
@media(max-width:985px){
.callout-wave-container{overflow:hidden;padding-bottom:40px}
.callout-wave-image{margin:-25px -20px 0;z-index:0;overflow:hidden}
.callout-wave-image img{position:relative;left:-40%;width:895px}
.callout-wave-start .start-desc{font:normal 500 11px / 20px 'acumin-pro-wide',sans-serif;letter-spacing:1.1px;text-align:center}
.callout-wave-start .callout-wave-headline{font:normal 800 57px/63px 'acumin-pro-condensed',sans-serif;letter-spacing:-0.54px;margin:0 0 20px;max-width:780px;text-align:center}
.callout-wave-start .callout-wave-subheadline{font:normal 800 35px/35px 'acumin-pro-condensed',sans-serif;max-width:579px;letter-spacing:2px;text-align:center;margin:0 auto 40px}
.callout-wave-start .cta{text-align:center;z-index:1;position:relative}
.callout-wave-container .cta a{font:normal 500 14px/20px acumin-pro-wide,helvetica,arial,sans-serif !important}
.callout-wave-container .callout-wave-disclaimer{padding:25px 0 0 0}
.no-mob-padding{padding:0}
}
@media(min-width:768px) and (max-width:985px){
.callout-wave-image img{position:relative;left:0;width:895px}
.callout-wave-start .start-desc{font-size:20px; line-height:20px;}
}
@media(min-width:986px){
.callout-wave-container{overflow:hidden;padding-bottom:40px}
.callout-wave-image{left:420px;position:absolute;top:240px;width:1339px}
.callout-wave-start .start-desc{font:normal 500 20px / 20px 'acumin-pro-wide',sans-serif;letter-spacing:2px}
.callout-wave-start .callout-wave-headline{font:normal 800 130px / 113px 'acumin-pro-condensed',sans-serif;letter-spacing:-0.54px;margin:0 0 20px;max-width:780px}
.callout-wave-start .callout-wave-subheadline{font:normal 600 80px / 72px 'acumin-pro-condensed',sans-serif;margin-bottom:40px;max-width:780px;letter-spacing:2px}
.callout-wave-container .callout-wave-disclaimer{padding:65px 0 0 0}
}
@media(min-width:986px) and (max-width:1099px){
.callout-wave-container{padding-left:20px; padding-right:20px;}
}
/*------END home-pattern-47.css------END*/
@media (min-width: 500px) and (max-width:600px){
.home-carousel .abbv-image-text-content-container-v2 {
min-height:817px!important;width:500px;
}
}
@media (max-width: 450px) {
.home-carousel .abbv-image-text-content-container-v2 {
min-height: 734px!important;
}
}
@media(min-width:601px) and (max-width:767px){
.home-carousel .abbv-image-text-content-container-v2 {
min-height: 470px!important;width:500px;
}
}
@media (min-width: 1399px) {
.home-carousel .abbv-image-text-content-container-v2 {
left: 10%;
top: 12%!important;
width:500px;
}
}
/*----START-------why-ubrelvy.css-------START*/
/*14-ON-THE-GO MIGRAINE*/
.why-ubrelvy-banner-on-the-go .banner-with-right-text {
margin: 95px 0 90px;
}
@media (max-width:985px) {
.why-ubrelvy-banner-on-the-go .banner-with-right-text {
margin: 45px 0px 40px;
}
}
/*17-I USED TO WAIT TO TAKE MY*/
.why-ubrelvy-banner-i-used{
padding-bottom: 90px;
margin-top:51px;
}
@media (max-width:985px) {
.why-ubrelvy-banner-i-used{
padding-bottom: 30px;
margin-top:21px;
}
}
/*19-ATTACK STAGE*/
.ubrelvy-early-sign-migraine {
padding-top: 56px;
}
@media(max-width:985px) {
.ubrelvy-early-sign-migraine {
padding: 0;
padding-top: 40px;
}
.ubrelvy-early-migraine-signs .ubrelvy-complete-image{
margin-top: 10px;
}
}
/*48-sixty-percentage */
/*common for all sizes */
.sixty-percentage .ubrelvy-inner-section {
margin: 70px auto 30px;
}
/*----START-------why-ubrelvy-pattern-11.css-------START*/
.why-ubrelvy-banner .banner-with-left-text .text-container {
text-align: left;
width: 100%;
max-width: 400px
}
.why-ubrelvy-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 0 20px;
box-sizing: border-box;
margin: 65px auto 0
}
.why-ubrelvy-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-display-v2 {
padding: 0
}
.why-ubrelvy-banner .banner-with-left-text .text-container .banner-top-caption {
color: var(--white);
text-transform: uppercase;
font-family: 'acumin-pro-wide', 'arial bold', sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 300;
text-align: left;
letter-spacing: 2.5px;
margin-bottom: 0
}
.why-ubrelvy-banner .banner-with-left-text .text-container .banner-title {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 50px;
margin-bottom: 16px
}
.why-ubrelvy-banner .banner-with-left-text .text-container p.description {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
color: var(--white);
line-height: 28px
}
@media(max-width:767px) {
.why-ubrelvy-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 380px
}
.why-ubrelvy-banner .banner-with-left-text img {
width: 100%;
height: auto;
vertical-align: middle
}
.why-ubrelvy-banner .banner-with-left-text .text-container {
padding-right: 70px
}
.why-ubrelvy-banner .banner-with-left-text .text-container .banner-title {
font-size: 30px;
line-height: 28px;
width: 100%
}
.why-ubrelvy-banner .banner-with-left-text .text-container p.description {
max-width: 100%
}
}
@media(min-width:768px) and (max-width:985px) {
.why-ubrelvy-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 100%
}
.why-ubrelvy-banner .banner-with-left-text .text-container {
max-width: 100%
}
.why-ubrelvy-banner .banner-with-left-text .text-container .banner-title {
font-size: 40px;
line-height: 35px;
width: 100%
}
.why-ubrelvy-banner .banner-with-left-text .text-container p.description {
font-size: 16px;
letter-spacing: 0;
max-width: 550px
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.why-ubrelvy-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
padding: 0 40px;
margin: 15px auto 0;
}
}
/*----END-------why-ubrelvy-pattern-11.css-------END*/
/*----START-------why-ubrelvy-pattern-12.css-------START*/
/*12-UBRELVY WORKS, HERE’S THE SCIENCE*/
.why-ubrelvy-works-container .title-with-description h2 {
margin-top: 63px;
margin-bottom: 0;
}
.why-ubrelvy-works-container p.description {
font-size: 18px;
line-height: 30px;
color: #3b4143;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-weight: 300;
}
.why-ubrelvy-works-container p.description strong {
font-weight: 800;
}
.why-ubrelvy-works-container p.description.desc1 {
margin: 21px auto 82px;
}
.why-ubrelvy-works-container p.description.desc2 {
margin: 21px auto 30px;
}
.why-ubrelvy-works-icon .abbv-col-flush-3 {
text-align: center;
width: 24%;
margin: 0 0.5%;
}
.why-ubrelvy-works-icon .abbv-col img {
margin: auto;
display: block;
}
.why-ubrelvy-works-icon .abbv-col:first-child img {
width: 52px;
max-width: 52px;
min-height: 57px;
}
.why-ubrelvy-works-icon .abbv-col:nth-child(2) img {
max-width: 44px;
}
.why-ubrelvy-works-icon .abbv-col:nth-child(3) img {
max-width: 56px;
min-height: 57px;
}
.why-ubrelvy-works-icon .abbv-col:nth-child(4) img {
max-width: 38px;
}
.why-ubrelvy-works-icon p {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
text-transform: uppercase;
font-size: 20px;
line-height: 22px;
}
.why-ubrelvy-works-icon p .heading {
color: var(--green);
display: block;
font-weight: 700;
}
.why-ubrelvy-works-icon p.subheading {
margin: 8px 0 0;
font-weight: 300;
color: var(--darkgray);
}
.why-ubrelvy-works-container .abbv-button-primary {
margin: 21px auto 30px;
display: flex;
max-width: 350px;
}
.why-ubrelvy-works-container .abbv-button-primary.i-a:after {
top: 13px;
}
@media (max-width: 985px) {
.why-ubrelvy-works-container .title-with-description h2 {
margin-top: 28px;
}
.why-ubrelvy-works-icon .abbv-col:nth-child(2) img {
margin-top: 7px;
}
.why-ubrelvy-works-container p.description {
font-size: 16px;
line-height: 28px;
}
.why-ubrelvy-works-container p.description.desc1 {
margin: 21px auto 28px;
}
.why-ubrelvy-works-icon .abbv-col-flush-3 {
width: 100%;
display: flex;
margin: 21px auto 0px;
}
.why-ubrelvy-works-icon .abbv-col-flush-3 .rich-text {
margin-left: 40px;
text-align: left;
}
.why-ubrelvy-works-icon p.subheading,
.why-ubrelvy-works-icon p.subheading-last {
margin-top: 0;
font-size: 18px;
line-height: 28px;
}
.why-ubrelvy-works-container p.description.desc2 {
margin-bottom: 28px;
font-size: 16px;
line-height: 28px;
}
.why-ubrelvy-works-container .abbv-button-primary {
margin-bottom: 28px;
width: 100%;
max-width: 100%;
}
.why-ubrelvy-works-icon .abbv-image-text-v2 .abbv-image-content-container-v2 {
width: 58px;
justify-content: center;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.why-ubrelvy-works-container .abbv-button-primary {
margin: 21px auto 30px;
display: flex;
max-width: 350px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.why-ubrelvy-works-container .ubrelvy-inner-section {
padding: 0 20px;
}
}
/*migrain mode on*/
/*----END-------why-ubrelvy-pattern-12.css-------END*/
/*----START-------why-ubrelvy-pattern-13.css-------START*/
/*13-HOW DOES UBRELVY WORK?*/
.why-ubrelvy-how-does-work .title-with-description p.h2 {
margin: 60px auto 30px;
padding-top: 0px;
color: #00a274;
font-family: 'acumin-pro-condensed', sans-serif;
font-size: 60px;
line-height: 50px;
font-weight: 800;
text-transform: uppercase;
}
.why-ubrelvy-how-does-work .how-does-ubrelvy-work .abbv-col-flush-6:first-child {
width: calc(50% - 20px);
margin-right: 20px;
}
.why-ubrelvy-how-does-work .how-does-ubrelvy-work .abbv-col-flush-6:nth-child(2) {
width: calc(50% - 20px);
margin-left: 20px;
}
.why-ubrelvy-how-does-work .inner-wrapper-left p,
.why-ubrelvy-how-does-work .inner-wrapper-right p {
margin: 21px 0 40px;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-size: 18px;
color: #3b4143;
line-height: 30px;
font-weight: 300;
}
.why-ubrelvy-how-does-work .steppedSlider.abbv-active {
display: block;
max-width: 100%;
margin: 0 auto;
}
.why-ubrelvy-how-does-work #slider-images {
height: 310px;
width: 100%;
}
.why-ubrelvy-how-does-work #slider-images img {
height: auto;
width: 100%;
}
.abbv-slider-container .steppedSlider.abbv-active .slider-text>p {
font-size: 14px;
line-height: 14px;
font-weight: 700;
color: #3b4143;
font-family: acumin-pro-wide, helvetica, arial, sans-serif;
letter-spacing: normal;
text-transform: uppercase;
margin: 0;
padding: 0;
width: 49%;
display: inline-block;
}
.abbv-slider-container .steppedSlider.abbv-active .slider-text>p.mgrn-txt-slid1>span {
max-width: 63%;
display: block;
text-align: left;
}
.abbv-slider-container .steppedSlider.abbv-active .slider-text>p.mgrn-txt-slid2>span {
max-width: 63%;
display: block;
margin-left: auto;
text-align: right;
}
#slider-images img {
position: absolute;
text-align: center;
transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
}
#slider-images img.abbv-active {
opacity: 1;
filter: alpha(opacity=1);
}
@media (max-width:985px) {
.why-ubrelvy-how-does-work .title-with-description p.h2 {
margin: 0px auto 21px;
font-size: 30px;
line-height: 28px;
text-align: left;
}
.why-ubrelvy-how-does-work .how-does-ubrelvy-work .abbv-col-flush-6:first-child,
.why-ubrelvy-how-does-work .how-does-ubrelvy-work .abbv-col-flush-6:nth-child(2) {
width: 100%;
margin: 0;
}
.why-ubrelvy-how-does-work .inner-wrapper-left p,
.why-ubrelvy-how-does-work .inner-wrapper-right p {
font-size: 16px;
line-height: 28px;
margin: 0 0 28px;
max-width: 100%;
}
.why-ubrelvy-how-does-work .inner-wrapper-left img {
margin-bottom: 28px;
}
.why-ubrelvy-how-does-work .inner-wrapper-right p {
margin: 21px 0px 28px;
}
.why-ubrelvy-how-does-work #slider-images {
height: 214px;
}
.abbv-slider-container .steppedSlider.abbv-active .slider-text>p.mgrn-txt-slid1>span {
max-width: 78%;
}
.abbv-slider-container .steppedSlider.abbv-active .slider-text>p.mgrn-txt-slid2>span {
max-width: 78%;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.why-ubrelvy-how-does-work #slider-images {
height: 310px;
}
.why-ubrelvy-how-does-work .inner-wrapper-right p {
margin: 21px 0px 28px;
font-size: 18px;
line-height: 30px
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.why-ubrelvy-how-does-work .ubrelvy-inner-section {
padding: 0 20px;
}
}
/*migrain mode on*/
/*----END-------why-ubrelvy-pattern-13.css-------END*/
/*----START-------why-ubrelvy-pattern-14.css-------START*/
/*14-ON-THE-GO MIGRAINE*/
.why-ubrelvy-banner-on-the-go .banner-with-right-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 72px 0;
width: 40%;
}
.why-ubrelvy-banner-on-the-go .abbv-image-text-v2 .abbv-image-text-display-v2 {
padding: 0;
}
.pattern-banner-with-right-text .text-container h2,
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container h2 {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 50px;
margin-bottom: 30px;
}
.pattern-banner-with-right-text .text-container ul.description li,
.pattern-banner-with-right-text .text-container p,
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container ul.description li,
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container p {
position: relative;
color: var(--white);
list-style: none;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 30px;
max-width: 350px;
margin-bottom: 15px;
}
.banner-with-right-text .text-container ul.description {
margin-left: 16px;
padding-inline-start: 0;
padding-left: 0;
}
.banner-with-right-text ul.description>li:before {
position: absolute;
content: "";
height: 3px;
left: -17px;
right: 0;
top: 12px;
transition: background .8s cubic-bezier(.55, .055, .675, .19);
width: 3px;
background-color: var(--white);
}
@media (max-width:985px) {
.why-ubrelvy-banner-on-the-go .banner-with-right-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
height: 100%;
padding: 0 20px;
display: flex;
align-items: flex-end;
margin: 0;
margin-bottom: 40px;
}
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container h2 {
font-size: 30px;
line-height: 28px;
width: 100%;
max-width: 100%;
margin: 28px auto;
}
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container ul.description li,
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container p {
font-size: 16px;
line-height: 28px;
margin-bottom: 12px;
}
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container p {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.why-ubrelvy-banner-on-the-go .banner-with-right-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 55%;
align-items: flex-start;
margin-top: 18px;
}
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container ul.description li,
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container p {
max-width: 100%;
margin-bottom: 10px;
line-height: 26px;
}
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container h2 {
margin: 15px auto;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.why-ubrelvy-banner-on-the-go .banner-with-right-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 30px 0;
width: 55%;
}
.why-ubrelvy-banner-on-the-go .banner-with-right-text .text-container ul.description li {
max-width: 90%;
margin-bottom: 10px;
}
}
/*----END-------why-ubrelvy-pattern-14.css-------END*/
/*----START-------why-ubrelvy-pattern-15.css-------START*/
/*15-PILL PACK*/
/*pill pack image*/
.ubrelvy-pill-pack-column .abbv-col-flush-6:first-child {
width: calc(50% - 20px);
margin-right: 20px;
}
.ubrelvy-pill-pack-column .abbv-col-flush-6:nth-child(2) {
width: calc(50% - 20px);
margin-left: 20px;
}
.ubrelvy-pill-pack .inner-wrapper-left,
.ubrelvy-pill-pack .inner-wrapper-right {
margin: 0;
padding: 0;
}
.ubrelvy-pill-pack .abbv-rich-text-common {
padding-right: 26px;
}
.ubrelvy-pill-pack .inner-wrapper-left p:nth-child(1) {
margin: 21px 0 30px;
}
.ubrelvy-pill-pack .inner-wrapper-left p:nth-child(2) {
margin: 21px 0 30px;
font-size: 12px;
line-height: 16px;
}
.ubrelvy-pill-pack .inner-wrapper-left p:nth-child(3) {
margin-bottom: 15px;
}
/*small screen */
@media (max-width:985px) {
.ubrelvy-pill-pack-column .abbv-row {
display: flex;
flex-direction: column-reverse;
}
.ubrelvy-pill-pack-column .abbv-col-flush-6:first-child,
.ubrelvy-pill-pack-column .abbv-col-flush-6:nth-child(2) {
width: 100%;
margin: 0;
}
.ubrelvy-pill-pack .inner-wrapper-left,
.ubrelvy-pill-pack .inner-wrapper-right {
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.ubrelvy-pill-pack .inner-wrapper-left .abbv-rich-text {
text-align: left;
}
.ubrelvy-pill-pack .inner-wrapper-left img {
max-width: 370px;
margin: 0 auto;
}
.ubrelvy-pill-pack .inner-wrapper-right img {
margin: 0 auto 30px !important;
width: 100%;
max-width: 289px;
height: 326px;
}
.ubrelvy-pill-pack .title-with-description h2 {
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.ubrelvy-pill-pack .inner-wrapper-left img {
max-width: 493px;
margin: 0 auto;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.ubrelvy-pill-pack-column .ubrelvy-inner-section {
padding: 0 20px;
}
}
/*medium and large screen*/
@media (min-width:986px) {
.ubrelvy-pill-pack .inner-wrapper-left img {
max-width: 467px;
height: auto;
}
.ubrelvy-pill-pack .inner-wrapper-right img {
max-width: 364px;
margin-left: 6%;
margin-top: 45px;
}
}
/*----END-------why-ubrelvy-pattern-15.css-------END*/
/*----START-------why-ubrelvy-pattern-17.css-------START*/
/*17-I USED TO WAIT TO TAKE MY*/
.why-ubrelvy-banner-i-used .i-used-to-wait .abbv-image-text-content-v2 {
margin: 72px 0;
width: 40%;
margin-right: 72px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .ub-quote {
color: #75c4d6;
font-size: 72px;
font-family: 'acumin-pro-condensed',arial, sans-serif;
font-weight: 800;
margin-bottom: 0;
line-height: 21px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-title {
font-size: 36px;
line-height: 36px;
color: var(--white);
margin: 0 0 14px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-caption {
color: #75c4d6;
display: block;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-size: 24px;
font-style: normal;
line-height: 28px;
font-weight: 800;
letter-spacing: 0;
margin-bottom: 30px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-subtitle a {
font-size: 20px;
line-height: 20px;
color: var(--white);
text-decoration: none;
letter-spacing: 1.25px;
position: relative;
display: inline-block;
font-weight: 300;
font-style: normal;
font-family: 'acumin-pro-wide', helvetica, arial, sans-serif;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-subtitle a:after {
color: var(--white);
content: "";
background-image: url(/content/dam/ubrelvy/images/arrow-right-white.svg);
width: 21px !important;
height: 20px !important;
background-size: contain;
background-position: center;
position: absolute;
background-repeat: no-repeat;
margin-left: 13px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-feed {
text-align: left;
position: relative;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: var(--white);
font-weight: 700;
}
/*small screen*/
@media (max-width:985px) {
.why-ubrelvy-banner-i-used .i-used-to-wait .abbv-image-text-content-v2 {
width: 100%;
height: 100%;
padding: 0;
display: flex;
align-items: flex-end;
margin: 0;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-title {
font-size: 28px;
line-height: 28px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-caption {
margin-top: 0;
margin-bottom: 14px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-feed {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.why-ubrelvy-banner-i-used .i-used-to-wait .abbv-image-text-content-v2 {
width: 64%;
margin: 0px;
align-items: flex-start;
margin-top: 60px;
}
.why-ubrelvy-banner-i-used .abbv-image-text-v2 .abbv-image-text-display-v2 {
padding:0 20px 0 0;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-title {
font-size: 28px;
line-height: 26px;
}
.why-ubrelvy-banner-i-used .abbv-image-text-v2 .abbv-image-text-display-v2 p.banner-subtitle,
.why-ubrelvy-banner-i-used .abbv-image-text-v2 .abbv-image-text-display-v2 p.banner-caption{
margin-bottom: 5px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-caption{
margin-top: 0;
margin-bottom: 5px;
}
.why-ubrelvy-banner-i-used .i-used-to-wait .banner-feed {
font-size: 13px;
line-height: 18px;
margin-bottom: 5px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.why-ubrelvy-banner-i-used .i-used-to-wait .abbv-image-text-content-v2 {
margin: 20px 0;
width: 65%;
margin-right: 20px;
}
}
/*----END-------why-ubrelvy-pattern-17.css-------END*/
/*----START-------why-ubrelvy-pattern-18.css-------START*/
/*18-STOPPED INTENSE HEAD PAIN BEFORE IT STARTED*/
/* text style inside the image on the left side*/
.stopped-intense-pain-banner .banner-with-left-text .text-container {
text-align: left;
width: 100%;
max-width: 400px
}
.stopped-intense-pain-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 0 20px;
box-sizing: border-box;
margin: 65px auto 0
}
.stopped-intense-pain-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-display-v2 {
padding: 0
}
.stopped-intense-pain-banner .banner-with-left-text .text-container .banner-top-caption {
color: var(--white);
text-transform: uppercase;
font-family: 'acumin-pro-wide', 'arial bold', sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 300;
text-align: left;
letter-spacing: 2.5px;
margin-bottom: 0
}
.stopped-intense-pain-banner .banner-with-left-text .text-container .banner-top-caption b{
font-weight: 700;
}
.stopped-intense-pain-banner .banner-with-left-text .text-container .banner-title {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 50px;
margin-bottom: 16px
}
.stopped-intense-pain-banner .ubrelvy-banner-right-wrapper{
width: 100%;
max-width: 50%;
margin-left: auto;
position: absolute;
right: 50px;
min-width: 50%;
text-align: right;
bottom: 40px;
}
.stopped-intense-pain-banner .ubrelvy-banner-right-wrapper p.description {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
color: var(--white);
line-height: 18px;
font-size:14px;
}
.desktop-view{
display: block;
}
@media(max-width:767px) {
.stopped-intense-pain-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 380px
}
.stopped-intense-pain-banner .banner-with-left-text img {
width: 100%;
height: auto;
vertical-align: middle
}
.stopped-intense-pain-banner .banner-with-left-text .text-container .banner-title {
font-size: 30px;
line-height: 28px;
width: 70%;
margin-right: 70px;
}
.stopped-intense-pain-banner .ubrelvy-banner-right-wrapper{
width: 100%;
max-width: 90%;
margin-left: auto;
margin-right: auto;
position: absolute;
min-width: 90%;
bottom: 40px;
right: auto;
}
.stopped-intense-pain-banner .ubrelvy-banner-right-wrapper p.description{
max-width: 100%;
font-size: 12px;
line-height: 16px;
padding-bottom: 30px;
}
.desktop-view{
display: none;
}
}
@media(min-width:768px) and (max-width:985px) {
.stopped-intense-pain-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 100%
}
.stopped-intense-pain-banner .banner-with-left-text .text-container {
max-width: 100%
}
.stopped-intense-pain-banner .banner-with-left-text .text-container .banner-title {
font-size: 40px;
line-height: 35px;
width: 100%;
max-width:40%;
}
.stopped-intense-pain-banner .ubrelvy-banner-right-wrapper{
width: 100%;
max-width: 70%;
min-width: 70%;
bottom: 20px;
right: 20px;
}
.stopped-intense-pain-banner .ubrelvy-banner-right-wrapper p.description{
max-width: 100%;
font-size: 12px;
line-height: 16px;
padding-bottom: 0px;
}
.desktop-view{
display: none;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.stopped-intense-pain-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
padding: 0 40px;
margin: 15px auto 0;
}
}
/*----END-------why-ubrelvy-pattern-18.css-------END*/
/*----START-------why-ubrelvy-pattern-19.css-------START*/
/*19-ATTACK STAGE*/
.stage-container {
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.ubrelvy-early-sign-migraine .title-with-description p.description {
padding-top: 26px;
}
.stage-container .ubrelvy-terms-conditions--dark {
text-align: center;
margin: 12px 24px;
}
.ubrelvy-terms-conditions--dark p {
font-size: 14px;
line-height: 18px;
color: #404040;
font-weight: 300;
margin: 0;
}
.ubrelvy-early-sign-migraine .flexboxitem-v2 .abbv-flex-item-v2{
padding: 0;
margin: 0;
}
.ubrelvy-early-sign-migraine > .flexbox-v2{
margin: 0 20px;
}
.stage-ribbon>p {
font-size: 14px;
line-height: 30px;
margin: 0;
}
.stage-section.stage-highlight .stage-text h3,
.stage-section.stage-highlight .stage-text {
color: var(--white);
}
.stage-number {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--white);
border: 2px solid var(--green);
margin: auto;
text-align: center;
width: 90px;
height: 90px;
font-weight: 700;
position: relative;
top: -45px;
}
.stage-number>p {
color: #404040;
line-height: 1;
font-size: 50px;
margin-bottom: 0;
}
.stage-ribbon {
margin: 14px 0;
background-color: var(--lightblue);
color: var(--white);
font-size: 14px;
text-align: center;
position: relative;
top: -40px;
}
.stage-section h3 {
text-align: center;
font-size: 44px;
line-height: 0.9;
margin-bottom: 0;
color:#171717;
padding: 0 12px;
}
.stage-text {
max-width: 300px;
margin: auto;
position: relative;
top: -25px;
padding: 8px;
}
.stage-text>ul {
padding: 0;
margin: auto;
margin-left: 36px;
margin-top: 18px;
}
.stage-text li {
max-width: 300px;
font-size: 16px;
color: #404040;
}
.stage-section {
border-radius: 60px;
background-color: #E4E4E4;
box-sizing: border-box;
padding: 0;
min-height: 470px;
margin-top: 42px;
}
.stage-section.stage-highlight {
background-color: var(--green);
min-height: 540px;
background-image: url(/content/dam/ubrelvy/images/prodrome/stage-highlight.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: contain;
margin-top: 70px;
}
.stage-section.stage-highlight ul li{
color: var(--white);
}
/* video and Image section */
.prodrome-text-container {
max-width: 1055px;
text-align: center;
}
.prodrome-text-container .ub-modal-wrapper {
max-width: 100%;
}
.ub-modal-wrapper.early-migraine-signs-video-modal .cta.parbase a {
width: 183px;
height: 183px;
}
.early-migraine-signs-2x-img-section {
max-width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #75c4d6;
color: var(--white);
flex-direction: row;
margin-bottom: 100px;
}
.ubrelvy-text-blue {
color: #004a98 !important;
}
.early-migraine-signs-2x-img-section .ubrelvy-text-blue {
padding: 24px;
}
.early-migraine-signs-2x-img-section .abbv-flex-item-v2 {
margin: 0;
padding: 0;
}
.early-migraine-signs-browsing-with-symptoms .browsing-with-symptoms {
padding-top: 90px;
padding-bottom: 78px;
}
.ubrelvy-early-sign-migraine .title-with-description p.description.ask-your-doctor {
padding: 0;
margin: 0 0 8px 0;
}
.prodrome-text-container p{
color: #404040;
}
.ubrelvy-early-sign-migraine .stage-container-footnote{
margin: 18px 0px;
}
.ubrelvy-early-sign-migraine .title-with-description.ask-your-doctor-section{
max-width: 100%;
}
@media(max-width:985px) {
.ubrelvy-early-sign-migraine {
padding-top: 40px 0 0 0;
}
.ubrelvy-early-sign-migraine .title-with-description p.description {
margin: 0;
margin-bottom: 12px;
}
.ubrelvy-early-sign-migraine .ubrelvy-inner-section {
max-width: 100%;
}
.stage-container .ubrelvy-terms-conditions--dark {
margin-bottom: 12px;
}
.stage-container .flexboxitem-v2 {
width: 100%;
flex: auto;
margin-top: 34px;
}
.ubrelvy-early-sign-migraine > .flexbox-v2{
margin: 0 20px;
}
.stage-container .stage-section.stage-highlight {
margin-top: 42px;
min-height: auto;
}
.stage-section {
min-height: auto;
}
.stage-section h3 {
max-width: 300px;
}
.stage-text>ul {
margin-top: 18px;
}
.stage-number>p {
line-height: 1;
font-size: 50px;
margin-bottom: 0;
font-weight: 700;
}
.ub-modal-wrapper.early-migraine-signs-video-modal .cta.parbase a {
top: 50%;
transform: translateY(-50%);
width: 87px;
height: 87px;
white-space: unset !important;
}
.prodrome-text-container {
padding-top: 10px;
}
.early-migraine-signs-2x-img-section {
flex-direction: column;
margin-bottom: 46px;
}
.early-migraine-signs-2x-img-section .flexboxitem-v2 {
width: 100%;
flex: auto;
}
.early-migraine-signs-2x-img-section .ubrelvy-text-blue {
margin-bottom: 0;
font-size: 30px;
line-height: 28px;
padding: 22px;
}
.early-migraine-signs-browsing-with-symptoms .browsing-with-symptoms {
padding-top: 40px;
padding-bottom: 40px;
}
.prodrome-text-container p{
font-size: 16px;
}
.desktop-only{
display:none;
}
}
@media(min-width:768px) and (max-width:985px) {
.early-migraine-signs-2x-img-section {
flex-direction: row;
}
.prodrome-text-container p{
font-size: 18px;
}
.ub-modal-wrapper.early-migraine-signs-video-modal .cta.parbase a {
opacity: 0;
}
}
/*----END-------why-ubrelvy-pattern-19.css-------END*/
/*----START-------why-ubrelvy-pattern-48.css-------START*/
/*48-sixty-percentage */
/*common for all sizes */
.sixty-percentage .ubrelvy-inner-section .abbv-col-flush-6:first-child {
width: calc(50% - 10px);
margin-right: 10px;
}
.sixty-percentage .ubrelvy-inner-section .abbv-col-flush-6:nth-child(2) {
width: calc(50% - 10px);
margin-left: 10px;
}
.sixty-percentage .inner-wrapper-left,
.sixty-percentage .inner-wrapper-right {
padding: 32px 24px 24px 24px;
min-height: 460px;
}
.sixty-percentage .inner-wrapper-left .h2 {
line-height: 50px;
margin-bottom: 18px;
}
.sixty-percentage .inner-wrapper-right .h2 {
font-size: 44px;
margin-bottom: 0;
}
.sixty-percentage .inner-wrapper-left p {
margin: 0;
}
.sixty-percentage .abbv-button-primary {
display: flex;
max-width: 330px;
margin: 35px 0 16px;
}
.sixty-percentage .abbv-button-primary.i-a:after {
top: 13px;
}
.mobile-view {
display: none;
}
.sixty-percentage .percentage-large {
display: block;
font-size: 230px;
line-height: 1;
margin-top: -46px;
position: relative;
}
.sixty-percentage .percentage-large sub {
position: absolute;
font-size: 210px;
bottom: 18px;
}
.sixty-percentage .sixty-percentage-txt {
margin: 18px 0 0;
font-size: 18px;
}
@media (max-width: 985px) {
.sixty-percentage .ubrelvy-inner-section .abbv-col-flush-6:first-child,
.sixty-percentage .ubrelvy-inner-section .abbv-col-flush-6:nth-child(2) {
width: 100%;
margin: 0;
}
.sixty-percentage .abbv-button-primary {
width: 100%;
max-width: 100%;
margin: 26px 0 20px;
}
.sixty-percentage .inner-wrapper-left .h2,
.sixty-percentage .inner-wrapper-right .h2 {
margin-bottom: 18px;
font-size: 30px;
letter-spacing: 0;
line-height: 28px;
}
.sixty-percentage .sixty-percentage-txt {
font-size: 16px;
padding: 0 20px;
}
.sixty-percentage .inner-wrapper-left,
.sixty-percentage .inner-wrapper-right {
padding: 42px 24px 12px 24px;
min-height: auto;
}
.sixty-percentage .inner-wrapper-left {
margin-bottom: 12px;
}
.sixty-percentage .abbv-button-primary.i-a:after {
padding-right: 0px;
}
.mobile-view {
display: block;
}
.sixty-percentage .percentage-large {
font-size: 130px;
margin-top: -16px;
padding-bottom: 10px;
}
.sixty-percentage .percentage-large sub {
font-size: 140px;
bottom: 3px;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.sixty-percentage .ubrelvy-inner-section .abbv-col-flush-6:first-child {
width: calc(50% - 10px);
margin-right: 10px;
}
.sixty-percentage .ubrelvy-inner-section .abbv-col-flush-6:nth-child(2) {
width: calc(50% - 10px);
margin-left: 10px;
}
.sixty-percentage .inner-wrapper-left {
margin-bottom: 0px;
}
.sixty-percentage .inner-wrapper-left,
.sixty-percentage .inner-wrapper-right {
min-height: 375px;
}
.sixty-percentage .sixty-percentage-txt {
font-size: 18px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.sixty-percentage .ubrelvy-inner-section {
padding: 0 20px;
}
}
/*migrain mode setting*/
.abbv-view-toggle .why-ubrelvy-works-icon img {
filter: brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(511%) hue-rotate(149deg) brightness(95%) contrast(91%);
}
.abbv-view-toggle .why-ubrelvy-banner .banner-with-left-text .text-container .banner-top-caption,
.abbv-view-toggle .why-ubrelvy-banner .banner-with-left-text .text-container .banner-title {
color: var(--cream);
}
.abbv-view-toggle .why-ubrelvy-works-icon p.subheading .heading,
.abbv-view-toggle .why-ubrelvy-works-icon p.subheading-last .heading {
color: var(--darkgray);
}
.abbv-view-toggle .pattern-banner-with-right-text .text-container h2,
.abbv-view-toggle .banner-with-right-text .text-container h2 {
color: var(--white);
}
.abbv-view-toggle .pattern-banner-with-right-text .text-container ul.description li,
.abbv-view-toggle .pattern-banner-with-right-text .text-container p,
.abbv-view-toggle .banner-with-right-text .text-container ul.description li,
.abbv-view-toggle .banner-with-right-text .text-container p {
color: var(--white);
}
.abbv-view-toggle .i-used-to-wait .quotation p.ubrelvy-quotes {
color: var(--white);
}
.abbv-view-toggle .i-used-to-wait .quotation h2.ubrelvy-feed {
color: var(--white);
}
.abbv-view-toggle .i-used-to-wait .quotation .ubrelvy-feedbacks {
color: var(--white);
}
.abbv-view-toggle .how-does-ubrelvy-work .inner-wrapper-left img {
filter: sepia(111%) saturate(90) grayscale(1);
}
.abbv-view-toggle .why-ubrelvy-how-does-work .title-with-description p.h2 {
color: var(--darkgray);
}
.abbv-view-toggle .stopped-intense-pain-banner .banner-with-left-text .text-container .banner-top-caption,
.abbv-view-toggle .stopped-intense-pain-banner .banner-with-left-text .text-container .banner-title {
color: var(--cream);
}
/*----END-------why-ubrelvy-pattern-48.css-------END*/
/*------START treating-migraine-pattern-20.css------START*/
.treating-migraine-banner .banner-with-left-text .text-container{text-align:left;width:100%;max-width: 460px;}
.treating-migraine-banner .banner-with-left-text .abbv-image-text-content-v2{width:100%;max-width: 1135px;padding:0 20px;box-sizing:border-box;margin:65px auto 0}
.treating-migraine-banner .banner-with-left-text .abbv-image-text-display-v2{padding:0}
.treating-migraine-banner .banner-with-left-text .text-container .banner-top-caption{color:var(--white);text-transform:uppercase;font-family:'acumin-pro-wide','arial bold',sans-serif;font-size:12px;line-height:20px;font-weight:300;text-align:left;letter-spacing:2.5px;margin-bottom:0}
.treating-migraine-banner .banner-with-left-text .text-container .banner-title{color:var(--lightblue);text-transform:uppercase;font-family:'acumin-pro-condensed','arial bold',sans-serif;font-weight:800;font-size:60px;line-height:50px;margin-bottom:16px}
.treating-migraine-banner .banner-with-left-text .text-container p.description{font-family:'acumin-pro',helvetica,arial,sans-serif;color:var(--white);line-height:28px}
.treating-migraine-banner .we-know-migraine{margin:0 auto; }
.treating-migraine-banner .we-know-migraine .section-title{font-size:60px; line-height:50px; margin-bottom: 24px;}
@media(max-width:767px){
.treating-migraine-banner img {position: relative;margin-top: -140px !important;}
.treating-migraine-banner .banner-with-left-text .abbv-image-text-content-v2{margin:28px 0 0 0;width:100%;max-width:380px}
.treating-migraine-banner .banner-with-left-text img{width:100%;height:auto;vertical-align:middle}
.treating-migraine-banner .banner-with-left-text .text-container{padding-right:70px}
.treating-migraine-banner .banner-with-left-text .text-container .banner-title{font-size:30px;line-height:28px;width:100%}
.treating-migraine-banner .banner-with-left-text .text-container p.description{max-width:100%}
.treating-migraine-banner .we-know-migraine .section-title{font-size: 30px;line-height: 28px;margin-bottom: 24px;}
.treating-migraine-banner .we-know-migraine{padding: 38px 20px 32px;}
}
@media(min-width:768px) and (max-width:985px){
.treating-migraine-banner .banner-with-left-text .abbv-image-text-content-v2{margin:28px 0 0 0;width:100%;max-width: 410px;}
.treating-migraine-banner .banner-with-left-text .text-container{max-width:100%}
.treating-migraine-banner .banner-with-left-text .text-container .banner-title{font-size:40px;line-height:35px;width:100%}
.treating-migraine-banner .banner-with-left-text .text-container p.description{font-size:16px;letter-spacing:0;max-width:550px}
.treating-migraine-banner .we-know-migraine .section-title{font-size: 30px;line-height: 28px;margin-bottom: 24px;max-width: 550px;}
.treating-migraine-banner .we-know-migraine{padding: 50px 20px 32px;}
}
@media(min-width:986px){
.treating-migraine-banner .we-know-migraine{max-width: 1060px;padding: 60px 20px 65px;}
.treating-migraine-banner .we-know-migraine .section-title{font-size:60px; line-height:50px; margin-bottom: 24px;}
}
/*------END treating-migraine-pattern-20.css------END*/
/*------START treating-migraine-pattern-21.css------START*/
.are-you-ready-section{max-width:1440px;}
.are-you-ready-section .tm-bubble-list{list-style:none;}
.are-you-ready-section .tm-bubble-list .bubble-itme{background:#3b4143; border-top-left-radius:30px; border-top-right-radius:30px; color:#fff; position:relative; transition:color .8s cubic-bezier(.55,.055,.675,.19),box-shadow .8s cubic-bezier(.55,.055,.675,.19); font-family:'acumin-pro',helvetica,arial,sans-serif; box-sizing:border-box; width:100%; max-width:390px; margin-bottom:20px; padding:15px 30px;}
.are-you-ready-section .tm-bubble-list .bubble-itme:last-child{margin-bottom:0px;}
.are-you-ready-section .tm-bubble-list .bottom-left-raidus{border-bottom-left-radius:30px;}
.are-you-ready-section .tm-bubble-list .bottom-right-raidus{border-bottom-right-radius:30px;}
.are-you-ready-section .tm-bubble-list .bubble-one{ -webkit-animation-delay: .15s !important; animation-delay: .15s !important;}
.are-you-ready-section .tm-bubble-list .bubble-two{ -webkit-animation-delay: .4s !important; animation-delay: .4s !important;}
.are-you-ready-section .tm-bubble-list .bubble-three{ -webkit-animation-delay: .55s !important; animation-delay: .55s !important;}
.are-you-ready-section .tm-bubble-list .bubble-four{ -webkit-animation-delay: .7s !important; animation-delay: .7s !important;}
@media(max-width:985px){
.are-you-ready-section .tm-bubble-list .bubble-itme{ font-size:16px; line-height:22px;}
.are-you-ready-section{padding-bottom: 60px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.are-you-ready-section > .abbv-row{display:flex; align-items:center;}
.are-you-ready-section > .abbv-row > .abbv-col:first-child{padding-right:20px;}
.are-you-ready-section .diffrent-treatment-desc.two{margin-bottom:0px;}
.are-you-ready-section .are-you-ready-columns > .abbv-row{display:flex;flex-direction: row;}
.are-you-ready-section .are-you-ready-columns > .abbv-row > .abbv-col{padding-right:20px;}
.are-you-ready-section .are-you-ready-columns .diffrent-treatment-title{max-width:330px;}
}
@media(min-width:986px){
.are-you-ready-section{padding-bottom:65px;}
.are-you-ready-section .tm-bubble-list{padding-left:74px}
.are-you-ready-section .tm-bubble-list .bubble-itme{ font-size:18px; line-height:22px;}
.are-you-ready-section .are-you-ready-columns{max-width: 1060px; padding:0px 20px;}
}
/*------END treating-migraine-pattern-21.css------END*/
/*------START treating-migraine-pattern-22.css------START*/
.faq-accordion-img-container{max-width:1154px}
.faq-accordion .abbv-row{max-width:1154px;background-color:var(--green);border-bottom-left-radius:50px;border-bottom-right-radius:50px}
.faq-accordion .abbv-accordion-blade{border-bottom:3px solid #fff}
.faq-accordion .abbv-accordion-blade:hover,.faq-accordion .abbv-accordion-blade:focus{background:transparent}
.faq-accordion .abbv-accordion-blade-text{font-size:18px;line-height:30px;font-weight:700;font-family:acumin-pro,helvetica,arial,sans-serif;color:#fff}
.faq-accordion-anwers p{font-family:acumin-pro,helvetica,arial,sans-serif;color:#fff;margin:0}
.faq-accordion .abbv-icon-add_circle.i-a:after{content:url(/content/dam/ubrelvy/images/down-caret-thin-white.svg);position:relative;right:-10px}
.faq-accordion .abbv-icon-remove_circle.i-a:after{content:url(/content/dam/ubrelvy/images/close-thin-white.svg);margin-right:-10px}
.faq-accordion .faq-title{text-transform:none;}
#faqs{scroll-margin-top: 20px;}
@media(max-width:767px){
.treating-migraine #faqs{scroll-margin-top: 270px;}
}
@media(max-width:985px){
.tm-faqs{padding-bottom:50px;}
.faq-accordion .abbv-row{margin:-8px auto 0 auto;padding:0;}
.faq-accordion .abbv-row .abbv-col{padding: 0 15px 60px;}
.faq-accordion .abbv-accordion-blade-content{padding:20px 0 20px 0}
.faq-accordion .abbv-accordion-content{padding:0 0 22px;}
.faq-accordion .abbv-accordion-blade-text{font-size:16px;line-height:28px;max-width:92%}
.faq-accordion-anwers p{font-size:16px;line-height:28px}
.faq-accordion .taking-faq-title{margin-top:38px;}
.faq-accordion .faq-title{margin-bottom:2px;}
}
@media (min-width: 768px) and (max-width: 985px) {
.treating-migraine #faqs{scroll-margin-top: 250px;}
}
@media(min-width:986px){
.tm-faqs{padding-bottom:100px;}
.faq-accordion .abbv-row{margin:-8px auto 0 auto;padding:0;}
.faq-accordion .abbv-row .abbv-col{padding:0 69px 60px 69px}
.faq-accordion .abbv-accordion-blade-content{padding:22px 0 22px 0}
.faq-accordion .abbv-accordion-content{padding:0 0 22px;}
.faq-accordion .abbv-accordion-blade-text{font-size:18px;line-height:30px;}
.faq-accordion .taking-faq-title{margin-top:40px;}
.faq-accordion .faq-title{margin-bottom:2px;}
.treating-migraine #faqs{scroll-margin-top: 300px;}
}
/*------END treating-migraine-pattern-22.css------END*/
/*------START treating-migraine-pattern-23.css------START*/
.prescribed-branded .title-and-desc{max-width:960px;margin:0 auto}
.prescribed-branded .tm-div{display:flex; width:100%;}
.prescribed-branded .inner-wrapper-left .tm-div .img-box{width: 90px;}
.prescribed-branded .inner-wrapper-right .tm-div .img-box{width:100%}
.prescribed-branded .inner-wrapper-left .tm-div p{font-weight:800;color:var(--green)}
.prescribed-branded .inner-wrapper-right .tm-div p{padding:0 24px;margin:0}
.prescribed-branded .inner-wrapper-left img{max-width:58px}
.prescribed-branded .inner-wrapper-right img{max-width:73px}
.prescribed-branded .last-footnote{max-width: 1014px;margin:0 auto;}
@media(max-width:767px){
.prescribed-branded{padding-bottom:50px;}
.prescribed-branded .desc{margin-bottom:40px;}
.prescribed-branded .prescribed-branded-columns > .abbv-row{display:flex;flex-direction:column;}
.prescribed-branded .tm-div{display:flex; width:100%;align-items:flex-start;}
.prescribed-branded .inner-wrapper-left .tm-div p{font-size:16px;}
.prescribed-branded .prescribed-branded-columns{margin-bottom:30px;}
.prescribed-branded .inner-wrapper-left{margin-bottom:40px;}
}
@media(min-width:768px){
.prescribed-branded{padding-bottom:60px;}
.prescribed-branded .inner-wrapper-left img{max-width:72px}
.prescribed-branded .inner-wrapper-right img{max-width:144px;width:100%}
.prescribed-branded .prescribed-branded-columns > .abbv-row{display:flex; align-items:center;}
.prescribed-branded .tm-div{display:flex; width:100%;align-items: center;}
.prescribed-branded .prescribed-branded-columns{margin-bottom:40px;}
.prescribed-branded .inner-wrapper-left .tm-div p{font-size:18px;}
}
@media(min-width:986px){
.prescribed-branded{padding:0 20px 110px;}
}
/*------END treating-migraine-pattern-23.css------END*/
/*------START treating-migraine-pattern-24.css------START*/
.banner-ask-your-healthcare .icon-list_item img {
width: 66px
}
.banner-ask-your-healthcare .text-container .ask-hcp-ubrelvy-title {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
margin-bottom: 20px;
}
.banner-ask-your-healthcare .text-container .icon-list_copy {
color: var(--white);
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-weight: 300;
margin: 15px 0
}
.banner-ask-your-healthcare .icon-list_item {
display: flex;
align-items: center;
margin-bottom: 28px;
width: 546px
}
.banner-ask-your-healthcare .ask-your-hcp-abt-ubrelvy-img .abbv-image-text-content-v2 {
position: absolute !important
}
@media(max-width:767px) {
.banner-ask-your-healthcare {
padding: 0;
margin-bottom: 50px
}
.banner-ask-your-healthcare .ask-your-hcp-abt-ubrelvy-img .abbv-image-text-content-v2 {
width: 100%;
left: 0;
bottom: 0
}
.banner-ask-your-healthcare .text-container .ask-hcp-ubrelvy-title {
font-size: 30px;
line-height: 28px;
text-align: left
}
.banner-ask-your-healthcare .text-container .icon-list_copy {
font-size: 16px;
line-height: 28px;
padding-left: 28px
}
.banner-ask-your-healthcare .icon-list_item {
width: auto;
margin-bottom: 28px
}
.banner-ask-your-healthcare .icon-list .icon-list_item {
margin-bottom: 0
}
}
@media(min-width:768px) and (max-width:985px) {
.banner-ask-your-healthcare {
padding: 0;
margin-bottom: 50px
}
.banner-ask-your-healthcare .ask-your-hcp-abt-ubrelvy-img .abbv-image-text-content-v2 {
width: 60%;
right: 0;
top: 25px
}
.banner-ask-your-healthcare .text-container .ask-hcp-ubrelvy-title {
max-width: 410px;
font-size: 40px;
line-height: 40px
}
.banner-ask-your-healthcare .text-container .icon-list_copy {
font-size: 16px;
line-height: 28px;
padding-left: 28px
}
.banner-ask-your-healthcare .icon-list_item {
width: auto;
margin-bottom: 15px;
}
}
@media(min-width:986px) {
.banner-ask-your-healthcare {
padding: 0 0 75px;
}
.banner-ask-your-healthcare .icon-list_item {
width: 546px;
margin-bottom: 15px
}
.banner-ask-your-healthcare .text-container .ask-hcp-ubrelvy-title {
font-size: 60px;
line-height: 50px
}
.banner-ask-your-healthcare .text-container .icon-list_copy {
font-size: 18px;
line-height: 30px;
padding-left: 74px
}
}
@media(min-width:986px) and (max-width:1199px) {
.banner-ask-your-healthcare .ask-your-hcp-abt-ubrelvy-img .abbv-image-text-content-v2 {
margin: 0 auto;
width: 600px;
right: 0;
top: 20px;
}
.banner-ask-your-healthcare .text-container .ask-hcp-ubrelvy-title {
font-size: 48px;
}
}
@media(min-width:1200px) {
.banner-ask-your-healthcare .ask-your-hcp-abt-ubrelvy-img .abbv-image-text-content-v2 {
margin: 0 auto;
width: 650px;
right: 45px;
top: 75px
}
}
/*migrain mode setting*/
.abbv-view-toggle .treating-migraine-banner .banner-with-left-text .text-container .banner-top-caption,
.abbv-view-toggle .treating-migraine-banner .banner-with-left-text .text-container .banner-title{color:var(--cream)}
.abbv-view-toggle .faq-accordion .abbv-row{background-color:var(--darkgray)}
.abbv-view-toggle .faq-accordion-img-container img{filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(511%) hue-rotate(149deg) brightness(95%) contrast(91%)}
.abbv-view-toggle .ask-your-hcp-abt-ubrelvy-img .ask-hcp-ubrelvy-title {
color: var(--cream);
}
/*------END treating-migraine-pattern-24.css------END*/
/*------START real-patient-stories-pattern-25.css------START*/
.real-patients-stories-banner .banner-with-left-text .text-container{text-align:left;width:100%;max-width:525px}
.real-patients-stories-banner .banner-with-left-text .abbv-image-text-content-v2{width:100%;max-width:1135px;padding:0 20px;box-sizing:border-box;margin:25px auto 0}
.real-patients-stories-banner .banner-with-left-text .abbv-image-text-display-v2{padding:0}
.real-patients-stories-banner .banner-with-left-text .text-container .banner-top-caption{color:var(--white);text-transform:uppercase;font-family:'acumin-pro-wide','arial bold',sans-serif;font-size:12px;line-height:20px;font-weight:300;text-align:left;letter-spacing:2.5px;margin-bottom: 5px;max-width:370px}
.real-patients-stories-banner .banner-with-left-text .text-container .banner-title{color:var(--lightblue);text-transform:uppercase;font-family:'acumin-pro-condensed','arial bold',sans-serif;font-weight:800;font-size:60px;line-height:50px;margin-bottom:16px;max-width:525px}
.real-patients-stories-banner .banner-with-left-text .text-container p.description{font-family:'acumin-pro',helvetica,arial,sans-serif;color:var(--white);line-height:28px}
.real-patients-stories-banner .we-know-migraine{margin:0 auto}
.real-patients-stories-banner .we-know-migraine .section-title{font-size:60px;line-height:50px;margin-bottom:24px}
@media(max-width:767px){
.real-patients-stories-banner img{position:relative}
.real-patients-stories-banner .banner-with-left-text .text-container .banner-title{font-size:30px;line-height:28px;width:100%}
.real-patients-stories-banner .banner-with-left-text .text-container p.description{max-width: 185px;line-height: 20px;}
.real-patients-stories-banner .abbv-image-content-container-v2{height:489px;overflow:hidden}
.real-patients-stories-banner .abbv-image-content-container-v2 img{position:absolute;bottom:0;max-width:600px}
.real-patients-stories-banner .abbv-image-content-container-v2:before{
content:'';
background-repeat:no-repeat;
background-size:100% 100%;
bottom:0;
height:24.266667vw;
left:0;max-height:120px;
background-image:url(/content/dam/ubrelvy/images/swoosh.svg);
position:absolute;z-index:1;width:100%
}
.real-patients-stories-banner .abbv-image-content-container-v2:after{content:"";display:block;position:absolute;height:100%;width:100%;top:0;left:0;box-shadow:inset 6px -16px 100px 8px #000}
}
@media(min-width:768px) and (max-width:985px){
.real-patients-stories-banner .banner-with-left-text .abbv-image-text-content-v2{margin:28px 0 0 0;width:100%;max-width: 465px;}
.real-patients-stories-banner .banner-with-left-text .text-container{max-width:100%}
.real-patients-stories-banner .banner-with-left-text .text-container .banner-title{font-size:40px;line-height:35px;width:100%}
.real-patients-stories-banner .banner-with-left-text .text-container p.description{font-size:16px;letter-spacing:0;max-width:550px}
.real-patients-stories-banner .we-know-migraine .section-title{font-size:30px;line-height:28px;margin-bottom:24px;max-width:550px}
.real-patients-stories-banner .we-know-migraine{padding:50px 20px 32px}
}
@media(min-width:986px){
.real-patients-stories-banner .we-know-migraine{max-width:1060px;padding:60px 20px 65px}
.real-patients-stories-banner .we-know-migraine .section-title{font-size:60px;line-height:50px;margin-bottom:24px}
}
/*------END real-patient-stories-pattern-25.css------END*/
/*------START real-patient-stories-pattern-26.css------START*/
.migraine-journey-container .change-migraine-intro{max-width:956px}
.migraine-journey-container .migrane-journey-columns .abbv-flex-item{margin:0;padding:0}
.migraine-journey-container .migrane-journey-columns .thumb-title{font-family:"AcuminProCond-Black",sans-serif;color:#3b4143;font-weight:800;margin:0}
.migraine-journey-container .migrane-journey-columns .thumb-desc{font-family:"AcuminPro-Light",sans-serif;font-weight:300;margin:0 0 5px;color:#3b4143}
.migraine-journey-container .migrane-journey-bottom-copy{padding-top:10px}
.migraine-journey-container .migrane-journey-bottom-copy .desc-line{font-family:"AcuminPro-Light",sans-serif;font-weight:300;margin:0;color:#3b4143}
@media(max-width:767px){.migraine-journey-container{margin-bottom:70px}
.migraine-journey-container .change-migraine-intro{margin:0 auto 40px}
.migraine-journey-container .migraine-journey-title{margin-top:20px}
.migraine-journey-container .migrane-journey-columns{flex-direction:column}
.migraine-journey-container .migrane-journey-columns iframe{height:auto !important}
.migraine-journey-container .migrane-journey-columns .col-two-image img{height:auto !important}
.migraine-journey-container .migrane-journey-columns .thumb-title{font-size:18px;line-height:28px}
.migraine-journey-container .migrane-journey-columns .thumb-desc{font-size:16px;margin:0}
.migraine-journey-container .migrane-journey-bottom-copy .desc-line{font-size:16px;line-height: 24px;}
.migraine-journey-container .migrane-journey-bottom-copy .bold-desc{margin-bottom:12px}
.migraine-journey-container .migrane-journey-columns .abbv-flex-item:first-child{margin-bottom:40px}
}
@media(min-width:768px){.migraine-journey-container{margin-bottom:70px}
.migraine-journey-container .change-migraine-intro{margin:0 auto 40px}
.migraine-journey-container .migraine-journey-title{margin-top:50px}
.migraine-journey-container .migrane-journey-columns{max-width:956px;margin:0 auto;gap:40px}
.migraine-journey-container .migrane-journey-columns .col-two-image img{height:265px}
.migraine-journey-container .migrane-journey-columns .thumb-title{font-size:24px;line-height:22px}
.migraine-journey-container .migrane-journey-columns .thumb-desc{font-size:18px}
.migraine-journey-container .migrane-journey-bottom-copy .desc-line{font-size:18px}
}
@media(min-width:768px) and (max-width:985px){.migraine-journey-container .migraine-journey-title{margin-top:20px}
.migraine-journey-container .migrane-journey-bottom-copy .desc-line{font-size:16px}
.migraine-journey-container .migrane-journey-columns{gap:20px}
.migrane-journey-columns .youtube iframe{height:255px!important;}
}
/*------END real-patient-stories-pattern-26.css------ENd*/
/*------START real-patient-stories-pattern-27.css------START*/
.mc-modal-wrapper{position:relative;margin:0 auto}
.mc-modal-wrapper .cta.parbase{max-width:1015px;position:absolute;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%);width:183px;height:183px}
.mc-modal-wrapper .cta.parbase a{position:absolute;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%);width:138px;height:138px;border-radius:50%;color:transparent;background:url(/content/dam/ubrelvy/images/video-playButton.png);background-size:contain;border:0}
.abbv-modal.modalYoutubeCrystalPatientStory{top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;max-height:90% !important;width:100%}
.abbv-modal.modalYoutubeCrystalPatientStory .abbv-modal-content-container{padding:0;max-width:935px;width:100%;margin:0 auto;border:0;box-shadow:none;border-bottom-right-radius:0 !important}
.meet-crystal-container{background:#3b4143}
.meet-crystal-container .meet-title{color:#fff}
.meet-crystal-container .meet-desc{color:#fff}
.meet-crystal-container .footer-copy{color:#fff;margin:0}
.meet-crystal-container .quote-box .ubrelvy-quotes{color:#75c4d6;font-family:"acumin-pro",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2px;max-width:1055px;box-sizing:border-box}
.meet-crystal-container .quote-box .ubrelvy-feed{color:var(--white);font-family:acumin-pro-condensed,sans-serif;font-weight:800;text-transform:uppercase;max-width:1055px;margin:0 auto;box-sizing:border-box}
.meet-crystal-container .ubrelvy-feedbacks-provider p{margin:0}
.meet-crystal-container .ubrelvy-feedbacks-provider cite{font-weight:800;font-style:normal;font-family:acumin-pro,helvetica,arial,sans-serif;color:#75c4d6}
.meet-crystal-container .meet-desc sup{font-size:100%}
@media(max-width:767px){
.meet-crystal-container{padding:40px 20px !important;border-radius:0 0 80px 80px;margin-bottom:50px}
.meet-crystal-container .meet-title{text-align:left}
.meet-crystal-container .meet-desc{text-align:left;margin-bottom:15px}
.meet-crystal-container .video-thumb-img{margin:0 -20px}
.meet-crystal-container .quote-box .ubrelvy-quotes{font-size:56px;line-height:37px;padding:0 20px 0 0;margin:20px auto 0}
.meet-crystal-container .quote-box .ubrelvy-feed{font-size:30px;line-height:26px;padding:0 20px 0 0}
.meet-crystal-container .ubrelvy-feedbacks-provider{margin:30px 0 40px}
.meet-crystal-container .ubrelvy-feedbacks-provider cite{font-size:25px;line-height:25px}
.mc-invisible-cta .cta.parbase a{width:87px;height:87px;top: 62%;left: 40px;}
.meet-crystal-container .meet-desc sup{top:5px;}
}
@media(min-width:768px){
.meet-crystal-container{padding:40px 58px 80px 58px !important;border-radius:0 0 80px 80px;margin-bottom:100px}
.meet-crystal-container .quote-box .ubrelvy-quotes{font-size:72px;line-height:37px;padding:0 20px 0 0;margin:20px auto 0}
.meet-crystal-container .quote-box .ubrelvy-feed{font-size:60px;line-height:55px;padding:0 20px 0 0}
.meet-crystal-container .ubrelvy-feedbacks-provider{margin:30px 0 40px}
.meet-crystal-container .ubrelvy-feedbacks-provider cite{font-size:30px;line-height:28px}
.mc-invisible-cta .cta.parbase a{width:183px; height:183px}
.meet-crystal-container .meet-title{margin-bottom:50px;}
.meet-crystal-container .meet-desc sup{top:7px;}
}
@media(min-width:768px) and (max-width:985px){
.meet-crystal-container .quote-box .ubrelvy-quotes{font-size:56px;line-height:37px;}
.meet-crystal-container .quote-box .ubrelvy-feed{font-size:30px;line-height:30px;padding:0 20px 0 0}
.mc-invisible-cta .cta.parbase a{width: 87px;height: 87px;}
.meet-crystal-container .ubrelvy-feedbacks-provider cite {font-size:24px; line-height: 28px;}
.meet-crystal-container .meet-title{margin-bottom:30px;}
}
@media(min-width:986px) and (max-width:1099px){
.meet-crystal-container{padding-left:20px;padding-right:20px}
}
/*------END real-patient-stories-pattern-27.css------END*/
/*------START real-patient-stories-pattern-28.css------START*/
.Kendall-feedback-container{position:relative}
.Kendall-feedback-container .imagequote-container{position:absolute; top:0;left:0;width:100%;height:100%;}
.Kendall-feedback-container .imagequote-content .abbv-flex-item{width:100%}
.Kendall-feedback-container .quotes{color: #fff; font-family: "acumin-pro", sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; max-width: 1055px; box-sizing: border-box;font-size: 72px; line-height: 37px; margin: 30px auto 0; padding:0px;}
.Kendall-feedback-container .imagequote-content .feedback{ color: #fff; font-family: acumin-pro-condensed, sans-serif; font-weight: 800; text-transform: uppercase; max-width: 1055px; margin: 0 auto; box-sizing: border-box;font-size: 40px;line-height: 35px;padding: 0px;}
.Kendall-feedback-container a.learn-more-ubrelvy { color: #fff; text-decoration: none; text-transform: uppercase; font-family: acumin-pro-wide, helvetica, arial, sans-serif; font-weight: 300; box-sizing: border-box;letter-spacing: 1.25px;font-size: 16px;line-height: 20px;padding-left: 0px;padding-right: 42px;}
.Kendall-feedback-container .ubrelvy-feedbacks-provider cite {font-weight: 800; font-style: normal; font-family: acumin-pro, helvetica, arial, sans-serif; color: #fff;}
.Kendall-feedback-container .feedback-footnote{padding: 0px;color:#fff;font-weight:bold;font-size: 16px;line-height: 28px;}
@media(max-width:767px){
.Kendall-feedback-container{margin:0 0 60px; padding:0px;}
.Kendall-feedback-container .imagequote-container{align-items:flex-end;}
.Kendall-feedback-container .imagequote-content{padding: 0px;}
.Kendall-feedback-container .ubrelvy-feedbacks-provider cite {font-size: 25px;line-height: 28px;}
.Kendall-feedback-container .imagequote-content .feedback{font-size: 30px;font-weight:normal;line-height:26px;padding:0px 0px 20px;font-family: 'acumin-pro-condensed',sans-serif;}
.Kendall-feedback-container a.learn-more-ubrelvy{letter-spacing: 1.25px;font-size: 16px;line-height: 20px;padding-left: 0px;padding-right: 42px;}
.Kendall-feedback-container .quotes{font-size: 56px;line-height: 37px;margin: 30px auto 0;padding:0px;}
.Kendall-feedback-container .feedback-footnote{font-size: 16px;line-height: 28px;margin: 0 0 5px;}
}
@media(min-width:768px){
.imagequote-container>.abbv-flex-item{margin-left: 50%;padding: 0 20px;}
.Kendall-feedback-container{margin:0 0 110px}
.Kendall-feedback-container .imagequote-container{padding: 20px 40px;}
.Kendall-feedback-container .ubrelvy-feedbacks-provider cite {font-size: 30px; line-height: 28px;}
.Kendall-feedback-container .imagequote-content .feedback{font-size: 40px;line-height: 35px;padding: 0px 0px 20px;}
.Kendall-feedback-container a.learn-more-ubrelvy{letter-spacing: 1.25px;font-size: 16px;line-height: 20px;padding-left: 0px;padding-right: 42px;}
.Kendall-feedback-container .quotes{font-size: 72px; line-height: 37px; margin: 30px auto 0; padding:0px;}
.Kendall-feedback-container .feedback-footnote{font-size: 16px;line-height: 24px;}
}
@media(min-width:768px) and (max-width:985px){
.Kendall-feedback-container .imagequote-container{padding: 20px 20px;}
.Kendall-feedback-container .imagequote-container>.abbv-flex-item{padding: 15px;}
.Kendall-feedback-container{margin:0 0 60px}
.Kendall-feedback-container .quotes{font-size: 56px;line-height: 37px;margin: 30px auto 0;padding:0px;}
.Kendall-feedback-container .imagequote-content .feedback{font-size: 30px;line-height:26px;padding: 0px 0 20px;}
.Kendall-feedback-container .ubrelvy-feedbacks-provider{margin-bottom:40px;}
.Kendall-feedback-container .ubrelvy-feedbacks-provider cite {font-size: 25px;line-height: 28px;}
}
/*------END real-patient-stories-pattern-28.css------END*/
/*------START real-patient-stories-pattern-29.css------START*/
.abbv-champion-box .abbv-row-container{max-width:1055px;padding: 0px;box-sizing:border-box;margin-bottom:100px}
.abbv-champion-box .it-is-really-imp>.abbv-row{display:flex;padding:0}
.abbv-champion-box .ub-modal-wrapper{position:relative}
.abbv-champion-box .it-is-really-imp .it-is-really-imp-left{margin-top:0}
.abbv-champion-box .ub-hero-banner .ub-vdo-popup .abbv-stretched-card-body{display:block}
.abbv-champion-box .it-is-really-imp-left p.ubrelvy-quotes{color:#75c4d6;font-weight:800;font-family:acumin-pro-condensed,sans-serif !important;text-transform:uppercase;margin:0}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-content-v2 p.feedback{color:#fff;font-family:acumin-pro-condensed,sans-serif !important;font-weight:800;text-transform:uppercase;margin:0;letter-spacing:0}
.abbv-champion-box .it-is-really-imp p.serenwill.video--author{text-transform:none;font-family:acumin-pro,sans-serif !important;font-weight:800;color:#75c4d6}
.abbv-champion-box .it-is-really-imp p.video--desc{font-weight:300;color:#75c4d6;text-transform:none;font-family:acumin-pro,sans-serif !important;letter-spacing:0}
.abbv-champion-box .ub-modal-wrapper .cta.parbase{max-width:1015px;position:absolute;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%);width:100%;height:100%}
.abbv-champion-box .ub-modal-wrapper.mi-new-modal-wrapper .cta.parbase a{bottom:0;left:0;margin:0;top:auto;transform:translate(50%,-50%);position:absolute;border-radius:50%;color:transparent;background:url(/content/dam/ubrelvy/images/video-playButton.png);background-size:contain;border:0}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2){background:#00a274;display:block}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2) .it-is-really-imp-right .right-col-title{color:#fff;font-family:acumin-pro-condensed,sans-serif;font-weight:800;text-transform:uppercase;max-width:415px}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2) .it-is-really-imp-right .right-col-desc{color:#fff;font-family:acumin-pro-condensed,helvetica,arial,sans-serif;text-align:left;font-weight:300}
.abbv-champion-box a.it-is-really-imp{width:100%;max-width:350px;margin:20px auto 0}
@media(max-width:767px){
.abbv-champion-box .abbv-row-container{padding:0;}
.abbv-champion-box .it-is-really-imp>.abbv-row{flex-direction:column}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-display-v2{padding:0}
.abbv-champion-box .it-is-really-imp>.abbv-row .abbv-col:first-child{margin-bottom:20px}
}
@media(max-width:895px){
.abbv-champion-box .it-is-really-imp>.abbv-row{padding:0}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-content-v2{margin: 40px 20px 20px;width:100%}
.abbv-champion-box .abbv-row-container.ub-hero-banner .abbv-image-text-display-v2{padding-top:20px;padding-bottom:110px}
.abbv-champion-box .ub-hero-banner .ub-vdo-popup .abbv-stretched-card-body{max-width:398px}
.abbv-champion-box .it-is-really-imp-left p.ubrelvy-quotes{line-height:16px;letter-spacing:2px;font-size:72px;max-width:74%}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-content-v2 p.feedback{font-size:30px;line-height:28px}
.abbv-champion-box .it-is-really-imp p.serenwill.video--author{margin:20px 0 0 0;line-height:28px;font-size:24px}
.abbv-champion-box .it-is-really-imp p.video--desc{margin:5px 0 0 0;font-size:16px;line-height:25px;padding:10px 25px 0 0}
.abbv-champion-box .ub-modal-wrapper.mi-new-modal-wrapper .cta.parbase a{width:87px;height:87px}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2){padding:0 20px 40px}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2) .it-is-really-imp-right .right-col-title{font-size:30px;line-height:28px; margin:40px 0px 25px;}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2) .it-is-really-imp-right .right-col-desc{font-size:24px;line-height:28px;}
}
@media(min-width:768px) and (max-width:985px){
.abbv-champion-box .it-is-really-imp>.abbv-row .abbv-col{width:49%}
.abbv-champion-box .it-is-really-imp>.abbv-row .abbv-col:last-child{margin-left:2%}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-content-v2{margin: 40px 10px 20px;}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2) .it-is-really-imp-right .right-col-title{margin:60px 0px 35px;}
}
@media(min-width:896px){
.abbv-champion-box .ub-modal-wrapper.mi-new-modal-wrapper img{max-height:787px}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-content-v2{width:100%;margin:60px auto;box-sizing:border-box;padding:0 40px}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-display-v2{padding:0}
.abbv-champion-box .abbv-row-container.ub-hero-banner .abbv-image-text-display-v2{padding-top:20px;padding-bottom:110px}
.abbv-champion-box .ub-hero-banner .ub-vdo-popup .abbv-stretched-card-body{max-width:398px}
.abbv-champion-box .it-is-really-imp-left p.ubrelvy-quotes{line-height:16px;letter-spacing:2px;font-size:72px;max-width:74%}
.abbv-champion-box .it-is-really-imp-left .abbv-image-text-content-v2 p.feedback{font-size:36px;line-height:36px}
.abbv-champion-box .it-is-really-imp p.serenwill.video--author{margin:25px 0 0 0;line-height:28px;font-size:24px}
.abbv-champion-box .it-is-really-imp p.video--desc{margin:10px 0 0 0;font-size:25px;line-height:30px}
.abbv-champion-box .ub-modal-wrapper.mi-new-modal-wrapper .cta.parbase a{width:87px;height:87px}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2){padding:0 40px}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2) .it-is-really-imp-right .right-col-title{font-size:48px;line-height:50px;margin-top:60px;padding-bottom:15px;max-width:415px}
.abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2) .it-is-really-imp-right .right-col-desc{font-size:36px;line-height:36px;}
}
.abbv-modal.modalYoutubeCatPatientStory{top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;max-height:90% !important;width:100%}
.abbv-modal.modalYoutubeCatPatientStory .abbv-modal-content-container{padding:0;max-width:935px;width:100%;margin:0 auto;border:0;box-shadow:none;border-bottom-right-radius:0 !important}
.abbv-modal.modalYoutubeCatPatientStory .abbv-youtube-player{background:#000}
/*------END real-patient-stories-pattern-29.css------ENd*/
/*------START real-patient-stories-pattern-30.css------START*/
.real-story-page-ubrelvy-carousel{background:var(--lightblue);max-width:1440px;margin:0 auto}
.real-story-page-ubrelvy-carousel p.ubrelvy-quotes{font-family:acumin-pro-condensed,'arial bold',sans-serif;font-weight:800;letter-spacing:2px;margin-bottom:0}
.real-story-page-ubrelvy-carousel .ubrelvy-feed{font-weight:800;color:#3b4143;font-family:acumin-pro-condensed,"arial bold",sans-serif;text-transform:uppercase}
.ubrelvy-real-patient{
font-size: 24px;
line-height: 28px;
font-weight: 300;
color: #000;
margin: 0 auto;
}
.real-story-page-ubrelvy-carousel .ubrelvy-feedbacks{margin:0}
.ubrelvy-feedbacks p.carousel-disclaimer{text-align:left;font-weight:bold;color:#404040}
.real-story-page-ubrelvy-carousel .ubrelvy-feedbacks .feed-provider{font-family:acumin-pro-condensed,sans-serif;text-align:right;margin:0}
.real-story-page-ubrelvy-carousel .ubrelvy-feedbacks .feed-provider cite{font-weight:800;font-style:normal;font-family:acumin-pro,helvetica,arial,sans-serif;color:#000}
.real-story-page-ubrelvy-carousel .owl-nav [class*='owl-']{top:30%}
.real-story-page-ubrelvy-carousel .owl-dots .owl-dot span{background:#fff; opacity:.5;}
.real-story-page-ubrelvy-carousel .owl-dots .owl-dot.active span{opacity:1;}
@media(max-width:767px){
.real-story-page-ubrelvy-carousel .owl-dots .owl-dot span{width:16px; height:16px;}
}
@media(max-width:985px){
.real-story-page-ubrelvy-carousel .real-patient-carousel-content{padding:99px 20px 0 !important;display:block;}
.real-story-page-ubrelvy-carousel p.ubrelvy-quotes{font-size:74px;line-height:37px;margin:0 auto 22px auto}
.real-story-page-ubrelvy-carousel .ubrelvy-feed{font-size:28px;line-height:28px;padding-bottom:28px}
.real-story-page-ubrelvy-carousel .ubrelvy-real-patient{font-size:20px;line-height:28px}
.real-story-page-ubrelvy-carousel .ubrelvy-feedbacks .feed-provider cite{font-size:24px;line-height:28px}
.real-story-page-ubrelvy-carousel .ubrelvy-feedbacks p.carousel-disclaimer{font-size:16px;line-height:24px;margin:100px 0 0 0}
.real-story-page-ubrelvy-carousel.owl-theme .owl-dots{padding-bottom:15px; margin-bottom:15px;}
.real-story-page-ubrelvy-carousel .owl-nav button.owl-prev span.abbv-icon-keyboard_arrow_left.i-b::before,.real-story-page-ubrelvy-carousel .owl-nav button.owl-next span.abbv-icon-keyboard_arrow_right.i-b::before{content:''}
.real-story-page-ub-csl-section{margin-bottom:60px;}
.real-story-page-ub-csl-section .result-vary-msg{margin-bottom:0px; font-size:16px; text-align: center;}
}
@media(min-width:986px){
.real-story-page-ubrelvy-carousel{min-height:584px !important;}
.real-story-page-ubrelvy-carousel #slide1 .real-patient-carousel-content{padding:113px 0 0;max-width:842px;margin:0 auto}
.real-story-page-ubrelvy-carousel #slide2 .real-patient-carousel-content{padding:113px 0 0;max-width:870px;margin:0 auto}
.real-story-page-ubrelvy-carousel #slide3 .real-patient-carousel-content{padding:113px 0 0;max-width:872px;margin:0 auto}
.real-story-page-ubrelvy-carousel #slide4 .real-patient-carousel-content{padding:113px 0 0;max-width:618px;margin:0 auto}
.real-story-page-ubrelvy-carousel #slide5 .real-patient-carousel-content{padding:113px 0 0;max-width:872px;margin:0 auto}
.real-story-page-ubrelvy-carousel #slide6 .real-patient-carousel-content{padding:113px 0 0;max-width:872px;margin:0 auto}
.real-story-page-ubrelvy-carousel #slide7 .real-patient-carousel-content{padding:113px 0 0;max-width:856px;margin:0 auto}
.real-story-page-ubrelvy-carousel #slide8 .real-patient-carousel-content{padding:113px 0 0;max-width:872px;margin:0 auto}
.real-story-page-ubrelvy-carousel p.ubrelvy-quotes{font-size:93px}
.real-story-page-ubrelvy-carousel p.ubrelvy-feed{margin-bottom:28px;font-size:45px;line-height:45px}
.real-story-page-ubrelvy-carousel .ubrelvy-feedbacks .feed-provider cite{font-size:30px;line-height:28px}
.real-story-page-ubrelvy-carousel .ubrelvy-feedbacks p.carousel-disclaimer{margin-top:140px}
.real-story-page-ubrelvy-carousel .ubrelvy-real-patient{font-size:24px;line-height:28px}
.real-story-page-ubrelvy-carousel.owl-theme .owl-dots{padding-bottom:15px; margin-bottom:15px;}
.real-story-page-ubrelvy-carousel .owl-nav button.owl-prev span.abbv-icon-keyboard_arrow_left.i-b::before,.real-story-page-ubrelvy-carousel .owl-nav button.owl-next span.abbv-icon-keyboard_arrow_right.i-b::before{content:'';position:absolute;background-size:contain;bottom:0;background-repeat:no-repeat}
.real-story-page-ubrelvy-carousel .owl-nav button.owl-prev span.abbv-icon-keyboard_arrow_left.i-b::before{right:0;left:60px;top:-32px;width:42px;height:80px;background:url(/content/dam/ubrelvy/images/arrowLeft.png)}
.real-story-page-ubrelvy-carousel .owl-nav button.owl-next span.abbv-icon-keyboard_arrow_right.i-b::before{right:60px;top:-32px;width:42px;height:80px;background:url(/content/dam/ubrelvy/images/arrowRight.png)}
.real-story-page-ub-csl-section{margin-bottom:60px;}
.real-story-page-ub-csl-section .result-vary-msg{margin-bottom:0px; font-size:16px; text-align:center;}
.real-story-page-ubrelvy-carousel .owl-dots .owl-dot span{width:27px; height:27px;}
}
@media(min-width:768px) and (max-width:985px){
.real-story-page-ubrelvy-carousel{min-height:450px !important}
.real-story-page-ubrelvy-carousel #slide1 .real-patient-carousel-content{padding:113px 15px 0}
.real-story-page-ubrelvy-carousel .real-patient-carousel-content{max-width:calc(100% - 30px) !important;margin:0 !important;box-sizing:border-box}
.real-story-page-ubrelvy-carousel .owl-nav button.owl-prev span.abbv-icon-keyboard_arrow_left.i-b::before,.real-story-page-ubrelvy-carousel .owl-nav button.owl-next span.abbv-icon-keyboard_arrow_right.i-b::before{content:''}
.real-story-page-ubrelvy-carousel .owl-dots .owl-dot span{width:27px; height:27px;}
}
/*migrain mode setting*/
.abbv-view-toggle .real-patients-stories-banner .banner-with-left-text .text-container .banner-top-caption,
.abbv-view-toggle .real-patients-stories-banner .banner-with-left-text .text-container .banner-title{color:var(--cream)}
.abbv-view-toggle .abbv-champion-box .it-is-really-imp .abbv-row .abbv-col-6:nth-child(2){background:var(--darkgray) !important;}
.abbv-view-toggle .abbv-champion-box .it-is-really-imp p.video--desc,
.abbv-view-toggle .abbv-champion-box .it-is-really-imp p.serenwill.video--author,
.abbv-view-toggle .abbv-champion-box .it-is-really-imp-left p.ubrelvy-quotes{color:#fff !important;}
.abbv-view-toggle .real-story-page-ubrelvy-carousel{background:var(--darkgray)}
.abbv-view-toggle .real-story-page-ubrelvy-carousel .ubrelvy-feedbacks .feed-provider cite{color:var(--cream) !important; opacity: 0.6 !important;}
.abbv-view-toggle .real-story-page-ubrelvy-carousel p.ubrelvy-feed,
.abbv-view-toggle .real-story-page-ubrelvy-carousel .ubrelvy-feedbacks p.carousel-disclaimer{color:#fff;}
/*------END real-patient-stories-pattern-30.css------END*/
/*------START resources-pattern.css------START*/
/* RESOURCES PAGE COMMON CSS */
/*38-FIND THE RIGHT MIGRAINE SPECIALIST*/
.find-specialist {
padding-top: 60px;
}
/*46-TALK TO A HEALTHCARE*/
.ubrelvy-resources .talk-to-a-healthcare{
padding-top: 90px;
padding-bottom: 60px;
}
.ubrelvy-resources .talk-to-a-healthcare .talk-to-hcp-footnote-desk p.talk-to-doc-note{
font-size: 14px;
line-height: 18px;
}
@media(max-width:985px) {
.ubrelvy-resources .talk-to-a-healthcare{
padding-top: 63px;
padding-bottom: 60px;
}
.ubrelvy-resources .talk-to-a-healthcare .talk-to-hcp-footnote-mob p.talk-to-doc-note{
font-size: 12px;
line-height: 16px;
}
}
/*40- REAL PERSON TO ANSWER REAL QUESTIONS & EXPLORE THE BROCHURE */
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.talk-to-a-healthcare .talk-to-hcp-footnote-desk{
padding: 0 20px;
}
}
/*------START resources-pattern-37.css------START*/
.your-goto-banner .banner-with-left-text .text-container {
text-align: left;
width: 100%;
max-width: 55%
}
.your-goto-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 0 20px;
box-sizing: border-box;
margin: 65px auto 0
}
.your-goto-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-display-v2 {
padding: 0
}
.your-goto-banner .banner-with-left-text .text-container .banner-top-caption {
color: var(--white);
text-transform: uppercase;
font-family: 'acumin-pro-wide', 'arial bold', sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 300;
text-align: left;
letter-spacing: 2.5px;
margin-bottom: 0
}
.your-goto-banner .banner-with-left-text .text-container .banner-title {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 50px;
margin-bottom: 16px
}
.your-goto-banner .banner-with-left-text .text-container p.description {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
color: var(--white);
line-height: 28px
}
@media(max-width:767px) {
.your-goto-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 380px
}
.your-goto-banner .banner-with-left-text img {
width: 100%;
height: auto;
vertical-align: middle
}
.your-goto-banner .banner-with-left-text .text-container {
padding-right: 100px;
max-width: 400px;
}
.your-goto-banner .banner-with-left-text .text-container .banner-title {
font-size: 30px;
line-height: 28px;
width: 100%
}
.your-goto-banner .banner-with-left-text .text-container p.description {
max-width: 100%
}
}
@media(min-width:768px) and (max-width:985px) {
.your-goto-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 100%;
}
.your-goto-banner .banner-with-left-text .text-container {
max-width: 50%
}
.your-goto-banner .banner-with-left-text .text-container .banner-title {
font-size: 40px;
line-height: 35px;
width: 100%
}
.your-goto-banner .banner-with-left-text .text-container p.description {
max-width: 370px;
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.your-goto-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
padding: 0 40px;
margin: 15px auto 0;
}
}
/*------END resources-pattern-37.css------END*/
/*------START resources-pattern-38.css------START*/
/*FIND THE RIGHT MIGRAINE SPECIALIST*/
.find-specialist h2 {
margin-bottom: 24px;
font-size: 60px;
line-height: 50px;
}
@media(max-width:985px) {
.find-specialist h2 {
font-size: 30px;
line-height: 28px;
margin-bottom: 0;
}
}
/* Ipad AIR */
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
.find-specialist h2 {
font-size: 30px;
line-height: 28px;
margin-bottom: 24px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.find-specialist{
padding-left: 20px;
padding-right: 20px;
}
.find-specialist h2 {
margin-bottom: 24px;
font-size: 60px;
line-height: 50px;
}
}
/*------END resources-pattern-38.css------END*/
/*------START resources-pattern-39.css------START*/
/*39-MIGRAINE TIPS*/
/*small screen - carousel*/
@media (max-width:985px) {
.migrain-tips {
display: none;
}
.migrain-tips-carousel {
display: block;
}
.migrain-tips-header h2{
font-size:30px;
line-height: 28px;
margin-bottom: 28px;
}
.migrain-tips-carousel img {
max-width: 91px;
margin: auto;
width:100%;
}
.migrain-tips-carousel .inner-wrapper {
margin-bottom: 18px;
margin-top: 10px;
padding: 21px 14px 42px;
height: 475px;
}
.migrain-tips-carousel .inner-wrapper .image-container-first,
.migrain-tips-carousel .inner-wrapper .image-container-second,
.migrain-tips-carousel .inner-wrapper .image-container-third {
height: 110px;
margin-top: 10px;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.migrain-tips-carousel .inner-wrapper .image-container-third img {
max-width: 111px;
}
.migrain-tips-carousel .title {
font-size: 40px;
line-height: 35px;
margin-top: 80px;
}
.migrain-tips-carousel .description {
width: 99%;
font-size: 16px;
font-weight: 600;
line-height: 21px;
text-align: center;
}
.owl-theme.migraine-box-carousel .owl-dots {
-webkit-tap-highlight-color: transparent;
position: absolute;
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
bottom: 24px;
}
.owl-theme.migraine-box-carousel .owl-dots .owl-dot span {
width: 14px;
height: 14px;
}
.owl-theme.migraine-box-carousel .owl-dots .owl-dot.active span,
.owl-theme.migraine-box-carousel .owl-dots .owl-dot:hover span {
background: #fff;
}
.migrain-tips .title {
text-align: center;
margin-bottom: 18px;
margin-top: 10px;
min-height: 60px;
font-size: 40px;
line-height: 35px;
}
}
/*large screen- cards*/
@media (min-width:986px) {
.migrain-tips {
display: block;
}
.migrain-tips-header h2{
font-size: 60px;
line-height: 50px;
margin-bottom: 24px;
}
.migrain-tips-carousel {
display: none;
}
.migrain-tips img {
max-width: 91px;
}
.migrain-tips .inner-wrapper {
margin-bottom: 18px;
margin-top: 10px;
padding: 21px 14px 42px;
}
.migrain-tips .inner-wrapper .image-container,
.migrain-tips .inner-wrapper .image-container-third {
height: 110px;
margin-top: 10px;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.migrain-tips .inner-wrapper .image-container-third img {
max-width: 111px;
}
.migrain-tips .title {
text-align: center;
margin-bottom: 18px;
margin-top: 10px;
font-size: 38px;
line-height: 33px;
}
.migrain-tips .description {
width: 99%;
font-size: 18px;
font-weight: 600;
line-height: 21px;
text-align: center;
min-height: 180px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.migrain-tips,
.migrain-tips-header{
padding: 0 20px;
}
}
/*------END resources-pattern-39.css------END*/
/*------START resources-pattern-40.css------START*/
/*40- REAL PERSON TO ANSWER REAL QUESTIONS & EXPLORE THE BROCHURE */
.explore-the-brochure {
padding-top: 47px;
}
.explore-the-brochure.two-column-small .customer-care {
display: flex;
align-items: flex-start;
}
.explore-the-brochure.two-column-small .customer-care img {
width: 60px;
margin-right: 24px;
}
.explore-the-brochure h1,
.explore-the-brochure p {
max-width: 100%;
margin-top: 0;
margin-bottom: 30px;
}
.explore-the-brochure p {
color: #3b4143;
font-size: 18px;
line-height: 30px
}
/*small*/
@media (max-width:985px) {
.browser-flex-wrapper {
display: flex;
flex-direction: column-reverse;
}
.explore-the-brochure {
padding-top: 28px;
}
.explore-the-brochure h1 {
margin-top: 28px;
margin-bottom: 28px;
font-size: 30px;
line-height: 28px;
}
.explore-the-brochure p {
margin-bottom: 28px;
font-size: 16px;
line-height: 28px;
}
.explore-the-brochure .abbv-row {
display: flex;
flex-direction: column-reverse;
}
.explore-the-brochure .ubrelvy-work-image {
display: none;
}
.explore-the-brochure.two-column-small .customer-care .ubrevy-work-text {
max-width: 100%;
margin-bottom: 0px;
}
.explore-the-brochure.two-column-small .customer-care .ubrevy-work-text .ubrelvy-text-blue{
text-decoration: none;
font-weight: 300;
}
.explore-the-brochure.two-column-small .inner-wrapper-right {
max-width: 100%;
}
.explore-the-brochure .brochure-abbv-box img {
max-width: 350px;
}
.explore-the-brochure-section2 .abbv-button-primary.i-a.btn-blue {
margin: 0px;
}
/*no animation need in small screen*/
.inner-wrapper-right.abbv-animation.abbv-fadeInUp {
opacity: unset;
}
}
@media(min-width:768px) and (max-width:985px) {
.explore-the-brochure .brochure-abbv-box {
margin-right: auto;
margin-left: auto;
}
.explore-the-brochure .brochure-abbv-box img {
max-width: 513px;
}
}
/*large*/
@media (min-width:986px) {
.explore-the-brochure .ubrelvy-work-image {
display: block;
}
.explore-the-brochure .ubrelvy-work-image img {
max-width: 1200px;
width: 1200px;
position: absolute;
left: -800px;
top: -20px;
}
.explore-the-brochure.two-column-small .customer-care .ubrevy-work-text {
max-width: 300px;
}
.explore-the-brochure.two-column-small .customer-care .ubrevy-work-text .ubrelvy-text-blue{
text-decoration: none;
font-weight: 300;
}
.explore-the-brochure.two-column-small .inner-wrapper-right {
max-width: 100%;
}
.explore-the-brochure .brochure-abbv-box img {
max-width: 513px;
}
.explore-the-brochure-section2 h1 {
margin-top: 33px;
margin-bottom: 21px;
}
.explore-the-brochure-section2 .abbv-button-primary.i-a.btn-blue {
width: 350px;
margin: 22px 0 0;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.explore-the-brochure {
padding: 0 20px;
}
}
/*------END resources-pattern-40.css------END*/
/*------START resources-pattern-41.css------START*/
/*41-MORE MIGRAINE RESOURCES*/
/*common*/
.more-on-migraine-section {
padding-top: 90px;
}
.more-on-migraine-section h2 {
margin: 30px 0;
font-size: 60px;
line-height: 50px;
}
.more-migration-resources .inner-wrapper-left p,
.more-migration-resources .inner-wrapper-right p {
color: #3b4143;
font: normal 300 18px/30px 'acumin-pro', sans-serif;
margin: 0 0 30px;
}
.more-migration-resources .inner-wrapper-left p b,
.more-migration-resources .inner-wrapper-right p b {
font-weight: 700;
}
/*blue link*/
.more-migration-resources a.link {
color: #004a98;
text-decoration: underline;
font: normal 800 16px/30px 'acumin-pro', sans-serif;
line-height: 28px;
}
/*darkgray link*/
.more-migration-resources .social-link a {
display: flex !important;
justify-content: flex-start;
align-items: center;
font: normal 800 15px/20px 'acumin-pro', sans-serif;
padding-left: 32px;
min-height: 35px;
color: var(--body-text);
}
.more-migration-resources .social-link a:before {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
margin-right: 8px;
width: 24px
}
/*social icons*/
.more-migration-resources .social-link .social-link-f a::before {
background-image: url(/content/dam/ubrelvy/images/facebook-charcoal.svg);
background-repeat: no-repeat;
position: absolute;
width: 24px;
height: 24px;
content: " ";
left: 0;
bottom: 0 !important;
top: 6px !important;
}
.more-migration-resources .social-link .social-link-i a::before {
background-image: url(/content/dam/ubrelvy/images/instagram-charcoal.svg);
background-repeat: no-repeat;
position: absolute;
width: 24px;
height: 24px;
content: " ";
left: 0;
bottom: 0 !important;
top: 6px !important;
}
.more-migration-resources .social-link .social-link-m a::before {
background-image: url(/content/dam/ubrelvy/images/email-dark.svg);
background-repeat: no-repeat;
position: absolute;
width: 24px;
height: 24px;
content: " ";
left: 0;
bottom: 0 !important;
top: 8px !important;
}
/*small screen*/
@media (max-width:985px) {
.desktop-only {
display: none;
}
.mobile-only {
display: block;
}
.more-on-migraine-section {
padding-top: 112px;
}
.more-migration-resources .inner-wrapper-left {
border-bottom: 1px solid #979797;
min-height: 200px;
padding-bottom: 0px;
}
.more-migration-resources .inner-wrapper-right {
border-bottom: 1px solid #979797;
}
.more-on-migraine-section h2 {
margin: 0;
font-size: 30px;
line-height: 28px;
}
.more-migration-resources .social-link {
margin-bottom: 28px;
}
.more-migration-resources.two-column-small .abbv-col-flush-6:first-child,
.more-migration-resources.two-column-small .abbv-col-flush-6:last-child {
margin-bottom: 0;
margin-top: 28px;
}
.more-migration-resources .inner-wrapper-left p,
.more-migration-resources .inner-wrapper-right p {
font-size: 16px;
line-height: 28px;
}
.more-migration-resources .social-link a {
font-size: 16px;
}
.more-migration-resources.section2 .abbv-col-flush-6:nth-child(2) .inner-wrapper-right{
border-bottom: transparent;
}
}
/*large screen */
@media (min-width:986px) {
.desktop-only {
display: block;
}
.mobile-only {
display: none;
}
.more-migration-resources {
margin: 0px auto;
}
.more-migration-resources .inner-wrapper-left {
padding-right: 40px;
border-right: 1px solid;
min-height: 300px;
}
.more-migration-resources .inner-wrapper-right {
padding-left: 30px;
}
.more-migration-resources .inner-wrapper-left p,
.more-migration-resources .inner-wrapper-right p {
font-size: 18px;
line-height: 30px;
}
.more-migration-resources .social-link a {
font-size: 16px;
}
.more-migration-resources.two-column-small .abbv-col-flush-6:nth-child(1),
.more-migration-resources.two-column-small .abbv-col-flush-6:nth-child(2) {
width: 50%;
padding: 0;
}
.more-migration-resources.section1 {
margin-bottom: 63px;
}
}
@media (min-width: 768px) and (max-width: 985px) {
.more-migration-resources .inner-wrapper-left p,
.more-migration-resources .inner-wrapper-right p {
font-size: 16px;
line-height: 28px;
}
.more-migration-resources .social-link a {
font-size: 16px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.more-on-migraine-section {
padding: 0 20px;
}
}
/*------END resources-pattern-41.css------END*/
/*------START resources-pattern-42.css------START*/
/*42-BE A PART OF THE MIGRAINE COMMUNITY*/
/* text style inside the image on the left side*/
.be-a-part-banner {
margin-top: 95px;
margin-bottom: 94px;
}
.be-a-part-banner .mobile-only{
display: none;
}
.banner-with-left-text .text-container {
text-align: left;
width: 100%;
max-width: 50%;
}
.be-a-part-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 0 20px;
box-sizing: border-box;
margin: 117px auto 0;
}
.be-a-part-banner .banner-with-left-text .text-container .banner-title {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 50px;
margin-bottom: 16px;
}
.be-a-part-banner .banner-with-left-text .text-container p.description {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
color: var(--white);
line-height: 28px;
margin: 28px 0 30px;
}
.be-a-part-banner ul.ubrelvy-social-icon {
justify-content: flex-start;
}
.be-a-part-banner ul.ubrelvy-social-icon li {
padding: 0;
margin-right: 30px;
}
ul.ubrelvy-social-icon {
list-style-type: none;
display: flex;
padding: 0;
}
.be-a-part-banner ul.ubrelvy-social-icon li img {
width: 60px;
}
@media(max-width:767px) {
.be-a-part-banner {
margin-top: 28px;
margin-bottom: 28px;
}
.be-a-part-banner .mobile-only{
display: block;
}
.be-a-part-banner .abbv-image-text-content-container-v2.top-left{
display: flex;
justify-content: flex-end;
}
.be-a-part-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
padding: 0;
display: flex;
align-items: flex-end;
margin: 0;
}
.be-a-part-banner .banner-with-left-text img {
width: 100%;
height: auto;
vertical-align: middle
}
.be-a-part-banner .banner-with-left-text .text-container {
text-align: left;
width: 100%;
max-width: 100%;
padding: 16px 0 16px;
}
.be-a-part-banner .banner-with-left-text .text-container .banner-title {
font-size: 30px;
line-height: 28px;
width: 100%
}
.be-a-part-banner .banner-with-left-text .text-container p.description {
max-width: 100%;
margin: 28px 0 30px;
}
.be-a-part-banner ul.ubrelvy-social-icon li {
padding: 0;
margin-right: 20px;
}
.be-a-part-banner ul.ubrelvy-social-icon li img {
width: 45px;
}
}
@media(min-width:768px) and (max-width:985px) {
.be-a-part-banner {
margin-top: 28px;
margin-bottom: 28px;
}
.be-a-part-banner .mobile-only{
display: none;
}
.be-a-part-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 0 20px;
box-sizing: border-box;
margin: 50px auto 0;
}
.be-a-part-banner .abbv-image-text-v2 .abbv-image-text-display-v2 {
padding: 0;
}
.be-a-part-banner .banner-with-left-text .text-container {
max-width: 60%
}
.be-a-part-banner .banner-with-left-text .text-container .banner-title {
font-size: 30px;
line-height: 28px;
width: 100%
}
.be-a-part-banner .banner-with-left-text .text-container p.description {
max-width: 100%;
margin: 28px 0 30px;
}
.be-a-part-banner ul.ubrelvy-social-icon li {
padding: 0;
margin-right: 20px;
}
.be-a-part-banner ul.ubrelvy-social-icon li img {
width: 45px;
}
}
/* Ipad AIR */
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
.be-a-part-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 20px;
box-sizing: border-box;
margin: 50px auto 0;
display: flex;
align-items: flex-end;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.be-a-part-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
padding: 0 40px;
margin: 15px auto 0;
}
}
/*migrain mode setting*/
.abbv-view-toggle .your-goto-banner .banner-with-left-text .text-container .banner-top-caption,
.abbv-view-toggle .your-goto-banner .banner-with-left-text .text-container .banner-title,
.abbv-view-toggle .be-a-part-banner .banner-with-left-text .text-container .banner-title {
color: var(--cream);
}
.abbv-view-toggle .abbv-view-toggle .ubrelvy-work-image img {
filter: brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(511%) hue-rotate(149deg) brightness(95%) contrast(91%);
}
/*------END resources-pattern-42.css------END*/
/*------START savings.css------START*/
/*46-TALK TO A HEALTHCARE*/
.ubrelvy-savings .talk-to-a-healthcare {
padding-top: 90px;
padding-bottom: 60px;
}
.ubrelvy-savings .talk-to-a-healthcare .talk-to-hcp-footnote-desk p.talk-to-doc-note {
font-size: 14px;
line-height: 18px;
}
@media(max-width:767px) {
.ubrelvy-savings .talk-to-a-healthcare {
padding-top: 0;
}
.ubrelvy-savings .talk-to-a-healthcare .talk-to-hcp-footnote-mob p.talk-to-doc-note {
font-size: 12px;
line-height: 16px;
}
}
@media(min-width:768px) and (max-width:985px) {
.ubrelvy-savings .talk-to-a-healthcare {
padding-top: 63px;
padding-bottom: 60px;
}
.ubrelvy-savings .talk-to-a-healthcare .talk-to-hcp-footnote-mob p.talk-to-doc-note {
font-size: 12px;
line-height: 16px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.ubrelvy-savings .talk-to-hcp-footnote-desk {
padding: 0 20px;
}
.ubrelvy-savings-eligible-patient-section,
.savings-terms {
padding: 0 20px;
}
}
/* SAVINGS SIGN-UP OFFER FORM ----*/
.ubrelvy-page-width-540 {
max-width: 600px;
padding: 30px 30px 0 30px;
margin: 0 auto;
}
.savings-form-wrapper {
display: flex;
flex-direction: row;
margin-top: 15px;
}
.savings-signup-container .savings-form-title h2.ubrelvy-title {
color: var(--green);
font-family: "acumin-pro", sans-serif;
font-weight: 800;
font-size: 24px;
line-height: 24px;
margin: 0;
}
.savings-signup-container .savings-form-img {
width: 40px;
margin-right: 10px;
}
.savings-form-content p.description,
.savings-form-content p.description.terms {
font-size: 16px;
line-height: 20px;
color: #404040;
font-weight: 200;
letter-spacing: 0;
font-family: 'acumin-pro', sans-serif;
margin: 0;
}
.savings-form-content p.description.terms,
.savings-form-content p.description.terms a {
margin: 15px 0;
font-size: 12px;
line-height: 15px;
}
.savings-form-content p.description.terms a {
color: #004a98;
font-weight: 300;
}
@media (max-width:767px) {
.ubrelvy-page-width-540 {
max-width: 100%;
padding: 30px 10px 0px 10px;
}
}
.savings-card-download {
margin-top: 50px;
}
.savings-card-download p.ubrelvy-title,
.savings-card-thankyou .ubrelvy-title,
.savings-terms .ubrelvy-title {
color: #00a274;
text-transform: uppercase;
border-bottom: 0;
margin-bottom: 54px;
font: normal 800 60px / 50px 'acumin-pro-condensed', sans-serif;
}
.savings-card-thankyou .ubrelvy-title {
margin-bottom: 60px;
}
.savings-card-download p.description.note1 {
margin-bottom: 16px;
}
.savings-card-download .left-section .download-icon {
height: 55px;
width: 46px;
margin-right: 20px;
vertical-align: sub;
}
.savings-card-download .icon-with-txt {
color: #004a98;
font: normal 300 15px/20px 'acumin-pro', sans-serif;
text-transform: uppercase;
}
.savings-card-download .icon-with-txt strong {
font-weight: 700;
}
.savings-download-list,
.savings-thankyou-list {
list-style: none;
padding-left: 0;
}
.savings-download-list li,
.savings-thankyou-list li,
.savings-card-thankyou p.description,
.savings-card-download p.description span.blue-txt a,
.savings-card-thankyou p.description a {
font: normal 300 18px/30px 'acumin-pro', sans-serif;
color: #404040;
letter-spacing: 0;
}
.savings-download-list li,
.savings-thankyou-list li {
font-weight: 700;
}
.savings-download-list li span,
.savings-thankyou-list li span {
color: #00a274;
text-transform: uppercase;
}
.savings-card-download p.description.note2 {
margin: 18px 0;
}
.savings-card-download p.description span.blue-txt,
.savings-card-download p.description span.blue-txt a,
.savings-card-thankyou p.description a {
color: #004a98;
text-transform: uppercase;
}
.savings-card-thankyou p.description a {
font-weight: 700;
}
.savings-card-download .abbv-button-primary.i-a.btn-blue {
width: 350px;
margin-bottom: 56px;
}
iframe#aemFormFrame {
min-height: 508px;
}
@media (max-width:767px) {
.savings-card-download .abbv-row {
padding: 0;
}
.savings-download-list li,
.savings-card-download p.description.note2,
.savings-card-download p.description span.blue-txt a {
font-size: 16px;
line-height: 28px;
}
.savings-card-download .abbv-button-primary.i-a.btn-blue {
width: 100%;
margin-bottom: 0;
}
.savings-card-download .right-section {
margin: 56px 0 92px 0;
}
}
@media(min-width:768px) and (max-width:985px) {
.savings-card-download {
margin-top: 30px;
}
.savings-card-download .right-section {
margin-bottom: 92px;
}
.savings-card-download p.ubrelvy-title {
font: normal 800 30px/28px acumin-pro-condensed, "arial bold", sans-serif;
margin-bottom: 50px;
}
.savings-card-download .abbv-row {
padding: 0;
}
}
/* SAVINGS THANKYOU */
.savings-card-thankyou {
margin: 64px auto 0;
}
.savings-card-thankyou p.description {
margin-top: 30px;
}
.savings-card-thankyou .savings-thankyou-img {
margin: 30px 0;
}
.savings-card-thankyou .savings-thankyou-img img {
max-width: 475px;
}
.savings-card-thankyou .savings-thankyou-img.not-actual-card:after {
content: 'Not actual card';
bottom: -20px;
position: absolute;
left: 350px;
}
@media (max-width:984px) {
.savings-card-thankyou {
margin-top: 28px;
}
.savings-card-thankyou .ubrelvy-title {
font: normal 800 30px/28px acumin-pro-condensed, "arial bold", sans-serif;
margin-bottom: 56px;
}
.savings-thankyou-list li,
.savings-card-thankyou p.description,
.savings-card-thankyou p.description a {
font-size: 16px;
line-height: 30px;
}
.savings-card-thankyou p.description {
margin: 28px 0 0 0;
}
.savings-card-thankyou .savings-thankyou-img {
display: none;
}
}
/* SAVINGS TERMS -----*/
.savings-terms ol.savings-terms-list li.black-weight {font-weight:bold;}
.savings-terms {
padding-top: 120px;
}
.savings-terms .ubrelvy-title {
margin: 63px 0;
}
.savings-terms ol.savings-terms-list {
margin-top: 0;
padding: 0 0 0 20px;
}
.savings-terms ol.savings-terms-list li,
.savings-terms ol.savings-terms-list li a .savings-terms p.savings-terms-desc,
.sagings-terms p.savings-terms-desc a {
line-height: 30px;
font-size: 18px;
margin-bottom: 30px;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
color: #3b4143;
}
.savings-terms p.savings-terms-desc,
.savings-terms p.savings-terms-desc strong a {
font: normal 300 18px/30px 'acumin-pro', sans-serif;
color: #404040;
letter-spacing: 0;
margin-bottom: 10px;
}
.savings-terms ol.savings-terms-list li strong a,
.savings-terms p.savings-terms-desc strong a {
font-weight: 700;
color: #004a98;
margin: 0;
}
@media (max-width:984px) {
.savings-terms {
padding-top: 150px;
}
.savings-terms .ubrelvy-title {
font: normal 800 30px/28px acumin-pro-condensed, "arial bold", sans-serif;
margin-bottom: 56px;
margin-top: 28px;
}
.savings-terms ol.savings-terms-list li,
.savings-terms ol.savings-terms-list li a,
.sagings-terms p.savings-terms-desc a,
.savings-terms p.savings-terms-desc,
.savings-terms p.savings-terms-desc strong a {
font-size: 16px;
line-height: 28px;
margin-bottom: 28px;
}
.savings-terms p.savings-terms-desc strong a {
font-size: 18px;
line-height: 30px;
}
}
@media(max-width:767px){
.savings-terms p.savings-terms-desc {
margin-bottom: 16px;
padding: 0 20px;
}
}
@media(min-width:768px) and (max-width:985px) {
.savings-terms p.savings-terms-desc {
margin-bottom: 0px;
padding: 0 20px;
}
}
/*------START savings-pattern-43.css------START*/
/*43-SAVING-COMPLETE BANNER*/
.ubrelvy-complete-welcome-banner {
position: relative;
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .text-container {
text-align: left;
width: 100%;
max-width: 592px;
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 0 20px;
box-sizing: border-box;
margin: 65px auto 0;
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .abbv-image-text-display-v2 {
padding: 0
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .text-container .banner-title {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 50px;
margin-bottom: 17px
}
.hero-callout {
margin: auto;
max-width: 1015px;
position: relative
}
.hero-callout-cta {
background: #00a274;
border: 0;
border-radius: 0 30px 30px 0;
color: white;
font-family: 'acumin-pro-condensed', sans-serif;
font-size: 21px;
height: auto;
line-height: 25px;
margin-bottom: 0;
padding: 7px 40px 7px 0;
position: absolute;
text-align: left;
text-transform: none;
top: max(-21vw, -300px);
white-space: normal;
width: 440px;
font-weight: 500;
letter-spacing: 1px;
}
.hero-callout-cta:active,
.hero-callout-cta:visited,
.hero-callout-cta:hover {
background: #00a274
}
.hero-callout-cta b {
font-weight: 800
}
.hero-callout .cta,
.hero-callout .rich-text {
position: relative
}
.hero-callout .cta::before,
.hero-callout .rich-text::before {
content: '';
background: #00a274;
height: 64px;
left: -50vw;
position: absolute;
top: max(-21vw, -300px);
width: 50vw
}
.hero-callout .cta::after {
content: '';
border: solid white;
border-width: 0 5px 5px 0;
display: inline-block;
height: 6px;
left: 405px;
margin-top: 24px;
padding: 3px;
pointer-events: none;
position: absolute;
top: max(-21vw, -300px);
transform: rotate(-45deg);
width: 6px
}
.hero-callout .rich-text::before {
height: 39px
}
.hero-callout .rich-text p {
margin: 0
}
.hero-callout-text {
width: 330px
}
.ubrelvy-savings-card-txt {
right: 7vw;
top: 23vw;
position: absolute;
}
.ubrelvy-savings-card-txt p {
color: var(--white);
letter-spacing: 0;
font: normal 300 18px / 30px 'acumin-pro', sans-serif;
}
@media(max-width:767px) {
.ubrelvy-complete-welcome-banner .banner-with-left-text .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 380px
}
.ubrelvy-complete-welcome-banner .banner-with-left-text img {
width: 100%;
height: auto;
vertical-align: middle
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .text-container {
max-width: 280px;
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .text-container .banner-title {
font-size: 30px;
line-height: 28px;
width: 100%;
margin-bottom: 12px;
}
.ubrelvy-savings-card-txt p {
color: var(--white);
letter-spacing: 0;
font: normal 300 16px / 28px 'acumin-pro', sans-serif;
}
}
@media(max-width:985px) {
.hero-callout-cta {
font-size: 14px;
line-height: 18px;
padding: 7px 40px 7px 10px;
top: max(-51vw, -190px);
width: 330px
}
.hero-callout .cta::after {
border-width: 0 4px 4px 0;
height: 5px;
left: 298px;
margin-top: 27px;
top: max(-51vw, -190px);
width: 5px
}
.hero-callout-text {
border-radius: 30px 0 0 30px;
padding-left: 30px;
right: 0;
text-align: right;
top: max(-28vw, -120px);
width: auto
}
.hero-callout .rich-text::before {
left: auto;
right: -50vw
}
.ubrelvy-savings-card-txt p {
color: var(--white);
letter-spacing: 0;
font: normal 300 16px / 28px 'acumin-pro', sans-serif;
}
}
@media(min-width:768px) and (max-width:985px) {
.ubrelvy-complete-welcome-banner .banner-with-left-text .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 100%;
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .text-container {
max-width: 50%
}
.ubrelvy-complete-welcome-banner .banner-with-left-text .text-container .banner-title {
font-size: 40px;
line-height: 35px;
width: 100%
}
.hero-callout-cta {
top: max(-20vw, -150px);
}
.hero-callout .cta::after {
margin-top: 17px;
top: max(-20vw, -150px);
}
}
@media(max-width: 600px) {
.ubrelvy-savings-card-txt {
right: 10px;
top: 73vw
}
}
@media(min-width: 1441px) {
.ubrelvy-savings-card-txt {
right: 110px;
top: 340px
}
}
/* Ipad AIR */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
.hero-callout-cta,
.hero-callout .cta::before,
.hero-callout .rich-text::before {
top: max(-17vw, -190px);
}
.hero-callout .cta::after {
margin-top: 24px;
top: max(-17vw, -190px);
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.ubrelvy-complete-welcome-banner .banner-with-left-text .abbv-image-text-content-v2 {
padding: 0 40px;
margin: 15px auto 0;
}
.hero-callout-cta {
top: max(-21vw, -300px);
}
.hero-callout .cta::before,
.hero-callout .rich-text::before {
height: 64px;
left: -50vw;
top: max(-21vw, -300px);
width: 50vw
}
.hero-callout .cta::after {
top: max(-21vw, -300px);
}
}
/*------END savings-pattern-43.css------END*/
/*------START savings-pattern-44.css------START*/
/*44-ELIGIBLE PATIENTS MAY PAY AS LITTLE*/
.how-to-save {
font-family: 'acumin-pro-wide', sans-serif;
}
.eligible-patient .left-section p.description {
line-height: 30px;
font-weight: 500;
color: var(--darkgray);
}
/*small screen */
@media(max-width:985px) {
.eligible-title-section p.small-title {
text-transform: uppercase;
font: normal 800 35px / 30px 'acumin-pro-condensed', sans-serif;
margin: 0;
max-width: 100%;
text-align: center;
}
.eligible-patient .left-section p.description {
font-size: 19px;
text-align: center;
}
.eligible-title-section p.large-title {
font: normal 800 44px / 41px 'acumin-pro-condensed', sans-serif;
margin: 10px auto 20px;
max-width: 220px;
}
.eligible-patient .card-below-image {
margin: -25px -20px 0;
z-index: 0;
overflow: hidden;
margin-top: -25vw;
}
.eligible-patient .card-below-image img {
position: relative;
left: -40%;
width: 895px
}
.eligible-patient .right-section.card-image {
z-index: 1;
}
.how-to-save-section p.how-to-save {
font: normal 800 24px / 28px 'acumin-pro-wide', sans-serif;
text-align: left;
}
.how-to-save-section p.description {
font-size: 16px;
line-height: 28px;
margin: 14px 0 28px;
text-align: left;
}
.eligible-patient .right-section.card-image .saving-card-txt {
right: 10px;
position: absolute;
top: -3vw;
font: normal 300 14.4px / 30px 'acumin-pro', sans-serif;
}
.eligible-disclaimer-section .footnote p.description,
.eligible-disclaimer-section .footnote p.description a {
font-size: 12px;
line-height: 16px;
text-indent: -4px;
margin-bottom: 18px;
margin-top: 16px;
}
.eligible-disclaimer-section .footnote p.description.note2 {
margin-bottom: 0;
}
.how-to-save-section .abbv-button-primary.i-a.btn-blue {
font-size: 14px;
margin-top: 0;
}
}
@media(min-width:768px) and (max-width:985px) {
.eligible-title-section p.large-title {
font: normal 800 44px / 41px 'acumin-pro-condensed', sans-serif;
margin: 10px auto 20px;
max-width: 100%;
text-align: center;
}
.eligible-patient .left-section p.description {
text-align: center;
font: normal 500 19px / 30px 'acumin-pro', sans-serif;
}
.eligible-patient .right-section.card-image {
width: 400px;
right: auto;
position: absolute;
}
.eligible-patient .card-below-image {
margin: -25px -20px 0;
z-index: 0;
overflow: hidden;
margin-top: 110px;
}
.eligible-patient .card-below-image img {
position: relative;
left: -40%;
width: 985px;
}
.eligible-patient .right-section.card-image .saving-card-txt {
top: -2vw;
}
.how-to-save-section .abbv-button-primary.i-a.btn-blue {
min-width: 380px;
height: 52px;
}
}
/*medium and large screen*/
@media (min-width:986px) {
.eligible-patient .inner-wrapper-left {
padding: 0;
}
.eligible-title-section p.small-title {
text-transform: uppercase;
font: normal 800 39px/55px 'acumin-pro-condensed', sans-serif;
margin: 0;
max-width: 820px;
}
.eligible-title-section p.large-title {
text-transform: uppercase;
font: normal 800 83px/74px 'acumin-pro-condensed', sans-serif;
margin: 0 0 20px;
max-width: 820px;
}
.eligible-patient {
display: block;
position: relative;
width: 100%;
}
.eligible-patient .left-section {
width: auto;
max-width: 670px;
display: inline-block;
}
.eligible-patient .right-section {
width: calc(100% - 600px);
display: inline-block;
}
.eligible-patient .left-section p.description {
margin-bottom: 10px;
font: normal 500 19px / 30px 'acumin-pro', sans-serif;
color: #404040;
}
.eligible-patient .right-section.card-image {
position: absolute;
right: -42px;
top: -34px;
width: 358px;
z-index: 1;
}
.eligible-patient .right-section.card-image .saving-card-txt {
text-align: right;
font: normal 300 14.4px/30px 'acumin-pro', sans-serif;
margin: -30px 10px 0 0;
color: #404040;
}
.eligible-patient .card-below-image {
right: -684px;
width: 1339px;
top: 33px;
position: absolute;
}
.eligible-patient .card-below-image img {
width: 1339px;
height: 311px;
transform: translateX(3%);
max-width: 100%;
}
.how-to-save-section .abbv-button-primary.i-a.btn-blue {
min-width: 380px;
height: 52px;
}
.how-to-save-section p.how-to-save {
text-transform: uppercase;
font: normal 800 30px/50px 'acumin-pro-wide', sans-serif;
margin: 0;
color: #404040;
}
.how-to-save-section p.description {
margin: 0 0 10px;
font: normal 300 19px / 30px 'acumin-pro', sans-serif;
}
.how-to-save-section p.description strong {
font-weight: 700;
}
.eligible-disclaimer-section {
margin: 108px auto 90px;
}
.eligible-disclaimer-section .footnote p.description,
.eligible-disclaimer-section .footnote p.description a {
font-size: 14px;
line-height: 18px;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
margin: auto;
font-weight: 300;
text-indent: -7.2px;
color: #3b4143;
margin-bottom: 18px;
}
.eligible-disclaimer-section .footnote p.description a {
color: #004a98;
font-weight: 700;
}
.eligible-disclaimer-section .footnote p.description b,
.eligible-disclaimer-section .footnote p.description strong {
font-weight: 700;
}
}
/* Ipad AIR */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
.eligible-disclaimer-section .footnote p.description.note2 {
margin-bottom: 0;
}
}
/*------END savings-pattern-44.css------END*/
/*------START savings-pattern-45.css------START*/
/*45-SUPPORTING YOUR ACCESS */
/*common for all sizes */
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
.supporting-you-access p.ubrelvy-sub-title,
.supporting-you-access p.ubrelvy-title {
font-family: acumin-pro-condensed, "arial bold", sans-serif;
}
.supporting-you-access p.description,
.supporting-you-access .customer-care p.description {
font-family: acumin-pro, sans-serif;
}
.supporting-you-access {
padding: 54px;
}
.supporting-you-access p.ubrelvy-sub-title {
font: normal 800 30px / 28px 'acumin-pro-condensed', sans-serif;
letter-spacing: 0;
padding: 20px 0;
}
.supporting-you-access p.ubrelvy-title {
color: #00a274;
line-height: 50px;
font-weight: 800;
font-family: acumin-pro-condensed, "arial bold", sans-serif;
font-size: 60px;
}
.supporting-you-access p.description {
margin: 31px auto 36px;
max-width: 900px;
font-size: 18px;
line-height: 30px;
font-family: acumin-pro, sans-serif;
font-weight: 300;
}
.supporting-you-access .ub-complete img {
max-width: 669px;
width: 100%;
}
.supporting-you-access .customer-care {
display: flex;
max-width: 500px;
flex-direction: row;
margin: 0 auto;
align-items: center;
box-sizing: border-box;
}
.supporting-you-access .customer-care p.description {
margin: 0;
font-size: 18px;
line-height: 30px;
font-family: acumin-pro, sans-serif;
font-weight: 300;
text-align: left;
padding-left: 14px;
}
.supporting-you-access .customer-care p.description strong {
font-weight: 700;
}
.supporting-you-access .customer-care img {
height: 56px;
width: 97px;
}
/*small screen */
@media(max-width:767px) {
.supporting-you-access {
padding: 50px 24px 47px;
margin: 54px 0px;
}
.supporting-you-access .ub-complete img {
max-width: 669px;
width: 100%;
}
.supporting-you-access p.ubrelvy-sub-title {
font: 800 20px 'acumin-pro-condensed', sans-serif;
margin: 20px 0;
line-height: 1.2;
padding: 0;
}
.supporting-you-access p.ubrelvy-title {
line-height: 28px;
font-weight: 800;
font-family: acumin-pro-condensed, "arial bold", sans-serif;
font-size: 30px;
}
.supporting-you-access p.description {
margin: 28px auto 36px;
max-width: 900px;
font-size: 16px;
line-height: 28px;
font-family: acumin-pro, sans-serif;
font-weight: 300;
}
.supporting-you-access .customer-care p.description {
display: inline-block;
margin: 0;
font-size: 16px;
line-height: 28px;
font-family: acumin-pro, sans-serif;
font-weight: 300;
text-align: left;
padding-left: 20px;
max-width: calc(100% - 90px);
}
.supporting-you-access .customer-care p.description strong {
font-weight: 700;
}
.supporting-you-access .customer-care {
display: block;
width: 100%;
max-width: 100%;
flex-direction: row;
margin: 0 auto;
align-items: flex-start;
box-sizing: border-box;
}
.supporting-you-access .customer-care>img {
height: 56px;
width: auto;
position: relative;
display: inline-block;
vertical-align: top;
margin-top: 6px;
}
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
/*small screen Ipad */
@media (min-width:767px) and (max-width:985px) {
.supporting-you-access {
padding: 50px 0px 47px;
margin-top: 54px;
}
.supporting-you-access .ub-complete img {
padding: 0 24px;
}
.supporting-you-access p.ubrelvy-title {
line-height: 40px;
font-weight: 800;
font-family: acumin-pro-condensed, "arial bold", sans-serif;
font-size: 50px;
}
.supporting-you-access p.description {
font-size: 16px;
line-height: 28px;
padding: 0 24px;
margin: 27px auto 28px;
}
.supporting-you-access .customer-care p.description {
font-size: 16px;
line-height: 28px;
}
}
/*medium and large screen*/
/*migrain mode on*/
.abbv-view-toggle .ubrelvy-complete-welcome-banner .banner-with-left-text .text-container .banner-top-caption,
.abbv-view-toggle .ubrelvy-complete-welcome-banner .banner-with-left-text .text-container .banner-title,
.abbv-view-toggle .supporting-you-access .green {
color: var(--cream);
}
.abbv-view-toggle .eligible-title-section p.small-title,
.abbv-view-toggle .eligible-title-section p.large-title ,
.abbv-view-toggle .savings-terms-content-wrapper p.ubrelvy-title,
.abbv-view-toggle .saving-crd-dwnld p.ubrelvy-title,
.abbv-view-toggle .savings-card-thankyou .ubrelvy-title{
color: var(--darkgray);
}
/*------END savings-pattern-45.css------ENd*/
/*------START cost.css------START*/
/* Cost Page Jump Links ---------------------------*/
a#list-price{
scroll-margin-top: 200px;
}
a#insurance-information,
a#myabbvie-assist,
a#insurance-coverage {
scroll-margin-top: 280px;
}
@media (max-width: 767px) {
a#insurance-information,
a#myabbvie-assist,
a#insurance-coverage {
scroll-margin-top: 240px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
a#list-price{
scroll-margin-top: 320px;
}
a#insurance-information,
a#myabbvie-assist,
a#insurance-coverage {
scroll-margin-top: 320px;
}
}
/*------END cost.css------END*/
/*------START cost-pattern.css------START*/
/*49 - cost-pattern-49.css*/
.cost-and-saving-banner .banner-with-left-text .text-container {
text-align: left;
width: 100%;
max-width: 50%;
}
.cost-and-saving-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
width: 100%;
max-width: 1055px;
padding: 0 20px;
box-sizing: border-box;
margin: 65px auto 0
}
.cost-and-saving-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-display-v2 {
padding: 0
}
.cost-and-saving-banner .banner-with-left-text .text-container .banner-top-caption {
color: var(--white);
text-transform: uppercase;
font-family: 'acumin-pro-wide', 'arial bold', sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 300;
text-align: left;
letter-spacing: 2.5px;
margin-bottom: 0
}
.cost-and-saving-banner .banner-with-left-text .text-container .banner-title {
color: var(--lightblue);
text-transform: uppercase;
font-family: 'acumin-pro-condensed', 'arial bold', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 50px;
margin-bottom: 16px
}
.cost-and-saving-banner .banner-with-left-text .text-container p.description {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
color: var(--white);
line-height: 28px
}
@media(max-width:767px) {
.cost-and-saving-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 380px
}
.cost-and-saving-banner .banner-with-left-text img {
width: 100%;
height: auto;
vertical-align: middle
}
.cost-and-saving-banner .banner-with-left-text .text-container {
padding-right: 70px;
max-width: 100%;
}
.cost-and-saving-banner .banner-with-left-text .text-container .banner-title {
font-size: 30px;
line-height: 28px;
width: 100%
}
.cost-and-saving-banner .banner-with-left-text .text-container p.description {
max-width: 100%
}
}
@media(min-width:768px) and (max-width:985px) {
.cost-and-saving-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
margin: 28px 0 0 0;
width: 100%;
max-width: 100%
}
.cost-and-saving-banner .banner-with-left-text .text-container {
max-width: 100%
}
.cost-and-saving-banner .banner-with-left-text .text-container .banner-title {
font-size: 40px;
line-height: 35px;
width: 100%
}
.cost-and-saving-banner .banner-with-left-text .text-container p.description {
font-size: 16px;
letter-spacing: 0;
max-width: 550px
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.cost-and-saving-banner .banner-with-left-text.abbv-image-text-v2 .abbv-image-text-content-v2 {
padding: 0 40px;
margin: 15px auto 0;
}
}
/*------END cost-pattern-49------END*/
/*------START cost-pattern-50.css------START*/
/*50 - COST RIBBON*/
.ubrelvy-cost-ribbon {
margin: 63px 0 90px;
background-color: #3b4143;
color: #fff;
position: relative;
padding: 0 22px 34px 0;
border-bottom-right-radius: 100px;
max-width: 1207px;
}
.ubrelvy-cost-ribbon .ubrelvy-inner-section {
max-width: calc(100% - 213px);
padding-right: 10px;
margin-left: 213px;
}
.ubrelvy-cost-ribbon p.description.note-1,
.ubrelvy-cost-ribbon p.description.note-2 {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-size: 18px;
line-height: 30px;
margin: 15px 0 30px 0;
}
.ubrelvy-cost-ribbon p.description.note-2 {
margin: 0;
}
@media(max-width:985px) {
.ubrelvy-cost-ribbon {
margin: 56px 40px 84px 0;
padding: 0;
}
.ubrelvy-cost-ribbon .ubrelvy-inner-section {
max-width: 100%;
margin-left: 0;
padding: 15px 20px 34px;
}
.ubrelvy-cost-ribbon p.description.note-1,
.ubrelvy-cost-ribbon p.description.note-2 {
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-size: 16px;
line-height: 28px;
margin: 0px 0 30px 0;
}
.ubrelvy-cost-ribbon p.description.note-2 {
margin: 0;
}
}
/*------END cost-pattern-50.css------ENd*/
/*------START cost-pattern-51.css------START*/
/*51 - ON THIS PAGE*/
.ubrelvy-cost .one-column-small .abbv-row {
padding: 0;
}
.ubrelvy-cost p.ubrelvy-title {
font-family: 'acumin-pro-condensed', sans-serif;
text-transform: uppercase;
color: #00a274;
font-size: 60px;
line-height: 50px;
font-weight: 800;
letter-spacing: 0;
margin: 0;
font-style: normal;
}
.ubrelvy-cost ul.ubrelvy-cost-list {
display: flex;
flex-wrap: wrap;
max-width: 800px;
list-style: none;
padding: 0;
margin: 30px 0 60px;
}
.ubrelvy-cost ul.ubrelvy-cost-list li {
flex-basis: 33.33%;
margin-bottom: 20px;
font-size: 18px;
line-height: 30px;
}
.ubrelvy-cost ul.ubrelvy-cost-list li a {
font-weight: 700;
color: #004a98;
font-size: 18px;
line-height: 30px;
}
.ubrelvy-cost .list-price-section p.description {
margin: 30px 0 60px;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
font-size: 18px;
color: #3b4143;
}
@media(max-width:985px) {
.ubrelvy-cost p.ubrelvy-title {
font-size: 30px;
line-height: 28px;
}
.ubrelvy-cost ul.ubrelvy-cost-list {
flex-direction: column;
margin: 28px 0 57px 0;
}
.ubrelvy-cost ul.ubrelvy-cost-list li {
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
}
.ubrelvy-cost ul.ubrelvy-cost-list li a {
font-weight: 700;
font-size: 16px;
line-height: 28px;
}
.ubrelvy-cost .list-price-section p.description {
margin: 21px 0 56px;
font-size: 16px;
line-height: 28px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.ubrelvy-cost{
padding-left: 20px;
padding-right: 20px;
}
}
/*------END cost-pattern-51.css------END*/
/*------START cost-pattern-52.css------START*/
/*52 - COST BANNER*/
.ubrelvy-bg-green {
background: var(--green);
padding: 50px 81px 60px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.ubrelvy-insurance-info p.ubrelvy-title {
font-family: 'acumin-pro-condensed', sans-serif;
text-transform: uppercase;
color: #FFF;
font-size: 60px;
line-height: 50px;
font-weight: 800;
letter-spacing: 0;
margin: 0;
font-style: normal;
margin-bottom: 30px;
}
.ubrelvy-insurance-info .ubrelvy-cta-container .abbv-flex-item {
margin: 0;
padding: 0;
}
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-left,
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-right {
background-color: #fff;
color: #00a274;
display: block;
text-transform: uppercase;
line-height: 52px;
width: calc(100% - 16%);
font-weight: 500;
font-family: 'acumin-pro-wide', helvetica, arial, sans-serif;
font-size: 16px;
text-align: center;
margin: 0 16% 20px 0;
}
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-right {
margin: 0 0 20px 16%;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:first-child {
width: calc(50% - 8%);
margin-right: 8%;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:nth-child(2) {
width: calc(50% - 8%);
margin-left: 8%;
}
.insurance-info-column .insurance-info-column-left p.description,
.insurance-info-column .insurance-info-column-right p.description,
.insurance-info-column .insurance-info-column-right p.description a,
.insurance-info-column .insurance-info-column-right .ubrelvy-cost-list li {
color: var(--white);
letter-spacing: 0;
margin-bottom: 0;
font: normal 300 18px / 30px 'acumin-pro', sans-serif;
}
.insurance-info-column .insurance-info-column-right p.description a {
font-weight: 700;
}
.insurance-info-column.section1 .insurance-info-column-right p.description.note1,
.insurance-info-column.section1 .insurance-info-column-right p.description.note3,
.insurance-info-column.section2 .insurance-info-column-right p.description.note2 {
margin-bottom: 21px;
}
.insurance-info-column .insurance-info-column-right .ubrelvy-cost-list {
padding-left: 20px;
margin: 0 0 21px;
color: var(--white);
}
.insurance-info-disclaimer p.description,
.insurance-info-disclaimer p.description a {
font-size: 14px;
line-height: 18px;
font-family: 'acumin-pro', helvetica, arial, sans-serif;
padding-left: 14px;
margin-left: -14px;
text-indent: -6.3px;
color: var(--white);
margin-bottom: 0;
}
.insurance-info-disclaimer p.description a,
.insurance-info-disclaimer p.description strong {
font-weight: 700;
}
.ubrelvy-insurance-info hr {
margin: 34px auto;
color: var(--white);
background-color: var(--white);
border: transparent;
}
.ubrelvy-insurance-info .mobile-only {
display: none;
}
.ubrelvy-insurance-info .desktop-only {
display: flex;
}
@media(max-width:985px) {
.ubrelvy-insurance-info .mobile-only {
display: block;
}
.ubrelvy-insurance-info .desktop-only {
display: none;
}
.ubrelvy-insurance-info p.ubrelvy-title {
font-size: 30px;
line-height: 28px;
}
.ubrelvy-bg-green {
padding: 50px 20px 60px;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:first-child {
width: 100%;
margin-right: 0;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:nth-child(2) {
width: 100%;
margin-left: 0;
}
.insurance-info-column .insurance-info-column-left p.description,
.insurance-info-column .insurance-info-column-right p.description,
.insurance-info-column .insurance-info-column-right p.description a,
.insurance-info-column .insurance-info-column-right .ubrelvy-cost-list li {
font: normal 300 16px / 28px 'acumin-pro', sans-serif;
}
.insurance-info-column .insurance-info-column-left p.description strong,
.insurance-info-column .insurance-info-column-right p.description strong {
font-weight: 800;
}
.insurance-info-column .insurance-info-column-right p.description a {
font-weight: 700;
}
.insurance-info-column .insurance-info-column-left p.description {
margin-bottom: 21px;
}
.insurance-info-column .insurance-info-column-left p.description.mobile-only {
margin-bottom: 0;
}
.insurance-info-disclaimer p.description,
.insurance-info-disclaimer p.description a {
font-size: 12px;
line-height: 16px;
margin-bottom: 0;
}
}
@media(min-width:768px) and (max-width:985px) {
.insurance-info-disclaimer p.description,
.insurance-info-disclaimer p.description a {
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
}
/* Ipad AIR */
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
.ubrelvy-insurance-info .mobile-only {
display: none;
}
.ubrelvy-insurance-info .desktop-only {
display: flex;
}
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-left,
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-right {
background-color: #fff;
color: #00a274;
display: block;
text-transform: uppercase;
line-height: 52px;
width: calc(100% - 16%);
font-weight: 500;
font-family: 'acumin-pro-wide', helvetica, arial, sans-serif;
font-size: 16px;
text-align: center;
margin: 0 16% 20px 0;
}
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-right {
margin: 0 0 20px 16%;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:first-child {
width: calc(50% - 8%);
margin-right: 8%;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:nth-child(2) {
width: calc(50% - 8%);
margin-left: 8%;
}
.insurance-info-column .insurance-info-column-left p.description,
.insurance-info-column .insurance-info-column-right p.description,
.insurance-info-column .insurance-info-column-right p.description a,
.insurance-info-column .insurance-info-column-right .ubrelvy-cost-list li {
color: var(--white);
letter-spacing: 0;
margin-bottom: 0;
font: normal 300 18px / 30px 'acumin-pro', sans-serif;
}
.insurance-info-column .insurance-info-column-right p.description a {
font-weight: 700;
}
.insurance-info-disclaimer p.description,
.insurance-info-disclaimer p.description a {
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
}
}
/* Ipad AIR */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-left,
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-right {
width: calc(100% - 10%);
margin: 0 10% 20px 0;
}
.ubrelvy-insurance-info .ubrelvy-cta-container .cta-box-right {
margin: 0 0 20px 10%;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:first-child {
width: calc(50% - 5%);
margin-right: 5%;
}
.ubrelvy-insurance-info .two-column-small .abbv-col-6:nth-child(2) {
width: calc(50% - 5%);
margin-left: 5%;
}
.insurance-info-column .insurance-info-column-left p.description,
.insurance-info-column .insurance-info-column-right p.description,
.insurance-info-column .insurance-info-column-right p.description a,
.insurance-info-column .insurance-info-column-right .ubrelvy-cost-list li {
font-size: 16px;
line-height: 28px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.ubrelvy-insurance-info .mobile-only {
display: none;
}
.ubrelvy-insurance-info .desktop-only {
display: flex;
}
}
/*------END cost-pattern-52.css------END*/
/*------START cost-pattern-53.css------START*/
/*53 - COST CONTENT*/
.ubrelvy-cost-content p.ubrelvy-title {
font-family: 'acumin-pro-condensed', sans-serif;
text-transform: uppercase;
color: var(--green);
font-size: 60px;
line-height: 50px;
font-weight: 800;
letter-spacing: 0;
font-style: normal;
margin: 78px auto 30px;
}
.ubrelvy-cost-content p.description,
.ubrelvy-cost-content p.description a {
color: #3b4143;
letter-spacing: 0;
font: normal 300 18px / 30px 'acumin-pro', sans-serif;
margin: 21px 0 30px;
}
.ubrelvy-cost-content p.description a {
font-weight: 700;
color: #004a98;
}
.ubrelvy-cost-content .ubrelvy-cost-content-section3 {
margin-bottom: 126px;
}
@media(max-width:985px) {
.ubrelvy-cost-content p.ubrelvy-title {
font-size: 30px;
line-height: 28px;
margin: 56px auto 28px;
}
.ubrelvy-cost-content p.description,
.ubrelvy-cost-content p.description a {
font: normal 300 16px / 28px 'acumin-pro', sans-serif;
}
.ubrelvy-cost-content p.description strong {
font-weight: 800;
}
.ubrelvy-cost-content p.description a {
font-weight: 700;
}
.ubrelvy-cost-content .ubrelvy-cost-content-section3 {
margin-bottom: 44px;
}
}
@media(min-width:768px) and (max-width:985px) {
.ubrelvy-cost-content p.ubrelvy-title {
font-size: 30px;
line-height: 28px;
margin: 56px auto 28px;
}
.ubrelvy-cost-content .ubrelvy-cost-content-section3 {
margin-bottom: 44px;
}
}
/* Ipad AIR */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
.ubrelvy-cost-content p.ubrelvy-title {
font-size: 30px;
line-height: 28px;
margin: 56px auto 28px;
}
.ubrelvy-cost-content p.description,
.ubrelvy-cost-content p.description a {
font: normal 300 16px / 28px 'acumin-pro', sans-serif;
}
.ubrelvy-cost-content p.description a {
font-weight: 700;
}
.ubrelvy-cost-content .ubrelvy-cost-content-section3 {
margin-bottom: 44px;
}
}
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.ubrelvy-cost-content {
padding-left: 20px;
padding-right: 20px;
}
}
/*migrain mode settings*/
.abbv-view-toggle .cost-and-saving-banner .banner-with-left-text .text-container .banner-top-caption,
.abbv-view-toggle .cost-and-saving-banner .banner-with-left-text .text-container .banner-title {
color: var(--cream);
}
/*migrain mode settings*/
.abbv-view-toggle .ubrelvy-insurance-info p.ubrelvy-title {
color: var(--cream);
}
/*migrain mode settings*/
.abbv-view-toggle .ubrelvy-bg-green{
background: var(--darkgray);
}
.abbv-view-toggle .ubrelvy-bg-green p.cta-box-left,
.abbv-view-toggle .ubrelvy-bg-green p.cta-box-right{
color: var(--darkgray);
}
.abbv-view-toggle .ubrelvy-cost p.ubrelvy-title {
color: var(--cream);
}
.abbv-view-toggle .ubrelvy-cost-content p.ubrelvy-title {
color: var(--cream);
}
/*------END cost-pattern-53.css------END*/
/*----START-------challenge.css-------START----*/
@media(max-width:985px){
.challenge-no-xsmd-padding{padding:0px;}
.challenge-ineligible-container iframe#aemFormFrame{min-height:auto;}
}
/*--------------------------------challege registation-----------------------------*/
.challenge-reg-container .ub-challenge-reg-img{max-width:592px;}
.challenge-reg-container .challenge-reg-content{max-width: 1055px;margin:0 auto;}
.challenge-reg-container .ub-challenge-frm-wrapper{max-width:1055px; margin:0 auto;}
.challenge-reg-container .eye-brow-txt{font-size:12px; line-height:30px; letter-spacing: 2.5px; margin: 0 0 12px;
font-family:acumin-pro-wide,helvetica,arial,sans-serif; font-weight:normal; text-transform: uppercase; color: #3b4143;}
@media(max-width:767px){
.challenge-reg-container{padding:40px 0 0;}
.challenge-reg-container .ub-challenge-reg-img{max-width:375px;}
}
@media(min-width:768px) and (max-width:985px){
.challenge-reg-container{padding:30px 0px;}
.challenge-reg-container .ub-challenge-reg-img{max-width:400px;}
}
@media(min-width:986px){
.challenge-reg-container{padding: 60px 0 0;}
.challenge-reg-container .ub-challenge-reg-img{max-width:592px;}
}
/*--------------------------------challege registation end------------------------*/
/*--------------------------------terms-----------------------------------------*/
.challenge-text-conditions{max-width:1055px; margin:0 auto;}
.challenge-text-conditions .text-conditions-headline {color: #00a274;font-size: 18px;}
.challenge-text-conditions h1{color:#00a274; margin:60px 0px;}
.challenge-text-conditions .condition-list{padding-left:15px;}
.challenge-text-conditions .condition-list a,
.challenge-text-conditions .condition-list p,
.challenge-text-conditions .condition-list li{ font-size: 14px; line-height: 24px;}
.challenge-text-conditions .condition-list li::marker{font: normal bold 14px/24px 'acumin-pro',sans-serif;}
.challenge-text-conditions .condition-list b{font-weight:700;}
.challenge-text-conditions .challenge-terms .condition-list a,
.challenge-text-conditions .challenge-terms .condition-list li,
.challenge-text-conditions .challenge-terms .condition-list li::marker,
.challenge-text-conditions .challenge-terms .condition-list li p{font-size: 16px; line-height: 28px;}
@media(max-width:767px){
.challenge-text-conditions h1{margin:40px 0px;}
}
@media(min-width:768px) and (max-width:985px){
.challenge-text-conditions h1{margin:0px 0px 40px;}
}
@media(min-width:986px){
.challenge-text-conditions h1{margin:60px 0px;}
.challenge-text-conditions .challenge-terms .condition-list a,
.challenge-text-conditions .challenge-terms .condition-list li,
.challenge-text-conditions .challenge-terms .condition-list li::marker,
.challenge-text-conditions .challenge-terms .condition-list li p{font-size: 18px; line-height:30px;}
}
/*--------------------------------terms end-----------------------------------------*/
/*----END-------challenge.css-------END----*/
/*----START-------challenge-pattern-54.css-------START----*/
.ub-challenge-banner .banner-with-left-text .abbv-image-text-content-v2{width:100%; margin:0px;}
.ub-challenge-banner .banner-with-left-text .abbv-image-text-display-v2{padding:0;height: 100%;}
.challenge-banner-content{display:flex;flex-direction: column;}
.ub-challenge-banner .welcome-ub-img-container{max-width:1055px;margin:0 auto; box-sizing: border-box;}
.ub-challenge-banner .welcome-img{width:100%;}
.ub-challenge-banner .challenge-banner-title{position:relative; background: #00a274;border: 0; color: white;font-family: 'acumin-pro-condensed', sans-serif;display: flex;justify-content: flex-end;width: 100%; text-transform: none;font-weight: bold;}
@media(max-width:985px){
.ub-challenge-banner{padding-bottom: 0px !important;}
.ub-challenge-banner .banner-with-left-text .abbv-image-text-content-v2{margin: 45px 0 0;width:100%;height: 100%;}
.ub-challenge-banner .banner-with-left-text .challenge-banner-content,
.ub-challenge-banner .banner-with-left-text .abbv-stretched-card-body{height:100%;position: relative;}
.ub-challenge-banner .welcome-ub-img-container{padding: 0px 20px 20px;max-width: 375px;margin: 0;}
.ub-challenge-banner .challenge-banner-title{position: absolute;right: 0;bottom: 50px; border-radius: 30px 0px 0px 30px;font-size:21px;line-height:21px;max-width: 280px;padding: 10px 40px 12px 50px;}
}
@media(min-width:768px) and (max-width:985px){
.ub-challenge-banner{padding-bottom: 25px !important;}
}
@media(min-width:986px){
.ub-challenge-banner{padding-bottom: 10px !important;}
.ub-challenge-banner .welcome-ub-img-container{padding:65px 20px 50px;}
.ub-challenge-banner .welcome-img{max-width:393px;}
.ub-challenge-banner .challenge-banner-title{font-size: 32px;line-height: 32px;padding: 10px 65px 12px 0; border-radius: 0 30px 30px 0; max-width:385px;}
.ub-challenge-banner .challenge-banner-title .title-txt{max-width:300px;}
.ub-challenge-banner .green-ribbon-container{ max-width: 1050px; margin: 0 auto; padding: 0 20px;}
.ub-challenge-banner .challenge-banner-title::before { content: ''; background: #00a274; left: -50vw; position: absolute; top:0; width: 50vw; height: 86px;}
}
@media(min-width:986px) and (max-width:1199px){
.ub-challenge-banner .welcome-img{max-width:325px;}
.ub-challenge-banner .welcome-ub-img-container{padding:50px 20px 30px;}
}
/*----END-------challenge-pattern-54.css-------END----*/
/*----START-------challenge-pattern-55.css-------START----*/
.start-ub-callout-wave{box-sizing:border-box;margin:0 auto;max-width: 1018px;padding:0 20px;padding:0}
.start-ub-callout-wave .callout-wave-headline{color:#004a98}
.start-ub-callout-wave .callout-wave-subheadline{text-transform:uppercase;color:#75c4d6}
.start-ub-callout-wave .callout-wave-subheadline .extr-bold{font-weight:800;}
@media(max-width:985px){
.start-ub-callout-wave-container{overflow:hidden;padding-bottom:40px}
.start-ub-callout-wave .callout-wave-image{margin:-25px -20px 0;z-index:0;overflow:hidden}
.start-ub-callout-wave .callout-wave-image img{position:relative;left:-40%;width:895px}
.start-ub-callout-wave .start-desc{font: normal 400 11px / 20px 'acumin-pro-wide',sans-serif;text-align:center}
.start-ub-callout-wave .callout-wave-headline{font:normal 800 57px/63px 'acumin-pro-condensed',sans-serif;letter-spacing:-0.54px;margin: 0 0 10px;max-width:780px;text-align:center}
.start-ub-callout-wave .callout-wave-subheadline{font: normal 600 35px/35px 'acumin-pro-condensed',sans-serif;max-width:579px;letter-spacing:2px;text-align:center;margin: 0 auto 30px;}
.start-ub-callout-wave .cta{text-align:center;z-index:1;position:relative}
.start-ub-callout-wave-container .cta a{font:normal 500 14px/20px acumin-pro-wide,helvetica,arial,sans-serif !important}
}
@media(min-width:768px) and (max-width:985px){
.start-ub-callout-wave .callout-wave-image img{position:relative;left:0;width:895px}
.start-ub-callout-wave .start-desc{font: normal 400 14px/22px 'acumin-pro-wide',sans-serif;}
}
@media(min-width:986px){
.start-ub-callout-wave-container{overflow:hidden;padding-bottom: 60px;}
.start-ub-callout-wave .callout-wave-image{left:420px;position:absolute;top:240px;width:1339px}
.start-ub-callout-wave .start-desc{font: normal 400 20px / 20px 'acumin-pro-wide',sans-serif;}
.start-ub-callout-wave .callout-wave-headline{font:normal 800 130px / 113px 'acumin-pro-condensed',sans-serif;letter-spacing:-0.54px;margin:0 0 20px;max-width:780px}
.start-ub-callout-wave .callout-wave-subheadline{font:normal 600 80px / 72px 'acumin-pro-condensed',sans-serif;margin-bottom:40px;max-width:780px;letter-spacing:2px}
}
@media(min-width:986px) and (max-width:1099px){
.start-ub-callout-wave-container{padding-left:20px; padding-right:20px;}
}
/*----END-------challenge-pattern-55.css-------END----*/
/*----START-------challenge-pattern-56.css-------START----*/
.take-ub-challenge-container .inner-wrapper-left,
.take-ub-challenge-container .inner-wrapper-right{padding: 25px 20px 40px 38px;}
.take-ub-challenge-container .ub-u-list ul{flex-flow:column;position:relative;padding-left:0}
.take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li:before{border:3px solid #00a274;outline: 10px solid var(--darkgray);color:var(--darkgray)}
.take-ub-challenge-container .ub-u-list ul li:first-child:before{content:'1'}
.take-ub-challenge-container .ub-u-list ul li:nth-child(2):before{content:'2'}
.take-ub-challenge-container .ub-u-list ul li:nth-child(3):before{content:'3'}
.take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li:first-child:after,
.take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li:last-child:after{content:'';position:absolute;background: var(--darkgray);}
.take-ub-challenge-container .ub-u-list ul:before{content:'';background:#75c4d6;position:absolute;width:3px;height:100%;top:0;left:13px}
.take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li{padding:0 0 0 45px;position:relative;width:100%;color: var(--darkgray);}
.take-ub-challenge-container .ub-u-list ul li:before{top: 50%;left:0;right:0;z-index:1;transform:translateY(-50%);margin:0;width:27px;height:27px;display:flex;align-content:normal;justify-content:center;align-items:normal;font-weight:700;border-radius:50%;position:absolute;background:#fff;padding-bottom:0;line-height:24px}
.take-ub-challenge-container .ub-u-list ul li:first-child:after{height:50%;width:30px;left:0;top: -15px;}
.take-ub-challenge-container .ub-u-list ul li:last-child:after{height:50%;width:30px;left:0;top:auto;bottom:0}
.take-ub-challenge-container .ub-u-list ul li:nth-child(2){margin:0}
.take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li:last-child p{margin-bottom:0px;}
.take-ub-challenge-container .ub-u-list ul li p{color:#fff;z-index:2;text-align:left}
.take-ub-challenge-container .ub-img-content .abbv-row .abbv-col.abbv-col-5-offset{width:50%;margin-left:0}
.take-ub-challenge-container .ub-img-content .abbv-row .abbv-col.abbv-col-5-offset:not(:last-child){margin-bottom:28px !important}
.take-ub-challenge-container .inner-wrapper-left .cta{text-align:left;}
.take-ub-challenge-container .challenge-learn-more{text-align:left;color:#fff;text-decoration:underline;padding:0px;}
.take-ub-challenge-container .challenge-learn-more:hover{color:#404040; text-decoration:none;}
.take-ub-challenge-container .text-conditions{max-width:1015px;margin: 15px auto 0;}
.take-ub-challenge-container .text-conditions a,
.take-ub-challenge-container .text-conditions p{font-size:14px; line-height:24px;}
.take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li p{font-weight:400;}
.ub-challenge-modal{ width: calc(100% - 40px);}
.ub-challenge-modal,
.ub-challenge-modal .abbv-modal-content-container{max-width:1039px}
.ub-challenge-modal .abbv-modal-close{border:0;width:40px}
.ub-challenge-modal .abbv-modal-close::after{font-size:55px}
.ub-challenge-modal .abbv-modal-content-container{border-radius:0;padding:0 0 39px; border:0;}
.challenge-modal-header{height:83px;background-color:#000}
.ub-challenge-modal .abbv-rich-text{padding:50px 95px 0}
.ub-challenge-modal a.abbv-icon-keyboard_arrow_right.abbv-button-primary.i-a.center-box-btn{background:black;border-color:black; width:100%; max-width: 250px; border-radius:0px;}
.ub-challenge-modal a.abbv-icon-keyboard_arrow_right.abbv-button-primary.i-a.center-box-btn:hover{color:#afafaf}
.ub-challenge-modal ul{list-style:none;margin:0 0 20px; padding-left:40px;}
.ub-challenge-modal li::before{content:'•';margin:0 10px 0 -10px}
.ub-challenge-modal .cta{text-align:center}
@media(max-width:767px){
.ub-challenge-modal .abbv-rich-text{padding:40px 25px 0}
}
@media(max-width:985px){
.take-ub-challenge-container{padding-bottom: 20px;}
.take-ub-challenge-container .inner-wrapper-left{max-width: 450px;margin:0 auto;padding: 30px 20px 30px 20px;}
.take-ub-challenge-container .inner-wrapper-right{max-width: 450px;margin:0 auto;padding: 30px 20px 24px 30px;}
.take-ub-challenge-container .col-title{font-size: 30px;line-height: 28px;}
.take-ub-challenge-container .talk-to-hcp-footnote-desk{display:none}
.take-ub-challenge-container .talk-to-hcp-footnote-mob{margin-bottom:20px}
.take-ub-challenge-container .ub-u-list ul li p{margin: 20px 0;}
.take-ub-challenge-container img{width: 207px;}
.take-ub-challenge-container .challenge-learn-more{margin-top: 0px;}
.take-ub-challenge-container .ub-u-list ul li:first-child:before{top:15%;}
.take-ub-challenge-container .ub-u-list ul li:first-child:after{ height: 30%;}
}
@media(min-width:768px) and (max-width:985px){
.take-ub-challenge-container .col-title{font-size: 40px;line-height: 38px;}
}
@media(min-width:986px){
.take-ub-challenge-container{padding-bottom:80px}
.take-ub-challenge-container .inner-wrapper-left,
.take-ub-challenge-container .inner-wrapper-right{min-height:610px;}
.take-ub-challenge-container .talk-to-hcp-footnote-mob{display:none}
.take-ub-challenge-container .talk-to-hcp-footnote-desk{max-width:1015px;margin:20px auto 0}
.take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li p{margin:30px 0}
.take-ub-challenge-container img{width: 207px;}
.take-ub-challenge-container .left-desc{margin: 60px 0 40px;}
}
@media(min-width:986px) and (max-width:1199px){
.talk-to-hcp-footnote-desk{padding-left:20px; padding-right:20px;}
.take-ub-challenge-container .text-conditions{padding:0px 20px;}
}
/*migrain mode settings*/
.abbv-view-toggle .challenge-text-conditions h1{color:var(--darkgray) !important;}
.abbv-view-toggle .take-ub-challenge-container .green{color:var(--cream) !important}
.abbv-view-toggle .take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li:first-child:after,
.abbv-view-toggle .take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li:last-child:after{background:var(--darkgray)}
.abbv-view-toggle .take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li{color:var(--darkgray)}
.abbv-view-toggle .take-ub-challenge-container .inner-wrapper-right .ub-u-list ul li:before{outline:10px solid var(--darkgray)}
.abbv-view-toggle .take-ub-challenge-container .inner-wrapper-left{background:#00a274 !important;}
/*----END-------challenge-pattern-56.css-------END----*/
/*----START-------signup-ub-main.css-------START----*/
.ub-signup-wrpr .abbv-row-container{max-width:1055px;width:100%;margin-top:0}
.ub-signup-wrpr .abbv-background-container-content{padding:0}
.ub-signup-wrpr p.ub-eyebro-text{font-family:'acumin-pro-wide',sans-serif;font-weight:300;letter-spacing:2.5px;font-size:12px;line-height:20px;margin:0 0 12px;color:#3b4143}
.ub-signup-wrpr h1.main-title{color:#00a274}
.ub-signup-wrpr p.form-title{color:#00a274;font-family:'acumin-pro',helvetica,arial,sans-serif;font-weight: 700;text-transform:none}
.ub-signup-wrpr p{font-family:'acumin-pro',helvetica,arial,sans-serif;font-weight:300;color:#3b4143}
.signup-page .abbv-inline-safety{padding-top:0}
@media(max-width:985px){
.ub-signup-wrpr .abbv-row-container{padding-top:40px}
.ubrelvy-signup{margin-bottom:0}
.ub-signup-wrpr .abbv-row-container>.abbv-row{padding:0}
.ub-signup-wrpr .image-text-v2.parbase{display:none}
.ub-signup-wrpr h1.main-title{font-size:30px;line-height:28px;margin-bottom: 30px;}
.ub-signup-wrpr .form-title{font-size: 20px;line-height: 27px;margin:0 0 31.5px 0}
.ub-signup-wrpr p{font-size: 16px;line-height: 28px;}
}
@media(min-width:986px){
.ub-signup-wrpr .abbv-row-container{padding-top:60px}
.ub-signup-wrpr .abbv-row-container .abbv-row .abbv-col.abbv-col-6:first-child{padding-right:55px}
.ub-signup-wrpr .abbv-row-container .abbv-row .abbv-col.abbv-col-6:last-child{padding-left:65px}
.ub-signup-wrpr h1.main-title{font-size:60px;line-height:50px;margin-bottom:47px}
.ub-signup-wrpr .form-title{font-size:24px;line-height:28px;margin:0 0 31.5px 0}
.ub-signup-wrpr p{font-size:18px;line-height:30px}
.ub-signup-wrpr .image-text-v2.parbase{text-align:right}
.ub-signup-wrpr .abbv-image-content-container-v2 img{max-width:358px;width:100%;margin: 65px 0 0px;}
}
.signup-confirmation-container{margin:auto;max-width:1440px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}
.signup-confirmation-container .abbv-row-container{max-width:1015px !important}
.signup-confirmation-container .abbv-col{margin:64px 0 0}
.signup-confirmation-container .confirmation-title{color:#00a274;text-transform:uppercase;font:800 60px/50px acumin-pro-condensed,sans-serif;letter-spacing:0}
.signup-confirmation-container .abbv-row{display:flex;flex-direction:row;justify-content:space-between;padding:0 !important;margin-bottom:5px}
.signup-confirmation-container .abbv-row:after{display:none}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:first-child p.eyebro-txt{font:300 12px/20px acumin-pro-wide,helvetica,arial,sans-serif;letter-spacing:2.5px;margin:0 0 12px;text-transform:uppercase;color:#3b4143}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:first-child{max-width:50%}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:first-child p.desc-txt{margin:30px 0 5px;font:300 18px/30px acumin-pro,helvetica,arial,sans-serif;letter-spacing:0;color:#3b4143}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:first-child p.desc-txt sup{font-size:.5em;position:relative;top:-.8em;vertical-align:baseline}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:last-child{max-width:33.33%}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:last-child img{margin-top:24px}
.signup-confirmation-container div.cta{max-width:350px}
.signup-confirmation-container.ubrlDtc0vn-sgnup-cnfm-cont .cta.parbase a{text-align:center;padding-right:12px}
@media only screen and (max-width:985px){
.signup-confirmation-container{margin:30px auto 0;padding:0 20px}
.signup-confirmation-container .abbv-col{margin:0}
.signup-confirmation-container .abbv-row{margin-bottom:10px}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:first-child{max-width:100%;width:100%}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:last-child{display:none}
.signup-confirmation-container .return-home{width:100%;max-width:325px}
.signup-confirmation-container .confirmation-title{font:800 30px/28px acumin-pro-condensed,sans-serif;text-transform:uppercase;margin:0}
.signup-confirmation-container .abbv-row .abbv-col-flush-6:first-child p.desc-txt{font-size:16px;line-height:24px;margin:27px 0 30px}
}
@media(min-width:986px){
.signup-confirmation-container .abbv-row .abbv-col-flush-6:first-child p.desc-txt{margin-bottom:30px}
}
@media(min-width:986px) and (max-width:1099px){
.signup-confirmation-container .abbv-row-container{padding:0 20px;}
}
/*migrain mode setting*/
.abbv-view-toggle .ub-signup-wrpr p.form-title,
.abbv-view-toggle .ub-signup-wrpr h1.main-title {color:var(--darkgray) !important;}
.abbv-view-toggle .ub-signup-wrpr .abbv-image-content-container-v2 img {filter: sepia(111%) saturate(90) grayscale(1);}
/*----END-------signup-ub-main.css-------END----*/
/*--- Global Overrides 06/17/25 ---*/
*{box-sizing:border-box;padding:0;margin:0}
p,h1,h2,h3,h4,h5,h6{margin-bottom:20px}
body.abbv-no-scroll{overflow-y:hidden}
b,strong{font-weight:700;}
html,body{background: white; font:normal 400 18px/30px var(--font-pro),sans-serif;color:var(--darkgray);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}
.grid-styles{align-items:center;background:#C1EDFB66;display:flex;height:150px;justify-content:center;margin:0;position:relative;border:1px dotted}
.grid-styles.mobile-375{width:375px}
.colorpatch{border-radius:5px;align-items:center;height:72px;padding-left:90px;border:1px solid var(--lightgray)}
.colorpatch-value{color:var(--gray);display:block;font-size:1rem}
@media(max-width:767px){
h1,p.h1,.h1{font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h2,p.h2,.h2{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h3,p.h3,.h3{font-size:12px;line-height:20px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;}
h4,p.h4,.h4{font-size:12px;line-height:20px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;}
body,p{font-size:16px;line-height:20px;font-weight:300;font-family:var(--font-pro),sans-serif;letter-spacing:0}
.hero-title{color:var(--green);font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif}
}
@media(min-width:768px) and (max-width:985px){
h1,p.h1,.h1{font-size:48px;line-height:48px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h2,p.h2,.h2{font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h3,p.h3,.h3{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;}
h4,p.h4,.h4{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;}
body,p{font-size:16px;line-height:28px;font-weight:300;font-family:var(--font-pro),sans-serif;letter-spacing:0}
.hero-title{color:var(--green);font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif}
}
@media(min-width:986px){
h1,p.h1,.h1{font-size:60px;line-height:50px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h2,p.h2,.h2{font-size:48px;line-height:48px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;text-transform:uppercase}
h3,p.h3,.h3{font-size:30px;line-height:28px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;}
h4,p.h4,.h4{font-size:24px;line-height:22px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif;}
body,p{font-size:18px;line-height:28px;letter-spacing:0}
.hero-title{color:var(--green);font-size:48px;line-height:48px;font-weight:800;letter-spacing:0;font-family:var(--font-condensed),sans-serif}
}
.footnote,.footnote p,
p .footnote,p.footnote{font-size:14px;line-height:18px;font-weight:400;font-family:var(--font-pro),sans-serif;letter-spacing:0}
.footnote-links a {
color: inherit;
font-size: inherit !important;
font-weight: inherit !important;
}
span.footnote {display:block;line-height:1.2;}
span.footnote-quote {margin: 0 -20px;}
@media(max-width:985px){
p .footnote,p.footnote{font-size:12px;line-height:16px;}
.content-container,.center-container{overflow: hidden;border-left:0 !important;border-right:0 !important;max-width:100%;margin:40px auto 0;}
}
@media(max-width:1320px){
.content-container,.center-container{ padding-left:20px;padding-right:20px; }
}
@media(min-width:986px){
.content-container,.center-container{overflow: hidden;margin:80px auto 0;max-width:1280px;border:none !important;}
.content-container-no-margin{margin:0 auto;}
}
.abbv-content-container .abbv-dimmer{background:#000 !important}
.abbv-youtube-player iframe{aspect-ratio:16 / 9; border:none !important;}
.youtube .abbv-youtube-player{background:#000;}
.ubrelvy-inner-section {
box-sizing: border-box;
max-width: 1015px;
width: 100%;
margin: auto;
border: 1px solid transparent;
}
/*-----END Global styles.css -----END*/
/*------START header eyebro.css------START*/
/*header eyebro */
.abbv-header-v2 .abbv-eyebrow, .abbv-header-v2-lite .abbv-eyebrow {background:var(--charlotte);color:var(--body-default);font-size:14px;font-weight:500;line-height:15px;text-align:center;padding:10px 24px;font-family:"acumin-pro";display: flex;align-items: center;justify-content: center;}
.abbv-header-v2 .abbv-eyebrow-small, .abbv-header-v2-lite .abbv-eyebrow-small {color:#3C4042;font-size:12px;line-height:12px;}
/*------START utility-navigation.css------START*/
/*utility nav */
.abbv-header-v2-utility-navigation {
height: auto;
background:var(--dark-gray)
}
.abbv-header-v2-utility-navigation ul {
max-width: 100%;
width: 100%;
box-sizing: border-box;
text-align: left;
padding: 0 20px;
margin:auto;
display: flex;
align-items: center;
justify-content: flex-end;
transform: none;
}
@media (max-width: 1024px) {
.abbv-header-v2-utility-navigation ul {
max-width: 100%;
width: 100%;
transform: none;
}
}
.abbv-header-v2-utility-navigation ul li a {
font-size: 14px;
font-weight: 300;
text-decoration: underline;
letter-spacing: 0
}
.abbv-header-v2-utility-navigation ul li:nth-child(1),
.abbv-header-v2-utility-navigation ul li:nth-child(2),
.abbv-header-v2-utility-navigation ul li:nth-child(3),
.abbv-header-v2-utility-navigation ul li:nth-child(4) {
border: 0
}
.abbv-header-v2-utility-navigation ul li:nth-child(3),
.abbv-header-v2-utility-navigation ul li:nth-child(4) {
display:inline-block;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5),
.abbv-header-v2-utility-navigation ul li:nth-child(6){
background-color: #004A98;
border: none;
cursor: pointer;
height: auto;
text-align: center;
margin: 6px 6px 0;
box-sizing: content-box;
width:230px;
border-radius: 30px;
border-left:0;
display: flex;
justify-content: center;
align-items: center;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5):hover,
.abbv-header-v2-utility-navigation ul li:nth-child(6):hover{
background-color: #102F74;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) {
order: 6;
}
@media(max-width: 1024px) {
.abbv-header-v2-utility-navigation ul{
margin: 12px 0 0px;
}
}
@media(min-width: 601px) {
.abbv-header-v2-utility-navigation ul li:nth-child(5),
.abbv-header-v2-utility-navigation ul li:nth-child(6) {
height:40px;
}
}
.abbv-header-v2-utility-navigation ul li:nth-child(5),
.abbv-header-v2-utility-navigation ul li:nth-child(6) {
padding: 0 8px 0 12px;
width: auto;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) a,
.abbv-header-v2-utility-navigation ul li:nth-child(6) a {
font-family: 'acumin-pro-wide', sans-serif;
text-decoration: none;
color:#fff !important;
font-weight: 600 !important;
line-height: 14px;
text-transform: uppercase;
margin: 0;
max-width: 100% !important;
width: auto !important;
font-size: 14px;
display: inline-block;
letter-spacing: 1px;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) a.nav-tier1.sm-display {
max-width: 100% !important;
width: auto !important;
}
.abbv-header-v2-utility-navigation ul li:nth-child(4) a.nav-tier1.sm-display {
all: unset;
text-decoration: underline;
font-weight: 300 !important;
padding: 15px 12px 8px 0 !important;
display: inline-block;
font-size: 14px;
line-height: 14px;
}
.abbv-header-v2-utility-navigation ul li:nth-child(-n+4) a {
padding: 15px 12px 8px 0 !important;
font-size: 14px;
line-height: 14px;
display: inline-block;
}
@media (max-width: 600px) {
.abbv-header-v2-utility-navigation {
border-bottom: 0;
}
.abbv-header-v2-utility-navigation ul li:first-child {
position: absolute;
top: 54px;
left: calc((100% - 166px) / 2);
}
.abbv-header-v2-utility-navigation ul li:nth-child(2) {
position: absolute;
top: 54px;
right: calc((100% - 166px) / 2);
left: auto;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) {
width: 47% !important;
float: right !important;
}
.abbv-header-v2-utility-navigation ul li:nth-child(6) {
width: 47% !important;
float: left !important;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) a.nav-tier1.sm-display,
.abbv-header-v2-utility-navigation ul li:nth-child(6) a{
max-width: 108px !important;
text-align: center !important;
padding: 8px 14px 8px 4px !important;
}
.abbv-header-v2-utility-navigation ul li:nth-child(5) a:after,
.abbv-header-v2-utility-navigation ul li:nth-child(6) a:after{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -20px;
font-size: 33px !important;
}
}
@media (max-width: 767px) {
.abbv-header-v2-utility-navigation ul{
gap: 12px;
}
}
@media (max-width: 343px) {
.abbv-header-v2-utility-navigation ul li:first-child {
top: 65px;
}
.abbv-header-v2-utility-navigation ul li:nth-child(2) {
top: 65px;
}
}
@media (min-width: 1026px) {
.abbv-header-v2 .abbv-header-v2-utility-navigation {
position: absolute;
background-color: transparent !important;
}
}
@media (min-width: 1025px) {
.abbv-header-v2-utility-navigation ul li:nth-child(5) a::after,
.abbv-header-v2-utility-navigation ul li:nth-child(6) a::after {
top: -1px;
font-size:29px !important;
}
}
.abbv-header-v2-utility-navigation .top-nav-isi:hover{cursor: pointer !important;}
@media(max-width: 1024px) {
.abbv-header-v2-utility-navigation ul li:nth-child(3),
.abbv-header-v2-utility-navigation ul li:nth-child(4) {
display:none
}
}
@media(max-width: 600px) {
.abbv-header-v2.scrolled .abbv-header-v2-utility-navigation {
padding-bottom:0;
margin-top: 100px
}
}
@media(min-width: 601px) {
.abbv-header-v2.scrolled .abbv-header-v2-utility-navigation {
padding-bottom:0;
margin-top: 81px
}
}
@media(min-width: 1026px) {
.abbv-header-v2.scrolled .abbv-header-v2-utility-navigation {
padding-bottom:12px;
margin-top: 0
}
}
@media(max-width: 1024px) {
.scrolled .abbv-header-v2-utility-navigation ul li:nth-child(5),.scrolled .abbv-header-v2-utility-navigation ul li:nth-child(6) {
margin-top:0;
top: 100px !important
}
}
/*utility nav end */
/*------END utility-navigation.css------END*/
/*------START primary-navigation-social-submenu.css------START*/
.abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu {
background: 0;
display: block !important;
margin: 0;
opacity: 1 !important;
padding: 0;
position: relative;
top: 0;
width: auto;
}
.abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu li a {
padding: 0;
cursor: pointer;
width: 30px;
height: 30px;
border: 0;
top: -9px;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) a {
font-size: 0;
line-height: 1
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu {
background: 0;
display: block !important;
margin: 0;
opacity: 1 !important;
padding: 0;
position: relative;
top: 0;
width: auto
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) .abbv-header-primary-navigation-submenu.abbv-submenu ul {
display: flex;
gap: 7px;
margin-top: 0;
width: 100%;
min-width: 178px;
padding: 0;
overflow: hidden
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li {
background: url('/content/dam/ubrelvy/images/icons/icon-social-insta-mobile.png') no-repeat center /contain;
display: block;
height: 30px !important;
width: 30px
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(2) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-facebook-mobile.png') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(3) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-tiktok-mobile.png') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(4) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-youtube-mobile.png') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(5) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-twitter-mobile.png') no-repeat center /contain
}
@media(min-width: 896px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li {
background:url('/content/dam/ubrelvy/images/icons/icon-social-instagram.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(2) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-facebook.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(3) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-tiktok.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(4) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-youtube.svg') no-repeat center /contain
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation>nav>ul>li:nth-child(6) li:nth-child(5) {
background: url('/content/dam/ubrelvy/images/icons/icon-social-twitter.svg') no-repeat center /contain
}
}
/*-----END primary-navigation-social-submenu.css------END*/
/*------START primary-navigation-submenu.css------START*/
/*tablet and mobile */
@media(max-width: 1025px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li .abbv-header-primary-navigation-submenu.abbv-submenu {
position:static;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu .abbv-nav-active {text-decoration:none;}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu {
padding-left: 10px;
margin-top: -5px;
margin-bottom: 5px;
height: auto;
background: #3b4143;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul {
background: #3b4143;
padding:0;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li {
line-height: 18px;
height: 33px !important;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a {
padding: 0;
font-size: 14px;
font-weight: normal;
line-height: 33px;
height: 28px;
font-family: "acumin-pro-wide";
text-transform: uppercase;
color: #fff;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a:hover {
color: var(--green);
}
}
/*desktop and large screen*/
@media(min-width: 1026px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li .abbv-header-primary-navigation-submenu.abbv-submenu {
position: absolute;
top: 50px;
width: 183px;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:last-child {
margin-left: auto
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu .abbv-nav-active {text-decoration:none;}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu {
position: relative;
border: 0;
box-shadow: none;
overflow: hidden;
white-space: normal;
background: #f9f9f9;
padding:5px 10px 10px 10px;
border-radius:3px;
}
.abbv-header-primary-navigation-submenu ul {
padding:0;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li {
height: 25px
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a {
font-size: 12px;
line-height: 27px;
font-family: "acumin-pro-wide";
text-transform: uppercase;
color: #3b4143;
font-weight: normal;
}
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a:hover {
color: var(--green);
}
.abbv-header-v2-primary-navigation nav a.abbv-has-submenu+span i:before {
margin: 0;
padding: 0;
content: "\e313";
float: left;
margin-left: 0;
margin-top: 0;
font-weight: normal;
font-size: 24px;
color: white
}
}
@media(max-width:600px) {
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu .abbv-nav-active {color:white;}
}
.abbv-header-v2-primary-navigation nav ul li:nth-child(6),
.abbv-header-v2-primary-navigation nav ul li:nth-child(7),
.abbv-header-v2-primary-navigation nav ul li:nth-child(8),
.abbv-header-v2-primary-navigation nav ul li:nth-child(9),
.abbv-header-v2-primary-navigation nav ul li:nth-child(10){
display: block !important
}
@media(min-width: 1026px) {
.abbv-header-v2-primary-navigation nav ul li:nth-child(6),
.abbv-header-v2-primary-navigation nav ul li:nth-child(7),
.abbv-header-v2-primary-navigation nav ul li:nth-child(8),
.abbv-header-v2-primary-navigation nav ul li:nth-child(9),
.abbv-header-v2-primary-navigation nav ul li:nth-child(10){
display: none !important
}
}
/*migrain mode on*/
.abbv-view-toggle .abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li a:hover {
color: var(--darkgray);
}
/*------END primary-navigation-submenu.css------END*/
/*------START primary-navigation.css------START*/
.abbv-header-v2-primary-navigation {
overflow: inherit !important;
visibility: hidden;
opacity: 0;
height: 0;
transition: opacity 500ms;
}
.abbv-header-v2-primary-navigation nav a.abbv-has-submenu+span i:before {
margin: 0;
padding: 0;
content: "\e313";
color: #fff;
float: left;
margin-left: 0;
margin-top: 0;
font-weight: normal;
font-size: 24px;
}
@media (min-width:1026px) {
.abbv-header-v2-primary-navigation {
overflow: inherit !important;
visibility: unset;
opacity: unset;
height: auto;
margin-top: -58px;
transition: none;
}
.abbv-header-v2-primary-navigation>nav {
max-width: 890px !important;
transform: translateX(96px);
}
.abbv-header-v2-primary-navigation>ul,
.abbv-header-v2-primary-navigation>nav>ul {
display: flex;
gap: 32px;
height: auto;
padding: 0 20px;
width: 100%;
max-width: 100%;
align-items: center;
justify-content: center;
}
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before{
background: var(--green);
bottom: -7px;
content: "";
height: 4px;
left: 0;
position: absolute;
transition: width .4s cubic-bezier(.19, 1, .22, 1);
width: 0;
z-index: 0;
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a:hover:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>.abbv-nav-active:before {
width: 100%
}
.abbv-header-v2-primary-navigation>nav>ul>li>a.abbv-has-submenu:hover:before{
width:calc(100% + 20px);
}
.abbv-header-v2-primary-navigation .abbv-nav-active {
border-bottom: 0;
text-decoration: underline;
text-decoration-color: var(--green);
text-decoration-thickness: 4px;
background: transparent;
transition: none;
}
.abbv-header-v2-primary-navigation nav ul li>a:before {
transform: none !important;
}
.abbv-header-v2-primary-navigation nav ul li>a:hover {
border-bottom: 0;
transition: none;
text-decoration-color: var(--green);
text-decoration-thickness: 4px;
background: transparent;
}
.abbv-header-v2-primary-navigation ul li a.abbv-has-submenu {
width: calc(100% - 50px);
position: relative;
border-bottom: 0;
margin-right: 0
}
.abbv-header-v2-primary-navigation ul li a.abbv-has-submenu+span {
width: auto;
height: auto;
background-color: unset;
}
/*small screen*/
@media (max-width: 1025px) {
.abbv-header-v2-primary-navigation.abbv-navigation.abbv-active {
background-color: #3b4143;
scrollbar-color: #fff #3b4143;
padding: 28px 44px 0 17px !important;
}
.abbv-header-v2-primary-navigation nav ul {
background-color: #3b4143;
}
.abbv-header-v2-primary-navigation>nav>ul>li {
height: auto;
display: block !important;
padding: 0 !important;
align-items: center;
margin-bottom: 12px;
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a:before,
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a.abbv-nav-active:before {
bottom:0;
}
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(7)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(8)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(9)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(10)>a {
width: auto;
padding-left: 0;
padding-right: 0;
margin-left: 0;
text-decoration: none;
border-bottom: none;
background: unset;
}
.abbv-header-v2-primary-navigation>nav>ul>li>a {
font-family: 'acumin-pro-wide', sans-serif;
line-height: 20px;
color: #fff;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
height: 20px;
font-size: 14px;
font-weight: 600;
padding: 0;
background: unset;
}
}
@media (max-width: 1025px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(6),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(7),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(8),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(9),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(10) {
display: block !important;
height: 30px;
width: 100%;
}
.header-toggle-cta .abbv-header-v2-right.toggle-switch-mobile label.abbv-switch.abbv-view-toggle-switch {
display: block;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(7) a,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(8) a,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(9) a,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(10) a {
padding-left: 0;
text-transform: none;
font-weight: normal;
text-decoration: underline;
}
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(7) a:hover,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(8) a:hover,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(9) a:hover,
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(10) a:hover {
font-weight: bold;
}
}
.abbv-header-v2-mobile-primary-navigation span.line {
display: block;
margin: 5px 0;
background-color: #fff;
width: 20px;
height: 0;
border-top: 1.5px solid #fff;
transition: all .5s ease-in-out
}
.abbv-header-v2-mobile-primary-navigation.active span:nth-child(3) {
transform: translateY(-4px) rotate(-45deg);
}
.abbv-header-v2-primary-navigation ul li a.abbv-has-submenu {
padding: 0;
}
.abbv-header-v2-primary-navigation nav ul li a.abbv-has-submenu+span {
width: unset;
height: auto;
}
.abbv-header-v2-primary-navigation a.abbv-has-submenu+span i {
padding-left: 0;
padding-top: 0;
}
}
/*large screen*/
.abbv-header-v2 #abbv-menu-toggle {
display: block;
}
@media (max-width: 1350px) {
.abbv-header-v2-utility-navigation ul li:nth-child(3), .abbv-header-v2-utility-navigation ul li:nth-child(4) {
display: none;
}
}
@media (min-width:985px) and (max-width:1350px) {
.abbv-header-v2-primary-navigation nav {margin:0 130px 0 auto !important;transform:none;}
.abbv-header-v2-primary-navigation>nav>ul {gap:24px;justify-content:flex-end;}
.abbv-header-v2-primary-navigation nav ul li a.abbv-has-submenu+span {width:16px;}
}
/*@media (min-width: 1025px) {*/
/* .abbv-header-v2 #abbv-menu-toggle {*/
/* display: block !important;*/
/* }*/
/* .header-toggle-cta label.abbv-switch.abbv-view-toggle-switch,*/
/* .abbv-header-v2-primary-navigation {*/
/* display: none !important;*/
/* }*/
/*}*/
/*@media (min-width: 1350px) {*/
/* .abbv-header-v2 #abbv-menu-toggle {*/
/* display: none !important;*/
/* }*/
/* .header-toggle-cta label.abbv-switch.abbv-view-toggle-switch,*/
/* .abbv-header-v2-primary-navigation {*/
/* display: block !important;*/
/* }*/
/*}*/
@media (min-width: 1350px) {
.abbv-header-v2-primary-navigation>nav>ul>li:first-child>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a,
.abbv-header-v2-primary-navigation>nav>ul>li:nth-child(7)>a {
width: auto;
padding-left: 0;
padding-right: 0;
text-decoration: none;
border-bottom: none;
}
.abbv-header-v2-primary-navigation>nav>ul>li {
height: 50px !important;
display: flex !important;
padding: 0 !important;
align-items: center;
}
.abbv-header-v2-primary-navigation>nav>ul>li>a {
font-family: 'acumin-pro-wide', sans-serif;
font-size: 15px;
line-height:20px;
letter-spacing: normal;
height: auto;
font-weight: 600;
color: #fff;
}
.abbv-header-v2-primary-navigation nav a.abbv-has-submenu+span i:before {
color: #fff;
}
.abbv-header-v2-primary-navigation.abbv-navigation nav ul li span {
width: 20px;
padding-left: 2px;
}
}
@media (max-width: 1025px) {
.abbv-header-v2-primary-navigation.abbv-navigation.abbv-active {
max-width: 1084px;
margin: auto;
height: calc(100vh - 200px) !important;
opacity: 1;
overflow: scroll !important;
overflow-x: clip !important;
}
}
@media(max-width: 600px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(7),
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li:nth-child(8) {
display: none !important;
}
}
/* Resource Page Jump Links ---------------------------*/
a#find-specialist,
a#brochure,
a#join-community {
scroll-margin-top: 240px;
}
a#tips{
scroll-margin-top: 300px
}
a#more-on-migraine{
scroll-margin-top: 180px
}
/*migrain mode on */
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:first-child>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:first-child>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(2)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(3)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(4)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(5)>a.abbv-nav-active:before,
.abbv-view-toggle .abbv-header-v2-primary-navigation>nav>ul>li:nth-child(6)>a.abbv-nav-active:before {
background: var(--darkgray);
}
.abbv-view-toggle .abbv-header-v2-primary-navigation .abbv-nav-active {
text-decoration-color: var(--darkgray);
}
.abbv-view-toggle .abbv-header-v2-primary-navigation nav ul li>a:hover {
text-decoration-color: var(--darkgray);
}
/*------END primary-navigation.css------END*/
/*------START header.css------START*/
.abbv-header-v2 {
background-color: var(--darkgray)
}
.abbv-header-content-container {
height: auto;
max-width: 100%;
padding: 0;
box-sizing: border-box
}
.abbv-link-list.horizontal {
display: none
}
.abbv-header-v2 .util-icons-container {
padding-top: 20px;
width: 20px;
}
/*utility nav 1180*/
.abbv-header-v2-utility-navigation nav {
display: flex;
max-width: 1180px;
width:100%;
margin: auto
}
/*primary nav 1140*/
.abbv-header-v2-primary-navigation nav {
display: flex;
width:890px;
max-width: 1140px;
padding: 0;
margin: auto
}
@media(min-width: 1026px) {
.abbv-header-v2-utility-navigation nav {
width: auto;
max-width: 1440px;
margin: 10px auto 0 auto;
transform: none;
padding: 0 20px;
}
}
.abbv-header-v2.abbv-header-v2-lite,.abbv-header-v2 .abbv-header-content-container {
background: var(--darkgray) !important
}
/*header content logo section 1140 */
.abbv-header-v2-content {
height: 60px;
padding: 0 20px;
margin: 0 auto;
max-width: 1440px;
box-sizing: border-box;
display: flex !important;
justify-content: space-between !important
}
@media (min-width: 1025px) and (max-width: 1095px) {
.abbv-header-v2-content {
padding: 10px 10px 10px 0 !important;
}
}
.abbv-sticky-anchor {
height: auto !important
}
.abbv-header-v2-left {
display: flex;
align-items: center;
width: auto !important;
float: left
}
ul.ubrelvy-social-icon li img {
max-width: 100%
}
.abbv-header-v2 .abbv-header-v2-right {
height: 100%;
width: auto !important;
align-items: center;
justify-content: flex-end
}
.abbv-search-navigation input[type=text].abbv-search {
background: transparent;
border: 0;
border-bottom: 1px solid #fff;
padding: 3px 0;
color: #fff;
width: 300px;
font-size: 14.4px;
}
.abbv-search-navigation [class^="abbv-icon-"]:after {
content: "";
position: absolute;
background-image: url(/content/dam/ubrelvy/images/search-icon.png);
background-size: 18px;
height: 18px;
width: 18px;
background-repeat: no-repeat;
right: -10px;
top: -8px
}
.abbv-search-navigation input[type=text].abbv-search:hover,abbv-search-navigation input[type=text].abbv-search:focus {
box-shadow: none
}
@media(max-width: 600px) {
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch p {
font-size: 12px;
line-height: 12px
}
}
.abbv-search-navigation {
display: block !important;
opacity: 1;
z-index: 1;
right: 450px;
background-color: transparent
}
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch p sup {font-size:35%}
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch {
display: inline-block;
color: #fff;
outline: 0;
padding: 0 !important;
margin: 60px 14px 0 0px !important;
width: 104px;
}
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch input:focus + .abbv-slider{
outline:none;
}
@media (max-width: 1025px) {
.abbv-view-toggle-switch:first-child {
width: 200px;
}
}
@media (min-width: 320px) and (max-width: 1025px) {
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch {
padding-right: 0 !important;
margin: 0 !important;
width:100%;
}
}
.abbv-header-v2 .abbv-link-list.horizontal a {
color: #fff;
font: normal 300 15px/20px 'acumin-pro',sans-serif;
letter-spacing: 0
}
@media(max-width: 1025px) {
.abbv-header-v2-lite .abbv-header-v2-left img {
height:auto;
width: 115px
}
.header-toggle-cta label.abbv-switch.abbv-view-toggle-switch{display: none;}
.abbv-header-v2-utility-navigation nav > ul > li > a[class*="abbv-icon"]:after, .abbv-header-v2-utility-navigation > ul > li > a[class*="abbv-icon"]:after{
margin:0;
}
}
@media(min-width: 1026px) {
.abbv-buddy-inline {
display:none
}
.abbv-header-v2 {
min-height: 120px
}
.abbv-header-v2-content {
height: 130px;
padding: 10px 20px
}
.abbv-header-v2-left {
width: 50%
}
.abbv-header-v2-right {
width: 50%;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
margin-top:15px;
}
.abbv-header-v2-left img {
border: 0;
width: 270px;
height:auto;
position:relative;
top: 25px;
left: 10px;
}
.abbv-header-v2 .abbv-eyebrow, .abbv-header-v2-lite .abbv-eyebrow{padding: 8px 20px;}
}
@media(min-width:1150px){
.abbv-header-v2 .abbv-eyebrow, .abbv-header-v2-lite .abbv-eyebrow{padding: 8px 0;}
}
.abbv-header-v2 #abbv-guest-user,.abbv-header-v2 #abbv-logged-user,.abbv-header-v2 #abbv-search-util {
display: none
}
@media(min-width: 1026px) {
.abbv-link-list.horizontal {
display:block
}
.abbv-search-navigation {
padding: 7px 12px
}
.util-icons-container {
align-items: flex-end;
height: 45px;
position: static
}
.abbv-header-v2 #abbv-search-util {
display: none
}
.abbv-search-navigation [class^="abbv-icon-"] {
right: 25px;
top: 20px
}
}
.abbv-slider:before {
position: absolute;
z-index: 1;
content: "";
height: 14px;
width: 14px;
left: 2px;
bottom: 1px;
background-color: var(--green-mid);
-webkit-transition: .4s;
transition: .4s
}
.abbv-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #2B6146;
-webkit-transition: .4s;
transition: .4s;
width: 42px;
height: 16px
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input+.abbv-slider:after {
content: "OFF";
position: absolute;
right: 8px;
font-size: 8px;
color: #fff;
top: -6.5px
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input:checked+.abbv-slider:after {
content: "ON" !important;
color: #fff !important;
right: auto !important;
left: 8px !important;
font-size: 8px;
position: absolute;
top: -6.5px;
letter-spacing: .75px
}
@media (max-width: 1025px) {
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li span.abbv-slider {
left: auto;
position: absolute;
width: 42px;
height: 16px;
padding-top: 0;
background-color: #3b8463;
top: 0;
margin-top: 2px;
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input+.abbv-slider:after {
top:1.5px;
}
header.abbv-header-v2.ubrelvy-isi-header-contain.ubrelvy-header-main-sec.abbv-sticky input:checked+.abbv-slider:after {
top:1.5px;
}
}
@media(min-width: 1026px) {
.abbv-sticky.scrolled .abbv-header-content-container {
margin-top:62px
}
}
@media (max-width: 600px) {
section[role=main] {
padding-top:216px;
}
}
@media (max-width: 462px) {
section[role=main] {
padding-top:228px;
}
}
@media (max-width: 343px) {
section[role=main] {
padding-top:26436px;
}
}
@media (min-width: 601px) {
section[role=main] {
padding-top:168px;
}
}
@media (min-width: 1055px) {
section[role=main] {
padding-top:160px;
}
}
input:checked+.abbv-slider{
background-color:#3b8463
}
.abbv-view-toggle .abbv-header-v2 .abbv-header-v2-content .abbv-header-v2-left img {
filter: brightness(0) invert(1)
}
/*------END header.css------END*/
/*------START footer.css------START*/
.ubrelvy-footer-logo a{opacity: 0;}
.footer-migraine, .ubrelvy-footer-bottom .abbv-footer-content, .abbv-row-container.footer-top-bg-details {
max-width: 1280px;
}
.abbv-container.ubrelvy-footer-top, .abbv-container.ubrelvy-footer-top a, .abbv-container.catalog-component.ubrelvy-footer-bottom, .abbv-container.catalog-component.ubrelvy-footer-bottom a, .abbv-container.catalog-component.ubrelvy-footer-bottom .abbv-footer {
background: var(--darkgray);
color: white;
}
.footer-migraine .abbv-row {
display: flex
}
.ubrelvy-footer-top .abbv-row {
margin: 0;
padding: 0;
}
.footer-migraine .abbv-row .abbv-col:nth-child(2) {
width: auto !important;
flex-wrap: wrap;
flex-grow: 1;
}
.footer-migraine .cta.parbase {
position: absolute;
top: 48%;
right: 0
}
.abbv-footer p {
margin-block-end: 0;
margin: 14px 0 0;
font: normal 300 12px/16px 'acumin-pro',sans-serif;
}
.abbv-link-list h3 {margin-bottom:0;}
.abbv-link-list h3 a {
font: normal 700 20px/20px 'acumin-pro',sans-serif;
padding-bottom: 28px;
text-transform: uppercase;
text-decoration: none;
}
.footer-migraine label.abbv-switch.abbv-view-toggle-switch span.abbv-slider.abbv-round {top:0}
.abbv-link-list.has-submenu h3 a {padding-bottom: 0px; margin-bottom: 0;}
.abbv-link-list.has-submenu ul {padding:14px 0 5px 24px;}
.abbv-link-list.has-submenu ul li{padding-bottom:6px;}
.abbv-link-list.has-submenu ul li a{font-size: 16px;font-weight:400;text-transform:uppercase;}
@media (max-width: 895px) {
.abbv-link-list h3 a {
padding-bottom: 12px;
}
.abbv-link-list.has-submenu ul {padding:14px 0 25px 24px;}
.footer-box h4 {margin-top:10px;}
}
.footer-box h4, .footer-box h4 a {
font-size: 20px;
font-weight: 700;
line-height: 20px;
color: #fff;
font-family: acumin-pro,'arial bold',sans-serif;
text-transform: uppercase;
margin-bottom:10px;
text-decoration: none;
}
.ubrelvy-footer-bottom .abbv-footer-content {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 0;
padding-top: 10px;
padding-bottom: 80px;
display: block;
clear: both;
z-index: 50;
}
.abbv-rich-text.ubrelvy-footer-right-text.abbv-rich-text-common p {
margin: 0;
font-family: acumin-pro,helvetica,arial,sans-serif;
font-weight: 400;
line-height: 20px;
font-size: 16px;
margin-bottom: 10px;
}
.abbv-footer ul {
text-align: right;
line-height: 1.8rem;
padding: 0;
margin-left: auto;
list-style: none;
width:90%;
}
.abbv-footer ul.abbv-footer-horizontal li {
padding-left: 13px;
padding-right: 0;
}
.abbv-container.catalog-component.ubrelvy-footer-bottom a {
font: normal 400 13px/18px 'acumin-pro',sans-serif;
text-decoration: underline;
}
.ubrelvy-footer-right-text ul.ubrelvy-social-icon {
justify-content: flex-start;
list-style-type: none;
display: flex;
padding: 0;
margin:72px 0 0;
}
.ubrelvy-footer-right-text ul.ubrelvy-social-icon li {
padding: 0 0 0 10px;
}
.abbv-rich-text.ubrelvy-footer-right-text.ubre-footre-phone-sec.abbv-rich-text-common a {
text-decoration: underline;
}
ul.ubrelvy-social-icon.mobile-show, .footer-mobile-logo.abbv-image-text-v2.abbv-image-swap img, .abbv-rich-text.mobile-show.abbv-rich-text-common, .abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile {
display: none;
}
.abbv-footer-content .logo svg {
fill: white;
height: auto;
width: 118px;
}
.abbv-footer-content .logo {
fill: #fff;
float: none;
border: 0;
position: absolute;
top: 25px;
}
.footer-migraine {
padding: 50px 0 40px 0
}
.footer-migraine .cta.parbase label p {
margin: 0 52px 0 0;
max-width: 154px;
display: block;
padding-left: 0;
float: right;
text-align:right;
}
.ubrelvy-footer-logo img {
width: 185px;
}
@media (max-width: 895px) {
.ubrelvy-footer-logo img {
width: 140px;
}
}
/* note:move this to style css*/
button.abbv-back-to-top.abbv-button-plain.abbv-icon-arrow_upward.i-a {
display: none !important;
}
p.migraine-button {
font: normal 300 16px/30px 'acumin-pro-wide',sans-serif;
text-transform: uppercase
}
label.abbv-switch.abbv-view-toggle-switch {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 10px 0
}
label.abbv-switch.abbv-view-toggle-switch p {
order: 1;
margin: 0;
width: auto;
margin-right: 52px;
font-size: 12px;
line-height: 1;
font-family: acumin-pro-wide,helvetica,arial,sans-serif;
font-weight: 300;
letter-spacing: .75px;
}
label.abbv-switch.abbv-view-toggle-switch span.abbv-slider.abbv-round {
left: auto;
top:5px;
}
[data-text-label="true"] input+.abbv-slider:after {
color: #fff;
letter-spacing: .75px;
font-family: acumin-pro-wide,helvetica,arial,sans-serif;
font-size: 8px;
content: "OFF";
line-height: 18px;
position: absolute;
top: -1px;
right: 5px;
}
.abbv-footer .abbv-footer-border-top {
display: none;
}
.abbv-rich-text.ubrelvy-footer-right-text.abbv-rich-text-common ul li img {
width: 25px;
}
.ubrelvy-footer-top .footer-migraine .cta.parbase label {
outline: 0;
}
.footer-migraine .cta.parbase label {
display: block;
padding-left: 0;
margin: 0 !important;
}
.ubrelvy-footer-logo .abbv-image-text-v2 .abbv-image-text-content-container-v2,
.abbv-image-text-v2 .abbv-image-text-content-v2 {
background: transparent;
}
.ubrelvy-footer-logo .abbv-image-text-v2 .abbv-image-text-content-container-v2 {
position: absolute;
display: flex;
top: 0;
width: 100%;
height: 100%;
font-size: .9rem;
}
/*mobile view */
@media (max-width: 600px) {
.footer-migraine .abbv-col.abbv-col-2 {
max-width: 30%;
width: 100%
}
.footer-migraine .abbv-col.abbv-col-10 {
max-width: 70%;
width: 100%
}
p.migraine-button {
font: normal 300 14px/14px 'acumin-pro-wide',sans-serif;
text-transform: uppercase
}
.footer-migraine .abbv-switch {
position: relative;
display: inline-block;
padding-left: 10px;
height: 26px;
line-height: 1.6rem;
cursor: pointer;
margin: 0 0 10px 0
}
.abbv-col-6{max-width: 100%;}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap img {
display: block;
}
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile {
display: none;
}
ul.ubrelvy-social-icon.mobile-show {
display: flex;
justify-content: flex-start;
}
ul.ubrelvy-social-icon, .abbv-footer-content .abbv-legal-text ul {
list-style-type: none;
}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap {
position: absolute;
top: 60px;
max-width: 114px;
}
.abbv-rich-text.mobile-hide-img.abbv-rich-text-common, .abbv-footer-content .logo, p.space-txt {
display:none;
}
.abbv-footer ul {
text-align: left;
}
}
.abbv-container.catalog-component.ubrelvy-footer-bottom {
padding: 0 20px;
}
.abbv-container.ubrelvy-footer-top {
padding: 0 20px;
}
@media (max-width: 895px) {
.mobile-hide-img ul.ubrelvy-social-icon {
display: none;
}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap {
position: absolute;
top: 60px;
max-width: 114px;
}
.abbv-container.catalog-component.ubrelvy-footer-bottom footer .abbv-footer-content {
padding-top: 20px;
}
.abbv-footer p {
margin: 14px auto 0;
}
.abbv-row-container.footer-top-bg-details-1.ubrelvy-footer-top, .abbv-row-container.footer-top-bg-details {
display: block;
}
.abbv-footer ul.abbv-footer-horizontal {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin-top: 110px;
column-gap: 15px;
}
.abbv-footer ul.abbv-footer-horizontal li {
padding-left: 0;
padding-right: 0;
font-family: acumin-pro,helvetica,arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
height: auto;
padding-bottom: 16px;
}
ul.ubrelvy-social-icon.mobile-show {
padding: 0;
position: absolute;
top: 0;
margin: 18px 0;
}
ul.ubrelvy-social-icon li { padding: 0 0 0 20px; }
ul.ubrelvy-social-icon li:nth-child(1) { padding: 0; }
.abbv-legal-text.abbv-rich-text-common ul.ubrelvy-social-icon li img {
width: 25px;
}
}
@media (max-width:376px) {
.abbv-footer ul.abbv-footer-horizontal {
column-gap: 0;
}
}
@media (min-width:600px) {
.footer-migraine .abbv-col-2 {
width: 22%;
}
}
@media (min-width: 600px) and (max-width: 895px) {
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile {
display: none;
}
.abbv-footer ul {
text-align: left;
}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap img, .abbv-footer ul.abbv-footer-horizontal li {
display: block;
}
.footer-mobile-logo.abbv-image-text-v2.abbv-image-swap {
max-width: 90px;
width: 100%;
}
ul.ubrelvy-social-icon.mobile-show {
display: flex;
justify-content: flex-start;
}
ul.ubrelvy-social-icon, .abbv-footer-content .abbv-legal-text ul {
list-style-type: none;
}
.abbv-container.ubrelvy-footer-top .abbv-col {
max-width: 100%;
}
.abbv-col-6, .abbv-col-4, .abbv-col-8 {
max-width: 100%;
width: 100%;
margin-left: 0;
}
.abbv-rich-text.mobile-hide-img.abbv-rich-text-common, .abbv-footer-content .logo, p.space-txt {
display: none;
}
}
@media (min-width: 601px) and (max-width: 895px) {
.abbv-footer ul {
margin: 0;
}
.abbv-footer ul.abbv-footer-horizontal li {
height: auto;
padding-bottom: 16px;
}
ul.ubrelvy-social-icon.mobile-show {
margin: 14px auto;
}
}
@media (max-width: 895px){
.footer-migraine .abbv-col-2 {
width: 22%;
}
.ubrelvy-footer-top .abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile .abbv-col-6:first-child {
width: 50%;
}
.ubrelvy-footer-top .abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile .abbv-col-6:last-child {
width: 49%;
padding-left: 30px;
}
.abbv-link-list h3 a {
font-family: acumin-pro,'arial bold',sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin-bottom: 32px;
padding-bottom: 0;
}
.ubrelvy-footer-top .footer-top-bg-details.footer-top-bg-details-mobile .abbv-row>.abbv-col.abbv-col-6:first-child .link-list.parbase h3 a {
margin-bottom: 15px;
}
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile .abbv-rich-text.ubre-footer-mobile-right-menu-sec.abbv-rich-text-common {
margin-top: 25px;
}
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.abbv-row-container.footer-top-bg-details.footer-top-bg-details-mobile p a{font-size: 15px; }
.abbv-container.ubrelvy-footer-top .abbv-row-container.footer-migraine {
padding-top: 40px;
}
}
.abbv-container.ubrelvy-footer-top a {
line-height: 20px;
}
@media (min-width: 896px) {
.ubrelvy-footer-top .footer-top-bg-details {
padding-bottom: 0px;
}
.footer-top-bg-details .abbv-col:first-child {
width: 22%;
}
.footer-top-bg-details .abbv-col:last-child {
width: 42%;
padding-left: 126px;
padding-top:10px;
}
.footer-box {
padding-left: 10px;
}
.ubrelvy-footer-top .footer-top-bg-details>.abbv-row>.abbv-col.abbv-col-4:nth-child(3) .ubre-footer-phone-sec .footer-box p a {
font-size: 16px;
line-height: 20px;
}
}
@media (min-width: 896px) and (max-width: 1035px) {
.catalog-component.ubrelvy-footer-bottom .abbv-footer .abbv-footer-content>div:first-child .abbv-footer-horizontal
{
margin-top: 60px;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.footer-migraine .cta.parbase label p {
font-family: acumin-pro-wide,helvetica,arial,sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: .5px;
line-height: 1;
}
.abbv-header-v2-left img{
width:150px;
margin-left:-10px;
}
}
@media (min-width: 986px){
.ubrelvy-footer-top .footer-migraine {
padding: 42px 0 42px 0;
}
}
.abbv-footer-content .abbv-legal-text {
margin-bottom:0;
}
.abbv-footer-content .abbv-legal-number {
margin-top:0;
}
/* Privacy Updates */
/* nth child styles applied for Your Privacy Choices Link present in the footer */
.abbv-footer ul.abbv-footer-horizontal li:last-child {
background: url(/content/dam/ubrelvy/images/privacy-choices-white.svg) no-repeat;
background-repeat: no-repeat;
background-position: right 65%;
padding-right: 32px;
background-size: 16%;
width: fit-content;
}
@media (min-width: 1024px) {
.abbv-footer ul.abbv-footer-horizontal li:last-child {
margin-left: 6px;
}
.abbv-footer ul.abbv-footer-horizontal {
width: 768px;
margin-left: auto;
margin-right: 0;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.abbv-footer ul.abbv-footer-horizontal li:last-child {
background-position: right top;
padding-right: 46px;
background-size: 23%;
}
}
@media (max-width: 767px) {
.abbv-footer ul.abbv-footer-horizontal li:last-child {
background-position: right 22%;
padding-right: 36px;
background-size: 20%;
}
}
/*migrain mode setting*/
.abbv-view-toggle .ubrelvy-footer-top .abbv-image-text-v2 .abbv-image-content-container-v2 img {
filter: brightness(0) invert(1);
}
@media (max-width: 600px) {
section[role=main] {
padding-top:216px;
}
}
@media (max-width: 462px) {
section[role=main] {
padding-top:188px;
}
}
@media (max-width: 343px) {
section[role=main] {
padding-top:200px;
}
}
@media (min-width: 601px) {
section[role=main] {
padding-top:96px;
}
}
@media (min-width: 1055px) {
section[role=main] {
padding-top:81px;
}
}
/*------END footer.css------END*/
.abbv-header-v2-primary-navigation .abbv-header-primary-navigation-submenu ul li {
line-height: 1;
}
@media (max-width: 600px) {
.abbv-header-v2-primary-navigation.abbv-navigation.abbv-active {
height: 386px !important;
min-height: 0 !important;
}
}
@media (max-width: 375px) {
.abbv-header-v2-primary-navigation.abbv-navigation.abbv-active {
height: 316px !important;
}
}
.abbv-header-v2-utility-navigation ul li:nth-child(4) a.nav-tier1.sm-display:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
@media (min-width: 1026px){
.abbv-container.catalog-component.header-toggle-cta.ubrelvy-header-contain .header-v2.parbase .abbv-header-v2-primary-navigation.abbv-navigation nav ul li .abbv-header-primary-navigation-submenu.abbv-submenu {
width: 193px !important;
}
}