/* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* line 3, ../../sass/components/accordion/_accordion-base.scss */ .accordion-container { border: solid 2px #323131; list-style: none; padding: 0; margin: 0; } /*kv- Added-26-04-16*/ .faq-outer-box .accordion-container { border: none; list-style: none; padding: 0; margin: 0; } .faq-outer-box .accordion-slide.is-active .accordion-title{border-left:solid 1px #d3d3e4;border-right:solid 1px #d3d3e4} .faq-content-rte .component-content .richText-content p { /*Arjun- Addted-18-07-16*/ margin-bottom: 0px; } .faq-content-rte .component-content .richText-content p:last-child { margin-bottom:0px; /* AP Modified-20-07-16*/ } .faq-content-rte .component-content .richText-content p:last-child, /*Arjun- Addted-18-07-16*/ .faq-content-rte .component-content .richText-content a{ font-size: 11.5px; color: #000; /* AP Modified-20-07-16*/ } /*AP-20160801-SIT*/ .faq-content-rte .component-content .richText-content p:nth-child(1), .faq-content-rte .component-content .richText-content p:nth-child(2), .faq-content-rte .component-content .richText-content p:nth-child(3) { font-size: 14px !important; } /*kv- Added-26-04-16*/ .faq-outer-box .accordion-container p a, .faq-outer-box .accordion-container .accordion-title-link { /*Arjun- Modified-30-06-16*/ color: #232176; text-decoration: none; font-weight: normal; font-family: "Roboto"; font-size: 0.90em; font-weight: 400; } .faq-outer-box .accordion-container ul li:first-child{ margin-bottom: 6px; } .faq-outer-box .accordion-container li.accordion-slide {background-color: #fff; background-color: #fff;border-bottom: solid 1px #d3d3e4;background-color: #fff; margin-left: 3px; margin-bottom: 0px;} /*Arjun- Modified-30-06-16*/ /* line 10, ../../sass/components/accordion/_accordion-base.scss */ .accordion-title { display: block; color: #323131; font-size: 20px; font-weight: bold; padding-bottom: 10px; background-color: #e1e1e1; padding: 13px; margin: 0; color: #939191; border-top: 2px solid black; } /* line 19, ../../sass/components/accordion/_accordion-base.scss */ .accordion-slide:first-child .accordion-title { border-top: 0; } /* line 23, ../../sass/components/accordion/_accordion-base.scss */ .accordion-title { padding: 13px; margin: 0; } /*kv- Added-25-04-16*/ .faq-outer-box .accordion-title { display: block; color: #323131; font-size: 20px; font-weight: bold; padding-bottom: 10px; background-color: #e1e1e1; padding: 13px; margin: 0; color: #939191; border-top: 2px solid black; } /* .accordion-slide:last-child:not(.is-active) > .accordion-head, .accordion-slide:last-child > .accordion-content { border-bottom: none; }*/ /* line 34, ../../sass/components/accordion/_accordion-base.scss */ .accordion-content { padding: 13px; } /* line 38, ../../sass/components/accordion/_accordion-base.scss */ .accordion-content-wrapper { border-left: 0; border-right: 0; border-top: 0; } /* line 46, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-slide .accordion-title:hover { background-color: #939191; color: white; } /* line 51, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-slide.is-active > .accordion-head .accordion-title:hover { background-color: #e1e1e1; } /* line 46, ../../sass/components/accordion/_accordion-base.scss */ .faq-outer-box .mod-js .accordion-slide .accordion-title:hover { background-color: #939191; color: white; } /* line 51, ../../sass/components/accordion/_accordion-base.scss */ .faq-outer-box .mod-js .accordion-slide.is-active > .accordion-head .accordion-title:hover { background-color: #e1e1e1; } /* line 55, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-slide.is-active > .accordion-head .accordion-title { color: black; } /* line 60, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-content-wrapper { visibility: hidden; height: 0; position: relative; top: -999999px; left: -999999px; overflow: hidden; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; } /* line 72, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-slide.is-active > .accordion-content-wrapper { visibility: visible; position: relative; top: auto; left: auto; height: auto; overflow: auto; border: 1px solid #D3D3D3; /*Arjun- Modified-30-06-16*/ border-bottom:0;/*Mahendra- added-29-07-16*/ } /* line 81, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-slide.is-active:last-child > .accordion-content-wrapper { border-bottom: none; } /* line 85, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-title { cursor: pointer; margin-bottom: 0; position: relative; } /* line 89, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-title:after { content: "\f078"; display: inline-block; font-family: FontAwesome; font-style: normal; position: relative; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 8px; font-size: 12px; float: right; } /*Added - 2016-07-2016*/ .faq-outer-box .accordion-slide.is-active > .accordion-content-wrapper { top: 0px; } /* .faq-outer-box .accordion-head:after { top: -3px; color: #00ACED; font-size: 22px; } */ .faq-outer-box .mod-js .accordion-slide.is-active > .accordion-head .accordion-title:after { font-size: 22px; } /* line 98, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-slide.is-active > .accordion-head .accordion-title { cursor: default; } .faq-outer-box .mod-js .accordion-slide.is-active > .accordion-head .accordion-title { cursor: default; border-left:1px solid #D3D3D3; } /* line 100, ../../sass/components/accordion/_accordion-base.scss */ .mod-js .accordion-slide.is-active > .accordion-head .accordion-title:after { content: "\f077"; display: inline-block; font-family: FontAwesome; font-style: normal; position: relative; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -4px; /* AP Added on 23-07-2016 */ font-size: 12px; float: right; } .mod-js .power-living-article-box4 .accordion-slide.is-active > .accordion-head .accordion-title:after { top:0px; } /*kv- Added-25-04-16*/ .faq-outer-box .mod-js .accordion-slide > .accordion-head .accordion-title:after { content: "\f078"; display: inline-block; font-family: FontAwesome; font-style: normal; position: relative; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 14px; font-size: 12px; float: right; } /*.faq-outer-box .accordion-head:after { content: "\f078" }*/ /*--- FAQs pages Css start*/ .myth_facthead{ font-size: 18px; font-family: "Roboto"; color: #00aced; float: left; margin-right: 5px; margin-top: -3px; font-weight: 500; } /*--- FAQs pages Css end */ /*------------------------------- Desktop CSS Start---------------------------*/ /*------------------------------- Desktop CSS End---------------------------*/ /*------------------------------- Tablet CSS Start---------------------------*/ /*------------------------------- Tablet CSS End---------------------------*/ /*------------------------------- Mobile CSS Start---------------------------*/ @media only screen and (min-width: 320px) and (max-width: 767px) { /*------------------ cold & flu CSS Starts---------------*/ .cf-facts-accordion .component-content > ul li h3 a navtrade { font-size: 69%; vertical-align: top; } .cf-facts-accordion > .component-content > .accordion-container, .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-title{/*Prashant- Added-18-05-16*/ border:none; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide {/*Prashant- Added-18-05-16*/ margin-bottom: 5px; background: #cce6fc; padding-top: 0;/*Mahendra- added-28-07-16*/ } .cf-symptoms-accordion.cf-facts-accordion > .component-content > .accordion-container > .accordion-slide, .cf-treatment-accordion.cf-facts-accordion > .component-content > .accordion-container > .accordion-slide{/*Mahendra- added-28-07-16*/ margin-bottom: 0; background-color: #fff; padding-top: 0; border-top: 0 none; } .cf-symptoms-accordion.cf-facts-accordion > .component-content > .accordion-container > .accordion-slide > .accordion-head .accordion-title, .cf-treatment-accordion.cf-facts-accordion > .component-content > .accordion-container > .accordion-slide > .accordion-head .accordion-title{ border:1px solid #d2d4e1; } .mod-js .accordion-slide.is-active > .accordion-content-wrapper{ border:0 none; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-title:after{/*Prashant- Added-18-05-16*/ content: "\f107"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 300; display: inline-block; position: relative; top: -7px; font-size: 30px; float: right; color: #fff; background-color: #00aced; width: 32px; height: 32px; vertical-align: middle; text-align: center; } .cold-and-flu-basics-symptoms-mobile-box .cf-symptoms-accordion.cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-title:after, .cold-and-flu-basics-treatment-mobile-box .cf-treatment-accordion.cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-title:after{/*Mahendra- added-28-07-16*/ right: 0.87em; top: 0.8em; left: initial; float: right; position: absolute; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-title:after{ left: initial;/*Mahendra- modified-28-07-16*/ right: 0.3em;/*Mahendra- added-28-07-16*/ top: 0.77em;/*Mahendra- added-28-07-16*/ float: right;/*Mahendra- added-28-07-16*/ position: absolute;/*Mahendra- added-28-07-16*/ } /* .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(2) .accordion-head:after{ left: 1.5%; top: -0.25em;/*Mahendra- modified-28-07-16 } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(3) .accordion-head:after{ left: 8.3%; top: -0.2em;/*Mahendra- modified-28-07-16 } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(4) .accordion-head:after, .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(5) .accordion-head:after, .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(6) .accordion-head:after, .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(7) .accordion-head:after, .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(8) .accordion-head:after{/*Mahendra- added-27-07-16 left: 0.12em; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:last-child .accordion-head:after{ left: 81.2%; top: -0.24em;/*Mahendra- modified-28-07-16 }*/ .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(2) .accordion-title > a, .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(3) .accordion-title {/*Prashant- Added-18-05-16*/ padding-right: 14%;/*Mahendra- modified-28-07-16*/ } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:last-child .accordion-title {/*Prashant- Added-18-05-16*/ padding-right: 44%; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:first-child .accordion-title{ padding-top: 1.6em; padding-bottom: 1.6em; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(2) .accordion-title { padding-top: 0.95em; padding-bottom: 1.2em; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(3) .accordion-title { padding-top: 0.92em; padding-bottom: 1.1em; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:last-child .accordion-title { padding-top: 1em; padding-bottom: 1.1em; } .mod-js .accordion-title:after, .mod-js .accordion-slide.is-active > .accordion-head .accordion-title:after{ /*content:" "; */ /*AP Modified for SIT on 29-07-2016 */ } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide.is-active .accordion-title:after{/*Prashant- Added-18-05-16*/ content: "\f106"; background-color: #1a1363; } .cf-facts-accordion .accordion-content{/*Prashant- Added-22-06-16*/ padding-left: 0.65em; padding-right: 0.65em; } /*------------------ cold & flu CSS Ends---------------*/ /*------------------ Products details page CSS Starts---------------*/ .product-details-accordion > .component-content > .accordion-container, .product-details-accordion > .component-content > .accordion-container > .accordion-slide .accordion-title{/*Prashant- Added-18-05-16*/ border:none; } .product-details-accordion > .component-content > .accordion-container > .accordion-slide{/*Prashant- Added-18-05-16*/ margin-bottom:5px; background-color: #fff; } .product-details-accordion> .component-content > .accordion-container > .accordion-slide .accordion-title:after{/*Prashant- Added-18-05-16*/ content: "\f107"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 300; position: relative; top: -7px; font-size: 30px; float: right; color: #fff; background-color: #232176; width: 32px; height: 32px; vertical-align: middle; text-align: center; border: solid 1px #fff; } .product-details-accordion > .component-content > .accordion-container > .accordion-slide:after .accordion-title{ } .product-details-accordion > .component-content > .accordion-container > .accordion-slide.is-active .accordion-title:after{ top:-10px; } .product-details-accordion > .component-content > .accordion-container > .accordion-slide.is-active .accordion-title:after{/*Prashant- Added-18-05-16*/ content: "\f106"; background-color: #1a1363; } .product-details-accordion .accordion-content{/*Prashant- Added-22-06-16*/ padding-left: 0.65em; padding-right: 0.65em; } .product-details-accordion .richText ul li:before { content: "\f0c8"; display: inline-block; font-family: FontAwesome; font-style: normal; position: relative; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 6px; top: 9px; position: absolute; font-size: 4px;} .product-detail-table-one.table table { border-bottom: solid 1px #d6d6d6; border-top: none; border-right: solid 1px #d6d6d6; border-left: solid 1px #d6d6d6; padding: 2px; vertical-align: top; } .mod-js .product-details-mobile-accordion-box .accordion-slide.is-active > .accordion-content-wrapper { border: 1px solid #8e8db9;} .mod-js .product-details-mobile-accordion-box .accordion-slide.is-active > .accordion-content-wrapper { border: 1px solid #8e8db9;width:100%;} .product-details-accordion > .component-content > .accordion-container > .accordion-slide.is-active > .accordion-head .accordion-title{border: 1px solid #8e8db9;/*width:100%;*/} /*------------------ Products details page CSS end---------------*/ /*--- FAQs pages Css start*/ .faq-outer-box .accordion-container li.accordion-slide { background-color: #fff; margin-left: 3px; margin-bottom: 0px; border-bottom: 0 none; padding-bottom:4px; background: url("../../assets/img/accprdian-bar-m.png") 100% 100% no-repeat; } /*--- FAQs pages Css end */ /*-- Amir/KV - 20160731 -- Accordion for FAQ changes*/ .faq-outer-box .accordion-slide.is-active > .accordion-content-wrapper{ border:none; } .faq-outer-box .accordion-container a{ width:88%; display:inline-flex;/*modified from iniline-block to inline-flex 29-03-2017*/ word-wrap:break-word; } .faq-product-accordion-box .accordion-container a { /* added on 29-03-2017*/ display: inline-block !important; } /*-- Amir - 20160731 -- Accordion for FAQ changes*/ .faq-content-rte .component-content .richText-content p:last-child, .faq-content-rte .component-content .richText-content a{ font-size:14px; width:auto; } .faq-content-rte .component-content .richText-content p a{ display:inline; width:100%; } .faq-section-accordion .faq-content-rte{ padding-left:18px; } .faq-content-rte.richText ul, .faq-content-rte.richText ul li:last-child{ padding-bottom:0px; margin-bottom:0px; } .faq-product-accordion-box{ margin-bottom:25px; } } @media only screen and (device-width: 568px) { /*------------------ cold & flu CSS Starts---------------*/ .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(2) .accordion-title > a, .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(3) .accordion-title{/*Prashant- Added-23-06-16*/ padding-right: 50%; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:last-child .accordion-title {/*Prashant- Added-23-06-16*/ padding-right: 67%; } .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:nth-child(3) .accordion-title:after {/*Prashant- Added-23-06-16*/ left: 110.5%; top: -1.1em; } /*------------------ cold & flu CSS Ends---------------*/ } /*------------------------------- Mobile CSS Ends---------------------------*/ /*-----------------------------FACTS AND MYTHS ----------------------- */ .cf-facts-accordion > .accordion-container { border:0 none; } /*----------------------- FACTS AND MYTHS -------------------------------------*/ /* ----------satish added --20160629 */ .pl-featured-outer-box .article-flu-fact-syringe-image { border: 1px solid #d4d1e4; margin-bottom: 33px; } .cf-facts-accordion .accordion-container{ border:0 none; } .cf-facts-accordion .accordion-container li{ border: solid 0 #323131; list-style: none; padding: 0; margin: 0; background: url(../../assets/img/accordian-inner.png); float: left; width: 100%; background-repeat: no-repeat; padding-top: 8px; background-size: 100%; } .cf-facts-accordion .accordion-container li.accordion-slide h3 { background-color: #fff; } .cf-facts-accordion .accordion-container li.accordion-slide h3.accordion-title{ border:0 none; } .cf-facts-accordion li.accordion-slide.is-active h3 a{ font-size: 17px; border:0 none; } .cf-facts-accordion li.accordion-slide.is-active h3 a hover { font-size: 17px; color:#000; } .cf-facts-accordion .accordion-container li.accordion-slide.is-active h3.accordion-title{ /*background:url(../../assets/img/accordianbottom.jpg) no-repeat bottom; */ background-size: 100%; } .article-flu-fact-accordion-rte .component-content p strong { color: #232176; font-size: 17px; } .article-flu-fact-accordion-rte .component-content p { color: #000; font-size: 16px; margin-top: 0px; } .cf-facts-accordion .accordion-slide.is-active > .accordion-head .accordion-title:hover { background-color: #fff; } .cf-facts-accordion .accordion-slide .accordion-title:hover { background-color: #fff; color: white; } .article-knowmore-rte p { font-size: 16px; margin-top: 22px; } #content.main .article-flu-fact-syringe-rte{ width:61%; margin-left:25px; } .article-flu-fact-syringe-rte p { line-height:1.3; font-size: 15px; overflow: hidden; margin-top: 0px; } /*----------------------- FACTS AND MYTHS end -------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 959px) { #content.main .article-flu-fact-syringe-rte{ width:55%; } .faq-outer-box .accordion-slide.is-active > .accordion-content-wrapper{/*np*/ top:0px; } .faq-content-rte .component-content .richText-content p:last-child {/*np*/ margin-bottom: 7px; margin-top: 10px;/*Ap-SIT-20160208*/ } .theraflu-czech .article-content-box .cf-facts-accordion .accordion-container li.accordion-slide h3.accordion-title a{ width:86% } } @media only screen and (min-width: 600px) and (max-width: 605px) { .faq-outer-box .accordion-container a{ width:93%; } } .theraflu-czech .article-content-box .cf-facts-accordion .accordion-container li.accordion-slide h3.accordion-title a{ font-size: 0.7em; font-weight: 700; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* all other colors*/ /* BUTTONS ----------------------------------*/ .add-to-basket-container { border: 1px solid #D5D1CE; background: #F0EFED; } .add-to-basket-container .add-to-basket-description { border-right: 1px solid #D5D1CE; display: inline-block; vertical-align: top; width: 65%; padding-left: 10px; margin-right: 10px; } .add-to-basket-container .add-to-basket-quantity { display: inline-block; vertical-align: middle; width: 15%; padding-top: 20px; } .add-to-basket-container .add-to-basket-quantity select { padding-left: 2%; padding-right: 4%; } .add-to-basket-container .add-to-basket-btn { display: inline-block; padding-top: 20px; vertical-align: middle; width: 15%; } @media only screen and (max-width: 767px) { .add-to-basket-container { padding-bottom: 10px; } .add-to-basket-container .add-to-basket-description { width: 100%; } .add-to-basket-container .add-to-basket-quantity { width: 100%; padding-left: 10px; } .add-to-basket-container .add-to-basket-btn { width: 100%; padding-left: 10px; } } .order-header { background-color: white; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; } .productDescription { float: left; width: 35%; padding-left: 20px; } .productDescription img { width: 40%; margin: 20px 15px 5px 0px !important; } .SampleCount { float: left; width: 15%; } .OrderDate { float: left; width: 25%; } .OrderStatus { width: 20%; float: left; } .itemOrderList { float: left; width: 100%; } .itemOrderList .SampleCount, .itemOrderList .OrderDate, .itemOrderList .OrderStatus { padding-top: 15px; } .orderList .order-header div { font-weight: bold; font-size: 20px; } .webshop-metadata { display: none !important; } .webshop-cart .cartRecord { background: white; margin-bottom: 10px; padding-left: 30px; padding-top: 20px; float: left; width: 100%; } .webshop-cart .add-to-basket-description { width: 68%; border-right: 1px solid #f2f2f2; float: left; } .webshop-cart .add-to-basket-wrapper { width: 30%; display: inline; margin-left: 40px; position: relative; left: 15px; } .webshop-cart .add-to-basket-wrapper div { float: left; } .webshop-cart a.add-to-basket-remove { float: left; position: relative; left: 15px; } .webshop-cart .webshop-error { margin-top: 20px; margin-left: 15px; color: red; } /*German changes start*/ .template-theraflu-German-homepage-template .pl-featured-outer-box .back-button-rte p{ background:url(../../assets/img/ch-myth-tab-back.png) no-repeat left 5px; } /*German changes end*/ /*French changes start*/ .template-theraflu-French-homepage-template .pl-featured-outer-box .back-button-rte p{ background:url(../../assets/img/ch-myth-tab-back.png) no-repeat left 5px; } /*French changes end*/ /*Italian changes start*/ .template-theraflu-Italian-homepage-template .pl-featured-outer-box .back-button-rte p{ background:url(../../assets/img/ch-myth-tab-back.png) no-repeat left 5px; } /*Italian changes end*/ .articleTeaser .component-content { padding-bottom: 12px; /*AP Modified for UAT Fix on 05-08-2016 */ margin-left: -6px; } .articleTeaser .component-content.hero-article { padding-bottom: 0; } .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header { font-size: 1.8em; line-height: normal; margin-top: 10px; } .articleTeaser .articleTeaser-image-holder.articleTeaser-image-left { display: inline-block; float: left; margin-right: 15px; padding: 10px 0 10px 10px } .articleTeaser .articleTeaser-image-holder.articleTeaser-image-right { display: inline-block; float: right; margin-left: 15px; padding: 10px 10px 10px 0 } .articleTeaser .component-content.hero-article { position: relative; } .articleTeaser .component-content.hero-article .articleTeaser-image-holder { display: block; float: none; } .articleTeaser .component-content.hero-article .articleTeaser-text-content { position: absolute; bottom: 0; right: 15px; width: 50%; background: #391c19; color: #FFF; padding: 10px; opacity: 0.8; filter: alpha(opacity=80) } .articleTeaser .component-content.hero-article .articleTeaser-text-content h2, .articleTeaser .component-content.hero-article .articleTeaser-text-content a { color: #fff; } .articleTeaser .articleTeaser-text-content p.articleTeaser-event { margin: 0; } .articleTeaser .articleTeaser-image-holder.articleVideoIcon { position: relative; } .articleTeaser .articleTeaser-image-holder.articleVideoIcon span { background: url(../../../../gzg/desktop/img/play_icon.png) no-repeat center center; height: 94px; left: 40%; position: absolute; top: 30%; width: 94px; cursor: pointer; } .articleTeaser .articleTeaser-text-content p.articleTeaser-event { background: #eff0ed; padding: 5px; } .articleTeaser .articleTeaser-text-content span.articleTeaser-event-date { color: #f36532; font-size: 30px; float: left; margin-right: 5px; line-height: normal; } .articleTeaser .articleTeaser-text-content span.articleTeaser-event-month, .articleTeaser .articleTeaser-text-content span.articleTeaser-event-year { font-size: 12px; display: block; } .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { color: #0054a1; font-weight: 700; } .articleTeaser .articleTeaser-text-content .articleTeaser-Button { padding: 10px 20px; background: #15717e; border-radius: 20px; color: #fff; display: inline-block; } .articleTeaser .component-content.block-article { background: none repeat scroll 0 0 #f36633; color: #fff; padding: 10px; } .articleTeaser .component-content.block-article h2.articleTeaser-text-header, .articleTeaser .component-content.block-article .articleTeaser-text-link { color: #fff; } .articleTeaser .component-content.block-article .articleTeaser-text-description p { border-bottom: 2px solid #fff; padding-bottom: 15px; } .articleTeaser .articleTeaser-text-meta.icon-service-container p, .articleTeaser .articleTeaser-text-meta.icon-research-container p { margin: 0; } .articleTeaser .articleTeaser-text-content .articleTeaser-eventplace { margin: 10px 10px; background: url(../../../../gzg/desktop/img/place.png) no-repeat left center; padding-left: 15px; } .articleTeaser .articleTeaser-text-content .articleTeaser-text-meta span.icon-research { background: url(../../../../gzgn/desktop/img/icon_research.png) no-repeat left center; padding: 3px 8px 13px 47px; border-top: solid 3px #F36633; display: block; } .articleTeaser .articleTeaser-text-content .articleTeaser-text-meta span.icon-service { background: url(../../../../gzg/desktop/img/icon_services.png) no-repeat left center; padding: 3px 8px 13px 47px; display: block; } .articleTeaser .articleTeaser-text-content .articleTeaser-text-meta span.icon-holder-secondary { border-top: solid 4px #F06941; } .articleTeaser .articleTeaser-text-content .articleTeaser-text-link span.articleTeaser-Video { background: url(../../../../gzg/desktop/img/play_icon_small.png) no-repeat left center; padding: 10px 32px; font-size: 11px; } .articleTeaser .articleTeaser-image-holder.articleTeaser-image-top img { border-bottom: solid 4px #f36633; } .articleTeaser .articleTeaser-image-top .articleTeaser-text-content .articleTeaser-text-meta span.icon-service { border-top: none; } .articleTeaser .hero-article .articleTeaser-image-holder.articleTeaser-image-top img { border-bottom: none; } .articleTeaser .articleTeaser-image-holder.articleTeaser-image-top { line-height: 0; } .articleTeaser.block-article-secondary .component-content.hero-article .articleTeaser-text-content { padding: 0 0 10px 0; } .articleTeaser.block-article-secondary .component-content.hero-article .articleTeaser-text-content { background: #fff; opacity: 1; } .articleTeaser.block-article-secondary .component-content.hero-article .articleTeaser-text-content, .articleTeaser.block-article-secondary .component-content.hero-article .articleTeaser-text-content h2, .articleTeaser.block-article-secondary .component-content.hero-article .articleTeaser-text-content a { color: #635a54; } .articleTeaser.block-article-secondary .articleTeaser-text-content .articleTeaser-text-meta span.icon-service { border-top: solid 3px #F36633; } .articleTeaser.block-article-secondary .articleTeaser-text-description, .articleTeaser.block-article-secondary .articleTeaser-text-link, .articleTeaser.block-article-secondary .articleTeaser-text-header { padding: 0 15px; } .articleTeaser .articleTeaser-text-meta.category-line { padding-top: 10px; border-top: solid 4px #F36633; } /*****Power Living***/ .main .cold-and-flu-whats-true-and-false-at.featured-article3{ width:99.5%; } .main .featured-article2.grab-and-go-at{ width:48.5%; } .main .featured-article2.why-the-common-cold-remains-uncured-at{ width:48.5%; margin-left:3%; } .main .cold-flu-desktop-articles-box .cold-and-flu-what-do-i-have-at.featured-article2{ width: 48.5%; margin-left: 3%; } .main .featured-article1.colds-and-allergies-at{ width:65.8%; } .pl-featured-outer-box > .component-content { position: relative; } .pl-featured-outer-box .articleTeaser { position: relative; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content { position: absolute; background: rgba(255, 255, 255, 0.8); bottom: 51px;/*Prashant- Modified-19-07-16*/ width: 102%; /* Modified Arjun - on 12-07-2016 for SIT defect 2569 */ } .pl-featured-outer-box .featured-initial-articles-box .featured-left-articles-box .featured-article1.articleTeaser .articleTeaser-text-content, .pl-featured-outer-box .featured-mid-articles-box .featured-article1.articleTeaser .articleTeaser-text-content { max-width: 47.3%;/*Prashant- Modified-16-07-16*/ } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header { font-size: 21px; padding: 2px 0px 0 16px; font-family: "Roboto"; font-weight: 700;/*kv-Added-20160716*/ /*Ashutosh-(12-06-2017)-*/ line-height:1.000;/*Prashant- Modified-18-07-16*/ } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2 a, .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { color: #2f3389; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2 a { color: #2f3389; font-size: 21.06px; line-height:1.000;/*Prashant- Modified-18-07-16*/ } .pl-featured-outer-box .load-more-rte { background: url(../../assets/img/load-more-arrow-down.png) no-repeat center 32px; margin: 31px auto 47px; width: 153px; color: #00abf0; text-align: center; border-radius: 10px; border: 1px solid #00abf0; cursor: pointer; } .pl-featured-outer-box .load-more-rte p { margin: 0px 0 8px; padding: 9px 0 ; font-size:15px; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { background: url(../../assets/img/right-arrow.png) no-repeat right 5px;/*Ap-20160801*/ padding-right: 12px; float: right; margin-right: 8px; margin-bottom: 4px; font-family: "Roboto"; font-weight: 700; } .pl-featured-outer-box .articleTeaser .articleTeaser-image-holder a { float: left; width: 100%; } .pl-featured-outer-box .articleTeaser .articleTeaser-image-holder.articleTeaser-image-top img { border-bottom: 0 none; } .pl-featured-outer-box .articleTeaser .articleTeaser-image-holder a img { width: 100%; } .featured-article-mob-image-one, .main .featured-article-mob-image-two, .main .featured-article-mob-image-three { display: none; } /*****Power Living***/ .pl-featured-outer-box .featured-initial-articles-box, .pl-featured-outer-box .featured-mid-articles-box, .pl-featured-outer-box .featured-more-articles-box { /*PR*/ margin-left: 23px; } .pl-featured-outer-box .featured-more-articles-box .articleTeaser-text-description { display: none; } .featured-initial-articles-box .featured-right-articles-box .featured-article3 .articleTeaser-text-content, .featured-more-articles-box .featured-article3 .articleTeaser-text-content { bottom: inherit; top: 205px; } /*********16 -NP*******/ .article-content-box .cf-facts-accordion .accordion-container li{ background: url(../../assets/img/accordian-head.png) no-repeat left top; background-size: 100%; padding-top: 12px; } .article-content-box .cf-facts-accordion{ padding-top:0px; background: url(../../assets/img/accordian-head.png) no-repeat left bottom; background-size: 100%; padding-bottom: 12px; margin-left:64px; } .article-content-box .cf-facts-accordion .accordion-container li.accordion-slide h3{ padding:0 0 12px 0; font-weight: 700; } .article-content-box .cf-facts-accordion .accordion-container li.accordion-slide .accordion-head .accordion-title:after{ background: url(../../assets/img/accrodian_expand.png); padding: 0px; content: ""; width: 26px; height: 15px; position: absolute; left: 95.8%; top: 30%;/*kv- UAT - 20160805*/ } .article-content-box .cf-facts-accordion .accordion-container li.accordion-slide.is-active h3.accordion-title:after{ background: url(../../assets/img/accrodian_collapse.png); } .article-content-box .cf-facts-accordion .accordion-container li.accordion-slide h3.accordion-title a{ font-size: 12px; font-weight: normal; display: inline-block; width: 62%; } .article-content-box .cf-facts-accordion .accordion-slide.is-active > .accordion-content-wrapper{ border:0 none; } .article-content-box .cf-facts-accordion .accordion-slide.is-active > .accordion-content-wrapper .accordion-content{ padding:0px; background:url(../../assets/img/accordian-inner.png) no-repeat left top; background-size:100%; padding-top:12px; padding-bottom:25px; } .pl-featured-outer-box .article-content-parent-box .cf-facts-accordion .accordion-slide.is-active > .accordion-content-wrapper .accordion-content p{ font-size:1em; } /*****Cold and Flu***/ /* .cf-outer-box .cf-header-image figcaption{position: absolute; top: 3em; left: 0%;} *//*Amir-Added-20160731*//*Prashant- Removed-30-07-16*/ .pl-featured-outer-box .featured-initial-articles-box.power-coldflu { margin-left: 2%; } .pl-featured-outer-box .article-content-box .back-button-rte { padding-left: 40px; border-bottom: 0 none; margin-bottom: 20px; } .pl-featured-outer-box .article-content-box .back-button-rte >.component-content { border-bottom: 0 none; } .pl-featured-outer-box .article-content-box .back-button-rte >.component-content p { color: #00aced; margin: 5px 0 0 0px; font-size: 1.000em; font-family: "Roboto"; font-weight: 700; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .myths-content-rte { margin-left: 94px; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .facts-content-rte { margin-left: 93px; } .pl-featured-outer-box .article-content-box .article-title-rte { padding-bottom: 37px; margin-top: 0px; padding-left: 30px; border-left: 1px solid #d4d1e4; } .pl-featured-outer-box .article-content-box .article-title-rte h1 { font-size: 22px; /*AP Modified for SIT on 25-07-2016 */ font-weight: 700; /*Ashutosh-(12-06-2017)-*/ } .pl-featured-outer-box .article-content-box .article2-content-box { padding-left: 30px; border-left: 1px solid #d4d1e4; } .pl-featured-outer-box .article-content-box .article-sources-rte ol { margin-left: 0px; margin-bottom: 20px; font-family: "Roboto"; font-size: 0.786em; color: #2a2a2a; font-weight: 300; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .back-button-rte p { background: url(../../assets/img/Myth-Tab-back.png) no-repeat left 7px; cursor: pointer; padding-left: 10px; } .pl-featured-outer-box .article-content-box .article-sources-rte ol li { font-size: 11px; color: #515151; margin-bottom: 0px; } .pl-featured-outer-box .article-content-box .article-sources-rte ol li a, .article-content-box .article-sources-rte ol li a:hover { text-decoration: none; color: #515151; } .pl-featured-outer-box .article-points-rte .richText .component-content { border: 1px solid #b4b5d4; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .article-points-rte { border: 1px solid #b4b5d4; border-bottom: 0 none; margin-top: 0px; margin-left: 33px; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .article-points-rte:last-child { border-bottom: 1px solid #b4b5d4; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .article-points-box { margin-top: 0px; border-left: 1px solid #b4b5d4; } .pl-featured-outer-box .article-points-rte .richText-content p { color: #515151; font-size: 1.000em; margin-top: 14px; /*AP Modified for SIT Fix on 08-08-2016 */ } .pl-featured-outer-box .article-title-rte .richText-content h1 strong { font-size: 1em; } .pl-featured-outer-box .article-content-box .article-title-rte h2 strong { font-size: 1em; } .pl-featured-outer-box .article-content-box .article-title-rte p { margin: 26px 0 0 0px; font-size: 1.000em; font-family: "Roboto"; font-weight: 400; } .pl-featured-outer-box .power-living-article-box11.article-title-rte .richText-content h1{ line-height:1; } /*-----------------grab-and-go --------------*/ .pl-featured-outer-box .article-content-box .back-button-rte .richText-content a { text-decoration: none; color: #00aced; font-size:17px; } .pl-featured-outer-box .article-points-box { margin-top: 0px; border-left: 1px solid #b4b5d4; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .article-points-rte { border: 1px solid #b4b5d4; border-bottom: 0 none; margin-top: 0px; margin-left: 0px; padding-bottom:12px; /*AP Modified for SIT Fix on 08-08-2016 */ } /*--kv - modified - 20160624*/ .article-points-rte .richText-content p { color: #515151; font-size: 1.000em; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .life-style-article-four-rte p { color: #515151; font-size: 1.000em; } /*--kv - modified - 20160624*/ .pl-featured-outer-box .article-points-box .life-style-article-four-rte { border: 1px solid #b4b5d4; border-bottom: 0 none; padding-top: 12px; margin-left: 0px; padding-bottom: 23px; } .pl-featured-outer-box .article-points-box .life-style-article-four-rte .richText-content { float: left; width: 85%; } .pl-featured-outer-box .article-points-box .life-style-article-four-rte .richText-content p { margin: 0px; } .life-style-article-three-image-one { margin-bottom: 20px; } .life-style-article-three-image-one figure img { float: left; } .life-style-article-three-image-one figure figcaption { display: inline-block; width: 48%; margin-left: 15px; } .life-style-article-three-image-one figure figcaption p { margin: 0px; } .life-style-article-three-image-one figure figcaption h2 { font-size: 1em; line-height:1; padding-bottom:5px; font-weight: 700; /*Ashutosh-(12-06-2017)-*/ } /*--kv - modified - 20160624*/ .pl-featured-outer-box .article-content-box .article-sources-rte p { font-size: 0.688em; color: #515151; margin-bottom: 0px; } .pl-featured-outer-box .richText p h2 { font-size: 0.875em; margin-left: 15px; margin-bottom: 10px; list-style-type: none; } /*--kv - modified - 20160624*/ .pl-featured-outer-box odd { border: 1px solid #b4b5d4; border-bottom: 0 none; margin-top: 0px; margin-left: 33px; } .pl-featured-outer-box .article-content-box .article-sources-rte p { margin-left: 0px; margin-bottom: 0.688em; font-family: "Roboto"; font-weight: 300; font-size: 0.786em; color: #2a2a2a; } .pl-featured-outer-box .article-points-box { /*--satish - added - 20160627*/ padding-left: 32px; border-left: 1px solid #d4d1e4; } .pl-featured-outer-box .life-style-article-four-rte.last { /*--satish - added - 20160627*/ border-bottom: 0 none; border: 1px solid #b4b5d4; } .pl-featured-outer-box .article-content-box .article-sources-rte p { /*--satish - added - 20160627*/ margin-left: 0px; margin-bottom: 0.688em; font-family: "Roboto"; font-weight: 300; font-size: 0.786em; color: #2a2a2a; } .pl-featured-outer-box .article-sources-rte.last { padding: 2.2em 10px 3em 35px; } /*-------------------COMMON COLD REMAINS UNCURED------------------ */ /* ----------satish added --20160627 */ .pl-featured-outer-box .article-content-box .article-title-rte h2 strong { font-size: 1em; } .pl-featured-outer-box .cold-flu-article-middle-box { margin-top: 0px; border-left: 1px solid #d4d1e4; } .pl-featured-outer-box .cold-flu-article-mid-rte { border: 1px solid #b4b5dd4; } .pl-featured-outer-box .cold-flu-article-mid-rte { border: 1px solid #b4b5d4; border-bottom: 1px solid #b4b5d4; margin-top: 0px; margin-left: 33px; } .pl-featured-outer-box .article-content-box .cold-flu-article-mid-rte { margin-left: 32px; border: 0; } .pl-featured-outer-box .article-content-box .cold-flu-article-mid-rte.cold-flu-what-do-rte { margin-left:32px; border-left:1px solid #b4b5d4; padding-left:32px; } .pl-featured-outer-box .cold-flu-article-middle-box.cold-flu-article-mid-rte { border: 0 none; } .pl-featured-outer-box .cold-flu-article-middle-box .cold-flu-article-mid-rte { border: 1px solid #b4b5d4; float: left; border-bottom: 0; padding: 12px 0; } .pl-featured-outer-box .cold-flu-article-middle-box .cold-flu-article-mid-rte.last { border-bottom: 1px solid #b4b5d4; margin-bottom: 15px; } .pl-featured-outer-box .cold-flu-article-middle-box .cold-flu-article-mid-rte .richText-content { float: left; width: 85%; } .pl-featured-outer-box .cold-flu-article-middle-box .cold-flu-article-mid-rte .richText-content p { margin: 0px; } .pl-featured-outer-box .article-sources-rte { padding-top: 2.727em; } /*-------------------COMMON COLD REMAINS UNCURED ends------------------ */ /*------------------- BETWEEN COLDS AND ALLERGIES ------------------------*/ /* ----------satish added --20160627 */ .pl-featured-outer-box .article-title-rte { border-left: 1px solid #d4d1e4; } .pl-featured-outer-box .table.article3-table.odd.initialized.overthrow { padding-left: 30px; border-left: 1px solid #d4d1e4; } .pl-featured-outer-box span.article-symptoms-span { color: #00aced; font-size: 1.571em ;font-family: "Roboto"; font-weight: 400; padding: 1.071em; /* ----------satish added --20160711 */ } .pl-featured-outer-box table tr:first-child td:nth-child(2) { background-color: #2f3389; color: white; font-size: 1.571em ;font-family: "Roboto"; font-weight: 400; padding: 7px 17px ; /* ----------satish added --20160711 */ } .pl-featured-outer-box span.article-dark-blue-span { color: #2f3389; } .pl-featured-outer-box span.article-light-blue-span { color: #00aced; } .pl-featured-outer-box table tr:first-child td:nth-child(3) { background-color: #00aced; color: #fff; font-size: 1.571em; padding: 15px; /* ----------satish added --20160711 */ font-family: "Roboto"; font-weight: 400; } .pl-featured-outer-box .article3-table .even.article-allergy-span td { background-color: #00abf0; color: white; } .pl-featured-outer-box .article3-table .article-dark-blue-span td { color: #221d79; } .pl-featured-outer-box .article3-table .article-light-blue-span td { color: #00abf0; } .pl-featured-outer-box .article-title-rte a.external-link { /*-- satish added 7/11/16 ------ */ color: #00aced; text-decoration: none; } .pl-featured-outer-box .article-sources-rte a.external { /*-- satish added 7/11/16 ------ */ text-decoration: none; /*-- satish modified 7/25/16 ------ */ } .page-the-difference-between-colds-allergies #footer { /*-- satish added 7/11/16 ------ */ border-top: 5px solid #FFEF00; } .pl-featured-outer-box .power-living-article-box11 .article-sources-rte a.external { text-decoration:none; } /*------------------- BETWEEN COLDS AND ALLERGIES ends ------------------------*/ /*---------------------WHY AM I SICK --------------------------------*/ /* ----------satish added --20160627 */ .pl-featured-outer-box .article-content-box.life-style-article-three-image-one { display: inline-block; margin-left: 30px; margin-right: auto; } .pl-featured-outer-box .image.life-style-article-three-image-one { padding-left: 30px; padding-top: 20px; margin-bottom:0px; float:left; width:100%; } .pl-featured-outer-box .image.life-style-article-three-image-one > .component-content{ margin-bottom:20px; } .pl-featured-outer-box .image.life-style-article-three-image-one.last > .component-content{ margin-bottom:0px; } .pl-featured-outer-box .image.life-style-article-three-image-one { padding-top: 0px; } .pl-featured-outer-box .article-content-parent-box.article-content-box.image section .life-style-article-three-image-one { border-left: 1px solid #d4d1e4; } /*figcaption { margin-top: -165px; padding-bottom: 41px; padding-left: 247px; } figcaption p { color: #242424; font-size: 1.000em; margin-top: 5px; } figcaption h2 { color: #09a4e4; font-size: 1.000em; } figcaption p a { color: #09a4e4; font-size: 0.875em; margin: 0px 0px 0px 3px; }*/ .pl-featured-outer-box .article-content-parent-box .article-sources-rte ol li { margin-left: 0px; margin-bottom: 0.688em; font-family: "Roboto"; font-weight: 300; font-size: 0.786em; color: #2a2a2a; } .pl-featured-outer-box .article-content-parent-box .article-sources-rte p { font-family: "Roboto"; font-weight: 300; font-size: 0.786em; color: #2a2a2a; margin: 0px; } .pl-featured-outer-box .article-content-box .life-style-article-three-image-one { border-left: 1px solid #d4d1e4; } /*---------------------WHY AM I SICK ends --------------------------------*/ /*---------------------DURING FLU SEASON --------------------------------*/ /* ----------satish added --20160627 */ .pl-featured-outer-box .healthy-ways-article-rte { padding-left: 30px; margin-top: 0px; border-left: 1px solid #d4d1e4; margin-left:20px; } .pl-featured-outer-box .healthy-ways-article-rte h3 strong { color: #00adec; font-size: 1.000em; margin-left: 50px;/*kv-UAT-2016*/ font-family: "Roboto"; font-weight: 500;/*kv-Added-20160716*/ } .pl-featured-outer-box .healthy-ways-article-rte p { color: #212121; font-size: 1.000em; margin-left: 50px;/*np*//*kv-20160508-UAT*/ margin-top:0px;/*np*/ font-family: "Roboto"; font-weight: 500;/*kv-Added-20160716*/ } .pl-featured-outer-box .article-content-box.article-title-rte { /* ----------satish added --20160628 */ border-left: 0 none; } .pl-featured-outer-box .article-title-rte { border-left: 0 none; } /*---------------------DURING FLU SEASON ends --------------------------------*/ /*------------------------DON�T WORK FOR EVERYTHING ---------------------------*/ /* ----------satish added --20160629 */ .pl-featured-outer-box .cold-flu-article-five-middle-box , .cold-flu-article-five-rte-one{ border-left: 1px solid #d4d1e4; } .pl-featured-outer-box .cold-flu-article-five-rte-one{ padding:0 0 0 35px; } .pl-featured-outer-box .cold-flu-article-five-rte { margin-left: 33px; border: 1px solid #d4d1e4; border-bottom: 0 none; padding: 12px 0; } .pl-featured-outer-box .cold-flu-article-five-rte .richText-content { float: left; width: 78%; } .pl-featured-outer-box .cold-flu-article-five-rte.last { border-bottom: 1px solid #d4d1e4; } .pl-featured-outer-box .cold-flu-article-five-rte .richText-content p { margin: 0px; } /*------------------------DON�T WORK FOR EVERYTHING End ---------------------------*/ /*----------------------- FACTS AND MYTHS -------------------------------------*/ .pl-featured-outer-box .article-flu-fact-syringe-image { border: 1px solid #d4d1e4; margin-bottom: 33px; } /*----------------------- FACTS AND MYTHS end -------------------------------------*/ /********should-you-work-out-when-you-are-sick*******/ .life-style-article-two-image-box-one, .life-style-article-two-image-box-two, .life-style-article-two-image-box-three { margin-left: 33px; border: 1px solid #d4d1e4; margin-bottom: 8px; padding: 20px; } .life-style-article-two-image-box-one p, .life-style-article-two-image-box-two p, .life-style-article-two-image-box-three p { margin: 0px; } .life-style-article-two-richtext-one { padding-left: 33px; border-left:1px solid #d4d1e4; margin-left:32px; } .life-style-article-two-richtext-one.richText ul { margin-top: 5px; margin-bottom: 0px; padding: 0; margin-left: 2px; } /********should-you-work-out-when-you-are-sick*******/ /*****Power Living***/ /*---------------- Right hand side page ------------------ */ .pl-featured-outer-box .box-three .articleTeaser-text-header a, .pl-featured-outer-box .box-two .articleTeaser-text-header a { color: #2f3389; font-size: 20px; } .pl-featured-outer-box .article-alsolike-rte p { color: #2f3389; font-size: 16px; font-family: helvatica; margin-left: 18px; } .pl-featured-outer-box .article-rightlist-box p { color: #00abf0; font-size: 16px; font-family: helvatica; margin-left: 0px; } /*---------------- cold and flue wht do i have ------------------ */ /*********NP*********/ .pl-featured-outer-box .article-content-parent-box .what-have-content-rte{ margin-bottom:15px; } .pl-featured-outer-box .article-content-parent-box .what-have-content-rte p { font-family: "Roboto"; font-weight: 500; font-size: 1em; color: #202020; /*AP Modified for SIT on 25-07-2016 */ margin: 0px; line-height:1.4; margin-bottom: 8px; /*AP Modified for SIT on 25-07-2016 */ } .pl-featured-outer-box .what-do-i-have-box .what-have-left-title-rte h2, .pl-featured-outer-box .what-do-i-have-box .what-have-right-title-rte h2{ font-size:1em; margin:0px; text-align:center; font-family: "Roboto"; font-weight: 700; color:#fefeff; /*AP Modified for SIT on 25-07-2016 */ padding:10px; } .pl-featured-outer-box .what-do-i-have-box .what-have-right-title-rte h2{ margin:0 auto; width:53%; } .main .pl-featured-outer-box .what-do-i-have-box .what-have-right-title-rte{ margin:0px; background:#221d79; border-radius:0 20px 0 0; width: 47%; /*AP Modified for SIT on 25-07-2016 */ } .pl-featured-outer-box .what-do-i-have-box .what-have-left-title-rte{ background:#00adef; border-radius:20px 0 0 0; width: 47%; /*AP Modified for SIT on 25-07-2016 */ } .what-have-middle-rte .component-content .richText-content> h3 { /*AP Modified for SIT on 25-07-2016 */ font-family: "Roboto"; font-weight: 700; font-size:14px; /*AP Modified for SIT on 27-07-2016 */ color:#221d78; } .pl-featured-outer-box .article-content-box .article-title-rte.what-do-i-have-article{ border:0 none; margin-left:20px; } .pl-featured-outer-box .article-content-box .what-do-i-have-box{ border:1px solid #d4d1e4; margin-left:52px; padding:25px 15px 25px 25px; } .main .pl-featured-outer-box .what-do-i-have-box .what-have-right-rte{ margin-left:0px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box{ position:relative; margin-bottom:17px; width: 96%; /*AP Modified for SIT on 25-07-2016 */ } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-middle-rte, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-middle-rte{ position:absolute; width: 98%; text-align: center; top:18px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-content-image, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-content-image{ position:absolute; left: 41%; bottom: -24px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-right-rte{ background:#DDDDDD; height:124px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-left-rte{ background:#EEEEEE; height:124px; } .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-right-rte{ background:#c3e1fd; height:124px; } .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-left-rte{ background:#e5f1fd; height:124px; } .what-have-left-rte p{ color:#00aeef; margin:20% auto 0; width:65%; text-align:center; font-size:16px; font-family: "Roboto"; font-weight: 500; /* margin-top: 27.5%; AP Modified for SIT on 27-07-2016 */ } .what-have-right-rte p{ margin:20% auto 0; width:65%; text-align:center; font-size:16px; font-family: "Roboto"; font-weight: 500; color:#221d78; /*margin-top: 27.5%; AP Modified for SIT on 25-07-2016 */ } .what-have-content-rte-two{ padding-left:52px; } /*---------------- cold and flue wht do i have ends ------------------ */ .okay-box{ float:left; width:100%; margin-top:15px; } .do-not-box { margin:15px auto 0; width:80%; } .skip-box { margin:15px auto 0; width:60%; } #content.main .life-style-article-two-image-one, #content.main .okay-box .life-style-article-two-image-two{ float:left; width:20%; margin:0px; } #content.main .life-style-article-two-image-two{ float:left; width:33.3%; margin:0px; } #content.main .life-style-article-two-image-three{ float:left; width:25%; margin:0px; } #content.main .life-style-article-two-image-one figure, #content.main .life-style-article-two-image-two figure, #content.main .life-style-article-two-image-three figure{ text-align:center; } #content.main .life-style-article-two-image-one figure figcaption, #content.main .life-style-article-two-image-two figure figcaption{ width:66%; margin:0 auto; } #content.main .life-style-article-two-image-three figure figcaption{ width:90%; margin:0 auto; } .life-style-article-two-richtext-one p{ float:left; margin:0px; width:92%; font-size:1.1em; padding:15px 0 0px; } .life-style-article-two-richtext-one h2{ float:left; font-size:1em; width:100%; } .life-style-article-two-richtext-one h2 + p{ padding-top:0px; } .life-style-article-two-richtext-one ul{ float:left; width:75%; } .life-style-article-two-richtext-one.richText ul li:before{ content:""; background:url(../../assets/img/power-dot.png) no-repeat 0 8px; width:8px; height:20px; } .power-living-article-box1,.power-living-article-box2, .power-living-article-box3, .power-living-article-box4, .power-living-article-box5, .power-living-article-box6, .power-living-article-box8, .power-living-article-box9, .power-living-article-box10, .power-living-article-box11{ padding:0 30px 0 0; } .pl-featured-outer-box .article-content-box .article-title-rte, .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box{ margin-left:32px; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-title-rte p{ width:90%; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box{ width:85%; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box .article-points-rte .richText{ float:left; width:70%; } .power-living-article-box4 .article-knowmore-rte{ border-left:0 none; } .article-knowmore-rte{ margin-left:32px; padding-left:32px; border-left:1px solid #d4d1e4; } .article-knowmore-rte p{ font-size:1em; font-family:"Roboto"; font-weight: 500; padding-top:10px; } .pl-featured-outer-box .article-content-box.power-living-article-box3 .article2-content-box, .pl-featured-outer-box .article-content-box.power-living-article-box11 .article-points-box{ margin-left:32px; } .pl-featured-outer-box .article-content-box.power-living-article-box3 .back-button-rte, .pl-featured-outer-box .article-content-box.power-living-article-box11 .back-button-rte, .pl-featured-outer-box .article-content-box.power-living-article-box4 .back-button-rte{ margin-left:25px; } .pl-featured-outer-box .article-content-box.power-living-article-box3 .tabs-nav-list{ width:100%; } .pl-featured-outer-box .article-content-box.power-living-article-box3.article-content-box .article2-content-box, .pl-featured-outer-box .article-content-box.power-living-article-box11 .article-title-rte h1{ width:94%; } .pl-featured-outer-box .article-content-box.power-living-article-box1 .article-title-rte p{ width:90%; margin-bottom:20px; } .pl-featured-outer-box .power-living-article-box1.article-content-box .article-title-rte{ padding-bottom:3px; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-title-rte.odd{ padding-bottom:10px; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-title-rte.odd h2 strong{ font-size:0.786em; } .pl-featured-outer-box .article-content-box.power-living-article-box1 .cold-flu-article-middle-box{ margin-left:32px; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box .article-points-rte .richText-content{ float:left; width:73%; } .pl-featured-outer-box .article-content-box.power-living-article-box1 .cold-flu-article-middle-box .cold-flu-article-mid-rte{ width:90%; } .pl-featured-outer-box .article-content-box.power-living-article-box1 .cold-flu-article-middle-box .cold-flu-article-mid-rte .richText-content{ width:70%; } .pl-featured-outer-box .article-content-box .cold-flu-article-mid-rte.cold-flu-what-do-rte .richText-content p a{ color:#00b0f9; text-decoration:none; } .pl-featured-outer-box .article-content-box .cold-flu-article-mid-rte.cold-flu-what-do-rte p{ margin-bottom:0px; } .pl-featured-outer-box .article-content-box.power-living-article-box10 .article-title-rte p a{ color:#00b0f9; } .pl-featured-outer-box .article-content-box.power-living-article-box7 .back-button-rte{ padding-left:45px; } .pl-featured-outer-box .article3-table.overthrow{ margin-left:32px; } .pl-featured-outer-box .article-content-box.power-living-article-box10 .article-title-rte p:nth-child(2){ margin-top:0px; } .pl-featured-outer-box .article-content-box.power-living-article-box10 .life-style-article-three-image-one{ margin-left:32px; } .pl-featured-outer-box .article-content-box.power-living-article-box4 .article-title-rte{ border:0 none; } .pl-featured-outer-box .article-content-box.power-living-article-box4 .article-flu-fact-syringe-image{ margin-left:64px !important; } .pl-featured-outer-box .article-content-box.power-living-article-box5 .cold-flu-article-five-middle-box, .pl-featured-outer-box .cold-flu-article-five-rte-one{ margin-left:32px; width:90%; } .power-living-article-sub-box{ margin-left:32px; border-left:1px solid #d4d1e4; width:90%; } .pl-featured-outer-box .article-content-box.power-living-article-box9 .article-title-rte{ width:80%; padding-bottom:20px; } .life-style-article-three-image-one figcaption h2, .life-style-article-three-image-one figcaption p a{ color:#00b0f9; } .pl-featured-outer-box .article-content-box.power-living-article-box8 .article-title-rte, .pl-featured-outer-box .healthy-ways-article-rte{ border:0 none; } .pl-featured-outer-box .article-content-box.power-living-article-box8 .article-title-rte, .pl-featured-outer-box .article-content-box.power-living-article-box8 .back-button-rte{ margin-left:20px; } .pl-featured-outer-box .power-living-article-box5 .cold-flu-article-five-rte-one{ padding-top:25px; } .pl-featured-outer-box .power-living-article-box5 .cold-flu-article-five-rte-one p{ margin-bottom:0px; } .healthy-ways-article-rte h2{ font-size:1em; margin-bottom:8px; font-weight: 700; /*Ashutosh-(12-06-2017)-*/ } .pl-featured-outer-box .article-content-box.power-living-article-box8 .healthy-ways-article-rte + .article-title-rte{ margin-bottom:0px; padding-bottom:0px; } .pl-featured-outer-box .healthy-ways-article-rte h3{ position:relative; font-weight: 700; /*Ashutosh-(12-06-2017)-*/ } .pl-featured-outer-box .healthy-ways-article-rte h3 strong { padding-left:0px; } .pl-featured-outer-box .power-living-article-box8.article-content-box .article-title-rte p, .pl-featured-outer-box .power-living-article-box9.article-content-box .article-title-rte p{ margin-top:0px; } .pl-featured-outer-box .power-living-article-box9.article-content-box .article-title-rte h1{ margin-bottom:26px; } .pl-featured-outer-box .power-living-article-box9.article-content-box .article-title-rte h2{ font-size:1em; margin:26px 0 5px; font-weight: 700; /*Ashutosh-(12-07-2016)-*/ } .pl-featured-outer-box .power-living-article-box9.article-content-box .life-style-article-two-richtext-one h2{ margin-top:20px; } .pl-featured-outer-box .healthy-ways-article-rte h3 strong span.numbering{ font-size:40px;/*kv-UAT-2010805*/ color: #2f3389;/*kv-2010805*/ left: 10px;/*kv-2010805*/ position: absolute; top: -7px;/*kv-2010805*/ text-align: right; } .pl-featured-outer-box .healthy-ways-article-rte h3:nth-child(20) strong span.numbering{ left: 0px;/*kv-201608*/ } .featured-article-mob-image-top{ display:none; } .pl-featured-outer-box .article-content-box .article-title-rte p a{ color:#00aced; text-decoration:none; } /*AP- 20160727*/ .articleTeaser-text-content > h2 { font-family: "Roboto" !important;font-weight: 500;} .pl-featured-outer-box .how-cold-and-flu-viruses-spread-at + .articleTeaser.cold-and-flu-whats-true-and-false-at{ display:block; } .pl-featured-outer-box .how-cold-and-flu-viruses-spread-at + .articleTeaser, .pl-featured-outer-box .true-and-false-mobile-at, .pl-featured-outer-box .allergies-mobile-at, .pl-featured-outer-box .not-winter-mobile-at{ display:none; } .theraflu-fr_ch .template-theraflu-French-homepage-template .pl-featured-outer-box .what-do-i-have-box .box:nth-child(8) .what-have-right-rte p, .theraflu-fr_ch .template-theraflu-French-homepage-template .pl-featured-outer-box .what-do-i-have-box .box:nth-child(8) .what-have-left-rte p { width: 76%; margin-top: 17%; line-height: 18px; } @media only screen and (max-width: 767px) { .articleTeaser-text-content > h2 { font-family: "Roboto" !important;font-weight: 500;} .pl-featured-outer-box .how-cold-and-flu-viruses-spread-at + .articleTeaser, .pl-featured-outer-box .true-and-false-mobile-at, .pl-featured-outer-box .allergies-mobile-at, .pl-featured-outer-box .not-winter-mobile-at{ display:block; } .pl-featured-outer-box .power-living-article-box11.article-content-box .article-title-rte p { margin:10px 0 0 0; display:inline-block; } #content .pl-featured-outer-box .featured-more-articles-box{ margin-bottom:20px; } .mobile-break, #content.main .life-style-article-two-image-one figure figcaption .mobile-break, #content.main .life-style-article-two-image-two figure figcaption .mobile-break{ float:left; width:100%; } .pl-featured-outer-box .article-content-box.power-living-article-box10 .article-title-rte p:nth-child(2){ margin-top:15px; display:inline-block; } .pl-featured-outer-box .article-content-box.power-living-article-box10 .article-title-rte p{ margin-top:15px; } .pl-featured-outer-box .article-content-box.power-living-article-box3.article-content-box .article2-content-box{ width:92%; } .pl-featured-outer-box .power-living-article-box11 + .article-rightlist-box .box-one .richText-content p:nth-child(3){ margin-top:10px; } .articleTeaser .component-content{ margin-left:0px; } .pl-featured-outer-box .articleTeaser .component-content.hero-article .articleTeaser-text-content { position: relative; width: 100%; right: 0; background: #161616; opacity: 1; } .pl-featured-outer-box .articleTeaser .articleTeaser-image-holder { text-align: center; } .featured-initial-articles-box .featured-right-articles-box .featured-article3 .articleTeaser-image-holder, .featured-mid-articles-box .featured-article1 .articleTeaser-image-holder { display: none; } .featured-article-mob-image-one, .main .featured-article-mob-image-three { display: block; } .featured-article-mob-image-one img, .main .featured-article-mob-image-three img { width: 100%; } .pl-featured-outer-box .featured-initial-articles-box .featured-left-articles-box .featured-article1.articleTeaser .articleTeaser-text-content, .pl-featured-outer-box .featured-mid-articles-box .featured-article1.articleTeaser .articleTeaser-text-content { width: 100%; bottom: inherit; top: 200px; } .pl-featured-outer-box .table.article3-table.odd.initialized.overthrow { padding-left: 0px; } .pl-featured-outer-box .cold-flu-article-five-rte .richText-content { width: 67%; } .articleTeaser .component-content.hero-article .articleTeaser-text-content { position: relative; width: 100%; right: 0; background: #161616; opacity: 1; } .articleTeaser .articleTeaser-image-holder { text-align: center; } .featured-initial-articles-box .featured-right-articles-box .featured-article3 .articleTeaser-image-holder, .featured-mid-articles-box .featured-article1 .articleTeaser-image-holder, .featured-more-articles-box .featured-article3 .articleTeaser-image-holder { display: none; } .featured-article-mob-image-one, .main .featured-article-mob-image-three { display: block; margin-bottom:10px; } .featured-article-mob-image-one img, .main .featured-article-mob-image-three img, .main .featured-article-mob-image-two img { width: 100%; float:left; } .featured-initial-articles-box .articleTeaser-image-holder.articleTeaser-image-top, .featured-mid-articles-box .articleTeaser-image-holder.articleTeaser-image-top, .featured-more-articles-box .articleTeaser-image-holder.articleTeaser-image-top { margin-left: 0px; } .pl-featured-outer-box .article-content-box .article-title-rte, .pl-featured-outer-box .article-points-box, .pl-featured-outer-box .article-content-box .article2-content-box, .pl-featured-outer-box .cold-flu-article-middle-box { border: 0 none; } .pl-featured-outer-box .article-content-box .article-title-rte, .pl-featured-outer-box .article-points-box, .pl-featured-outer-box .article-knowmore-rte, .pl-featured-outer-box .article-content-box .article2-content-box { padding: 0 10px 20px 16px; } .pl-featured-outer-box .article-sources-rte.last{ padding: 15px; } .pl-featured-outer-box .article-sources-rte.last p a{ text-decoration:none; word-wrap:break-word; } .pl-featured-outer-box .article-knowmore-rte p, .pl-featured-outer-box .article-sources-rte.last ol { margin: 0px; padding: 0px; } .pl-featured-outer-box .article-points-rte .richText-content, .pl-featured-outer-box .article-points-box .life-style-article-four-rte .richText-content, .pl-featured-outer-box .cold-flu-article-middle-box .cold-flu-article-mid-rte .richText-content { float: left; width: 70%; } .pl-featured-outer-box .article-content-box .article-title-rte h1{ line-height:1.1; } .pl-featured-outer-box .article2-tab.tabs .tabs-nav-list { width: 100%; } .pl-featured-outer-box .myths-content-rte, .pl-featured-outer-box .facts-content-rte { margin-left: 10px; } .pl-featured-outer-box .cold-flu-article-middle-box .cold-flu-article-mid-rte, .pl-featured-outer-box .article-content-box .cold-flu-article-mid-rte { margin: 0 10px; } .pl-featured-outer-box .box-three .articleTeaser-text-content { top: 94%; } .pl-featured-outer-box .box-one, .pl-featured-outer-box .box-two, .pl-featured-outer-box .box-three { margin-left: -4px; } /*AP Modified for SIT on 27-07-2016 */ .pl-featured-outer-box .box-two { margin-left: 25px; } .pl-featured-outer-box .box-three { margin-left: 25px; margin-top: 0px; margin-bottom: 0px; } .pl-featured-outer-box .box-two .articleTeaser-text-content { top: 82%; } /***NP***/ .articleTeaser .component-content{ padding-bottom:10px; } .featured-article-mob-image-two{ margin-bottom:10px; } .articleTeaser.cold-and-flu-whats-true-and-false-at .component-content, .articleTeaser.colds-and-allergies-at .component-content, .articleTeaser.why-am-i-sick-at .component-content{ padding-bottom:0px; } .pl-featured-outer-box .article-content-box .what-do-i-have-box{ margin-left:12px; margin-right:12px; padding:10px; } .main .pl-featured-outer-box .what-do-i-have-box .what-have-right-title-rte, .main .pl-featured-outer-box .what-do-i-have-box .what-have-left-title-rte, .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-left-rte, .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-right-rte, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-left-rte, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-right-rte{ float:left; width:50%; } /*kv-Added-20160731*/ .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-left-rte , .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-right-rte , .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-left-rte , .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-right-rte { height: 150px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-left-rte{ border-top-left-radius: 10px; } .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-right-rte{ border-top-right-radius: 10px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-left-rte{ border-top-left-radius: 10px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-right-rte{ border-top-right-radius: 10px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-middle-rte, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-middle-rte{ top:6px; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-middle-rte h3, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-middle-rte h3{ font-size:1em; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-content-image, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-content-image { position: absolute; left: 36%; bottom: -22px; width: 28%; } .what-have-content-rte-two{ padding:0 12px; } .pl-featured-outer-box .article-content-box .cold-flu-article-mid-rte.cold-flu-what-do-rte{ border:0 none; padding:0 12px; } .pl-featured-outer-box .article-content-box .life-style-article-three-image-one{ border-left:0 none; padding:0 12px; } .pl-featured-outer-box .article-content-box .life-style-article-three-image-one > .component-content{ width:100%; } .pl-featured-outer-box .article-content-box .life-style-article-three-image-one figure img{ width:100%; } .pl-featured-outer-box .article-content-box .life-style-article-three-image-one figure figcaption{ width:100%; margin:10px 0 0 0; text-align:left; } .pl-featured-outer-box .article-content-box .life-style-article-three-image-one figure figcaption h2{ color:#00adec; } .pl-featured-outer-box .cold-flu-article-five-middle-box{ border:0 none; margin:0 12px; } .pl-featured-outer-box .cold-flu-article-five-rte{ margin:0px; } .pl-featured-outer-box .cold-flu-article-five-rte-one{ padding:0 0 0 12px; border:0 none; } .pl-featured-outer-box .healthy-ways-article-rte{ border:0 none; } .life-style-article-two-image-box-one, .life-style-article-two-image-box-two, .life-style-article-two-image-box-three{ margin:0 12px; } .okay-box, .skip-box, .do-not-box{ width:90%; margin:15px auto; float:none; } #content.main .life-style-article-two-image-one, #content.main .okay-box .life-style-article-two-image-two, #content.main .life-style-article-two-image-two, #content.main .life-style-article-two-image-three{ width:50%; } #content.main .life-style-article-two-image-one.last, #content.main .life-style-article-two-image-two.last{ width:100%; } .power-living-article-box1,.power-living-article-box2, .power-living-article-box3, .power-living-article-box4, .power-living-article-box5, .power-living-article-box6, .power-living-article-box7, .power-living-article-box8, .power-living-article-box9, .power-living-article-box10, .power-living-article-box11{ padding:0; } .pl-featured-outer-box .article-content-box .article-title-rte, .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box, .pl-featured-outer-box .article-content-box.power-living-article-box3 .article2-content-box, .pl-featured-outer-box .article-content-box.power-living-article-box11 .back-button-rte, .pl-featured-outer-box .article-content-box.power-living-article-box11 .article-points-box, .pl-featured-outer-box .article-content-box.power-living-article-box1 .cold-flu-article-middle-box, .pl-featured-outer-box .article-content-box .cold-flu-article-mid-rte.cold-flu-what-do-rte{ margin-left:0px; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box{ width:90%; } .pl-featured-outer-box .article-content-box .back-button-rte, .pl-featured-outer-box .article-content-box.power-living-article-box3 .back-button-rte{ padding-left:12px; margin-left:0px; } .article-knowmore-rte{ margin-left:0px; border:0 none; } .pl-featured-outer-box .article-content-box.power-living-article-box7 .back-button-rte{ padding-left:12px; } .pl-featured-outer-box .article-content-box .article-title-rte.what-do-i-have-article{ margin-left:0px; } .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-right-rte{ background:#DDDDDD; } .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-left-rte{ background:#EEEEEE; } .pl-featured-outer-box .article3-table.overthrow{ margin-left:0px; margin-right:0px; width: 100%; border-right:1px solid #d4d1e4; overflow: hidden; overflow-x: scroll; } .pl-featured-outer-box .image.life-style-article-three-image-one{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .pl-featured-outer-box .article-content-box.power-living-article-box10 .life-style-article-three-image-one{ margin-left:0px; } .pl-featured-outer-box .article-content-box.power-living-article-box4 .article-flu-fact-syringe-image{ margin-left:12px !important; margin-right:12px; margin-bottom:20px; width:93%; } #content.main .article-flu-fact-syringe-rte{ width:100%; padding:0 12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .article-content-box .cf-facts-accordion{ margin-left:12px; width:93%; margin-bottom:15px; } .article-content-box .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide, .article-content-box .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide:first-child .accordion-title, .article-content-box .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-head .accordion-title{ background-color:transparent; } .article-content-box .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-head .accordion-title{ padding:0px 30px 10px 0; margin-top:10px; position:relative; } .article-content-box .cf-facts-accordion .accordion-container li.accordion-slide h3.accordion-title a{ width:100%; } .myth_facthead { font-size: 18px; font-family: "Roboto"; font-weight: 500; color: #00aced; float: left; margin-right: 5px; margin-top: 0px; min-height: 30px; } .article-content-box .cf-facts-accordion > .component-content > .accordion-container > .accordion-slide .accordion-head .accordion-title:after{ left:inherit; position:absolute; top:5px; right:0px; } .article-content-box .cf-facts-accordion .accordion-slide.is-active > .accordion-content-wrapper .accordion-content{ padding-bottom:10px; } .pl-featured-outer-box .article-content-box.power-living-article-box5 .cold-flu-article-five-middle-box{ margin:0 auto; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:90%; } .pl-featured-outer-box .cold-flu-article-five-rte-one{ margin-left:0px; border:0 none; } .pl-featured-outer-box .article-content-box.power-living-article-box9 .article-title-rte{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .power-living-article-sub-box{ border:0 none; margin-left:0px; width:100%; } .power-living-article-sub-box .life-style-article-two-image-box-one, .power-living-article-sub-box .life-style-article-two-image-box-two, .power-living-article-sub-box .life-style-article-two-image-box-three{ margin-bottom:20px; } .life-style-article-two-richtext-one{ margin-left:0px; border:0 none; padding:0 12px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .pl-featured-outer-box .healthy-ways-article-rte{ padding-left:0px; margin-left:12px; margin-right:12px; margin-top:20px; } .pl-featured-outer-box .healthy-ways-article-rte h3 strong{ padding-left:6px; float:left; width:85%; } .pl-featured-outer-box .healthy-ways-article-rte h3 strong span.numbering{ left:12px; } .pl-featured-outer-box .healthy-ways-article-rte p{ margin-left:43px; width:80%; } .pl-featured-outer-box .healthy-ways-article-rte h3:nth-child(20) strong span.numbering{ left:-1px; } .pl-featured-outer-box .article-content-box.power-living-article-box8 .article-title-rte{ margin-left:0px; padding:0 15px; } .articleTeaser.featured-article1.how-cold-and-flu-viruses-spread-at .articleTeaser-image-holder.articleTeaser-image-top { display:none; } .pl-featured-outer-box .featured-initial-articles-box .featured-left-articles-box .featured-article1.articleTeaser .articleTeaser-text-content, .pl-featured-outer-box .featured-mid-articles-box .featured-article1.articleTeaser .articleTeaser-text-content{ width:100%; max-width:100%; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link{ float:right; margin-right:10px; background-position:right 5px; } .featured-article-mob-image-top{ display:block; margin-bottom:10px; } .pl-featured-outer-box .featured-initial-articles-box, .pl-featured-outer-box .featured-mid-articles-box, .pl-featured-outer-box .featured-more-articles-box { margin: 0 12px; } .featured-article-mob-image-top img{ width:100%; float:left; } .pl-featured-outer-box .power-living-article-box8 .article-sources-rte.last{ padding-top:2em; } .featured-initial-articles-box .featured-right-articles-box .featured-article3 .articleTeaser-text-content, .featured-more-articles-box .featured-article3 .articleTeaser-text-content{ width:101%; } .pl-featured-outer-box .featured-initial-articles-box.power-coldflu { margin:0px; padding:0 3%; } .main .cold-flu-desktop-articles-box .cold-and-flu-what-do-i-have-at.featured-article2, .main .featured-article2.why-the-common-cold-remains-uncured-at, .main .featured-article1.colds-and-allergies-at{ width:100%; } .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box, .pl-featured-outer-box .what-do-i-have-box .what-have-even-box{ width:100%; } .what-have-left-rte p, .what-have-right-rte p{ line-height:1.3; } .healthy-ways-article-rte h2{ margin-bottom:12px; margin-left:4px; } .pl-featured-outer-box .article-content-box.power-living-article-box11 .article-title-rte h1{ width:100%; } .pl-featured-outer-box .power-living-article-box11 .article-points-box{ padding:0px; } .pl-featured-outer-box .what-do-i-have-box >.component-content>.content >div.box:nth-child(9) .what-have-left-rte p { width:90% } .pl-featured-outer-box .what-do-i-have-box >.component-content>.content >div.box:nth-child(9) .what-have-right-rte p { width:90% } .pl-featured-outer-box > .component-content{ position:static; } .article-content-parent-box{ position:relative; } .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box .article-points-rte .richText-content{ width:65%; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content{ bottom:30px; } .pl-featured-outer-box{ margin-top:46px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .pl-featured-outer-box .power-living-navigation { padding: 35px 0px 0px 0px; left: 254px; top: 111px; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header { font-size: 15px; padding: 2px 0px 0 8px; font-family: "Roboto"; font-weight: 500;/*kv-Added-20160716*/ } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header a { font-size: 15px; } .theraflu-fr_ch .pl-featured-outer-box .what-do-i-have-box >.component-content>.content >div.box:nth-child(8) .what-have-left-rte p /* SIT fix 11-08-2017 */ { width: 76%; margin-top: 21%; line-height: 14px; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content { top: 160px; width: 250px; } .pl-featured-outer-box .power-living-navigation { padding: 35px 0px 0px 0px; left: 254px; top: 111px; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header { font-size: 15px; padding: 2px 0px 0 8px; font-family: "Roboto"; font-weight: 500;/*kv-Added-20160716*/ } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header a { font-size: 15px; } .pl-featured-outer-box .articleTeaser .articleTeaser-text-content { top: inherit; width: 100%; } /***NP***/ .what-have-right-rte p, .what-have-left-rte p{ width:50%; } .pl-featured-outer-box .article-points-box .life-style-article-four-rte .richText-content, .pl-featured-outer-box .cold-flu-article-middle-box .cold-flu-article-mid-rte .richText-content{ width:75%; } .article3-table{ margin-left:32px; } .life-style-article-three-image-one figure figcaption{ width:40%; } #content.main .life-style-article-two-image-one figure figcaption, #content.main .life-style-article-two-image-two figure figcaption{ width:95%; } #content.main .life-style-article-two-image-three figure figcaption{ width:98%; } .life-style-article-two-image-box-one, .life-style-article-two-image-box-two, .life-style-article-two-image-box-three{ padding:20px 10px; } .pl-featured-outer-box .myths-content-rte { margin-left: 10%; } .pl-featured-outer-box .articleTeaser.why-am-i-sick-at .articleTeaser-text-content{ top:200px; } .pl-featured-outer-box .article-points-box .article-points-rte .richText-content{ float:left; width:70%; } .pl-featured-outer-box .article3-table.overthrow{ margin-left:32px; margin-right:12px; width: 90%; border-right:1px solid #d4d1e4; overflow: hidden; overflow-x: scroll; } .main .cold-and-flu-whats-true-and-false-at.featured-article3{ width:100%; } .theraflu-fr_ch .pl-featured-outer-box .what-do-i-have-box .what-have-left-title-rte h2{ padding:21px; } .theraflu-de_ch .article-points-rte.swiss-power-living-article-home-image img,.theraflu-fr_ch .article-points-rte.swiss-power-living-article-home-image img{ width:11.25%; } } @media only screen and (min-width: 598px) and (max-width: 640px) { .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link{ margin-right:20px; } } /* FIX */ .theraflu-fr_ch .skip-box .life-style-article-two-image-two img, .theraflu-it_ch .life-style-article-two-image-box-two .image.section.life-style-article-two-image-two img, .theraflu-de_ch .style-article-two-image-box-two .image.section.life-style-article-two-image-two img { width: 50%;} .theraflu-de_ch #content.main .life-style-article-two-image-one figure figcaption, .theraflu-de_ch #content.main .life-style-article-two-image-three figure figcaption, .theraflu-de_ch #content.main .life-style-article-two-image-two figure figcaption { padding-top: 15px;} .theraflu-it_ch #content.main .life-style-article-two-image-three figure figcaption, .theraflu-it_ch #content.main .life-style-article-two-image-one figure figcaption, .theraflu-it_ch #content.main .life-style-article-two-image-two figure figcaption { padding-top: 15px;} .theraflu-it_ch .pl-featured-outer-box .load-more-rte { min-width: 285px; } .theraflu-it_ch .pl-featured-outer-box .power-living-article-box2.article-content-box .article-points-box .article-points-rte .richText-content { float: left; width: 73%; } /**Theraflu Bulgaria Code Start**/ @media only screen and (max-width: 767px){ .theraflu-bg_bg .featured-right-articles-box .first{display:none;} } /**Theraflu Bulgaria Code End**/ /**************** HUNGARY changes CSS STARTS ****************************/ .theraflu-hungary .articleTeaser .component-content { margin-left: 0px; } /**************** HUNGARY Mobile changes****************************/ @media only screen and (max-width: 767px) and (min-width: 320px){ .theraflu-hungary .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header { padding: 2px 15px 0 16px; } .theraflu-hungary .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { margin-right: 18px; background-position: right 4px; } } @media only screen and (max-width: 667px) and (min-width: 667px){ .theraflu-hungary .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { margin-right: 20px; background-position: right 4px; } } @media only screen and (width: 962px){ .theraflu-hungary .pl-featured-outer-box .article-points-box .life-style-article-four-rte .richText-content { float: left; width: 80%; } } /**************** HUNGARY IPAD changes****************************/ @media only screen and (max-width: 959px) and (min-width: 768px){ .theraflu-hungary .pl-featured-outer-box .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header { padding: 2px 2px 0 8px; } .theraflu-hungary .pl-featured-outer-box .what-do-i-have-box .what-have-odd-box .what-have-middle-rte, .theraflu-hungary .pl-featured-outer-box .what-do-i-have-box .what-have-even-box .what-have-middle-rte { top: 10px; } .theraflu-hungary .what-have-left-rte p, .theraflu-hungary .what-have-right-rte p { margin-top: 14.5%; } } /**************** HUNGARY changes CSS END ****************************/ /**************** Ukraine changes CSS Starts ****************************/ .theraflu-uk_UA .pl-featured-outer-box .featured-initial-articles-box .featured-left-articles-box .featured-article1.articleTeaser .articleTeaser-text-content, .theraflu-uk_UA .pl-featured-outer-box .featured-mid-articles-box .featured-article1.articleTeaser .articleTeaser-text-content { max-width: 101%; } @media only screen and (max-width: 767px) and (min-width: 320px){ .theraflu-uk_UA .pl-featured-outer-box .article-sources-rte.last { margin-left: 15px; } .theraflu-uk_UA .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { margin-right: 15px; } } @media only screen and (width: 667px){ .theraflu-uk_UA .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { margin-right: 25px; } } /**************** Ukraine changes CSS END ****************************/ /**************** Ukraine - RU changes CSS Starts ****************************/ .theraflu-ru_UA .pl-featured-outer-box .featured-initial-articles-box .featured-left-articles-box .featured-article1.articleTeaser .articleTeaser-text-content, .theraflu-ru_UA .pl-featured-outer-box .featured-mid-articles-box .featured-article1.articleTeaser .articleTeaser-text-content { max-width: 101%; } @media only screen and (max-width: 767px) and (min-width: 320px){ .theraflu-ru_UA .pl-featured-outer-box .article-sources-rte.last { padding-left: 25px; } .theraflu-ru_UA .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { margin-right: 15px; } } @media only screen and (width: 667px){ .theraflu-ru_UA .pl-featured-outer-box .articleTeaser .articleTeaser-text-content .articleTeaser-text-link { margin-right: 25px; } } /**************** Ukraine - RU changes CSS END ****************************/ /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* all other colors*/ /* BUTTONS ----------------------------------*/ .article-teaser-block { border: 1px solid #efefed; border-radius: 4px; -webkit-box-shadow: 0 0 8px 0 rgba(84, 79, 64, 0.06); box-shadow: 0 0 8px 0 rgba(84, 79, 64, 0.06); position: relative; margin: 8px; overflow: hidden; background-color: #fff; } .article-teaser-block .aspect-ratio-box { position: relative; height: 0; padding-top: 56.25%; overflow: hidden; } .article-teaser-block .aspect-ratio-box img { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; } .article-teaser-block .article-body { min-height: 120px; padding: 0 24px 30px; } .article-teaser-block .label p { margin-bottom: 20px; } .article-teaser-block .article-title p { margin-bottom: 20px; } .article-teaser-block .article-description { margin-bottom: 20px; } .article-teaser-block .article-body .article-date { color: rgba(84, 79, 64, 0.7); font-size: 1rem; letter-spacing: .2px; margin-bottom: 20px; } .article-teaser-block .article-button-container { position: relative; bottom: 0; left: 0; } .article-teaser-block .article-title { font-size: 1.5rem; font-weight: 700; } .article-teaser-block .margin-none-top { margin-top: 0; } .article-teaser-block .button-text { font-size: .85714rem; letter-spacing: 1.5px; line-height: 1.14286rem; text-transform: uppercase; font-weight: 700; color: #544f40; } .article-teaser-block a.button-primary { color: #15717d; } .article-teaser-block a.button-primary-filled { background-color: #15717d; color: #fff; display: inline-block; padding: 12px 20px; border-radius: 2rem; font-size: .85714rem; font-weight: 700; letter-spacing: 1.5px; line-height: 1.14286rem; text-transform: uppercase; text-align: center; } .article-teaser-block a.button-primary-pdf-icon::after { content: ''; display: inline-block; width: 1rem; height: 1rem; background-size: contain; background-image: url(../../img/download.png); } .article-teaser-block a.external-link-icon::after { content: ''; display: inline-block; width: 1rem; height: 1rem; background-size: contain; background-image: url(../../img/new-window.png); } .article-teaser-block-transparent-background { border: none; background-color: inherit; -webkit-box-shadow: 0 0; box-shadow: 0 0; } .articleTeaser .clickable-at { cursor: pointer; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* line 3, ../../sass/components/articleList/_articleList-base.scss */ .articleList { border: solid 2px #323131; padding: 13px; background-color: #e1e1e1; } /* line 9, ../../sass/components/articleList/_articleList-base.scss */ .articleList-heading { display: block; color: #323131; font-size: 20px; font-weight: bold; padding-bottom: 10px; } /* line 13, ../../sass/components/articleList/_articleList-base.scss */ .articleList-date { margin-bottom: 10px; color: #868484; } /* line 18, ../../sass/components/articleList/_articleList-base.scss */ .articleList-article { margin-bottom: 20px; overflow: hidden; } /* line 23, ../../sass/components/articleList/_articleList-base.scss */ .articleList-description { overflow: hidden; } /* line 27, ../../sass/components/articleList/_articleList-base.scss */ .articleList-title { display: block; color: #323131; font-size: 20px; font-weight: bold; padding-bottom: 10px; } /* line 31, ../../sass/components/articleList/_articleList-base.scss */ .articleList-list { list-style: none; margin: 0; padding: 0; } /* line 37, ../../sass/components/articleList/_articleList-base.scss */ .articleList-thumbnail { max-width: 100px; float: left; margin-right: 15px; } /* line 43, ../../sass/components/articleList/_articleList-base.scss */ .articleList-more { float: right; } /* line 45, ../../sass/components/articleList/_articleList-base.scss */ .articleList-more:after { content: " \00bb"; display: inline; } /* line 51, ../../sass/components/articleList/_articleList-base.scss */ .articleList-more-arrow { display: none; } /* line 53, ../../sass/components/articleList/_articleList-base.scss */ .no-generatedcontent .articleList-more-arrow { display: inline; } /* line 59, ../../sass/components/articleList/_articleList-base.scss */ .articleList-article-wrapper { margin: 0; padding: 0; } /* line 64, ../../sass/components/articleList/_articleList-base.scss */ .articleList-horizontal-2-columns .articleList-article, .articleList-horizontal-3-columns .articleList-article { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } /* line 73, ../../sass/components/articleList/_articleList-base.scss */ .articleList-horizontal-2-columns .articleList-article { padding: 0; margin: 0; margin-right: 1.2%; width: 48%; } /* line 80, ../../sass/components/articleList/_articleList-base.scss */ .articleList-horizontal-3-columns .articleList-article { padding: 0; margin: 0; margin-right: 1.5%; width: 31%; } @media only screen and (max-width: 767px) { /* line 88, ../../sass/components/articleList/_articleList-base.scss */ .articleList-thumbnail { float: none; margin: auto; display: block; } /* line 96, ../../sass/components/articleList/_articleList-base.scss */ .articleList-horizontal-2-columns .articleList-article, .articleList-horizontal-3-columns .articleList-article { display: block; width: 100%; } } /* line 103, ../../sass/components/articleList/_articleList-base.scss */ .articleList-tags { list-style-type: none; padding: 0; margin: -20px 0 0 0; } /* line 109, ../../sass/components/articleList/_articleList-base.scss */ .articleList-tags-item { display: inline-block; margin: 0 2px; } /* line 114, ../../sass/components/articleList/_articleList-base.scss */ .articleList-tags-item-link { background: #b9b8b8; color: black; border: 1px solid #939191; padding: 1px; display: block; font-size: 0.85em; } /*mobile title changes*/ @media only screen and (min-width: 769px){ .cq-wcm-edit .cold-flu-mobile-title{ display: block !important; } .cold-flu-mobile-title{ display: none !important; } .cq-wcm-edit .mobile-article-title{ display: block !important; } .mobile-article-title{ display: none !important; } } @media only screen and (max-width: 768px){ .cold-flu-mobile-title p { color: #00aced; font-size: 22px !important; font-weight: bold; padding-left: 15px !important ; padding-top: 0 !important; padding-bottom: 0 !important; } .theraflu-it_ch .cold-and-flu-basics-treatment .cold-flu-mobile-title.alpha.odd p{ color:#F36E24 !important; padding-left:0 !important; }/*Fix*/ .mobile-article-title p{ color: #00aced; font-size: 22px !important; font-weight: bold; float: right; padding-left:15px; padding-right: 15px !important; margin-top: 0 !important; margin-bottom: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 768px){ .mobile-article-title{ margin-left: 76% !important; } .cold-flu-mobile-title p{ padding-left: 0px !important; } } .page-cold-flu-treatment .back-button-rte p{ background: url(../../assets/img/Myth-Tab-back.png) no-repeat left 7px; cursor: pointer; padding-left: 0.357em; text-align: left; text-decoration: underline; color: #1daced; } .page-cold-flu-treatment .back-button-rte >.component-content a{ color: #1daced; font-size: 17px; line-height: 1.429em; text-decoration: none; font-family: Roboto; font-weight: 700; padding-left: 1%; } .cf-outer-box { margin-top:59px; } @media only screen and (max-width: 767px) and (min-width: 320px){ .cf-outer-box {margin-top:-1px;} } /*END*/