/* GENERAL CSS */ #promolp.spokenrxlabels .fs-hlevel48 {font-size: 40px; line-height: 44px;color:#000;} #promolp.spokenrxlabels .fs-hlevel32 {font-size: 32px; line-height: 36px;color:#000;} #promolp.spokenrxlabels .fs-hlevel24 {font-size: 24px; line-height: 28px;color:#000;} #promolp.spokenrxlabels .fs-hlevel20 {font-size: 20px; line-height: 24px;color:#000;} #promolp.spokenrxlabels .margin36-bottom {margin-bottom: 36px;} /* BLACK LINK WITH RED CARET CTA */ .caret-red-black-text-16, .caret-red-black-text-16:active {background: transparent url(/bizcontent/general/buttons/caret-red.png) no-repeat scroll right; background-size: 7px 12px; font-weight: 600;padding: 0px 14px 0 0; color: #000000 !important; text-decoration: none !important;} .caret-red-black-text-16:hover {background: transparent url(/bizcontent/general/buttons/caret-red-hover.png) no-repeat scroll right; background-size: 7px 12px; color: #000000 !important; text-decoration: none !important;} .caret-red-black-text-16:focus {border: 2px solid #63B5FF;} /* SVG CIRCLES */ #promolp.spokenrxlabels .svg-circle-red {fill: #CC0000 !important;} #promolp.spokenrxlabels .svg-icon-white {fill: #FFF !important;} #promolp.spokenrxlabels .svg-icon-black{fill: #000 !important;} /* WHITE TEXT WHITE ANIMATED ARROW LINK - LARGE */ #promolp.spokenrxlabels .white-arrow-anim-large a {text-decoration: none; display: flex; color: #ffffff; transition: all .35s ease;} #promolp.spokenrxlabels .white-arrow-anim-large a:after {-webkit-transform: translateX(5px) scale(1); transform: translateX(5px) scale(1); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .white-arrow-anim-large a .white-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 20px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #ffffff;} #promolp.spokenrxlabels .white-arrow-anim-large a .white-arrow:after {content:'';background-image:url(/bizcontent/marketing/spokenrxlabels/images/white-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .white-arrow-anim-large:hover > a > span:after{-webkit-transform:translateX(5px) scale(1); transform:translateX(5px) scale(1);} @media screen and (max-width: 640px) { #promolp.spokenrxlabels .white-arrow-anim-large a .white-arrow {font-size: 18px; line-height: 22px;} } hr.redline { border: 0; border-top: 4px solid #c6423b; margin: 38px 0; } /* TABS */ #promolp.spokenrxlabels #tabs {border-top: 0;} #promolp.spokenrxlabels .tabSubnav li {display: inline; padding-right: 40px;} /*---------- SUBNAV ----------*/ #promolp.spokenrxlabels #tabs ul.subnav {border: 0; border-bottom: 1px; border-style: solid; border-color: #ccc;} #promolp.spokenrxlabels #tabs ul.subnav li {display: inline-block; font-size: 14px; font-weight: 700; margin: 0; padding: 12px 16px; position: relative; top: 2px;} #promolp.spokenrxlabels #tabs ul.subnav li a {color: #000; display: block; padding: 6px;background: #FFF; text-decoration: none !important;} #promolp.spokenrxlabels #tabs ul.subnav li.active {background: url('/general/subnav-selected.png') repeat-x bottom left; position: relative; top: 2px;} #promolp.spokenrxlabels #tabs ul.subnav li a:hover {text-decoration: none; color: #cc0000;} #promolp.spokenrxlabels a.para-textlink.active {font-weight: bold !important;} @media screen and (max-width: 640px) { #promolp.spokenrxlabels #tabs nav {overflow: auto; white-space: nowrap; min-height: 56px; overflow-y: hidden;} #promolp.spokenrxlabels .panel-container {padding: 10px;} } @media screen and (max-width: 320px) { #promolp.spokenrxlabels #tabs ul.subnav {width: fit-content;} } /* WHITE TEXT WHITE ANIMATED ARROW LINK - SMALL */ #promolp.spokenrxlabels .white-arrow-anim-small a {text-decoration: none; display: flex; color: #ffffff; transition: all .35s ease;} #promolp.spokenrxlabels .white-arrow-anim-small a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .white-arrow-anim-small a .white-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 16px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #ffffff;} #promolp.spokenrxlabels .white-arrow-anim-small a .white-arrow:after {content:'';background-image:url(/bizcontent/marketing/spokenrxlabels/images/white-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .white-arrow-anim-small:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* BLACK TEXT RED ANIMATED ARROW LINK */ #promolp.spokenrxlabels .red-arrow-anim a {text-decoration: none; display: flex; color: #000000; transition: all .35s ease;} #promolp.spokenrxlabels .red-arrow-anim a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .red-arrow-anim a .red-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 16px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #000000;} #promolp.spokenrxlabels .red-arrow-anim a .red-arrow:after {content:'';background-image:url(/bizcontent/marketing/spokenrxlabels/images/red-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .red-arrow-anim:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* BLACK TEXT RED ANIMATED ARROW LINK - LARGE AND BOLD */ #promolp.spokenrxlabels .red-arrow-anim-lg a {text-decoration: none; display: flex; color: #000000; transition: all .35s ease;} #promolp.spokenrxlabels .red-arrow-anim-lg a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .red-arrow-anim-lg a .red-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 20px; line-height: 24px; font-weight: bold; display: inline-block; padding: 0; color: #000000;} #promolp.spokenrxlabels .red-arrow-anim-lg a .red-arrow:after {content:'';background-image:url(/bizcontent/marketing/spokenrxlabels/images/red-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.spokenrxlabels .red-arrow-anim-lg:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* DROP DOWN ACCORDION FAQS - RED CARET ON THE RIGHT */ #promolp.spokenrxlabels #bizaccordion .ui-state-default {background: transparent url("/bizcontent/general/buttons/caret-accordion-red-hover.png") no-repeat scroll right; background-size: 15px 8px; border: #bfbfc0 solid; border-width: 0 0 1px 0; font-weight: 600;padding: 0 0 0 25px; color: #000; cursor: pointer; text-decoration: none !important;} #promolp.spokenrxlabels #bizaccordion .ui-state-default:hover {background: transparent url(/bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 25px; text-decoration: none !important;} #promolp.spokenrxlabels #bizaccordion .ui-state-active {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-up.png) no-repeat scroll right; background-size: 15px 8px; border: none; border-width: 0; font-weight: 600;padding: 0 0 0 25px; cursor: pointer; color: #000; text-decoration: none !important;} #promolp.spokenrxlabels #bizaccordion .ui-state-active:hover {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-hover-up.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 25px; color: #cc0000; text-decoration: none !important;} #promolp.spokenrxlabels #bizaccordion .ui-state-default button {margin-top: 0; margin-left: 12px;} #promolp.spokenrxlabels #bizaccordion .ui-state-default svg {vertical-align: middle;} #promolp.spokenrxlabels #bizaccordion .ui-state-active button {margin-top: 0; margin-left: 12px; color: #cc0000;} #promolp.spokenrxlabels #bizaccordion .ui-state-active svg {vertical-align: middle;} @media screen and (max-width: 640px) { #promolp.spokenrxlabels #bizaccordion .ui-state-default {padding: 0;} #promolp.spokenrxlabels #bizaccordion .ui-state-default:hover {padding: 0;} #promolp.spokenrxlabels #bizaccordion .ui-state-active {padding: 0;} #promolp.spokenrxlabels #bizaccordion .ui-state-active:hover {padding: 0;} #promolp.spokenrxlabels #bizaccordion .ui-state-default button {margin-left: 8px;} #promolp.spokenrxlabels #bizaccordion .ui-state-active button {margin-left: 8px;} } /* SVG CIRCLES */ #promolp.spokenrxlabels .svg-circle-red {fill: #CC0000 !important;} #promolp.spokenrxlabels .svg-icon-white {fill: #FFF !important;}