.navigation-root{text-align:left;z-index:10;max-width:100%}.navigation-mobile-menu{display:none}.no-js .navigation-level1>.navigation-branch{display:block}.no-js .navigation-root.navigation-branch.navigation-level1{display:block}.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2{display:block}.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2{display:block;margin:0 0 -2px 0;border-left:none;border-right:none;position:static}.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2>.navigation-item{float:none}.navigation-branch{overflow:visible;margin:0;padding:0;list-style:none;border-color:#4a4a4a;border-width:2px 2px 2px 2px;border-style:solid;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.navigation-branch.navigation-level1{border:none;display:block}.navigation-item{margin:0 0 0 0;border-color:#4a4a4a;border-width:0 0 0 0;border-style:solid}.navigation-item>.navigation-item-title{display:block;padding:5px 15px 5px 15px;background:#e1e1e1;color:black;font-size:14px;line-height:1.5;font-weight:400;text-decoration:none;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.navigation-item>a.navigation-item-title:hover{color:black;background:#d5d5d5;text-decoration:none}.navigation-item>span.navigation-item-title{cursor:default}.navigation-item.has-children>.navigation-item-title .navigation-item-decoration{background-color:#c8c8c8}.navigation-item.has-active-child>.navigation-item-title,.navigation-item.is-active>.navigation-item-title{color:black;background:#a2a2a2;text-decoration:none}.navigation-item.is-open>.navigation-branch,.no-js .navigation-item:hover>.navigation-branch{display:block}.navigation-item.navigation-level1{margin:0 0 -2px -2px;border-color:#4a4a4a;border-width:2px 2px 2px 2px;border-style:solid;box-sizing:border-box}.navigation-item.navigation-level1>.navigation-item-title{color:black;background:#e1e1e1;text-decoration:none;font-weight:700;font-size:14px;line-height:1.5;padding:10px 20px 10px 20px}.navigation-item.navigation-level1>a.navigation-item-title:hover{color:black;background:#939191;text-decoration:none}.navigation-item.navigation-level1.has-active-child>.navigation-item-title,.navigation-item.navigation-level1.is-active>.navigation-item-title{color:#FFF;background:#605e5e;text-decoration:none}.navigation-item.navigation-level2{border-top:1px solid #4a4a4a}.navigation-branch.navigation-level2{display:block}.navigation-item>.navigation-item-title{padding-left:40px}.mod-touch .navigation-horizontal .navigation-item .is-open.navigation-branch.navigation-level2{display:block;position:relative;top:0;left:0}.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2{overflow:hidden}.mod-touch .navigation-horizontal .navigation-item.navigation-level2:first-child{border-top:none}.mod-touch .navigation-horizontal .navigation-item .navigation-level2 .navigation-item{width:100%}.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2{min-width:100%;position:absolute;top:41px;left:-2px;display:block}.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item{float:none}.navigation-horizontal .navigation-item{float:left;position:relative}.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,.navigation-horizontal .navigation-item .navigation-branch.navigation-level3{display:none}.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level2,.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level3{display:block;float:none}.navigation-horizontal .navigation-item.navigation-level2:first-child{border-top:none}.navigation-horizontal .has-children>.navigation-item-title{padding-right:61px;background-image:none}.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration{height:41px;width:41px;position:absolute;right:0;top:0;text-align:center;line-height:41px}.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration:after{content:"\f078";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:41px;height:41px;display:block;position:absolute;top:0;right:0;text-align:center}.navigation-horizontal .has-children>.navigation-item-title:hover .navigation-item-decoration{background-color:#939191}.navigation-horizontal .has-children.navigation-level2>.navigation-item-title{padding-right:55px}.navigation-horizontal .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration{height:31px;width:31px;line-height:31px}.navigation-horizontal .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:after{width:31px;height:31px}.navigation-horizontal .has-active-child>.navigation-item-title .navigation-item-decoration{background-color:#605e5e}.navigation-horizontal .navigation-level2.navigation-branch{border-color:#4a4a4a;border-width:2px 2px 2px 2px;border-style:solid}.navigation-horizontal .navigation-level2 .navigation-item-title{padding:5px 15px 5px 15px}.navigation-horizontal .navigation-level2.navigation-root{max-width:none}.navigation-vertical .navigation-branch.navigation-level2,.navigation-vertical .navigation-branch.navigation-level3{display:none}.navigation-vertical .navigation-item.is-open>.navigation-branch.navigation-level2,.navigation-vertical .navigation-item.is-open>.navigation-branch.navigation-level3{display:block}.navigation-vertical .has-children>.navigation-item-title{position:relative}.navigation-vertical .has-children>.navigation-item-title .navigation-item-decoration{height:41px;width:41px;position:absolute;right:0;top:0;text-align:center;line-height:41px}.navigation-vertical .has-children>.navigation-item-title .navigation-item-decoration:before{content:"\f078";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:41px;height:41px;display:block;position:absolute;top:0;right:0;text-align:center}.navigation-vertical .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration{height:31px;width:31px;line-height:31px}.navigation-vertical .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:before{width:31px;height:31px}.navigation-vertical .has-active-child>.navigation-item-title .navigation-item-decoration{background-color:#c8c8c8}.abreva-nav-box,.navigation-vertical,.navigation-vertical>.component-content>ul,.navigation-vertical>.component-content>ul>li{float:left;width:100%}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title{background:none;font-weight:400;color:#fff;font-size:.875em;line-height:1.1;float:left;width:100%;padding:.6em 8%;box-sizing:border-box;position:relative}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title::before{content:'';background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/list-divider.jpg) left 0 no-repeat;position:absolute;left:5%;top:.8em;width:1px;height:24px}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title .bold-txt{color:#fff;font-size:1em;font-weight:900;display:block}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title .normal-txt{font-weight:400;color:#fff;font-size:1em;display:block}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title:hover{background:none}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title:focus{background:none}.abreva-nav-box .navigation-vertical .navigation-level1>.has-children.navigation-item.navigation-level1>.navigation-item-title .navigation-item-decoration{display:block;position:absolute;width:38px;height:40px;right:0;top:.5em;text-align:center;margin:0;outline:none}.abreva-nav-box .navigation-vertical .navigation-level1>.has-children.navigation-item.navigation-level1.is-open>.navigation-item-title .navigation-item-decoration{display:block;position:absolute;width:38px;height:40px;right:0;top:.5em;text-align:center;margin:0}.abreva-nav-box .navigation-vertical .navigation-level1>.has-children.navigation-item.navigation-level1>.navigation-item-title>.navigation-item-decoration:before{content:"\f067";font-family:'FontAwesome';font-size:1em;color:#fff;font-weight:400;width:100%;height:auto;margin:0}.abreva-nav-box .navigation-vertical .navigation-level1>.has-children.navigation-item.navigation-level1.is-open>.navigation-item-title>.navigation-item-decoration:before{content:"\f068";font-family:'FontAwesome';font-size:1em;color:#fff;font-weight:400;width:100%;height:auto;margin:0}.abreva-nav-box .navigation-vertical .navigation-level1>.has-children.navigation-item.navigation-level1>.navigation-item-title>ul>li>a>.navigation-item-decoration{display:none}.abreva-nav-box .navigation-vertical .navigation-item>.navigation-branch.navigation-level2{border:none;float:left;width:100%}.abreva-nav-box .navigation-vertical .navigation-item>.navigation-branch.navigation-level2 li>.navigation-item-title{background:none;color:#fff;font-size:.875em;font-weight:900;line-height:1.1;float:left;width:100%;padding:.9em 8%;box-sizing:border-box;position:relative;background:#3c87bc;border-bottom:1px solid #235b95}@media only screen and (min-width:990px){.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2{margin:0 0 -2px -2px;position:absolute}}@media only screen and (min-width:768px) and (max-width:989px){.mod-touch .navigation-horizontal .navigation-item{width:100%}.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2{margin:0 0 -2px 0;border-left:none;border-right:none}}@media only screen and (max-width:767px){.mod-touch .navigation-horizontal .navigation-item{width:100%}.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2{margin:0 0 -2px 0;border-left:none;border-right:none;position:static}.navigation-mobile-menu{display:block;width:100%;height:41px;position:relative;cursor:pointer;border-width:2px 2px 2px 2px;border-style:solid;border-color:#4a4a4a;box-sizing:border-box;margin:0 0 -2px -2px;overflow:hidden;background:whitesmoke}.navigation-mobile-menu:after{content:"\f0c9";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;width:41px;height:41px;position:absolute;top:0;line-height:38px;font-size:25px;right:0}.navigation-item.navigation-level1{width:100%}.navigation-branch.navigation-level1{display:none}.navigation-branch.navigation-level1.is-open{display:block}.navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2,.navigation-vertical .navigation-item:hover .navigation-branch.navigation-level2{left:0;border-left:none;border-right:none}.mobile-navigation .navigation-mobile-menu:after{content:'\f0c9';color:#fff;font-family:FontAwesome;font-size:1.5em;position:absolute;top:-8px;left:1%;background:transparent}.mobile-navigation .navigation-mobile-menu.is-open-active:after{content:'';color:#fff}}.navigation-root{text-align:left;z-index:10;max-width:100%}.navigation-mobile-menu{display:none}.no-js .navigation-level1>.navigation-branch{display:block}.no-js .navigation-root.navigation-branch.navigation-level1{display:block}.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2{display:block}.no-js .header-nav .navigation-item .navigation-branch.navigation-level2{display:block;margin:0 0 -2px 0;border-left:none;border-right:none;position:static}.no-js .header-nav .navigation-item .navigation-branch.navigation-level2>.navigation-item{float:none}.navigation-branch{overflow:visible;margin:0;padding:0;list-style:none;border-color:#4a4a4a;border-width:2px 2px 2px 2px;border-style:solid;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.navigation-branch.navigation-level1{border:none;display:block}.navigation-item{margin:0 0 0 0;border-color:#4a4a4a;border-width:0 0 0 0;border-style:solid}.navigation-item>.navigation-item-title{display:block;padding:5px 15px 5px 15px;background:#e1e1e1;color:black;font-size:1em;line-height:1.5;text-decoration:none;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.navigation-item>a.navigation-item-title:hover{color:black;background:#d5d5d5;text-decoration:none}.navigation-item>span.navigation-item-title{cursor:default}.navigation-item.has-children>.navigation-item-title .navigation-item-decoration{background-color:#c8c8c8}.navigation-item.has-active-child>.navigation-item-title,.navigation-item.is-active>.navigation-item-title{color:black;background:#a2a2a2;text-decoration:none}.navigation-item.is-open>.navigation-branch,.no-js .navigation-item:hover>.navigation-branch{display:block}.navigation-item.navigation-level1{margin:0 0 -2px -2px;border-color:#4a4a4a;border-width:2px 2px 2px 2px;border-style:solid;box-sizing:border-box}.navigation-item.navigation-level1>.navigation-item-title{color:black;background:#e1e1e1;text-decoration:none;font-size:1em;line-height:1.5;padding:10px 20px 10px 20px}.navigation-item.navigation-level1>a.navigation-item-title:hover{color:black;background:#939191;text-decoration:none}.navigation-item.navigation-level1.has-active-child>.navigation-item-title,.navigation-item.navigation-level1.is-active>.navigation-item-title{color:#FFF;background:#605e5e;text-decoration:none}.navigation-item.navigation-level2{border-top:1px solid #4a4a4a}.navigation-branch.navigation-level2{display:block}.navigation-item>.navigation-item-title{padding-left:40px}.mod-touch .header-nav .navigation-item .is-open.navigation-branch.navigation-level2{display:block;position:relative;top:0;left:0}.mod-touch .header-nav .navigation-item.is-open .navigation-branch.navigation-level2{overflow:hidden}.mod-touch .header-nav .navigation-item.navigation-level2:first-child{border-top:none}.mod-touch .header-nav .navigation-item .navigation-level2 .navigation-item{width:100%}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2{min-width:100%;position:absolute;top:41px;left:-2px;display:block}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item{float:none}.header-nav .navigation-item{float:left;position:relative}.header-nav .navigation-item .navigation-branch.navigation-level2,.header-nav .navigation-item .navigation-branch.navigation-level3{display:none}.header-nav .navigation-item.is-open>.navigation-branch.navigation-level2,.header-nav .navigation-item.is-open>.navigation-branch.navigation-level3{display:block;float:none}.header-nav .navigation-item.navigation-level2:first-child{border-top:none}.header-nav .has-children>.navigation-item-title{padding-right:61px;background-image:none}.header-nav .has-children>.navigation-item-title .navigation-item-decoration{height:41px;width:41px;position:absolute;right:0;top:0;text-align:center;line-height:41px}.header-nav .has-children>.navigation-item-title .navigation-item-decoration:after{content:"\f078";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:41px;height:41px;display:block;position:absolute;top:0;right:0;text-align:center}.header-nav .has-children>.navigation-item-title:hover .navigation-item-decoration{background-color:#939191}.header-nav .has-children.navigation-level2>.navigation-item-title{padding-right:55px}.header-nav .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration{height:31px;width:31px;line-height:31px}.header-nav .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:after{width:31px;height:31px}.header-nav .has-active-child>.navigation-item-title .navigation-item-decoration{background-color:#605e5e}.header-nav .navigation-level2.navigation-branch{border-color:#4a4a4a;border-width:2px 2px 2px 2px;border-style:solid}.header-nav .navigation-level2 .navigation-item-title{padding:5px 15px 5px 15px}.header-nav .navigation-level2.navigation-root{max-width:none}.navigation-vertical .navigation-branch.navigation-level2,.navigation-vertical .navigation-branch.navigation-level3{display:none}.navigation-vertical .navigation-item.is-open>.navigation-branch.navigation-level2,.navigation-vertical .navigation-item.is-open>.navigation-branch.navigation-level3{display:block}.navigation-vertical .has-children>.navigation-item-title{position:relative}.navigation-vertical .has-children>.navigation-item-title .navigation-item-decoration{height:41px;width:41px;position:absolute;right:0;top:0;text-align:center;line-height:41px}.navigation-vertical .has-children>.navigation-item-title .navigation-item-decoration:before{content:"";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:41px;height:41px;display:block;position:absolute;top:0;right:0;text-align:center}.navigation-vertical .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration{height:31px;width:31px;line-height:31px}.navigation-vertical .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:before{width:31px;height:31px}.navigation-vertical .has-active-child>.navigation-item-title .navigation-item-decoration{background-color:#c8c8c8}.main-nav-box{width:100%;float:left;height:60px;background:#202969;background:-moz-linear-gradient(left,#152972 0%,#0c73ac 100%);background:-webkit-linear-gradient(left,#152972 0%,#0c73ac 100%);background:linear-gradient(to right,#152972 0%,#0c73ac 100%);box-shadow:0 2px 5px 0 rgba(0,0,0,.22)}.main-nav-box .header-nav{padding-left:5.5%;margin-left:0%}.main-nav-box .header-nav>.component-content{overflow:visible}.header-nav ul.navigation-level1 li.navigation-level1 ul.navigation-level2{margin:0 auto;z-index:1;border:none}.header-nav .navigation-level2 .navigation-item-title{padding:5px 0 5px 15px}.header-nav .navigation-branch{border:none}.header-nav .navigation-branch.navigation-level1{border:none;padding-top:1.78125em;width:100%;float:left}.navigation-branch{display:none}.header-nav .navigation-item>a.navigation-item-title:hover{background:none}.header-nav .navigation-item>.navigation-item-title{background:none}.header-nav .navigation-item.navigation-level1>.navigation-item-title{padding:0% 1.875em 0% 0;color:#fff;line-height:1;position:relative;overflow:visible;height:3.875em;margin-left:10px}.header-nav .navigation-item.navigation-level1>a.navigation-item-title:hover{color:#009ADE}.header-nav .navigation-level1>.navigation-item.is-active>.navigation-item-title>span{color:#F47920}.header-nav .navigation-level1>.navigation-item.has-active-child>.navigation-item-title>span{color:#F47920}.header-nav .navigation-branch.navigation-level2 .navigation-branch{position:absolute}.header-nav .navigation-item.navigation-level2>.navigation-item-title{text-transform:uppercase;color:#585858;font-weight:700;padding:1.3125em 1.0625em .8125em 1.0625em;font-size:.75em}.header-nav .navigation-branch.navigation-level2>.navigation-item.navigation-level2>.navigation-item-title:hover{color:#009ADE}.header-nav .navigation-branch.navigation-level2>.navigation-item.navigation-level2>.navigation-item-title:active{color:#F47984}.header-nav .navigation-branch.navigation-level2>.navigation-item.navigation-level2:nth-child(1)>.navigation-item-title{padding-left:0}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3>.navigation-item-title{text-transform:none;color:#585858;padding:.8125em 1.0625em .625em 1.0625em;font-weight:400;font-size:.75em}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3>.navigation-item-title:hover{color:#009ADE}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3>.navigation-item-title:active{color:#F47984}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3:nth-child(1)>.navigation-item-title{padding-left:0}.header-nav .navigation-branch.navigation-level2>.navigation-item.navigation-level2{background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/submenu-divider.png) left 1.68em no-repeat}.header-nav .navigation-branch.navigation-level2>.navigation-item.navigation-level2:nth-child(1){background:none}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3{background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/submenu-divider.png) left 1.25em no-repeat}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3:nth-child(1){background:none}.header-nav .navigation-item{position:relative}.header-nav .navigation-item.is-open>.navigation-branch,.no-js .header-nav .navigation-item:hover>.navigation-branch{display:block}.navigation-item.has-children>.navigation-item-title .navigation-item-decoration{background-color:transparent}.header-nav .navigation-item.navigation-level1>a.navigation-item-title:hover{background:none}.header-nav .navigation-item.navigation-level1:hover{color:#ffffff!important}#header.main{position:relative}.header-nav .navigation-branch .navigation-item{position:static}.header-nav .navigation-branch .navigation-level1{margin-right:0%;background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/main-menu-divider.png) left 1px no-repeat}.header-nav .navigation-branch .navigation-level1.is-active{width:18.5%;margin-right:0%;background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/main-menu-divider.png) left 1px no-repeat}.header-nav .navigation-item.navigation-level1.is-active>.navigation-item-title{background:none}.header-nav .navigation-branch .navigation-level1.has-active-child{margin-right:0%;background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/main-menu-divider.png) left 1px no-repeat}.header-nav .navigation-item.navigation-level1.has-active-child>.navigation-item-title{background:none}.main-nav-box{height:90px;position:relative}.main-nav-box>.component-content{position:relative;width:1200px;margin:0 auto;float:none}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2{min-width:100%;position:absolute;left:0;min-height:6.875em;top:5.625em;background-color:#daf0fc;padding-left:23.35%;border-bottom:1px solid #cde1ed;border-left:1px solid #cde1ed;border-right:1px solid #cde1ed;box-sizing:border-box}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item{float:left;padding:0;margin:0;width:auto}.header-nav .navigation-item.navigation-level2:hover .navigation-branch{display:block;float:left;border-top:1px solid #b9d1de;left:23.35%}.mod-no-touch .header-nav .navigation-item.navigation-level1:hover .navigation-level3.navigation-item{float:left;margin:0;width:auto}.header-nav .has-children>.navigation-item-title .navigation-item-decoration:after{content:"";display:none;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:41px;height:41px;display:block;position:absolute;top:0;right:0;text-align:center}.header-nav .navigation-item.navigation-level2{border-top:0}.header-nav .has-children>.navigation-item-title .navigation-item-decoration{display:none}.navigation-item.navigation-level1,.navigation-item.navigation-level2,.navigation-item.navigation-level3{border:none}.header-nav .nav-txt{font-weight:900;font-size:1.125em;/* display:block */;text-transform:uppercase}.header-nav .navigation-item.navigation-level1>.navigation-item-title:focus{color:#009ADE;height:3.5em}.header-nav .nav-txt-bottom{font-size:1.188em;display:block;text-transform:uppercase;font-weight:400}.navigation-item.navigation-level1.has-children>.navigation-item-title .navigation-item-decoration{height:41px;margin:-10px 0 -10px 0;display:inline-block;vertical-align:top}.navigation-item.navigation-level1.has-children>.navigation-item-title .navigation-item-decoration{width:41px;position:absolute;right:0;display:none}.navigation-item.navigation-level1{margin:0}.main .prefix_8.alpha{margin-left:67.3%!important}.header-box .mobile-navigation{display:none}.header-nav.component{width:68%}@media only screen and (min-width:990px){.mod-touch .header-nav .navigation-item.is-open .navigation-branch.navigation-level2{margin:0 0 -2px -2px;position:absolute}}@media only screen and (min-width:768px) and (max-width:989px){.mod-touch .header-nav .navigation-item{width:100%}.mod-touch .header-nav .navigation-item.is-open .navigation-branch.navigation-level2{margin:0 0 -2px 0;border-left:none;border-right:none}}.navigation-box .navigation{width:100%;float:left;min-height:6.125em;background:#103776;box-sizing:border-box;padding:0 2.1%}.navigation-box .navigation ul.navigation-level1{width:100%;float:left}.navigation-box .navigation ul.navigation-level1 li.navigation-level1{float:left;padding:.3em 0em 0 0em}.navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title{color:#fff;background:none;text-decoration:none;font-size:1em;line-height:1.5;padding:10px 15px;font-weight:700}.navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover{color:#009ADE}.navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:focus{color:#009ADE}.navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title{color:#F58838}.navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title{color:#F58838}@media screen and (max-width:1024px) and (min-width:768px){.mod-touch .main-nav-box .header-nav .navigation-item{width:auto}.header-nav.component{width:65%}.main-nav-box .header-nav{padding-left:2.7%}.header-nav .navigation-branch.navigation-level1{padding-top:1em}.header-nav .navigation-branch .navigation-level1{width:auto!important;background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/tablet-main-menu-divider.png) left 2px no-repeat}.header-nav .nav-txt{font-size:.75em}.header-nav .nav-txt-bottom{font-size:.75em}.main-nav-box{height:3.4375em}.header-nav .navigation-item.navigation-level1>.navigation-item-title{height:2.475em}.header-nav .navigation-item.navigation-level1>.navigation-item-title:hover::before{top:2.475em}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2{min-height:6.875em;top:3.4375em}.header-nav .navigation-item.navigation-level1.is-active>.navigation-item-title::before{top:2.475em}.header-nav .navigation-branch .navigation-level1.is-active{background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/tablet-main-menu-divider.png) left top no-repeat}.header-nav .navigation-branch .navigation-level1.has-active-child{background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/tablet-main-menu-divider.png) left top no-repeat}.header-nav .navigation-item.navigation-level1.has-active-child>.navigation-item-title::before{top:2.375em}.header-nav .navigation-item.navigation-level2>.navigation-item-title{font-size:.75em}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3>.navigation-item-title{font-size:.75em}.header-nav .navigation-branch.navigation-level2>.navigation-item.navigation-level2{background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/submenu-divider.png) left 1.15em no-repeat}.header-nav .navigation-branch.navigation-level3>.navigation-item.navigation-level3{background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/submenu-divider.png) left .8em no-repeat}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2{min-height:5.2em;padding-left:27%}.header-nav .navigation-item.navigation-level2:hover .navigation-branch{left:27%}.header-nav .navigation-item.navigation-level1>.navigation-item-title{padding:0% 1.575em 0% 0}}@media screen and (max-width:1024px){.header-nav .navigation-item.navigation-level1>.navigation-item-title:hover::before{top:2.375em}.header-nav .navigation-item.navigation-level1.is-active>.navigation-item-title::before{top:2.375em}.header-nav.component{width:70%}}@media screen and (max-width:962px){.navigation-box .navigation{padding:0 .3%}}@media screen and (max-width:768px){.header-nav .navigation-item.navigation-level1>.navigation-item-title:hover::before{top:2.375em}.header-nav .navigation-item.navigation-level1.is-active>.navigation-item-title::before{top:2.375em}}@media screen and (max-width:767px) and (min-width:320px){#header .header-box{height:auto}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2{min-width:100%;display:block;position:relative;top:0;background:#133d7b}.navigation-item>.navigation-item-title{background:none}.mod-no-touch .header-nav .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item{float:none;padding:0;margin:0;display:block;width:100%}.navigation-item.navigation-level1.has-children>.navigation-item-title .navigation-item-decoration{width:41px;position:absolute;right:0;display:block}.navigation-item.navigation-level2.has-children>.navigation-item-title .navigation-item-decoration{width:41px;position:absolute;right:0;height:40px;top:0%}.header-nav .navigation-mobile-menu,.header-nav .navigation-root.navigation-branch{display:none}.header-box .mobile-navigation .navigation-level1.is-open{background-color:#152972}.header-box .mobile-navigation ul.navigation-level1.is-open{padding:0;width:100%;position:absolute;left:0;top:50px}.header-box .mobile-navigation ul.navigation-level1{overflow-x:hidden}.header-box .mobile-navigation .navigation-item.navigation-level1{margin:0}.header-box .mobile-navigation .navigation-item.navigation-level1 .navigation-item-title{padding:10px 0 5px 15px;border-left:1px solid #fff;color:#fff;line-height:26px;background:transparent}.navigation-branch.navigation-level2{display:none}.show{display:block}.hide{display:none}.mobile-navigation .navigation-item.navigation-level1.has-children{display:block;background-position:95% center;position:relative;border-bottom:1px solid #fff;background-size:1.2em}.mobile-navigation .navigation-item.navigation-level2.has-children{display:block;background-position:95% center}.mobile-navigation .navigation-item.navigation-level3.has-children{display:block;background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/expandable.png) right no-repeat;background-position:95% 18px}.header-box .richText.section.buy-now,.header-box .richText.section.save-now,.main-nav-box .section.search-box{display:none}.header-box .gsk-logo.component{display:block;position:absolute;right:3%;top:.6em;z-index:0;width:90px}.mod-touch .header-nav .navigation-item{width:100%}.mod-touch .header-nav .navigation-item.is-open .navigation-branch.navigation-level2{margin:0 0 -2px 0;border-left:none;border-right:none;position:static}.navigation-mobile-menu{display:block;width:100%;height:41px;position:relative;cursor:pointer;border-width:2px 2px 2px 2px;border-style:solid;border-color:#4a4a4a;box-sizing:border-box;margin:0 0 -2px -2px;overflow:hidden;background:whitesmoke}.navigation-mobile-menu:after{content:"\f0c9";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;width:41px;height:41px;position:absolute;top:0;line-height:38px;font-size:25px;right:0}.navigation-item.navigation-level1{width:100%}.navigation-branch.navigation-level1{display:none}.navigation-branch.navigation-level1.is-open{display:block}.header-nav .navigation-item:hover .navigation-branch.navigation-level2,.navigation-vertical .navigation-item:hover .navigation-branch.navigation-level2{left:0;border-left:none;border-right:none}.mobile-navigation ul.navigation-branch{border:none}.mobile-navigation .navigation-level2{background-color:#377aaa !important}.mobile-navigation .navigation-level2 .navigation-level3{background-color:#4da6d7;margin-left:0;padding-left:0;width:100%}.mobile-navigation .navigation-level2 .navigation-level3 li:first-child{padding-top:.6em}.mobile-navigation .navigation-level2 .navigation-level3 li:last-child a{padding-bottom:0em!important}.mobile-navigation .navigation-level2 .navigation-level3 li.navigation-level3{padding-bottom:.2em;padding-left:15px;box-sizing:border-box;width:100%}.header-box .mobile-navigation .navigation-item.navigation-level1 ul.navigation-level2{padding:0}.header-box .mobile-navigation .navigation-item.navigation-level1 .navigation-level2 a{margin:0;border:0;line-height:2.2;text-transform:capitalize;width:81%;font-weight:400;padding:3px 0 0 2.4em;display:inline-block;height:2.5em;box-sizing:border-box}.header-box .mobile-navigation .current-open-nav{background-color:#2b6aa2!important}.header-box .mobile-navigation .navigation-item.navigation-level2{border-top:1px solid #fff;position:relative}.navigation-item.navigation-level1>.navigation-item-title,.header-box .mobile-navigation .navigation-item.navigation-level1 .navigation-item-title{font-size:.9375em;font-weight:400;border-left:2px solid #fff;margin-left:14px;margin-bottom:4px;padding:0;height:2em;white-space:normal;width:30%;word-wrap:break-word;line-height:1;padding-right:50%;margin-top:.4em;padding-left:10px;margin-bottom:.3em}.header-box .mobile-navigation .navigation-item.navigation-level1 .navigation-item-title::first-line{font-weight:700}.header-box .mobile-navigation .navigation-item.navigation-level1 .navigation-item-title::second-line{font-weight:400;color:red!important}.header-box .mobile-navigation ul.navigation-level1 li.navigation-level1:nth-child(6) a{width:73px}.header-box .mobile-navigation ul.navigation-level1 li.navigation-level1:nth-child(7) a{width:73px}.mobile-navigation{background:#202969;background:-moz-linear-gradient(left,#202969 0%,#2F97D0 100%);background:-webkit-linear-gradient(left,#202969 0%,#2F97D0 100%);background:linear-gradient(to right,#202969 0%,#2F97D0 100%);margin:0 auto;border:none;height:50px;box-shadow:0 2px 5px 0 rgba(0,0,0,.22)}.mobile-navigation .navigation-mobile-menu{height:20px;width:30px;float:right;border:none;margin-top:1em;margin-right:5%;outline:none;background:transparent;border-left:1px solid #fff;height:21px}.navigation-branch .search-box{padding:.71em 0;background-color:#009ADE}.navigation-branch .search-box>.component-content{width:96%}.navigation-mobile-menu:after{content:""}.mobile-navigation .navigation-mobile-menu.is-open-active{background:url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/mobile-close.png) center center no-repeat;height:20px;float:right;border:none;outline:none;top:0;width:10%;margin:0;padding:3.5em 0 0 0;margin-right:15px}.mobile-navigation .navigation-item.navigation-level1.has-children>.navigation-item-title .navigation-item-decoration{width:30px;position:absolute;right:2%;display:block;outline:none;height:2em;top:10px}.navigation-item.navigation-level2.has-children>.navigation-item-title .navigation-item-decoration{outline:none}.mobile-navigation .navigation-level1.has-children>a>span.navigation-item-decoration:after{content:"\f107";font-family:FontAwesome;top:0;position:relative;right:-5px;font-size:2em}.mobile-navigation .navigation-level1.is-open>a>span.navigation-item-decoration:after{content:"\f106"}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title::before{display:none}.abreva-nav-box .navigation-vertical .navigation-level1>.navigation-item.navigation-level1>.navigation-item-title{padding:.1em 8% 2em 3%;margin-left:5%;width:95%}.abreva-nav-box .navigation-vertical .navigation-level1>.has-children.navigation-item.navigation-level1>.navigation-item-title .navigation-item-decoration{right:0;top:-.5em}.abreva-nav-box .navigation-vertical .navigation-level1>.has-children.navigation-item.navigation-level1.is-open>.navigation-item-title .navigation-item-decoration{right:0;top:-.5em}.abreva-nav-box .navigation-vertical .navigation-item>.navigation-branch.navigation-level2 li>.navigation-item-title{padding:.9em 8% .9em 2.6%}.abreva-nav-box,.navigation-vertical .navigation-mobile-menu{display:none}}@media screen and (max-width:375px){.abreva-nav-box .navigation-vertical .navigation-item>.navigation-branch.navigation-level2 li>.navigation-item-title{padding:.9em 8% .9em 8%}} /*accessibility issues two canada */ /* .page-sun-and-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title{ color: #F48620; } .page-sun-and-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover{ color: #00AFDE; } .page-sun-and-cold-sores #wrapper.french .article-main-box .article-back-text a{ color: #007CC7; } */ /*.page-sun-and-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-stress-at-work #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-relaxation-techniques #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-plan-for-important-days #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-stress #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-exercise #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-coping-with-loss-or-illness #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-cold-and-flu #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-lip-care-vs-lip-health #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-sleep #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-eating-for-lip-health #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-cold-weather #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-money-management-tips #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-periods #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-cold-sore-triggers #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-lip-care #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-how-to-use-abreva #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-dealing-with-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-abreva-cream #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-abreva-basics #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-when-to-use-abreva #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-how-abreva-cream-works #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-what-triggers-your-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-what-are-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-hydrate-chapped-lips #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title , .page-spreading-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-treatments #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-spreading-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-staying-confident #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-confessions #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-truth-about-cold-sore-remedies #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-how-to-use-abreva-cream #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-confidence #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-facts-and-myths #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-triggers #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title{ color: #F48620; }*/ /*.page-sun-and-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-stress-at-work #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-relaxation-techniques #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-plan-for-important-days #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-stress #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-exercise #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-coping-with-loss-or-illness #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-and-flu #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-lip-care-vs-lip-health #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-sleep #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-eating-for-lip-health #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-weather #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-money-management-tips #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-periods #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-sore-triggers #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-lip-care #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-how-to-use-abreva #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-dealing-with-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-abreva-basics #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-when-to-use-abreva #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-how-abreva-cream-works #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-what-triggers-your-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-what-are-cold-sores #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-dentist-visit #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-hydrate-chapped-lips #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-staying-confident #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-sore-confessions #wrapper.canada .nav igation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-truth-about-cold-sore-remedies #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-how-to-use-abreva-cream #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-sore-confidence #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-sore-facts-and-myths #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover{ color: #00AFDE; }*/ #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, #wrapper.canada .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:focus, #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:focus{ color:#00B1DE; } .page-cold-sore-facts-and-myths #wrapper.canada .main-box .myths-accordion .accordion-container .accordion-slide .accordion-head a, .page-cold-sore-facts-and-myths #wrapper.french .main-box .myths-accordion .accordion-container .accordion-slide .accordion-head a{ color: #151E72; } .page-sun-and-cold-sores #wrapper.canada .article-main-box .article-back-text a, .page-stress-at-work #wrapper.canada .article-main-box .article-back-text a, .page-relaxation-techniques #wrapper.canada .article-main-box .article-back-text a ,.page-plan-for-important-days #wrapper.canada .article-main-box .article-back-text a, .page-stress #wrapper.canada .article-main-box .article-back-text a, .page-exercise #wrapper.canada .article-main-box .article-back-text a, .page-coping-with-loss-or-illness #wrapper.canada .article-main-box .article-back-text a, .page-cold-and-flu #wrapper.canada .article-main-box .article-back-text a, .page-cold-and-flu #wrapper.canada .article-main-box .abreva-txt p a span.light-blue-txt, .page-lip-care-vs-lip-health #wrapper.canada .article-main-box .article-back-text a, .page-lip-care-vs-lip-health #wrapper.canada .article-main-box .abreva-txt p a span, .page-sleep #wrapper.canada .article-main-box .article-back-text a, .page-eating-for-lip-health #wrapper.canada .article-main-box .article-back-text a, .page-eating-for-lip-health #wrapper.canada .article-main-box .footer-note-text.lip-health-source p a span, .page-cold-weather #wrapper.canada .article-main-box .article-back-text a, .page-cold-weather #wrapper.canada .article-main-box .abreva-txt p a, .page-money-management-tips #wrapper.canada .article-main-box .article-back-text a, .page-money-management-tips #wrapper.canada .article-main-box .money-management-tab figcaption a, .page-periods #wrapper.canada .article-main-box .article-back-text a{ color: #007BC7; } .page-sleep #wrapper.canada .article-main-box .footer-note-text .light-blue-txt, .page-periods #wrapper.canada .article-main-box .footer-note-text .light-blue-txt{ color: #007BC7 !important; text-decoration: underline; } .page-periods #wrapper.canada .article-main-box.pregnancy-period-box .abreva-txt p a span.light-blue-txt{ color: #007BC7; } .page-money-management-tips #wrapper.canada .money-management-tab figcaption a:hover, .page-periods #wrapper.canada .article-main-box.pregnancy-period-box .abreva-txt p a span.light-blue-txt:hover{ color: #CE181E !important; } /*accessibility issues two canada */ /*accessibility issues two french */ .page-sun-and-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-stress-at-work #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-relaxation-techniques #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-plan-for-important-days #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-stress #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-exercise #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-coping-with-loss-or-illness #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-cold-and-flu #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-lip-care-vs-lip-health #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-sleep #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-eating-for-lip-health #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-cold-weather #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-money-management-tips #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-periods #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-cold-sore-triggers #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.has-active-child>.navigation-item-title, .page-lip-care #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-how-to-use-abreva #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-dealing-with-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-abreva-cream #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-abreva-basics #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-when-to-use-abreva #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-how-abreva-cream-works #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-what-triggers-your-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-what-are-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-hydrate-chapped-lips #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-spreading-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-treatments #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-spreading-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-staying-confident #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-confessions #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-truth-about-cold-sore-remedies #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-how-to-use-abreva-cream #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-confidence #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title, .page-cold-sore-facts-and-myths #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1.is-active>.navigation-item-title{ color: #F48620; } .page-sun-and-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-stress-at-work #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-relaxation-techniques #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-plan-for-important-days #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-stress #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-exercise #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-coping-with-loss-or-illness #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-and-flu #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-lip-care-vs-lip-health #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-sleep #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-eating-for-lip-health #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-weather #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-money-management-tips #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-periods #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-sore-triggers #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-lip-care #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-how-to-use-abreva #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-dealing-with-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-abreva-basics #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-when-to-use-abreva #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-how-abreva-cream-works #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-what-triggers-your-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-what-are-cold-sores #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-dentist-visit #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-hydrate-chapped-lips #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-staying-confident #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-sore-confessions #wrapper.french .nav igation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-truth-about-cold-sore-remedies #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-how-to-use-abreva-cream #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover, .page-cold-sore-confidence #wrapper.french .navigation-box .navigation ul.navigation-level1 li.navigation-item.navigation-level1>.navigation-item-title:hover{ color: #00AFDE; } .page-cold-sore-facts-and-myths #wrapper.french .main-box .myths-accordion .accordion-container .accordion-slide .accordion-head a{ color: #152372; } .page-sun-and-cold-sores #wrapper.french .article-main-box .article-back-text a, .page-stress-at-work #wrapper.french .article-main-box .article-back-text a, .page-relaxation-techniques #wrapper.french .article-main-box .article-back-text a , .page-plan-for-important-days #wrapper.french .article-main-box .article-back-text a, .page-stress #wrapper.french .article-main-box .article-back-text a, .page-exercise #wrapper.french .article-main-box .article-back-text a, .page-coping-with-loss-or-illness #wrapper.french .article-main-box .article-back-text a, .page-cold-and-flu #wrapper.french .article-main-box .article-back-text a, .page-cold-and-flu #wrapper.french .article-main-box .abreva-txt p a span.light-blue-txt, .page-lip-care-vs-lip-health #wrapper.french .article-main-box .article-back-text a, .page-lip-care-vs-lip-health #wrapper.french .article-main-box .abreva-txt p a span, .page-sleep #wrapper.french .article-main-box .article-back-text a, .page-eating-for-lip-health #wrapper.french .article-main-box .article-back-text a, .page-eating-for-lip-health #wrapper.french .article-main-box .footer-note-text.lip-health-source p a span, .page-cold-weather #wrapper.french .article-main-box .article-back-text a, .page-cold-weather #wrapper.french .article-main-box .abreva-txt p a, .page-money-management-tips #wrapper.french .article-main-box .article-back-text a, .page-money-management-tips #wrapper.french .article-main-box .money-management-tab figcaption a, .page-periods #wrapper.french .article-main-box .article-back-text a{ /* srikanth 16-nov */ color:#007BC7 !important; font-weight:normal; text-decoration:none; } .page-cold-and-flu #wrapper.french .article-main-box .abreva-txt p a span.light-blue-txt:hover, .page-cold-and-flu #wrapper.french .article-main-box .abreva-txt p a span.light-blue-txt:focus { /*srikanth 16-nov */ color: #CE181E !important; text-decoration: underline; font-weight: bold; } .page-sleep #wrapper.french .article-main-box .footer-note-text .light-blue-txt, .page-periods #wrapper.french .article-main-box .footer-note-text .light-blue-txt{ color: #007BC7 !important; text-decoration: underline; } .page-periods #wrapper.french .article-main-box.pregnancy-period-box .abreva-txt p a span.light-blue-txt{ color: #007BC7; } .page-money-management-tips #wrapper.french .money-management-tab figcaption a:hover, .page-periods #wrapper.french .article-main-box.pregnancy-period-box .abreva-txt p a span.light-blue-txt:hover{ color: #CE181E !important; } /*accessibility issues two french */ @media screen and (max-width: 767px) and (min-width: 320px){ .header-box .mobile-navigation ul.navigation-level1 li.navigation-level1:nth-child(6) a { width: 82%; } } #wrapper.canada .managing-main-box .filter-box .tagBasedFilterResults-description p a.r_link, #wrapper.french .managing-main-box .filter-box .tagBasedFilterResults-description p a.r_link { border: 1px solid #D14610; color: #D14610; } #wrapper.french .header-nav .navigation-level1>.navigation-item.has-active-child>.navigation-item-title>span, #wrapper.canada .header-nav .navigation-level1>.navigation-item.has-active-child>.navigation-item-title>span{ color: #FFF242; } #wrapper.french .main-nav-box, #wrapper.canada .main-nav-box{ background: linear-gradient(to right,#152972 0%,#0870B6 100%); } #wrapper.canada .main-nav-box .header-nav .navigation-item.navigation-level1>a.navigation-item-title:hover, #wrapper.french .main-nav-box .header-nav .navigation-item.navigation-level1>a.navigation-item-title:hover { color: #c7F8FF; } #wrapper.french .article-main-box .money-management-tab .tabs-nav .tabs-nav-list .tabs-nav-item.is-active, #wrapper.canada .article-main-box .money-management-tab .tabs-nav .tabs-nav-list .tabs-nav-item.is-active { background: #D14610; } #wrapper.canada .main-box .myths-accordion .accordion-container .accordion-slide .accordion-head a .fact, #wrapper.french .main-box .myths-accordion .accordion-container .accordion-slide .accordion-head a .fact { background: url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/myths-accord-close.png) 95% center no-repeat #D14610; } @media screen and (max-width: 1200px){ :lang(en-US) .header-nav.component { width:74%; } }/* NEWSFEED ITEM */ /* NEWSFEED COMPONENT */ /* PER PAGE */ /* MOBILE */ .newsfeed-result { padding: 0; margin: 0; background: #F5F5F5; margin-bottom: 20px; } .newsfeed-image { margin: 0; height: 150px; overflow: hidden; } .newsfeed-image img { height: 100%; min-width: 100%; left: 50%; position: relative; transform: translateX(-50%); } .newsfeed-inner-content { padding: 10px 15px; border-top: solid 4px #F36533; } .newsfeed-category { margin: 0 0 10px; font-style: italic; color: #73645D; } .newsfeed-title { margin: 0 0 10px; font-size: 14px; font-weight: bold; color: #7E7E7E; } .newsfeed-title:only-child { border-bottom: 0; padding: 0; margin: 0; } .newsfeed-title a:hover { text-decoration: none; } .newsfeed-title a:active { text-decoration: none; } .newsfeed-title a:focus { text-decoration: none; } .newsfeed-date { font-size: 13px; margin: 0 0 10px; font-style: italic; color: #73645D; } .newsfeed-description { margin: 0 0 10px; color: #73645D; } .newsfeed-url { font-size: 13px; word-break: break-all; } .newsfeed-url a { color: #16727F; font-weight: bold; } .newsfeed-url a:hover { text-decoration: none; } .newsfeed-url a:active { text-decoration: none; } .newsfeed-url a:focus { text-decoration: none; } .newsfeed { position: relative; } .newsfeed a { color: inherit; text-decoration: none; } .newsfeed .active a { font-weight: bold; } .newsfeed .splitter { color: #F36533; } .newsfeed-number { margin-bottom: 20px; position: absolute; left: 250px; top: -50px; } .newsfeed-number .results-count-strong { font-weight: bold; } .newsfeed-pagination .mobile { display: none; } .newsfeed-pagination-list { font-size: 13px; font-size: 1.3rem; padding: 0; margin: 20px 0 0; list-style: none; float: right; } .newsfeed-pagination-item { display: inline-block; } .newsfeed-pagination-item a { display: block; border: 1px solid #e9e9e9; width: 25px; line-height: 25px; text-align: center; margin-right: 3px; } .newsfeed-pagination-item a:hover { text-decoration: none; border-color: #a0ce4e; } .newsfeed-pagination-item a:focus { text-decoration: none; border-color: #a0ce4e; } .newsfeed-pagination-item a:active { text-decoration: none; border-color: #a0ce4e; } .newsfeed-pagination-item.separator { display: inline-block; border: 1px solid #fff; width: 25px; line-height: 25px; text-align: center; margin-right: 3px; letter-spacing: 2px; } .newsfeed-pagination-item.separator:before { content: "..."; } .newsfeed-pagination-item.is-active a { background: #a0ce4e; color: #fff; cursor: default; } .newsfeed-pagination-item.item-next a { border: 0; width: auto; } .newsfeed-pagination-item.item-next a:hover { color: #a0ce4e; } .newsfeed-pagination-item.item-next a:focus { color: #a0ce4e; } .newsfeed-pagination-item.item-next a:active { color: #a0ce4e; } .newsfeed-pagination-item.item-next a:after { content: ">"; font-family: FontAwesome, serif; display: inline-block; font-style: normal; position: relative; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 10px; font-size: 1rem; margin-left: 5px; } .newsfeed-pagination-item.item-previous a { border: 0; width: auto; } .newsfeed-pagination-item.item-previous a:hover { color: #a0ce4e; } .newsfeed-pagination-item.item-previous a:focus { color: #a0ce4e; } .newsfeed-pagination-item.item-previous a:active { color: #a0ce4e; } .newsfeed-pagination-item.item-previous a:before { content: "<"; font-family: FontAwesome, serif; display: inline-block; font-style: normal; position: relative; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 10px; font-size: 1rem; margin-right: 5px; } .view-all.button { margin-top: 30px; } .promo .view-all.button { text-align: center; } .related .view-all.button { text-align: start; } .view-all a { background: #15717d; padding: 10px 23px; border-radius: 20px; color: #fff; } span.newsfeed-related-updates { display: block; margin: 50px 0 20px 0; font-style: italic; color: #73645D; } a.newsfeed-related-category { background: #f3f2f0; padding: 15px; border-radius: 40px; font-weight: bold; color: #15717d; } .newsfeed-perPage { max-width: 200px; margin: 14px 0 0; } .newsfeed-perPage > div { display: inline-block; } .newsfeed-perPage .active { font-style: italic; background: #DDD; } .newsfeed-perPage a { color: inherit; text-decoration: none; } .newsfeed-perPage .heading { background: #EEE; min-width: 100px; padding: 10px; } .newsfeed-perPage .slider { position: absolute; background: #FFF; width: 100%; max-width: 198px; border: 1px solid grey; z-index: 100; } .newsfeed-perPage ul { list-style: none; padding: 0; margin: 0; } .newsfeed-perPage li { padding: 5px 20px; } .newsfeed-perPage li a { display: block; } @media (max-width: 767px) { .newsfeed-pagination { text-align: center; } .newsfeed-pagination .mobile { display: block; } .newsfeed-pagination .desktop { display: none; } .newsfeed-pagination-list { display: inline-block; float: none; } .newsfeed-result.has-image { text-align: center; } .newsfeed-result.has-image .newsfeed-image { position: static; margin-bottom: 20px; } .newsfeed-result.has-image .newsfeed-title { text-align: left; margin-left: 0; } .newsfeed-result.has-image .newsfeed-description { text-align: left; margin-left: 0; } .newsfeed-result.has-image .newsfeed-date { text-align: left; margin-left: 0; } .newsfeed-result.has-image .newsfeed-url { text-align: left; margin-left: 0; } .item-previous { float: left; } .item-next { float: right; } } .newsfeedFilterBy { max-width: 200px; } .newsfeedFilterBy .active { font-style: italic; background: #DDD; } .newsfeedFilterBy a { color: inherit; text-decoration: none; } .newsfeedFilterBy .heading { background: #F36533; color: #FFF; padding: 10px; } .newsfeedFilterBy .slider { position: absolute; background: #FFF; width: 100%; max-width: 198px; border: 1px solid grey; z-index: 100; } .newsfeedFilterBy .slider .tag-link a { display: block; } .newsfeedFilterBy .top-level { font-weight: bold; padding-left: 10px; } .newsfeedFilterBy ul { list-style: none; padding: 0; margin: 0; } .newsfeedFilterBy li { padding: 5px 20px; } .podcast { border-radius: 4px; overflow: hidden; box-sizing: border-box; border: 1px solid #EFEFED; max-width: 800px; } .podcast p { margin: 0; } .podcast__information { display: flex; } .podcast__text { padding: 10px; } .podcast__title { font-weight: 700; } .audio { background-color: #efefed; } .audio__controls { display: flex; align-items: center; } .audio__backwards { visibility: hidden; height: 37px; width: 37px; border: 1px solid #15717d; border-radius: 50%; } .audio__forwards { visibility: hidden; height: 37px; width: 37px; border: 1px solid #15717d; border-radius: 50%; } .audio__backwards, .audio__forwards, .audio__play, .audio__pause { display: flex; justify-content: center; align-items: center; cursor: pointer; } .audio__play { height: 50px; width: 50px; background-color: #15717d; border-radius: 50%; } .audio__play:after { content: "\25b6"; color: #fff; font-size: 25px; } .audio__pause { display: none; height: 50px; width: 50px; background-color: #ffffff; border-radius: 50%; } .audio__pause:after { content: "| |"; color: #000; font-size: 25px; } .audio--playing .audio__pause { display: flex; } .audio--playing .audio__backwards { visibility: visible; } .audio--playing .audio__forwards { visibility: visible; } .audio--playing .audio__play { display: none; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* all other colors*/ /* BUTTONS ----------------------------------*/ .powerreviews { border: solid 1px #e0e0e0; padding: 5px 10px 0 10px; margin-bottom: 5px; } .powerreviews .p-w-r .pr-header-title { color: #f36633; } .powerreviews .p-w-r .pr-star-selected { background-color: #f36633; } .powerreviews .pr-snapshot-rating .pr-stars { background-image: url("../../img/stars.gif"); } .powerreviews .pr-review-rating .pr-stars-small { background-image: url("../../img/stars_small.gif"); } .powerreviews .pr-snippet-stars .pr-stars-small { background-image: url("../../img/stars_small.gif"); } .powerreviews.pr-base-modal a, .powerreviews .pr-pa-snippet a, .powerreviews .pr-review-engine a, .powerreviews .pr-snippet a, .powerreviews prImageSnippet a { color: #f36633; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* all other colors*/ /* BUTTONS ----------------------------------*/ .product-list-main__results .product { border-bottom: 2px solid #f3f2f1; } .productList .product-list-content { display: table; width: 50%; margin-left: auto; margin-right: auto; } .productList .product-list-content .product-list-main, .productList .product-list-content product-list-header { display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; } .productList .alphabet-filter__element { margin-left: 10px; } .productList .no-of-shown-results, .productList .no-of-all-results, .productList .applied-filter { font-weight: bold; } .productList .product-list-main { display: table-row; justify-content: space-around; } .productList .product-list-header { display: table-row; justify-content: space-around; } .productList .product-list-filter--alphabet { border-left: 2px solid #f3f2f1; } .productList .product-list-filter .filter-trigger--alphabet { color: #72635d; cursor: default; opacity: 0.5; text-decoration: none; margin: 0; } .productList .product-list-filter .filter-trigger--alphabet.filter-trigger--active { color: #f36633; cursor: pointer; opacity: 1; text-decoration: none; } .productList .product-list-header__filter-by .filter-by__label { background-color: #f36633; color: white; padding: 10px 30px; font-size: 16px; border: none; cursor: pointer; } .productList ul.filter__product-types { display: none; position: absolute; background-color: #f2f2f2; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } .productList ul.filter__product-types li { color: black; padding: 12px 16px; text-decoration: none; display: block; } .productList ul.filter__product-types li input ~ span::after { content: ""; background-color: white; border-radius: 30px; width: 20px; height: 20px; margin: 0 7px 0 0; position: absolute; right: 0; } .productList ul.filter__product-types li input:checked ~ span::after { background-color: #15717e; border: 2px solid white; margin: 0 6px 0 0; } .productList ul.filter__product-types li input { visibility: hidden; } .productList ul .alphabet-filter__elements, .productList ul .product__links--additional { list-style-type: none; margin: 0; padding: 0; } .productList ul.filter__product-types.show { display: block; padding: 0; } .productList .product__info-formula-text { font-style: italic; } .productList .product .product__links a { color: #15717e; font-weight: bold; } .productList .product .product__info-title, .productList .product .product__info-title a { color: #15717e; font-size: 18px; line-height: 18px; font-weight: bold; } .productList .product .product__info-title.lock-icon { color: black; font-size: 18px; line-height: 18px; font-weight: bold; } .productList .product .product__info-title.lock-icon a:before { content: '!'; color: #ff0000; } .productList .product-list-main__results { width: 95%; } .productList .product-list-main__results .product { display: flex; margin-top: 15px; } .productList .product-list-main__results .product .product__info { width: 50%; } .productList .product-list-main__results .product .product__links { width: 60%; margin-left: auto; margin-right: auto; font-family: sans-serif; font-size: 13px; font-weight: 700; } .productList .results__show-more-btn { display: inline-block; margin-top: 15px; color: white; background-color: #15717e; padding: 10px 30px; border-radius: 20px; text-align: center; cursor: pointer; font-size: 18px; width: 20%; margin-left: 35%; margin-right: auto; } .productList .results__show-more-btn:hover { background-color: white; display: inline-block; padding: 8px 30px; border: 2px solid #15717e; color: #15717e; font-size: 18px; width: 20%; margin-left: 35%; margin-right: auto; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* all other colors*/ /* BUTTONS ----------------------------------*/ .questionanswers.hideScoreBox .quizScoreBox, .questionanswers.hideScoreBox .quizResultBoxContainer { display: none; } .quizResultBoxContainer.showBoxQuiz { display: block; } .quizButton img { cursor: pointer; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* BUTTONS ----------------------------------*/ /*Updated codes of ABreva*/ .box.component.section.grid_12.alpha.even.poll-component-replace { padding-top: 24px; } .questionanswers.component.section.grid_12.alpha.odd.default-style { margin-top: 5px; padding-top: 27px !important; } .article-main-box .abreva-txt.spread-tips-header h2 { margin-top: 23px !important; } .questionanswers-container { padding-top: 6px; } .page-spreading-cold-sores .questionanswers{ padding: 2% 3% !important; } .page-spreading-cold-sores .questionWithRadio .quizQuestion p{ margin-left: -5px !important; } .questionWithRadio .genericFormGroup label{ margin-left: 28px !important; } .page-spreading-cold-sores .questionWithRadio .genericFormGroup span{ margin-left: 6px !important; } /*on click css*/ /*.box.component.section.grid_12.alpha.even.poll-component-replace { padding-top: 30px; }*/ .abreva-poll-richtext-qa strong{ font-size: 18px; } .ShowQuizAnswer p{ padding-left: 8px; font-size: 18px !important; } .richText.component.section.grid_12.alpha.even.last.abreva-poll-richtext-qa.ShowQuizAnswer { padding-top: 33px !important; } .page-spreading-cold-sores #wrapper .questionanswers + .abreva-poll-richtext-qa{ margin-bottom: 1.3em !important; } .ShowQuizAnswer{ height: 91px !important; } .page-spreading-cold-sores .questionanswers + .abreva-poll-richtext-qa { padding: 0.2em 3% !important; } /*Updated Codes of Abreva code ends*/ /* line 3, ../../sass/components/quiz.scss */ .questionWithCheck { border: dotted 1px #D5D1CE; padding: 10px; } /* line 6, ../../sass/components/quiz.scss */ .questionWithCheck .formControl-radio { float: left; margin: 0; padding: 0; width: 21px; } /* line 14, ../../sass/components/quiz.scss */ .questionWithRadio .formControl-radio { float: left; margin: 0; padding: 0; width: 21px; } /* line 20, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup span input[type="radio"], .questionWithCheck .genericFormGroup span input[type="checkbox"] { float: left; margin: 2px 2px 0 0; padding: 0; width: 15px; } .page-spreading-cold-sores .questionWithRadio .genericFormGroup span { float: left; margin: 2px 2px 0 0; padding: 0; padding: 0; width: 23px; float: right; text-align: center; min-height: 2em; background: url(/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/radio-bg.png) 25% .25em no-repeat; margin-left: 4px; cursor:pointer; } /*.page-spreading-cold-sores .questionanswers + .abreva-poll-richtext-qa ,.page-spreading-cold-sores .quizScoreBox{display:none}*/ .page-spreading-cold-sores #wrapper .questionanswers + .abreva-poll-richtext-qa , .page-spreading-cold-sores #wrapper .quizScoreBox{display:none} .page-spreading-cold-sores #wrapper .questionanswers + .abreva-poll-richtext-qa {float:left; margin-bottom: 2em; font-size: 1.125em;} .ShowQuizAnswer{display:block !important;border:1px solid #103776;background:#cfebfb;margin-bottom:1.5em;fontSize:1.125em;fontWeight:400;color:#4c4c4e;height:98px;vertical-align:middle;padding:0 3.8%} .page-spreading-cold-sores .questionanswers{float: left;width: 100%;background: #cfebfb;display: table;margin: 2% 3%;} .ShowQuizAnswer p{ font-size: 1.01em; font-weight: 400; color: #4c4c4e;} .page-spreading-cold-sores .questionWithRadio .genericFormGroup span input{ opacity:0; cursor:pointer; } /* line 27, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label { float: left; padding: 1px 0 0; width: auto; margin-right: 15px; } /* line 34, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup .quizRadioImg label, .questionWithCheck .genericFormGroup .quizRadioImg label { width: 100px; } /* line 38, ../../sass/components/quiz.scss */ .quiz .nextQuestionPage { float: right; } /* line 42, ../../sass/components/quiz.scss */ .questionWithRadio .quizScoreBox, .questionWithCheck .quizScoreBox { border: 1px solid #0F61AF; background: white; text-align: center; font-weight: 700; padding: 5px; width: 50px; height: 15px; margin-left: 20px; float: left; } /* line 53, ../../sass/components/quiz.scss */ .page-spreading-cold-sores .questionWithRadio .imgContainer, .page-spreading-cold-sores .questionWithCheck .imgContainer { width: 36%; float: right; } /* line 58, ../../sass/components/quiz.scss */ .questionWithRadio .quizQuestion p, .questionWithCheck .quizQuestion p { margin: 0 0 15px 0; } .page-spreading-cold-sores .questionWithRadio .quizQuestion p, .page-spreading-cold-sores .questionWithCheck .quizQuestion p { margin: 0 0 15px 0; float: left; width: 62%;} /* line 63, ../../sass/components/quiz.scss */ .questionWithRadio .quizScoreBox p, .questionWithCheck .quizScoreBox p { margin: 0; font-weight: 700; } .questionWithRadio .genericFormGroup label { float: right; font-weight: 400; margin-right: 0px; margin-left: 33px; font-size: 1.5em; color: #f04e23; line-height: 1.1; text-transform: uppercase; } .questionWithRadio .quizQuestion p { font-weight: 400; font-size: 1.5em; color: #152972; line-height: 1.1; text-transform: inherit; } /* line 68, ../../sass/components/quiz.scss */ .quizHideBox { display: none; } /* line 71, ../../sass/components/quiz.scss */ .quizOverlayContainer .overlay-bg { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; z-index: 1000; /* high z-index */ background: #000; /* fallback */ background: rgba(0, 0, 0, 0.75); text-align: center; } /* line 84, ../../sass/components/quiz.scss */ .quizOverlayContainer .overlay-content { background: none repeat scroll 0 0 #FFFFFF; display: inline-block; max-width: 90%; min-height: 80px; min-width: 80px; padding: 30px 10px 10px; position: relative; text-align: left; top: 150px; } /* line 95, ../../sass/components/quiz.scss */ .quizOverlayContainer .overlay-close { background: url("/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/overlay-close-icon.png") no-repeat scroll 0 0/20px auto transparent; cursor: pointer; display: none; font-size: 25px; height: 20px; position: absolute; right: 3px; top: 5px; width: 20px; z-index: 9999; } /* line 107, ../../sass/components/quiz.scss */ .quizOverlayContainer .close-btn:hover { background: #05abe0; } /* line 110, ../../sass/components/quiz.scss */ .questionWithImage { clear: both; } /* line 113, ../../sass/components/quiz.scss */ .quizResultContainer { width: 92%; } /* line 116, ../../sass/components/quiz.scss */ .questionWithImage .quizQuestion { border: 2px solid #0F61AF; background: #D5DCEF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 15px 10px 20px 10px; float: left; width: 80%; } /* line 126, ../../sass/components/quiz.scss */ .questionWithImage .quizQuestion p { font-weight: 700; line-height: 1.2em; margin: 10px 0 0 0; vertical-align: middle; color: black; } /* line 133, ../../sass/components/quiz.scss */ .questionWithImage .imgContainer { float: left; width: 50%; text-align: center; } /* line 138, ../../sass/components/quiz.scss */ .questionWithImage .imgContainer span { border: 3px solid #78A7D2; padding: 10px; height: 36px; width: 36px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; } /* line 147, ../../sass/components/quiz.scss */ .questionWithImage .imgContainer img { text-align: center; vertical-align: bottom; cursor: pointer; } /* line 152, ../../sass/components/quiz.scss */ .questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption { float: left; width: 25%; } /* line 156, ../../sass/components/quiz.scss */ .quizScoreBox { border: 2px solid #0F61AF; background: #D5DCEF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5px; width: 58px; height: 62px; margin-left: 20px; float: left; } /* line 168, ../../sass/components/quiz.scss */ .quizScoreBox p { text-align: center; font-weight: 700; font-size: 20px; margin: 0; color: black; margin-top: 15px; } /* line 177, ../../sass/components/quiz.scss */ .quizScoreBox.totalScoreBox, .quiz .generateScore { float: right; } /* line 180, ../../sass/components/quiz.scss */ .quiz .button.generateScore { width: 230px; padding: 10px; font-weight: 700; font-size: 22px; color: white; background: #0047BD; } /* line 189, ../../sass/components/quiz.scss */ .quiz .button.generateScoreNewPage { padding: 10px; font-weight: 700; color: #0073BD; border: solid 1px #fff; background: #E4FE98; } /* line 197, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage { float: left; } /* line 200, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionBox { background-color: #FFF1D0; padding: 20px; width: 70%; } /* line 206, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionBox h2 { color: #4469A1; font-size: 40px; margin-bottom: 0; } /* line 211, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionBox p { font-size: 18px; color: #5C5D59; margin: 0; line-height: 22px; } /* line 218, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption1 .quizQuestionOption, #question3 .quizWithBGImage.questionOption2, #question3 .quizWithBGImage.questionOption2 .quizQuestionOption { height: 450px; } /* line 223, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption2 .quizQuestionOption, .quizWithBGImage.questionOption3 .quizQuestionOption, .quizWithBGImage.questionOption4 .quizQuestionOption, .quizWithBGImage.questionOption5 .quizQuestionOption { height: 225px; } /* line 229, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4, #question3 .quizWithBGImage.questionOption2 { width: 50%; } /* line 235, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption2 { width: 25%; } /* line 238, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption4, #question2 .quizWithBGImage.questionOption5 { width: 25%; } /* line 244, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { position: relative; } /* line 249, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizOptionButton { position: absolute; right: 0; bottom: 0; background: #E2F1F3; padding: 17px 25px 17px 25px; font-size: 20px; border: 0; border-radius: 0; color: #73A1A7; } /* line 260, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizOptionButton:focus { border: dotted 1px #000; } /* line 263, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizOptionButton span { background: url("/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/boxlink-arrow.png") no-repeat right center; padding-right: 25px; } /* line 267, ../../sass/components/quiz.scss */ .quizProgressBar { background: white; border: solid 1px #fff; padding: 20px 0; border-color: white; box-shadow: 0 0 10px #9ecaed; } /* line 274, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarDots { background-color: #E1E1E1; border: 1px solid #E1E1E1; border-radius: 18px; height: 10px; padding: 5px; position: relative; } /* line 282, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots.active { background-color: #099696; height: 16px; width: 16px; left: 0; position: absolute; top: 2px; } /* line 290, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots.firstactive { background-color: #099696; height: 16px; width: 16px; position: absolute; top: 2px; } /* line 298, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots.progressActive { background-color: #099696; height: 16px; width: 16px; position: absolute; top: 2px; } /* line 306, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots { background-color: white; border-radius: 100%; cursor: pointer; display: block; height: 12px; left: 0; position: absolute; top: 4px; width: 12px; box-shadow: none; border: 0px solid gainsboro; } /* line 319, ../../sass/components/quiz.scss */ .progressDotActive { width: 2%; background: #099696; height: 10px; } /* line 324, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions { background-color: white; padding: 5px; position: relative; margin-bottom: 35px; } /* line 330, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion { color: #22508E; font-size: 24px; font-style: normal; font-weight: normal; position: absolute; top: 2px; padding: 0; border: none; background: none; cursor: text; } /* line 342, ../../sass/components/quiz.scss */ .quizRadioImg { float: left; width: 100px; } /* line 346, ../../sass/components/quiz.scss */ .questionWithRadio button { background: white; border: 1px solid #fff; border-radius: 0; float: left; margin-right: 15px; } /* line 353, ../../sass/components/quiz.scss */ .questionWithRadio button.optionActive { border: solid 1px #D5DCEF; } /* line 356, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { background-repeat: no-repeat; background-position: left top; } /* line 360, ../../sass/components/quiz.scss */ .hideQuizTotalBox .quizResultContainer { display: none; } .abreva-poll-richtext-qa strong{ color: #152972; font-weight: 700;} .article-main-box .article-poll-box{display:none} /* Mobile start */ /*Ipad*/ @media screen and (max-width: 1000px) and (min-width: 768px){ .richText.component.section.grid_12.alpha.even.last.abreva-poll-richtext-qa.ShowQuizAnswer { padding-bottom: 22px !important; padding-top: 17px !important; } .ShowQuizAnswer{ height: auto !important; } } @media only screen and (max-width: 1025px){ .ShowQuizAnswer{height:100%;} .ShowQuizAnswer p{ font-size: 1.125em; font-weight: 400; color: #4c4c4e;} .questionWithRadio .genericFormGroup label { font-size: 1em; padding-top: 6px; } .page-spreading-cold-sores .questionWithRadio .imgContainer { width: 37%; } .page-spreading-cold-sores .questionWithRadio .quizQuestion p{ width: 63%; } } @media only screen and (max-width: 767px) { /*abreva Mobile - FEB28*/ .questionanswers.component.section.grid_12.alpha.odd.default-style{ padding-bottom: 0px !important; padding-top: 0px !important; margin-top: 0px !important; } .page-spreading-cold-sores .questionWithRadio .quizQuestion p{ margin: 0px !important; } .page-spreading-cold-sores .questionWithRadio .imgContainer .quiz-wrap label { padding-left: 20% !important; } .quizQuestion { width: 337px; margin-left: -10px; } .abreva-poll-richtext-qa strong{ font-size:12px; } .ShowQuizAnswer p{ font-size:12px !important; } .page-spreading-cold-sores .questionanswers{ margin: 5% 3% !important; } .page-spreading-cold-sores .questionWithRadio .imgContainer .quiz-wrap{ float: right !important; width: 49.4% !important; } /* line 368, ../../sass/components/quiz.scss */ .questionWithCheck .formControl-radio { clear: both; display: block; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* BUTTONS ----------------------------------*/ /* line 3, ../../sass/components/quiz.scss */ .questionWithCheck { border: dotted 1px #D5D1CE; padding: 10px; } /* line 6, ../../sass/components/quiz.scss */ .questionWithCheck .formControl-radio { float: left; margin: 0; padding: 0; width: 21px; } /* line 14, ../../sass/components/quiz.scss */ .questionWithRadio .formControl-radio { float: left; margin: 0; padding: 0; width: 21px; } /* line 20, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup span input[type="radio"], .questionWithCheck .genericFormGroup span input[type="checkbox"] { float: left; margin: 2px 2px 0 0; padding: 0; width: 15px; } .page-spreading-cold-sores .questionWithRadio .genericFormGroup span { display: none; } .page-spreading-cold-sores .questionanswers + .abreva-poll-richtext-qa ,.page-spreading-cold-sores .quizScoreBox{display:none} .page-spreading-cold-sores .questionanswers + .abreva-poll-richtext-qa{ padding: .5em 3% !important;} .page-spreading-cold-sores .questionanswers{ float: left; width: 100%; background: #cfebfb; display: table; padding: 3% 3% !important; margin: 2% 3%;} .page-spreading-cold-sores .questionWithRadio .genericFormGroup span input{ opacity:0; cursor:pointer; } /* line 27, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label { float: left; padding: 1px 0 0; width: auto; margin-right: 15px; } /* line 34, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup .quizRadioImg label, .questionWithCheck .genericFormGroup .quizRadioImg label { width: 100px; } /* line 38, ../../sass/components/quiz.scss */ .quiz .nextQuestionPage { float: right; } /* line 42, ../../sass/components/quiz.scss */ .questionWithRadio .quizScoreBox, .questionWithCheck .quizScoreBox { border: 1px solid #0F61AF; background: white; text-align: center; font-weight: 700; padding: 5px; width: 50px; height: 15px; margin-left: 20px; float: left; } /* line 53, ../../sass/components/quiz.scss */ .page-spreading-cold-sores .questionWithRadio .imgContainer, .page-spreading-cold-sores .questionWithCheck .imgContainer { width: 100%; float: right; } .page-spreading-cold-sores .questionWithRadio .imgContainer .quiz-wrap, .page-spreading-cold-sores .questionWithCheck .imgContainer .quiz-wrap{ width: 48.4%; float: left;display: inline; background: #152972; height: 47px; } .page-spreading-cold-sores .questionWithRadio .imgContainer .quiz-wrap label{ color: #fff; font-size: 0.75em; width: 100%; padding-top: 16px; margin-left: 0px; } /*feB-28*/ .page-spreading-cold-sores .questionWithRadio .quizQuestion p{ padding-top: 4px; padding-left: 10px; padding-bottom: 34px; width: 90% !important; } .page-spreading-cold-sores .questionWithRadio .imgContainer .quiz-wrap:nth-child(1) { background: #CE181E; height: 47px; margin-right: 0px; margin-left: 4px; } /* line 58, ../../sass/components/quiz.scss */ .questionWithRadio .quizQuestion p, .questionWithCheck .quizQuestion p { margin: 0 0 15px 0; } .page-spreading-cold-sores .questionWithRadio .quizQuestion p, .page-spreading-cold-sores .questionWithCheck .quizQuestion p { margin: 7px 0 31px 12px; float: left; width: 100%; font-size: 0.94em; font-weight: 400; color: #152972; line-height: 1.1; text-transform: inherit; } /* line 63, ../../sass/components/quiz.scss */ .questionWithRadio .quizScoreBox p, .questionWithCheck .quizScoreBox p { margin: 0; font-weight: 700; } .questionWithRadio .genericFormGroup label { float: right; font-weight: 400; font-size: 1.5em; color: #f04e23; line-height: 1.1; text-transform: uppercase; } .questionWithRadio .quizQuestion p { font-weight: 400; font-size: 1.5em; color: #152972; line-height: 1.1; text-transform: inherit; } /* line 68, ../../sass/components/quiz.scss */ .quizHideBox { display: none; } /* line 71, ../../sass/components/quiz.scss */ .quizOverlayContainer .overlay-bg { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; z-index: 1000; /* high z-index */ background: #000; /* fallback */ background: rgba(0, 0, 0, 0.75); text-align: center; } /* line 84, ../../sass/components/quiz.scss */ .quizOverlayContainer .overlay-content { background: none repeat scroll 0 0 #FFFFFF; display: inline-block; max-width: 90%; min-height: 80px; min-width: 80px; padding: 30px 10px 10px; position: relative; text-align: left; top: 150px; } /* line 95, ../../sass/components/quiz.scss */ .quizOverlayContainer .overlay-close { background: url("/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/overlay-close-icon.png") no-repeat scroll 0 0/20px auto transparent; cursor: pointer; display: none; font-size: 25px; height: 20px; position: absolute; right: 3px; top: 5px; width: 20px; z-index: 9999; } /* line 107, ../../sass/components/quiz.scss */ .quizOverlayContainer .close-btn:hover { background: #05abe0; } /* line 110, ../../sass/components/quiz.scss */ .questionWithImage { clear: both; } /* line 113, ../../sass/components/quiz.scss */ .quizResultContainer { width: 92%; } /* line 116, ../../sass/components/quiz.scss */ .questionWithImage .quizQuestion { border: 2px solid #0F61AF; background: #D5DCEF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 15px 10px 20px 10px; float: left; width: 80%; } /* line 126, ../../sass/components/quiz.scss */ .questionWithImage .quizQuestion p { font-weight: 700; line-height: 1.2em; margin: 10px 0 0 0; vertical-align: middle; color: black; } /* line 133, ../../sass/components/quiz.scss */ .questionWithImage .imgContainer { float: left; width: 50%; text-align: center; } /* line 138, ../../sass/components/quiz.scss */ .questionWithImage .imgContainer span { border: 3px solid #78A7D2; padding: 10px; height: 36px; width: 36px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; } /* line 147, ../../sass/components/quiz.scss */ .questionWithImage .imgContainer img { text-align: center; vertical-align: bottom; cursor: pointer; } /* line 152, ../../sass/components/quiz.scss */ .questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption { float: left; width: 25%; } /* line 156, ../../sass/components/quiz.scss */ .quizScoreBox { border: 2px solid #0F61AF; background: #D5DCEF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5px; width: 58px; height: 62px; margin-left: 20px; float: left; } /* line 168, ../../sass/components/quiz.scss */ .quizScoreBox p { text-align: center; font-weight: 700; font-size: 20px; margin: 0; color: black; margin-top: 15px; } /* line 177, ../../sass/components/quiz.scss */ .quizScoreBox.totalScoreBox, .quiz .generateScore { float: right; } /* line 180, ../../sass/components/quiz.scss */ .quiz .button.generateScore { width: 230px; padding: 10px; font-weight: 700; font-size: 22px; color: white; background: #0047BD; } /* line 189, ../../sass/components/quiz.scss */ .quiz .button.generateScoreNewPage { padding: 10px; font-weight: 700; color: #0073BD; border: solid 1px #fff; background: #E4FE98; } /* line 197, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage { float: left; } /* line 200, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionBox { background-color: #FFF1D0; padding: 20px; width: 70%; } /* line 206, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionBox h2 { color: #4469A1; font-size: 40px; margin-bottom: 0; } /* line 211, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionBox p { font-size: 18px; color: #5C5D59; margin: 0; line-height: 22px; } /* line 218, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption1 .quizQuestionOption, #question3 .quizWithBGImage.questionOption2, #question3 .quizWithBGImage.questionOption2 .quizQuestionOption { height: 450px; } /* line 223, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption2 .quizQuestionOption, .quizWithBGImage.questionOption3 .quizQuestionOption, .quizWithBGImage.questionOption4 .quizQuestionOption, .quizWithBGImage.questionOption5 .quizQuestionOption { height: 225px; } /* line 229, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4, #question3 .quizWithBGImage.questionOption2 { width: 50%; } /* line 235, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption2 { width: 25%; } /* line 238, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption4, #question2 .quizWithBGImage.questionOption5 { width: 25%; } /* line 244, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { position: relative; } /* line 249, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizOptionButton { position: absolute; right: 0; bottom: 0; background: #E2F1F3; padding: 17px 25px 17px 25px; font-size: 20px; border: 0; border-radius: 0; color: #73A1A7; } /* line 260, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizOptionButton:focus { border: dotted 1px #000; } /* line 263, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizOptionButton span { background: url("/content/dam/cf-consumer-healthcare/skin-abreva/en_us/Global/boxlink-arrow.png") no-repeat right center; padding-right: 25px; } /* line 267, ../../sass/components/quiz.scss */ .quizProgressBar { background: white; border: solid 1px #fff; padding: 20px 0; border-color: white; box-shadow: 0 0 10px #9ecaed; } /* line 274, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarDots { background-color: #E1E1E1; border: 1px solid #E1E1E1; border-radius: 18px; height: 10px; padding: 5px; position: relative; } /* line 282, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots.active { background-color: #099696; height: 16px; width: 16px; left: 0; position: absolute; top: 2px; } /* line 290, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots.firstactive { background-color: #099696; height: 16px; width: 16px; position: absolute; top: 2px; } /* line 298, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots.progressActive { background-color: #099696; height: 16px; width: 16px; position: absolute; top: 2px; } /* line 306, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressDots { background-color: white; border-radius: 100%; cursor: pointer; display: block; height: 12px; left: 0; position: absolute; top: 4px; width: 12px; box-shadow: none; border: 0px solid gainsboro; } /* line 319, ../../sass/components/quiz.scss */ .progressDotActive { width: 2%; background: #099696; height: 10px; } /* line 324, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions { background-color: white; padding: 5px; position: relative; margin-bottom: 35px; } /* line 330, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion { color: #22508E; font-size: 24px; font-style: normal; font-weight: normal; position: absolute; top: 2px; padding: 0; border: none; background: none; cursor: text; } /* line 342, ../../sass/components/quiz.scss */ .quizRadioImg { float: left; width: 100px; } /* line 346, ../../sass/components/quiz.scss */ .questionWithRadio button { background: white; border: 1px solid #fff; border-radius: 0; float: left; margin-right: 15px; } /* line 353, ../../sass/components/quiz.scss */ .questionWithRadio button.optionActive { border: solid 1px #D5DCEF; } /* line 356, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { background-repeat: no-repeat; background-position: left top; } /* line 360, ../../sass/components/quiz.scss */ .hideQuizTotalBox .quizResultContainer { display: none; } } /* Mobile start */ @media only screen and (max-width: 767px) { /* line 368, ../../sass/components/quiz.scss */ .questionWithCheck .formControl-radio { clear:both; display:block } .page-spreading-cold-sores #wrapper .questionanswers + .abreva-poll-richtext-qa,.page-spreading-cold-sores #wrapper .quizScoreBox { display:none } .ShowQuizAnswer { display:table-cell!important; border:1px solid #103776; background:#fff; margin-bottom:1.5em; font-size:.75em; font-weight:400; color:#4c4c4e; height:100%; vertical-align:middle; padding:0 3.8% } .ShowQuizAnswer p { display:table-cell!important } } @media only screen and (max-width: 420px) { /* line 376, ../../sass/components/quiz.scss */ .questionWithRadio .formControl-radio, .questionWithCheck .formControl-radio { clear: both; display: block; float: left; width: 6%; } /* line 382, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label { display: block; float: left; width: 50%; } /* line 388, ../../sass/components/quiz.scss */ .quizRadioImg { width: 100%; } /* line 391, ../../sass/components/quiz.scss */ .questionWithImage .quizQuestion { width: 60%; } /* line 394, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion { font-size: 12px; font-weight: 700; } /* line 398, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage { width: 100%; display: block; } /* line 402, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions { margin-bottom: 15px; } /* line 405, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { width: 100%; display: block; background: no-repeat; background-position: center center; background-attachment: scroll; background-size: 100% 100%; } /* line 412, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4, #question3 .quizWithBGImage.questionOption2 { width: 100%; } /* line 417, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption2 { width: 100%; } /* line 420, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption4, #question2 .quizWithBGImage.questionOption5 { width: 100%; } /* line 423, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { width: 100%; display: block; } /* line 427, ../../sass/components/quiz.scss */ .questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption, .questionWithImage .imgContainer { display: block; width: 100%; } } @media only screen and (max-width: 420px) { /* line 376, ../../sass/components/quiz.scss */ .questionWithRadio .formControl-radio, .questionWithCheck .formControl-radio { clear: both; display: block; float: left; width: 6%; } /* line 382, ../../sass/components/quiz.scss */ .questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label { display: block; float: left; width: 50%; } /* line 388, ../../sass/components/quiz.scss */ .quizRadioImg { width: 100%; } /* line 391, ../../sass/components/quiz.scss */ .questionWithImage .quizQuestion { width: 60%; } /* line 394, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion { font-size: 12px; font-weight: 700; } /* line 398, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage { width: 100%; display: block; } /* line 402, ../../sass/components/quiz.scss */ .quiz.quizProgressBar .quizProgressBarQuestions { margin-bottom: 15px; } /* line 405, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { width: 100%; display: block; background: no-repeat; background-position: center center; background-attachment: scroll; background-size: 100% 100%; } /* line 412, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4, #question3 .quizWithBGImage.questionOption2 { width: 100%; } /* line 417, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption2 { width: 100%; } /* line 420, ../../sass/components/quiz.scss */ .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption4, #question2 .quizWithBGImage.questionOption5 { width: 100%; } /* line 423, ../../sass/components/quiz.scss */ .quiz.quizWithBGImage .quizQuestionOption { width: 100%; display: block; } /* line 427, ../../sass/components/quiz.scss */ .questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption, .questionWithImage .imgContainer { display: block; width: 100%; } } /*Abreva Landscape - feB 28 */ @media screen and (max-width:766px) and (min-width: 667px) { .page-spreading-cold-sores .questionWithRadio .quizQuestion p { width:auto; padding-left: 17px; } .quizQuestion{ width: 600px; padding-left: 11px; } .page-spreading-cold-sores .questionWithRadio .imgContainer .quiz-wrap label { width: auto; padding-right: 40%; } .questionanswers.component.section.grid_12.alpha.odd.default-style{ padding-left: 0px !important; } .page-spreading-cold-sores .questionanswers{ margin: 4% 3% !important; } } /*Landscape css ends*/