/*! DROZ | http://www.doctoroz.com/ | v4.0.0
Thu Dec 12 2019 20:59:30 GMT+0530 (IST) */
.ir, .light-clearfix {
overflow: hidden
}
#footer-links ul, .wrap {
max-width: 1024px;
box-sizing: border-box
}
#main-nav #main-menu .mega-menu .sw-listing img, .header-station-info .station-img img, .mega-menu .sw-listing img {
max-height: 45px
}
.slick-slide.dragging img, .tooltipster-base {
pointer-events: none
}
.fancybox-nav, .owl-carousel, .owl-carousel .owl-item, .slick-slider {
-webkit-tap-highlight-color: transparent
}
.elastislide-carousel ul, .elastislide-carousel ul li, .owl-carousel .owl-item, .owl-carousel .owl-video-play-icon, .tooltipster-grow {
-webkit-backface-visibility: hidden
}
#ask-oz-submit, .callout, .grid__item, .sponsored-by-small-text {
-khtml-box-sizing: border-box
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, td, th {
text-align: left;
font-weight: 400;
vertical-align: middle
}
blockquote, q {
quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
content: "";
content: none
}
a img {
border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInDown {
animation-name: fadeInDown
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
animation-name: fadeOutDown
}
@font-face {
font-family: 'Proxima Nova';
src: url(../fonts/ProximaNova-Thin-webfont.eot);
src: url(../fonts/ProximaNova-Thin-webfont.eot.1) format("embedded-opentype"), url(../fonts/ProximaNova-Thin-webfont.woff) format("woff"), url(../fonts/ProximaNova-Thin-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Thin-webfont.svg) format("svg");
font-weight: 100;
font-style: normal
}
@font-face {
font-family: 'Proxima Nova';
src: url(../fonts/ProximaNova-Light-webfont.eot);
src: url(../fonts/ProximaNova-Light-webfont.eot.1) format("embedded-opentype"), url(../fonts/ProximaNova-Light-webfont.woff) format("woff"), url(../fonts/ProximaNova-Light-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Light-webfont.svg) format("svg");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: 'Proxima Nova';
src: url(../fonts/ProximaNova-Reg-webfont.eot);
src: url(../fonts/ProximaNova-Reg-webfont.eot.1) format("embedded-opentype"), url(../fonts/ProximaNova-Reg-webfont.woff) format("woff"), url(../fonts/ProximaNova-Reg-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Reg-webfont.svg) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Proxima Nova';
src: url(../fonts/ProximaNova-RegIt-webfont.eot);
src: url(../fonts/ProximaNova-RegIt-webfont.eot.1) format("embedded-opentype"), url(../fonts/ProximaNova-RegIt-webfont.woff) format("woff"), url(../fonts/ProximaNova-RegIt-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-RegIt-webfont.svg) format("svg");
font-weight: 400;
font-style: italic
}
@font-face {
font-family: 'Proxima Nova';
src: url(../fonts/ProximaNova-Sbold-webfont.eot);
src: url(../fonts/ProximaNova-Sbold-webfont.eot.1) format("embedded-opentype"), url(../fonts/ProximaNova-Sbold-webfont.woff) format("woff"), url(../fonts/ProximaNova-Sbold-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Sbold-webfont.svg) format("svg");
font-weight: 700;
font-weight: 700;
font-style: normal
}
@font-face {
font-family: 'Proxima Nova';
src: url(../fonts/ProximaNova-Xbold-webfont.eot);
src: url(../fonts/ProximaNova-Xbold-webfont.eot.1) format("embedded-opentype"), url(../fonts/ProximaNova-Xbold-webfont.woff) format("woff"), url(../fonts/ProximaNova-Xbold-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Xbold-webfont.svg) format("svg");
font-weight: 900;
font-style: normal
}
.blockquote, .book__oz-pick, .content-preview h3, .content-preview h5 a, .dashboard .real-name, .h1, .h2, .h3, .h4, .h5, .page-head .page-description, .page-head .video-desc, .tabs-wrap .tab a, .tabs-wrap .tab-text, .watch-oz__nav .tabs-wrap .tab a, h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
#raap-wrapper .module-list-container ul:after, .clearfix:after, .dashboard__tab-panes:after, .form:after, .health-profile__quiz-results:after, .media--valign:after, .media:after {
content: "";
display: table;
clear: both
}
.ir {
display: block;
border: 0;
text-indent: -999em;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr
}
.ir br {
display: none
}
.hidden {
display: none!important;
visibility: hidden
}
.custom-radio-input, .custom-radio-input-branded {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
#header-container #logo, #header-container nav ul#main-menu>li:last-child {
border-right: 1px solid #05294e
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.row-fluid, .table {
width: 100%
}
.relative {
position: relative
}
.clip {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
#header-container #search-block-wrap #search-btn i, #header-container #search-block-wrap ul li a i, #header-container #social-nav #search-btn i, #header-container #social-nav ul li a i, #header-container #user-login #search-btn i, #header-container #user-login ul li a i, #page-arrows a.btn i, #raap-wrapper .question .more-info .more-title, .hide-text, .hide-txt {
display: inline-block;
text-indent: 125%;
white-space: nowrap;
overflow: hidden
}
.hide {
display: none
}
#autoplay-toggle ul, .no-bullets {
list-style: none inside
}
.clear, .dashboard__tab-panes, .health-profile__quiz-results, .video-series .bc-container, section.episode-content #main-content, section.video-content #main-content {
clear: both
}
.visible {
visibility: visible
}
.invisible, .js-load {
visibility: hidden
}
.block {
display: block
}
.inline {
display: inline
}
.inline-block {
display: inline-block
}
.bottom-margin {
margin-bottom: 20px
}
.align-right {
text-align: right
}
.align-center {
text-align: center
}
.align-left {
text-align: left
}
.float-n, .no-float {
float: none
}
.float-l, .float-left, .run-left {
float: left
}
.float-r, .float-right, .run-right {
float: right
}
.run-left {
padding: 0 20px 20px 0
}
.run-right {
padding: 0 0 20px 20px
}
.table {
display: table
}
.list-reset {
margin: 0;
padding: 0;
list-style: none
}
.blockquote, .book__oz-pick, .content-preview h3, .content-preview h5 a, .dashboard .real-name, .h1, .h2, .h3, .h4, .h5, .page-head .page-description, .page-head .page-head-meta, .page-head .video-desc, .tabs-wrap .tab a, .tabs-wrap .tab-text, .watch-oz__nav .tabs-wrap .tab a, b, h1, h2, h3, h4, h5, h6, section.episode-content #main-content .episode-meta, section.episode-content .main-content .episode-meta, section.video-content #main-content .episode-meta, section.video-content .main-content .episode-meta, strong {
color: #000
}
.latest-stories__heading, .single-line {
line-height: 1
}
#mobile-nav, .js-load.loaded, .no-js .js-load {
visibility: visible
}
.sm-txt {
font-size: 12px;
line-height: 26px
}
.bc-anchored-loading-screen .lg-oz-logo, .bc-anchored-loading-screen .video-loading-text-wrap, .bc-anchored-loading-screen .video-loading-text-wrap .video-loading-text, .button--facebook .logo .icon, .button--save-to-profile .logo .icon, .button--twitter .logo .icon, .video-loading .lg-oz-logo, .video-loading .video-loading-text-wrap, .video-loading .video-loading-text-wrap .video-loading-text {
text-align: center;
overflow: hidden;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
#main-container, #wrap-all, body, html {
position: relative
}
.icon-account-login-sm {
object-position: -363px -109px;
width: 30px;
height: 30px;
object-fit: none
}
.icon-account-login {
object-position: -172px -80px;
width: 35px;
height: 35px;
object-fit: none
}
.icon-amwell-close-btn {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -259px -196px;
width: 49px;
height: 13px;
object-fit: none
}
.icon-arrow-blue-next {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -208px -243px;
width: 23px;
height: 10px;
object-fit: none
}
.book__excerpt-nav__item button:hover .icon-arrow-blue-next, .icon-arrow-blue-next:hover, .icon-arrow-blue-next_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -276px -179px;
width: 23px;
height: 10px;
object-fit: none
}
.icon-arrow-blue-prev {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -233px -243px;
width: 23px;
height: 10px;
object-fit: none
}
.book__excerpt-nav__item button:hover .icon-arrow-blue-prev, .icon-arrow-blue-prev:hover, .icon-arrow-blue-prev_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -301px -179px;
width: 23px;
height: 10px;
object-fit: none
}
.icon-arrow-left-white {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -22px -442px;
width: 9px;
height: 16px;
object-fit: none
}
#askmd-consultation--navigation #form_previous:disabled .icon, .carousel body.quiz-page .quiz__nav .button--disabled.owl-next .icon-arrow-left-white, .carousel body.quiz-page .quiz__nav .button--disabled.owl-prev .icon-arrow-left-white, .icon-arrow-left-white_disabled, .quiz__next-quiz-inner body.quiz-page .quiz__nav .button--disabled.button--next-quiz .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--carousel .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--carousel--tall .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--default .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--facebook .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--form .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--save-to-profile .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--strong .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--submit .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--submit2 .icon-arrow-left-white, body.quiz-page .quiz__nav .button--disabled.button--twitter .icon-arrow-left-white, body.quiz-page .quiz__nav .button.button--disabled .icon-arrow-left-white, body.quiz-page .quiz__nav .carousel .button--disabled.owl-next .icon-arrow-left-white, body.quiz-page .quiz__nav .carousel .button--disabled.owl-prev .icon-arrow-left-white, body.quiz-page .quiz__nav .quiz__next-quiz-inner .button--disabled.button--next-quiz .icon-arrow-left-white {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -33px -442px;
width: 9px;
height: 16px;
object-fit: none
}
.icon-arrow-right-white {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -11px -442px;
width: 9px;
height: 16px;
object-fit: none
}
.carousel body.quiz-page .quiz__nav .button--disabled.owl-next .icon-arrow-right-white, .carousel body.quiz-page .quiz__nav .button--disabled.owl-prev .icon-arrow-right-white, .icon-arrow-right-white_disabled, .quiz__next-quiz-inner body.quiz-page .quiz__nav .button--disabled.button--next-quiz .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--carousel .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--carousel--tall .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--default .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--facebook .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--form .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--save-to-profile .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--strong .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--submit .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--submit2 .icon-arrow-right-white, body.quiz-page .quiz__nav .button--disabled.button--twitter .icon-arrow-right-white, body.quiz-page .quiz__nav .button.button--disabled .icon-arrow-right-white, body.quiz-page .quiz__nav .carousel .button--disabled.owl-next .icon-arrow-right-white, body.quiz-page .quiz__nav .carousel .button--disabled.owl-prev .icon-arrow-right-white, body.quiz-page .quiz__nav .quiz__next-quiz-inner .button--disabled.button--next-quiz .icon-arrow-right-white {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 -442px;
width: 9px;
height: 16px;
object-fit: none
}
.icon-askmd-close-small {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -36px -243px;
width: 47px;
height: 13px;
object-fit: none
}
#askmd #small-close:hover .icon, .icon-askmd-close-small:hover, .icon-askmd-close-small_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -134px -243px;
width: 47px;
height: 13px;
object-fit: none
}
.icon-askmd-info-btn {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -76px;
width: 17px;
height: 17px;
object-fit: none
}
.icon-askmd-print {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -154px;
width: 19px;
height: 20px;
object-fit: none
}
.icon-askmd-triangle-right {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -314px -423px;
width: 6px;
height: 10px;
object-fit: none
}
.icon-autoplay {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -95px;
width: 17px;
height: 17px;
object-fit: none
}
.icon-blue-arrow-down-large {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -273px -231px;
width: 13px;
height: 6px;
object-fit: none
}
.icon-blue-arrow-down-large:hover, .icon-blue-arrow-down-large_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -288px -231px;
width: 13px;
height: 6px;
object-fit: none
}
.icon-blue-check-sm {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -362px;
width: 20px;
height: 17px;
object-fit: none
}
.icon-blue-check {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -227px -216px;
width: 29px;
height: 23px;
object-fit: none
}
.icon-blue-skinny-arrow-left, .icon-blue-skinny-arrow-right {
width: 19px;
height: 32px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-blue-skinny-arrow-left {
object-position: -396px -250px
}
.icon-blue-skinny-arrow-right {
object-position: -396px -318px
}
.icon-blue-top-right-corner {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -52px -371px;
width: 24px;
height: 24px;
object-fit: none
}
.icon-blue-triangle-down {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -236px -371px;
width: 10px;
height: 6px;
object-fit: none
}
.icon-blue-triangle-down2 {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -295px -371px;
width: 9px;
height: 5px;
object-fit: none
}
.celebrity-science-fair .custom-skin-header .custom-social .quiz__answer-results i:hover:hover .icon-blue-triangle-down2, .icon-blue-triangle-down2:hover, .icon-blue-triangle-down2_hover, .quiz__answer-results .button-reset:hover:hover .icon-blue-triangle-down2, .quiz__answer-results .celebrity-science-fair .custom-skin-header .custom-social i:hover:hover .icon-blue-triangle-down2 {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -284px -371px;
width: 9px;
height: 5px;
object-fit: none
}
.icon-blue-triangle-left, .icon-blue-triangle-left-disabled, .icon-blue-triangle-left-small, .icon-blue-triangle-left:hover, .icon-blue-triangle-left_hover, .icon-blue-triangle-right, .icon-blue-triangle-right-small, .icon-blue-triangle-right:hover, .icon-blue-triangle-right_hover, .page-head .page-head-navigation a.disabled .icon-blue-triangle-left, .page-head .page-head-navigation a[disabled] .icon-blue-triangle-left {
width: 8px;
height: 14px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-blue-triangle-left-disabled, .page-head .page-head-navigation a.disabled .icon-blue-triangle-left, .page-head .page-head-navigation a[disabled] .icon-blue-triangle-left {
object-position: -174px -442px
}
.icon-blue-triangle-left-small {
object-position: -184px -442px
}
.icon-blue-triangle-left {
object-position: -194px -442px
}
.icon-blue-triangle-left:hover, .icon-blue-triangle-left_hover {
object-position: -204px -442px
}
.icon-blue-triangle-right-disabled, .page-head .page-head-navigation a.disabled .icon-blue-triangle-right, .page-head .page-head-navigation a[disabled] .icon-blue-triangle-right {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -316px -113px;
width: 8px;
height: 14px;
object-fit: none
}
.icon-blue-triangle-right-small {
object-position: -44px -442px
}
.icon-blue-triangle-right {
object-position: -54px -442px
}
.icon-blue-triangle-right:hover, .icon-blue-triangle-right_hover {
object-position: -64px -442px
}
.icon-blue-triangle-up {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -260px -371px;
width: 10px;
height: 6px;
object-fit: none
}
.celebrity-science-fair .custom-skin-header .custom-social .quiz__answer-results i.expanded .icon-blue-triangle-down, .icon-blue-triangle-up2, .quiz__answer-results .button-reset.expanded .icon-blue-triangle-down, .quiz__answer-results .celebrity-science-fair .custom-skin-header .custom-social i.expanded .icon-blue-triangle-down {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -272px -371px;
width: 10px;
height: 6px;
object-fit: none
}
.celebrity-science-fair .custom-skin-header .custom-social .quiz__answer-results i.expanded .icon-blue-triangle-down:hover, .celebrity-science-fair .custom-skin-header .custom-social .quiz__answer-results i.expanded:hover .icon-blue-triangle-down2, .icon-blue-triangle-up2:hover, .icon-blue-triangle-up2_hover, .quiz__answer-results .button-reset.expanded .icon-blue-triangle-down:hover, .quiz__answer-results .button-reset.expanded:hover .icon-blue-triangle-down2, .quiz__answer-results .celebrity-science-fair .custom-skin-header .custom-social i.expanded .icon-blue-triangle-down:hover, .quiz__answer-results .celebrity-science-fair .custom-skin-header .custom-social i.expanded:hover .icon-blue-triangle-down2 {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -315px -231px;
width: 9px;
height: 5px;
object-fit: none
}
.icon-carousel-next, .icon-carousel-next-disabled, .icon-carousel-next:hover, .icon-carousel-next_hover, .icon-carousel-prev, .icon-carousel-prev-disabled, .icon-carousel-prev:hover, .icon-carousel-prev_hover {
width: 17px;
height: 17px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-carousel-next-disabled {
object-position: -446px -114px
}
.icon-carousel-next {
object-position: -446px -57px
}
.icon-carousel-next:hover, .icon-carousel-next_hover {
object-position: -446px 0
}
.icon-carousel-prev-disabled {
object-position: -446px -133px
}
.icon-carousel-prev {
object-position: -446px -152px
}
.icon-carousel-prev:hover, .icon-carousel-prev_hover {
object-position: -446px -38px
}
.icon-carrot-bottom {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -183px -243px;
width: 23px;
height: 12px;
object-fit: none
}
.icon-check-green {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -282px -74px;
width: 37px;
height: 37px;
object-fit: none
}
#askmd-consultation input[type=checkbox]:checked+.icon, #askmd-consultation input[type=checkbox][checked]+.icon, #raap-wrapper input[type=checkbox]:checked+.icon, #raap-wrapper input[type=checkbox][checked]+.icon, .icon-checkbox-checked {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -239px;
width: 20px;
height: 19px;
object-fit: none
}
.icon-checkbox-unchecked {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -197px;
width: 20px;
height: 19px;
object-fit: none
}
.icon-clipix-blue:hover, .icon-clipix-blue_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -300px;
width: 18px;
height: 19px;
object-fit: none
}
.icon-clipix, .icon-clipix:hover, .icon-clipix_hover {
width: 25px;
height: 25px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-clipix {
object-position: -266px -339px
}
.icon-clipix:hover, .icon-clipix_hover {
object-position: -347px -339px
}
.icon-close-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 -258px;
width: 32px;
height: 42px;
object-fit: none
}
#askmd .btn-close-quiz:hover .icon, .icon-close-blue:hover, .icon-close-blue_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -34px -258px;
width: 32px;
height: 42px;
object-fit: none
}
.icon-close-pink, body.quiz-page .icon-close-blue:hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -68px -258px;
width: 32px;
height: 42px;
object-fit: none
}
.icon-close-small, .icon-close-small:hover, .icon-close-small_hover {
width: 47px;
height: 13px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-close-small {
object-position: -258px -216px
}
.icon-close-small:hover, .icon-close-small_hover {
object-position: -85px -243px
}
.icon-coming-soon-arrow {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 -196px;
width: 34px;
height: 60px;
object-fit: none
}
.icon-comments-bubble, .icon-comments-bubble-active, .icon-comments-bubble:hover, .icon-comments-bubble_hover, .icon-comments:hover, .icon-comments_hover {
width: 30px;
height: 30px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-comments-bubble-active {
object-position: -363px -141px
}
.icon-comments-bubble {
object-position: -363px -173px
}
.icon-comments-bubble:hover, .icon-comments-bubble_hover {
object-position: -363px -205px
}
.icon-comments:hover, .icon-comments_hover {
object-position: -363px -301px
}
.icon-down-arrow-key {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 0;
width: 75px;
height: 78px;
object-fit: none
}
.icon-error-icon {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -224px -132px;
width: 50px;
height: 57px;
object-fit: none
}
.icon-facebook-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -209px -117px;
width: 11px;
height: 18px;
object-fit: none
}
.icon-facebook-blue:hover, .icon-facebook-blue_hover, .press-release-feed__online-info .media--valign:hover .icon-facebook-blue, .press-release-feed__online-info .media:hover .icon-facebook-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -347px -302px;
width: 11px;
height: 18px;
object-fit: none
}
.button--facebook:hover .logo i.icon-fb-sm-logo, .button--save-to-profile:hover .logo i.icon-fb-sm-logo, .button--twitter:hover .logo i.icon-fb-sm-logo, .icon-fb-sm-logo-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -338px;
width: 12px;
height: 20px;
object-fit: none
}
.icon-fb-sm-logo {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -360px;
width: 12px;
height: 20px;
object-fit: none
}
.icon-fb, .icon-fb:hover, .icon-fb_hover {
width: 25px;
height: 25px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-fb {
object-position: -396px -81px
}
.icon-fb:hover, .icon-fb_hover {
object-position: -396px -54px
}
.icon-file {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -399px;
width: 13px;
height: 17px;
object-fit: none
}
.icon-filter-active-carrot, .icon-flag {
width: 17px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-filter-active-carrot {
object-position: -280px -243px;
height: 10px
}
.icon-flag {
object-position: -446px -321px;
height: 15px
}
.icon-get-fit {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -77px 0;
width: 75px;
height: 75px;
object-fit: none
}
.icon-google, .icon-google:hover, .icon-google_hover {
height: 18px;
width: 22px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-google {
object-position: -264px -397px
}
.icon-google:hover, .icon-google_hover {
object-position: -288px -397px
}
.icon-green-rectangles {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -24px -397px;
width: 22px;
height: 24px;
object-fit: none
}
.icon-hamburger {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -212px -339px;
width: 25px;
height: 25px;
object-fit: none
}
.icon-highlighted-flag {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -64px -423px;
width: 18px;
height: 15px;
object-fit: none
}
.icon-info-blue, .more-info .more-title {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -131px;
width: 21px;
height: 21px;
object-fit: none
}
.icon-info-btn-close {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -171px;
width: 17px;
height: 17px;
object-fit: none
}
.icon-info-pink {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -108px;
width: 21px;
height: 21px;
object-fit: none
}
.icon-instagram-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -403px;
width: 18px;
height: 18px;
object-fit: none
}
.icon-instagram-blue:hover, .icon-instagram-blue_hover, .press-release-feed__online-info .media--valign:hover .icon-instagram-blue, .press-release-feed__online-info .media:hover .icon-instagram-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -360px -397px;
width: 18px;
height: 18px;
object-fit: none
}
.icon-left-blue-dbl-carrot {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -257px -423px;
width: 13px;
height: 12px;
object-fit: none
}
#askmd-consultation #recs-wrapper input.grey[type=submit]:hover .icon, #raap-wrapper #recs-wrapper input.grey[type=submit]:hover .icon, #recs-wrapper #askmd-consultation input.grey[type=submit]:hover .icon, #recs-wrapper #raap-wrapper input.grey[type=submit]:hover .icon, #recs-wrapper .btn.grey:hover .icon, .icon-left-pink-dbl-carrot {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -242px -423px;
width: 13px;
height: 12px;
object-fit: none
}
.icon-light-blue-triangle-up {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -258px -231px;
width: 13px;
height: 7px;
object-fit: none
}
.icon-light-grey-triangle-left, .icon-light-grey-triangle-right {
width: 8px;
height: 14px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-light-grey-triangle-left {
object-position: -134px -442px
}
.icon-light-grey-triangle-right {
object-position: -154px -442px
}
.icon-list-arrow-left {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 -423px;
width: 18px;
height: 17px;
object-fit: none
}
#askmd #see-all-results a:hover .icon, .icon-list-arrow-left:hover, .icon-list-arrow-left_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -401px -397px;
width: 18px;
height: 17px;
object-fit: none
}
.icon-list-arrow-right {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -154px -339px;
width: 27px;
height: 27px;
object-fit: none
}
#askmd .askmd-list-results li:hover .icon-list-arrow-right, .icon-list-arrow-right:hover, .icon-list-arrow-right_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -183px -339px;
width: 27px;
height: 27px;
object-fit: none
}
#page-arrows #prev-page-arrow.on:hover .icon-lrg-blue-prev, .icon-lrg-blue-next, .icon-lrg-blue-prev, .icon-lrg-blue-prev:hover, .icon-lrg-blue-prev_hover, .icon-lrg-white-next, .icon-lrg-white-prev {
width: 30px;
height: 30px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-lrg-blue-next {
object-position: -64px -339px
}
#page-arrows #next-page-arrow.on:hover .icon-lrg-blue-next, .icon-lrg-blue-next:hover, .icon-lrg-blue-next_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -32px -339px;
width: 30px;
height: 30px;
object-fit: none
}
.icon-lrg-blue-prev {
object-position: 0 -339px
}
#page-arrows #prev-page-arrow.on:hover .icon-lrg-blue-prev, .icon-lrg-blue-prev:hover, .icon-lrg-blue-prev_hover {
object-position: -315px -302px
}
.icon-lrg-white-next {
object-position: -363px -269px
}
.icon-lrg-white-prev {
object-position: -363px -237px
}
.icon-main-nav:hover, .icon-main-nav_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -136px -371px;
width: 26px;
height: 16px;
object-fit: none
}
.icon-mobile-menu {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -178px -258px;
width: 35px;
height: 35px;
object-fit: none
}
.icon-nav-carrot {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -258px -243px;
width: 20px;
height: 10px;
object-fit: none
}
.icon-nav-search-close {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 -80px;
width: 68px;
height: 77px;
object-fit: none
}
.icon-nav-search-close:hover, .icon-nav-search-close_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -154px 0;
width: 68px;
height: 77px;
object-fit: none
}
.icon-nav-social-set {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -177px -196px;
width: 80px;
height: 18px;
object-fit: none
}
.icon-outbrain {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -267px;
width: 16px;
height: 16px;
object-fit: none
}
.icon-outbrain:hover, .icon-outbrain_hover, .outbrain__branding:hover .icon-outbrain {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -285px;
width: 16px;
height: 16px;
object-fit: none
}
.icon-oz-tv {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -224px -74px;
width: 56px;
height: 56px;
object-fit: none
}
.icon-pencil {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -125px -339px;
width: 27px;
height: 28px;
object-fit: none
}
#askmd-consultation #from-visit #my-notes #activate-notes-field:hover .icon, .icon-pencil:hover, .icon-pencil_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -96px -339px;
width: 27px;
height: 28px;
object-fit: none
}
.icon-pink-10x20-arrow {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -209px -80px;
width: 10px;
height: 20px;
object-fit: none
}
.icon-pink-arrows {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -178px -423px;
width: 14px;
height: 12px;
object-fit: none
}
.icon-pink-close-btn {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -102px -258px;
width: 36px;
height: 36px;
object-fit: none
}
#gallery-promo #gallery-promo-close:hover .icon-pink-close-btn, .icon-pink-close-btn:hover, .icon-pink-close-btn_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -140px -258px;
width: 36px;
height: 36px;
object-fit: none
}
.icon-pink-error-arrow {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -347px -322px;
width: 7px;
height: 10px;
object-fit: none
}
.icon-pink-filter-down {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -306px -371px;
width: 8px;
height: 5px;
object-fit: none
}
#search-wrap #search-nav #filter-options li.on i.icon-pink-filter-down, .icon-pink-filter-up {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -316px -371px;
width: 8px;
height: 5px;
object-fit: none
}
.franchise-page .carousel--franchise-gallery .gallery-img:hover .icon-white-rectangles, .icon-pink-rectangles {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -209px;
width: 16px;
height: 18px;
object-fit: none
}
.icon-pink-select {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -326px -371px;
width: 8px;
height: 5px;
object-fit: none
}
.icon-pink-triangle-down-small {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -299px -243px;
width: 9px;
height: 9px;
object-fit: none
}
#askmd-details .closed .details-section__header:hover .icon, .icon-pink-triangle-down {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -303px -231px;
width: 10px;
height: 6px;
object-fit: none
}
.icon-pink-triangle-left-small, .icon-pink-triangle-right-small {
width: 8px;
height: 14px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-pink-triangle-left-small {
object-position: -74px -442px
}
.icon-pink-triangle-right-small {
object-position: -144px -442px
}
.icon-pink-triangle-right-very-small {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -417px -216px;
width: 4px;
height: 7px;
object-fit: none
}
.icon-pink-triangle-up-small {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -224px -371px;
width: 10px;
height: 6px;
object-fit: none
}
#askmd-details .opened .details-section__header:hover .icon, .icon-pink-triangle-up {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -212px -371px;
width: 10px;
height: 6px;
object-fit: none
}
.icon-pink-x {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -363px 0;
width: 31px;
height: 37px;
object-fit: none
}
.icon-pinterest-blue:hover, .icon-pinterest-blue_hover, .press-release-feed__online-info .media--valign:hover .icon-pinterest-blue, .press-release-feed__online-info .media:hover .icon-pinterest-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -229px;
width: 15px;
height: 18px;
object-fit: none
}
.icon-pinterest, .icon-pinterest:hover, .icon-pinterest_hover {
width: 25px;
height: 25px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-pinterest {
object-position: -396px -162px
}
.icon-pinterest:hover, .icon-pinterest_hover {
object-position: -396px 0
}
.icon-print {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -380px -397px;
width: 19px;
height: 17px;
object-fit: none
}
#askmd-consultation #from-visit #askmd-print:hover .icon, .icon-print:hover, .icon-print_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -396px -352px;
width: 19px;
height: 17px;
object-fit: none
}
.icon-profile-green {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -81px;
width: 21px;
height: 25px;
object-fit: none
}
.button--save-to-profile.saved:hover:hover .icon-profile-green, .icon-profile-green:hover, .icon-profile-green_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px 0;
width: 21px;
height: 25px;
object-fit: none
}
.icon-profile {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -27px;
width: 21px;
height: 25px;
object-fit: none
}
.button--save-to-profile.saved .icon-profile, .button--save-to-profile:hover .icon-profile, .icon-profile:hover, .icon-profile_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -54px;
width: 21px;
height: 25px;
object-fit: none
}
.icon-purchase, .icon-purchase:hover, .icon-purchase_hover {
width: 35px;
height: 35px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-purchase {
object-position: -326px 0
}
.icon-purchase:hover, .icon-purchase_hover {
object-position: -252px -258px
}
.icon-quiz {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -204px -159px;
width: 16px;
height: 21px;
object-fit: none
}
.icon-quiz:hover, .icon-quiz_hover, body.quiz-start .gallery-image .img:hover .icon-quiz {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -374px -339px;
width: 16px;
height: 21px;
object-fit: none
}
#askmd-consultation input[type=radio]:checked+.icon, #askmd-consultation input[type=radio][checked]+.icon, #raap-wrapper input[type=radio]:checked+.icon, #raap-wrapper input[type=radio][checked]+.icon, .icon-radio-checked-2 {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -218px;
width: 20px;
height: 19px;
object-fit: none
}
.icon-radio-checked-branded {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -300px -423px;
width: 12px;
height: 12px;
object-fit: none
}
.icon-radio-checked {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -322px -423px;
width: 8px;
height: 7px;
object-fit: none
}
.icon-radio-disabled, .icon-radio-focused, .icon-radio-off, .icon-radio-off:hover, .icon-radio-off_hover {
width: 14px;
height: 14px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-radio-disabled {
object-position: -132px -423px
}
.icon-radio-focused {
object-position: -84px -423px
}
.icon-radio-off {
object-position: -100px -423px
}
.icon-radio-off:hover, .icon-radio-off_hover {
object-position: -116px -423px
}
#search-wrap #search-nav #filter-options li ul li.current a i.icon-radio-off, .icon-radio-on {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -148px -423px;
width: 13px;
height: 13px;
object-fit: none
}
.custom-radio-input-branded:checked+.custom-radio-dummy, .custom-radio-input-branded:checked+label .custom-radio-dummy, .icon-radio-selected-branded {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -247px -302px;
width: 32px;
height: 32px;
object-fit: none
}
.custom-radio-input:checked+.custom-radio-dummy, .custom-radio-input:checked+label .custom-radio-dummy, .icon-radio-selected {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -213px -302px;
width: 32px;
height: 32px;
object-fit: none
}
.icon-radio-unchecked-2 {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -176px;
width: 20px;
height: 19px;
object-fit: none
}
.icon-radio-unchecked {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -332px -423px;
width: 8px;
height: 7px;
object-fit: none
}
.custom-radio-input+.custom-radio-dummy, .custom-radio-input+label .custom-radio-dummy, .custom-radio-input-branded+.custom-radio-dummy, .custom-radio-input-branded+label .custom-radio-dummy, .icon-radio {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -281px -302px;
width: 32px;
height: 32px;
object-fit: none
}
.form__radio-icon, .icon-radio2-off {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -310px -196px;
width: 14px;
height: 13px;
object-fit: none
}
.form__radio.checked+.form__radio-icon, .form__radio:checked+.form__radio-icon, .icon-radio2-on {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -307px -216px;
width: 14px;
height: 13px;
object-fit: none
}
.custom-radio-input+.custom-radio-dummy:hover, .custom-radio-input+label .custom-radio-dummy:hover, .custom-radio-input-branded+.custom-radio-dummy:hover, .custom-radio-input-branded+label .custom-radio-dummy:hover, .icon-radio:hover, .icon-radio_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -179px -302px;
width: 32px;
height: 32px;
object-fit: none
}
.icon-related-content-arrow-on {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -204px -182px;
width: 18px;
height: 12px;
object-fit: none
}
.icon-reload {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -321px;
width: 17px;
height: 20px;
object-fit: none
}
#gallery-promo--replay:hover .icon-reload, .icon-reload:hover, .icon-reload_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -381px;
width: 17px;
height: 20px;
object-fit: none
}
.icon-right-blue-dbl-carrot, .icon-right-blue-dbl-carrot:hover, .icon-right-blue-dbl-carrot_hover, .icon-right-pink-dbl-carrot {
width: 14px;
height: 12px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-right-blue-dbl-carrot {
object-position: -194px -423px
}
.icon-right-blue-dbl-carrot:hover, .icon-right-blue-dbl-carrot_hover {
object-position: -210px -423px
}
.icon-right-pink-dbl-carrot {
object-position: -226px -423px
}
.icon-save-recipe {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -104px -371px;
width: 30px;
height: 19px;
object-fit: none
}
.button--save-to-profile.success .icon-profile, .icon-saved {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -293px -339px;
width: 25px;
height: 25px;
object-fit: none
}
.icon-search {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -326px -222px;
width: 35px;
height: 35px;
object-fit: none
}
.form--inline .form__select.chosen-container .chosen-single div b, .form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-single div b, .icon-select-arrow-down {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -286px -423px;
width: 12px;
height: 12px;
object-fit: none
}
.icon-select-arrow-up {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -272px -423px;
width: 12px;
height: 12px;
object-fit: none
}
.form__select.chosen-container .chosen-single div b, .form__select.chosen-container-active.chosen-with-drop .chosen-single div b, .icon-select-arrow {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -144px -302px;
width: 33px;
height: 32px;
object-fit: none
}
.icon-select-off {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -109px -302px;
width: 33px;
height: 34px;
object-fit: none
}
#askmd-consultation .custom-select select:focus+.custom-select-input i, #raap-wrapper .custom-select select:focus+.custom-select-input i, .icon-select-on {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -74px -302px;
width: 33px;
height: 34px;
object-fit: none
}
.icon-sharecare-blue:hover, .icon-sharecare-blue_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -343px;
width: 20px;
height: 17px;
object-fit: none
}
.icon-sharecare, .icon-sharecare:hover, .icon-sharecare_hover {
width: 25px;
height: 25px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-sharecare {
object-position: -396px -189px
}
.icon-sharecare:hover, .icon-sharecare_hover {
object-position: -239px -339px
}
.icon-sm-blue-down-arrow {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -163px -423px;
width: 13px;
height: 13px;
object-fit: none
}
.icon-sm-blue-next, .icon-sm-blue-prev {
width: 17px;
height: 17px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-sm-blue-next {
object-position: -446px -19px
}
.icon-sm-blue-prev {
object-position: -446px -190px
}
.icon-sm-blue-up-arrow {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -209px -102px;
width: 13px;
height: 13px;
object-fit: none
}
.icon-sm-contact, .icon-sm-facebook {
width: 24px;
height: 24px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-sm-contact {
object-position: -26px -371px
}
.icon-sm-facebook {
object-position: 0 -371px
}
.icon-sm-pink-close-btn {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -303px;
width: 16px;
height: 16px;
object-fit: none
}
.icon-sm-pink-close-btn:hover, .icon-sm-pink-close-btn_hover, body.gallery-slide #close-btn:hover .icon-sm-pink-close-btn, body.quiz-page #close-btn:hover .icon-sm-pink-close-btn {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -249px;
width: 16px;
height: 16px;
object-fit: none
}
.icon-sm-pink-down-arrow {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -209px -137px;
width: 13px;
height: 13px;
object-fit: none
}
.icon-sm-twitter {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -78px -371px;
width: 24px;
height: 24px;
object-fit: none
}
.icon-social-clipix-square, .icon-social-clipix-square:hover, .icon-social-clipix-square_hover, .icon-social-email-square, .icon-social-email-square:hover, .icon-social-email-square_hover, .icon-social-fb-extended, .icon-social-fb-extended:hover, .icon-social-fb-extended_hover, .icon-social-fb-square, .icon-social-pinterest-extended, .icon-social-pinterest-extended:hover, .icon-social-pinterest-extended_hover, .icon-social-pinterest-square, .icon-social-pinterest-square:hover, .icon-social-pinterest-square_hover, .icon-social-twitter-extended, .icon-social-twitter-extended:hover, .icon-social-twitter-extended_hover, .icon-social-twitter-square, .icon-social-twitter-square:hover, .icon-social-twitter-square_hover {
height: 35px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-social-clipix-square {
object-position: -326px -259px;
width: 35px
}
.icon-social-clipix-square:hover, .icon-social-clipix-square_hover {
object-position: -326px -148px;
width: 35px
}
.icon-social-email-square {
object-position: -289px -258px;
width: 35px
}
.icon-social-email-square:hover, .icon-social-email-square_hover {
object-position: -172px -117px;
width: 35px
}
.icon-social-fb-extended {
object-position: 0 -159px;
width: 100px
}
.icon-social-fb-extended:hover, .icon-social-fb-extended_hover {
object-position: -102px -159px;
width: 100px
}
.icon-social-fb-square {
object-position: -326px -74px;
width: 35px
}
.icon-social-fb-square:hover, .icon-social-fb-square_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -326px -111px;
width: 35px;
height: 35px;
object-fit: none
}
.icon-social-pinterest-extended {
object-position: -70px -80px;
width: 100px
}
.icon-social-pinterest-extended:hover, .icon-social-pinterest-extended_hover {
object-position: -224px 0;
width: 100px
}
.icon-social-pinterest-square {
object-position: -37px -302px;
width: 35px
}
.icon-social-pinterest-square:hover, .icon-social-pinterest-square_hover {
object-position: -326px -37px;
width: 35px
}
.icon-social-twitter-extended {
object-position: -224px -37px;
width: 100px
}
.icon-social-twitter-extended:hover, .icon-social-twitter-extended_hover {
object-position: -70px -117px;
width: 100px
}
.icon-social-twitter-square {
object-position: -215px -258px;
width: 35px
}
.icon-social-twitter-square:hover, .icon-social-twitter-square_hover {
object-position: -326px -185px;
width: 35px
}
.icon-tab-active-carrot {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -192px -371px;
width: 18px;
height: 11px;
object-fit: none
}
.icon-takeover-search-close {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -363px -39px;
width: 31px;
height: 33px;
object-fit: none
}
.icon-takeover-search-close:hover, .icon-takeover-search-close_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -363px -74px;
width: 31px;
height: 33px;
object-fit: none
}
.icon-tick {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -260px;
width: 21px;
height: 18px;
object-fit: none
}
#askmd-consultation #from-visit #my-notes .button-save-notes:hover .icon, .icon-tick:hover, .icon-tick_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -423px -280px;
width: 21px;
height: 18px;
object-fit: none
}
.icon-tooltip-carrot {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -164px -371px;
width: 26px;
height: 14px;
object-fit: none
}
.icon-tumblr-blue:hover, .icon-tumblr-blue_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -418px;
width: 12px;
height: 18px;
object-fit: none
}
.icon-tumblr, .icon-tumblr:hover, .icon-tumblr_hover {
width: 25px;
height: 25px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-tumblr {
object-position: -320px -339px
}
.icon-tumblr:hover, .icon-tumblr_hover {
object-position: -396px -27px
}
.icon-tv-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -312px -397px;
width: 22px;
height: 18px;
object-fit: none
}
.icon-tv-blue:hover, .icon-tv-blue_hover, .press-release-feed__online-info .media--valign:hover .icon-tv-blue, .press-release-feed__online-info .media:hover .icon-tv-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -336px -397px;
width: 22px;
height: 18px;
object-fit: none
}
.icon-twitter-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -20px -423px;
width: 20px;
height: 15px;
object-fit: none
}
.icon-twitter-blue:hover, .icon-twitter-blue_hover, .press-release-feed__online-info .media--valign:hover .icon-twitter-blue, .press-release-feed__online-info .media:hover .icon-twitter-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -42px -423px;
width: 20px;
height: 15px;
object-fit: none
}
.button--twitter:hover i.icon-twitter-sm-logo, .icon-twitter-sm-logo-blue {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -216px -397px;
width: 22px;
height: 20px;
object-fit: none
}
.icon-twitter-sm-logo {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -240px -397px;
width: 22px;
height: 20px;
object-fit: none
}
.icon-twitter, .icon-twitter:hover, .icon-twitter_hover {
width: 25px;
height: 25px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-twitter {
object-position: -396px -108px
}
.icon-twitter:hover, .icon-twitter_hover {
object-position: -396px -135px
}
.icon-video-play-small-circle {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -446px -382px;
width: 15px;
height: 15px;
object-fit: none
}
.icon-video-series-pause-big-active {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -130px -196px;
width: 45px;
height: 45px;
object-fit: none
}
.icon-video-series-pause-big-active:hover, .icon-video-series-pause-big-active_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -36px -196px;
width: 45px;
height: 45px;
object-fit: none
}
.icon-video-series-pause-current {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -72px -397px;
width: 22px;
height: 22px;
object-fit: none
}
.icon-video-series-pause-current:hover, .icon-video-series-pause-current_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -192px -397px;
width: 22px;
height: 22px;
object-fit: none
}
.icon-video-series-play-big-active {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -276px -132px;
width: 45px;
height: 45px;
object-fit: none
}
.icon-video-series-play-big-active:hover, .icon-video-series-play-big-active_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -83px -196px;
width: 45px;
height: 45px;
object-fit: none
}
.icon-video-series-play, .icon-video-series-play-current, .icon-video-series-play:hover, .icon-video-series-play_hover {
width: 22px;
height: 22px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-video-series-play-current {
object-position: -168px -397px
}
.icon-video-series-play-current:hover, .icon-video-series-play-current_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -120px -397px;
width: 22px;
height: 22px;
object-fit: none
}
.icon-video-series-play {
object-position: -96px -397px
}
.icon-video-series-play:hover, .icon-video-series-play_hover {
object-position: -144px -397px
}
.icon-watch-oz {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 -302px;
width: 35px;
height: 35px;
object-fit: none
}
.icon-white-arrow-up {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -177px -216px;
width: 48px;
height: 24px;
object-fit: none
}
.icon-white-carrot-top {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -282px -113px;
width: 32px;
height: 15px;
object-fit: none
}
.icon-white-rectangles {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -48px -397px;
width: 22px;
height: 24px;
object-fit: none
}
.icon-white-rectangles:hover, .icon-white-rectangles_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: 0 -397px;
width: 22px;
height: 24px;
object-fit: none
}
.icon-white-skinny-arrow-left, .icon-white-skinny-arrow-right {
width: 19px;
height: 32px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png)
}
.icon-white-skinny-arrow-left {
object-position: -396px -284px
}
.icon-white-skinny-arrow-right {
object-position: -396px -216px
}
.icon-white-triangle-down {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -248px -371px;
width: 10px;
height: 6px;
object-fit: none
}
.icon-white-triangle-left, .icon-white-triangle-left:hover, .icon-white-triangle-left_disabled, .icon-white-triangle-left_hover, .icon-white-triangle-right, .icon-white-triangle-right:hover, .icon-white-triangle-right_disabled, .icon-white-triangle-right_hover {
width: 8px;
height: 14px;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-fit: none
}
.icon-white-triangle-left {
object-position: -164px -442px
}
.icon-white-triangle-left_disabled {
object-position: -124px -442px
}
.icon-white-triangle-left:hover, .icon-white-triangle-left_hover {
object-position: -114px -442px
}
.icon-white-triangle-right {
object-position: -94px -442px
}
.icon-white-triangle-right_disabled {
object-position: -84px -442px
}
.icon-white-triangle-right:hover, .icon-white-triangle-right_hover {
object-position: -104px -442px
}
.icon-white-triangle-up {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/icon-1575998084598.png);
object-position: -310px -243px;
width: 10px;
height: 6px;
object-fit: none
}
.rebrand-arrow-down-blue {
object-position: -120px -278px;
width: 14px;
height: 7px;
object-fit: none
}
#askmd-consultation input.load-more__btn[type=submit]:hover:hover .rebrand-arrow-down-blue, #raap-wrapper input.load-more__btn[type=submit]:hover:hover .rebrand-arrow-down-blue, .load-more__btn.btn:hover:hover .rebrand-arrow-down-blue, .rebrand-arrow-down-blue:hover, .rebrand-arrow-down-blue_hover {
object-position: -174px -171px;
width: 14px;
height: 7px;
object-fit: none
}
.rebrand-arrow-left-small {
object-position: -344px -248px;
width: 8px;
height: 14px;
object-fit: none
}
#third-party-tabs .mini-pagination a.disabled .rebrand-arrow-left-small, #third-party-tabs .mini-pagination a.disabled:hover .rebrand-arrow-left-small, .button--carousel--tall:disabled .rebrand-arrow-left-small, .button--carousel:disabled .rebrand-arrow-left-small, .button--default:disabled .rebrand-arrow-left-small, .button--disabled .rebrand-arrow-left-small, .button--disabled:active .rebrand-arrow-left-small, .button--disabled:hover .rebrand-arrow-left-small, .button--facebook:disabled .rebrand-arrow-left-small, .button--form:disabled .rebrand-arrow-left-small, .button--save-to-profile:disabled .rebrand-arrow-left-small, .button--strong:disabled .rebrand-arrow-left-small, .button--submit2:disabled .rebrand-arrow-left-small, .button--submit:disabled .rebrand-arrow-left-small, .button--twitter:disabled .rebrand-arrow-left-small, .button:disabled .rebrand-arrow-left-small, .carousel .owl-next:disabled .rebrand-arrow-left-small, .carousel .owl-prev:disabled .rebrand-arrow-left-small, .quiz__next-quiz-inner .button--next-quiz:disabled .rebrand-arrow-left-small, .rebrand-arrow-left-small:disabled, .rebrand-arrow-left-small_disabled {
object-position: -190px -66px;
width: 8px;
height: 14px;
object-fit: none
}
#third-party-tabs .mini-pagination a:hover .rebrand-arrow-left-small, .button--carousel--tall:hover.button--enabled:hover .rebrand-arrow-left-small, .button--carousel:hover.button--enabled:hover .rebrand-arrow-left-small, .carousel .owl-next:hover.button--enabled:hover .rebrand-arrow-left-small, .carousel .owl-prev:hover.button--enabled:hover .rebrand-arrow-left-small, .rebrand-arrow-left-small:hover, .rebrand-arrow-left-small_hover {
object-position: -190px -30px;
width: 8px;
height: 14px;
object-fit: none
}
.rebrand-arrow-right-small {
object-position: -186px -86px;
width: 8px;
height: 14px;
object-fit: none
}
#third-party-tabs .mini-pagination a.disabled .rebrand-arrow-right-small, #third-party-tabs .mini-pagination a.disabled:hover .rebrand-arrow-right-small, .button--carousel--tall:disabled .rebrand-arrow-right-small, .button--carousel:disabled .rebrand-arrow-right-small, .button--default:disabled .rebrand-arrow-right-small, .button--disabled .rebrand-arrow-right-small, .button--disabled:active .rebrand-arrow-right-small, .button--disabled:hover .rebrand-arrow-right-small, .button--facebook:disabled .rebrand-arrow-right-small, .button--form:disabled .rebrand-arrow-right-small, .button--save-to-profile:disabled .rebrand-arrow-right-small, .button--strong:disabled .rebrand-arrow-right-small, .button--submit2:disabled .rebrand-arrow-right-small, .button--submit:disabled .rebrand-arrow-right-small, .button--twitter:disabled .rebrand-arrow-right-small, .button:disabled .rebrand-arrow-right-small, .carousel .owl-next:disabled .rebrand-arrow-right-small, .carousel .owl-prev:disabled .rebrand-arrow-right-small, .quiz__next-quiz-inner .button--next-quiz:disabled .rebrand-arrow-right-small, .rebrand-arrow-right-small:disabled, .rebrand-arrow-right-small_disabled {
object-position: -166px -86px;
width: 8px;
height: 14px;
object-fit: none
}
#third-party-tabs .mini-pagination a:hover .rebrand-arrow-right-small, .button--carousel--tall:hover.button--enabled:hover .rebrand-arrow-right-small, .button--carousel:hover.button--enabled:hover .rebrand-arrow-right-small, .carousel .owl-next:hover.button--enabled:hover .rebrand-arrow-right-small, .carousel .owl-prev:hover.button--enabled:hover .rebrand-arrow-right-small, .rebrand-arrow-right-small:hover, .rebrand-arrow-right-small_hover {
object-position: -176px -86px;
width: 8px;
height: 14px;
object-fit: none
}
.rebrand-arrow-up-small {
object-position: -324px -270px;
width: 9px;
height: 5px;
object-fit: none
}
.flyout .flyout-footer .section-link:hover .rebrand-arrow-up-small, .rebrand-arrow-up-small:hover, .rebrand-arrow-up-small_hover {
object-position: -335px -270px;
width: 9px;
height: 5px;
object-fit: none
}
.rebrand-askmd, .rebrand-askmd:hover, .rebrand-askmd_hover {
width: 139px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-askmd {
object-position: -141px -187px;
height: 25px
}
.rebrand-askmd:hover, .rebrand-askmd_hover {
object-position: 0 -187px;
height: 26px
}
.rebrand-blue-filter-down {
object-position: -346px -270px;
width: 8px;
height: 5px;
object-fit: none
}
.rebrand-carot {
object-position: -298px -98px;
width: 39px;
height: 13px;
object-fit: none
}
.rebrand-carousel-left, .rebrand-carousel-left-small, .rebrand-carousel-left:hover, .rebrand-carousel-left_hover {
width: 45px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-carousel-left-small {
object-position: -94px -215px;
height: 61px
}
.rebrand-carousel-left-small:hover, .rebrand-carousel-left-small_hover {
object-position: 0 -215px;
width: 45px;
height: 61px;
object-fit: none
}
.rebrand-carousel-left {
object-position: -204px -91px;
height: 89px
}
.rebrand-carousel-left:hover, .rebrand-carousel-left_hover {
object-position: -251px 0;
height: 89px
}
.rebrand-carousel-pager {
object-position: -149px -298px;
width: 8px;
height: 8px;
object-fit: none
}
.carousel-full--pager-button-active .rebrand-carousel-pager, .rebrand-carousel-pager_active {
object-position: -159px -298px;
width: 8px;
height: 8px;
object-fit: none
}
.carousel-full__pager-button:hover .rebrand-carousel-pager, .rebrand-carousel-pager:hover, .rebrand-carousel-pager_hover {
object-position: -169px -298px;
width: 8px;
height: 8px;
object-fit: none
}
.rebrand-carousel-right-small {
object-position: -141px -215px;
width: 45px;
height: 61px;
object-fit: none
}
.rebrand-carousel-right-small:hover, .rebrand-carousel-right-small_hover {
object-position: -47px -215px;
width: 45px;
height: 61px;
object-fit: none
}
.rebrand-carousel-right {
object-position: -251px -91px;
width: 45px;
height: 89px;
object-fit: none
}
.rebrand-carousel-right:hover, .rebrand-carousel-right_hover {
object-position: -204px 0;
width: 45px;
height: 89px;
object-fit: none
}
.rebrand-clipix-grey, .rebrand-clipix-grey:hover, .rebrand-clipix-grey_hover {
width: 17px;
height: 18px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-clipix-grey {
object-position: -79px -278px
}
.rebrand-clipix-grey:hover, .rebrand-clipix-grey_hover {
object-position: -60px -278px
}
.rebrand-clipix {
object-position: -276px -235px;
width: 18px;
height: 19px;
object-fit: none
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-clipix, .rebrand-clipix:hover, .rebrand-clipix_hover {
object-position: -256px -235px;
width: 18px;
height: 19px;
object-fit: none
}
.rebrand-close-blue-small {
object-position: -298px 0;
width: 58px;
height: 19px;
object-fit: none
}
.rebrand-close-blue-small:hover, .rebrand-close-blue-small_hover {
object-position: -298px -21px;
width: 58px;
height: 19px;
object-fit: none
}
.rebrand-close-blue, .rebrand-close-blue:hover, .rebrand-close-blue_hover {
width: 32px;
height: 42px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-close-blue {
object-position: -188px -215px
}
.rebrand-close-blue:hover, .rebrand-close-blue_hover {
object-position: -222px -215px
}
.rebrand-close {
object-position: 0 -298px;
width: 16px;
height: 18px;
object-fit: none
}
.nav-takeover--search-open .nav-takeover__search-form__close:hover .icon, .rebrand-close:hover, .rebrand-close_hover {
object-position: -18px -298px;
width: 16px;
height: 18px;
object-fit: none
}
.rebrand-comments {
object-position: -298px -71px;
width: 25px;
height: 25px;
object-fit: none
}
.rebrand-comments_active, li.current a.comments i.rebrand-comments, li.current a.comments:hover i.rebrand-comments {
object-position: -298px -42px;
width: 24px;
height: 27px;
object-fit: none
}
.comments-container-single a:hover:hover i.rebrand-comments, .page-head .page-head-container .page-comments-container a:hover:hover i.rebrand-comments, .rebrand-comments:hover, .rebrand-comments_hover, li a.comments:hover i.rebrand-comments, section.episode-content .episode-title-social-container .episode-comments-container a:hover:hover i.rebrand-comments, section.video-content .episode-title-social-container .episode-comments-container a:hover:hover i.rebrand-comments {
object-position: -324px -42px;
width: 25px;
height: 25px;
object-fit: none
}
.rebrand-delete, .rebrand-delete:hover, .rebrand-delete_hover {
width: 22px;
height: 22px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-delete {
object-position: -322px -113px
}
.rebrand-delete:hover, .rebrand-delete_hover {
object-position: -298px -113px
}
#header-container nav ul#main-menu>li:hover .icon, .rebrand-down-arrow-small {
object-position: -190px -171px;
width: 8px;
height: 4px;
object-fit: none
}
#header-container nav ul#main-menu>li:hover .icon, #header-container nav ul#main-menu>li:hover .icon:hover, #header-container nav ul#main-menu>li:hover .rebrand-down-arrow-small, .nav-takeover__button.current .rebrand-down-arrow-small, .nav-takeover__featured-content .takeover-menu-hover, .rebrand-down-arrow-small:hover, .rebrand-down-arrow-small_hover {
object-position: -174px -180px;
width: 8px;
height: 4px;
object-fit: none
}
.rebrand-envelope {
object-position: -298px -248px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-envelope:hover, .rebrand-envelope_hover, .recipe-page__button:hover .rebrand-envelope {
object-position: -320px -226px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-facebook-grey {
object-position: -346px -113px;
width: 10px;
height: 19px;
object-fit: none
}
.rebrand-facebook-grey:hover, .rebrand-facebook-grey_hover {
object-position: 0 -318px;
width: 11px;
height: 19px;
object-fit: none
}
.rebrand-facebook {
object-position: -13px -318px;
width: 11px;
height: 19px;
object-fit: none
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-facebook, .rebrand-facebook:hover, .rebrand-facebook_hover {
object-position: -282px -187px;
width: 11px;
height: 19px;
object-fit: none
}
.rebrand-google-plus, .rebrand-google-plus-grey, .rebrand-google-plus-grey:hover, .rebrand-google-plus-grey_hover {
width: 22px;
height: 18px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-google-plus-grey {
object-position: -320px -248px
}
.rebrand-google-plus-grey:hover, .rebrand-google-plus-grey_hover {
object-position: -166px -30px
}
.rebrand-google-plus {
object-position: -174px -131px
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-google-plus, .rebrand-google-plus:hover, .rebrand-google-plus_hover {
object-position: -166px -66px;
width: 22px;
height: 18px;
object-fit: none
}
.rebrand-green-corner {
object-position: -298px -137px;
width: 21px;
height: 21px;
object-fit: none
}
.rebrand-green-rectangles {
object-position: -325px -71px;
width: 22px;
height: 24px;
object-fit: none
}
.rebrand-grey-arrows {
object-position: -182px -50px;
width: 15px;
height: 12px;
object-fit: none
}
.rebrand-instagram, .rebrand-instagram-grey, .rebrand-instagram-grey:hover, .rebrand-instagram-grey_hover {
width: 18px;
height: 18px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-instagram-grey {
object-position: -278px -215px
}
.rebrand-instagram-grey:hover, .rebrand-instagram-grey_hover {
object-position: -20px -278px
}
.rebrand-instagram {
object-position: -40px -278px
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-instagram, .rebrand-instagram:hover, .rebrand-instagram_hover {
object-position: 0 -278px;
width: 18px;
height: 18px;
object-fit: none
}
.rebrand-oz-blog {
object-position: 0 -66px;
width: 164px;
height: 34px;
object-fit: none
}
.rebrand-oz-blog:hover, .rebrand-oz-blog_hover {
object-position: 0 -30px;
width: 164px;
height: 34px;
object-fit: none
}
.rebrand-oz-logo, .rebrand-oz-logo:hover, .rebrand-oz-logo_hover {
width: 85px;
height: 54px;
object-fit: none
}
.rebrand-oz-logo {
object-position: -87px -131px
}
.rebrand-oz-logo:hover, .rebrand-oz-logo_hover {
object-position: 0 -131px
}
.rebrand-pinterest, .rebrand-pinterest-grey, .rebrand-pinterest-grey:hover, .rebrand-pinterest-grey_hover {
width: 15px;
height: 18px
}
.rebrand-pinterest-grey {
object-position: -36px -298px;
object-fit: none
}
.rebrand-pinterest-grey:hover, .rebrand-pinterest-grey_hover {
object-position: -53px -298px;
object-fit: none
}
.rebrand-pinterest {
object-position: -70px -298px;
object-fit: none
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-pinterest, .rebrand-pinterest:hover, .rebrand-pinterest_hover {
object-position: -87px -298px;
width: 15px;
height: 18px;
object-fit: none
}
.rebrand-play, .rebrand-play-green {
width: 7px;
height: 13px;
object-fit: none
}
.rebrand-play-green {
object-position: -349px -71px
}
.rebrand-play {
object-position: -140px -298px
}
.rebrand-print {
object-position: -320px -204px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-print:hover, .rebrand-print_hover, .recipe-page__button:hover .rebrand-print, .social-button:hover .rebrand-print {
object-position: -321px -160px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-radio-selected, .recipe-page .custom-radio-input-recipe:checked+.custom-radio-dummy, .recipe-page .custom-radio-input-recipe:checked+label .custom-radio-dummy {
object-position: -104px -298px;
width: 16px;
height: 16px;
object-fit: none
}
.rebrand-radio, .recipe-page .custom-radio-input-recipe+.custom-radio-dummy, .recipe-page .custom-radio-input-recipe+label .custom-radio-dummy {
object-position: -122px -298px;
width: 16px;
height: 16px;
object-fit: none
}
.rebrand-save {
object-position: -298px -226px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-save:hover, .rebrand-save_hover, .recipe-page__button:hover .rebrand-save {
object-position: -320px -182px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-share-arrow {
object-position: -311px -270px;
width: 11px;
height: 6px;
object-fit: none
}
.rebrand-share-arrow:hover, .rebrand-share-arrow_hover, .recipe-page__button:hover .rebrand-share-arrow {
object-position: -298px -270px;
width: 11px;
height: 6px;
object-fit: none
}
.rebrand-share {
object-position: -298px -204px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-share:hover, .rebrand-share_hover, .recipe-page__button:hover .rebrand-share {
object-position: -298px -182px;
width: 20px;
height: 20px;
object-fit: none
}
.rebrand-sharecare-grey {
object-position: -210px -259px;
width: 20px;
height: 17px;
object-fit: none
}
.rebrand-sharecare-grey:hover, .rebrand-sharecare-grey_hover {
object-position: -256px -215px;
width: 20px;
height: 18px;
object-fit: none
}
.rebrand-sharecare {
object-position: -174px -151px;
width: 20px;
height: 18px;
object-fit: none
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-sharecare, .rebrand-sharecare:hover, .rebrand-sharecare_hover {
object-position: -254px -259px;
width: 20px;
height: 17px;
object-fit: none
}
.rebrand-star-empty, .rebrand-star-full {
width: 21px;
height: 20px
}
.rebrand-star-empty {
object-position: -298px -160px;
object-fit: none
}
.rebrand-star-full {
object-position: -321px -137px;
object-fit: none
}
.rebrand-star-small-empty, .rebrand-star-small-full {
width: 14px;
height: 13px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-star-small-empty {
object-position: -339px -98px
}
.rebrand-star-small-full {
object-position: -166px -50px
}
.rebrand-tooltip-file {
object-position: -343px -160px;
width: 13px;
height: 17px;
object-fit: none
}
.rebrand-tumblr, .rebrand-tumblr-grey, .rebrand-tumblr-grey:hover, .rebrand-tumblr-grey_hover {
width: 12px;
height: 18px;
object-fit: none;
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/rebrand-1575998060018.png)
}
.rebrand-tumblr-grey {
object-position: -344px -137px
}
.rebrand-tumblr-grey:hover, .rebrand-tumblr-grey_hover {
object-position: -342px -226px
}
.rebrand-tumblr {
object-position: -342px -182px
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-tumblr, .rebrand-tumblr:hover, .rebrand-tumblr_hover {
object-position: -342px -204px;
width: 12px;
height: 18px;
object-fit: none
}
.rebrand-twitter-grey {
object-position: -276px -259px;
width: 20px;
height: 15px;
object-fit: none
}
.rebrand-twitter, .rebrand-twitter-grey:hover, .rebrand-twitter-grey_hover {
height: 17px;
width: 20px;
object-fit: none
}
.rebrand-twitter-grey:hover, .rebrand-twitter-grey_hover {
object-position: -232px -259px
}
.rebrand-twitter {
object-position: -188px -259px
}
#mega-social #social-links-section .header-social-btns li:hover .rebrand-twitter, .rebrand-twitter:hover, .rebrand-twitter_hover {
object-position: -98px -278px;
width: 20px;
height: 15px;
object-fit: none
}
.rebrand-w-sharecare {
object-position: 0 0;
width: 202px;
height: 28px;
object-fit: none
}
.rebrand-w-sharecare:hover, .rebrand-w-sharecare_hover {
object-position: 0 -102px;
width: 202px;
height: 27px;
object-fit: none
}
.icon {
display: inline-block
}
.celebrity-science-fair .carousel button.carousel__prev.button--disabled, .celebrity-science-fair .carousel button.carousel__prev.button--disabled:hover, .celebrity-science-fair .carousel__prev.button--disabled, .celebrity-science-fair .carousel__prev.button--disabled:hover, .science-fair-carousel-nav-left-disabled {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: 0 0;
width: 41px;
height: 164px;
object-fit: none
}
.celebrity-science-fair .carousel button.carousel__prev, .celebrity-science-fair .carousel__prev, .science-fair-carousel-nav-left {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: -43px 0;
width: 41px;
height: 164px;
object-fit: none
}
.celebrity-science-fair .carousel button.carousel__prev:hover, .celebrity-science-fair .carousel__prev:hover, .science-fair-carousel-nav-left:hover, .science-fair-carousel-nav-left_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: -86px 0;
width: 41px;
height: 164px;
object-fit: none
}
.celebrity-science-fair .carousel button.carousel__next.button--disabled, .celebrity-science-fair .carousel button.carousel__next.button--disabled:hover, .celebrity-science-fair .carousel__next.button--disabled, .celebrity-science-fair .carousel__next.button--disabled:hover, .science-fair-carousel-nav-right-disabled {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: -129px 0;
width: 38px;
height: 154px;
object-fit: none
}
.celebrity-science-fair .carousel button.carousel__next, .celebrity-science-fair .carousel__next, .science-fair-carousel-nav-right {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: -169px 0;
width: 38px;
height: 154px;
object-fit: none
}
.celebrity-science-fair .carousel button.carousel__next:hover, .celebrity-science-fair .carousel__next:hover, .science-fair-carousel-nav-right:hover, .science-fair-carousel-nav-right_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: -209px 0;
width: 38px;
height: 154px;
object-fit: none
}
.science-fair-facebook-lg {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: 0 -166px;
width: 113px;
height: 20px;
object-fit: none
}
.science-fair-facebook-lg:hover, .science-fair-facebook-lg_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: -115px -166px;
width: 113px;
height: 20px;
object-fit: none
}
.science-fair-twitter-lg {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: 0 -188px;
width: 112px;
height: 20px;
object-fit: none
}
.science-fair-twitter-lg:hover, .science-fair-twitter-lg_hover {
content: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/science-fair-1575998101825.png);
object-position: -114px -188px;
width: 112px;
height: 20px;
object-fit: none
}
.wrap {
min-width: 320px;
margin: 0 auto;
padding: 0 26px
}
#main-container {
background: #fff;
min-height: 400px;
padding: 0
}
body {
}
@media screen and (min-width:970px) {
body {
}
}
.row {
display: table-row
}
.content {
display: table;
width: 100%;
padding-bottom: 20px
}
.content .entry, .content .sidebar {
display: table-cell;
vertical-align: top
}
.content--block, .content--block>.entry, .content--block>.sidebar {
display: block
}
.content--block>.entry {
float: left;
padding-right: 0;
width: 100%;
max-width: 65%
}
.content--block>.sidebar {
float: right;
margin-left: 30px
}
@media screen and (min-width:0px) and (max-width:479px) {
.content {
padding-bottom: 0
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.content {
padding-bottom: 0
}
.content .sidebar {
width: 100%
}
.content, .content .entry, .content .sidebar, .page-head, .page-head .entry, .page-head .sidebar {
display: block
}
.page-head {
padding: 0;
margin: 0 0 28px
}
}
#header-container #tablet-nav-btn i.arrow, #header-container nav ul#main-menu>li>a i.arrow {
margin-left: 5px;
vertical-align: middle;
display: inline-block
}
#content-area .ad-label {
margin-top: -20px;
height: 20px;
font-size: 11px;
line-height: 1.1em;
text-align: center;
text-transform: uppercase
}
body.audio .entry ol, body.audio .entry ul, body.blog .entry ol, body.blog .entry ul, body.newsletter .entry ol, body.newsletter .entry ul, body.quiz-start .entry ol, body.quiz-start .entry ul {
padding-left: 20px
}
body.audio .entry ol ol, body.audio .entry ol ul, body.audio .entry ul ol, body.audio .entry ul ul, body.blog .entry ol ol, body.blog .entry ol ul, body.blog .entry ul ol, body.blog .entry ul ul, body.newsletter .entry ol ol, body.newsletter .entry ol ul, body.newsletter .entry ul ol, body.newsletter .entry ul ul, body.quiz-start .entry ol ol, body.quiz-start .entry ol ul, body.quiz-start .entry ul ol, body.quiz-start .entry ul ul {
padding-left: 40px
}
body.audio .entry ol ol ol, body.audio .entry ol ol ul, body.audio .entry ol ul ol, body.audio .entry ol ul ul, body.audio .entry ul ol ol, body.audio .entry ul ol ul, body.audio .entry ul ul ol, body.audio .entry ul ul ul, body.blog .entry ol ol ol, body.blog .entry ol ol ul, body.blog .entry ol ul ol, body.blog .entry ol ul ul, body.blog .entry ul ol ol, body.blog .entry ul ol ul, body.blog .entry ul ul ol, body.blog .entry ul ul ul, body.newsletter .entry ol ol ol, body.newsletter .entry ol ol ul, body.newsletter .entry ol ul ol, body.newsletter .entry ol ul ul, body.newsletter .entry ul ol ol, body.newsletter .entry ul ol ul, body.newsletter .entry ul ul ol, body.newsletter .entry ul ul ul, body.quiz-start .entry ol ol ol, body.quiz-start .entry ol ol ul, body.quiz-start .entry ol ul ol, body.quiz-start .entry ol ul ul, body.quiz-start .entry ul ol ol, body.quiz-start .entry ul ol ul, body.quiz-start .entry ul ul ol, body.quiz-start .entry ul ul ul {
padding-left: 60px
}
body.audio .entry ol li, body.blog .entry ol li, body.newsletter .entry ol li, body.quiz-start .entry ol li {
list-style-type: decimal
}
body.audio .entry ul li, body.blog .entry ul li, body.newsletter .entry ul li, body.quiz-start .entry ul li {
list-style-type: disc
}
.elastislide-carousel ul, .elastislide-list, .three-col-list, body.audio .entry form ol li, body.audio .entry form ul li, body.blog .entry form ol li, body.blog .entry form ul li, body.newsletter .entry form ol li, body.newsletter .entry form ul li, body.quiz-start .entry form ol li, body.quiz-start .entry form ul li {
list-style-type: none
}
body.audio .entry ol, body.audio .entry p, body.audio .entry ul, body.blog .entry ol, body.blog .entry p, body.blog .entry ul, body.newsletter .entry ol, body.newsletter .entry p, body.newsletter .entry ul, body.quiz-start .entry ol, body.quiz-start .entry p, body.quiz-start .entry ul {
font-size: 15px;
line-height: 24px
}
body.audio .entry form ol, body.audio .entry form ul, body.blog .entry form ol, body.blog .entry form ul, body.newsletter .entry form ol, body.newsletter .entry form ul, body.quiz-start .entry form ol, body.quiz-start .entry form ul {
padding-left: 0
}
img {
max-width: 100%
}
b, strong {
font-weight: 700
}
#header-container #tablet-nav-btn, #header-container nav ul#main-menu>li>a {
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
color: #fff;
text-transform: uppercase;
text-decoration: none
}
#wrap-all.mobile-push {
position: fixed;
top: 60px;
width: 100%
}
.no-touch #header-container .nav-takeover__button:hover, .no-touch #header-container button:hover {
background-color: #4976a0
}
.no-touch #header-container #search-block-wrap.active #nav-search-btn:hover, .no-touch #header-container #search-block-wrap.active #nav-search-close:hover {
background: #052545
}
#header-container #social-nav button.current, #header-container #user-login nav a:hover, #header-container nav ul#main-menu>li>a.current {
background-color: #4976a0
}
#header-container #user-login nav a.current, #header-container button.current {
background: #4976a0
}
.no-touch #header-container #search-block-wrap.active #nav-search-btn:hover span.close, .no-touch #header-container #search-block-wrap.active #nav-search-close:hover span.close {
color: #fff
}
#header-container {
box-shadow: rgba(8,8,8,.3) 0 1px 5px;
background-color: #05295a;
-webkit-transform: dmxTranslateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
z-index: 999;
width: 100%;
color: #fff;
height: 60px
}
@media screen and (min-width:600px) {
#header-container, #wrap-all {
left: 0!important
}
}
#header-container button {
cursor: pointer;
box-sizing: border-box;
background-color: transparent
}
#header-container h4 {
padding-bottom: 5px;
line-height: 16px
}
@media screen and (min-width:0) and (max-width:969px) {
#header-container header.wrap {
padding-left: 0;
padding-right: 0
}
}
#header-container #nav-bar {
line-height: 1;
float: left;
box-sizing: border-box;
height: 60px;
width: 88.45361%
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #nav-bar {
width: 85.125%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #nav-bar {
width: 87.36979%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #nav-bar {
width: 81.83333%
}
}
#header-container #logo {
float: left;
line-height: 1;
text-align: center;
box-sizing: border-box;
width: 11.54639%
}
@media screen and (min-width:970px) {
#header-container, #header-container #nav-bar {
height: 77px
}
#header-container #logo {
padding: 11px 0 9px
}
#header-container #logo img {
width: 75px;
height: 43px;
padding-top: 7px
}
}
@media screen and (min-width:480px) and (max-width:969px) {
#header-container #logo {
padding: 8px 0 6px
}
#header-container #logo img {
width: 71px;
height: 43px
}
}
@media screen and (min-width:970px) {
#header-container #logo {
padding-right: 18px
}
}
#header-container #phone-logo {
text-align: center
}
@media screen and (min-width:0px) and (max-width:479px) {
#header-container #phone-logo {
float: left;
border-left: 1px solid #0a4279;
border-right: 1px solid #05294e;
width: 60.625%
}
#header-container #phone-logo img {
padding: 11px 0 6px
}
}
#header-container #main-nav {
width: 46.2704%;
height: 100%;
box-sizing: border-box
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #logo {
width: 14.875%
}
#header-container #main-nav {
width: 24.22907%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #logo {
width: 12.63021%
}
#header-container #main-nav {
width: 22.80179%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #logo {
width: 18.16667%;
text-align: center
}
#header-container #main-nav {
width: 23.01426%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#header-container #nav-bar {
width: 100%
}
#header-container #main-nav {
width: 0!important;
height: 0!important
}
}
#header-container nav {
width: 100%
}
#header-container nav ul#main-menu {
width: 100%;
list-style: none;
height: 77px
}
#header-container nav ul#main-menu a, #header-container nav ul#main-menu li {
display: inline-block
}
#header-container nav ul#main-menu>li {
width: 25%;
box-sizing: border-box
}
@media screen and (min-width:0px) and (max-width:969px) {
.content--block>.entry {
max-width: 100%
}
#header-container nav ul#main-menu {
height: 60px
}
#header-container nav ul#main-menu>li {
width: 50%
}
#header-container nav ul#main-menu>li#recipes, #header-container nav ul#main-menu>li#topics {
display: none
}
}
@media screen and (min-width:0) and (max-width:799px) {
#header-container nav ul#main-menu>li #more-xl, #header-container nav ul#main-menu>li#episodes, #header-container nav ul#main-menu>li#recipes, #header-container nav ul#main-menu>li#topics {
display: none!important
}
#header-container nav ul#main-menu>li#more {
width: 100%;
height: 100%
}
}
#header-container nav ul#main-menu>li:first-child {
border-left: 1px solid #0a4279
}
#header-container nav ul#main-menu>li:first-child:hover {
border-left: 1px solid #031b33
}
#header-container nav ul#main-menu>li:last-child:hover {
border-right: 1px solid #031b33
}
#header-container nav ul#main-menu>li.first a, #header-container nav ul#main-menu>li.first a.current {
border: transparent
}
#header-container nav ul#main-menu>li.first a.current {
border-right: 1px solid #0a4279
}
#header-container nav ul#main-menu>li>a {
position: relative;
width: 100%;
display: block;
padding: 30px 0 29px;
font-size: 18px;
line-height: 1
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container nav ul#main-menu>li>a {
padding: 23px 0 22px;
font-size: 15px
}
}
#header-container nav ul#main-menu>li>a.current:before {
border-left: 1px solid #031b33;
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left: 0
}
#header-container #mobile-menu, #header-container #social-nav, #header-container #user-login, #header-container #watch-oz {
border-left: 1px solid #0a4279;
border-right: 1px solid #05294e
}
#header-container nav ul#main-menu>li>a.current:after {
border-right: 1px solid #031b33;
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
right: 0
}
#header-container #main-nav, #header-container #social-nav, #header-container #user-login, #header-container #watch-oz {
float: left;
overflow: hidden;
text-align: center
}
#header-container #main-nav nav, #header-container #social-nav nav, #header-container #user-login nav, #header-container #watch-oz nav {
float: left
}
#header-container #social-nav:hover, #header-container #user-login:hover, #header-container #watch-oz:hover {
border-left: 1px solid #031b33;
border-right: 1px solid #031b33
}
#header-container #tablet-nav-btn {
height: 100%;
border-right: transparent;
float: left;
font-size: 15px;
width: 100%
}
#header-container #mobile-menu {
box-sizing: border-box;
float: left;
padding: 12px 0 9px
}
#header-container #social-nav {
height: 100%;
width: 14.10256%;
box-sizing: border-box
}
@media screen and (min-width:0px) and (max-width:599px) {
#header-container #social-nav, #header-container #tablet-nav-btn {
display: none
}
#header-container #mobile-menu {
width: 12.70833%;
display: block
}
#header-container #mobile-menu i {
display: inline-block
}
}
#header-container #social-nav button {
float: none;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
display: inline-block;
height: 100%
}
#header-container #social-nav button i.icon-nav-social-set {
margin-top: 4px;
margin-left: -5px
}
#header-container #user-login {
text-align: center;
width: 13.86946%;
box-sizing: border-box
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #social-nav {
width: 18.35536%
}
#header-container #user-login {
width: 9.10426%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #social-nav {
width: 18.62891%
}
#header-container #user-login {
width: 9.23994%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #social-nav {
width: 24.11642%
}
#header-container #user-login {
width: 12.21996%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#header-container #user-login {
width: 12.5%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#header-container #mobile-menu {
width: 19.0625%
}
#header-container #user-login {
width: 18.75%
}
}
#header-container #user-login nav {
width: 100%
}
#header-container #user-login nav li, #header-container #user-login nav ul {
white-space: nowrap;
width: 100%
}
#header-container #user-login nav a {
float: left;
height: 34px;
width: 100%;
display: inline-block;
padding: 12px 0 14px;
line-height: 1;
color: #fff;
text-transform: uppercase;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 12px
}
#header-container #user-login nav a .inner-wrap {
width: 80px;
margin-left: -3px
}
#header-container #user-login nav a i {
float: none
}
#header-container #user-login nav a span {
position: relative;
top: 6px;
text-align: left;
display: inline-block
}
#header-container #user-login nav a:hover span {
text-decoration: underline
}
#header-container #center-logo {
width: 61.45833%;
float: left;
text-align: center;
border-right: 1px solid #05294e;
display: none;
height: 60px;
overflow: hidden
}
@media screen and (min-width:0px) and (max-width:599px) {
#header-container #center-logo {
display: block
}
}
#header-container #center-logo img {
margin: 0;
padding: 8px 0 6px;
width: 71px;
height: 43px
}
#header-container #center-logo a {
width: 100%
}
#header-container #search-btn {
box-sizing: border-box;
width: 100%;
height: 100%;
text-align: center
}
@media screen and (min-width:0px) and (max-width:969px) {
#header-container #search-btn {
display: inline-block
}
}
#header-container #search-btn a, #header-container #search-btn span {
display: inline-block
}
#header-container #search-block-wrap {
position: relative;
border-left: 1px solid #0a4279;
width: 25.64103%;
height: 60px;
transition: none;
padding: 0;
box-sizing: border-box;
float: left
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #search-block-wrap {
width: 8.95742%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #search-block-wrap {
width: 9.09091%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #search-block-wrap {
width: 12.42363%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#header-container #search-block-wrap {
width: 12.70833%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#header-container #center-logo {
width: 41.875%
}
#header-container #search-block-wrap {
width: 19.0625%
}
}
#header-container #search-block {
width: 100%;
float: left
}
#header-container #search-block #site-search-form {
float: right;
position: relative;
width: 92.27273%
}
#header-container #search-block #nav-search-open-mask {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
width: 40px;
height: 40px
}
#header-container #search-block .active #nav-search-open-mask {
display: none
}
#header-container #search-block #nav-search-input {
line-height: 25px;
width: 78.81773%;
height: 40px;
color: #fff;
text-transform: uppercase;
border: none;
box-shadow: none;
float: left;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 15px;
background: #4976a0
}
#header-container #search-block #nav-search-input.placeholderjs {
opacity: 1;
font-size: 16px;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
text-transform: uppercase;
color: #fff
}
#header-container #search-block #nav-search-input::-webkit-input-placeholder {
opacity:1;
font-size:16px;
font-family:'Open Sans', sans-serif;;
font-weight:300;
text-transform:uppercase;
color:#fff
}
#header-container #search-block #nav-search-input:-moz-placeholder {
opacity:1;
font-size:16px;
font-family:'Open Sans', sans-serif;;
font-weight:300;
text-transform:uppercase;
color:#fff
}
#header-container #search-block #nav-search-input::-moz-placeholder {
opacity:1;
font-size:16px;
font-family:'Open Sans', sans-serif;;
font-weight:300;
text-transform:uppercase;
color:#fff
}
#header-container #search-block #nav-search-input:-ms-input-placeholder {
opacity:1;
font-size:16px;
font-family:'Open Sans', sans-serif;;
font-weight:300;
text-transform:uppercase;
color:#fff
}
#header-container #search-block #nav-search-btn {
position: relative;
background: #1b5a97;
width: 19.70443%;
height: 40px;
margin-left: 1px;
float: left
}
#header-container #search-block #nav-search-btn img {
margin-top: 1px;
width: 16px
}
#header-container #search-block-wrap .icon-account-login-sm, #header-container #search-block-wrap i.icon-nav-social-set, #header-container #search-block-wrap i.icon-search, #header-container #social-nav .icon-account-login-sm, #header-container #social-nav i.icon-nav-social-set, #header-container #social-nav i.icon-search, #header-container #user-login .icon-account-login-sm, #header-container #user-login i.icon-nav-social-set, #header-container #user-login i.icon-search {
display: inline-block
}
#watch-oz {
width: 27.10706%;
height: 100%
}
@media screen and (min-width:970px) {
#header-container #user-login nav a {
padding: 16px 0 27px
}
#header-container #user-login nav a i {
float: left
}
#header-container #search-block-wrap {
height: 77px;
padding: 18px 0 19px
}
#watch-oz {
width: 0!important;
height: 0!important
}
}
@media screen and (min-width:800px) and (max-width:969px) {
#watch-oz {
width: 39.06021%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#watch-oz {
width: 39.81481%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#watch-oz {
width: 51.73116%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#watch-oz {
width: 47.64543%
}
}
#watch-oz button[type=button] {
width: 100%;
height: 100%;
padding-top: 8px;
color: #fff;
text-transform: uppercase;
font-family: "Proxima Nova", sans-serif;
font-size: 12px;
font-weight: 600
}
#watch-oz button[type=button] span.btn-txt {
position: relative;
top: -15px;
padding-left: 10px;
float: none
}
#watch-oz button[type=button] span#station {
color: #fff;
display: inline
}
#watch-oz i {
display: inline-block
}
#header-container nav ul#main-menu>li:hover #watch-oz i.icon, #watch-oz #header-container nav ul#main-menu>li:hover i.icon, #watch-oz i.rebrand-down-arrow-small {
display: inline-block;
position: relative;
margin-left: 5px;
float: none
}
#nav-search-close {
display: none
}
#header-container #search-block-wrap.active {
border-left: none;
width: 100%;
position: absolute;
top: 0;
right: 0;
padding: 0
}
#header-container #search-block-wrap.active #search-block {
vertical-align: top;
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 100%
}
#header-container #search-block-wrap.active button {
background: #1b5a97;
background-image: #05295a;
box-sizing: border-box;
border-left: 1px solid #0a4279;
float: none
}
#header-container #search-block-wrap.active #nav-search-close {
vertical-align: top;
display: block;
float: left;
background: #1b5a97;
border-right: 1px solid #1b5a97;
z-index: 50;
text-align: center;
font-family: helvetica, sans serif;
font-size: 25px;
font-weight: 400;
width: 57px;
height: 60px
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #search-block-wrap.active #nav-search-close {
width: 8.81057%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #search-block-wrap.active #nav-search-close {
width: 9.25926%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #search-block-wrap.active #nav-search-close {
width: 12.21996%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#header-container #search-block-wrap.active #nav-search-close {
width: 12.5%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#header-container #search-block-wrap.active #nav-search-close {
width: 18.75%
}
}
#header-container #search-block-wrap.active #nav-search-close:hover span {
color: #FFF
}
#header-container #search-block-wrap.active #nav-search-close span {
display: block;
color: #fff;
text-transform: uppercase;
font-weight: 300
}
#header-container #search-block-wrap.active #nav-search-close span.close {
color: #fff;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
font-size: 10px
}
#header-container #search-block-wrap.active #site-search-form {
display: block;
float: right;
vertical-align: top;
text-align: right;
width: 100%
}
@media screen and (min-width:970px) {
#header-container #search-block-wrap.active #search-block {
top: 9px
}
#header-container #search-block-wrap.active #nav-search-close {
height: 57px
}
#header-container #search-block-wrap.active #site-search-form {
width: 98.71495%
}
}
#header-container #search-block-wrap.active #nav-search-input {
padding: 5px 20px 10px;
background: #4976a0;
border-right: 1px solid #1b5a97;
border-left: 1px solid #1b5a97;
line-height: 35px;
display: block;
float: left;
vertical-align: top;
border-collapse: collapse;
width: 85.16355%!important;
height: 60px
}
#header-container #search-block-wrap.active #nav-search-input.placeholderjs {
opacity: 1;
font-size: 20px;
font-family: 'Open Sans', sans-serif;;
text-transform: uppercase;
color: #fff;
line-height: 35px
}
#header-container #search-block-wrap.active #nav-search-input::-webkit-input-placeholder {
opacity:1;
font-size:20px;
font-family:'Open Sans', sans-serif;;
text-transform:uppercase;
color:#fff;
line-height:35px
}
#header-container #search-block-wrap.active #nav-search-input:-moz-placeholder {
opacity:1;
font-size:20px;
font-family:'Open Sans', sans-serif;;
text-transform:uppercase;
color:#fff;
line-height:35px
}
#header-container #search-block-wrap.active #nav-search-input::-moz-placeholder {
opacity:1;
font-size:20px;
font-family:'Open Sans', sans-serif;;
text-transform:uppercase;
color:#fff;
line-height:35px
}
#header-container #search-block-wrap.active #nav-search-input:-ms-input-placeholder {
opacity:1;
font-size:20px;
font-family:'Open Sans', sans-serif;;
text-transform:uppercase;
color:#fff;
line-height:35px
}
#header-container #search-block-wrap.active #nav-search-input, #header-container #search-block-wrap.active .ui-autocomplete {
box-sizing: border-box;
text-transform: none;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 20px
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #search-block-wrap.active #nav-search-input, #header-container #search-block-wrap.active .ui-autocomplete {
width: 82.37885%!important
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #search-block-wrap.active #nav-search-input, #header-container #search-block-wrap.active .ui-autocomplete {
width: 81.48148%!important
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #search-block-wrap.active #nav-search-input, #header-container #search-block-wrap.active .ui-autocomplete {
width: 75.56008%!important
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#header-container #search-block-wrap.active #nav-search-input, #header-container #search-block-wrap.active .ui-autocomplete {
width: 75%!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#header-container #search-block-wrap.active #nav-search-input, #header-container #search-block-wrap.active .ui-autocomplete {
width: 62.5%!important
}
}
@media screen and (min-width:970px) {
#header-container #search-block-wrap.active #nav-search-input {
height: 57px
}
#header-container #search-block-wrap.active .ui-autocomplete {
width: 84.11215%!important;
left: 68px!important
}
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #search-block-wrap.active .ui-autocomplete {
left: 8.81057%!important
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #search-block-wrap.active .ui-autocomplete {
left: 9.25926%!important
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #search-block-wrap.active .ui-autocomplete {
left: 12.21996%!important
}
}
#header-container #search-block-wrap.active #nav-search-btn {
background: #1b5a97;
border-left: 1px solid #1b5a97;
margin: 0;
display: block;
vertical-align: top;
width: 57px;
height: 60px
}
@media screen and (min-width:970px) {
#header-container #search-block-wrap.active #nav-search-btn {
height: 57px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
#header-container #search-block-wrap.active #nav-search-btn {
width: 8.81057%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#header-container #search-block-wrap.active #nav-search-btn {
width: 9.25926%;
height: 60px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-container #search-block-wrap.active #nav-search-btn {
width: 12.21996%;
height: 60px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#header-container #search-block-wrap.active .ui-autocomplete {
left: 12.5%!important
}
#header-container #search-block-wrap.active #nav-search-btn {
width: 12.5%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#header-container #search-block-wrap.active .ui-autocomplete {
left: 18.75%!important
}
#header-container #search-block-wrap.active #nav-search-btn {
width: 18.75%
}
}
#header-container #search-block-wrap.active #nav-search-btn img {
width: 29px;
height: 29px
}
#header-container #search-block-wrap.active #nav-search-btn:hover {
backgrould-color: #198AA3
}
.border-transparent {
border-color: transparent!important
}
#toolbar {
z-index: 2147483647!important
}
.nav-takeover__search-form .ui-autocomplete {
box-sizing: border-box;
text-transform: none;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 20px
}
@media screen and (min-width:800px) and (max-width:969px) {
.nav-takeover__search-form .ui-autocomplete {
width: 82.37885%!important
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.nav-takeover__search-form .ui-autocomplete {
width: 81.48148%!important
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.nav-takeover__search-form .ui-autocomplete {
width: 75.56008%!important
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.nav-takeover__search-form .ui-autocomplete {
width: 75%!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.nav-takeover__search-form .ui-autocomplete {
width: 62.5%!important
}
}
@media screen and (min-width:0px) and (max-width:969px) {
#header-container #search-block-wrap.active .ui-autocomplete, .nav-takeover__search-form .ui-autocomplete {
top: 60px!important
}
}
@media screen and (min-width:970px) {
.nav-takeover__search-form .ui-autocomplete {
width: 84.11215%!important;
left: 68px!important
}
}
@media screen and (min-width:800px) and (max-width:969px) {
.nav-takeover__search-form .ui-autocomplete {
left: 8.81057%!important
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.nav-takeover__search-form .ui-autocomplete {
left: 9.25926%!important
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.nav-takeover__search-form .ui-autocomplete {
left: 12.21996%!important
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.nav-takeover__search-form .ui-autocomplete {
left: 12.5%!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.nav-takeover__search-form .ui-autocomplete {
left: 18.75%!important
}
}
#skipLink {
position: absolute;
left: -999px;
width: 1px;
height: 1px;
top: auto
}
#skipLink:focus {
display: inline-block;
height: auto;
width: auto;
margin: auto;
left: 10px;
top: 0;
z-index: 9999
}
.importantShow {
display: block!important
}
#header-change-zip-link .has-sub-nav, #site-navigation .has-sub-nav {
position: relative
}
#header-change-zip-link .rebrand-down-arrow-small-hover, #site-navigation .rebrand-down-arrow-small-hover {
position: absolute;
z-index: 20300;
left: 50%;
margin-left: -13px!important;
bottom: -3px;
display: none
}
#site-navigation .ui-autocomplete, .nav-takeover__search-form .ui-autocomplete {
text-align: left;
background: #f9f9f9;
box-shadow: rgba(50,50,50,.75) 0 0 5px;
position: absolute;
top: 0;
left: 0;
cursor: default;
z-index: 99999
}
#header-container nav ul#main-menu>li:hover #site-navigation .ui-autocomplete .icon, #header-container nav ul#main-menu>li:hover #site-navigation .ui-autocomplete .rebrand-down-arrow-small, #header-container nav ul#main-menu>li:hover .nav-takeover__search-form .ui-autocomplete .icon, #header-container nav ul#main-menu>li:hover .nav-takeover__search-form .ui-autocomplete .rebrand-down-arrow-small, #site-navigation .ui-autocomplete #header-container nav ul#main-menu>li:hover .icon, #site-navigation .ui-autocomplete #header-container nav ul#main-menu>li:hover .rebrand-down-arrow-small, #site-navigation .ui-autocomplete .nav-takeover__button.current .rebrand-down-arrow-small, #site-navigation .ui-autocomplete .nav-takeover__featured-content .takeover-menu-hover, #site-navigation .ui-autocomplete .rebrand-down-arrow-small_hover, .nav-takeover__button.current #site-navigation .ui-autocomplete .rebrand-down-arrow-small, .nav-takeover__button.current .nav-takeover__search-form .ui-autocomplete .rebrand-down-arrow-small, .nav-takeover__featured-content #site-navigation .ui-autocomplete .takeover-menu-hover, .nav-takeover__featured-content .nav-takeover__search-form .ui-autocomplete .takeover-menu-hover, .nav-takeover__search-form .ui-autocomplete #header-container nav ul#main-menu>li:hover .icon, .nav-takeover__search-form .ui-autocomplete #header-container nav ul#main-menu>li:hover .rebrand-down-arrow-small, .nav-takeover__search-form .ui-autocomplete .nav-takeover__button.current .rebrand-down-arrow-small, .nav-takeover__search-form .ui-autocomplete .nav-takeover__featured-content .takeover-menu-hover, .nav-takeover__search-form .ui-autocomplete .rebrand-down-arrow-small_hover {
position: absolute;
top: -12px;
left: 40px;
display: block
}
#header-change-zip-link {
position: relative
}
#header-change-zip-link #header-container nav ul#main-menu>li:hover .icon, #header-change-zip-link #header-container nav ul#main-menu>li:hover .rebrand-down-arrow-small, #header-change-zip-link .nav-takeover__button.current .rebrand-down-arrow-small, #header-change-zip-link .nav-takeover__featured-content .takeover-menu-hover, #header-change-zip-link .rebrand-down-arrow-small_hover, #header-container nav ul#main-menu>li:hover #header-change-zip-link .icon, #header-container nav ul#main-menu>li:hover #header-change-zip-link .rebrand-down-arrow-small, .nav-takeover__button.current #header-change-zip-link .rebrand-down-arrow-small, .nav-takeover__featured-content #header-change-zip-link .takeover-menu-hover {
bottom: -19px
}
#mega-on-tv-xxl {
display: none
}
@media screen and (min-width:768px) {
#mega-more .section, #mega-more-clone .section {
max-width: 23%
}
}
#main-nav #main-menu .mega-menu, .mega-menu {
box-sizing: border-box;
display: none;
overflow: hidden;
top: 100%;
float: none;
position: absolute;
width: 100%;
z-index: 2147483647;
left: 0;
background: #f9f9f9;
padding: 30px 0;
margin: 0;
border-bottom: 7px solid #05295a;
box-shadow: rgba(50,50,50,.3) 0 3px 5px
}
#main-nav #main-menu .mega-menu .content-preview .title a:hover, .mega-menu .content-preview .title a:hover {
background-color: #f9f9f9!important
}
#main-nav #main-menu .mega-menu .content-preview .super_title a, .mega-menu .content-preview .super_title a {
color: #198AA3
}
#main-nav #main-menu .mega-menu .content-preview .super_title a:hover, .mega-menu .content-preview .super_title a:hover {
color: #3cb7db
}
@media screen and (min-width:0px) and (max-width:479px) {
#main-nav #main-menu .mega-menu, .mega-menu {
display: none
}
}
#main-nav #main-menu .mega-menu .show, #main-nav #main-menu .mega-menu.on, .mega-menu .show, .mega-menu.on {
display: block
}
#main-nav #main-menu .mega-menu .sw-listing .body, .mega-menu .sw-listing .body {
float: left;
color: #000
}
#main-nav #main-menu .mega-menu .wrap, .mega-menu .wrap {
padding: 0 30px;
overflow: hidden
}
@media screen and (min-width:0px) and (max-width:599px) {
#main-nav #main-menu .mega-menu #mega-more, .mega-menu #mega-more {
display: none
}
}
#main-nav #main-menu .mega-menu li, .mega-menu li {
display: list-item;
list-style: none;
float: none
}
#main-nav #main-menu .mega-menu li>a, .mega-menu li>a {
display: inline-block;
width: auto;
text-transform: none;
padding: 10px;
margin: 0 0 0 -10px;
border: none;
color: #000;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 14px;
text-align: left;
text-decoration: none
}
#main-nav #main-menu .mega-menu li>a.all-topics, .mega-menu li>a.all-topics {
color: #3cb7db
}
#main-nav #main-menu .mega-menu .section, .mega-menu .section {
min-height: 225px;
box-sizing: border-box;
padding: 0 2.06186%;
float: left;
text-align: left;
border-left: 1px solid #e0e0e0
}
#main-nav #main-menu .mega-menu .section:first-child, .mega-menu .section:first-child {
border: none;
padding-left: 0
}
#main-nav #main-menu .mega-menu .section ul, .mega-menu .section ul {
padding: 0;
margin: 0
}
#main-nav #main-menu .mega-menu .section h4, .mega-menu .section h4 {
text-transform: uppercase;
color: #198AA3
}
#mega-more a:hover, #mega-on-tv a:hover, #mega-on-tv-xxl a:hover, #mega-topics a:hover, #user-login a:hover {
background: #e6f2f6
}
#main-nav #main-menu #mega-topics .section--topic {
padding-top: 20px
}
#main-nav #main-menu #mega-topics .section--topic--first {
padding-top: 0
}
#header-station-select h4, #mega-on-tv h4, #mega-social h4, #social-links-section h4, .header-station-info h4 {
padding-bottom: 15px
}
#mega-on-tv-xxl .section-wrap {
width: 100%;
text-align: right;
float: right
}
#mega-on-tv .section, #mega-on-tv-xxl .section {
min-height: 150px;
border-left: none;
float: none;
display: inline-block;
vertical-align: top;
border-right: 1px solid #e2e2e2
}
#mega-on-tv #header-station-select, #mega-on-tv-xxl #header-station-select {
padding-right: 0;
border-right: none
}
#mega-on-tv #location-lookup-form, #mega-on-tv #location-lookup-form-xxl, #mega-on-tv-xxl #location-lookup-form, #mega-on-tv-xxl #location-lookup-form-xxl {
padding-bottom: 20px
}
#mega-on-tv #location-lookup-form label.error, #mega-on-tv #location-lookup-form-xxl label.error, #mega-on-tv-xxl #location-lookup-form label.error, #mega-on-tv-xxl #location-lookup-form-xxl label.error {
clear: both
}
#askmd-consultation #mega-on-tv #location-lookup-form input[type=submit], #askmd-consultation #mega-on-tv #location-lookup-form-xxl input[type=submit], #askmd-consultation #mega-on-tv-xxl #location-lookup-form input[type=submit], #askmd-consultation #mega-on-tv-xxl #location-lookup-form-xxl input[type=submit], #mega-on-tv #location-lookup-form #askmd-consultation input[type=submit], #mega-on-tv #location-lookup-form #raap-wrapper input[type=submit], #mega-on-tv #location-lookup-form .btn, #mega-on-tv #location-lookup-form .zip, #mega-on-tv #location-lookup-form-xxl #askmd-consultation input[type=submit], #mega-on-tv #location-lookup-form-xxl #raap-wrapper input[type=submit], #mega-on-tv #location-lookup-form-xxl .btn, #mega-on-tv #location-lookup-form-xxl .zip, #mega-on-tv-xxl #location-lookup-form #askmd-consultation input[type=submit], #mega-on-tv-xxl #location-lookup-form #raap-wrapper input[type=submit], #mega-on-tv-xxl #location-lookup-form .btn, #mega-on-tv-xxl #location-lookup-form .zip, #mega-on-tv-xxl #location-lookup-form-xxl #askmd-consultation input[type=submit], #mega-on-tv-xxl #location-lookup-form-xxl #raap-wrapper input[type=submit], #mega-on-tv-xxl #location-lookup-form-xxl .btn, #mega-on-tv-xxl #location-lookup-form-xxl .zip, #raap-wrapper #mega-on-tv #location-lookup-form input[type=submit], #raap-wrapper #mega-on-tv #location-lookup-form-xxl input[type=submit], #raap-wrapper #mega-on-tv-xxl #location-lookup-form input[type=submit], #raap-wrapper #mega-on-tv-xxl #location-lookup-form-xxl input[type=submit] {
height: 41px
}
#mega-on-tv #location-lookup-form .zip, #mega-on-tv #location-lookup-form-xxl .zip, #mega-on-tv-xxl #location-lookup-form .zip, #mega-on-tv-xxl #location-lookup-form-xxl .zip {
width: 220px;
line-height: 19px
}
@media screen and (min-width:600px) and (max-width:767px) {
#mega-on-tv #location-lookup-form .zip, #mega-on-tv #location-lookup-form-xxl .zip, #mega-on-tv-xxl #location-lookup-form .zip, #mega-on-tv-xxl #location-lookup-form-xxl .zip {
width: 140px
}
}
#askmd-consultation #mega-on-tv #location-lookup-form input[type=submit], #askmd-consultation #mega-on-tv #location-lookup-form-xxl input[type=submit], #askmd-consultation #mega-on-tv-xxl #location-lookup-form input[type=submit], #askmd-consultation #mega-on-tv-xxl #location-lookup-form-xxl input[type=submit], #mega-on-tv #location-lookup-form #askmd-consultation input[type=submit], #mega-on-tv #location-lookup-form #raap-wrapper input[type=submit], #mega-on-tv #location-lookup-form .btn, #mega-on-tv #location-lookup-form-xxl #askmd-consultation input[type=submit], #mega-on-tv #location-lookup-form-xxl #raap-wrapper input[type=submit], #mega-on-tv #location-lookup-form-xxl .btn, #mega-on-tv-xxl #location-lookup-form #askmd-consultation input[type=submit], #mega-on-tv-xxl #location-lookup-form #raap-wrapper input[type=submit], #mega-on-tv-xxl #location-lookup-form .btn, #mega-on-tv-xxl #location-lookup-form-xxl #askmd-consultation input[type=submit], #mega-on-tv-xxl #location-lookup-form-xxl #raap-wrapper input[type=submit], #mega-on-tv-xxl #location-lookup-form-xxl .btn, #raap-wrapper #mega-on-tv #location-lookup-form input[type=submit], #raap-wrapper #mega-on-tv #location-lookup-form-xxl input[type=submit], #raap-wrapper #mega-on-tv-xxl #location-lookup-form input[type=submit], #raap-wrapper #mega-on-tv-xxl #location-lookup-form-xxl input[type=submit] {
font-size: 14px;
width: 78px
}
#askmd-consultation #mega-on-tv #location-lookup-form input[type=submit]:hover, #askmd-consultation #mega-on-tv #location-lookup-form-xxl input[type=submit]:hover, #askmd-consultation #mega-on-tv-xxl #location-lookup-form input[type=submit]:hover, #askmd-consultation #mega-on-tv-xxl #location-lookup-form-xxl input[type=submit]:hover, #mega-on-tv #location-lookup-form #askmd-consultation input[type=submit]:hover, #mega-on-tv #location-lookup-form #raap-wrapper input[type=submit]:hover, #mega-on-tv #location-lookup-form .btn:hover, #mega-on-tv #location-lookup-form-xxl #askmd-consultation input[type=submit]:hover, #mega-on-tv #location-lookup-form-xxl #raap-wrapper input[type=submit]:hover, #mega-on-tv #location-lookup-form-xxl .btn:hover, #mega-on-tv-xxl #location-lookup-form #askmd-consultation input[type=submit]:hover, #mega-on-tv-xxl #location-lookup-form #raap-wrapper input[type=submit]:hover, #mega-on-tv-xxl #location-lookup-form .btn:hover, #mega-on-tv-xxl #location-lookup-form-xxl #askmd-consultation input[type=submit]:hover, #mega-on-tv-xxl #location-lookup-form-xxl #raap-wrapper input[type=submit]:hover, #mega-on-tv-xxl #location-lookup-form-xxl .btn:hover, #raap-wrapper #mega-on-tv #location-lookup-form input[type=submit]:hover, #raap-wrapper #mega-on-tv #location-lookup-form-xxl input[type=submit]:hover, #raap-wrapper #mega-on-tv-xxl #location-lookup-form input[type=submit]:hover, #raap-wrapper #mega-on-tv-xxl #location-lookup-form-xxl input[type=submit]:hover {
cursor: pointer
}
#mega-on-tv-xxl {
top: 64px
}
@media screen and (min-width:0px) and (max-width:969px) {
#mega-on-tv-xxl {
display: none!important
}
}
#mega-social .newsletter-signup #email {
width: 200px
}
@media screen and (min-width:768px) and (max-width:799px) {
#mega-social .wrap {
padding: 0 15px
}
#mega-social .newsletter-signup #email {
width: 190px
}
#mega-social #nav-signup {
width: 44%
}
}
#mega-social #nav-signup {
box-sizing: border-box;
overflow: hidden;
padding-right: 0;
padding-left: 40px
}
#mega-social #social-links-section {
width: 100%;
max-width: 290px;
padding-right: 10px
}
#mega-social #social-links-section .header-social-btns {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
flex-flow: column wrap;
-ms-flex-flow: column wrap;
height: 160px
}
#mega-social #social-links-section .header-social-btns button {
text-decoration: none;
font-size: 14px;
font-family: "Proxima Nova";
font-weight: 700;
color: #000;
padding: 0;
width: 100%;
height: 100%
}
#mega-social #social-links-section .header-social-btns button:hover {
background: 0 0
}
#mega-social #social-links-section .header-social-btns li {
position: relative;
width: 120px;
height: 40px;
box-sizing: border-box
}
#mega-social #social-links-section .header-social-btns li:nth-child(-n+4) {
margin-right: 30px
}
#mega-social #social-links-section .header-social-btns li:hover {
background-color: #e6f2f6
}
#mega-social #social-links-section .header-social-btns li .social-link {
margin: auto
}
#mega-social #social-links-section .header-social-btns li .icon-twitter-blue {
left: 2px!important
}
#mega-social #social-links-section .header-social-btns li .icon {
position: absolute;
top: 12px;
left: 5px
}
#mega-social #social-links-section .header-social-btns li span {
position: absolute;
left: 33px;
top: 15px
}
@media screen and (min-width:600px) and (max-width:650px) {
.header-station-info {
max-width: 30%
}
}
.header-station-info li {
clear: both;
padding-top: 30px
}
.header-station-info li:first-child {
padding-top: 0
}
.header-station-info .station-img {
float: left;
padding-right: 15px
}
.header-station-info .station, .header-station-info .time {
display: block;
color: #000;
font-family: Georgia
}
.header-station-info .time {
font-style: italic;
margin: 3px 0
}
#mobile-nav {
background-image: -owg-linear-gradient(#f3fcff, #f0f9fc, #ecf4f7);
background-image: linear-gradient(#f3fcff, #f0f9fc, #ecf4f7);
position: absolute;
left: -258px;
width: 258px;
top: -60px;
height: auto;
overflow: visible;
overflow-x: hidden;
display: none
}
.slick-loading .slick-slide, .slick-loading .slick-track, .swipe {
visibility: hidden
}
#mobile-nav h3 {
position: fixed;
transform: translateY(0);
z-index: 2;
width: 228px;
height: 18px;
padding: 20px 0 20px 30px;
overflow: hidden;
background: #fff;
border-bottom: 1px solid #e2e2e2;
color: #000;
font-size: 20px;
font-family: 'Open Sans', sans-serif;;
font-weight: 600
}
#mobile-nav #inner {
position: fixed;
top: 0;
left: 0;
width: 258px;
height: 100%;
overflow-x: hidden
}
#mobile-nav #login, #mobile-nav #more {
position: relative;
list-style: none
}
#mobile-nav #login #more-xl, #mobile-nav #login #tablet-nav-btn, #mobile-nav #more #more-xl, #mobile-nav #more #tablet-nav-btn {
display: none!important
}
#mobile-nav #login #mega-user-login, #mobile-nav #more #mega-user-login {
margin: 60px 0 0;
position: relative
}
#mobile-nav #login #mega-more, #mobile-nav #login #mega-user-login, #mobile-nav #more #mega-more, #mobile-nav #more #mega-user-login {
z-index: 1;
padding: 0;
display: none;
overflow-x: hidden;
background: 0 0
}
@media screen and (min-width:0px) and (max-width:599px) {
#mobile-nav #login #mega-more, #mobile-nav #login #mega-user-login, #mobile-nav #more #mega-more, #mobile-nav #more #mega-user-login {
border: none;
display: block;
box-shadow: none
}
#mobile-nav #login #mega-more .wrap, #mobile-nav #login #mega-user-login .wrap, #mobile-nav #more #mega-more .wrap, #mobile-nav #more #mega-user-login .wrap {
padding: 0;
margin: 0;
min-width: inherit;
width: 258px;
display: block
}
#mobile-nav #login #mega-more .section, #mobile-nav #login #mega-user-login .section, #mobile-nav #more #mega-more .section, #mobile-nav #more #mega-user-login .section {
box-sizing: border-box;
overflow: hidden;
width: 100%;
float: none;
display: block;
margin: 0;
border-bottom: 1px solid #e2e2e2;
min-height: inherit;
padding: 30px
}
}
#mobile-overlay {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
top: 0;
left: 0;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/header/1x1-dark-overlay.png);
background: rgba(0,0,0,.5)
}
@media screen and (min-width:600px) {
#mobile-overlay {
display: none!important
}
}
#user-login {
display: table
}
#user-login h4 {
color: #198AA3!important
}
#user-login #why-create-profile {
display: table-cell;
width: 80%
}
@media screen and (min-width:970px) {
#user-login #why-create-profile {
width: 60%
}
}
#user-login #why-create-profile p {
padding-top: 5px;
color: #000;
white-space: normal
}
#user-login #why-create-profile div {
max-width: 455px;
margin: 0 auto
}
@media screen and (min-width:768px) and (max-width:969px) {
#user-login #why-create-profile div {
max-width: 375px;
margin: 0;
padding: 0
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#user-login #why-create-profile div {
max-width: 245px;
margin: 0;
padding: 0
}
}
#user-login .logged-in-nav, #user-login .logged-out-nav {
width: 16%
}
#sign-out a span {
color: #3cb7db;
vertical-align: middle;
padding-left: 5px
}
#sign-out .icon {
margin-left: 2px
}
#secondary-header {
width: 100%;
overflow: hidden;
background: #083969;
height: 64px;
text-transform: uppercase;
font-family: "Proxima Nova", sans-serif;
font-weight: 700
}
#secondary-header #header-pwrby-sharecare-wrap {
width: 16.70103%;
float: left;
margin-top: 14px
}
#secondary-header #header-pwrby-sharecare-wrap a {
position: relative;
float: left;
display: none
}
@media screen and (min-width:970px) {
#secondary-header #header-pwrby-sharecare-wrap a {
display: block
}
}
#secondary-header #header-pwrby-sharecare-wrap a img {
float: left;
max-width: 162px
}
#secondary-header #hot-topics-wrap {
float: left;
width: 51.23711%;
overflow: hidden
}
#secondary-header #secondary-watch-oz-wrap {
float: left;
width: 31.95876%;
text-align: right
}
#secondary-header #secondary-watch-oz-wrap .station-info-link {
white-space: nowrap;
line-height: 1rem
}
#secondary-header #hot-topics, #secondary-header #secondary-watch-oz {
margin-top: 14px
}
#secondary-header #hot-topics h6, #secondary-header #secondary-watch-oz h6 {
color: #fff;
float: left;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 18px
}
#secondary-header #hot-topics ul, #secondary-header #secondary-watch-oz ul {
list-style: none;
padding: 0;
margin: 0;
position: relative
}
#secondary-header #hot-topics ul li, #secondary-header #secondary-watch-oz ul li {
display: inline;
border-left: 1px solid #fff;
padding: 0 5px
}
#secondary-header #hot-topics ul li:first-child, #secondary-header #secondary-watch-oz ul li:first-child {
border-left: none
}
#secondary-header #hot-topics ul li a, #secondary-header #secondary-watch-oz ul li a {
color: #fff;
text-decoration: underline
}
#secondary-header #hot-topics ul li a:hover, #secondary-header #secondary-watch-oz ul li a:hover {
text-decoration: none;
color: #E5EDCA
}
#secondary-header #hot-topics ul li a.current, #secondary-header #secondary-watch-oz ul li a.current {
color: #E5EDCA
}
#secondary-header #secondary-watch-oz ul li:last-child {
padding-right: 0
}
#secondary-header #hot-topics {
font-size: 12px;
line-height: 18px;
text-align: center;
margin-top: 16px
}
#secondary-header #hot-topics h6 {
display: inline
}
#secondary-header #hot-topics ul {
display: inline-block
}
#secondary-header #hot-topics #inner-wrap {
padding: 8px 12px;
display: inline-block
}
#secondary-header #secondary-watch-oz {
position: relative;
background-color: transparent;
width: 310px;
float: right;
padding: 0
}
#secondary-header #secondary-watch-oz ul li:first-child {
padding-left: 0
}
#secondary-header #secondary-watch-oz ul li a {
font-size: 10px
}
#secondary-header #secondary-watch-oz .watch-oz-txt {
color: #E5EDCA;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 18px
}
#footer-links a, #secondary-header #secondary-watch-oz .pink-dbl-slash, #secondary-header #secondary-watch-oz .station, #sites-search ul li a {
font-family: "Proxima Nova", sans-serif
}
#secondary-header #secondary-watch-oz .pink-dbl-slash {
position: relative;
top: -2px;
color: #198AA3;
padding: 0 3px;
font-weight: 600;
font-size: 20px
}
#secondary-header #secondary-watch-oz .station {
display: inline;
white-space: nowrap;
position: relative;
color: #fff;
top: -4px;
font-size: 15px
}
#secondary-header #secondary-watch-oz .station .time {
font-style: italic
}
#secondary-header #secondary-watch-oz .station-img {
float: right;
position: relative;
top: -4px;
width: 45px;
right: 0;
margin: 0 0 0 10px
}
#secondary-header #secondary-watch-oz .station-img img {
width: 100%
}
#footer-container {
background-image: -owg-linear-gradient(#fefefe, #fff);
background-image: linear-gradient(#fefefe, #fff);
color: #bdbfbf
}
#footer-links {
overflow: hidden;
color: #bdbfbf;
text-transform: uppercase;
background-color: #f2f2f2;
padding: 5px 0
}
@media screen and (min-width:0px) and (max-width:767px) {
#footer-links {
background-color: transparent;
padding: 10px
}
#footer-links a {
color: #bdbfbf
}
}
#footer-links ul {
margin: 0 auto;
text-align: center;
list-style: none inside;
float: none;
line-height: 26px
}
#footer-links li {
font-size: 12px;
line-height: 12px;
float: none;
display: inline-block;
vertical-align: middle
}
#footer-links li.last a {
border-right: none;
padding-right: 0
}
#footer-links a, #sites-search ul li {
border-right: 1px solid #dbdedc;
vertical-align: middle
}
#footer-links a {
color: #bdbfbf;
text-decoration: none;
margin: 0;
display: inline-block;
padding: 0 10px 0 7px;
font-weight: 600
}
#footer-links a:hover {
color: #198AA3;
text-decoration: none
}
#sites-search {
max-width: 675px;
margin: 30px auto 0
}
#sites-search ul {
display: table;
width: 100%;
padding: 0;
text-align: center;
margin-bottom: 0
}
#sites-search ul li {
padding: 0 20px;
display: table-cell;
min-height: 50px;
float: none;
text-align: center
}
#sites-search ul li a {
display: block;
height: 100%;
color: #bdbfbf;
font-weight: 700;
font-size: 11px;
line-height: 11px;
text-decoration: none;
text-transform: uppercase
}
#sites-search ul li a img {
width: 100%;
max-width: 100%
}
@media screen and (min-width:0px) and (max-width:767px) {
#sites-search {
width: 100%;
margin: 0
}
#sites-search ul {
display: block;
margin: 0;
padding: 10px 0 15px;
border-top: 1px solid #dbdedc;
border-bottom: 1px solid #dbdedc
}
#sites-search ul li {
display: inline;
padding: 0 10px
}
#sites-search ul li a {
display: inline-block
}
#sites-search ul li a:hover {
text-decoration: underline;
color: #198AA3
}
}
#sites-search ul li.first {
padding-left: 0
}
#sites-search ul li.last {
border-right: none;
padding-right: 0
}
.ie8 #sites-search ul li a img {
width: auto
}
#legal {
text-align: center;
padding: 18px 10px 30px
}
#legal a, #legal p {
color: #bdbfbf
}
#legal a:hover {
color: #198AA3
}
#legal p {
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 14px;
line-height: 1.6
}
@media screen and (min-width:0px) and (max-width:727px) {
.hide-lt-728 {
display: none!important
}
}
@media screen and (min-width:0px) and (max-width:969px) {
.hide-lt-970 {
display: none!important
}
}
#footer-ad-space .ad-wrap, #header-ad-space .ad-wrap, #header-ad-space .block-content>div, #header-ad-space .block-content>iframe, #header-ad-space .block-content>ins, #header-ad-space .block-content>object {
display: inline-block
}
#header-ad-space {
clear: both;
background: #eeecec;
background-image: -owg-linear-gradient(#fff, #efefef);
background-image: linear-gradient(#fff, #efefef);
padding: 15px 0;
border-bottom: 1px solid #dbdedc;
text-align: center
}
#header-ad-space img {
max-width: inherit
}
#header-ad-space .head-foot-ad-728x90 {
display: none
}
@media screen and (min-width:600px) and (max-width:799px) {
#header-ad-space .head-foot-ad-728x90 {
max-width: 100%;
display: block
}
}
#header-ad-space .head-foot-ad-300x50 {
display: none
}
@media screen and (min-width:0px) and (max-width:599px) {
#header-ad-space {
padding: 0;
min-height: auto
}
#header-ad-space .head-foot-ad-300x50 {
display: block
}
}
#header-ad-space section {
padding-left: 0;
padding-right: 0
}
#footer-ad-space {
background: #fff;
padding: 20px 0 30px;
text-align: center
}
@media screen and (min-width:0px) and (max-width:479px) {
#header-ad-space {
border-bottom: none
}
#footer-ad-space {
padding: 20px 0 0
}
#footer-ad-space div, #header-ad-space div {
width: auto!important;
height: auto!important
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#header-ad-space {
border-bottom: none
}
#footer-ad-space {
padding: 0
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#footer-ad-space {
padding: 18px 0
}
}
#footer-ad-space, #header-ad-space {
overflow: hidden;
min-height: 90px
}
@media screen and (min-width:0px) and (max-width:767px) {
#legal {
background-color: transparent;
padding-top: 10px
}
#header-ad-space .block-content>div, #header-ad-space .block-content>iframe, #header-ad-space .block-content>ins, #header-ad-space .block-content>object {
margin: 0!important
}
#header-ad-space {
padding: 0
}
#footer-ad-space, #header-ad-space {
min-height: 50px
}
}
#footer-ad-space .ad-label, #header-ad-space .ad-label {
display: none!important
}
#footer-ad-space div, #header-ad-space div {
float: none!important
}
.sponsored-by-small {
font-family: Georgia, serif;
font-size: 9px;
text-transform: uppercase;
text-align: center;
display: inline-block
}
.sponsored-by-small.inline .sponsored-by-small-text, .sponsored-by-small.inline img {
margin: 0 auto
}
.sponsored-by-small .ad-label {
display: none!important
}
.ad-label, .sponsored-by-small {
color: #dcdcdc
}
.sponsored-by-small-text {
text-overflow: clip;
overflow: hidden;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-align: center
}
.swipe, .swipe-wrap {
overflow: hidden;
position: relative
}
.swipe-wrap>div {
float: left;
width: 100%;
position: relative
}
.elastislide-list {
display: none
}
.no-js .elastislide-list {
display: block
}
.elastislide-wrapper {
position: relative;
background-color: #fff;
margin: 0 auto;
min-height: 60px
}
.elastislide-wrapper.elastislide-loading {
background-repeat: no-repeat;
background-position: center center
}
.elastislide-vertical {
padding: 40px 10px
}
.elastislide-carousel ul, .slick-list {
margin: 0;
padding: 0;
position: relative
}
.elastislide-carousel {
position: relative;
overflow: hidden
}
.elastislide-carousel ul {
display: block;
transform: translateX(0)
}
.elastislide-horizontal ul {
white-space: nowrap
}
.elastislide-carousel ul li {
min-width: 20px;
margin: 0
}
.elastislide-horizontal ul li {
height: 100%;
display: inline-block
}
.elastislide-vertical ul li {
display: block
}
.elastislide-carousel ul li a {
display: block;
width: 100%
}
.elastislide-carousel ul li a img {
display: block;
border: 2px solid #fff;
max-width: 100%
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y
}
.slick-list {
overflow: hidden;
display: block
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:after, .slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
.chosen-rtl .chosen-choices li, [dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.tooltipster-default {
border-radius: 5px;
border: 2px solid #000;
background: #4c4c4c;
color: #fff
}
.tooltipster-default .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
overflow: hidden
}
.tooltipster-icon {
cursor: help;
margin-left: 4px
}
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
width: auto;
overflow: visible
}
.tooltipster-base .tooltipster-content {
overflow: hidden
}
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0;
height: 0;
position: absolute
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-left span, .tooltipster-arrow-top-right span {
border-left: 8px solid transparent!important;
border-right: 8px solid transparent!important;
border-top: 8px solid;
bottom: -7px
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border {
border-left: 9px solid transparent!important;
border-right: 9px solid transparent!important;
border-top: 9px solid;
bottom: -7px
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-left span, .tooltipster-arrow-bottom-right span {
border-left: 8px solid transparent!important;
border-right: 8px solid transparent!important;
border-bottom: 8px solid;
top: -7px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
border-left: 9px solid transparent!important;
border-right: 9px solid transparent!important;
border-bottom: 9px solid;
top: -7px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top span {
left: 0;
right: 0;
margin: 0 auto
}
.tooltipster-arrow-bottom-left span, .tooltipster-arrow-top-left span {
left: 6px
}
.tooltipster-arrow-bottom-left .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
left: 5px
}
.tooltipster-arrow-bottom-right span, .tooltipster-arrow-top-right span {
right: 6px
}
.tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border {
right: 5px
}
.tooltipster-arrow-left .tooltipster-arrow-border, .tooltipster-arrow-left span {
border-top: 8px solid transparent!important;
border-bottom: 8px solid transparent!important;
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -7px
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent!important;
border-bottom: 9px solid transparent!important;
border-left: 9px solid;
margin-top: -8px
}
.tooltipster-arrow-right .tooltipster-arrow-border, .tooltipster-arrow-right span {
border-top: 8px solid transparent!important;
border-bottom: 8px solid transparent!important;
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent!important;
border-bottom: 9px solid transparent!important;
border-right: 9px solid;
margin-top: -8px
}
.tooltipster-fade {
opacity: 0;
transition-property: opacity
}
.tooltipster-fade-show {
opacity: 1
}
.tooltipster-grow {
transform: scale(0, 0);
transition-property: transform
}
.tooltipster-grow-show {
transform: scale(1, 1);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-swing {
opacity: 0;
transform: rotateZ(4deg);
transition-property: transform
}
.tooltipster-swing-show {
opacity: 1;
transform: rotateZ(0);
transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}
.tooltipster-fall, .tooltipster-slide {
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-fall {
top: 0;
transition-property: top
}
.tooltipster-fall.tooltipster-dying {
transition-property: all;
top: 0!important;
opacity: 0
}
.tooltipster-slide {
left: -40px;
transition-property: left
}
.tooltipster-slide.tooltipster-dying {
transition-property: all;
left: 0!important;
opacity: 0
}
.tooltipster-content-changing {
opacity: .5;
transform: scale(1.1, 1.1)
}
.tooltipster-droz {
border: 1px solid #dbdbdb;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0,0,0,.2);
background: #fff;
background-image: -owg-linear-gradient(#fff, #f2f2f2);
background-image: linear-gradient(#fff, #f2f2f2)
}
.tooltipster-droz .tooltipster-content {
font-size: 14px;
line-height: 16px;
padding: 15px 20px 20px;
overflow: hidden
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0,0,0,.15)
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0
}
.chosen-container a {
cursor: pointer
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 23px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px
}
.chosen-container-single .chosen-default {
color: #999
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/plugins/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/plugins/chosen-sprite.png) 0 2px no-repeat
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap
}
.chosen-container-single .chosen-search input[type=text] {
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/plugins/chosen-sprite.png) 100% -20px no-repeat;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px
}
.chosen-container .chosen-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
-webkit-touch-callout: none
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff
}
.chosen-container .chosen-results li.no-results {
display: list-item;
background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: auto!important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 5px;
height: 15px;
outline: 0;
border: 0!important;
background: 0 0!important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0
}
.chosen-container-multi .chosen-choices li.search-field .default {
color: #999
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #e4e4e4;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-clip: padding-box;
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05);
color: #333;
line-height: 13px;
cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/plugins/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: linear-gradient(#eee 20%, #fff 80%);
box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: 0 0
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #111!important
}
.chosen-disabled {
opacity: .5!important;
cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single {
cursor: default
}
.chosen-rtl {
text-align: right
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0
}
.fancybox-inner, .ui-icon {
overflow: hidden
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px
}
.chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search {
left: 9999px
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none
}
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/plugins/chosen-sprite.png) -30px -20px no-repeat;
direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-zfix, .ui-widget-overlay {
left: 0;
height: 100%;
position: absolute;
top: 0
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.5;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-clearfix {
min-height: 0
}
.ui-helper-zfix {
width: 100%;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default!important
}
.ui-icon {
display: block;
text-indent: -99999px;
background-repeat: no-repeat
}
.ui-widget-overlay {
width: 100%
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
list-style-image: url(../fonts/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-divider {
margin: 5px -2px;
height: 0;
font-size: 0;
line-height: 0
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 4px 17px;
margin: 0;
line-height: 1.5;
min-height: 0;
color: #000;
border-top: 1px solid #dbdedc;
font-family: 'Open Sans', sans-serif;;
font-weight: 400;
font-size: 20px
}
.ui-menu .ui-menu-item a:hover {
color: #3cb7db
}
.ui-menu .ui-menu-item:first-child a {
border: none
}
.ui-state-focus a {
color: #3cb7db!important
}
.ui-autocomplete-term {
font-weight: 300;
padding: 0;
margin: 0;
position: relative;
top: 0
}
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: 400;
color: #3cb7db;
background: #fff
}
.ui-menu .ui-state-disabled {
font-weight: 400;
margin: .4em 0 .2em;
line-height: 1.5
}
.ui-menu .ui-state-disabled a {
cursor: default
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em
}
.ui-menu .ui-menu-icon {
position: static;
float: right
}
.outbrain__wrap {
clear: both;
text-align: center
}
@media screen and (min-width:0px) and (max-width:767px) {
.outbrain__wrap {
text-align: left
}
}
.heading-wrap.centered, .sidebar__heading {
text-align: center
}
.outbrain__branding {
color: #999;
font-size: 10px;
line-height: 10px;
font-family: arial;
text-decoration: none
}
.outbrain__branding .icon-outbrain {
margin-bottom: -4px;
margin-left: 2px
}
.outbrain__branding:hover {
color: #999
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
padding: 0;
margin: 0;
border: 0;
outline: 0;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-inner, .fancybox-outer, .fancybox-skin {
position: relative
}
.fancybox-skin {
background: #f9f9f9;
color: #444;
text-shadow: none
}
.fancybox-opened {
z-index: 8030
}
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0,0,0,.5)
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-iframe, .fancybox-image {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/fancybox/fancybox_sprite.png)
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer;
z-index: 8060
}
.fancybox-close, .fancybox-nav, .fancybox-nav span {
z-index: 8040;
position: absolute;
cursor: pointer
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/fancybox/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
top: -18px;
right: -18px;
width: 36px;
height: 36px
}
.fancybox-nav {
top: 0;
width: 40%;
height: 100%;
text-decoration: none;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/fancybox/blank.gif)
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
visibility: hidden
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible!important
}
.fancybox-lock, .fancybox-lock body {
overflow: hidden!important
}
.fancybox-lock {
width: auto
}
.fancybox-lock-test {
overflow-y: hidden!important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background-color: rgba(255,255,255,.8)
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: 0 0;
background: rgba(0,0,0,.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: 700;
line-height: 24px;
white-space: nowrap
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0,0,0,.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px
}
#fancybox-loading div {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px
}
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel {
display: none;
width: 100%;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
display: none
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.owl-carousel .owl-rtl {
direction: rtl
}
.owl-carousel .owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../fonts/https://rightdailyfeed.com/assets/cbd-77/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
transition: scale .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
.ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
display:none!important
}
* html {
font-size: 100%
}
html {
font-size: 16px;
line-height: 26px
}
body {
color: #6a6a6a;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
em, i {
font-style: italic
}
p {
font-size: 14px;
line-height: 21px
}
.h1, .h2, .h3 {
line-height: 52px
}
.h1 {
font-size: 38px
}
.h2 {
font-size: 30px
}
.h3 {
font-size: 24px
}
.h4, .h5 {
line-height: 26px
}
.h4 {
font-size: 22px
}
.h5 {
font-size: 20px
}
.form-text {
background-color: #fff;
box-shadow: inset 0 0 3px #ddd, inset 0 0 4px #fafafa;
box-sizing: border-box;
border-radius: 0;
-webkit-appearance: none;
border: 1px solid #dddbdb;
color: #b2b2b2;
padding: 10px;
font-size: 14px;
font-family: "Proxima Nova", sans-serif;
font-weight: 700
}
.form-text:focus {
color: #666;
font-family: Georgia, serif;
font-weight: 100
}
.form-text.placeholderjs {
opacity: 1
}
.form-text::-webkit-input-placeholder {
opacity:1
}
.form-text:-moz-placeholder {
opacity:1
}
.form-text::-moz-placeholder {
opacity:1
}
.form-text:-ms-input-placeholder {
opacity:1
}
.form-text[type=password] {
font-family: sans-serif
}
.form-inline, .form-inline .form-group {
float: left
}
#askmd-consultation input.form-button[type=submit], #raap-wrapper input.form-button[type=submit], .btn.form-button {
padding: 5px 10px
}
#askmd-consultation input.form-button[type=submit]:hover, #raap-wrapper input.form-button[type=submit]:hover, .btn.form-button:hover {
background-image: -owg-linear-gradient(#34abd6, #30a7d2, #2ca3ce);
background-image: linear-gradient(#34abd6, #30a7d2, #2ca3ce);
outline: #ccc dotted 2px
}
label.error, p.error, span.error {
display: block;
color: #FE2525;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
line-height: 10px;
padding-top: 10px;
margin-bottom: 20px
}
label.error:empty, p.error:empty, span.error:empty {
display: none
}
section#user-area .form-text {
padding: 0;
border: none;
box-shadow: none
}
section#user-area .form-text.placeholderjs {
opacity: 1;
color: #d2d2d2
}
section#user-area .form-text::-webkit-input-placeholder {
opacity:1;
color:#d2d2d2
}
section#user-area .form-text:-moz-placeholder {
opacity:1;
color:#d2d2d2
}
section#user-area .form-text::-moz-placeholder {
opacity:1;
color:#d2d2d2
}
section#user-area .form-text:-ms-input-placeholder {
opacity:1;
color:#d2d2d2
}
section#user-area span.error {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/icon/error-icon.png) left top no-repeat;
line-height: 1.2em;
clear: both;
position: relative;
top: 0;
padding: 0 0 0 12px;
color: #FE2525;
text-transform: none;
width: auto;
font-family: Georgia;
font-weight: 400;
font-style: italic;
font-size: .875em;
background-size: 10px
}
#askmd-consultation section#user-area input[type=submit], #raap-wrapper section#user-area input[type=submit], section#user-area #askmd-consultation input[type=submit], section#user-area #raap-wrapper input[type=submit], section#user-area .btn {
line-height: normal;
padding: 7px 30px;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: .875em
}
#askmd-consultation section#user-area input[type=submit]:hover, #raap-wrapper section#user-area input[type=submit]:hover, section#user-area #askmd-consultation input[type=submit]:hover, section#user-area #raap-wrapper input[type=submit]:hover, section#user-area .btn:hover {
cursor: pointer;
outline: #ccc dotted 2px
}
#askmd-consultation section#user-area input[type=submit]:focus, #raap-wrapper section#user-area input[type=submit]:focus, section#user-area #askmd-consultation input[type=submit]:focus, section#user-area #raap-wrapper input[type=submit]:focus, section#user-area .btn:focus {
outline: #ccc dotted 2px
}
section#user-area .field, section#user-area .radio, section#user-area .select {
padding-bottom: 6px;
position: relative;
border-bottom: 1px dotted #e2e2e2;
margin-bottom: 28px;
clear: both;
display: block;
float: left
}
section#user-area .field label, section#user-area .radio label, section#user-area .select label {
vertical-align: bottom;
line-height: 1em;
display: inline-block;
float: left;
text-transform: uppercase;
color: #000;
width: 90px;
font-family: 'Open Sans', sans-serif;;
font-size: .8125em
}
section#user-area .field {
margin-bottom: 18px
}
section#user-area .radio .custom-radio {
padding: 5px 0 5px 15px;
margin-left: 15px;
border-left: 1px solid #d2d2d2
}
section#user-area .radio .custom-radio:first-child {
padding: 5px 0;
margin-left: 0;
border-left: none
}
section#user-area .checkbox {
clear: both;
line-height: 1.2em;
font-size: .93333em
}
section#user-area .checkbox ul {
margin: 5px 0 15px
}
section#user-area .checkbox input {
float: left;
margin-bottom: 10px
}
section#user-area .checkbox label, section#user-area .checkbox label a {
vertical-align: top
}
section#user-area .checkbox label {
position: relative;
top: -3px;
left: 8px
}
section#user-area .checkbox .checkbox-item {
float: left;
clear: both;
margin: 12px 0 18px
}
section#user-area .checkbox .checkbox-item:first-child {
margin: 0
}
section#user-area form {
clear: both
}
section#user-area form .buttons {
margin-top: 26px
}
section#user-area form p {
font-size: .875em
}
section#user-area form>div {
float: left;
width: 68%;
list-style: none;
padding: 0;
margin: 30px 0 20px
}
@media screen and (min-width:970px) {
section#user-area form>div {
width: 50%
}
}
@media screen and (min-width:768px) and (max-width:969px) {
section#user-area form>div {
width: 45%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
section#user-area form>div {
width: 100%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
section#user-area form>div {
width: 55%
}
}
section#user-area form>div div.remember {
clear: both;
padding: 0;
font-size: .875em;
font-weight: 400
}
section#user-area form>div li.password-confirm label {
line-height: 1.2em
}
section#user-area form>div li.password-confirm input {
top: 15px
}
section#user-area form .custom-radio label, section#user-area form .custom-select-drop-down, section#user-area form .input, section#user-area form input[type=text], section#user-area form input[type=password], section#user-area form input[type=email] {
width: 68%;
display: inline-block;
float: left;
vertical-align: bottom
}
@media screen and (min-width:0px) and (max-width:767px) {
section#user-area form .custom-radio label, section#user-area form .custom-select-drop-down, section#user-area form .input, section#user-area form input[type=text], section#user-area form input[type=password], section#user-area form input[type=email] {
width: 59%
}
}
section#user-area form .custom-radio label:-webkit-autofill, section#user-area form .custom-select-drop-down:-webkit-autofill, section#user-area form .input:-webkit-autofill, section#user-area form input[type=text]:-webkit-autofill, section#user-area form input[type=password]:-webkit-autofill, section#user-area form input[type=email]:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px #fff inset
}
section#user-area form .custom-radio label, section#user-area form .custom-select-input, section#user-area form .input, section#user-area form input[type=text], section#user-area form input[type=password], section#user-area form input[type=email], section#user-area form select {
position: relative;
margin-top: -5px;
padding-top: 6px;
color: #919191;
outline: 0;
text-transform: none;
border: none;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: .75em
}
section#user-area form .custom-radio label:active, section#user-area form .custom-radio label:focus, section#user-area form .custom-select-input:active, section#user-area form .custom-select-input:focus, section#user-area form .input:active, section#user-area form .input:focus, section#user-area form input[type=text]:active, section#user-area form input[type=text]:focus, section#user-area form input[type=password]:active, section#user-area form input[type=password]:focus, section#user-area form input[type=email]:active, section#user-area form input[type=email]:focus, section#user-area form select:active, section#user-area form select:focus {
color: #000;
outline: 0
}
section#user-area form input[type=radio] {
padding: 0;
margin: 0 4px;
width: 8px;
display: inline-block
}
section#user-area form select {
width: 50%;
-webkit-appearance: none;
-moz-appearance: none;
opacity: 0;
z-index: 10;
top: 3px;
position: absolute;
height: 12px
}
section#user-area form select:focus+.custom-select-input {
color: #000
}
section#user-area form select option {
background: #f7f7f7;
border-bottom: 1px solid #dbdedc;
text-transform: none;
padding: 14px 16px;
color: #000
}
section#user-area form select option:active, section#user-area form select option:focus {
outline: 0;
color: #000
}
section#user-area form .select div {
vertical-align: top;
width: 100%;
height: 100%
}
section#user-area form .custom-radio {
display: inline-block
}
section#user-area form .custom-radio label {
padding-top: 0;
padding-left: 10px;
text-transform: uppercase;
top: 6px;
display: inline;
vertical-align: middle;
width: auto;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/icon/radio-unchecked.png) left 1px no-repeat;
color: #d2d2d2
}
section#user-area form .custom-radio label:hover {
color: #198AA3
}
section#user-area form .custom-radio input {
opacity: 0;
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
display: inline
}
section#user-area form .custom-radio input:focus+label {
color: #000
}
section#user-area form .custom-radio input:checked+label, section#user-area form .custom-radio input[checked]+label {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/icon/radio-checked.png);
color: #919191
}
section#user-area form .custom-radio-branded {
display: inline-block
}
section#user-area form .custom-radio-branded label {
padding-top: 0;
padding-left: 10px;
text-transform: uppercase;
top: 6px;
display: inline;
vertical-align: middle;
width: auto;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/icon/radio-unchecked.png) left 1px no-repeat;
color: #d2d2d2
}
section#user-area form .custom-radio-branded label:hover {
color: #198AA3
}
section#user-area form .custom-radio-branded input {
opacity: 0;
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
display: inline
}
section#user-area form .custom-radio-branded input:focus+label {
color: #000
}
section#user-area form .custom-radio-branded input:checked+label, section#user-area form .custom-radio-branded input[checked]+label {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/icon/radio-checked-branded.png);
color: #919191
}
section#user-area form .country-select {
position: relative
}
section#user-area form .custom-select-input {
color: #d2d2d2;
position: absolute;
padding-top: 0;
top: 6px;
text-transform: uppercase;
line-height: 1
}
section#user-area form .custom-select-input .valid-option {
color: #919191
}
section#user-area form .custom-select-input i {
position: relative;
top: -1px;
margin-left: 5px
}
section#user-area form div.single-field {
position: relative
}
section#user-area form div.single-field label {
display: none
}
section#user-area form div.single-field input {
background-color: #fff;
box-shadow: inset 0 0 3px #ddd, inset 0 0 4px #fafafa;
box-sizing: border-box;
border-radius: 0;
-webkit-appearance: none;
border: 1px solid #dddbdb;
color: #b2b2b2;
padding: 10px;
font-size: 14px;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
margin: 0;
height: 36px
}
section#user-area form div.single-field input:focus {
color: #666;
font-family: Georgia, serif;
font-weight: 100
}
section#user-area form div.single-field input.placeholderjs {
opacity: 1;
line-height: 1em;
overflow: visible
}
section#user-area form div.single-field input::-webkit-input-placeholder {
opacity:1;
line-height:1em;
overflow:visible
}
section#user-area form div.single-field input:-moz-placeholder {
opacity:1;
line-height:1em;
overflow:visible
}
section#user-area form div.single-field input::-moz-placeholder {
opacity:1;
line-height:1em;
overflow:visible
}
section#user-area form div.single-field input:-ms-input-placeholder {
opacity:1;
line-height:1em;
overflow:visible
}
section#user-area form div.single-field input[type=text].form-text {
width: 100%;
line-height: 1em
}
#askmd-consultation section#user-area form div.single-field input[type=submit], #askmd-consultation section#user-area form div.single-field input[type=submit]:focus, #askmd-consultation section#user-area form div.single-field input[type=submit]:hover, #raap-wrapper section#user-area form div.single-field input[type=submit], #raap-wrapper section#user-area form div.single-field input[type=submit]:focus, #raap-wrapper section#user-area form div.single-field input[type=submit]:hover, section#user-area form div.single-field #askmd-consultation input[type=submit], section#user-area form div.single-field #askmd-consultation input[type=submit]:focus, section#user-area form div.single-field #askmd-consultation input[type=submit]:hover, section#user-area form div.single-field #raap-wrapper input[type=submit], section#user-area form div.single-field #raap-wrapper input[type=submit]:focus, section#user-area form div.single-field #raap-wrapper input[type=submit]:hover, section#user-area form div.single-field .btn, section#user-area form div.single-field .btn:focus, section#user-area form div.single-field .btn:hover {
padding: 0 15px;
position: absolute;
right: 0;
top: 0;
line-height: 0;
box-shadow: none;
color: #fff;
border: none;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: .875em
}
.button--facebook .logo:after, .button--save-to-profile .logo:after, .button--twitter .logo:after {
content: " ";
right: -2px
}
section#user-area div.reset-password-form-group {
width: 90%
}
@media screen and (min-width:600px) and (max-width:767px) {
section#user-area div.reset-password-form-group {
width: 70%
}
}
@media screen and (min-width:768px) and (max-width:969px) {
section#user-area div.reset-password-form-group {
width: 55%
}
}
@media screen and (min-width:970px) {
section#user-area div.reset-password-form-group {
width: 65%
}
}
section#user-area div.reset-password-form-group label {
width: 125px;
white-space: nowrap
}
.link, .section-link, a {
color: #000
}
.link:hover, .section-link:hover, a:hover {
color: #198AA3
}
a.disabled:hover {
cursor: default
}
li>ol, li>ul {
margin-bottom: 0
}
.heading-wrap {
height: 10px;
background: #e6e7e6;
margin-bottom: 20px
}
.heading-wrap .heading {
position: relative;
top: -10px;
padding: 0 10px 10px 0;
font-family: 'Open Sans', sans-serif;;
font-weight: 700;
display: inline-block;
float: left;
background: #fff;
font-size: 26px;
line-height: 26px
}
@media screen and (min-width:0px) and (max-width:479px) {
.heading-wrap .heading {
font-size: 24px;
line-height: 24px
}
}
.heading-wrap.centered .heading {
float: none;
padding-left: 10px
}
.heading-wrap.dark {
background: #262626
}
.heading-wrap.dark .heading {
margin-top: -5px;
font-size: 18px;
line-height: 26px;
background: #000;
color: #3cb7db;
text-transform: uppercase
}
.heading__two-tone {
color: #031b33;
font-weight: 100!important;
font-size: 24px!important;
text-transform: uppercase;
padding: 5px 10px;
background-color: #fff;
display: inline-block
}
.heading__two-tone span {
color: #198AA3
}
.sidebar__heading {
margin-top: 40px
}
@media screen and (min-width:0px) and (max-width:767px) {
.sidebar__heading {
text-align: left;
margin-left: -10px
}
}
button {
border: none
}
button:hover {
cursor: pointer
}
.button, .button--carousel, .button--carousel--tall, .button--default, .button--facebook, .button--facebook:hover, .button--form, .button--save-to-profile, .button--save-to-profile.saved, .button--save-to-profile.success, .button--save-to-profile:hover, .button--strong, .button--strong:hover, .button--submit, .button--submit2, .button--twitter, .button--twitter:hover, .carousel .owl-next, .carousel .owl-prev, .quiz__next-quiz-inner .button--next-quiz {
border-radius: 2px;
border: 1px solid #DBDEDC;
color: #33B7DE;
background-color: #fff;
background-image: -owg-linear-gradient(#fff, #f4f4f4);
background-image: linear-gradient(#fff, #f4f4f4)
}
.button--carousel--tall:hover, .button--carousel:hover, .button--default:hover, .button--facebook:hover, .button--form:hover, .button--save-to-profile:hover, .button--strong:hover, .button--submit2:hover, .button--submit:hover, .button--twitter:hover, .button:hover, .carousel .owl-next:hover, .carousel .owl-prev:hover, .quiz__next-quiz-inner .button--next-quiz:hover {
color: #ff008f;
background-image: -owg-linear-gradient(#fff, #f6f6f6);
background-image: linear-gradient(#fff, #f6f6f6)
}
.button--carousel--tall:active, .button--carousel:active, .button--default:active, .button--facebook:active, .button--form:active, .button--save-to-profile:active, .button--strong:active, .button--submit2:active, .button--submit:active, .button--twitter:active, .button:active, .carousel .owl-next:active, .carousel .owl-prev:active, .quiz__next-quiz-inner .button--next-quiz:active {
background-image: -owg-linear-gradient(#f4f4f4, #fff);
background-image: linear-gradient(#f4f4f4, #fff)
}
.button--form, .button--submit {
background-color: #39b9de;
border-radius: 0;
background-image: -owg-linear-gradient(#39b9de, #32b0d6);
background-image: linear-gradient(#39b9de, #32b0d6);
color: #fff;
border: 0
}
.button--form:hover, .button--submit:hover {
background-color: #ff008f;
border-color: #ff008f;
color: #fff;
background-image: -owg-linear-gradient(#ff008f, #f4018c);
background-image: linear-gradient(#ff008f, #f4018c)
}
.button--submit2, .quiz__next-quiz-inner .button--next-quiz {
border-radius: 0;
color: #fff;
background-color: #198AA3;
background-image: -owg-linear-gradient(#198aa3, #198aa3, #198aa3);
background-image: linear-gradient(#198aa3, #198aa3, #198aa3);
border: 0
}
.button--submit2:hover, .quiz__next-quiz-inner .button--next-quiz:hover {
background-color: #031b33;
background-image: -owg-linear-gradient(#031b33, #031b33, #031b33);
background-image: linear-gradient(#031b33, #031b33, #031b33);
color: #fff;
border-color: #031b33
}
.button, .button--carousel, .button--carousel--tall, .button--default, .button--facebook, .button--form, .button--save-to-profile, .button--strong, .button--submit, .button--submit2, .button--twitter, .carousel .owl-next, .carousel .owl-prev, .quiz__next-quiz-inner .button--next-quiz {
padding: 0 1.5625em;
cursor: pointer;
font-family: 'Open Sans', sans-serif;;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
line-height: 34px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
box-sizing: border-box
}
.button--facebook:hover .txt, .button--save-to-profile:hover .txt, .button--strong:hover, .button--twitter:hover .txt {
text-decoration: underline
}
.button--large {
padding: 0 35px;
line-height: 40px;
font-size: 1em
}
.button__social-bar, .button__social-bar--realage {
width: 100%
}
.button__social-bar--realage {
margin-bottom: .9375em
}
.button__social-bar--realage__item {
padding-left: 20px;
box-sizing: border-box;
width: 33.3333333%
}
@media screen and (min-width:970px) {
.button__social-bar--realage__item {
width: 35.54422%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.button__social-bar--realage__item {
width: 25.72993%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.button__social-bar--realage__item {
width: 19.59459%;
padding-left: 15px
}
}
.button__social-bar--realage__item:first-child {
padding-left: 0
}
@media screen and (min-width:970px) {
.button__social-bar--realage__item:first-child {
width: 28.91156%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.button__social-bar--realage__item:first-child {
width: 48.54015%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.button__social-bar--realage__item:first-child {
width: 60.81081%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.button__social-bar--realage__item:first-child a.adv-txt {
font-size: 16px;
padding-top: 15px
}
}
.button--facebook, .button--fluid, .button--save-to-profile, .button--twitter {
width: 100%;
text-align: center
}
.button--form-button {
font-weight: 100;
padding: 7px 17px;
margin: 10px 0
}
.button--carousel, .button--carousel--tall, .carousel .owl-next, .carousel .owl-prev {
height: 31px;
width: 31px;
padding: 0;
position: relative
}
.button--carousel .icon, .button--carousel--tall .icon, .carousel .owl-next .icon, .carousel .owl-prev .icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8.5px;
margin-left: -8px;
text-indent: -999em
}
.button--carousel .rebrand-arrow-left-small, .button--carousel .rebrand-arrow-right-small, .button--carousel--tall .rebrand-arrow-left-small, .button--carousel--tall .rebrand-arrow-right-small, .carousel .owl-next .rebrand-arrow-left-small, .carousel .owl-next .rebrand-arrow-right-small, .carousel .owl-prev .rebrand-arrow-left-small, .carousel .owl-prev .rebrand-arrow-right-small {
left: 75%
}
@media screen and (min-width:0px) and (max-width:767px) {
.button--carousel .rebrand-arrow-left-small, .button--carousel .rebrand-arrow-right-small, .button--carousel--tall .rebrand-arrow-left-small, .button--carousel--tall .rebrand-arrow-right-small, .carousel .owl-next .rebrand-arrow-left-small, .carousel .owl-next .rebrand-arrow-right-small, .carousel .owl-prev .rebrand-arrow-left-small, .carousel .owl-prev .rebrand-arrow-right-small {
left: 60%
}
}
.button--carousel.elastislide-next, .carousel .elastislide-next.owl-next, .carousel .elastislide-next.owl-prev, .elastislide-next.button--carousel--tall {
margin-left: 10px
}
.button--carousel.elastislide-next i, .button--carousel.elastislide-prev i, .carousel .elastislide-next.owl-next i, .carousel .elastislide-next.owl-prev i, .carousel .elastislide-prev.owl-next i, .carousel .elastislide-prev.owl-prev i, .elastislide-next.button--carousel--tall i, .elastislide-prev.button--carousel--tall i {
top: 15px;
left: 18px
}
.button--carousel--tall {
height: 130px;
width: 24px
}
.button--facebook, .button--strong {
border-radius: 0;
height: 43px;
padding: 0;
color: #fff;
position: relative;
vertical-align: middle;
font-family: "Proxima Nova", sans-serif;
text-align: center;
zoom: 1
}
.button--strong {
background: #ff008f;
border-color: #ff008f;
width: 100%;
line-height: 45px;
font-weight: 600;
font-size: 1.125em;
float: left;
display: -moz-inline-stack;
display: inline-block
}
@media screen and (min-width:970px) {
.button--strong {
font-size: 1em
}
}
.button--strong:hover {
font-weight: 400
}
.button--facebook {
line-height: 43px;
display: -moz-inline-stack;
display: inline-block;
box-sizing: border-box;
font-weight: 600;
font-size: 1.125em;
background: #33639c;
border-color: #33639c;
background-image: -owg-linear-gradient(#3b6ba4, #33639c);
background-image: linear-gradient(#3b6ba4, #33639c)
}
.button--facebook .logo, .button--facebook .txt {
float: left;
height: 100%;
box-sizing: border-box
}
.button--facebook .logo {
position: relative;
width: 43px;
display: inline-block;
text-align: center;
border-right: 1px solid #4774a7
}
.button--facebook .txt {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
padding-left: 43px;
width: 100%;
text-align: center;
line-height: 43px;
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
font-size: 14px
}
@media screen and (min-width:970px) {
.button--facebook .txt {
font-size: 13px
}
}
.button--facebook:hover {
line-height: 43px;
color: #214a8b
}
.button--facebook .logo:after {
border-left: 1px solid #3a5990;
position: absolute;
top: 0;
height: 100%
}
@media screen and (min-width:0px) and (max-width:479px) {
.button--facebook .logo {
width: 100%
}
.button--facebook .logo, .button--facebook .logo:after {
border: none
}
}
.button--facebook:hover .logo {
border-right: 1px solid #fff
}
.button--facebook:hover .logo:after {
border-left: 1px solid #e2e2e2
}
.button--twitter {
text-align: center;
height: 43px;
line-height: 43px;
padding: 0;
position: relative;
border-radius: 0;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
box-sizing: border-box;
color: #fff;
background: #0ebeed;
border-color: #0ebeed;
background-image: -owg-linear-gradient(#16c6f5, #0ebeed);
background-image: linear-gradient(#16c6f5, #0ebeed);
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
font-size: 1.125em
}
.button--twitter .logo, .button--twitter .txt {
float: left;
height: 100%;
box-sizing: border-box
}
.button--twitter .logo {
border-right: 1px solid #20c9f3;
position: relative;
width: 43px;
display: inline-block;
text-align: center
}
.button--twitter .logo:after {
border-left: 1px solid #05b2dd;
position: absolute;
top: 0;
height: 100%
}
.button--twitter .txt {
position: absolute;
top: 0;
left: 0;
padding-left: 43px;
box-sizing: border-box;
width: 100%;
text-align: center;
line-height: 43px;
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
font-size: 14px
}
@media screen and (min-width:970px) {
.button--twitter .txt {
font-size: 13px
}
}
.button--twitter:hover {
line-height: 43px;
color: #2da8d5
}
@media screen and (min-width:0px) and (max-width:479px) {
.button--twitter .logo {
width: 100%
}
.button--twitter .logo, .button--twitter .logo:after {
border: none
}
}
.button--twitter:hover .logo {
border-right: 1px solid #fff
}
.button--twitter:hover .logo:after {
border-left: 1px solid #e2e2e2
}
.button--save-to-profile {
text-align: center;
height: 43px;
line-height: 43px;
padding: 0;
position: relative;
border-radius: 0;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
box-sizing: border-box;
color: #fff;
background: #00B41F;
border-color: #00B41F;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
font-size: 1.125em
}
.button--save-to-profile.saved, .button--save-to-profile.success {
color: #00B41F
}
.button--save-to-profile .logo, .button--save-to-profile .txt {
float: left;
height: 100%;
box-sizing: border-box
}
.button--save-to-profile .icon-profile {
display: block
}
.button--save-to-profile .icon-profile-green {
display: none
}
.button--save-to-profile .logo {
border-right: 1px solid #41c662;
position: relative;
width: 43px;
display: inline-block;
text-align: center
}
.button--save-to-profile .logo:after {
border-left: 1px solid #01a529;
position: absolute;
top: 0;
height: 100%
}
.button--save-to-profile .txt {
position: absolute;
top: 0;
left: 0;
padding-left: 43px;
box-sizing: border-box;
width: 100%;
text-align: center;
line-height: 43px;
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
font-size: 14px
}
@media screen and (min-width:970px) {
.button--save-to-profile .txt {
font-size: 13px
}
}
.button--save-to-profile:hover {
line-height: 43px;
color: #00B41F
}
@media screen and (min-width:0px) and (max-width:479px) {
.button--save-to-profile .logo {
width: 100%
}
.button--save-to-profile .logo, .button--save-to-profile .logo:after {
border: none
}
}
.button--save-to-profile.saved .logo, .button--save-to-profile.success .logo, .button--save-to-profile:hover .logo {
border-right: 1px solid #fff
}
.button--save-to-profile.saved .logo:after, .button--save-to-profile.success .logo:after, .button--save-to-profile:hover .logo:after {
border-left: 1px solid #e2e2e2
}
.button--save-to-profile .profile-text, .button--save-to-profile .saved-text {
display: none
}
.button--save-to-profile.success .saved-text {
display: inline;
font-size: 18px
}
.button--save-to-profile.saved .icon-profile, .button--save-to-profile.success .default-text, .button--save-to-profile.success .profile-text {
display: none
}
.button--save-to-profile.saved .icon-profile-green {
display: block
}
.button--save-to-profile.saved .default-text {
display: none
}
.button--save-to-profile.saved .profile-text {
display: inline
}
.button--save-to-profile.saved:hover {
background: #00B41F;
color: #fff;
border-color: #00B41F;
line-height: 43px
}
.button--save-to-profile.saved:hover .logo {
border-right: 1px solid #41c662
}
.button--save-to-profile.saved:hover .logo:after {
border-left: 1px solid #01a529
}
.button--save-to-profile.saved:hover .txt {
text-decoration: none
}
.button__list--inline .button, .button__list--inline .button--carousel, .button__list--inline .button--carousel--tall, .button__list--inline .button--default, .button__list--inline .button--facebook, .button__list--inline .button--form, .button__list--inline .button--save-to-profile, .button__list--inline .button--strong, .button__list--inline .button--submit, .button__list--inline .button--submit2, .button__list--inline .button--twitter, .button__list--inline .carousel .owl-next, .button__list--inline .carousel .owl-prev, .button__list--inline .quiz__next-quiz-inner .button--next-quiz, .carousel .button__list--inline .owl-next, .carousel .button__list--inline .owl-prev, .quiz__next-quiz-inner .button__list--inline .button--next-quiz {
margin-right: 15px
}
.button--facebook span, .button--save-to-profile span, .button--twitter span {
font-weight: 700
}
.button--carousel--tall:disabled, .button--carousel:disabled, .button--default:disabled, .button--disabled, .button--facebook:disabled, .button--form:disabled, .button--save-to-profile:disabled, .button--strong:disabled, .button--submit2:disabled, .button--submit:disabled, .button--twitter:disabled, .button:disabled, .carousel .owl-next:disabled, .carousel .owl-prev:disabled, .quiz__next-quiz-inner .button--next-quiz:disabled {
color: #8f8f8f!important;
cursor: default
}
.button--carousel--tall:active:disabled, .button--carousel--tall:hover:disabled, .button--carousel:active:disabled, .button--carousel:hover:disabled, .button--default:active:disabled, .button--default:hover:disabled, .button--disabled:active, .button--disabled:hover, .button--facebook:active:disabled, .button--facebook:hover:disabled, .button--form:active:disabled, .button--form:hover:disabled, .button--save-to-profile:active:disabled, .button--save-to-profile:hover:disabled, .button--strong:active:disabled, .button--strong:hover:disabled, .button--submit2:active:disabled, .button--submit2:hover:disabled, .button--submit:active:disabled, .button--submit:hover:disabled, .button--twitter:active:disabled, .button--twitter:hover:disabled, .button:active:disabled, .button:hover:disabled, .carousel .owl-next:active:disabled, .carousel .owl-next:hover:disabled, .carousel .owl-prev:active:disabled, .carousel .owl-prev:hover:disabled, .quiz__next-quiz-inner .button--next-quiz:active:disabled, .quiz__next-quiz-inner .button--next-quiz:hover:disabled {
color: #8f8f8f!important;
background-image: -owg-linear-gradient(#fff, #f4f4f4);
background-image: linear-gradient(#fff, #f4f4f4);
cursor: default
}
#askmd-consultation input[type=submit], #raap-wrapper input[type=submit], .btn {
font-family: 'Open Sans', sans-serif;;
text-transform: uppercase;
text-decoration: none
}
#askmd-consultation input[type=submit]:disabled, #raap-wrapper input[type=submit]:disabled, .btn:disabled {
filter: alpha(Opacity=100);
opacity: 1
}
#askmd-consultation input[type=submit]:hover, #raap-wrapper input[type=submit]:hover, .btn:hover {
color: #000
}
#askmd-consultation input.print[type=submit], #raap-wrapper input.print[type=submit], .btn.print {
display: inline-block
}
#askmd-consultation input.print[type=submit] .rebrand-print, #raap-wrapper input.print[type=submit] .rebrand-print, .btn.print .rebrand-print {
position: relative;
top: 2px;
left: 2px
}
.video-btn, .video-icon-wrap {
overflow: hidden;
left: 0;
bottom: 0
}
#askmd-consultation input.grey[type=submit], #raap-wrapper input.grey[type=submit], .btn.grey {
border-radius: 2px;
border: 1px solid #dbdedc;
font-size: .625em;
line-height: 1.4;
color: #111;
padding: 1px 8px 2px;
background-image: -owg-linear-gradient(#fff, #f4f4f4);
background-image: linear-gradient(#fff, #f4f4f4)
}
#askmd-consultation input.grey[type=submit]:hover, #raap-wrapper input.grey[type=submit]:hover, .btn.grey:hover {
background-image: -owg-linear-gradient(#fff, #f6f6f6);
background-image: linear-gradient(#fff, #f6f6f6)
}
#askmd-consultation input.grey[type=submit]:active, #raap-wrapper input.grey[type=submit]:active, .btn.grey:active {
background-image: -owg-linear-gradient(#f4f4f4, #fff);
background-image: linear-gradient(#f4f4f4, #fff)
}
#askmd-consultation input.dark-grey[type=submit], #raap-wrapper input.dark-grey[type=submit], .btn.dark-grey {
padding: 10px 15px;
color: #fff;
background-color: #2ca8d4;
font-family: 'Open Sans', sans-serif;;
text-decoration: none;
text-transform: uppercase;
text-align: center
}
#askmd-consultation input.dark-grey[type=submit]:hover, #raap-wrapper input.dark-grey[type=submit]:hover, .btn.dark-grey:hover {
background: #262626;
color: #3cb7db
}
#askmd-consultation input.dark-grey.disabled[type=submit], #askmd-consultation input.dark-grey[disabled][type=submit], #raap-wrapper input.dark-grey.disabled[type=submit], #raap-wrapper input.dark-grey[disabled][type=submit], .btn.dark-grey.disabled, .btn.dark-grey[disabled] {
background-color: #1d1d1d;
color: #474747
}
#askmd-consultation input.grey2[type=submit], #raap-wrapper input.grey2[type=submit], .btn.grey2, .recipe-page__button {
border-radius: 0;
background-image: -owg-linear-gradient(#fff 40%, #fafafa, #f5f5f5);
background-image: linear-gradient(#fff 40%, #fafafa, #f5f5f5);
box-sizing: border-box;
border: 1px solid #dbdedc;
line-height: 1em;
text-align: center;
display: block;
color: #198AA3;
font-family: "Proxima Nova", sans-serif;
font-weight: 400
}
#askmd-consultation input.grey2[type=submit]:hover, #raap-wrapper input.grey2[type=submit]:hover, .btn.grey2:hover, .recipe-page__button:hover {
background-image: -owg-linear-gradient(#fff, #fafafa 35%, #f1f1f1);
background-image: linear-gradient(#fff, #fafafa 35%, #f1f1f1);
color: #031b33;
text-decoration: underline
}
#askmd-consultation input[type=submit], #raap-wrapper input[type=submit], .btn.light-blue {
border-radius: 0!important;
background-color: #198AA3;
color: #fff;
border: 0
}
#askmd-consultation input[type=submit]:hover, #raap-wrapper input[type=submit]:hover, .btn.light-blue:hover {
background-color: #031b33
}
#askmd-consultation input.green[type=submit], #raap-wrapper input.green[type=submit], .btn.green, .recipe-page__rate-button {
border-radius: 0!important;
background-color: #198AA3;
color: #fff;
border: 0
}
#askmd-consultation input.green[type=submit]:hover, #raap-wrapper input.green[type=submit]:hover, .btn.green:hover, .recipe-page__rate-button:hover {
background-color: #031b33
}
#askmd-consultation input.pink[type=submit], #raap-wrapper input.pink[type=submit], .btn.pink {
background-color: #ff008f;
color: #fff;
border: 0
}
#askmd-consultation input.pink[type=submit]:hover, #raap-wrapper input.pink[type=submit]:hover, .btn.pink:hover {
background-color: #3cb7db
}
#askmd-consultation input.white[type=submit], #raap-wrapper input.white[type=submit], .btn.white {
background-color: #fff;
color: #3cb7db;
text-decoration: underline;
border: 1px solid #dbdedc;
padding: 6px 10px 7px;
font-family: "Proxima Nova", sans-serif;
font-size: 14px;
font-weight: 700
}
#askmd-consultation input.white[type=submit]:hover, #raap-wrapper input.white[type=submit]:hover, .btn.white:hover {
color: #ff008f
}
#askmd-consultation input.white-rebrand[type=submit], #raap-wrapper input.white-rebrand[type=submit], .btn.white-rebrand {
background-color: #fff;
color: #3cb7db;
text-decoration: underline;
border: 1px solid #dbdedc;
padding: 6px 10px 7px;
font-family: "Proxima Nova", sans-serif;
font-size: 14px;
font-weight: 700
}
#askmd-consultation input.white-rebrand[type=submit]:hover, #raap-wrapper input.white-rebrand[type=submit]:hover, .btn.white-rebrand:hover {
color: #00B41F
}
.video-btn, .video-btn:hover {
color: #fff
}
.ie8 .video-btn {
-ms-filter: "alpha(opacity=75)"
}
.video-btn {
display: inline-block;
background: #000;
background: rgba(0,0,0,.5);
border: 2px solid rgba(255,255,255,.5);
border-radius: 14px;
margin: auto;
position: absolute;
top: 0;
right: 0;
font-size: 14px;
font-weight: 400
}
.video-btn .icon {
position: relative;
vertical-align: top;
display: inline-block
}
@media screen and (min-width:0px) and (max-width:479px) {
.video-btn.show-xs {
display: inline-block
}
}
.video-btn.small {
text-align: center;
width: 24px;
height: 24px
}
.video-btn.small .icon {
top: 6px;
right: 7px;
position: absolute
}
.video-btn.med {
border-radius: 30px;
width: 30px;
height: 30px
}
.video-btn.med .icon {
top: 9px;
right: -1px
}
.video-btn.large {
border-radius: 30px;
width: 52px;
height: 52px
}
.video-btn.large .icon {
top: 10px
}
.video-btn.rect {
text-align: center;
border-radius: 0;
background: rgba(0,0,0,.8);
border-width: 1px;
border-bottom: 0;
width: 85px;
height: 29px;
padding-top: 6px
}
.video-btn.rect .icon {
margin-left: -5px;
vertical-align: inherit
}
.video-btn.rect .icon-text {
margin-right: -3px
}
.video-icon-wrap {
text-align: center;
width: 50%;
height: 50%;
margin: auto;
position: absolute;
top: 0;
right: 0
}
.fancylist .img .video-icon-wrap {
overflow: visible
}
.media .body, .media--valign .body, .media__body {
overflow: hidden
}
.fancylist .icon-video-play-small-circle {
display: none
}
@media screen and (min-width:0px) and (max-width:599px) {
.fancylist .icon-video-play-small-circle {
position: relative;
top: 3px;
margin-left: 5px;
display: inline-block
}
}
.button-reset, .celebrity-science-fair .custom-skin-header .custom-social i {
background-color: transparent;
border: none;
padding: 0
}
.button-reset:focus, .celebrity-science-fair .custom-skin-header .custom-social i:focus {
outline: 0
}
.form {
width: 100%;
color: #a3a3a3
}
.form *, .form :after, .form :before {
box-sizing: border-box
}
.form .form--inline .form__field>label.error, .form label.form__error, .form li.form__error, .form--inline .form .form__field>label.error {
color: #FE2525;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/icon/pink-error-arrow.png) 0 4px no-repeat;
padding-left: 12px;
list-style: none;
background-size: 10px;
font-size: 12px;
line-height: 26px
}
.form .form__field>label span, .form span.required, .form__field>label .form span {
color: #FE2525;
font-weight: 400
}
.form__group {
list-style: none;
margin: 10px 0;
padding: 0;
clear: both
}
.form__group--narrow {
width: 300px
}
@media screen and (min-width:0px) and (max-width:479px) {
.form__group--narrow {
width: 100%
}
}
.form__field {
margin-bottom: 20px
}
.form__field>label {
width: 140px;
font-family: 'Open Sans', sans-serif;;
font-size: .8125em;
text-transform: uppercase;
color: #000;
display: inline-block;
vertical-align: middle
}
@media screen and (min-width:0px) and (max-width:599px) {
.form__field>label {
width: 110px
}
}
.form__field .form__error.form__textarea, .form__field .form__select.chosen-container .form__error.chosen-single, .form__field .form__text.form__error, .form__select.chosen-container .form__field .form__error.chosen-single {
border: 1px solid #FE2525
}
.form__field label.form__error {
display: inline-block;
margin: 0 0 -10px;
padding-left: 155px;
background-position: 145px 7px;
font-size: 14px;
font-family: Georgia;
font-weight: 400;
font-style: italic;
text-transform: none;
width: 100%
}
@media screen and (min-width:0px) and (max-width:479px) {
.form__field label.form__error {
background-position: 115px 7px;
padding-left: 125px
}
}
.form__select.chosen-container .chosen-single, .form__text, .form__textarea {
width: 215px;
box-shadow: rgba(0,0,0,.17) 0 0 3px inset;
border: 1px solid #dddbdb;
color: #7a7a7a;
padding: 10px;
font-family: "Proxima Nova", sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
-webkit-appearance: none;
border-radius: 0
}
@media screen and (min-width:0px) and (max-width:599px) {
.form__select.chosen-container .chosen-single, .form__text, .form__textarea {
width: 180px
}
}
.form__select.chosen-container .chosen-single:focus, .form__text:focus, .form__textarea:focus {
outline: 0;
color: #000
}
.form__textarea {
width: 100%;
padding: 20px
}
.form .form__legend {
color: #198AA3;
font-family: 'Open Sans', sans-serif;;
font-size: 18px;
line-height: 26px;
margin-bottom: 20px
}
.form__button {
border-radius: 0;
font-weight: 100;
padding: 7px 17px;
font-size: 14px;
margin-top: 10px
}
.form__radio-wrap label, .form__select {
font-family: "Proxima Nova", sans-serif;
font-size: .75em
}
.form__button focus, .form__button:hover {
outline: #ccc dotted 2px
}
.form__radio-wrap label {
font-weight: 700;
text-transform: uppercase
}
.form__radio {
margin: 0;
filter: alpha(Opacity=0);
opacity: 0
}
.form__radio+.form__radio-icon+label {
color: #e2e1e1
}
.form__radio.checked+.form__radio-icon+label, .form__radio:checked+.form__radio-icon+label {
color: #919191
}
.form__radio-icon {
margin: 0 0 -3px -19px
}
.form__select-wrap {
display: inline-block;
vertical-align: middle
}
.form__select {
display: none
}
.form__select.form__error+.chosen-container .chosen-single {
border: 1px solid #FE2525
}
.form__select.chosen-container {
display: block
}
.form__select.chosen-container .chosen-single {
background: 0 0;
border-radius: 0;
height: 32px;
color: #7A7A7A
}
.form__select.chosen-container .chosen-single.chosen-default {
color: #e2e1e1
}
.form__select.chosen-container .chosen-single span {
line-height: 14px
}
.form__select.chosen-container .chosen-single div {
width: 33px;
right: 0
}
.form__select.chosen-container-active.chosen-with-drop .chosen-drop {
border: 1px solid #e2e2e2;
border-radius: 1px
}
.form__select.chosen-container-active.chosen-with-drop .chosen-results {
margin: 0;
padding: 0;
max-height: 245px
}
.form__select.chosen-container-active.chosen-with-drop .chosen-results li {
padding: 12.5px 15px;
font-weight: 700;
font-size: 13px;
border-top: 1px solid #e2e2e2
}
.form__select.chosen-container-active.chosen-with-drop .chosen-results li[data-option-array-index="0"] {
display: none
}
.form__select.chosen-container-active.chosen-with-drop .chosen-results li[data-option-array-index="1"] {
border-top: none
}
.form__select.chosen-container-active.chosen-with-drop .chosen-results li.highlighted {
background: #f0f0f0;
color: #7A7A7A
}
.form fieldset, .form legend {
border: 0;
margin: 0;
padding: 0;
display: block;
width: 100%
}
.form--inline .form__field {
float: left;
clear: both;
width: 100%
}
.form--inline .form__field>label {
max-width: 90px;
width: 33.33333%;
float: left;
font-family: 'Open Sans', sans-serif;;
font-size: .8125em;
text-transform: uppercase;
color: #000
}
.form--inline .form__error.form__textarea, .form--inline .form__select.chosen-container .form__error.chosen-single, .form--inline .form__text.form__error, .form__select.chosen-container .form--inline .form__error.chosen-single {
border: 0
}
.form--inline .form__select-wrap, .form--inline .form__select.chosen-container .chosen-single, .form--inline .form__text, .form--inline .form__textarea, .form__select.chosen-container .form--inline .chosen-single {
width: 66.66667%;
float: left
}
.form--inline .form__radio--first {
margin-right: 10px;
border-right: 1px solid #e2e1e1
}
.form--inline .form__radio-wrap {
display: inline-block;
padding: 0 10px 0 0
}
.form--inline label.form__error, .form--inline li.form__error {
float: left;
margin: -16px 0 16px;
width: 100%;
line-height: 1.5em
}
.form--inline .form__field {
border-bottom: 1px dotted #d9d9d9;
margin-bottom: 20px
}
.form--inline .form__field>label.error {
float: none;
width: 100%;
max-width: 100%;
padding: 0;
clear: both;
margin: 34px 0 -20px;
font-family: "Proxima Nova", sans-serif;
text-transform: none
}
.form--inline .form__select.chosen-container .chosen-single, .form--inline .form__text, .form--inline .form__textarea, .form__select.chosen-container .form--inline .chosen-single {
background: 0 0;
border: none;
box-shadow: none;
font-size: .75em;
font-weight: 700;
color: #919191;
font-family: "Proxima Nova", sans-serif;
padding: .625em 0 .3125em
}
.form--inline .form__select.chosen-container .chosen-single:focus, .form--inline .form__text:focus, .form--inline .form__textarea:focus, .form__select.chosen-container .form--inline .chosen-single:focus {
outline: 0
}
.form--inline .form__select.chosen-container .chosen-single:-webkit-autofill, .form--inline .form__text:-webkit-autofill, .form--inline .form__textarea:-webkit-autofill, .form__select.chosen-container .form--inline .chosen-single:-webkit-autofill {
background-color:transparent
}
.form--inline .form__select.chosen-container .placeholderjs.chosen-single, .form--inline .form__text.placeholderjs, .form--inline .placeholderjs.form__textarea, .form__select.chosen-container .form--inline .placeholderjs.chosen-single {
opacity: 1;
text-transform: uppercase;
color: #d2d2d2
}
.form--inline .form__select.chosen-container .chosen-single::-webkit-input-placeholder, .form--inline .form__text::-webkit-input-placeholder, .form--inline .form__textarea::-webkit-input-placeholder, .form__select.chosen-container .form--inline .chosen-single::-webkit-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
.form--inline .form__select.chosen-container .chosen-single:-moz-placeholder, .form--inline .form__text:-moz-placeholder, .form--inline .form__textarea:-moz-placeholder, .form__select.chosen-container .form--inline .chosen-single:-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
.form--inline .form__select.chosen-container .chosen-single::-moz-placeholder, .form--inline .form__text::-moz-placeholder, .form--inline .form__textarea::-moz-placeholder, .form__select.chosen-container .form--inline .chosen-single::-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
.form--inline .form__select.chosen-container .chosen-single:-ms-input-placeholder, .form--inline .form__text:-ms-input-placeholder, .form--inline .form__textarea:-ms-input-placeholder, .form__select.chosen-container .form--inline .chosen-single:-ms-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
.form--inline .form__select {
font-family: "Proxima Nova", sans-serif;
font-size: .75em;
display: none
}
.form--inline .form__select.chosen-container {
display: block;
margin-left: -15px;
margin-bottom: -10px;
top: 1px
}
.form--inline .form__select.chosen-container .chosen-single {
background: 0 0!important;
border: 1px solid transparent;
padding: 2px 0 9px 15px;
height: 26px;
width: auto;
display: inline-block;
font-weight: 700;
box-sizing: border-box;
color: #919191;
text-transform: uppercase;
border-radius: 5px 5px 0 0;
box-shadow: none;
margin-top: -3px
}
.form--inline .form__select.chosen-container .chosen-single span {
font-size: 12px;
line-height: 24px
}
.form--inline .form__select.chosen-container .chosen-single div b {
position: relative;
top: 8px;
left: 12px;
height: 9px
}
.form--inline .form__select.chosen-container-active {
color: #000
}
.form--inline .form__select.chosen-container-active .chosen-single {
border: 1px dotted #bebebe;
border-bottom-color: #d6d6d6;
color: #000;
box-shadow: none
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-single {
box-shadow: none
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-single div b {
position: relative;
height: 9px
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-drop {
border: 1px solid #e2e2e2;
margin-top: 22px;
border-radius: 1px;
left: -75px
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-results {
margin: 0;
padding: 0;
max-height: 245px
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-results li {
padding: 12.5px 15px;
font-weight: 700;
font-size: 13px;
border-top: 1px solid #e2e2e2
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-results li[data-option-array-index="0"] {
display: none
}
.block-list, .block-list li, .no-js .form__select {
display: block
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-results li[data-option-array-index="1"] {
border-top: none
}
.form--inline .form__select.chosen-container-active.chosen-with-drop .chosen-results li.highlighted {
background: #f0f0f0;
color: #000
}
.form--inline .form__select.chosen-container-single .chosen-search {
border-bottom: 1px solid #e2e2e2
}
.form--inline .form__select.chosen-container-single .chosen-search input[type=text] {
border-color: #d9d9d9;
border-radius: 3px
}
.touch .form__select-wrap {
position: relative
}
.touch .form__select-wrap select {
border: 1px solid transparent;
position: absolute;
left: 0;
top: 0;
z-index: 999;
display: block;
height: 40px;
width: 180px;
filter: alpha(Opacity=0);
opacity: 0
}
.touch .form--inline .form__select-wrap select {
left: -20px;
height: 30px;
width: 150px
}
.no-js .form--inline .form__select {
width: 200px;
position: relative;
top: -5px
}
.chosen-container-active {
outline: -webkit-focus-ring-color auto 5px
}
.book__excerpt-nav__item button:focus, .filter-wrap .filter-list li a {
outline: 0
}
.block-list, .inline-list {
margin: 0;
padding: 0;
float: left
}
.block-list li, .inline-list li {
float: left;
list-style: none
}
.block-list {
width: 100%
}
.block-list li {
width: 100%;
margin: 0;
list-style: none
}
.fancylist-wrap {
position: relative
}
.fancylist-wrap .fancylist-heading {
text-align: center;
height: 30px;
text-transform: uppercase
}
.fancylist-wrap .fancylist-heading span {
padding: 5px 10px;
position: relative;
top: 13px;
background: #fff;
font-size: 18px;
font-weight: 100;
letter-spacing: 1px;
line-height: 15px
}
.fancylist-wrap .fancylist {
padding: 0;
border-bottom: none;
width: 100%;
margin: 0
}
@media screen and (min-width:0px) and (max-width:767px) {
.fancylist-wrap .fancylist-heading {
padding: 0;
top: 0;
left: 0;
margin: 0
}
.fancylist-wrap .fancylist-heading span {
font-size: 16px;
letter-spacing: 1px;
font-weight: 100
}
.fancylist-wrap .fancylist {
margin: 25px 0
}
}
.fancylist-wrap .fancylist.ordered {
counter-reset: item;
list-style-type: none
}
.fancylist-wrap .fancylist.ordered li {
font-family: 'Open Sans', sans-serif;;
font-size: 35px;
font-weight: 100;
padding: 2px 0
}
@media screen and (min-width:768px) {
.fancylist-wrap .fancylist.ordered li {
padding: 5px 0
}
}
.fancylist-wrap .fancylist.ordered li.first {
border-top: none
}
.fancylist-wrap .fancylist.ordered img {
max-width: none
}
.fancylist-wrap .fancylist.ordered .media .num, .fancylist-wrap .fancylist.ordered .media--valign .num {
content: counter(item) " ";
counter-increment: item;
position: absolute;
top: 35px;
line-height: 0;
left: 10px;
font-size: 35px;
font-family: 'Open Sans', sans-serif;;
font-weight: 100
}
.fancylist-wrap .fancylist.ordered .media--valign:hover .num, .fancylist-wrap .fancylist.ordered .media:hover .num {
color: #000
}
.fancylist-wrap .fancylist.ordered .media, .fancylist-wrap .fancylist.ordered .media--valign {
position: relative;
padding-left: 40px
}
.fancylist-wrap .fancylist.ordered .media .img, .fancylist-wrap .fancylist.ordered .media--valign .img {
padding-top: 0
}
.fancylist-wrap .fancylist.ordered .media .img img, .fancylist-wrap .fancylist.ordered .media--valign .img img {
border: 1px solid #e2e2e2;
position: relative
}
.fancylist-wrap .fancylist .media, .fancylist-wrap .fancylist .media--valign {
vertical-align: middle;
padding: 10px 0;
text-decoration: none;
display: table
}
.fancylist-wrap .fancylist .media .img, .fancylist-wrap .fancylist .media--valign .img {
display: table-cell;
vertical-align: middle
}
.fancylist-wrap .fancylist .media .body, .fancylist-wrap .fancylist .media--valign .body {
display: table-cell;
vertical-align: middle;
width: 100%;
font-family:'Open Sans', sans-serif;;
font-size: 14px;
line-height: 20px
}
.fancylist-wrap .fancylist li {
display: block;
border-top: 1px solid #dbdedc
}
.fancylist-wrap .fancylist.horizontal {
width: 100%
}
.fancylist-wrap .fancylist.horizontal ul>li {
box-sizing: border-box;
padding: 0 10px;
font-size: 13px;
line-height: 20px;
text-align: center;
width: 14%;
float: left;
border-top: 0;
border-right: 1px solid #dbdedc
}
.fancylist-wrap .fancylist.horizontal ul>li a {
text-decoration: none
}
.fancylist-wrap .fancylist.horizontal ul>li.last, .fancylist-wrap .fancylist.horizontal ul>li:last-child {
border-right: 0
}
.ie8 .fancylist.ordered li {
display: block;
padding: 10px 0 0
}
.ie8 .fancylist.ordered .media--valign:before, .ie8 .fancylist.ordered .media:before {
top: 25px!important
}
.tabs-wrap {
margin: 0!important;
padding: 0!important;
float: left;
width: 100%
}
.tabs-wrap.default {
border-left: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6
}
.tabs-wrap.default .tab {
border-top: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6
}
.tabs-wrap .tab-text {
font-weight: 100;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
line-height: 45px;
height: 45px;
display: inline-block;
width: 125px
}
.pagination, .pagination a {
text-decoration: none;
font-weight: 700
}
.media, .media .img img, .media .img-rev img, .media--valign, .media--valign .img img, .media--valign .img-rev img, .media__img img, .media__img-rev img, .media__img-stacked img, .tabs-wrap .tab a {
display: block
}
.tabs-wrap .tab {
min-width: 80px;
text-align: center;
list-style: none;
float: left
}
.tabs-wrap .tab.disabled {
filter: alpha(Opacity=60);
opacity: .6
}
.tabs-wrap .tab.disabled a {
cursor: default;
color: #c6c6c6
}
.tabs-wrap .tab a {
background-image: -owg-linear-gradient(#fff, #f5f5f5);
background-image: linear-gradient(#fff, #f5f5f5);
height: 100%
}
.tabs-wrap .tab span {
text-align: center
}
.tabs-wrap .tab span .tab-text, .tabs-wrap .tab:hover .tab-text {
color: #3cb7db
}
.pagination .next:hover::after, .pagination .prev:hover::after, .tabs-wrap .tab.active a span {
color: #198AA3
}
.tabs-wrap .tab.active {
height: 46px;
margin-bottom: -1px
}
.media .body, .media .body>:last-child, .media--valign .body, .media--valign .body>:last-child, .media__body, .media__body>.media__body:last-child {
margin-bottom: 0
}
.tabs-wrap .tab.active a {
background: #fff;
color: #198AA3
}
.fancybox-skin, .modal {
background-color: #ecf5f8
}
.media, .media--valign {
text-decoration: none
}
.media .img, .media--valign .img, .media__img {
position: relative;
float: left;
margin-right: 15px
}
.media .img-rev, .media--valign .img-rev {
float: right;
margin-left: 20px
}
.media__img-rev {
float: right;
margin-left: 15px
}
.media .img-stacked, .media--valign .img-stacked, .media__img-stacked {
float: none;
margin: 0
}
.media .text, .media--valign .text {
word-wrap: break-word
}
.media .date, .media--valign .date {
font-size: 10px;
display: block;
clear: both
}
.media--valign {
display: table;
table-layout: fixed
}
.media--valign .img, .media--valign .img-rev {
display: table-cell;
margin: 0;
vertical-align: middle;
float: none
}
.media--valign .body {
display: table-cell;
width: auto;
vertical-align: middle
}
.media--valign .info {
padding-left: 20px
}
@media screen and (min-width:0px) and (max-width:479px) {
.media--valign .info {
padding-left: 13px
}
}
@media screen and (min-width:799px) {
.media--valign .book-info {
min-width: 400px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.media--valign--xs-sm-med {
display: table;
table-layout: fixed
}
.media--valign--xs-sm-med .img, .media--valign--xs-sm-med .img-rev {
display: table-cell;
margin: 0;
vertical-align: middle;
float: none
}
.media--valign--xs-sm-med .body {
display: table-cell;
width: auto;
vertical-align: middle
}
.media--valign--xs-sm-med .info {
padding-left: 20px
}
}
.grid__item, .one-whole, .va-inner {
width: 100%
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:0px) and (max-width:479px) {
.media--valign--xs-sm-med .info {
padding-left: 13px
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:799px) {
.media--valign--xs-sm-med .book-info {
min-width: 400px
}
}
.element-invisible {
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
overflow: hidden;
height: 1px
}
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus {
position: static!important;
clip: auto;
overflow: visible;
height: auto
}
.grid, .va-outer {
overflow: hidden
}
.pagination {
min-height: 20px;
font-family: "Proxima Nova", sans-serif;
font-size: 14px;
line-height: 14px;
line-height: 13px;
text-transform: uppercase;
width: 100%;
position: relative;
margin: 18px 0;
padding-bottom: 1px;
clear: both
}
.pagination>.pagination {
margin: 0;
padding: 0
}
@media screen and (min-width:970px) {
.pagination {
padding-bottom: 25px
}
}
.pagination .next, .pagination .prev {
font-size: 15px;
position: absolute;
top: 2px;
z-index: 1
}
.pagination .prev {
left: 12px
}
.pagination .prev ::before {
content: "\00AB";
position: absolute;
left: -12px
}
.pagination .next {
right: 12px
}
.pagination .next ::after {
content: "\00BB";
position: absolute;
right: -12px
}
.pagination a.disabled {
cursor: default;
color: #d3d2d2
}
.pagination a.disabled span, .pagination a.disabled:hover span {
border-bottom-color: #d3d2d2
}
.pagination a span {
border-bottom: 1px solid #bfbfbf;
display: inline-block
}
.pagination a:hover span {
border-bottom-color: #198AA3
}
.pagination .page-listing a, .pagination span {
border-bottom: 1px solid #bfbfbf;
display: inline-block
}
.pagination .pagination-small {
text-align: center;
color: #aaa;
line-height: 1;
position: relative;
top: 2px
}
.pagination .page-listing li a.current, .pagination .page-listing li.pager-current {
color: #198AA3
}
.pagination .page-listing {
text-align: center;
list-style: none;
margin: 0;
padding: 0
}
.pagination .page-listing a {
margin: 0;
line-height: 12px
}
.pagination .page-listing li {
border-right: 1px solid #aaa;
line-height: 13px;
font-size: 12px;
display: inline-block;
text-align: center;
padding: 0 6px 0 5px;
margin: 3px 0 0
}
.pagination .page-listing li:last-child {
border: 0
}
.pagination .page-listing li a:hover {
border-bottom-color: #198AA3
}
.pagination .page-listing li a.current, .pagination .page-listing li a.filler {
border-bottom: 0
}
.pagination .page-listing li.filler {
padding: 0 3px 0 0
}
.mini-pagination {
text-align: center;
font-style: italic;
clear: both
}
.mini-pagination .icon {
position: relative;
top: 5px
}
.mini-pagination .mini-pagination-status {
font-family: Georgia, serif;
font-style: italic;
color: #000;
padding: 0 10px;
margin: 0 5px;
border-left: 1px solid #dbdedc;
border-right: 1px solid #dbdedc
}
.captioned-image .caption, .modal__sub-heading, .tooltip__heading {
font-family: "Proxima Nova", sans-serif;
font-weight: 700
}
.va-outer {
display: table
}
.va-inner {
display: table-cell;
vertical-align: middle;
margin: 0 auto
}
.tooltip__link {
display: block
}
.tooltip__heading {
font-size: 11px;
color: #000;
text-transform: uppercase;
line-height: 1.125em;
margin-bottom: 10px
}
.tooltip__heading .icon {
margin-right: 5px;
margin-bottom: -3px
}
.tooltip__title {
font-size: 16px;
line-height: 1.125em;
margin-bottom: 5px
}
.tooltip__text {
color: #575757;
font-size: 12px;
line-height: 18px
}
.grid {
margin-left: -20px;
list-style: none;
margin-bottom: 0
}
.grid>.grid {
margin-left: 0
}
.grid__item {
display: inline-block;
padding-left: 20px;
vertical-align: top;
float: left;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.five-tenths, .four-eighths, .one-half, .six-twelfths, .three-sixths, .two-quarters {
width: 50%
}
.four-twelfths, .one-third, .two-sixths {
width: 33.333%
}
.eight-twelfths, .four-sixths, .two-thirds {
width: 66.666%
}
.one-quarter, .three-twelfths, .two-eighths {
width: 25%
}
.nine-twelfths, .six-eighths, .three-quarters {
width: 75%
}
.one-fifth, .two-tenths {
width: 20%
}
.four-tenths, .two-fifths {
width: 40%
}
.six-tenths, .three-fifths {
width: 60%
}
.eight-tenths, .four-fifths {
width: 80%
}
.one-sixth, .two-twelfths {
width: 16.666%
}
.five-sixths, .ten-twelfths {
width: 83.333%
}
.one-eighth {
width: 12.5%
}
.three-eighths {
width: 37.5%
}
.five-eighths {
width: 62.5%
}
.seven-eighths {
width: 87.5%
}
.one-tenth {
width: 10%
}
.three-tenths {
width: 30%
}
.seven-tenths {
width: 70%
}
.nine-tenths {
width: 90%
}
.one-twelfth {
width: 8.333%
}
.five-twelfths {
width: 41.666%
}
.seven-twelfths {
width: 58.333%
}
.eleven-twelfths {
width: 91.666%
}
.modal__heading {
font-size: 32px;
line-height: 52px;
text-transform: uppercase;
color: #06407c;
font-weight: 700
}
.modal__sub-heading {
font-size: 18px;
line-height: 26px;
color: #000;
margin: 8px 0 5px
}
.author-list, .author-list .body p {
font-size: 13px;
line-height: 20px
}
.modal .button--submit {
padding: 0;
width: 140px
}
@media screen and (min-width:0px) and (max-width:599px) {
.modal .button--submit {
width: 120px
}
.oldie #related-section .content-preview .img, .oldie #third-party-tabs .content-preview .img {
min-width: inherit
}
}
.modal .button--first {
margin-right: 10px
}
.modal--valign {
display: table;
height: 100%
}
.author-list .img, .author-list .img img {
width: 75px;
height: 75px
}
.modal--valign .modal__content {
display: table-cell;
vertical-align: middle
}
.modal--center {
text-align: center
}
.fancybox-skin {
border-radius: 0
}
#cookie-modal .modal__text {
padding: 0 20px
}
.author-list {
border-top: 1px dotted #bbb;
padding: 20px 0
}
.author-list em {
color: #000;
font-size: 15px
}
.author-list .media, .author-list .media--valign {
margin-bottom: 25px
}
@media screen and (min-width:0px) and (max-width:479px) {
.author-list em {
font-size: 13px
}
.author-list .img {
display: none
}
}
.captioned-image {
margin-bottom: 14px
}
.captioned-image img {
width: 100%
}
.captioned-image .caption {
font-size: 13px;
line-height: 26px;
border-bottom: 1px solid #e4e2e2;
padding: 0 0 3px
}
.blockquote {
padding: 30px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-weight: 100;
clear: both
}
.blockquote a {
color: #ff008f
}
.blockquote a:hover {
color: #2da8d5
}
.blockquote p {
font-size: 31px;
line-height: 52px;
margin-bottom: 0!important
}
.ad-module {
max-width: inherit;
display: none
}
.ad-module.center {
margin: 0 auto
}
#footer-ad-space img, #header-ad-space img, .ad-300x250 img, .sidebar-ad img {
max-width: inherit;
width: inherit
}
.ad-300x250 .ad-wrap {
width: 300px;
text-align: center;
margin: 0 auto
}
.ad-wrap__striped {
padding: 36px 0 28px;
border-top: 1px solid #e2e2e2;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/background/12x12-stripe.png) top left
}
.ad-wrap__striped .ad-label {
color: #000
}
.ad-wrap__striped__inside {
width: 100%;
position: relative;
box-sizing: content-box
}
@media screen and (min-width:0px) and (max-width:479px) {
.ad-wrap__striped__inside {
padding-right: 10px;
padding-left: 10px;
left: -12px
}
}
@media screen and (min-width:479px) {
.ad-wrap__striped__inside {
padding-right: 26px;
padding-left: 26px;
left: -26px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.single-recipe .ad-300x250, body#realage .ad-300x250, body#realage-landing .ad-300x250, body.page-user .ad-300x250, body.section-newsletter .ad-300x250 {
padding: 36px 0 28px;
border-top: 1px solid #e2e2e2;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/background/12x12-stripe.png) top left
}
.single-recipe .ad-300x250 .ad-label, body#realage .ad-300x250 .ad-label, body#realage-landing .ad-300x250 .ad-label, body.page-user .ad-300x250 .ad-label, body.section-newsletter .ad-300x250 .ad-label {
color: #000
}
.content-preview .content-preview-body {
margin-left: 105px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body#realage .ad-300x250 {
padding: 36px 0 28px;
border-top: 1px solid #e2e2e2;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/background/12x12-stripe.png) top left
}
body#realage .ad-300x250 .ad-label {
color: #000
}
}
.ad-in-content {
padding: 20px 0
}
.loading {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/spinners/ajax-loader.gif) 50% 45% no-repeat rgba(255,255,255,.7);
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
text-align: center;
display: none
}
.loading img {
position: relative;
top: 65px
}
.loading--transparent {
background-color: transparent
}
@media screen and (min-width:768px) and (max-width:969px) {
.oldie #third-party-tabs .content-preview .img {
min-width: inherit
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.oldie #related-section .content-preview .img {
min-width: inherit
}
}
.oldie .content-preview .img {
min-width: 100%
}
.oldie .content-preview .img img {
width: 100%
}
@media screen and (min-width:800px) and (max-width:969px) {
.oldie .content-preview h3 {
display: inline-block
}
}
.content-preview {
display: inline-block;
float: left;
padding: 20px 0 0;
box-sizing: border-box
}
.content-preview .img {
float: left;
width: 100%;
position: relative
}
@media screen and (min-width:0px) and (max-width:599px) {
.content-preview .img {
min-width: inherit;
width: auto;
margin-right: 4.4%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.content-preview .img {
width: auto;
min-width: inherit;
margin-right: 2.5%
}
}
.content-preview .img img {
box-sizing: border-box;
border: 1px solid #e2e2e2;
height: auto;
max-width: 100%;
width: 100%
}
.content-preview .img:hover+.content-preview-body h3 a, .content-preview .img:hover~h3 a {
text-decoration: underline
}
.content-preview .body {
overflow: initial
}
.content-preview h3 {
margin-bottom: 3px;
margin-top: 3px;
font-size: 1.25em
}
.content-preview h3 a {
white-space: normal;
text-decoration: none
}
.content-preview h3 a:hover {
color: #000;
text-decoration: underline
}
.content-preview h5 {
clear: both;
padding-top: 3px;
font-size: 11px;
line-height: 11px
}
.content-preview h5 a {
text-decoration: none;
color: #198AA3;
text-transform: uppercase
}
.content-preview h5 a:hover {
color: #198AA3
}
.content-preview p {
font-size: .875em;
color: #6a6a6a;
line-height: 1.5em;
overflow: hidden;
position: relative
}
.content-preview-grid--variable {
margin-bottom: 15px
}
.content-preview-grid--variable .content-preview--ad {
text-align: center
}
@media screen and (min-width:0px) and (max-width:767px) {
.content-preview h3 {
display: inline
}
.content-preview-grid--variable .content-preview--ad {
margin: 20px 0
}
}
.content-preview-grid--variable .content-preview.dummy {
border-color: transparent
}
.content-preview-grid--variable .content-preview .img img {
display: block
}
@media screen and (min-width:768px) {
.content-preview-grid--variable .content-preview .img img {
margin-bottom: 8px
}
}
@media screen and (min-width:1024px) {
.content-preview-grid--variable .content-preview-page-related:first-of-type .content-preview:nth-of-type(1), .content-preview-grid--variable .content-preview-page-related:first-of-type .content-preview:nth-of-type(2), .content-preview-grid--variable .content-preview-page:first-of-type .content-preview:nth-of-type(1), .content-preview-grid--variable .content-preview-page:first-of-type .content-preview:nth-of-type(2) {
padding-top: 0
}
.content-preview-grid--variable .content-preview-page-related:nth-of-type(odd) .content-preview:first-of-type, .content-preview-grid--variable .content-preview-page:nth-of-type(odd) .content-preview:first-of-type {
float: right;
padding-right: 0;
margin-right: 0;
border-right: 0;
padding-left: 32px;
margin-left: 32px;
border-left: 1px solid #dbdedc
}
.content-preview-grid--variable .content-preview-page-related:nth-of-type(even) .content-preview:first-of-type, .content-preview-grid--variable .content-preview-page:nth-of-type(even) .content-preview:first-of-type {
float: left;
padding-left: 0;
margin-left: 0;
border-left: 0;
padding-right: 32px;
margin-right: 32px;
border-right: 1px solid #dbdedc
}
.content-preview-grid--variable .content-preview {
width: calc((100% - 130px)/ 3);
height: 310px;
float: left;
padding-right: 32px;
margin-right: 32px;
border-right: 1px solid #dbdedc;
padding-top: 20px;
box-sizing: content-box
}
.content-preview-grid--variable .content-preview:first-of-type {
width:calc((((100% - 130px)/ 3) * 2) + 65px);
height:calc((310px * 2) + 20px)
}
.content-preview-grid--variable .content-preview:last-of-type {
width: calc((100% - 132px)/ 3)
}
.content-preview-grid--variable .content-preview:nth-of-type(9n+2), .content-preview-grid--variable .content-preview:nth-of-type(9n+3), .content-preview-grid--variable .content-preview:nth-of-type(9n+6), .content-preview-grid--variable .content-preview:nth-of-type(9n+9) {
padding-right: 0;
margin-right: 0;
border-right: 0
}
.content-preview-grid--variable .content-preview:nth-of-type(9n+5) {
padding-right: 0;
margin-right: 0;
border-right-width: 0
}
.content-preview-grid--variable .content-preview--ad {
float: right;
width: 300px;
margin-right: 0;
padding-right: 0;
border-right: 0
}
.content-preview-grid--variable .content-preview--ad+.content-preview {
padding-right: 32px;
margin-right: 32px;
border-right-width: 1px
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.content-preview-grid--variable .content-preview-page-related:first-of-type .content-preview:first-of-type, .content-preview-grid--variable .content-preview-page:first-of-type .content-preview:first-of-type, .content-preview-grid--variable .content-preview:nth-of-type(2), .content-preview-grid--variable .content-preview:nth-of-type(3) {
padding-top: 0
}
.content-preview-grid--variable .content-preview-page, .content-preview-grid--variable .content-preview-page-related {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.content-preview-grid--variable .content-preview {
-ms-flex: 1 1 45%;
flex: 1 1 45%
}
.content-preview-grid--variable .content-preview:nth-of-type(odd) {
padding-left: 23px
}
.content-preview-grid--variable .content-preview:nth-of-type(even) {
padding-right: 24px;
border-right: 1px solid #dbdedc
}
.content-preview-grid--variable .content-preview:first-of-type {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
padding-bottom: 20px
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:480px) and (max-width:767px) {
.content-preview-grid--variable .content-preview .img img {
max-width: 172px;
max-height: 116px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.content-preview-grid--variable .content-preview-page-related:first-of-type .content-preview:first-of-type, .content-preview-grid--variable .content-preview-page:first-of-type .content-preview:first-of-type {
padding-top: 0
}
.content-preview-grid--variable .content-preview {
display: block;
width: 100%;
border-bottom: 1px solid #ddd;
padding: 15px 0
}
.content-preview-grid--variable .content-preview:first-of-type h5 {
display: block!important
}
.content-preview-grid--variable .content-preview:first-of-type .content-preview-body {
clear: both
}
.content-preview-grid--variable .content-preview:first-of-type .img {
width: 100%
}
.content-preview-grid--variable .content-preview:first-of-type .img img {
width: 100%;
max-width: none;
max-height: none;
margin-bottom: 8px
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:0px) and (max-width:479px) {
.content-preview-grid--variable .content-preview .img img {
max-width: 91px;
max-height: 62px
}
.content-preview-grid--variable .content-preview h3 {
padding-top: 1%;
font-size: 15px;
line-height: 18px
}
.content-preview-grid--variable .content-preview p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 20px
}
}
.content-preview-grid.two-col .content-preview {
width: 50%;
padding: 0 20px
}
.content-preview-grid.two-col .content-preview p {
margin: 0
}
@media screen and (min-width:0px) and (max-width:599px) {
.content-preview-grid.two-col .content-preview {
height: auto;
border-bottom: none;
border-top: 1px solid #dbdedc;
display: block;
clear: both;
width: 100%;
padding: 2.5% 0
}
.content-preview-grid.two-col .content-preview:first-child, .content-preview-grid.two-col .content-preview:nth-child(1) {
border-top: none
}
.content-preview-grid.two-col .content-preview h3 {
padding-top: 0
}
.content-preview-grid.two-col .content-preview img {
max-width: 172px;
max-height: 116px;
padding: 0;
margin-bottom: 0;
float: left
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.content-preview-grid.two-col .content-preview {
padding: 15px 0
}
.content-preview-grid.two-col .content-preview img {
max-width: 91px;
max-height: 62px
}
.content-preview-grid.two-col .content-preview h5 {
display: none
}
.content-preview-grid.two-col .content-preview h3 {
padding-top: 1%;
font-size: 14px;
line-height: 1.5em
}
.content-preview-grid.two-col .content-preview p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 20px
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.content-preview-grid.two-col .content-preview {
border-top: 1px solid #dbdedc;
padding: 20px 0;
display: block;
clear: both;
width: 100%
}
.content-preview-grid.two-col .content-preview h5 {
height: auto
}
.content-preview-grid.two-col .content-preview .img {
margin-right: 4.4%
}
.content-preview-grid.two-col .content-preview img {
float: left;
max-width: 160px;
max-height: 105px
}
.content-preview-grid.two-col .content-preview:first-child {
border: none
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.content-preview-grid.two-col .content-preview h5 {
display: none
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.content-preview-grid.two-col .content-preview {
padding: 0 30px
}
.content-preview-grid.two-col .content-preview:first-child {
border-right: 1px solid #e2e2e2
}
}
@media screen and (min-width:1024px) {
.content-preview-grid.two-col .content-preview {
padding: 0 0 0 30px
}
.content-preview-grid.two-col .content-preview:first-child {
border-right: 1px solid #e2e2e2;
padding-left: 0;
padding-right: 30px
}
.content-preview-grid.two-col .content-preview .img {
max-width: 278px
}
}
.content-preview-grid.three-col .content-preview {
width: 30.92784%;
padding: 3.60825% 20px 0
}
.content-preview-grid.three-col .content-preview h3 a {
display: block
}
@media screen and (min-width:0px) and (max-width:969px) {
.content-preview-grid.three-col .content-preview img {
width: 100%
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.content-preview-grid.three-col .content-preview {
height: auto;
border-bottom: none;
border-top: 1px solid #dbdedc;
display: block;
clear: both;
width: 100%;
padding: 2.5% 0
}
.content-preview-grid.three-col .content-preview:first-child, .content-preview-grid.three-col .content-preview:nth-child(1) {
border-top: none
}
.content-preview-grid.three-col .content-preview h3 {
padding-top: 0
}
.content-preview-grid.three-col .content-preview img {
max-width: 172px;
max-height: 116px;
padding: 0;
margin-right: 2.5%;
margin-bottom: 0;
float: left
}
.content-preview-set {
display: none
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.content-preview-grid.three-col .content-preview h3 {
font-size: 18px;
line-height: 22px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.content-preview-grid.three-col .content-preview {
padding: 15px 0
}
.content-preview-grid.three-col .content-preview img {
max-width: 91px;
max-height: 62px
}
.content-preview-grid.three-col .content-preview h3 {
padding-top: 1%;
font-size: 15px;
line-height: 18px
}
.content-preview-grid.three-col .content-preview p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 20px
}
}
@media screen and (min-width:799px) {
.content-preview-grid.three-col .content-preview {
width: 32.16495%;
box-sizing: border-box;
border-top: 1px solid #dbdedc;
height: 430px
}
.content-preview-grid.three-col .content-preview .first-row, .content-preview-grid.three-col .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview:nth-child(2), .content-preview-grid.three-col .content-preview:nth-child(3) {
border-top: none;
padding-top: 0;
height: 430px
}
.content-preview-grid.three-col .content-preview.first-col, .content-preview-grid.three-col .content-preview:nth-child(3n+1) {
padding-right: 3.09278%;
padding-left: 0
}
.content-preview-grid.three-col .content-preview.second-col, .content-preview-grid.three-col .content-preview:nth-child(3n+2) {
width: 35.51546%;
padding-left: 3.09278%;
padding-right: 3.09278%;
border-right: 1px solid #dbdedc;
border-left: 1px solid #dbdedc
}
.content-preview-grid.three-col .content-preview.third-col, .content-preview-grid.three-col .content-preview:nth-child(3n+3) {
padding-left: 3.09278%;
padding-right: 0
}
}
@media screen and (min-width:800px) and (max-width:969px) {
.content-preview-grid.three-col .content-preview {
height: 330px
}
.content-preview-grid.three-col .content-preview .first-row, .content-preview-grid.three-col .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview:nth-child(2), .content-preview-grid.three-col .content-preview:nth-child(3) {
height: 300px
}
}
@media screen and (min-width:800px) and (max-width:860px) {
.content-preview-grid.three-col .content-preview {
height: 310px
}
.content-preview-grid.three-col .content-preview .first-row, .content-preview-grid.three-col .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview:nth-child(2), .content-preview-grid.three-col .content-preview:nth-child(3) {
height: 280px
}
}
@media screen and (min-width:900px) and (max-width:969px) {
.content-preview-grid.three-col .content-preview {
height: 330px
}
.content-preview-grid.three-col .content-preview .first-row, .content-preview-grid.three-col .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview:nth-child(2), .content-preview-grid.three-col .content-preview:nth-child(3) {
height: 300px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.content-preview-grid.three-col .content-preview {
padding: 26px 0 0;
width: 50%;
border-top: 1px solid #dbdedc;
height: 450px
}
.content-preview-grid.three-col .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview:nth-child(2) {
border-top: none;
padding-top: 0;
height: 360px
}
.content-preview-grid.three-col .content-preview:nth-child(odd) {
padding-right: 3.38542%;
border-right: 1px solid #dbdedc
}
.content-preview-grid.three-col .content-preview:nth-child(even) {
padding-left: 3.38542%
}
}
@media screen and (min-width:1024px) {
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview {
width: 32.16495%;
box-sizing: border-box;
border-top: 1px solid #dbdedc;
height: 430px
}
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview .first-row, .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(2), .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(3) {
border-top: none;
padding-top: 0;
height: 430px
}
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview.first-col, .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(3n+1) {
padding-right: 3.09278%;
padding-left: 0
}
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview.second-col, .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(3n+2) {
width: 35.51546%;
padding-left: 3.09278%;
padding-right: 3.09278%;
border-right: 1px solid #dbdedc;
border-left: 1px solid #dbdedc
}
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview.third-col, .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(3n+3) {
padding-left: 3.09278%;
padding-right: 0
}
}
.content-preview-set, .content-preview-set .content-preview {
min-height: 225px;
float: left;
border-left: 1px solid #e2e2e2;
box-sizing: border-box
}
@media screen and (min-width:799px) and (max-width:1023px) {
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview {
padding: 26px 0 0;
width: 50%;
border-top: 1px solid #dbdedc;
height: 450px
}
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(2) {
border-top: none;
padding-top: 0;
height: 450px
}
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(odd) {
padding-right: 3.38542%;
border-right: 1px solid #dbdedc
}
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(even) {
padding-left: 3.38542%
}
}
@media screen and (min-width:900px) and (max-width:1023px) {
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview, .content-preview-grid.three-col .content-preview-page-rebrand .content-preview .first-row, .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(1), .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(2), .content-preview-grid.three-col .content-preview-page-rebrand .content-preview:nth-child(3) {
height: 425px
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.content-preview-grid.three-col .content-preview-page-rebrand .content-preview.dummy {
display: none
}
}
.content-preview-set {
text-align: left;
width: 50%;
padding-left: 0;
margin-left: 0
}
@media screen and (min-width:800px) and (max-width:969px) {
.content-preview-set {
width: 42.75%
}
.content-preview-set .content-preview {
border: none
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.content-preview-set {
width: 38.80208%
}
}
.content-preview-set .content-preview {
width: 50%;
padding: 0 20px
}
.content-preview-set .content-preview a:hover {
background: 0 0
}
@media screen and (min-width:768px) and (max-width:969px) {
.content-preview-set .content-preview {
width: 237px!important;
display: none
}
.content-preview-set .content-preview h5 {
display: block
}
.content-preview-set .content-preview:first-child {
display: block;
margin-right: 0
}
}
.content-preview-set .content-preview:first-child {
padding-left: 20px;
border-left: none
}
.content-preview-set .content-preview .img {
min-width: 100%
}
.content-preview-set .content-preview .img img {
max-width: inherit;
width: 100%
}
.content-preview-set .content-preview h3 {
white-space: normal;
font-size: 16px;
line-height: 22px
}
.content-preview-presented-by {
font-family: Oswald;
font-size: 16px;
color: #000
}
@media screen and (min-width:0px) and (max-width:599px) {
.content-preview-presented-by {
font-size: 12px;
display: block;
padding-top: 0;
padding-bottom: 0;
line-height: 1
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.content-preview-presented-by {
font-size: 12px;
display: block;
padding-top: 0;
padding-bottom: 0;
line-height: 1
}
}
@media screen and (min-width:768px) {
#latest-stories .content-preview .img {
float: none;
display: block
}
}
.callout {
width: 300px;
border: 1px solid #e4e2e2;
padding: 20px;
background: #f7f7f7;
position: relative;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.callout .callout-fancy-title {
font-family: Georgia, serif
}
.callout .callout-fancy-title a {
font-size: 14px
}
.callout .callout-fancy-title a:hover {
color: #3cb7db
}
.callout .img {
margin-right: 10px
}
.callout .img img {
max-width: 55px;
max-height: 55px
}
.callout .callout-heading, .callout h2 {
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
margin: 0;
font-family: 'Open Sans', sans-serif;;
font-weight: 600
}
#page-arrows .link, #page-arrows .section-link, .callout .callout-showtime, .callout>.body, .filter-wrap .filter-list a, .flyout .flyout-form .form-text.placeholderjs {
font-family: "Proxima Nova", sans-serif
}
.callout .icon-blue-top-right-corner {
position: absolute;
top: -4px;
right: -4px
}
#page-arrows #next-page-arrow, #page-arrows a.btn.next {
right: 0
}
.callout>.body {
line-height: 1.4
}
.callout .callout-showtime {
font-size: 14px;
display: block;
margin-bottom: 3px;
font-weight: 700
}
.callout .callout-showtime .sw-time {
font-style: italic
}
.callout .callout-nav {
font-weight: 700;
color: #3cb7db;
font-size: 10px
}
.callout .callout-nav a {
color: #198AA3;
text-decoration: underline;
text-transform: uppercase
}
.callout .callout-nav a:hover, .filter-wrap .filter-list li.current a {
color: #3cb7db
}
.callout--station-finder {
padding-right: 0;
min-height: 103px
}
.callout--station-finder .img img {
max-width: inherit
}
.callout--station-finder .sw-default-state .callout-heading {
padding-top: 7px
}
.callout.from-this-ep .img img {
max-width: 110px;
max-height: 75px
}
.callout.from-this-ep .video-icon-wrap {
height: auto
}
.run-right .callout {
margin-top: 15px
}
body.articles .callout .callout-heading, body.articles .callout h2 {
font-size: 12px
}
body.articles .callout .callout-fancy-title {
font-weight: 400
}
body.articles .callout .img {
max-width: 110px
}
.filter-wrap {
width: 100%;
clear: both;
padding: 0 0 6px;
margin-bottom: 20px;
border-bottom: 1px solid #e2e2e2
}
.filter-wrap .filter-list {
margin: 0 auto;
padding: 0;
text-align: center;
list-style: none
}
.filter-wrap .filter-list li {
display: inline-block;
border-right: 1px solid #aaa
}
.filter-wrap .filter-list li.current {
position: relative
}
.filter-wrap .filter-list li.current i {
position: absolute;
left: 50%;
bottom: -17px;
margin-left: -8px
}
.filter-wrap .filter-list li a:hover {
color: #3cb7db;
text-decoration: none
}
.filter-wrap .filter-list li:last-child {
border-right: none
}
@media screen and (min-width:0px) and (max-width:767px) {
.filter-wrap .filter-list .hide-xs-sm-med {
display: none
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.filter-wrap .filter-list .hide-xs-sm {
display: none
}
}
.filter-wrap .filter-list a {
padding: 0 6px 0 4px;
position: relative;
top: 1px;
float: left;
color: #000;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 12px
}
@media screen and (min-width:0px) and (max-width:479px) {
.filter-wrap .filter-list .hide-xs {
display: none
}
.filter-wrap .filter-list a {
padding: 0 6px
}
}
.filter-wrap .filter-list a:hover {
text-decoration: underline
}
.flyout {
z-index: 9;
position: absolute;
top: 100px;
left: -1px;
width: 300px;
border: 1px solid #dbdbdb;
display: none;
box-sizing: border-box;
background: #fff;
background-image: -owg-linear-gradient(#fff, #f7f7f7);
background-image: linear-gradient(#fff, #f7f7f7);
box-shadow: rgba(0,0,0,.1) 1px 1px 2px
}
.flyout.open {
display: block
}
.flyout .icon-white-carrot-top {
position: absolute;
top: -14px;
left: 50%;
margin-left: -8px
}
#page-arrows #prev-page-arrow, #page-arrows a.btn.prev {
left: 0
}
.flyout .flyout-heading {
color: #031b33;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 700
}
.flyout .flyout-body {
padding: 20px 20px 10px;
border-bottom: 1px solid #d8d8d8;
color: #000
}
.flyout .flyout-body.last, .flyout .flyout-body:last-child {
border-bottom: 0
}
.flyout .flyout-body p {
font-size: .8125em
}
.flyout .flyout-body .sw-listing .img {
max-width: 35px;
max-height: inherit
}
.flyout .flyout-form {
overflow: hidden;
padding-bottom: 10px
}
.flyout .flyout-form .form-group {
float: left
}
.flyout .flyout-form .form-text {
width: 199px;
height: 40px
}
.flyout .flyout-form .form-text.placeholderjs {
opacity: 1;
font-size: 12px;
text-transform: uppercase;
color: #d2d2d2;
line-height: 20px
}
.flyout .flyout-form .form-text::-webkit-input-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
.flyout .flyout-form .form-text:-moz-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
.flyout .flyout-form .form-text::-moz-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
.flyout .flyout-form .form-text:-ms-input-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
.flyout .flyout-form .form-button {
height: 40px
}
.flyout .flyout-form .form-button:hover {
cursor: pointer
}
.flyout .flyout-form label.error {
clear: both;
margin-bottom: -10px
}
.flyout .flyout-footer {
text-align: center
}
.flyout .flyout-footer .section-link {
position: static!important;
font-weight: 600
}
.flyout .flyout-footer .section-link span {
top: 0
}
.flyout .flyout-footer .section-link:hover a {
color: #198AA3
}
#page-arrows {
position: fixed;
width: 100%;
left: 0;
top: 350px;
z-index: 105
}
#page-arrows a {
text-decoration: none
}
#page-arrows h3:hover, .expand-collapse-toggle {
text-decoration: underline
}
#page-arrows a:hover {
color: #000
}
#page-arrows h3 {
margin: 0 0 5px;
line-height: 1.2em;
font-weight: 400;
font-size: 20px
}
#page-arrows .link, #page-arrows .section-link {
text-decoration: underline;
text-transform: uppercase;
color: #3cb7db;
display: inline-block;
margin-top: 7px;
font-weight: 700;
font-size: 12px
}
#page-arrows .link:hover, #page-arrows .section-link:hover {
color: #000
}
#page-arrows img {
float: left;
margin-right: 15px;
width: 123px;
height: 93px
}
#page-arrows a.btn {
z-index: 10;
box-shadow: rgba(50,50,50,.3) 0 1px 2px;
position: absolute;
top: 0;
width: 33px;
height: 120px;
background: #fefefe
}
#page-arrows a.btn i {
position: absolute;
top: 50%;
margin-top: -15px;
display: block
}
#page-arrows a.btn i span {
display: inline-block;
line-height: 1.2em;
position: relative;
top: -1px;
font-family: 'Open Sans', sans-serif;;
font-size: 14px;
font-style: normal
}
@media screen and (min-width:0px) and (max-width:1092px) {
#page-arrows {
display: none
}
}
#page-arrows #next-page-arrow, #page-arrows #prev-page-arrow {
position: absolute
}
#page-arrows #next-page-arrow p, #page-arrows #prev-page-arrow p {
color: #666;
line-height: 1.3em
}
#page-arrows #next-page-arrow.on a.btn, #page-arrows #prev-page-arrow.on a.btn {
background: #198AA3;
color: #fff
}
#page-arrows #next-page-arrow.on a.btn i, #page-arrows #prev-page-arrow.on a.btn i {
text-indent: 0;
overflow: visible;
white-space: normal
}
#page-arrows #next-page-arrow .slide, #page-arrows #prev-page-arrow .slide {
box-sizing: border-box;
box-shadow: #9b9b9b 0 0 10px;
background: #fff;
position: absolute;
width: 590px;
height: 120px
}
#page-arrows #next-page-arrow .slide a, #page-arrows #prev-page-arrow .slide a {
padding: 15px;
display: block;
height: 100%;
box-sizing: border-box
}
#page-arrows #prev-page-arrow img {
float: right;
margin-right: 0;
margin-left: 15px
}
#page-arrows #prev-page-arrow .slide {
left: -557px
}
#page-arrows #prev-page-arrow .slide a {
padding-left: 103px
}
#page-arrows #prev-page-arrow.on i span {
left: 30px
}
#page-arrows #next-page-arrow .slide {
right: -557px
}
#page-arrows #next-page-arrow .slide a {
padding-right: 103px
}
#page-arrows #next-page-arrow.on i span {
right: 45px
}
#page-arrows #next-page-arrow a.btn i, .carousel .owl-next {
right: 0
}
#page-arrows #next-page-arrow a.btn i span {
text-align: right
}
.expand-collapse-toggle {
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 12px;
color: #33B7DE;
text-transform: uppercase;
display: inline-block;
cursor: pointer
}
.expand-collapse-toggle .icon-sprite {
position: relative;
top: 2px
}/*!doc
---
title: Carousel
name: carousel
category: Shared
---
TODO: Add content
*/
.carousel .now-playing, .carousel .tooltip__pane {
display: none
}
.carousel .owl-next, .carousel .owl-prev {
text-align: center;
line-height: 30px;
height: 100%;
position: absolute
}
.carousel .owl-prev {
left: 0
}
.carousel .now-playing {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
height: 24px;
line-height: 21px;
width: 100%;
text-align: center;
color: #fff;
background: #198AA3;
background: rgba(25,138,163,.8);
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 12px
}
@media screen and (min-width:768px) and (max-width:799px) {
.carousel .now-playing {
font-size: 13px
}
}
@media screen and (min-width:970px) {
.carousel .now-playing {
font-size: 11px
}
}
.carousel--episode {
width: 54.63918%;
float: left
}
@media screen and (min-width:0px) and (max-width:799px) {
.carousel--episode {
width: 100%
}
}
.carousel .carousel--episode .owl-next, .carousel .carousel--episode .owl-prev, .carousel--episode .button--carousel, .carousel--episode .button--carousel--tall, .carousel--episode .carousel .owl-next, .carousel--episode .carousel .owl-prev {
padding: 0;
position: absolute;
border-radius: 0;
opacity: 1;
background: #f9f9f9;
background-image: -owg-linear-gradient(#fff, #f4f4f4);
background-image: linear-gradient(#fff, #f4f4f4);
border: 1px solid #e2e2e2;
width: 23px;
height: 100%;
overflow: hidden;
box-sizing: border-box;
z-index: 2
}
@media screen and (min-width:0px) and (max-width:799px) {
.carousel .carousel--episode .owl-next, .carousel .carousel--episode .owl-prev, .carousel--episode .button--carousel, .carousel--episode .button--carousel--tall, .carousel--episode .carousel .owl-next, .carousel--episode .carousel .owl-prev {
width: 48px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.carousel .now-playing {
font-size: 11px
}
.carousel--episode {
margin-bottom: 20px
}
.carousel .carousel--episode .owl-next, .carousel .carousel--episode .owl-prev, .carousel--episode .button--carousel, .carousel--episode .button--carousel--tall, .carousel--episode .carousel .owl-next, .carousel--episode .carousel .owl-prev {
width: 56px
}
}
.carousel .carousel--episode .carousel__prev.owl-next, .carousel .carousel--episode .carousel__prev.owl-prev, .carousel--episode .button--carousel.carousel__prev, .carousel--episode .carousel .carousel__prev.owl-next, .carousel--episode .carousel .carousel__prev.owl-prev, .carousel--episode .carousel__prev.button--carousel--tall {
top: 0;
left: 0
}
.carousel .carousel--episode .carousel__next.owl-next, .carousel .carousel--episode .carousel__next.owl-prev, .carousel--episode .button--carousel.carousel__next, .carousel--episode .carousel .carousel__next.owl-next, .carousel--episode .carousel .carousel__next.owl-prev, .carousel--episode .carousel__next.button--carousel--tall {
top: 0;
right: 0
}
.carousel--episode .carousel__item {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
position: relative
}
.carousel--episode .carousel__item img {
filter: alpha(Opacity=40);
opacity: .4
}
.carousel--episode .carousel__item--current img, .carousel--episode .carousel__item:hover img, .touch .carousel__item img:hover {
filter: alpha(Opacity=100);
opacity: 1
}
.carousel--episode .carousel__item--current {
z-index: 10;
border: 1px solid #000
}
.carousel--episode .carousel__item--current .now-playing {
display: block
}
.carousel--episode .viewport {
position: relative;
float: left;
width: 100%
}
@media screen and (min-width:0px) and (max-width:799px) {
.carousel--episode .viewport {
float: none;
width: 100%
}
}
.carousel--video-series {
margin-bottom: 30px
}
.carousel--video-series .carousel__item--current .icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: -26px
}
@media screen and (min-width:0px) and (max-width:479px) {
.carousel--video-series .carousel__item--current .icon {
right: -12px
}
}
.carousel--video-series .carousel__item--current span {
font-size: 12px;
padding: 0
}
@media screen and (min-width:480px) and (max-width:767px) {
.carousel--video-series .carousel__item--current span {
font-size: 14px
}
}
.carousel--be-on-the-show .carousel__item {
width: 140px;
height: 90px;
text-align: center;
border: 0;
border-right: 1px solid #dbdedc;
display: table;
padding: 0
}
.carousel__viewport {
position: relative;
overflow: hidden
}
.carousel__button-wrap {
width: 50px;
background: #fff;
position: absolute;
top: 0;
z-index: 2
}
.carousel__button-wrap--prev {
left: 0
}
.carousel__button-wrap--next {
right: 0;
text-align: right
}
.watch-oz__header h2 {
padding: 13px 0 17px;
font-size: 40px;
font-weight: 700;
color: #031b33;
text-transform: uppercase;
border-bottom: 1px solid #dcdedd
}
.watch-oz__header h2 .icon-oz-tv {
position: relative;
top: 7px
}
.watch-oz__header h2 span {
color: #198AA3
}
.watch-oz__header h2 strong {
display: inline-block;
font-weight: 300;
font-size: 18px;
margin: 7px 0 10px;
padding-right: 10px;
position: absolute;
background: #fdfdfd;
top: 66px;
left: 0
}
.watch-oz__nav .tabs-wrap {
height: 39px;
border: 1px solid #dadedd;
box-sizing: border-box
}
.watch-oz__nav .tabs-wrap .tab {
min-width: inherit;
height: 37px;
border-right: 1px solid #dadedd;
box-sizing: border-box
}
.watch-oz__nav .tabs-wrap .tab a {
text-transform: uppercase;
text-decoration: none;
line-height: 36px;
display: block;
text-align: center;
box-sizing: border-box;
min-width: 105px
}
.watch-oz__nav .tabs-wrap .tab a span {
font-size: 14px
}
.watch-oz__nav .tabs-wrap .tab a:hover {
color: #3cb7db
}
.watch-oz__nav .tabs-wrap .tab.last, .watch-oz__nav .tabs-wrap .tab:last-child {
border-right: none
}
.watch-oz__nav .tabs-wrap .tab.disabled {
filter: alpha(Opacity=60);
opacity: .6
}
.watch-oz__nav .tabs-wrap .tab.disabled a {
cursor: default;
color: #c6c6c6
}
#ask-oz-submit:hover, .featured-node {
cursor: pointer
}
.watch-oz--widget {
width: 300px;
overflow: hidden;
position: relative
}
.watch-oz--widget .watch-oz__header {
border-top: 1px solid #dbdedc;
border-left: 1px solid #dbdedc;
border-right: 1px solid #dbdedc;
background-image: -owg-linear-gradient(#fafafa, #f7f7f7);
background-image: linear-gradient(#fafafa, #f7f7f7);
text-align: center;
height: 75px
}
.watch-oz--widget .watch-oz__header h2 {
font-size: 36px;
padding: 0;
border: none
}
.watch-oz--widget .watch-oz__content, .watch-oz--widget .watch-oz__footer {
border-bottom: 1px solid #dbdedc;
border-left: 1px solid #dbdedc;
border-right: 1px solid #dbdedc
}
.watch-oz--widget .watch-oz__header .icon-oz-tv {
margin: 0 8px
}
.watch-oz--widget .watch-oz__nav {
height: 39px
}
.watch-oz--widget .watch-oz__nav .tabs-wrap .tab a {
min-width: 55px
}
.watch-oz--widget .watch-oz__nav .tabs-wrap .tab.active a {
min-width: 74px;
height: 38px
}
.watch-oz--widget .watch-oz__content {
padding: 15px;
font-size: 14px
}
.watch-oz--widget .watch-oz__content h2 {
font-size: 16px;
line-height: 24px;
margin: 10px 0;
font-weight: 700
}
.watch-oz--widget .watch-oz__content a {
text-decoration: none
}
.watch-oz--widget .watch-oz__content ul li {
padding: 10px 0;
border-top: 1px dotted #cfcece
}
.watch-oz--widget .watch-oz__content ul li a {
height: 15px;
line-height: 15px;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
.watch-oz--widget .watch-oz__content__hero {
display: block;
position: relative;
height: 180px
}
.watch-oz--widget .watch-oz__content--affiliate {
height: 380px
}
.watch-oz--widget .watch-oz__content--partner {
height: 265px
}
.watch-oz--widget .watch-oz__content .va-outer {
width: 100%;
height: 65px
}
.watch-oz--widget .watch-oz__content .va-outer h2 {
margin: 0
}
.watch-oz--widget .watch-oz__footer {
background-color: #f7f7f7;
font-size: 11px
}
.watch-oz--widget .watch-oz__footer--partner {
height: 106px
}
.watch-oz--widget .watch-oz__footer--partner .callout {
border: none;
width: 100%;
position: static;
background-image: -owg-linear-gradient(#f7f7f7, #fcfcfc);
background-image: linear-gradient(#f7f7f7, #fcfcfc)
}
.watch-oz--widget .watch-oz__footer--partner .callout.open {
background: #fff
}
.watch-oz--widget .watch-oz__footer--affiliate {
height: 40px;
text-align: center;
color: #2eaad3;
line-height: 40px
}
.watch-oz--widget .watch-oz__footer--affiliate a {
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
color: #2eaad3;
text-transform: uppercase
}
.watch-oz--widget .change-location-flyout {
position: absolute;
bottom: 103px;
left: 0;
width: 100%;
height: 0;
transform: translate3d(0, 0, 1px);
background: #fff;
border-bottom: 1px solid #dbdedc;
border-left: 1px solid #dbdedc;
border-right: 1px solid #dbdedc;
font-size: 14px
}
.watch-oz--widget .change-location-flyout .section-link {
position: absolute;
top: 10px;
right: 10px
}
.directory .carousel__item .icon, .directory .carousel__item--current .icon {
right: -26px;
top: 50%;
margin-top: -10px;
position: absolute
}
.watch-oz--widget .change-location-flyout .section-link a {
color: #198AA3
}
.watch-oz--widget .change-location-flyout .sw-listing img {
max-height: 35px
}
.watch-oz--widget .change-location-flyout .edit-location, .watch-oz--widget .change-location-flyout .on-tv-in {
padding: 20px
}
.promo .content-preview, .promo:first-child, .promo__title {
padding-top: 0
}
.watch-oz--widget .change-location-flyout .edit-location h3, .watch-oz--widget .change-location-flyout .on-tv-in h3 {
text-transform: uppercase;
color: #031b33;
margin-bottom: 15px
}
.watch-oz--widget .change-location-flyout .edit-location {
height: 118px;
border-bottom: 1px solid #dbdedc;
background-image: -owg-linear-gradient(#fff, #fcfcfc);
background-image: linear-gradient(#fff, #fcfcfc)
}
.watch-oz--widget .change-location-flyout .edit-location #zip {
width: 165px;
height: 41px;
float: left
}
.watch-oz--widget .change-location-flyout .edit-location #zip.placeholderjs {
opacity: 1;
font-size: 13px;
font-family: "Proxima Nova", sans-serif;
text-transform: uppercase;
color: #d2d2d2
}
.watch-oz--widget .change-location-flyout .edit-location #zip::-webkit-input-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
.watch-oz--widget .change-location-flyout .edit-location #zip:-moz-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
.watch-oz--widget .change-location-flyout .edit-location #zip::-moz-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
.watch-oz--widget .change-location-flyout .edit-location #zip:-ms-input-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
.watch-oz--widget .change-location-flyout .edit-location .form-button {
float: left;
height: 41px;
width: 65px;
margin: 0;
padding: 0;
line-height: 34px;
position: relative;
top: 0;
left: -8px
}
.watch-oz--widget .change-location-flyout .on-tv-in {
height: 185px;
background-image: -owg-linear-gradient(#fff, #f7f7f7);
background-image: linear-gradient(#fff, #f7f7f7)
}
.watch-oz--widget .change-location-flyout .on-tv-in .media, .watch-oz--widget .change-location-flyout .on-tv-in .media--valign {
margin-bottom: 15px
}
.watch-oz--widget .icon-white-carrot-top {
position: absolute;
bottom: -2px;
left: 50%;
margin-left: -10px
}
#directory, #directory>section {
position: relative
}
.promo {
margin-bottom: 26px;
padding-bottom: 20px;
border-bottom: 1px solid #dbdedc
}
.promo:last-child {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none
}
.promo .img:hover+.body h3 a {
text-decoration: underline
}
.promo__list {
margin: 0;
padding: 0;
border: 0;
list-style: none
}
.channel-promo, .double-promo {
float: right;
margin-left: 30px
}
.promo__wrap {
clear: both;
overflow: hidden;
margin-top: 40px
}
.promo__title {
font-size: 18px;
padding-bottom: 10px;
font-weight: 100;
line-height: .9;
font-family: Oswald,sans-serif;
border-bottom: 1px solid #000;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 26
}
.directory .now-playing, .double-promo .promo-heading {
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
text-align: center
}
.promo--list .promo__title {
margin-bottom: 0
}
.promo--list .content-preview .body {
padding-left: 10px
}
.promo--list .content-preview .img img {
width: 80px;
height: 53px
}
.sidebar .promo .promo__body p {
font-size: 14px;
line-height: 20px
}
.double-promo .promo-heading {
margin-bottom: 10px;
color: #3cb7db;
font-size: 1.125em
}
.double-promo .content-preview {
padding: 0 0 30px;
margin-bottom: 30px;
border-bottom: 1px solid #e2e2e2
}
.double-promo .content-preview:last-child {
border-bottom: none
}
.double-promo .content-preview img {
width: 100%;
border: none
}
.promo-300 {
width: 300px
}
.promo-300 img {
max-width: inherit;
width: inherit
}
.search-promo {
margin-top: 30px
}
#directory {
float: left;
width: 100%
}
#directory .content {
width: 100%;
float: none
}
.directory .now-playing {
display: none;
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
height: 24px;
line-height: 21px;
width: 100%;
color: #fff;
background: #3cb7db;
background: rgba(60,183,219,.8);
font-size: 14px
}
@media screen and (min-width:768px) and (max-width:799px) {
.directory .now-playing {
font-size: 13px
}
.directory .carousel__item {
width: 100%
}
}
@media screen and (min-width:970px) {
.directory .now-playing {
font-size: 11px
}
}
.directory .carousel__item {
position: relative
}
@media screen and (min-width:0px) and (max-width:479px) {
.directory .now-playing {
font-size: 11px
}
.directory .carousel__item {
width: 100%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.directory .carousel__item {
width: 100%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.directory .carousel__item {
width: 100%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
.directory .carousel__item {
width: 100%
}
}
.directory .carousel__item .icon {
display: none
}
.directory .carousel__item--current .now-playing {
display: block
}
#directory, #feature-slider, .directory {
margin-top: 20px
}
#directory .full-directory-listing, #feature-slider .full-directory-listing, .directory .full-directory-listing {
margin-bottom: 20px
}
#directory .full-directory-listing .carousel__item, #directory .full-directory-listing li, #feature-slider .full-directory-listing .carousel__item, #feature-slider .full-directory-listing li, .directory .full-directory-listing .carousel__item, .directory .full-directory-listing li {
padding: 15px 0;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: table;
border-bottom: 1px solid #e4e2e2
}
#directory .full-directory-listing .carousel__item.first, #directory .full-directory-listing .carousel__item:first-child, #directory .full-directory-listing li.first, #directory .full-directory-listing li:first-child, #feature-slider .full-directory-listing .carousel__item.first, #feature-slider .full-directory-listing .carousel__item:first-child, #feature-slider .full-directory-listing li.first, #feature-slider .full-directory-listing li:first-child, .directory .full-directory-listing .carousel__item.first, .directory .full-directory-listing .carousel__item:first-child, .directory .full-directory-listing li.first, .directory .full-directory-listing li:first-child {
padding-top: 0
}
#directory .full-directory-listing .carousel__item>a, #directory .full-directory-listing li>a, #feature-slider .full-directory-listing .carousel__item>a, #feature-slider .full-directory-listing li>a, .directory .full-directory-listing .carousel__item>a, .directory .full-directory-listing li>a {
display: table-cell;
vertical-align: middle
}
#directory .full-directory-listing a, #feature-slider .full-directory-listing a, .directory .full-directory-listing a {
text-decoration: none
}
#directory .full-directory-listing .media, #directory .full-directory-listing .media--valign, #feature-slider .full-directory-listing .media, #feature-slider .full-directory-listing .media--valign, .directory .full-directory-listing .media, .directory .full-directory-listing .media--valign {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
#directory .full-directory-listing .media--valign:hover+div a, #directory .full-directory-listing .media:hover+div a, #feature-slider .full-directory-listing .media--valign:hover+div a, #feature-slider .full-directory-listing .media:hover+div a, .directory .full-directory-listing .media--valign:hover+div a, .directory .full-directory-listing .media:hover+div a {
text-decoration: underline
}
#directory .full-directory-listing .media img, #directory .full-directory-listing .media--valign img, #feature-slider .full-directory-listing .media img, #feature-slider .full-directory-listing .media--valign img, .directory .full-directory-listing .media img, .directory .full-directory-listing .media--valign img {
border: 1px solid #e2e2e2;
width: 100%
}
#directory .full-directory-listing .media .img, #directory .full-directory-listing .media--valign .img, #feature-slider .full-directory-listing .media .img, #feature-slider .full-directory-listing .media--valign .img, .directory .full-directory-listing .media .img, .directory .full-directory-listing .media--valign .img {
min-width: 173px;
width: 173px
}
@media screen and (min-width:0px) and (max-width:479px) {
#directory .full-directory-listing .media .img, #directory .full-directory-listing .media--valign .img, #feature-slider .full-directory-listing .media .img, #feature-slider .full-directory-listing .media--valign .img, .directory .full-directory-listing .media .img, .directory .full-directory-listing .media--valign .img {
min-width: 90px;
width: 90px
}
}
#directory .full-directory-listing .media .body, #directory .full-directory-listing .media--valign .body, #feature-slider .full-directory-listing .media .body, #feature-slider .full-directory-listing .media--valign .body, .directory .full-directory-listing .media .body, .directory .full-directory-listing .media--valign .body {
width: 100%
}
#directory .full-directory-listing .media .info h3, #directory .full-directory-listing .media--valign .info h3, #feature-slider .full-directory-listing .media .info h3, #feature-slider .full-directory-listing .media--valign .info h3, .directory .full-directory-listing .media .info h3, .directory .full-directory-listing .media--valign .info h3 {
font-size: 20px;
font-weight: 400;
margin-bottom: 3px;
text-transform: none
}
@media screen and (min-width:480px) and (max-width:599px) {
#directory .full-directory-listing .media .info h3, #directory .full-directory-listing .media--valign .info h3, #feature-slider .full-directory-listing .media .info h3, #feature-slider .full-directory-listing .media--valign .info h3, .directory .full-directory-listing .media .info h3, .directory .full-directory-listing .media--valign .info h3 {
font-size: 18px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#directory .full-directory-listing .media .info h3, #directory .full-directory-listing .media--valign .info h3, #feature-slider .full-directory-listing .media .info h3, #feature-slider .full-directory-listing .media--valign .info h3, .directory .full-directory-listing .media .info h3, .directory .full-directory-listing .media--valign .info h3 {
font-size: 15px
}
}
#directory .full-directory-listing .media .info h3 a:hover, #directory .full-directory-listing .media--valign .info h3 a:hover, #feature-slider .full-directory-listing .media .info h3 a:hover, #feature-slider .full-directory-listing .media--valign .info h3 a:hover, .directory .full-directory-listing .media .info h3 a:hover, .directory .full-directory-listing .media--valign .info h3 a:hover {
color: #000;
text-decoration: underline
}
#directory .full-directory-listing .media .info p, #directory .full-directory-listing .media--valign .info p, #feature-slider .full-directory-listing .media .info p, #feature-slider .full-directory-listing .media--valign .info p, .directory .full-directory-listing .media .info p, .directory .full-directory-listing .media--valign .info p {
color: #6a6a6a;
font-size: 14px;
line-height: 20px
}
#directory .full-directory-listing .media .info p.description, #directory .full-directory-listing .media--valign .info p.description, #feature-slider .full-directory-listing .media .info p.description, #feature-slider .full-directory-listing .media--valign .info p.description, .directory .full-directory-listing .media .info p.description, .directory .full-directory-listing .media--valign .info p.description {
height: 60px
}
#directory .full-directory-listing .media .info p.air-date, #directory .full-directory-listing .media--valign .info p.air-date, #feature-slider .full-directory-listing .media .info p.air-date, #feature-slider .full-directory-listing .media--valign .info p.air-date, .directory .full-directory-listing .media .info p.air-date, .directory .full-directory-listing .media--valign .info p.air-date {
color: #000;
font-size: 13px;
font-style: italic
}
#vertical-carousel-items .carousel__item--current .icon {
display: block
}
.channel .page-head .page-title {
font-weight: 700;
margin-top: 15px
}
@media screen and (min-width:768px) {
.channel .page-head .page-title {
font-size: 38px;
line-height: 44px
}
}
.channel .social-bar {
clear: both
}
.channel .content, .channel .sidebar {
float: left
}
.channel .content #loading-results {
background-image: -owg-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7));
background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7));
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
text-align: center
}
.channel .content #loading-results img {
position: relative;
top: 65px
}
.channel .sidebar {
width: 300px;
float: right
}
@media screen and (min-width:600px) and (max-width:799px) {
.channel .page-title {
margin-bottom: 5px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.channel .page-title {
font-size: 32px;
margin-bottom: 5px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.channel .page-title {
font-size: 26px;
margin-bottom: 5px
}
}
#be-on-the-show .slider nav {
top: -46px
}
.slider header {
padding: 14px 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
position: relative
}
.slider header .mini-pagination {
position: absolute;
width: 100%;
top: 0;
left: 0;
padding: 10px 0
}
.slider nav {
position: absolute;
top: -44px;
right: 0
}
.slider h3 {
font-size: 16px;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 100
}
.slider h3 span {
font-weight: 600
}
.slider h3.earth {
color: #198AA3
}
.slider h3 a {
white-space: normal
}
.slider .slider-listing {
margin: 10px 0 20px
}
.slider .border-blocker-left, .slider .border-blocker-right {
position: absolute;
z-index: 2;
top: 0;
width: 10px;
height: 100%;
background-color: #fafafa;
background-image: -owg-linear-gradient(#fcfcfc, #fafafa);
background-image: linear-gradient(#fcfcfc, #fafafa)
}
#feature-slider #be-on-show-wrap, #feature-slider #directory-listing-slider, .featured-node, .featured-node .img {
position: relative
}
.slider .border-blocker-left {
left: 0
}
.slider .border-blocker-right {
right: 0
}
#feature-slider {
width: 100%
}
#feature-slider .elastislide-wrapper .elastislide-carousel {
overflow: hidden
}
#feature-slider header {
margin-bottom: 5px
}
@media screen and (min-width:0px) and (max-width:767px) {
#feature-slider {
margin-top: 5px
}
#feature-slider header, #feature-slider nav {
display: none
}
}
#feature-slider .full-directory-listing {
margin-bottom: 10px
}
@media screen and (min-width:768px) {
#feature-slider #be-on-show-wrap ul, #feature-slider #directory-listing-slider ul {
max-height: 300px;
float: none;
display: block;
position: relative
}
#feature-slider #be-on-show-wrap li, #feature-slider #directory-listing-slider li {
vertical-align: top;
float: none;
height: 100%;
border: none;
display: inline-block;
padding: 0
}
#feature-slider #be-on-show-wrap li:first-child, #feature-slider #directory-listing-slider li:first-child {
margin: 0
}
#feature-slider #be-on-show-wrap .media a:hover, #feature-slider #be-on-show-wrap .media--valign a:hover, #feature-slider #be-on-show-wrap .media--valign:hover, #feature-slider #be-on-show-wrap .media:hover, #feature-slider #directory-listing-slider .media a:hover, #feature-slider #directory-listing-slider .media--valign a:hover, #feature-slider #directory-listing-slider .media--valign:hover, #feature-slider #directory-listing-slider .media:hover {
color: #198AA3;
text-decoration: none
}
#feature-slider #be-on-show-wrap .media .img, #feature-slider #be-on-show-wrap .media--valign .img, #feature-slider #directory-listing-slider .media .img, #feature-slider #directory-listing-slider .media--valign .img {
margin-bottom: 5px;
margin-right: 0;
padding: 0;
float: none;
width: 100%
}
#feature-slider #be-on-show-wrap .media .img a, #feature-slider #be-on-show-wrap .media--valign .img a, #feature-slider #directory-listing-slider .media .img a, #feature-slider #directory-listing-slider .media--valign .img a {
display: inline-block;
width: 100%;
line-height: 1.4em
}
#feature-slider #be-on-show-wrap .media .img img, #feature-slider #be-on-show-wrap .media--valign .img img, #feature-slider #directory-listing-slider .media .img img, #feature-slider #directory-listing-slider .media--valign .img img {
display: block;
border-top: none;
border-bottom: none;
border-left: 10px solid #fff;
border-right: 10px solid #fff
}
#feature-slider #be-on-show-wrap .media .body, #feature-slider #be-on-show-wrap .media--valign .body, #feature-slider #directory-listing-slider .media .body, #feature-slider #directory-listing-slider .media--valign .body {
clear: both;
float: none
}
#feature-slider #be-on-show-wrap .media .body h3, #feature-slider #be-on-show-wrap .media--valign .body h3, #feature-slider #directory-listing-slider .media .body h3, #feature-slider #directory-listing-slider .media--valign .body h3 {
margin-left: 10px;
font-family: Georgia;
font-size: .9375em;
line-height: 1.25em
}
#feature-slider #be-on-show-wrap .media .body .description, #feature-slider #be-on-show-wrap .media--valign .body .description, #feature-slider #directory-listing-slider .media .body .description, #feature-slider #directory-listing-slider .media--valign .body .description {
display: none
}
}
@media screen and (min-width:799px) {
#feature-slider #be-on-show-wrap li, #feature-slider #directory-listing-slider li {
width: 25%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#feature-slider #be-on-show-wrap li, #feature-slider #directory-listing-slider li {
width: 33.3333%
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#feature-slider #be-on-show-wrap .elastislide-horizontal ul, #feature-slider #directory-listing-slider .elastislide-horizontal ul {
margin-left: 0!important;
left: 0!important;
transform: translateX(0)!important;
transition: all 0s ease-in-out!important;
white-space: normal;
margin-top: 0
}
#feature-slider #be-on-show-wrap .elastislide-horizontal ul li:first-child, #feature-slider #directory-listing-slider .elastislide-horizontal ul li:first-child {
padding-top: 15px;
border-top: 1px solid #e2e2e2;
border-color: #e2e2e2
}
}
.slider__wrap {
width: 100%;
overflow: hidden
}
.slider__item {
float: left
}
.featured-node {
margin-bottom: 20px
}
.featured-node .img {
overflow: hidden;
margin-bottom: 5px
}
.featured-node .img>a {
width: 100%;
display: block;
position: relative
}
.featured-node .img img {
max-width: 100%;
width: 100%
}
.featured-node:hover .featured-blurb .featured-heading a {
text-decoration: underline
}
.featured-node .featured-blurb {
text-decoration: none;
position: static;
padding: 0;
display: block;
left: auto;
margin: 0;
width: 100%
}
.featured-node .featured-blurb .featured-heading {
font-size: 28px;
font-weight: 700;
line-height: 28px
}
.featured-node .featured-blurb .featured-heading a {
color: #000;
text-decoration: none
}
.featured-node .featured-blurb .featured-heading a:hover {
color: #000
}
@media screen and (min-width:800px) and (max-width:969px) {
.featured-node .featured-blurb .featured-heading {
font-size: 30px;
line-height: 32px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.featured-node .featured-blurb .featured-heading {
font-size: 22px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.featured-node .featured-blurb .featured-heading {
font-size: 26px;
line-height: 30px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.featured-node .featured-blurb .featured-heading {
font-size: 28px;
line-height: 30px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.featured-node .featured-blurb .featured-heading {
font-size: 20px
}
}
.featured-node .featured-blurb .featured-description {
margin-bottom: 0;
cursor: text
}
.featured-node .featured-blurb .video-btn {
position: absolute;
top: -37px;
left: 0;
right: auto;
bottom: auto
}
.featured-node .featured-blurb .video-btn .icon {
margin-right: 6px
}
.featured-node .featured-blurb:hover .featured-heading a {
text-decoration: underline
}
@media screen and (min-width:970px) {
.featured-node .featured-blurb {
width: 75.83333%;
position: absolute;
bottom: 40px;
left: 40px;
box-sizing: border-box;
background: #fff;
background-color: rgba(255,255,255,.9);
border: 1px solid #fff;
padding: 20px
}
}
.featured-node .featured-type {
font-size: 12px;
font-family: 'Open Sans', sans-serif;;
line-height: 12px;
margin-bottom: 2px;
color: #198AA3;
text-transform: uppercase
}
.more-from h3, .section-link {
font-family: "Proxima Nova", sans-serif;
text-transform: uppercase
}
.featured-node .featured-type a {
color: #198AA3;
text-decoration: none
}
.featured-node .featured-type a:hover, .featured-node .featured-type:hover {
color: #3cb7db
}
.featured-node .featured-heading {
font-size: 26px;
line-height: 35px;
margin-bottom: 5px
}
.featured-node .featured-description {
color: #6a6a6a
}
.featured-node .sticker {
position: absolute;
top: -20px;
right: -20px;
width: 80px;
height: 80px
}
@media screen and (min-width:0) and (max-width:969px) {
.featured-node .sticker {
top: auto;
bottom: 22%;
right: 10px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.featured-node .sticker {
top: -20px;
right: -20px
}
}
.more-from {
font-size: 10px;
clear: both
}
.more-from h3, .more-from nav {
float: left
}
.more-from h3 {
padding-right: 10px;
font-size: 12px;
color: #000;
font-weight: 700
}
.more-from a {
display: inline-block;
margin: 0 5px 2px;
vertical-align: text-bottom
}
.latest-stories {
clear: both;
margin-bottom: 10px
}
.latest-stories__heading {
font-size: 1em;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 5px solid #e6e7e6;
margin-bottom: 0
}
.latest-stories .media, .latest-stories .media--valign {
padding: 10px 0;
border-bottom: 1px solid #dbdedc
}
.latest-stories .media p, .latest-stories .media--valign p {
margin-bottom: 0
}
.latest-stories .media h3, .latest-stories .media--valign h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 3px
}
.latest-stories .media h3 a, .latest-stories .media--valign h3 a {
text-decoration: none
}
.carousel-full__title:hover, .latest-stories .img:hover+.body h3 a, .latest-stories .media h3 a:hover, .latest-stories .media--valign h3 a:hover {
text-decoration: underline
}
.latest-stories .img img {
max-width: 175px
}
@media screen and (min-width:0px) and (max-width:479px) {
.latest-stories .img img {
max-width: 150px
}
}
.latest-stories .va-outer {
min-height: 115px
}
@media screen and (min-width:0px) and (max-width:599px) {
.latest-stories .media h3, .latest-stories .media--valign h3 {
font-size: 18px;
line-height: 26px
}
.latest-stories {
padding-top: 20px
}
.latest-stories .media--valign:last-child, .latest-stories .media:last-child {
border-bottom: 0;
margin-bottom: 20px
}
}
.section-link {
position: relative;
padding: 10px 0;
font-weight: 900;
font-size: 12px;
line-height: 12px
}
.section-link span {
color: #000;
font-size: 18px;
line-height: 9px;
position: relative;
top: 1px;
font-weight: 300
}
.section-link:hover span {
color: #198AA3
}
.carousel-full {
width: 100%;
max-width: 1024px;
height:calc(95vw * .55);
max-height: 550px;
font-family: "Proxima Nova";
margin-bottom: 60px;
-ms-flex-order: 1;
order: 1;
overflow-y: hidden
}
.carousel-full .slick-carousel .slick-track {
overflow: hidden;
position: relative;
width: 100%;
z-index: 1
}
.carousel-full__loading {
width: 100%;
height:calc(100vw * .5625);
max-height: 546px
}
.carousel-full__nav {
position: absolute;
top: 37%;
z-index: 100
}
.carousel-full__prev {
left: 5px
}
.carousel-full__next {
right: 5px
}
.carousel-full__pager {
position: absolute;
bottom: 5px;
width: 100%;
height: 26px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 100
}
.carousel-full__pager-button {
margin: 0 10px
}
.carousel-full__items {
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%
}
.carousel-full__item {
display: none;
position: relative;
width: 100%;
max-width: 970px;
height:calc(100vw * .5625);
max-height: 546px;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: start;
align-items: flex-start
}
.carousel-full__image, .carousel-full__image-container, .carousel-full__image-mask {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0
}
.carousel-full__image-container {
z-index: 1;
-ms-flex-order: 1;
order: 1
}
.carousel-full__image-container:hover+.carousel-full__link {
text-decoration: underline;
color: #FFF
}
.carousel-full__image-mask {
z-index: 2;
background: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.2) 70%, rgba(0,0,0,.7) 100%)
}
.carousel-full__image {
z-index: 1
}
.carousel-full__text {
z-index: 1000;
padding-left: 50px;
max-width: 400px
}
.carousel-full__title {
font-weight: 700;
color: #FFF;
font-size: 24px;
padding: 5px 0 10px;
line-height: 1;
-ms-flex-order: 2;
order: 2
}
.carousel-full__label {
font-size: 15px;
color: #3cb7db;
text-decoration: none;
-ms-flex-order: 1;
order: 1
}
.carousel-full__label:hover {
color: #198AA3
}
.carousel-full__link {
text-decoration: none
}
.carousel-full__node-link {
-ms-flex-order: 2;
order: 2
}
.carousel-full__label-link {
-ms-flex-order: 1;
order: 1
}
.carousel-full__description {
color: #FFF;
padding-bottom: 65px;
-ms-flex-order: 2;
order: 2
}
@media screen and (min-width:0px) and (max-width:599px) {
.carousel-full {
max-height: 540px;
overflow-y: hidden;
min-height:calc(100vw * .6);
height: auto
}
.carousel-full__item {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: auto
}
.carousel-full__image-container {
position: relative;
height:calc(95vw * .5625)
}
.carousel-full__text {
color: #000;
padding: 0!important
}
.carousel-full__title {
color: #000;
padding: 10px 0 5px
}
.carousel-full__label {
display: none
}
.carousel-full__description {
text-align: center
}
.carousel-full__pager {
background: rgba(0,0,0,.5)
}
.carousel-full__loading {
height: 100%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.carousel-full__pager {
bottom: 81px
}
.carousel-full__nav {
top: 27%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.carousel-full__pager {
bottom: 76px
}
.carousel-full__title {
font-size: 19px
}
}
@media screen and (min-width:0px) and (max-width:400px) {
.carousel-full__nav {
top: 20%
}
}
@media screen and (min-width:401px) and (max-width:480px) {
.carousel-full__nav {
top: 25%
}
}
.rebrand-modal-container {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
width: 100vw;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10000;
background: rgba(0,0,0,.5);
padding: 90px 20px;
margin-top: -77px
}
.rebrand-modal {
width: 100vw;
max-height: 800px;
position: fixed;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1;
flex: 1 1;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
.load-more, .pager {
position: relative;
min-height: 300px
}
.load-more__btn-wrap {
text-align: center;
padding: 10px 0 20px
}
.load-more .pagination {
display: none
}
#askmd-consultation input.load-more__btn[type=submit], #raap-wrapper input.load-more__btn[type=submit], .load-more__btn.btn {
color: #198AA3;
font-size: 14px;
padding: 10px 25px
}
#askmd-consultation input.load-more__btn[type=submit]:hover, #raap-wrapper input.load-more__btn[type=submit]:hover, .load-more__btn.btn:hover {
color: #05295a
}
#askmd-consultation input.load-more__btn[type=submit] .icon, #raap-wrapper input.load-more__btn[type=submit] .icon, .load-more__btn.btn .icon {
position: relative;
top: -2px;
left: 5px
}
.bc-container {
width: 100%;
margin: 0 0 30px
}
@media screen and (min-width:0px) and (max-width:479px) {
.bc-container {
margin: 0 0 13px
}
}
.bc-video-wrap {
position: relative;
padding-top: 1px;
padding-bottom: 56.25%;
height: 0
}
.video-loading {
position: absolute;
width: 100%;
height: 100%;
background: #000
}
.video-loading .video-loading-text-wrap {
font-family: 'Open Sans', sans-serif;;
font-size: 30px;
color: #fff;
text-transform: uppercase
}
.video-loading .video-loading-text-wrap .blue {
color: #3cb7db
}
.video-loading .video-loading-text-wrap .video-loading-text {
line-height: 1;
height: 35px;
width: 100%
}
.video-loading .lg-oz-logo {
box-sizing: border-box;
text-align: center;
padding: 5% 10%
}
.video-loading .lg-oz-logo img {
height: 100%
}
.video-loading .stripe-overlay {
position: absolute;
width: 100%;
height: 100%;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/episodes/3x3-dark-stripe.png)
}
* html .bc-video-wrap {
margin-bottom: 45px;
margin-top: 0;
width: 100%;
height: 100%
}
.BrightcoveExperience, .bc-video-wrap embed, .bc-video-wrap object {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.video-js {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#episode-carousel li.current, #video-carousel li.current {
z-index: 10
}
#episode-carousel li.current img, #video-carousel li.current img {
filter: alpha(Opacity=100);
opacity: 1
}
#episode-carousel li.current span, #video-carousel li.current span {
position: absolute;
left: 1px;
bottom: 0;
padding: 6px 0;
width: 100%;
text-align: center;
color: #fff;
background: #ff008f;
background: rgba(255,0,143,.8);
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 12px
}
@media screen and (min-width:768px) and (max-width:799px) {
#episode-carousel li.current span, #video-carousel li.current span {
font-size: 13px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#episode-carousel li.current span, #video-carousel li.current span {
font-size: 11px
}
}
@media screen and (min-width:970px) {
#episode-carousel li.current span, #video-carousel li.current span {
font-size: 11px
}
}
#autoplay-toggle {
font-size: .875em;
float: left;
margin-left: 10px
}
@media screen and (min-width:0px) and (max-width:980px) {
#autoplay-toggle {
display: none
}
}
#autoplay-toggle .icon-autoplay {
display: inline-block;
float: left;
position: relative;
top: -2px;
left: -2px
}
#autoplay-toggle h6 {
padding-left: 3px;
padding-top: 2px;
font-size: .78571em
}
#autoplay-toggle button, #autoplay-toggle h6 {
line-height: 1em;
color: #000;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
text-transform: uppercase
}
#autoplay-toggle button {
float: left;
border: 1px solid transparent;
padding: 5px 4px 5px 20px;
margin: 2px 0;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/icon/radio-off.png) 2px center no-repeat;
font-size: .78571em
}
#autoplay-toggle button#autoplay-on {
margin-left: 7px
}
#autoplay-toggle button:hover {
background-color: #f0f0f0;
border: 1px solid #e2e2e2
}
#autoplay-toggle button.checked {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/bullets/radio-on-blue.png)
}
#autoplay-toggle button span {
position: relative;
top: 1px
}
#autoplay-toggle ul {
padding: 0;
margin: 0;
width: 100px;
border: 1px solid #e2e2e2;
display: block;
float: left;
overflow: hidden
}
#autoplay-toggle li {
background: #f9f9f9;
background-image: -owg-linear-gradient(#fff, #f4f4f4);
background-image: linear-gradient(#fff, #f4f4f4);
width: 100%;
padding: 10px;
border: none;
height: 11px;
overflow: hidden
}
#autoplay-toggle li#controls {
border-top: 1px solid #e2e2e2;
padding: 2px 0;
height: 26px;
width: 100%;
float: left
}
.fb_iframe_widget {
display: block!important;
text-align: center
}
.bc-anchored-ad-text, .bc-anchored-title {
display: none
}
@media screen and (min-width:768px) {
.bc-anchored-ad-text, .bc-anchored-title {
z-index: 998;
position: fixed;
display: none;
font-family: 'Open Sans', sans-serif;;
font-size: 16px
}
.bc-anchored {
z-index: 998;
width: 300px!important;
height: 170px!important
}
.bc-anchored-reset {
width: 100%!important;
height: 100%
}
.bc-anchored-title {
width: 288px!important;
background: #FFF;
padding: 5px 5px 4px;
max-height: 35px;
color: #000;
border: 1px solid #000
}
.bc-anchored-title.transition {
height: 25px;
padding: 5px;
visibility: visible;
transition: height .5s ease-in-out
}
.bc-anchored-title-strong {
font-weight: 700
}
.bc-anchored-ad-text {
width: 290px;
background: rgba(0,0,0,.5);
padding: 5px;
color: #FFF
}
.bc-anchored-ad-text.display {
display: block
}
.bc-anchored .vjs-dock-text {
display: none
}
}
.bc-updated-anchored-title-text {
width: 240px;
height: 0;
visibility: hidden
}
.bc-updated-anchored-title-text.transition {
height: 25px
}
.bc-anchored-loading-screen {
position: fixed;
width: 300px;
height: 170px;
background: #000;
display: none;
z-index: 997
}
.bc-anchored-loading-screen .video-loading-text-wrap {
font-family: 'Open Sans', sans-serif;;
font-size: 30px;
color: #fff;
text-transform: uppercase
}
.bc-anchored-loading-screen .video-loading-text-wrap .blue {
color: #3cb7db
}
.bc-anchored-loading-screen .video-loading-text-wrap .video-loading-text {
line-height: 1;
height: 35px;
width: 100%
}
.bc-anchored-loading-screen .lg-oz-logo {
box-sizing: border-box;
text-align: center;
padding: 5% 10%
}
.bc-anchored-loading-screen .lg-oz-logo img {
height: 100%
}
.bc-anchored-loading-screen .stripe-overlay {
position: absolute;
width: 100%;
height: 100%;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/episodes/3x3-dark-stripe.png)
}
.bc-anchored-show-controls {
transform: none!important
}
.square-social-buttons {
position: relative;
z-index: 1
}
.square-social-buttons button {
padding: 0;
margin-right: 15px
}
.social-bar {
line-height: 1em
}
.social-bar.inline {
height: 25px;
margin-bottom: 20px
}
.social-bar.inline #ClipixWidgetApiContainer {
display: inline-block
}
.social-bar .sponsored-by-small {
float: right;
margin-top: -25px
}
.social-button {
height: 23px
}
.social-button.inline {
display: inline-block;
vertical-align: middle;
margin-right: 9px
}
.social-button.fb .fb-like {
float: left
}
.social-button.twitter {
width: 91px;
margin-right: 0
}
.social-button.clipix {
margin-right: 5px
}
.social-button.print {
position: relative;
top: 0;
margin-left: 10px
}
@media screen and (min-width:0) and (max-width:799px) {
.social-button.print {
display: none
}
}
.social-button.print .rebrand-print {
position: relative;
margin-right: 5px;
top: 3px;
left: 0
}
#episode-channel .social-bar, #recipe-channel .social-bar, #topic-channel .social-bar {
margin-top: 10px;
clear: both
}
.square-social-buttons .mini-social-button {
display: block;
float: left;
border-radius: 50%
}
.custom-clipix-share {
display: none!important
}
.custom-clipix-share #ClipixWidgetApiContainer {
filter: alpha(Opacity=0);
opacity: 0
}
.custom-clipix-share #ClipixWidgetApiContainer img {
width: 35px;
height: 35px
}
@media screen and (min-width:0px) and (max-width:767px) {
.square-social-buttons {
margin: 20px 0 18px
}
.square-social-buttons .custom-clipix-share, .square-social-buttons .icon-social-pinterest-extended {
display: none
}
#footer-links-mega #links ul {
list-style: none
}
}
div.page-head-social {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.region-mega-footer-top {
position: relative
}
#footer-links-mega #links h4, #footer-links-mega .ob_ads_header, #footer-links-mega .ob_org_header, #footer-links-mega .obpd_header, .ob_ads_header, .ob_org_header, .obpd_header {
font-family: 'Open Sans', sans-serif;;
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #000;
display: block;
overflow: hidden;
margin: -10px 0 0;
padding: 10px 0 15px
}
#footer-links-mega {
position: relative;
clear: both;
border-top: 1px solid #ddd;
background: #fcfcfc;
background-image: -owg-linear-gradient(#f7f7f7, #fff);
background-image: linear-gradient(#f7f7f7, #fff);
padding-top: 10px
}
@media screen and (min-width:800px) and (max-width:969px) {
#footer-links-mega #block-promos-0, #footer-links-mega .ob_dual_left, #footer-links-mega .ob_dual_right {
min-height: 360px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#footer-links-mega #block-promos-0, #footer-links-mega .ob_dual_left, #footer-links-mega .ob_dual_right {
min-height: 280px
}
}
#footer-links-mega #links .ob-text-content {
display: inline
}
#footer-links-mega #links .ob_what {
padding: 0
}
#footer-links-mega #links #block-outbrain-1, #footer-links-mega #links #block-outbrain-outbrain {
width: 63.71134%;
padding: 20px 0 0;
margin: 0;
border: 0
}
#footer-links-mega #links #block-outbrain-1 .ob_dual_left, #footer-links-mega #links #block-outbrain-1 .ob_dual_right, #footer-links-mega #links #block-outbrain-outbrain .ob_dual_left, #footer-links-mega #links #block-outbrain-outbrain .ob_dual_right {
padding: 0
}
#footer-links-mega #links #block-outbrain-1 .ob_dual_left, #footer-links-mega #links #block-outbrain-outbrain .ob_dual_left {
width: 45.95469%;
padding-right: 4.04531%;
margin-right: 4.04531%;
border-right: 1px solid #dbdedc
}
#footer-links-mega #links #block-outbrain-1 .ob_dual_right, #footer-links-mega #links #block-outbrain-outbrain .ob_dual_right {
width: 45.63107%
}
#footer-links-mega #links .block {
float: left;
width: 30.82474%;
padding-right: 2.57732%;
margin-right: 2.57732%;
border-right: 1px solid #dbdedc;
color: #000;
padding-top: 20px
}
#footer-links-mega #links .block.mid {
border-bottom: none;
border-top: none
}
#footer-links-mega #links ul {
list-style: none;
padding: 0;
margin-left: 0
}
#footer-links-mega #links ul li {
padding: 12px 0 12px 8px;
border-top: 1px dashed #bbb;
color: #000;
font-style: italic;
font-size: 14px;
line-height: 18px;
}
#footer-links-mega #links ul li .ob_source {
font-size: 13px;
line-height: 18px
}
@media screen and (min-width:0) and (max-width:799px) {
#footer-links-mega #links ul li {
padding: 12px 0;
background: 0 0
}
}
#footer-links-mega #links ul li a {
font-family: 'Open Sans', sans-serif;
font-style: normal;
color: #000;
text-decoration: none
}
#footer-links-mega #links ul li a:hover {
font-family: Georgia, serif;
font-size: 14px;
color: #198AA3;
text-decoration: none
}
@media screen and (min-width:600px) and (max-width:799px) {
#footer-links-mega #links .block {
width: 45%;
padding-right: 4%;
margin-right: 4%
}
#footer-links-mega #links #block-outbrain-1, #footer-links-mega #links #block-outbrain-outbrain {
width: 45%
}
#footer-links-mega #links #block-outbrain-1 .ob_dual_left, #footer-links-mega #links #block-outbrain-outbrain .ob_dual_left {
width: 100%;
margin-right: 0;
padding-right: 0;
display: block;
border: 0
}
#footer-links-mega #links #block-outbrain-1 .ob_dual_right, #footer-links-mega #links #block-outbrain-outbrain .ob_dual_right {
display: none
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#footer-links-mega #links .block {
width: 100%;
padding: 0;
margin: 0;
border: 0
}
#footer-links-mega #links #block-outbrain-1, #footer-links-mega #links #block-outbrain-outbrain {
display: none
}
}
#mega-footer {
overflow: visible
}
.ask-oz-form {
position: relative;
margin-bottom: 30px
}
.ask-oz-form .rebrand-grey-arrows {
position: absolute;
top: 58px;
left: 106px
}
@media screen and (min-width:768px) {
.ask-oz-form .rebrand-grey-arrows {
left: 230px
}
}
@media screen and (min-width:480px) and (max-width:767px) {
.ask-oz-form .rebrand-grey-arrows {
left: 128px
}
}
.ask-oz-form .shadow {
margin-top: 30px;
border: none;
border-top: 1px solid transparent;
height: 3px;
background: -webkit-radial-gradient(50% 0, 50% 3px, #dadada 0, #fafafa 100%)
}
.ask-oz-form label.error {
display: none!important
}
#ask-oz-label {
display: inline-block;
position: absolute;
left: 0;
top: -8px;
width: 225px;
height: 163px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/logos/ask-oz-label-green.png) no-repeat;
z-index: 5
}
@media screen and (min-width:480px) and (max-width:767px) {
#ask-oz-label {
width: 115px;
height: 83px;
top: 27px;
left: -8px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/logos/ask-oz-label-green-med.png) no-repeat
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.ask-oz-form {
padding: 0 25px
}
#ask-oz-label {
width: 104px;
height: 75px;
top: 33px;
left: -8px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/logos/ask-oz-label-green-sm.png) no-repeat
}
}
#ask-oz-input {
margin: 34px 0 0 20px;
padding: 0 0 0 30px;
width: 96%;
height: 60px
}
#ask-oz-input.placeholderjs {
opacity: 1;
font-size: 13px;
font-family: "Proxima Nova", sans-serif;
text-transform: uppercase;
color: #d2d2d2
}
#ask-oz-input::-webkit-input-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
#ask-oz-input:-moz-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
#ask-oz-input::-moz-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
#ask-oz-input:-ms-input-placeholder {
opacity:1;
font-size:13px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2
}
@media screen and (min-width:799px) {
#ask-oz-input {
width: 77.31959%;
padding-left: 240px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
#ask-oz-input {
width: 91.70103%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#footer-links-mega #block-promos-0, #footer-links-mega .ob_dual_left, #footer-links-mega .ob_dual_right {
min-height: 260px
}
#ask-oz-input {
padding-left: 240px
}
}
@media screen and (min-width:480px) and (max-width:767px) {
#ask-oz-input {
padding-left: 130px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#ask-oz-input {
padding-left: 80px
}
}
#ask-oz-input:focus {
font-size: 17px;
color: #000
}
#ask-oz-submit {
width: 57px;
height: 60px;
position: absolute;
top: 34px;
right: 0;
border: 0;
color: #fff;
font-family: 'Open Sans', sans-serif;;
font-weight: 100;
text-transform: uppercase;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (min-width:0px) and (max-width:599px) {
#ask-oz-submit {
width: 52px
}
}
#powered-by-sharecare {
position: absolute;
right: 0;
top: 0;
width: 162px;
height: 110px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/logos/sharecare-logo.png) 21px 47px no-repeat
}
.page-head, .page-head .page-head-container a.comments {
position: relative
}
.sponsored-by-small-text {
display: none
}
.page-head {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 30px
}
@media screen and (min-width:600px) and (max-width:767px) {
.page-head {
margin-bottom: 20px
}
}
.page-head .page-head-wrap {
border-bottom: 10px solid #e6e7e6;
padding-bottom: 17px
}
@media screen and (min-width:0px) and (max-width:599px) {
.page-head {
margin-bottom: 10px
}
.page-head .page-head-wrap {
padding-bottom: 5px
}
}
.page-head .page-title {
font-size: 36px;
line-height: 44px;
margin: 0;
display: inline-block
}
@media screen and (min-width:600px) {
.page-head .page-title {
margin-top: 20px
}
}
@media screen and (min-width:600px) and (max-width:969px) {
.page-head .page-title {
font-size: 34px;
line-height: 44px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.page-head .page-title {
font-size: 24px;
line-height: 32px
}
}
.page-head .page-description {
clear: both;
color: #6a6a6a;
font-weight: 300;
font-size: 18px;
line-height: 26px;
margin-top: 5px
}
.page-head .page-head-meta {
clear: both;
font-family: Georgia, serif;
font-style: italic;
font-size: 13px;
line-height: 26px;
margin-bottom: 10px;
padding: 5px 0
}
@media screen and (min-width:0px) and (max-width:599px) {
.page-head .page-head-meta {
margin-bottom: 0
}
}
.page-head .page-head-ad-text {
margin-bottom: 3px;
display: none
}
@media screen and (min-width:768px) {
.page-head .page-head-ad {
float: right;
margin-top: 15px;
width: 120px!important;
height: 60px!important;
-ms-flex-item-align: end;
align-self: flex-end;
padding-left: 5px
}
.page-head .page-head-ad.display {
display: block
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.page-head .page-head-ad {
display: none
}
}
.page-head .page-head-navigation .icon-blue-triangle-left {
margin-right: 6px
}
.page-head .page-head-navigation .icon-blue-triangle-right {
margin-left: 6px
}
.page-head--no-bar .page-head-wrap {
border-bottom: 0;
padding-bottom: 0
}
.page-head--half-border .page-head-wrap, .page-head--no-social .page-head-wrap {
border-bottom-width: 5px
}
.page-head--newsletter {
margin-bottom: 10px;
border-bottom: none
}
@media screen and (min-width:768px) and (max-width:969px) {
.page-head--newsletter {
width: calc(100% - 330px)
}
}
.page-head--newsletter p {
margin: 0!important
}
.page-head--newsletter .page-head-wrap {
padding-bottom: 10px
}
.page-head--page {
float: none;
margin-top: 10px
}
.page-head--page .page-title {
display: -moz-inline-stack;
display: inline-block;
font-family: Oswald,sans-serif;
vertical-align: middle;
zoom: 1
}
.page-head--book .page-title {
margin-top: 0
}
@media screen and (min-width:480px) and (max-width:767px) {
.page-head--book {
padding-bottom: 25px;
border-bottom: 1px solid #e4e2e2
}
}
.page-head .page-head-container {
display: block
}
.page-head .page-head-container.flex {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
@media screen and (min-width:970px) {
#footer-links-mega #block-promos-0, #footer-links-mega .ob_dual_left, #footer-links-mega .ob_dual_right {
min-height: 342px
}
#ask-oz-submit {
right: 160px
}
.page-head .page-head-container.flex {
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
}
.page-head .page-head-container .page-comments-container {
display: inline-block;
margin-right: 15px
}
.page-head .page-head-container .page-comments-container a, .page-head .page-head-container .page-comments-container a:hover, .page-head .page-head-container .page-comments-container a:link, .page-head .page-head-container .page-comments-container a:visited {
box-sizing: border-box;
position: relative;
text-transform: uppercase;
text-decoration: none;
color: #000;
width: 110px;
padding: 10px 0 10px 8px;
border: 2px solid #000;
border-radius: 15px;
float: left;
margin-left: -1px;
font-family:Oswald,sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 14px
}
.page-head .page-head-container .page-comments-container a:hover, .page-head .page-head-container .page-comments-container a:hover:hover, .page-head .page-head-container .page-comments-container a:link:hover, .page-head .page-head-container .page-comments-container a:visited:hover {
border-color: #198AA3;
color: #198AA3
}
.page-head .page-head-container .page-comments-container a:hover i.rebrand-comments, .page-head .page-head-container .page-comments-container a:hover:hover i.rebrand-comments, .page-head .page-head-container .page-comments-container a:link:hover i.rebrand-comments, .page-head .page-head-container .page-comments-container a:visited:hover i.rebrand-comments {
color: #198AA3
}
.page-head .page-head-container .page-comments-container .fb_comments_count {
vertical-align: middle
}
@media screen and (min-width:479px) {
.page-head .page-head-container a.comments {
padding-right: 27px
}
}
.page-head .page-head-container .icon-comments-bubble-wrap {
position: absolute;
top: 7px;
right: 8px
}
.page-head .page-head-container i.rebrand-comments {
display: inline-block;
color: #000;
text-align: center;
font-style: normal;
position: relative;
right: 0;
overflow: hidden;
top: 0;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 12px
}
@media screen and (min-width:480px) and (max-width:599px) {
.page-head .page-head-container a.comments {
width: 140px
}
.page-head .page-head-container i.rebrand-comments {
right: 0
}
}
.page-head .page-head-container .page-social-comments-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.page-head .page-head-container .page-social-comments-container .social-bar {
display: -ms-flexbox;
display: flex
}
.page-head .page-head-container .social-bar .custom-email-share, .page-head .page-head-container .social-bar .custom-fb-share, .page-head .page-head-container .social-bar .custom-pinterest-share, .page-head .page-head-container .social-bar .custom-twitter-share {
-ms-flex-order: -1;
order: -1
}
.page-head .page-head-container .social-bar .comments {
-ms-flex-order: 0;
order: 0
}
.page-head .page-head-container .social-button.print {
margin-left: 0;
margin-right: 15px;
display: none;
-ms-flex-order: 2;
order: 2
}
@media screen and (min-width:768px) {
.page-head .page-head-container .social-button.print {
display: inline
}
}
.page-head .page-head-container .social-button.print a, .page-head .page-head-container .social-button.print a:hover, .page-head .page-head-container .social-button.print a:link, .page-head .page-head-container .social-button.print a:visited {
box-sizing: border-box;
position: relative;
text-transform: uppercase;
text-decoration: none;
color: #000;
padding: 3px 5px 6px 10px;
border: 2px solid #000;
border-radius: 15px;
float: left;
margin-left: -1px;
font-family: 'Open Sans', sans-serif;;
font-weight: 400;
font-size: 14px;
line-height: 14px
}
.page-head .page-head-container .social-button.print a:hover, .page-head .page-head-container .social-button.print a:hover:hover, .page-head .page-head-container .social-button.print a:link:hover, .page-head .page-head-container .social-button.print a:visited:hover {
border-color: #198AA3;
color: #198AA3
}
@media screen and (min-width:970px) {
.page-head .page-head-container .social-buttons {
-ms-flex-order: -1;
order: -1;
margin-top: 0;
margin-bottom: 0
}
.page-head .page-head-container .page-title-div {
width: calc(100% - 200px);
-ms-flex-order: -1;
order: -1
}
.page-head .page-head-container .page-title-div.page {
width: calc(100% - 300px)
}
.page-head .page-head-container .page-meta-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
margin-top: 10px;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
width: 100%
}
.page-head .page-head-container .page-social-comments-container {
-ms-flex-order: -1;
order: -1
}
.page-head .page-head-container .page-social-comments-container.flex {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 20px
}
.page-head .page-head-container .page-comments-container {
margin-top: 0
}
}
.page-head .video-desc {
clear: both;
color: #6a6a6a;
font-weight: 300;
font-size: 18px;
line-height: 26px;
margin-bottom: 5px
}
.page-head .video-title {
font-size: 1.125em;
line-height: 1.4em;
margin: 5px 0
}
.page-head .video-series-description {
display: none
}
.page-head .video-series-description.display {
display: block
}
.page-head .video-series-page-title {
font-size: 1.125em
}
@media screen and (min-width:768px) {
.page-head .video-series-page-title {
font-size: 1.25em
}
}
.page-head .video-series-clip-page-title {
font-size: 1.5em;
display: block;
margin-top: 5px
}
.page-head .video-series-clip-page-desc {
margin-top: 5px
}
.page-head .video-series-clip-page-social {
display: inherit
}
.page-head .video-series-page-description {
clear: none
}
@media screen and (min-width:768px) {
.page-head .video-series-clip-page-title {
font-size: 2.25em
}
.page-head .video-series-page-head-meta {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 10px 0;
font-style: normal
}
}
.featured-video {
width: 100%;
margin-bottom: 30px
}
#related-section {
position: relative;
clear: both;
border-top: 1px solid #ddd;
background: #fcfcfc;
background-image: -owg-linear-gradient(#f7f7f7, #fff);
background-image: linear-gradient(#f7f7f7, #fff);
padding: 45px 0
}
#related-section .related-content__title {
text-transform: uppercase;
font-size: 2.25em;
line-height: 1;
font-weight: 800;
color: #031b33;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px
}
#related-section .related-content__title-highlight, #related-section nav ul li a:hover {
color: #198AA3
}
#related-section .related-content__title:after {
content: '';
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: 10px;
background: #e2e2e2;
margin-left: 30px;
display: -ms-inline-flexbox;
display: inline-flex
}
@media screen and (min-width:0px) and (max-width:767px) {
#related-section {
padding: 35px 0 15px
}
#related-section .related-content__title {
font-size: 1.125em;
margin-bottom: 30px
}
#related-section .related-content__title:after {
margin-left: 15px
}
}
#related-section #comments, #related-section #latest-stories {
display: none
}
#related-section #comments.homepage, #related-section #latest-stories.homepage {
display: block
}
#related-section p {
font-size: .875em;
color: #6a6a6a;
line-height: 1.5em;
overflow: hidden;
position: relative
}
@media screen and (min-width:768px) {
#related-section .table .row p {
height: auto
}
}
#related-section nav {
width: auto;
text-align: center;
margin: 0 auto 35px
}
#related-section nav .fb_comments_count {
position: relative;
top: 4px
}
#related-section nav ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 0
}
#related-section nav ul li a, .comments-container-single a, .comments-container-single a:hover, .comments-container-single a:link, .comments-container-single a:visited {
margin-left: -1px;
line-height: 14px;
text-transform: uppercase;
text-decoration: none;
float: left;
font-family: 'Open Sans', sans-serif;;
box-sizing: border-box
}
#related-section nav ul a, #related-section nav ul li {
display: inline-block
}
#related-section nav ul li {
float: left
}
#related-section nav ul li a {
background: #fefefe;
background-image: -owg-linear-gradient(#fff, #f5f5f5);
background-image: linear-gradient(#fff, #f5f5f5);
position: relative;
color: #000;
width: 157px;
padding: 11px 0;
border: 1px solid #e2e2e2;
font-weight: 400;
font-size: 14px
}
@media screen and (min-width:480px) and (max-width:599px) {
#related-section nav ul li a {
width: 140px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#related-section nav ul li a {
width: 90px
}
}
#related-section nav ul li i.icon-related-content-arrow-on {
display: none
}
#related-section nav ul li.current {
position: relative
}
#related-section nav ul li.current a {
background: #198AA3;
color: #fff;
border-color: rgba(25,138,163,0)
}
#related-section nav ul li.current a.comments i {
color: #198AA3
}
#related-section nav ul li.current i.icon-related-content-arrow-on {
display: block
}
#related-section a.comments {
position: relative
}
@media screen and (min-width:479px) {
#related-section a.comments {
padding-right: 27px
}
}
#related-section .icon-comments-bubble-wrap {
position: absolute;
top: 3px;
right: 28px
}
@media screen and (min-width:480px) and (max-width:599px) {
#related-section a.comments {
width: 140px
}
#related-section .icon-comments-bubble-wrap {
top: 3px;
right: 21px
}
#related-section i.rebrand-comments {
right: 0
}
}
#related-section i.rebrand-comments {
display: inline-block;
color: #fff;
text-align: center;
font-style: normal;
position: relative;
right: 0;
overflow: hidden;
top: 0;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 12px
}
#related-section .related-content-arrow-down {
position: absolute;
left: 68px;
bottom: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #198AA3
}
#comments-section, a.comments {
position: relative
}
@media screen and (min-width:480px) and (max-width:767px) {
#related-section .content-preview {
display: table
}
#related-section .content-preview .content-preview-body {
display: table-cell;
vertical-align: middle;
width: 100%
}
#related-section .content-preview .img {
min-width: 221px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#related-section nav {
margin-bottom: 20px
}
#related-section {
padding-bottom: 20px
}
#related-section h5, #the-latest-stories h5 {
display: none
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#related-section .related-content-arrow-down {
left: 58px
}
#related-section {
padding: 35px 0 14px
}
#related-section nav {
margin-bottom: 20px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#related-section .related-content-arrow-down {
left: 35px
}
#related-section {
padding: 18px 0 4px
}
#related-section nav {
margin-bottom: 6px
}
}
@media screen and (min-width:799px) {
#links .first, #links .mid, #links div.first, #related-section .c-1, #related-section .c-4 {
padding-right: 1.75258%
}
#links .last, #links .mid {
padding-left: 1.75258%
}
#links .mid {
border: 1px solid #dbdedc
}
}
@media screen and (min-width:768px) {
#related-section .tab-content {
width: 100%
}
}
#comments-section {
display: none;
clear: both;
border-top: 1px solid #ddd;
background: #fcfcfc;
background-image: -owg-linear-gradient(#f7f7f7, #fff);
background-image: linear-gradient(#f7f7f7, #fff);
padding: 45px 0
}
@media screen and (min-width:0px) and (max-width:767px) {
#comments-section {
padding: 35px 0 15px
}
}
#comments-section .comments-section-header {
text-align: center;
font-family: 'Open Sans', sans-serif;;
font-size: 40px;
margin-bottom: 20px;
color: #031b33;
font-weight: 700
}
#comments-section .comments-section-header span {
color: #198AA3
}
.comments-container-single a, .comments-container-single a:hover, .comments-container-single a:link, .comments-container-single a:visited {
position: relative;
color: #000;
width: 110px;
padding: 9px 0 10px 8px;
border: 2px solid #000;
border-radius: 15px;
font-weight: 400;
font-size: 14px
}
.comments-container-single a:hover, .comments-container-single a:hover:hover, .comments-container-single a:link:hover, .comments-container-single a:visited:hover {
border-color: #198AA3;
color: #198AA3
}
.comments-container-single a:hover i.rebrand-comments, .comments-container-single a:hover:hover i.rebrand-comments, .comments-container-single a:link:hover i.rebrand-comments, .comments-container-single a:visited:hover i.rebrand-comments {
color: #198AA3
}
.comments-container-single .fb_comments_count {
vertical-align: middle
}
@media screen and (min-width:479px) {
a.comments {
padding-right: 27px
}
}
.icon-comments-bubble-wrap {
position: absolute;
top: 7px;
right: 8px
}
i.rebrand-comments {
display: inline-block;
color: #000;
text-align: center;
font-style: normal;
position: relative;
right: 0;
overflow: hidden;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 12px
}
@media screen and (min-width:480px) and (max-width:599px) {
a.comments {
width: 140px
}
i.rebrand-comments {
right: 0
}
}
.hide-comments {
display: none
}
#new-now-section, #related-content-section {
position: relative;
clear: both;
border-top: 1px solid #ddd;
background: #fcfcfc;
background-image: -owg-linear-gradient(#f7f7f7, #fff);
background-image: linear-gradient(#f7f7f7, #fff);
padding: 45px 0 25px
}
#new-now-section .new-now-content__title, #new-now-section .related-content-section__title, #related-content-section .new-now-content__title, #related-content-section .related-content-section__title {
text-transform: uppercase;
font-size: 2.25em;
line-height: 1;
font-weight: 800;
color: #031b33;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px
}
#new-now-section .new-now-content__title-highlight, #new-now-section .related-content-section__title-highlight, #new-now-section nav ul li a:hover, #related-content-section .new-now-content__title-highlight, #related-content-section .related-content-section__title-highlight, #related-content-section nav ul li a:hover {
color: #198AA3
}
#new-now-section .new-now-content__title:after, #new-now-section .related-content-section__title:after, #related-content-section .new-now-content__title:after, #related-content-section .related-content-section__title:after {
content: '';
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: 10px;
background: #e2e2e2;
margin-left: 30px;
display: -ms-inline-flexbox;
display: inline-flex
}
@media screen and (min-width:0px) and (max-width:767px) {
#new-now-section, #related-content-section {
padding: 35px 0 15px
}
#new-now-section .new-now-content__title, #new-now-section .related-content-section__title, #related-content-section .new-now-content__title, #related-content-section .related-content-section__title {
font-size: 1.125em;
margin-bottom: 30px
}
#new-now-section .new-now-content__title:after, #new-now-section .related-content-section__title:after, #related-content-section .new-now-content__title:after, #related-content-section .related-content-section__title:after {
margin-left: 15px
}
}
#new-now-section #comments, #related-content-section #comments {
display: none
}
#new-now-section #comments.homepage, #related-content-section #comments.homepage {
display: block
}
#new-now-section p, #related-content-section p {
font-size: .875em;
color: #6a6a6a;
line-height: 1.5em;
overflow: hidden;
position: relative
}
@media screen and (min-width:768px) {
#new-now-section .table .row p, #related-content-section .table .row p {
height: auto
}
}
#new-now-section nav, #related-content-section nav {
width: auto;
text-align: center;
margin: 0 auto 35px
}
#new-now-section nav .fb_comments_count, #related-content-section nav .fb_comments_count {
position: relative;
top: 4px
}
#new-now-section nav ul, #related-content-section nav ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 0
}
#new-now-section nav ul a, #new-now-section nav ul li, #related-content-section nav ul a, #related-content-section nav ul li {
display: inline-block
}
#new-now-section nav ul li, #related-content-section nav ul li {
float: left
}
#new-now-section nav ul li a, #related-content-section nav ul li a {
background: #fefefe;
background-image: -owg-linear-gradient(#fff, #f5f5f5);
background-image: linear-gradient(#fff, #f5f5f5);
box-sizing: border-box;
position: relative;
text-transform: uppercase;
text-decoration: none;
color: #000;
width: 157px;
padding: 11px 0;
border: 1px solid #e2e2e2;
float: left;
margin-left: -1px;
font-family: 'Open Sans', sans-serif;;
font-weight: 400;
font-size: 14px;
line-height: 14px
}
@media screen and (min-width:480px) and (max-width:599px) {
#new-now-section nav ul li a, #related-content-section nav ul li a {
width: 140px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#new-now-section nav ul li a, #related-content-section nav ul li a {
width: 90px
}
}
#new-now-section nav ul li i.icon-related-content-arrow-on, #related-content-section nav ul li i.icon-related-content-arrow-on {
display: none
}
#new-now-section nav ul li.current, #related-content-section nav ul li.current {
position: relative
}
#new-now-section nav ul li.current a, #related-content-section nav ul li.current a {
background: #198AA3;
color: #fff;
border-color: rgba(25,138,163,0)
}
#new-now-section nav ul li.current a.comments i, #related-content-section nav ul li.current a.comments i {
color: #3cb7db
}
#new-now-section nav ul li.current i.icon-related-content-arrow-on, #related-content-section nav ul li.current i.icon-related-content-arrow-on {
display: block
}
#new-now-section a.comments, #related-content-section a.comments {
position: relative
}
@media screen and (min-width:479px) {
#new-now-section a.comments, #related-content-section a.comments {
padding-right: 27px
}
}
#new-now-section .icon-comments-bubble-wrap, #related-content-section .icon-comments-bubble-wrap {
position: absolute;
top: 3px;
right: 28px
}
@media screen and (min-width:480px) and (max-width:599px) {
#new-now-section a.comments, #related-content-section a.comments {
width: 140px
}
#new-now-section .icon-comments-bubble-wrap, #related-content-section .icon-comments-bubble-wrap {
top: 3px;
right: 21px
}
#new-now-section i.rebrand-comments, #related-content-section i.rebrand-comments {
right: 0
}
}
#new-now-section i.rebrand-comments, #related-content-section i.rebrand-comments {
display: inline-block;
color: #fff;
text-align: center;
font-style: normal;
position: relative;
right: 0;
overflow: hidden;
top: 0;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 12px
}
#new-now-section .new-now-content-arrow-down, #related-content-section .new-now-content-arrow-down {
position: absolute;
left: 68px;
bottom: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #198AA3
}
#new-now-footer .ad-label, #new-now-section .ad-label, #related-content-footer .ad-label, #related-content-section .ad-label {
height: 20px;
font-size: 11px;
line-height: 1.1em;
text-align: center;
text-transform: uppercase
}
@media screen and (min-width:480px) and (max-width:767px) {
#new-now-section .content-preview-grid:not(.content-preview-grid--variable) .content-preview, #related-content-section .content-preview-grid:not(.content-preview-grid--variable) .content-preview {
display: table
}
#new-now-section .content-preview-grid:not(.content-preview-grid--variable) .content-preview .content-preview-body, #related-content-section .content-preview-grid:not(.content-preview-grid--variable) .content-preview .content-preview-body {
display: table-cell;
vertical-align: middle;
width: 100%
}
#new-now-section .content-preview-grid:not(.content-preview-grid--variable) .content-preview .img, #related-content-section .content-preview-grid:not(.content-preview-grid--variable) .content-preview .img {
min-width: 221px
}
}
#new-now-section .ad-label, #related-content-section .ad-label {
margin-top: -20px
}
@media screen and (min-width:0px) and (max-width:767px) {
#new-now-section nav, #related-content-section nav {
margin-bottom: 20px
}
#new-now-section, #related-content-section {
padding-bottom: 20px
}
#new-now-section h5, #related-content-section h5 {
display: none
}
.page .icon-social-fb-square, .page .icon-social-twitter-square {
display: block
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#new-now-section .new-now-content-arrow-down, #related-content-section .new-now-content-arrow-down {
left: 58px
}
#new-now-section, #related-content-section {
padding: 35px 0 14px
}
#new-now-section nav, #related-content-section nav {
margin-bottom: 20px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#new-now-section .new-now-content-arrow-down, #related-content-section .new-now-content-arrow-down {
left: 35px
}
#new-now-section, #related-content-section {
padding: 18px 0 4px
}
#new-now-section nav, #related-content-section nav {
margin-bottom: 6px
}
}
@media screen and (min-width:768px) {
#new-now-section .tab-content, #related-content-section .tab-content {
width: 100%
}
}
#related-content {
min-height: 300px;
position: relative
}
#related-content .content-preview h5 {
min-height: 14px;
box-sizing: border-box
}
#new-now-footer, #related-content-footer {
background: #FFF;
padding-bottom: 40px
}
#new-now-footer .new-now-footer-ad, #new-now-footer .related-content-footer-ad, #related-content-footer .new-now-footer-ad, #related-content-footer .related-content-footer-ad {
text-align: center
}
#content-area .new-now-ad-label {
margin-top: 20px
}
@media screen and (min-width:799px) {
#links .first, #links .mid, #links div.first, #new-now-section .c-1, #new-now-section .c-4, #related-content-section .c-1, #related-content-section .c-4 {
padding-right: 1.75258%
}
#links .last, #links .mid {
padding-left: 1.75258%
}
#links .mid {
border: 1px solid #dbdedc
}
.page .sidebar .ad-300x250 {
width: 300px;
float: right;
margin-bottom: 40px
}
.page .sidebar .ad-300x250.sidebar-ad-bottom {
margin-top: 40px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.page .run-left, .page .run-right {
margin: 0 auto 20px;
width: 300px;
float: none;
padding: 0
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.page .run-left, .page .run-right {
margin: 32px auto 20px
}
}
.page .run-left .ad-wrap {
padding-top: 20px
}
@media screen and (min-width:799px) {
.page .run-left .ad-wrap {
padding-top: 0
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.page .run-left {
float: right;
margin-left: 20px
}
}
.page .run-left .rebrand-green-corner {
position: absolute;
top: -1px;
right: -1px
}
.page .from-this-ep .img:hover+.body .callout-fancy-title a {
color: #3cb7db
}
.page--press-release .entry {
padding-bottom: 20px
}
.entry {
width: inherit;
padding-right: 30px;
border-right: 1px solid transparent;
line-height: 1.6;
position: relative
}
.book .owl-stage-outer, .entry .hero-img img, .entry a.img img {
width: 100%
}
.book .page-head .img img, .book__excerpts {
border: 1px solid #dbdedc
}
@media screen and (min-width:0px) and (max-width:767px) {
.entry {
padding-right: 0
}
}
.entry>h2 {
font-size: 20px;
margin-bottom: 0;
font-family: Oswald,sans-serif;
font-weight: 700
}
.entry>ol, .entry>ul {
padding-left: 20px
}
.entry>ol ol, .entry>ol ul, .entry>ul ol, .entry>ul ul {
padding-left: 40px
}
.entry>ol ol ol, .entry>ol ol ul, .entry>ol ul ol, .entry>ol ul ul, .entry>ul ol ol, .entry>ul ol ul, .entry>ul ul ol, .entry>ul ul ul {
padding-left: 60px
}
.entry>ol li {
list-style-type: decimal
}
.entry>ul li {
list-style-type: disc
}
.entry>ol, .entry>p, .entry>ul {
font-size: 15px;
line-height: 28px;
color:#333;
}
.entry>blockquote, .entry>ol, .entry>p, .entry>ul {
margin-bottom: 20px
}
.entry form ol, .entry form ul {
padding-left: 0
}
.entry form ol li, .entry form ul li {
list-style-type: none
}
@media screen and (min-width:0) and (max-width:799px) {
.page .run-left .from-this-ep {
margin-top: 20px
}
.entry {
margin: 0;
width: 100%
}
}
.no-js .page .blockquote {
display: block
}
@media screen and (min-width:970px) {
.book .sidebar .ad-300x250 {
float: none
}
}
.book .entry h2 {
font-size: 22px
}
.book .square-social-buttons--bottom {
margin-top: 15px;
margin-bottom: 25px
}
.book .page-head-wrap {
padding-top: 10px
}
.book .page-head .img {
margin-right: 20px
}
.book .content--block>.sidebar {
margin-left: 0
}
.book__description {
margin-bottom: 20px
}
.book__description p {
font-size: 15px;
line-height: 26px
}
@media screen and (min-width:0px) and (max-width:479px) {
.book__description {
margin-bottom: 30px
}
}
.book__excerpts {
margin: 15px 0;
position: relative;
overflow: hidden
}
@media screen and (min-width:0px) and (max-width:969px) {
.book__excerpts, .book__excerpts-wrap {
clear: both
}
}
.book__oz-pick {
color: #198AA3;
text-transform: uppercase;
font-size: 13px;
line-height: 13px
}
.book__excerpt-nav {
background-image: -owg-linear-gradient(#fff, #f4f4f4);
background-image: linear-gradient(#fff, #f4f4f4);
height: 40px
}
.book__excerpt-nav .mini-pagination {
clear: none;
height: 40px;
line-height: 40px
}
.book__excerpt-nav--top {
border-bottom: 1px solid #dbdedc
}
.book__excerpt-nav--bottom {
border-top: 1px solid #dbdedc;
width: 100%;
position: relative;
z-index: 1
}
.book__excerpt-nav__item button {
background: 0 0;
height: 40px;
width: 64px
}
.book__excerpt-nav__item button:hover {
background-image: -owg-linear-gradient(#fff, #f1f1f1);
background-image: linear-gradient(#fff, #f1f1f1)
}
.book__excerpt-nav__item--prev {
float: left
}
.book__excerpt-nav__item--prev:hover {
border-right: 1px solid #dbdedc
}
.book__excerpt-nav__item--next {
float: right
}
.book__excerpt-nav__item--next:hover {
border-left: 1px solid #dbdedc
}
.book__video-heading {
margin-top: 26;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0
}
@media screen and (min-width:0px) and (max-width:479px) {
.book .bc-container {
margin-bottom: 25px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
.book .page>.content, .book .page>.content>.entry {
display: block;
padding-right: 0;
padding-bottom: 20px
}
}
.book .entry {
padding-bottom: 20px
}
.book .heading-wrap {
height: 1px
}
.book #featured-books {
width: 300px;
display: none
}
@media screen and (min-width:970px) {
.book #featured-books {
display: block
}
}
.book #featured-books .fancylist li:first-child {
border-top: none
}
.book #featured-books .fancylist .media--valign .num {
top: 50px
}
.book #featured-books .fancylist .media--valign .body {
padding-left: 10px
}
.book #featured-books-title {
font-family: Oswald;
font-weight: 300;
font-size: 18px;
color: #DFD4C7;
background-color: #FFF;
width: 130px;
line-height: .25;
margin: 0 auto
}
.book #featured-books-title__featured {
color: #A47942
}
.book-channel .channel .page-head .page-title {
font-size: 38px;
line-height: 44px
}
.book-channel .content-preview-grid.three-col .content-preview {
height: inherit;
display: table
}
@media screen and (min-width:768px) and (max-width:799px) {
.book-channel .content-preview-grid.three-col .content-preview:nth-child(odd) {
border: 0;
padding-right: 0
}
}
.book-channel .content-preview-grid.three-col .content-preview:nth-child(3n+2) {
border-right: 2px dotted #dbdedc;
border-left: 2px dotted #dbdedc
}
.book-channel .content-preview-grid.three-col .content-preview img {
width: auto
}
@media screen and (min-width:800px) and (max-width:969px) {
.book-channel .content-preview-grid.three-col .content-preview img {
height: 226px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.book-channel .content-preview-grid.three-col .content-preview img {
height: 251px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.book-channel .content-preview-grid.three-col .content-preview img {
width: auto;
height: 208px;
max-width: 164px;
max-height: none
}
.book-channel .content-preview-grid.three-col .content-preview {
clear: inherit;
border-top: 0
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.book-channel .channel .page-head .page-title {
font-size: 32px
}
.book-channel .content-preview-grid.three-col .content-preview img {
width: 146px;
height: auto;
max-height: none
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.book-channel .channel .page-head .page-title {
font-size: 26px
}
.book-channel .content-preview-grid.three-col .content-preview img {
width: 106px;
height: auto;
max-height: none;
max-width: none
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.book-channel .content-preview-grid.three-col .content-preview {
padding: 0
}
.book-channel .content-preview-grid.three-col .content-preview:nth-child(3n+2) {
width: 39.51546%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.book-channel .content-preview-grid.three-col .content-preview img {
margin: 0;
float: none
}
.book-channel .content-preview-grid.three-col .content-preview .content-preview-body {
margin: 0 auto 10px;
width: 160px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.book-channel .content-preview-grid.three-col .content-preview .content-preview-body {
margin: 0 auto;
width: 170px
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.book-channel .content-preview-grid.three-col .content-preview:first-child {
width: 30.16495%
}
.book-channel .content-preview-grid.three-col .content-preview:first-child .content-preview-body, .book-channel .content-preview-grid.three-col .content-preview:first-child img {
float: left
}
.book-channel .content-preview-grid.three-col .content-preview:last-child {
width: 30.16495%
}
.book-channel .content-preview-grid.three-col .content-preview:last-child .content-preview-body, .book-channel .content-preview-grid.three-col .content-preview:last-child img {
float: right
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .content-preview-grid.three-col .content-preview:nth-child(3n+2) {
border-left: 0;
border-right: 0
}
.book-channel .content-preview-grid.three-col .content-preview .content-preview-body {
display: table-cell;
width: 100%;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
text-align: left
}
.book-channel .content-preview-grid.three-col .content-preview .content-preview-body p {
height: auto;
white-space: inherit
}
}
.book-channel .books-by-oz, .book-channel .latest-books-directory {
list-style-type: none;
padding-left: 0
}
.book-channel .featured-books {
display: table;
width: 100%;
border-bottom: 10px solid #e6e7e6;
padding-bottom: 25px;
margin-bottom: 25px
}
@media screen and (min-width:0) and (max-width:799px) {
.book-channel .featured-books {
border-bottom: 1px solid #dbdedc;
padding-bottom: 26px;
background-image: -owg-linear-gradient(#fff, #f7f7f7);
background-image: linear-gradient(#fff, #f7f7f7)
}
}
.book-channel .featured-books div:hover a, .book-channel .latest-books-directory li:hover a {
color: #000;
text-decoration: underline
}
#article-promo a, .book-channel .featured-books h2 a, .book-channel .latest-books-directory h3 a {
text-decoration: none
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .featured-books {
margin-bottom: 0
}
.book-channel .featured-books .content-preview:last-child, .book-channel .latest-books-directory li:last-child {
border-bottom: 0
}
.book-channel .featured-books .oz-pick {
height: inherit
}
.book-channel .the-latest-books {
padding-bottom: 10px
}
}
.book-channel .featured-books p {
font-size: 13px;
line-height: 25px
}
.book-channel .featured-img img {
width: auto;
height: 268px;
border: 1px solid #dbdedc
}
.book-channel .content-preview, .book-channel .content-preview-body {
text-align: center
}
.book-channel .featured-books h2 {
font-size: 22px;
line-height: 30px
}
@media screen and (min-width:768px) and (max-width:799px) {
.book-channel .featured-books h2 {
font-size: 22px;
line-height: 27px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.book-channel .featured-books h2 {
font-size: 18px;
line-height: 24px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.book-channel .featured-books h2 {
font-size: 28px;
line-height: 32px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.book-channel .featured-books h2 {
font-size: 24px;
line-height: 32px
}
}
.book-channel .oz-pick {
text-transform: uppercase;
font-size: 14px;
line-height: 25px;
color: #198AA3;
height: 24px
}
.book-channel .the-latest-books .oz-pick {
height: inherit
}
.book-channel .the-latest-books h2 {
margin-left: -10px
}
@media screen and (min-width:0px) and (max-width:479px) {
.book-channel .the-latest-books h2 {
font-size: 20px!important;
margin-top: 15px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.book-channel .the-latest-books h2 {
margin-top: 25px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .latest-books-directory {
border-top: 1px solid #dbdedc
}
.book-channel .latest-books-directory:first-child {
border-top: 0
}
}
.book-channel .latest-books-directory li {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #dbdedc
}
.book-channel .latest-books-directory li:nth-child(1) {
border-top: none
}
.book-channel .latest-books-directory .img {
width: 123px;
height: 170px;
border: 1px solid #dbdedc
}
.book-channel .latest-books-directory h3 {
font-size: 26px;
line-height: 30px
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .latest-books-directory .img {
width: 86px;
height: auto
}
.book-channel .latest-books-directory h3 {
font-size: 20px;
line-height: 32px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.book-channel .latest-books-directory h3 {
font-size: 25px
}
}
.book-channel .latest-books-directory h4 {
font-size: 18px;
line-height: 27px;
font-weight: 100;
color: #6a6a6a
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .latest-books-directory h4 {
font-size: 16px;
line-height: 24px
}
}
.book-channel .latest-books-directory p {
font-size: 13px;
line-height: 24px;
color: #000
}
@media screen and (min-width:0px) and (max-width:767px) {
.book-channel .sidebar {
width: 100%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.book-channel .the-latest-books {
padding-bottom: 20px
}
.book-channel .sidebar__heading {
margin-top: 15px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .sidebar__heading {
margin-top: 5px
}
}
.book-channel #content-area .ad-label {
margin-top: -6px
}
.book-channel .books-by-oz {
width: 100%;
margin-top: -18px
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .books-by-oz {
margin-top: 0
}
}
.book-channel .books-by-oz li {
display: inline-block;
padding: 20px 0;
border-top: 1px solid #dbdedc;
width: 33.3333%;
text-align: center;
float: left
}
@media screen and (min-width:480px) and (max-width:599px) {
.book-channel .books-by-oz li {
border: 0
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.book-channel .books-by-oz li:nth-child(-n+3) {
border-top: 0
}
}
.book-channel .books-by-oz li:nth-child(3n+1) {
text-align: left
}
@media screen and (min-width:600px) and (max-width:767px) {
.book-channel .books-by-oz {
margin-top: -6px
}
.book-channel .books-by-oz li {
border: 0;
width: 25%
}
.book-channel .books-by-oz li:nth-child(3n+1) {
text-align: center
}
}
.book-channel .books-by-oz li:nth-child(3n) {
text-align: right
}
@media screen and (min-width:600px) and (max-width:767px) {
.book-channel .books-by-oz li:nth-child(3n) {
text-align: center
}
.book-channel .books-by-oz li:nth-child(4n+1) {
text-align: left
}
.book-channel .books-by-oz li:nth-child(4n) {
text-align: right
}
}
.book-channel .books-by-oz img {
width: 75px;
height: 104px;
border: 1px solid #dbdedc
}
.book-channel .books-by-oz h3 {
font-size: 18px!important;
margin-top: 30px;
font-weight: 100
}
@media screen and (min-width:480px) and (max-width:767px) {
.book-channel .books-by-oz img {
width: 110px;
height: 134px
}
.book-channel .books-by-oz h3 {
font-size: 24px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.book-channel .sidebar .heading__two-tone {
font-size: 20px!important
}
}
@media screen and (min-width:768px) {
.book-channel .sidebar .heading__two-tone {
font-size: 18px!important
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.book-channel #main.wrap {
padding: 0
}
.book-channel #droz-book-promo, .book-channel .entry, .book-channel .featured-books, .book-channel .page-head {
padding-left: 26px;
padding-right: 26px;
box-sizing: border-box
}
.book-channel .content {
padding-bottom: 0
}
.book-channel .sidebar {
width: 100%;
float: none
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:0px) and (max-width:479px) {
.book-channel #droz-book-promo, .book-channel .entry, .book-channel .featured-books, .book-channel .page-head {
padding-left: 12px;
padding-right: 12px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.book-channel #main.wrap {
padding: 0
}
.book-channel .featured-books, .book-channel .page-head, .book-channel .the-latest-books {
padding-left: 26px;
padding-right: 26px;
box-sizing: border-box
}
}
@media screen and (min-width:768px) and (max-width:799px) and (min-width:0px) and (max-width:479px) {
.book-channel .featured-books, .book-channel .page-head, .book-channel .the-latest-books {
padding-left: 12px;
padding-right: 12px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.book-channel .entry {
border-bottom: 1px solid #dbdedc;
background-image: -owg-linear-gradient(#fff, #f7f7f7);
background-image: linear-gradient(#fff, #f7f7f7)
}
.book-channel .sidebar {
margin-top: 23px
}
}
.book-channel .pagination {
margin-top: 20px
}
@media screen and (min-width:768px) and (max-width:799px) {
.book-channel .sidebar {
padding-right: 26px
}
.book-channel .entry {
padding-right: 54px
}
.book-channel .pagination {
margin-bottom: 20px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.book-channel .load-more-btn {
width: 100%
}
.book-channel .pagination {
display: none
}
}
.book-channel .media--valign .img {
margin-right: 15px
}
.page--audio__embed iframe {
display: block;
margin-bottom: 25px
}
.page--audio__copyright p {
font-style: italic;
margin-bottom: 30px;
font-size: 13px;
line-height: 22px
}
.page--audio .ad-wrap__striped {
margin-top: 0
}
#be-on-the-show #be-on-show-slider .slider li.page, .homepage-wrap {
max-width: 1022px;
min-width: 320px;
margin: 0 auto;
padding: 0 26px;
box-sizing: border-box
}
body#home #main, body.page-dev-area-homepage #main {
max-width: 100%;
padding: 0;
margin: 0
}
body#home #related-section, body.page-dev-area-homepage #related-section {
background: #fff
}
body#home .fancylist-wrap .fancylist .media .img, body#home .fancylist-wrap .fancylist .media--valign .img, body.page-dev-area-homepage .fancylist-wrap .fancylist .media .img, body.page-dev-area-homepage .fancylist-wrap .fancylist .media--valign .img {
padding-top: 0
}
@media screen and (min-width:0px) and (max-width:767px) {
body#home #related-section, body.page-dev-area-homepage #related-section {
padding-top: 0
}
body#home .fancylist-wrap, body.page-dev-area-homepage .fancylist-wrap {
border-bottom: 0
}
body#home .fancylist-wrap .fancylist-heading, body.page-dev-area-homepage .fancylist-wrap .fancylist-heading {
color: #198AA3;
text-align: left
}
body#home .fancylist-wrap .fancylist-heading span, body.page-dev-area-homepage .fancylist-wrap .fancylist-heading span {
top: 0;
padding: 0!important;
color: #000
}
body#home .fancylist-wrap .fancylist, body.page-dev-area-homepage .fancylist-wrap .fancylist {
margin-top: 0
}
body#home .fancylist-wrap .fancylist .media .body, body#home .fancylist-wrap .fancylist .media--valign .body, body.page-dev-area-homepage .fancylist-wrap .fancylist .media .body, body.page-dev-area-homepage .fancylist-wrap .fancylist .media--valign .body {
padding: 0
}
body#home .fancylist-wrap .fancylist .media li:first-child a, body#home .fancylist-wrap .fancylist .media--valign li:first-child a, body.page-dev-area-homepage .fancylist-wrap .fancylist .media li:first-child a, body.page-dev-area-homepage .fancylist-wrap .fancylist .media--valign li:first-child a {
padding-top: 10px
}
#be-on-the-show #be-on-show-slider .slider body#home li.page .content, #be-on-the-show #be-on-show-slider .slider body.page-dev-area-homepage li.page .content, body#home #be-on-the-show #be-on-show-slider .slider li.page .content, body#home .homepage-wrap .content, body.page-dev-area-homepage #be-on-the-show #be-on-show-slider .slider li.page .content, body.page-dev-area-homepage .homepage-wrap .content {
padding: 0
}
#be-on-the-show #be-on-show-slider .slider body#home li.page .entry, #be-on-the-show #be-on-show-slider .slider body.page-dev-area-homepage li.page .entry, body#home #be-on-the-show #be-on-show-slider .slider li.page .entry, body#home .homepage-wrap .entry, body.page-dev-area-homepage #be-on-the-show #be-on-show-slider .slider li.page .entry, body.page-dev-area-homepage .homepage-wrap .entry {
padding-right: 0;
border-right: 0
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body#home .fancylist-wrap .fancylist .media, body#home .fancylist-wrap .fancylist .media--valign, body.page-dev-area-homepage .fancylist-wrap .fancylist .media, body.page-dev-area-homepage .fancylist-wrap .fancylist .media--valign {
padding: 6px 0
}
body#home .fancylist-wrap .fancylist .media--valign:before, body#home .fancylist-wrap .fancylist .media:before, body.page-dev-area-homepage .fancylist-wrap .fancylist .media--valign:before, body.page-dev-area-homepage .fancylist-wrap .fancylist .media:before {
display: none
}
#be-on-the-show #be-on-show-slider .slider body#home li.page, #be-on-the-show #be-on-show-slider .slider body.page-dev-area-homepage li.page, body#home #be-on-the-show #be-on-show-slider .slider li.page, body#home .homepage-wrap, body.page-dev-area-homepage #be-on-the-show #be-on-show-slider .slider li.page, body.page-dev-area-homepage .homepage-wrap {
padding: 0
}
body#home .content .sidebar .content, body#home .content .sidebar .sidebar, body.page-dev-area-homepage .content .sidebar .content, body.page-dev-area-homepage .content .sidebar .sidebar {
width: 100%;
display: block
}
body#home .fancylist, body.page-dev-area-homepage .fancylist {
border-bottom: none;
margin-bottom: 0
}
body#home .fancylist li, body.page-dev-area-homepage .fancylist li {
border-top: 1px dashed #dbdedc
}
body#home .fancylist .media .img, body#home .fancylist .media--valign .img, body.page-dev-area-homepage .fancylist .media .img, body.page-dev-area-homepage .fancylist .media--valign .img {
display: none
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#be-on-the-show #be-on-show-slider .slider body#home #homepage-main #homepage-top li.page>.sidebar .content .entry, #be-on-the-show #be-on-show-slider .slider body.page-dev-area-homepage #homepage-main #homepage-top li.page>.sidebar .content .entry, body#home #homepage-main #homepage-top #be-on-the-show #be-on-show-slider .slider li.page>.sidebar .content .entry, body#home #homepage-main #homepage-top #whats-on-tv .slider li.page>.sidebar .content .entry, body#home #homepage-main #homepage-top .homepage-wrap>.sidebar .content .entry, body#home #homepage-main #homepage-top li.page>.sidebar .content .entry, body#home #whats-on-tv .slider #homepage-main #homepage-top li.page>.sidebar .content .entry, body#home #whats-on-tv .wot-day .sidebar, body#home .featured-node, body#home .sidebar .entry, body.page-dev-area-homepage #homepage-main #homepage-top #be-on-the-show #be-on-show-slider .slider li.page>.sidebar .content .entry, body.page-dev-area-homepage #homepage-main #homepage-top #whats-on-tv .slider li.page>.sidebar .content .entry, body.page-dev-area-homepage #homepage-main #homepage-top .homepage-wrap>.sidebar .content .entry, body.page-dev-area-homepage #homepage-main #homepage-top li.page>.sidebar .content .entry, body.page-dev-area-homepage #whats-on-tv .slider #homepage-main #homepage-top li.page>.sidebar .content .entry, body.page-dev-area-homepage #whats-on-tv .wot-day .sidebar, body.page-dev-area-homepage .featured-node, body.page-dev-area-homepage .sidebar .entry {
padding: 0 25px
}
body#home #whats-on-tv .wot-day .sidebar, body.page-dev-area-homepage #whats-on-tv .wot-day .sidebar {
box-sizing: border-box
}
body#home .tabs-wrap.default .tab.last, body#home .tabs-wrap.default .tab:last-child, body.page-dev-area-homepage .tabs-wrap.default .tab.last, body.page-dev-area-homepage .tabs-wrap.default .tab:last-child {
border-right: 0
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body#home #from-todays-show ol.fancylist, body.page-dev-area-homepage #from-todays-show ol.fancylist {
margin-bottom: 10px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body#home #from-todays-show ol.fancylist, body.page-dev-area-homepage #from-todays-show ol.fancylist {
margin-bottom: 15px
}
}
#homepage-top {
margin: 30px auto 10px
}
body#home .featured-blurb .rect {
position: absolute;
top: -37px;
bottom: inherit;
right: inherit;
left: -1px;
margin: inherit
}
body#home .featured-blurb .rect .icon-text {
font-family: 'Open Sans', sans-serif;;
font-size: 14px
}
@media screen and (min-width:600px) and (max-width:767px) {
body#home .featured-blurb {
width: 75.83333%;
position: absolute;
bottom: 40px;
left: 40px;
box-sizing: border-box;
background: #fff;
background-color: rgba(255,255,255,.9);
border: 1px solid rgba(255,255,255,.95);
padding: 10px 20px
}
#homepage-main #lead-story .rect {
display: inline-block
}
}
@media screen and (min-width:970px) {
body#home .featured-blurb {
width: 75.83333%;
position: absolute;
bottom: 40px;
left: 40px;
box-sizing: border-box;
background: #fff;
background-color: rgba(255,255,255,.9);
border: 1px solid rgba(255,255,255,.95);
padding: 10px 20px
}
}
#homepage-main .entry {
border-right: 1px solid #dbdedc
}
@media screen and (min-width:768px) {
#homepage-main {
box-sizing: border-box;
max-width: 1024px;
margin: 0 auto;
padding: 0 26px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#homepage-main .entry {
border-right: none
}
#homepage-main #homepage-top #lead-story {
padding: 0
}
}
#homepage-main #homepage-top #lead-story .featured-node {
padding: 0 26px
}
@media screen and (min-width:0px) and (max-width:479px) {
#homepage-main #homepage-top #lead-story .featured-node {
padding: 0 10px
}
}
@media screen and (min-width:768px) {
#homepage-main #homepage-top #lead-story .featured-node {
padding: 0
}
#homepage-main .sidebar {
padding-right: 0
}
}
#homepage-main #homepage-top #lead-story .featured-node .graphic-hero {
border: none;
width: 100%
}
#homepage-main #homepage-top #lead-story .featured-node img {
border: 1px solid #e2e2e2;
box-sizing: border-box
}
@media screen and (min-width:768px) and (max-width:799px) {
#homepage-main #lead-story {
width: 50%
}
}
#homepage-main .sidebar {
padding-left: 30px;
width: 300px
}
@media screen and (min-width:768px) and (max-width:799px) {
#homepage-main .sidebar {
width: 50%
}
}
#homepage-main .sidebar .content .entry, #homepage-main .sidebar .content .sidebar {
display: block;
padding: 0
}
#homepage-main .sidebar .content .entry {
border: 0;
margin-bottom: 20px
}
#homepage-main .sidebar .sidebar-ad {
margin-top: -20px
}
#homepage-main .sidebar .sidebar-ad .ad-label {
margin-top: 0
}
#homepage-main .featured-node {
position: relative
}
@media screen and (min-width:600px) and (max-width:767px) {
#homepage-main .sidebar {
margin-top: 35px
}
#homepage-main .top-picks {
border-bottom: 0
}
#homepage-main .top-picks .fancylist-heading {
color: #198AA3;
text-align: left
}
#homepage-main .top-picks .fancylist-heading span {
top: 0;
padding: 0;
color: #000
}
#homepage-main .top-picks .fancylist {
list-style-type: disc;
margin-top: 0
}
#homepage-main #homepage-top {
margin-bottom: 0
}
#homepage-main #homepage-top .sidebar {
margin-left: auto;
margin-right: auto;
width: 91.33333%;
padding: 0
}
#homepage-main #homepage-top .sidebar .content {
display: table;
padding: 0
}
#homepage-main #homepage-top .sidebar .content .entry, #homepage-main #homepage-top .sidebar .content .sidebar {
display: table-cell
}
#homepage-main #homepage-top .sidebar .content .entry {
padding-right: 4.54545%
}
#homepage-main #homepage-top .sidebar .content .sidebar {
width: 300px
}
#homepage-main #homepage-top .sidebar .content .sidebar-ad {
padding: 0;
margin: -10px 0 0;
border: 0
}
}
#the-latest-stories .wrap>h3, #third-party-tabs .tab.ask-oz-tab a, #third-party-tabs .tab.ozs-kitchen-tab a, #third-party-tabs .tab.spotlight-tab a, section#oz-mag-signup a.btn {
text-align: center
}
@media screen and (min-width:0px) and (max-width:599px) {
#homepage-main #homepage-top>.content {
padding-bottom: 0
}
#homepage-main #homepage-top .sidebar {
width: 100%;
display: block;
padding: 0
}
#homepage-main #homepage-top .sidebar .content {
display: block;
padding: 0
}
#homepage-main #homepage-top .sidebar .content .entry, #homepage-main #homepage-top .sidebar .content .sidebar {
display: block;
width: 100%
}
#homepage-main #homepage-top .sidebar .content .entry {
padding: 0 26px;
margin-bottom: 0;
box-sizing: border-box
}
#homepage-main #homepage-top .sidebar .content .sidebar-ad {
padding: 0 0 20px;
margin: 0;
border: 0;
text-align: center
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#homepage-main #homepage-top {
margin-top: 10px
}
#homepage-main #homepage-top .sidebar .content .entry {
padding: 0 10px
}
#homepage-main .wrap>.entry, #homepage-main .wrap>.sidebar {
padding-left: 0;
padding-right: 0;
display: block;
border-right: 0
}
#homepage-main #third-party-tabs .pane, #homepage-main .featured-node, #homepage-main .sidebar .content {
padding: 0 10px;
box-sizing: border-box
}
}
#homepage-main .homepage-presented-by {
font-family: Oswald;
font-size: 16px;
color: #000;
padding-top: 10px;
padding-bottom: 5px
}
@media screen and (min-width:0px) and (max-width:767px) {
#homepage-main .homepage-presented-by {
font-size: 11px;
display: block;
padding-top: 0;
padding-bottom: 0
}
}
.top-picks {
margin: -20px 10px 10px
}
.top-picks .fancylist i.icon-video-play-small-circle {
display: inline-block;
position: relative;
top: 3px;
margin-left: 5px
}
@media screen and (min-width:600px) {
.top-picks .fancylist .item-has-img i.icon-video-play-small-circle {
display: none
}
}
.top-picks img {
border: 1px solid #e2e2e2
}
@media screen and (min-width:0) and (max-width:969px) {
.top-picks {
margin-left: 0;
margin-right: 0;
width: 100%
}
.top-picks .fancylist-heading {
color: #198AA3
}
}
@media screen and (min-width:799px) {
.top-picks {
border-bottom: 1px solid #dbdedc;
margin-bottom: 20px
}
}
.top-picks.fancylist-wrap .fancylist-heading {
color: #198AA3;
position: relative;
top: -8px
}
.top-picks.fancylist-wrap .fancylist-heading span {
font-size: 18px
}
.top-picks.fancylist-wrap .fancylist {
color: #198AA3
}
.top-picks.fancylist-wrap .fancylist li {
padding: 2px 0;
display: list-item;
font-size: 14px
}
.top-picks.fancylist-wrap .fancylist li:first-child {
list-style-type: none
}
.top-picks.fancylist-wrap .fancylist li .media, .top-picks.fancylist-wrap .fancylist li .media--valign {
vertical-align: middle;
padding: 10px 0;
text-decoration: none;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center
}
.top-picks.fancylist-wrap .fancylist li .media .img, .top-picks.fancylist-wrap .fancylist li .media--valign .img {
display: inline-block;
vertical-align: middle
}
.top-picks.fancylist-wrap .fancylist li .media .body, .top-picks.fancylist-wrap .fancylist li .media--valign .body {
display: inline-block;
vertical-align: middle;
width: 100%;
font-family: Oswald, serif;
font-weight: 300;
font-size: 14px;
color: #000;
line-height: 20px
}
.top-picks.fancylist-wrap .fancylist li .media .body:hover, .top-picks.fancylist-wrap .fancylist li .media--valign .body:hover {
color: #198AA3
}
.top-picks.fancylist-wrap .fancylist li .media .body.item-has-img, .top-picks.fancylist-wrap .fancylist li .media--valign .body.item-has-img {
font-weight: 500
}
@media screen and (min-width:0px) and (max-width:599px) {
.top-picks {
margin-top: 20px
}
.top-picks.fancylist-wrap .fancylist li .media .body.item-has-img, .top-picks.fancylist-wrap .fancylist li .media--valign .body.item-has-img {
font-weight: 300
}
}
.top-picks .top-picks__ozs {
font-weight: 700!important;
top: 0!important;
padding: 5px 0!important
}
#whats-on-tv {
background-color: #fafafa;
background-image: -owg-linear-gradient(#f9f9f9, #fff 35%, #fff 65%, #f9f9f9);
background-image: linear-gradient(#f9f9f9, #fff 35%, #fff 65%, #f9f9f9);
border-top: 1px solid #dadedd;
position: relative;
padding: 20px 0
}
#whats-on-tv .icon-oz-tv {
margin: 0 6px 0 5px
}
@media screen and (min-width:0px) and (max-width:479px) {
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page .content.wot-day, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page .content.wot-day, #whats-on-tv .homepage-wrap .content.wot-day {
padding-right: 10px;
padding-left: 10px
}
}
#whats-on-tv .content {
width: 100%;
padding-bottom: 0;
position: relative
}
@media screen and (min-width:0px) and (max-width:599px) {
#whats-on-tv .content {
width: auto
}
}
#whats-on-tv .content .entry {
width: auto
}
@media screen and (min-width:768px) and (max-width:799px) {
#whats-on-tv .content .entry {
width: 50%;
border-right: 1px solid #e2e2e2
}
#whats-on-tv .wot-day .sidebar {
padding-left: 30px
}
}
#whats-on-tv .wot-day .sidebar {
width: 300px
}
#whats-on-tv .section-link {
position: absolute;
top: 20px;
right: 0
}
#whats-on-tv .section-link a {
font-size: 11px;
font-weight: 700
}
#whats-on-tv .featured-node .img {
margin-bottom: 5px
}
#whats-on-tv .featured-node .img img {
border: 1px solid #e2e2e2
}
@media screen and (min-width:970px) {
#whats-on-tv .featured-node {
margin-bottom: 0
}
#whats-on-tv .featured-node .img {
margin: 0
}
#whats-on-tv .featured-node .img a {
display: inline-block
}
#whats-on-tv .featured-node .img a img {
float: left
}
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header, #whats-on-tv .homepage-wrap>header {
position: relative;
margin-bottom: 40px
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav, #whats-on-tv .homepage-wrap>header #episode-nav {
padding-left: 20px;
background: #fdfdfd;
position: absolute;
top: 63px;
right: 0;
display: inline-block
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab, #whats-on-tv .homepage-wrap>header #episode-nav .tab {
position: relative
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab.active .icon, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab.active .icon, #whats-on-tv .homepage-wrap>header #episode-nav .tab.active .icon {
display: block
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab.today a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab.today a, #whats-on-tv .homepage-wrap>header #episode-nav .tab.today a {
padding: 0 20px
}
@media screen and (min-width:0px) and (max-width:479px) {
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab.today a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab.today a, #whats-on-tv .homepage-wrap>header #episode-nav .tab.today a {
padding: 0
}
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab a, #whats-on-tv .homepage-wrap>header #episode-nav .tab a {
min-width: 105px
}
@media screen and (min-width:800px) and (max-width:969px) {
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab a, #whats-on-tv .homepage-wrap>header #episode-nav .tab a {
min-width: 62px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab a, #whats-on-tv .homepage-wrap>header #episode-nav .tab a {
min-width: 100px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.top-picks.fancylist-wrap .fancylist li:first-child {
list-style-type: disc
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab a, #whats-on-tv .homepage-wrap>header #episode-nav .tab a {
min-width: 62px
}
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab.active.disabled, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab.active.disabled, #whats-on-tv .homepage-wrap>header #episode-nav .tab.active.disabled {
opacity: 1
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab.active.disabled a, #be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab.disabled a:hover, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab.active.disabled a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab.disabled a:hover, #whats-on-tv .homepage-wrap>header #episode-nav .tab.active.disabled a, #whats-on-tv .homepage-wrap>header #episode-nav .tab.disabled a:hover {
color: #c6c6c6
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .icon, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .icon, #whats-on-tv .homepage-wrap>header #episode-nav .icon {
position: absolute;
left: 50%;
margin-left: -9px;
bottom: -10px;
display: none
}
#whats-on-tv #from-this-show {
margin-bottom: 8px
}
#whats-on-tv #from-this-show .fancylist-heading span {
background: #fbfbfb
}
@media screen and (min-width:0) and (max-width:799px) {
#whats-on-tv {
padding-top: 0
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header, #whats-on-tv .homepage-wrap>header {
text-align: center;
margin-bottom: 30px
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header h2, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header h2, #whats-on-tv .homepage-wrap>header h2 {
border-bottom: 0
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header h2 strong, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header h2 strong, #whats-on-tv .homepage-wrap>header h2 strong {
display: block;
position: static
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav, #whats-on-tv .homepage-wrap>header #episode-nav {
padding-left: 0;
position: static
}
#whats-on-tv .slider {
margin-bottom: 0
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header, #whats-on-tv .homepage-wrap>header {
margin-bottom: 15px
}
#whats-on-tv .wot-day .sidebar {
width: 100%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header h2, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header h2, #whats-on-tv .homepage-wrap>header h2 {
padding-top: 10px;
padding-bottom: 13px;
line-height: 1
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>.content, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>.content, #whats-on-tv .homepage-wrap>.content {
padding: 0 10px
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav, #whats-on-tv .homepage-wrap>header #episode-nav {
padding: 0 10px;
box-sizing: border-box;
width: 100%
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab, #whats-on-tv .homepage-wrap>header #episode-nav .tab {
width: 20%
}
#be-on-the-show #be-on-show-slider .slider #whats-on-tv li.page>header #episode-nav .tab a, #whats-on-tv #be-on-the-show #be-on-show-slider .slider li.page>header #episode-nav .tab a, #whats-on-tv .homepage-wrap>header #episode-nav .tab a {
padding: 0;
display: block;
min-width: inherit;
border-right: 0;
border-left: 0
}
}
#whats-on-tv .flyout li {
margin-bottom: 20px
}
#whats-on-tv .flyout li.last, #whats-on-tv .flyout li:last-child {
margin-bottom: 0
}
#whats-on-tv #from-todays-show .img {
max-width: 80px
}
@media screen and (min-width:768px) {
#whats-on-tv #from-todays-show li.first {
padding-top: 12px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#whats-on-tv #from-todays-show .num {
display: none
}
}
#whats-on-tv .more-from {
margin-top: 0
}
@media screen and (min-width:0px) and (max-width:767px) {
#whats-on-tv .more-from {
margin: 0
}
}
#whats-on-tv .fancylist-wrap .fancylist.ordered li.first {
border-top: 1px solid #dbdedc
}
#whats-on-tv #wtw-widget {
position: absolute;
right: 0;
bottom: 2%
}
#whats-on-tv #wtw-widget .rebrand-green-corner {
position: absolute;
right: -1px;
top: -1px
}
#the-latest-stories #related-section {
padding: 0 0 20px
}
#the-latest-stories .load-more {
padding-bottom: 10px
}
@media screen and (min-width:768px) and (max-width:969px) {
#the-latest-stories .load-more {
padding-bottom: 30px
}
}
@media screen and (min-width:970px) {
#whats-on-tv #from-todays-show {
height: 304px;
width: 300px
}
#the-latest-stories .load-more {
padding-bottom: 40px
}
}
#the-latest-stories .wrap>h3 {
border-bottom: 1px solid #e7e7e7;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
padding: 47px 0 0;
margin-bottom: 30px
}
#the-latest-stories .wrap>h3 strong {
display: inline-block;
padding: 1px;
background: #fff;
position: relative;
top: 3px;
color: #031b33
}
#the-latest-stories .wrap>h3 span {
color: #198AA3
}
@media screen and (min-width:0px) and (max-width:599px) {
#the-latest-stories .wrap>h3 {
font-size: 28px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#the-latest-stories .wrap>h3 {
padding-top: 25px;
margin-bottom: 0
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#the-latest-stories .wrap {
padding: 0 10px
}
#the-latest-stories .wrap>h3 {
margin-bottom: 0
}
}
@media screen and (min-width:480px) {
#the-latest-stories .wrap {
padding: 0 26px
}
}
#latest-stories, #related-content-previews {
position: relative
}
.newsletter-signup-form {
padding-bottom: 7px
}
.newsletter-signup-form .error {
clear: both
}
#askmd-consultation .newsletter-signup-form input[type=submit], #raap-wrapper .newsletter-signup-form input[type=submit], .newsletter-signup-form #askmd-consultation input[type=submit], .newsletter-signup-form #email, .newsletter-signup-form #raap-wrapper input[type=submit], .newsletter-signup-form .btn {
padding: 10px;
height: 41px
}
.newsletter-signup-form #email {
float: left;
color: #d2d2d2;
box-sizing: border-box;
vertical-align: top;
width: 220px;
height: 41px;
line-height: 18px;
box-shadow: inset 0 0 3px #ddd, inset 0 0 1px #fafafa
}
.newsletter-signup-form #email.placeholderjs {
opacity: 1;
font-size: 12px;
font-family: "Proxima Nova", sans-serif;
text-transform: uppercase;
color: #d2d2d2;
line-height: 20px
}
.newsletter-signup-form #email::-webkit-input-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
.newsletter-signup-form #email:-moz-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
.newsletter-signup-form #email::-moz-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
.newsletter-signup-form #email:-ms-input-placeholder {
opacity:1;
font-size:12px;
font-family:"Proxima Nova", sans-serif;
text-transform:uppercase;
color:#d2d2d2;
line-height:20px
}
#third-party-tabs .tab a, .newsletter-signup, .oz-magazine {
font-family: 'Open Sans', sans-serif;
}
#third-party-tabs .tab a:hover, #third-party-tabs .tab.active a, .newsletter-signup span {
color: #198AA3
}
#askmd-consultation .newsletter-signup-form input[type=submit], #raap-wrapper .newsletter-signup-form input[type=submit], .newsletter-signup-form #askmd-consultation input[type=submit], .newsletter-signup-form #raap-wrapper input[type=submit], .newsletter-signup-form .btn {
font-size: 14px;
width: 78px
}
#askmd-consultation .newsletter-signup-form input[type=submit]:focus, #raap-wrapper .newsletter-signup-form input[type=submit]:focus, .newsletter-signup-form #askmd-consultation input[type=submit]:focus, .newsletter-signup-form #raap-wrapper input[type=submit]:focus, .newsletter-signup-form .btn:focus {
outline: #ccc dotted 2px
}
#askmd-consultation .newsletter-signup-form input[type=submit]:hover, #raap-wrapper .newsletter-signup-form input[type=submit]:hover, .newsletter-signup-form #askmd-consultation input[type=submit]:hover, .newsletter-signup-form #raap-wrapper input[type=submit]:hover, .newsletter-signup-form .btn:hover {
cursor: pointer;
outline: #ccc dotted 2px
}
.newsletter-signup {
text-transform: uppercase;
line-height: 25px;
overflow: hidden
}
.newsletter-signup h6 {
font-weight: 600;
margin: 10px 0;
font-size: 20px;
line-height: 25px
}
.newsletter-signup em, .newsletter-signup span {
display: block;
font-weight: 100
}
.newsletter-signup em {
font-style: normal
}
.newsletter-signup span.error {
font-weight: 700
}
.newsletter-signup .img {
margin-right: 3px
}
@media screen and (min-width:768px) and (max-width:799px) {
.newsletter-signup h6 {
margin-top: 0
}
#homepage-main .newsletter-signup form {
width: 100%
}
#homepage-main .newsletter-signup .form-group {
float: none
}
#homepage-main .newsletter-signup #email {
width: 75%
}
#askmd-consultation #homepage-main .newsletter-signup input[type=submit], #homepage-main .newsletter-signup #askmd-consultation input[type=submit], #homepage-main .newsletter-signup #raap-wrapper input[type=submit], #homepage-main .newsletter-signup .btn, #raap-wrapper #homepage-main .newsletter-signup input[type=submit] {
width: 23.78049%
}
}
.more-from {
line-height: 26px;
margin-top: 5px
}
@media screen and (min-width:768px) {
#third-party-tabs {
padding-left: 0
}
}
#third-party-tabs .tabs-wrap {
box-sizing: border-box;
position: relative;
z-index: 1
}
@media screen and (min-width:600px) and (max-width:767px) {
.newsletter-signup h6 {
margin-top: 5px
}
#oz-mag-signup .newsletter-signup form {
width: 100%
}
#oz-mag-signup .newsletter-signup .form-group {
width: 31.57895%
}
#oz-mag-signup .newsletter-signup .form-group:first-child {
width: 64.77733%
}
#third-party-tabs .tabs-wrap {
max-width: 1022px;
margin: 0 4.33333%!important;
width: 91.33333%
}
}
#third-party-tabs .mini-pagination {
padding: 15px 0
}
#third-party-tabs .mini-pagination a:focus {
outline: 0
}
#third-party-tabs .mini-pagination .icon :hover, #third-party-tabs .mini-pagination .icon:focus, #third-party-tabs .tab :hover, #third-party-tabs .tab:focus {
outline: #ccc dotted 2px
}
#third-party-tabs .mini-pagination .icon {
top: 2px
}
#third-party-tabs .pane {
position: relative;
clear: both;
padding-top: 20px;
padding-bottom: 20px
}
@media screen and (min-width:970px) {
#third-party-tabs .pane {
padding-bottom: 0
}
#third-party-tabs .pane .content-pane {
display: none
}
#third-party-tabs .pane .content-pane:first-child {
display: block
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#third-party-tabs .pane {
padding-top: 15px;
padding-bottom: 15px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#third-party-tabs .pane {
padding-top: 13px;
padding-left: 26px;
padding-right: 26px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
#third-party-tabs .pane {
padding: 0
}
}
#third-party-tabs .pane .content-pane {
width: 100%;
float: left
}
#third-party-tabs .pane .content-pane .content-preview h5 {
padding-top: 8px
}
@media screen and (min-width:600px) and (max-width:767px) {
#third-party-tabs .pane .content-pane {
display: none
}
#third-party-tabs .pane .content-pane:first-child {
display: block
}
#third-party-tabs .pane .content-pane .content-preview {
min-height: 350px
}
#third-party-tabs .pane .content-pane .content-preview .img {
width: 100%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#third-party-tabs .pane .content-pane .content-preview .img {
width: auto
}
}
@media screen and (min-width:768px) and (max-width:969px) {
#third-party-tabs .pane .content-pane .content-preview .img {
width: auto
}
#third-party-tabs .pane .content-pane .content-preview h5 {
clear: none
}
#third-party-tabs .pane .content-pane .content-preview h3 {
display: inline
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#third-party-tabs .pane .content-pane .content-preview h5 {
clear: none
}
#third-party-tabs .pane .content-pane .content-preview h3 {
display: inline
}
}
#third-party-tabs .tab {
width: 31%;
height: 57px;
line-height: 57px
}
#third-party-tabs .tab a {
text-transform: uppercase;
font-size: 16px;
font-weight: 100;
padding: 0 14px
}
#third-party-tabs .tab a:active, #third-party-tabs .tab a:focus {
outline: 0
}
#third-party-tabs .tab a img {
max-width: 100%;
vertical-align: middle
}
@media screen and (min-width:768px) and (max-width:799px) {
#third-party-tabs .tab a {
padding: 0 10px
}
#third-party-tabs .tab a img {
margin-top: 9%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
#third-party-tabs .tab a {
padding: 0 7px
}
#third-party-tabs .tab a img {
margin-top: 0
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#third-party-tabs .tab a {
padding: 0 7px
}
#third-party-tabs .tab a img {
margin-top: 1%
}
#third-party-tabs .tab.ask-oz-tab {
border-right: 0
}
}
#third-party-tabs .tab.active a {
position: relative;
top: 1px;
margin-top: -1px;
padding-bottom: 1px
}
#third-party-tabs .tab.active a span {
position: relative;
top: -1px
}
#third-party-tabs .tab.spotlight-tab a span {
width: 100px;
height: 57px;
margin-top: 0;
display: inline-block
}
@media screen and (min-width:0px) and (max-width:599px) {
#third-party-tabs .tab.spotlight-tab a span.hide-text {
background: 0 0;
text-indent: 0;
width: 100%;
margin: 10px 0 0;
height: auto
}
}
#third-party-tabs .tab.spotlight-tab.active a span, #third-party-tabs .tab.spotlight-tab:hover a span {
top: -2px
}
#third-party-tabs .tab.ozs-kitchen-tab a span {
width: 121px;
height: 29px;
margin-top: 10px;
display: inline-block
}
@media screen and (min-width:0px) and (max-width:599px) {
#third-party-tabs .tab.ozs-kitchen-tab a span.hide-text {
background: 0 0;
text-indent: 0;
width: 100%;
margin: 10px 0 0;
height: auto
}
}
#third-party-tabs .tab.ask-oz-tab a span {
width: 64px;
height: 36px;
margin-top: 7px;
display: inline-block
}
@media screen and (min-width:0px) and (max-width:599px) {
#third-party-tabs .tab.ask-oz-tab a span.hide-text {
background: 0 0;
text-indent: 0;
width: 100%;
margin: 10px 0 0;
height: auto
}
}
#third-party-tabs .tab a span {
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
height: 100%;
width: 100%
}
@media screen and (min-width:0px) and (max-width:767px) {
#third-party-tabs {
border-bottom: 1px solid #dbdedc;
background-image: -owg-linear-gradient(#fff, #f7f7f7);
background-image: linear-gradient(#fff, #f7f7f7)
}
}
@media screen and (min-width:0px) and (max-width:599px) and (min-width:0px) and (max-width:479px) {
#third-party-tabs .content-pane {
padding-bottom: 0
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#third-party-tabs .tabs-wrap {
border-left: 0
}
#third-party-tabs .tab {
width: 33.3333%;
box-sizing: border-box
}
#third-party-tabs #ask-oz-tab {
border-right: 0
}
#third-party-tabs .load-more {
clear: both
}
#third-party-tabs .content-pane {
float: left;
border-top: 1px solid #dbdedc
}
#third-party-tabs .content-pane:first-child {
border-top: 0
}
#third-party-tabs .tab a span.hide-text, #third-party-tabs .tab a.active span.hide-text {
background: 0 0!important;
text-indent: 0!important;
width: 100%!important;
margin: 10px 0 0!important;
height: auto!important
}
}
@media screen and (min-width:768px) and (max-width:969px) {
#third-party-tabs .content-pane:first-child {
border-top: 0
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#third-party-tabs .tab a span.hide-text, #third-party-tabs .tab a.active span.hide-text {
background: 0 0!important;
text-indent: 0!important;
width: 100%!important;
margin: 10px 0 0!important;
height: auto!important
}
}
@media screen and (min-width:970px) {
#third-party-tabs .pane .content-pane .content-preview {
min-height: 350px
}
#be-on-the-show #feature-slider {
margin-top: 25px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#be-on-the-show {
height: 0!important;
visibility: hidden
}
}
#be-on-the-show h3 {
font-size: 20px
}
#be-on-the-show .elastislide-wrapper {
background: 0 0
}
#be-on-the-show .elastislide-horizontal ul {
white-space: nowrap!important
}
#be-on-the-show #be-on-show-pager {
margin-top: 5px
}
#be-on-the-show #feature-slider header, #be-on-the-show #feature-slider nav {
display: block
}
#be-on-the-show #feature-slider li {
border-top: none;
border-bottom: none;
vertical-align: top;
float: none;
height: 100%;
display: inline-block;
padding: 0
}
#be-on-the-show #feature-slider .elastislide-horizontal ul li:first-child {
border: none;
padding: inherit
}
#be-on-the-show #be-on-show-slider {
vertical-align: top;
height: auto
}
#be-on-the-show #be-on-show-slider li {
white-space: normal!important;
overflow: hidden;
width: 14.20619%!important;
border-right: 1px solid #e2e2e2!important;
height: 75px;
min-height: 75px;
line-height: 20px;
box-sizing: content-box;
text-align: center;
position: relative
}
#be-on-the-show #be-on-show-slider li:last-child {
border-right: 1px solid transparent
}
#be-on-the-show #be-on-show-slider li a {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
font-size: 13px
}
@media screen and (min-width:800px) and (max-width:969px) {
#be-on-the-show #be-on-show-slider li {
width: 19.91979%!important
}
}
@media screen and (min-width:0) and (max-width:799px) {
#be-on-the-show #be-on-show-slider li {
width: 19.80474%!important
}
}
#be-on-the-show #be-on-show-slider li .table {
min-height: 75px;
height: 100%
}
#be-on-the-show #be-on-show-slider .slider .mini-pagination {
padding: 15px 0;
font-style: italic
}
#be-on-the-show #be-on-show-slider .slider ul {
margin: 0;
padding: 0
}
#be-on-the-show #be-on-show-slider .slider li.page {
float: left;
padding: 0;
border: 0
}
#be-on-the-show #be-on-show-slider .slider li.page ul {
position: relative
}
#be-on-the-show #be-on-show-slider .slider li.page ul>li {
display: table;
margin: 25px 0 0;
height: 75px;
box-sizing: content-box
}
#be-on-the-show #be-on-show-slider .slider li.page ul>li a {
font-size: 13px;
display: table-cell;
vertical-align: middle
}
#be-on-the-show #be-on-show-slider .slider .fancylist-wrap {
overflow: hidden
}
#be-on-the-show #be-on-show-slider .slider .slider-listing {
position: relative
}
.oz-magazine {
clear: both;
position: relative;
font-size: 20px
}
@media screen and (min-width:600px) {
.oz-magazine h6 {
font-size: 20px
}
}
@media screen and (min-width:768px) {
.oz-magazine {
padding-top: 25px
}
}
@media screen and (min-width:799px) {
.oz-magazine {
border-top: 1px solid #e2e2e2
}
}
.oz-magazine h6 {
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px
}
.oz-magazine ul {
list-style: none;
padding: 0;
margin: 6px 0 0
}
.oz-magazine ul li {
text-transform: uppercase;
line-height: 1em;
padding-left: 8px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/bullets/disc.png) left 8px no-repeat
}
.oz-magazine ul a {
display: list-item;
color: #000;
font-family: "Proxima Nova", sans-serif;
font-size: 11px;
font-weight: 700
}
.oz-magazine ul a:hover {
color: #198AA3
}
.oz-magazine .magazine-copy {
width: 55%
}
.oz-magazine .magazine-copy p {
font-size: 14px;
margin: 5px 0 15px;
font-family: Georgia
}
.oz-magazine .btn-link, .page--article #more_related_link, .page--article #related_video_title, .page--article #video_info {
font-family: "Proxima Nova"
}
@media screen and (min-width:0px) and (max-width:599px) {
.oz-magazine .magazine-copy p {
margin: 5px 0
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.oz-magazine {
padding: 18px 0 0 100px
}
.oz-magazine .magazine-copy {
width: 100%
}
.oz-magazine .magazine-copy p {
margin: 10px 0
}
}
#askmd-consultation .oz-magazine input[type=submit], #raap-wrapper .oz-magazine input[type=submit], .oz-magazine #askmd-consultation input[type=submit], .oz-magazine #raap-wrapper input[type=submit], .oz-magazine .btn {
padding: 8px 30px;
font-size: 16px
}
.oz-magazine .btn-link {
font-size: 11px;
font-weight: 700;
color: #198AA3
}
.oz-magazine .btn-link:hover, .page--article #more_related_link a {
color: #3cb7db
}
.newsletter-signup {
padding-top: 10px
}
.magazine-img {
position: absolute;
top: 10px;
right: 0
}
@media screen and (min-width:768px) and (max-width:969px) {
.magazine-img {
width: 140px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.newsletter-signup {
padding: 0 0 0 10px
}
.magazine-img {
right: 5%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.magazine-img {
left: 0;
top: 5px;
right: inherit;
width: 90px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.oz-magazine .magazine-copy {
display: inline-block;
margin-left: 10px
}
.magazine-img {
position: relative;
display: inline-block;
vertical-align: top;
width: 90px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.magazine-img {
margin-left: 30px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.magazine-img {
width: 63px
}
}
section#oz-mag-signup {
border-top: 1px solid #ddd;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/homepage/oz-mag-6x6.png) left top
}
section#oz-mag-signup .half {
position: relative;
min-height: 122px;
padding: 5px 10px;
float: left;
width: 50%;
box-sizing: border-box
}
section#oz-mag-signup .half:first-child {
border-right: 1px solid #e2e2e2
}
@media screen and (min-width:600px) and (max-width:767px) {
section#oz-mag-signup .half:last-child {
padding: 5px 5px 5px 25px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
section#oz-mag-signup .half {
width: 100%
}
section#oz-mag-signup .half:first-child {
border-bottom: 1px solid #e2e2e2;
border-right: none
}
section#oz-mag-signup .half h6 {
text-transform: uppercase;
margin: 20px 0 5px;
font-weight: 700;
font-size: 18px;
line-height: 18px
}
section#oz-mag-signup .half .newsletter-signup {
display: inline-block;
padding-top: 0;
margin-left: 10px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
section#oz-mag-signup .half .newsletter-signup #email {
width: 145px
}
}
section#oz-mag-signup a.btn {
display: inline-block;
width: 88px;
padding: 10px 5px;
font-weight: 300;
font-size: 16px;
line-height: 16px
}
section#oz-mag-signup a.btn:hover {
background: #3cb7db
}
.page--article .blockquote {
margin-bottom: 40px
}
.page--article .page-head-meta {
margin-bottom: 10px
}
.page--article .field p {
margin-bottom: 20px;
font-size:.9375rem;
line-height: 1.5rem
}
.page--article .field-item h2 {
font-size: 18px
}
@media screen and (min-width:0px) and (max-width:479px) {
.page--article .field-item h2 {
font-size: 14px
}
}
.page--article .field-item ol, .page--article ol {
margin: 20px 0;
list-style: decimal;
padding-left: 40px
}
.page--article .field-item ul, .page--article ul {
margin: 20px 0;
list-style: disc;
padding-left: 40px
}
.page--article .callout-heading {
font-size: .75em
}
.page--article .callout-fancy-title {
font-size: 14px;
line-height: 26px;
font-weight: 400
}
@media screen and (min-width:600px) and (max-width:799px) {
.page--article .content .entry {
padding-right: 0
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.page--article .icon-social-fb-square, .page--article .icon-social-twitter-square {
display: block
}
}
.page--article #video_info {
border-bottom: 1px solid #e2e2e2;
margin: -15px 0 30px
}
.page--article #related_video_title {
font-size: 14px;
font-weight: 700
}
.page--article #more_related_link {
font-size: 11px;
font-weight: 600;
padding: 8px 0 14px
}
.page--article #more_related_link a:active, .page--article #more_related_link a:hover {
color: #198AA3
}
@media screen and (min-width:480px) and (max-width:767px) {
.page--article .sidebar {
padding: 25px 26px;
border-top: 1px solid #dbdedc;
margin: 0 -26px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.page--article .sidebar {
padding: 25px 12px;
border-top: 1px solid #dbdedc;
margin: 0 -12px
}
}
.page--blog p {
padding-top: 15px
}
#article-promo {
width: 100%
}
#article-promo--hero:hover h4, #article-promo--more-in ul li:hover h4, #episode-channel .feature-content:hover a {
text-decoration: underline
}
#article-promo a:hover {
color: #000
}
#article-promo h4 {
font-size: 18px
}
#article-promo .promo-head {
width: 100%;
border-bottom: 2px solid #000;
margin-bottom: 30px
}
#article-promo h2 {
text-transform: uppercase;
font-size: 20px;
line-height: .8
}
#article-promo--hero {
width: 100%;
display: table;
border-bottom: 1px solid #dbdedc;
padding-bottom: 15px
}
#article-promo--hero #hero-image {
display: table-cell;
width: 33%;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
#article-promo--hero #hero-image img {
border: 1px solid #dbdedc;
width: 100%
}
#article-promo--hero #hero-text {
display: table-cell;
width: 66%;
vertical-align: middle;
color: #6a6a6a;
font-size: 13px;
box-sizing: border-box
}
@media screen and (min-width:970px) {
#article-promo--hero {
width: 33%;
display: inline-block;
vertical-align: top;
border: none;
padding: 0
}
#article-promo--hero h4 {
margin-top: 15px
}
#article-promo--hero div {
display: block!important;
width: 100%!important
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#article-promo--hero {
width: 33%;
display: inline-block;
vertical-align: top;
border: none;
padding-bottom: 60px
}
#article-promo--hero div {
display: block!important;
width: 100%!important
}
#article-promo--hero h4 {
margin-top: 15px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#article-promo--hero #hero-text {
padding-left: 20px;
width: 66%
}
#article-promo--hero {
display: block
}
#article-promo--hero #hero-image, #article-promo--hero #hero-text {
display: inline-block;
vertical-align: top
}
#article-promo--hero #hero-image {
width: 33%
}
}
#article-promo--more-in {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 40px;
box-sizing: border-box
}
#article-promo--more-in ul {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-justify-content: flex-start;
width: 100%;
padding-left: 0;
max-width: 410px
}
#article-promo--more-in ul li {
display: block;
position: relative;
width: 50%;
box-sizing: border-box;
padding: 0 10px 10px
}
#article-promo--more-in ul li div {
font-size: 13px;
color: #6a6a6a;
display: block
}
#article-promo--more-in ul li h4 {
display: block
}
@media screen and (min-width:0px) and (max-width:599px) {
#article-promo--hero #hero-text {
padding-left: 20px;
width: 50%
}
#article-promo--hero {
display: block
}
#article-promo--hero #hero-image, #article-promo--hero #hero-text {
display: inline-block;
vertical-align: top
}
#article-promo--hero #hero-image {
width: 48%
}
#article-promo--more-in ul {
max-width: 545px
}
}
@media screen and (min-width:970px) {
#article-promo--more-in {
width: 66%;
padding-left: 20px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#article-promo--more-in {
width: 66%;
padding-left: 20px
}
#article-promo--more-in ul li {
border: none!important
}
#article-promo--more-in ul li:nth-child(2) {
padding: 0 0 10px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
#article-promo--more-in {
width: 100%;
box-sizing: border-box
}
#article-promo--more-in ul {
display: block;
max-width: 475px
}
#article-promo--more-in ul li {
width: 50%;
margin: 0;
font-size: 13px;
display: block;
float: left;
padding: 0 0 15px
}
#article-promo--more-in ul li:nth-child(2), #article-promo--more-in ul li:nth-child(3), #article-promo--more-in ul li:nth-child(5) {
float: right!important;
padding: 0 0 15px 30px
}
#article-promo--more-in ul #xl-hero-image {
margin-bottom: 10px;
position: relative
}
#article-promo--more-in ul #xl-hero-image img {
border: 1px solid #dbdedc;
width: 100%
}
}
@media screen and (min-width:0) and (max-width:799px) {
#article-promo--more-in ul li {
width: 100%;
border-bottom: 1px solid #dbdedc;
padding: 15px 0;
margin: 0
}
#article-promo--more-in ul li:nth-last-child(2) {
border: none;
padding: 10px 0 0
}
#article-promo--more-in ul li:nth-last-child(1) {
display: none
}
#article-promo--two-story .content-preview {
overflow: hidden;
width: 100%
}
}
#article-promo--two-story .promo__wrap {
margin-top: -4px!important
}
#article-promo--two-story .promo__title {
display: none
}
@media screen and (min-width:480px) and (max-width:799px) {
#article-promo--two-story .content-preview .img {
max-width: 175px
}
}
@media screen and (min-width:799px) {
#article-promo--two-story ul li {
width: 50%;
box-sizing: border-box
}
#article-promo--two-story ul li:nth-child(1) {
padding-right: 25px
}
#article-promo--two-story ul li:nth-child(2) {
padding-left: 25px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#article-promo--two-story .content-preview .img {
width: auto;
margin-right: 2.5%
}
#article-promo {
padding-right: 20px;
width: 100%;
box-sizing: border-box
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#episode-channel .page-head {
margin-bottom: 14px
}
#episode-channel .page-head .page-head-wrap {
padding-bottom: 5px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#episode-channel .page-head {
margin-bottom: 20px
}
#episode-channel .page-head .page-head-wrap {
padding-bottom: 15px
}
}
@media screen and (min-width:768px) {
#article-promo--two-story ul li {
border: none
}
#episode-channel .page-head {
margin-bottom: 25px
}
}
#episode-channel .entry p, #episode-channel .page-title {
margin-bottom: 0
}
#episode-channel .sidebar {
padding-left: 0
}
@media screen and (min-width:480px) and (max-width:599px) {
#episode-channel .page-title {
font-size: 2.375em;
margin-bottom: 5px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#article-promo--two-story .content-preview .img {
max-width: 150px
}
#episode-channel .page-head {
margin-bottom: 15px
}
#episode-channel .page-title {
font-size: 1.625em;
margin-bottom: 5px
}
}
#episode-channel .feature-content {
position: relative
}
#episode-channel .feature-content h2 {
clear: both
}
#episode-channel .feature-content a {
text-decoration: none
}
#episode-channel .feature-content a:hover {
color: #000;
text-decoration: underline
}
#episode-channel .feature-content .feature-img {
width: 100%;
float: left
}
#episode-channel .feature-content .video-btn {
z-index: 1
}
#episode-channel .episode-channel-300x250 {
margin: 0
}
@media screen and (min-width:0px) and (max-width:599px) {
#episode-channel .episode-channel-300x250 {
padding: 35px 0
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#episode-channel .episode-channel-300x250 {
padding: 15px 0
}
}
@media screen and (min-width:799px) {
#episode-channel #directory {
margin-top: -30px
}
#today-on-oz .hero-img {
max-width: 641px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#episode-channel .icon-social-fb-square, #episode-channel .icon-social-twitter-square {
display: block
}
#from-todays-show .fancylist {
margin-top: 0
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.node-type-episode-channel #from-todays-show .icon-video-play-small-circle {
display: none
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.node-type-episode-channel #from-todays-show .fancylist.ordered li:nth-child(3) {
display: none
}
}
#today-on-oz {
clear: both;
position: relative
}
#today-on-oz #today-on-oz-entry>a {
display: block;
text-decoration: none
}
#today-on-oz #today-on-oz-entry>a:hover {
color: #000;
text-decoration: underline
}
#today-on-oz .entry h2 {
font-size: 24px;
line-height: 30.33px;
margin-bottom: 5px;
font-weight: 400
}
#today-on-oz .hero-img {
position: relative;
margin-bottom: 10px
}
#askmd-consultation #today-on-oz .hero-img input[type=submit], #raap-wrapper #today-on-oz .hero-img input[type=submit], #today-on-oz .hero-img #askmd-consultation input[type=submit], #today-on-oz .hero-img #raap-wrapper input[type=submit], #today-on-oz .hero-img .btn {
bottom: 23px
}
#today-on-oz .fancylist-wrap .img {
max-width: 80px
}
#today-on-oz .sticker {
position: absolute;
top: -16px;
right: 352px;
width: 125px;
height: 125px;
z-index: 1
}
@media screen and (min-width:480px) and (max-width:767px) {
#today-on-oz .sticker {
width: 100px;
height: 100px;
top: -10px;
right: 10px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#today-on-oz .sticker {
width: 82px;
height: 82px;
top: 10px;
right: 10px
}
}
#today-on-oz .sticker img {
max-width: 100%
}
@media screen and (min-width:768px) and (max-width:969px) {
#today-on-oz .sticker {
top: -18px;
right: 326px
}
#today-on-oz .sticker img {
width: 90%;
height: 90%
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#today-on-oz .entry {
padding-right: 0
}
#today-on-oz .sidebar {
float: none;
width: 100%;
position: relative;
margin-top: 20px
}
#today-on-oz .sidebar .fancylist-heading {
text-align: left;
height: auto
}
#today-on-oz .sidebar .fancylist-heading span {
padding: 0;
font-weight: 700;
top: -5px
}
#today-on-oz .sidebar .section-link {
position: absolute;
top: -10px;
right: 0
}
}
.notransition, .notransition li {
transition-duration: 0!important;
transition-delay: 0!important
}
.episode-head, .video-head {
margin-bottom: 8px
}
.episode-head .page-title, .video-head .page-title {
margin-bottom: 0
}
body.section-episode #related-section .content-preview h3 {
display: block
}
#episodeTitle {
font-size: 1.6em;
line-height: 1.4em
}
section.episode-content, section.video-content {
padding: 25px 0;
clear: both
}
section.episode-content h4, section.video-content h4 {
font-size: 1.14286em;
line-height: 1.4em
}
section.episode-content p, section.video-content p {
line-height: 1.5em
}
section.episode-content .ad-300x250, section.video-content .ad-300x250 {
position: relative;
margin: 5px 0 50px;
top: -70px
}
@media screen and (min-width:0px) and (max-width:799px) {
section.episode-content .ad-300x250, section.video-content .ad-300x250 {
top: 0;
margin-top: 36px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
section.episode-content .ad-300x250, section.video-content .ad-300x250 {
text-align: center;
padding-left: 0;
padding-bottom: 30px;
margin: 0;
clear: both;
float: none
}
}
@media screen and (min-width:600px) and (max-width:799px) {
section.episode-content .ad-300x250, section.video-content .ad-300x250 {
padding-bottom: 40px
}
}
section.episode-content .ad-300x250 img, section.video-content .ad-300x250 img {
min-width: 300px!important
}
section.episode-content .ad-300x250 .ad-wrap, section.video-content .ad-300x250 .ad-wrap {
margin: 0 auto
}
section.episode-content #main-content, section.episode-content .main-content, section.video-content #main-content, section.video-content .main-content {
float: left;
padding: 22px 0 20px;
width: 65.7732%
}
@media screen and (min-width:0px) and (max-width:599px) {
section.episode-content #main-content, section.episode-content .main-content, section.video-content #main-content, section.video-content .main-content {
width: 100%;
float: none
}
}
@media screen and (min-width:768px) and (max-width:799px) {
section.episode-content #main-content, section.episode-content .main-content, section.video-content #main-content, section.video-content .main-content {
width: 52.42718%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
section.episode-content #main-content, section.episode-content .main-content, section.video-content #main-content, section.video-content .main-content {
width: 44.54545%
}
}
@media screen and (max-width:645px) and (min-width:600px) {
section.episode-content #main-content, section.episode-content .main-content, section.video-content #main-content, section.video-content .main-content {
width: 39.09091%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
section.episode-content #main-content, section.episode-content .main-content, section.video-content #main-content, section.video-content .main-content {
width: 57.06667%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
section.episode-content #main-content, section.episode-content .main-content, section.video-content #main-content, section.video-content .main-content {
padding-top: 0
}
}
section.episode-content #main-content #social-buttons, section.episode-content .main-content #social-buttons, section.video-content #main-content #social-buttons, section.video-content .main-content #social-buttons {
padding-top: 25px
}
section.episode-content #main-content .episode-meta, section.episode-content .main-content .episode-meta, section.video-content #main-content .episode-meta, section.video-content .main-content .episode-meta {
clear: both;
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
line-height: 15px;
margin-bottom: 10px;
padding: 5px 0
}
@media screen and (min-width:0px) and (max-width:599px) {
section.episode-content #main-content #social-buttons, section.episode-content .main-content #social-buttons, section.video-content #main-content #social-buttons, section.video-content .main-content #social-buttons {
display: none
}
section.episode-content #main-content .episode-meta, section.episode-content .main-content .episode-meta, section.video-content #main-content .episode-meta, section.video-content .main-content .episode-meta {
margin-bottom: 0
}
}
@media screen and (min-width:0) and (max-width:799px) {
section.episode-content #content.no-playlist, section.episode-content #no-video-message, section.video-content #content.no-playlist, section.video-content #no-video-message {
width: 100%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
section.episode-content #content.no-playlist, section.episode-content #no-video-message, section.video-content #content.no-playlist, section.video-content #no-video-message {
width: 57.06667%
}
}
@media screen and (min-width:970px) {
section.episode-content #content.no-playlist, section.episode-content #no-video-message, section.video-content #content.no-playlist, section.video-content #no-video-message {
width: 65.33333%
}
}
section.episode-content #content.no-playlist, section.video-content #content.no-playlist {
padding-top: 20px
}
@media screen and (min-width:600px) and (max-width:767px) {
section.episode-content #content.no-playlist, section.video-content #content.no-playlist {
width: 44.54545%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
section.episode-content #content.no-playlist, section.video-content #content.no-playlist {
width: 52.42718%
}
}
section.episode-content #no-video-message, section.video-content #no-video-message {
padding: 0
}
section.episode-content .social-buttons, section.video-content .social-buttons {
margin-top: 20px;
margin-bottom: 30px
}
section.episode-content .guest, section.video-content .guest {
margin-top: 10px
}
section.episode-content .guest .guest-label, section.video-content .guest .guest-label {
color: #000;
text-transform: uppercase;
font-size: .85714em;
font-weight: 700
}
section.episode-content .guest a, section.video-content .guest a {
color: #6a6a6a
}
section.episode-content .guest a:hover, section.video-content .guest a:hover {
color: #198AA3
}
@media screen and (min-width:0px) and (max-width:767px) {
section.episode-content .icon-social-fb-square, section.episode-content .icon-social-pinterest-square, section.video-content .icon-social-fb-square, section.video-content .icon-social-pinterest-square {
display: block
}
section.episode-content .guest, section.video-content .guest {
display: none
}
}
section.episode-content .episode-title-social-container, section.video-content .episode-title-social-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
section.episode-content .episode-title-social-container .episode-meta-container ol, section.video-content .episode-title-social-container .episode-meta-container ol {
list-style: decimal
}
section.episode-content .episode-title-social-container .episode-meta-container ul, section.video-content .episode-title-social-container .episode-meta-container ul {
list-style: disc
}
section.episode-content .episode-title-social-container .episode-meta-container ol, section.episode-content .episode-title-social-container .episode-meta-container ul, section.video-content .episode-title-social-container .episode-meta-container ol, section.video-content .episode-title-social-container .episode-meta-container ul {
margin: 20px 0;
padding-left: 40px
}
@media screen and (min-width:970px) {
section.episode-content .episode-title-social-container, section.video-content .episode-title-social-container {
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
}
section.episode-content .episode-title-social-container .episode-comments-container, section.video-content .episode-title-social-container .episode-comments-container {
margin-top: 20px
}
section.episode-content .episode-title-social-container .episode-comments-container a, section.episode-content .episode-title-social-container .episode-comments-container a:hover, section.episode-content .episode-title-social-container .episode-comments-container a:link, section.episode-content .episode-title-social-container .episode-comments-container a:visited, section.video-content .episode-title-social-container .episode-comments-container a, section.video-content .episode-title-social-container .episode-comments-container a:hover, section.video-content .episode-title-social-container .episode-comments-container a:link, section.video-content .episode-title-social-container .episode-comments-container a:visited {
box-sizing: border-box;
position: relative;
text-transform: uppercase;
text-decoration: none;
color: #000;
width: 110px;
padding: 8px 0 12px 8px;
border: 2px solid #000;
border-radius: 15px;
float: left;
margin-left: -1px;
font-family: 'Open Sans', sans-serif;;
font-weight: 400;
font-size: 14px;
line-height: 14px
}
section.episode-content .episode-title-social-container .episode-comments-container a:hover, section.episode-content .episode-title-social-container .episode-comments-container a:hover:hover, section.episode-content .episode-title-social-container .episode-comments-container a:link:hover, section.episode-content .episode-title-social-container .episode-comments-container a:visited:hover, section.video-content .episode-title-social-container .episode-comments-container a:hover, section.video-content .episode-title-social-container .episode-comments-container a:hover:hover, section.video-content .episode-title-social-container .episode-comments-container a:link:hover, section.video-content .episode-title-social-container .episode-comments-container a:visited:hover {
border-color: #198AA3;
color: #198AA3
}
section.episode-content .episode-title-social-container .episode-comments-container a:hover i.rebrand-comments, section.episode-content .episode-title-social-container .episode-comments-container a:hover:hover i.rebrand-comments, section.episode-content .episode-title-social-container .episode-comments-container a:link:hover i.rebrand-comments, section.episode-content .episode-title-social-container .episode-comments-container a:visited:hover i.rebrand-comments, section.video-content .episode-title-social-container .episode-comments-container a:hover i.rebrand-comments, section.video-content .episode-title-social-container .episode-comments-container a:hover:hover i.rebrand-comments, section.video-content .episode-title-social-container .episode-comments-container a:link:hover i.rebrand-comments, section.video-content .episode-title-social-container .episode-comments-container a:visited:hover i.rebrand-comments {
color: #198AA3
}
section.episode-content .episode-title-social-container .episode-comments-container .fb_comments_count, section.video-content .episode-title-social-container .episode-comments-container .fb_comments_count {
vertical-align: middle
}
section.episode-content .episode-title-social-container .episode-comments-container a.comments, section.video-content .episode-title-social-container .episode-comments-container a.comments {
position: relative
}
@media screen and (min-width:479px) {
section.episode-content .episode-title-social-container .episode-comments-container a.comments, section.video-content .episode-title-social-container .episode-comments-container a.comments {
padding-right: 27px
}
}
section.episode-content .episode-title-social-container .episode-comments-container .icon-comments-bubble-wrap, section.video-content .episode-title-social-container .episode-comments-container .icon-comments-bubble-wrap {
position: absolute;
top: 5px;
right: 8px
}
#no-video-message, #no-video-message h4 {
position: relative;
font-family: 'Open Sans', sans-serif;
}
section.episode-content .episode-title-social-container .episode-comments-container i.rebrand-comments, section.video-content .episode-title-social-container .episode-comments-container i.rebrand-comments {
display: inline-block;
color: #fff;
text-align: center;
font-style: normal;
position: relative;
right: 0;
overflow: hidden;
top: 1px;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 12px
}
@media screen and (min-width:480px) and (max-width:599px) {
section.episode-content .episode-title-social-container .episode-comments-container a.comments, section.video-content .episode-title-social-container .episode-comments-container a.comments {
width: 140px
}
section.episode-content .episode-title-social-container .episode-comments-container i.rebrand-comments, section.video-content .episode-title-social-container .episode-comments-container i.rebrand-comments {
right: 0
}
}
section.episode-content .episode-title-social-container .episode-social-comments-container, section.video-content .episode-title-social-container .episode-social-comments-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
@media screen and (min-width:970px) {
section.episode-content .episode-title-social-container .social-buttons, section.video-content .episode-title-social-container .social-buttons {
-ms-flex-order: -1;
order: -1;
margin-top: 0;
margin-bottom: 0
}
section.episode-content .episode-title-social-container .episode-title-span, section.video-content .episode-title-social-container .episode-title-span {
width: calc(100% - 311px);
-ms-flex-order: -1;
order: -1
}
section.episode-content .episode-title-social-container .episode-meta-container, section.video-content .episode-title-social-container .episode-meta-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
margin-top: 10px;
width: 100%
}
section.episode-content .episode-title-social-container .episode-social-comments-container, section.video-content .episode-title-social-container .episode-social-comments-container {
-ms-flex-order: -1;
order: -1
}
section.episode-content .episode-title-social-container .episode-comments-container, section.video-content .episode-title-social-container .episode-comments-container {
margin-top: 0
}
}
div#node-74735 .episode-social-comments-container, div#node-84671 .episode-social-comments-container {
display: none
}
#no-video-message {
background-image: -owg-linear-gradient(#fff, #f5f5f5);
background-image: linear-gradient(#fff, #f5f5f5);
height: 60px;
overflow: hidden;
border: 1px solid #e2e2e2;
color: #000;
font-weight: 300;
font-size: 16px
}
#no-video-message h4 {
height: 16px;
padding: 22px 7px 22px 22px;
float: left;
background-color: #1b5a97;
color: #fff;
text-transform: uppercase;
line-height: 1em;
font-size: 15px;
font-weight: 600
}
#no-video-message h4 span {
color: #fff
}
@media screen and (min-width:0px) and (max-width:479px) {
#no-video-message h4 {
padding: 15px 4px 29px 11px;
text-align: right
}
#no-video-message h4 span {
padding-top: 3px;
display: block
}
}
#no-video-message h4 i.icon-coming-soon-arrow {
display: block;
position: absolute;
top: 0;
right: -32px
}
#no-video-message span.message {
font-size: 18px;
float: left;
padding: 20px 0 20px 45px
}
@media screen and (min-width:800px) and (max-width:969px) {
#no-video-message span.message span.long, #no-video-message span.message span.short {
display: none
}
}
@media screen and (min-width:600px) and (max-width:799px) {
#no-video-message span.message span.med, #no-video-message span.message span.short {
display: none
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#no-video-message span.message span.long, #no-video-message span.message span.short {
display: none
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#no-video-message span.message {
font-size: 17px
}
#no-video-message span.message span.long, #no-video-message span.message span.med {
display: none
}
}
.episode-presented-by, body.gallery-start .page-head .gallery-start-presented-by {
font-family: Oswald;
font-size: 20px;
color: #000;
padding-bottom: 10px;
padding-top: 10px
}
@media screen and (min-width:970px) {
#no-video-message span.message span.med, #no-video-message span.message span.short {
display: none
}
body.node-type-episode .tooltipster-base {
margin-top: -15px
}
}
body.gallery-start .page-head {
float: none
}
body.gallery-start .page-head .page-title {
display: inline
}
@media screen and (min-width:0px) and (max-width:767px) {
body.gallery-start .icon-social-fb-square, body.gallery-start .icon-social-twitter-square {
display: block
}
}
.gallery-image {
margin-bottom: 18px;
position: relative;
width: 100%
}
.gallery-image a {
display: block;
float: left
}
.gallery-image .btn-brd {
position: absolute;
top: 50%;
left: 50%;
padding: 10px;
margin-top: -26px;
margin-left: -104px;
background: rgba(255,255,255,.5)
}
#askmd-consultation .gallery-image input[type=submit], #raap-wrapper .gallery-image input[type=submit], .gallery-image #askmd-consultation input[type=submit], .gallery-image #raap-wrapper input[type=submit], .gallery-image .btn {
font-weight: 300;
float: left;
overflow: hidden;
padding: 14px 25px;
color: #198AA3;
font-size: 16px;
text-align: center;
background: #FFF;
z-index: 1;
box-sizing: border-box;
background-clip: padding-box
}
#gallery-content .counter, body.gallery-slide #gallery-content .entry, body.quiz-page #gallery-content .entry {
padding: 0
}
#askmd-consultation .gallery-image input[type=submit] .icon, #raap-wrapper .gallery-image input[type=submit] .icon, .gallery-image #askmd-consultation input[type=submit] .icon, .gallery-image #raap-wrapper input[type=submit] .icon, .gallery-image .btn .icon {
position: relative;
top: 1px;
margin-right: 8px
}
.gallery-image .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3)
}
.gallery-image:hover .overlay {
background: rgba(0,0,0,.1)
}
#askmd-consultation .gallery-image:hover input[type=submit], #raap-wrapper .gallery-image:hover input[type=submit], .gallery-image:hover #askmd-consultation input[type=submit], .gallery-image:hover #raap-wrapper input[type=submit], .gallery-image:hover .btn {
color: #198AA3;
background-color: #fff
}
.gallery-image:hover .btn-brd {
background: rgba(0,0,0,.15)
}
#gallery-content {
clear: left
}
@media screen and (min-width:480px) and (max-width:599px) {
#gallery-content {
padding-bottom: 0
}
}
#gallery-content a:hover {
color: #198AA3
}
#gallery-content .gallery-image, #gallery-content .gallery-image a.img {
width: 100%
}
#gallery-content .gallery-image a.img img {
float: left
}
@media screen and (min-width:0) and (max-width:799px) {
.gallery-image img {
width: 100%
}
#gallery-content .entry {
padding-right: 0;
float: left;
width: 100%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.gallery-image {
margin-bottom: 24px
}
#gallery-content {
display: block
}
}
@media screen and (min-width:768px) {
#gallery-content p {
font-size: .9375em;
line-height: 1.6em
}
}
#gallery-content h2 {
font-weight: 100;
font-size: 22px;
margin-bottom: 2px
}
#gallery-content .sidebar {
float: right;
width: 300px
}
#gallery-content .sidebar p {
font-size: .875em;
line-height: 22px;
margin-bottom: 20px
}
#gallery-content .sidebar .ad-300x250 {
margin-top: 10px
}
@media screen and (min-width:0px) and (max-width:599px) {
#gallery-content .ad-300x250 {
margin-bottom: 30px
}
body.gallery-slide .page-title, body.quiz-page .page-title {
box-sizing: border-box;
padding-bottom: 0
}
}
@media screen and (min-width:0) and (max-width:799px) {
#gallery-content .entry {
margin: 0;
width: 100%
}
#gallery-content .sidebar {
float: none;
width: 100%
}
#gallery-content .sidebar .sidebar-ad {
display: none
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#gallery-content .entry {
padding-right: 0;
display: block
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#gallery-content .ad-300x250 {
clear: both
}
#gallery-content .ad-300x250 .ad-label {
margin-top: 0
}
body.gallery-slide #main.wrap, body.quiz-page #main.wrap {
padding: 0
}
}
#gallery-content .social-bar {
width: 100%;
float: left;
position: relative
}
@media screen and (min-width:970px) {
#gallery-content .social-bar {
margin-bottom: 34px
}
}
#gallery-content .social-wrap {
float: left;
display: inline-block
}
#gallery-content .social-bar .sponsored-by-small {
position: relative;
right: 0;
margin-top: 0;
float: right;
margin-right: 0;
width: 120px;
height: 60px
}
@media screen and (min-width:0) and (max-width:969px) {
#gallery-content .social-bar .sponsored-by-small {
display: none
}
}
#gallery-content .social-bar .sponsored-by-small .sponsored-by-small-text {
float: left;
margin-top: 26px;
margin-right: 10px
}
body.gallery-slide, body.quiz-page {
margin: 0;
background-color: #000;
color: #d3d3d3
}
@media screen and (min-width:480px) and (max-width:767px) {
body.gallery-slide, body.quiz-page {
margin: 0 auto;
width: 96%
}
}
body.gallery-slide b, body.gallery-slide strong, body.quiz-page b, body.quiz-page strong {
color: #FFF
}
body.gallery-slide #gallery-slide, body.quiz-page #gallery-slide {
width: 100%
}
@media screen and (min-width:600px) and (max-width:969px) {
body.gallery-slide #gallery-content h1, body.quiz-page #gallery-content h1 {
margin-bottom: 10px
}
}
body.gallery-slide .page-head, body.quiz-page .page-head {
float: none;
width: auto
}
@media screen and (min-width:0px) and (max-width:767px) {
body.gallery-slide .icon-social-pinterest-extended, body.quiz-page .icon-social-pinterest-extended {
display: block
}
body.gallery-slide .icon-social-twitter-extended, body.quiz-page .icon-social-twitter-extended {
display: none
}
}
body.gallery-slide .ad-label, body.quiz-page .ad-label {
color: #6a6a6a
}
body.gallery-slide .heading, body.gallery-slide a, body.gallery-slide h1, body.gallery-slide h2, body.gallery-slide h3, body.quiz-page .heading, body.quiz-page a, body.quiz-page h1, body.quiz-page h2, body.quiz-page h3 {
color: #fff
}
body.gallery-slide .page-head-meta, body.quiz-page .page-head-meta {
color: #6a6a6a
}
body.gallery-slide .page-title, body.quiz-page .page-title {
line-height: 1rem;
font-size: .875em;
font-weight: 400;
font-family: 'Open Sans', sans-serif;;
margin-bottom: 0;
color: #fff;
width: 80%
}
@media screen and (min-width:0px) and (max-width:479px) {
body.gallery-slide .page-title, body.quiz-page .page-title {
padding-left: 10px
}
}
body.gallery-slide .page-head, body.quiz-page .page-head {
margin: 10px 0 0;
padding: 30px 0 20px;
border-top: 1px solid #262626
}
@media screen and (min-width:0px) and (max-width:599px) {
body.gallery-slide .page-head, body.quiz-page .page-head {
padding: 15px 0
}
}
body.gallery-slide #close-btn, body.quiz-page #close-btn {
position: absolute;
display: table;
right: 0;
top: -35px;
max-width: 50px;
height: 30px
}
@media screen and (min-width:0px) and (max-width:479px) {
body.gallery-slide #close-btn, body.quiz-page #close-btn {
right: 10px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.gallery-slide #close-btn, body.quiz-page #close-btn {
top: -30px
}
}
@media screen and (min-width:600px) and (max-width:799px) {
body.gallery-slide .page-title, body.quiz-page .page-title {
font-weight: 400;
font-size: 1em
}
body.gallery-slide .page-head, body.quiz-page .page-head {
padding: 20px 0 25px
}
body.gallery-slide #close-btn, body.quiz-page #close-btn {
top: -40px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
body.gallery-slide .page-title, body.quiz-page .page-title {
width: 45%
}
body.gallery-slide .page-head, body.quiz-page .page-head {
padding-left: 10px
}
body.gallery-slide #close-btn, body.quiz-page #close-btn {
right: 40px
}
}
@media screen and (min-width:970px) {
body.gallery-slide .page-title, body.quiz-page .page-title {
width: 60%
}
body.gallery-slide #close-btn, body.quiz-page #close-btn {
right: 35px
}
}
body.gallery-slide #close-btn:hover .close, body.quiz-page #close-btn:hover .close {
color: #fff
}
body.gallery-slide .btn-close-gallery, body.quiz-page .btn-close-gallery {
position: relative;
height: 30px;
width: 50px;
text-decoration: none;
line-height: 1;
color: #198AA3
}
body.gallery-slide .btn-close-gallery .close, body.quiz-page .btn-close-gallery .close {
letter-spacing: .1em;
padding-right: 2px;
text-transform: uppercase;
position: relative;
display: table-cell;
vertical-align: middle;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 11px
}
body.gallery-slide .btn-close-gallery:hover, body.quiz-page .btn-close-gallery:hover {
color: #fff
}
body.gallery-slide .btn-close-gallery .icon-sm-pink-close-btn, body.quiz-page .btn-close-gallery .icon-sm-pink-close-btn {
position: relative;
display: table-cell;
vertical-align: middle;
max-width: 16px
}
body.gallery-slide #dup, body.gallery-slide #footer-container, body.gallery-slide #footer-links-mega, body.gallery-slide #header-container, body.gallery-slide #secondary-header, body.quiz-page #dup, body.quiz-page #footer-container, body.quiz-page #footer-links-mega, body.quiz-page #header-container, body.quiz-page #secondary-header {
display: none!important
}
body.gallery-slide #header-ad-space, body.quiz-page #header-ad-space {
background: #000;
border: none;
min-height: 50px
}
body.gallery-slide #main-container, body.quiz-page #main-container {
background-color: #000;
padding: 0
}
body.gallery-slide #slide-image--next:hover, body.gallery-slide #slide-image--prev:hover, body.quiz-page #slide-image--next:hover, body.quiz-page #slide-image--prev:hover {
background-color: #198AA3
}
body.gallery-slide span.counter, body.quiz-page span.counter {
color: #198AA3;
padding: 0 10px;
font-size: 15px;
font-family: Georgia, serif;
font-style: italic;
line-height: 27px
}
@media screen and (min-width:0px) and (max-width:599px) {
body.gallery-slide span.counter, body.quiz-page span.counter {
padding: 10px 0;
display: inline-block
}
}
body.gallery-slide #slide-content, body.quiz-page #slide-content {
display: table;
margin-bottom: 20px
}
@media screen and (min-width:0px) and (max-width:479px) {
body.gallery-slide #slide-content, body.quiz-page #slide-content {
margin: 0 10px
}
}
body.gallery-slide #slide-content .ad-block, body.quiz-page #slide-content .ad-block {
display: table-cell
}
@media screen and (min-width:600px) and (max-width:767px) {
body.gallery-slide #slide-content .ad-block, body.quiz-page #slide-content .ad-block {
padding-top: 45px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
body.gallery-slide #slide-content, body.quiz-page #slide-content {
margin-right: 65px
}
}
body.gallery-slide #slide-text, body.quiz-page #slide-text {
display: table-cell;
width: 60%;
vertical-align: top
}
body.gallery-slide #slide-title, body.quiz-page #slide-title {
font-weight: 100;
font-size: 22px;
width: 100%
}
body.gallery-slide #slide-image, body.quiz-page #slide-image {
display: inline-block;
font-size: 0;
overflow: hidden;
margin-bottom: 20px;
width: 100%
}
@media screen and (min-width:799px) {
body.gallery-slide #slide-content, body.quiz-page #slide-content {
max-width: 530px
}
body.gallery-slide #slide-image, body.quiz-page #slide-image {
margin-right: 35px
}
}
body.gallery-slide #slide-image--prev:hover .caret-left, body.quiz-page #slide-image--prev:hover .caret-left {
border-right-color: #FFF
}
body.gallery-slide #slide-image--next:hover .caret-right, body.quiz-page #slide-image--next:hover .caret-right {
border-left-color: #FFF
}
body.gallery-slide #slide-image--img, body.quiz-page #slide-image--img {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 88%;
padding: 0 10px;
font-size: 0
}
body.gallery-slide #slide-image--img img, body.quiz-page #slide-image--img img {
display: block;
width: 100%
}
@media screen and (min-width:480px) and (max-width:599px) {
body.gallery-slide #slide-image--img, body.quiz-page #slide-image--img {
padding: 0 18px;
width: 72%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
body.gallery-slide #slide-image, body.quiz-page #slide-image {
margin-bottom: 15px
}
body.gallery-slide #slide-image--img, body.quiz-page #slide-image--img {
padding: 0;
width: 100%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body.gallery-slide #slide-image--img, body.quiz-page #slide-image--img {
width: 82%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body.gallery-slide #slide-image--img, body.quiz-page #slide-image--img {
width: 79%
}
}
body.gallery-slide #slide-image a.disabled, body.gallery-slide #slide-image a[disabled], body.quiz-page #slide-image a.disabled, body.quiz-page #slide-image a[disabled] {
cursor: default;
background: #262626
}
body.gallery-slide #slide-image a.disabled .caret-right, body.gallery-slide #slide-image a[disabled] .caret-right, body.quiz-page #slide-image a.disabled .caret-right, body.quiz-page #slide-image a[disabled] .caret-right {
border-left-color: #3a3a3a
}
body.gallery-slide #slide-image a.disabled .caret-left, body.gallery-slide #slide-image a[disabled] .caret-left, body.quiz-page #slide-image a.disabled .caret-left, body.quiz-page #slide-image a[disabled] .caret-left {
border-right-color: #3a3a3a
}
body.gallery-slide .gallery-nav, body.quiz-page .gallery-nav {
position: relative;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
min-width: 35px;
background-color: #262626;
vertical-align: top;
font-size: 0
}
@media screen and (min-width:0px) and (max-width:479px) {
body.gallery-slide .gallery-nav, body.quiz-page .gallery-nav {
display: none
}
}
@media screen and (min-width:800px) and (max-width:969px) {
body.gallery-slide #slide-image--img, body.quiz-page #slide-image--img {
padding: 0;
width: 100%
}
body.gallery-slide .gallery-nav, body.quiz-page .gallery-nav {
display: none
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body.gallery-slide .gallery-nav, body.quiz-page .gallery-nav {
min-width: 75px
}
}
body.gallery-slide .gallery-nav .next, body.gallery-slide .gallery-nav .prev, body.quiz-page .gallery-nav .next, body.quiz-page .gallery-nav .prev {
position: absolute;
width: 35px;
top: 0;
left: 0;
bottom: 0;
right: 0
}
@media screen and (min-width:768px) and (max-width:799px) {
body.gallery-slide .gallery-nav .next, body.gallery-slide .gallery-nav .prev, body.quiz-page .gallery-nav .next, body.quiz-page .gallery-nav .prev {
width: 75px
}
}
body.gallery-slide .gallery-nav .caret, body.quiz-page .gallery-nav .caret {
top: 46%
}
body.gallery-slide .gallery-nav .caret-right, body.quiz-page .gallery-nav .caret-right {
right: 8px
}
body.gallery-slide .gallery-nav .caret-left, body.quiz-page .gallery-nav .caret-left {
left: 8px
}
@media screen and (min-width:480px) and (max-width:767px) {
body.gallery-slide .gallery-nav, body.quiz-page .gallery-nav {
min-width: 50px
}
body.gallery-slide .gallery-nav .next, body.gallery-slide .gallery-nav .prev, body.quiz-page .gallery-nav .next, body.quiz-page .gallery-nav .prev {
width: 50px
}
body.gallery-slide .gallery-nav .caret-right, body.quiz-page .gallery-nav .caret-right {
right: 15px
}
body.gallery-slide .gallery-nav .caret-left, body.quiz-page .gallery-nav .caret-left {
left: 15px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body.gallery-slide .gallery-nav .caret-right, body.quiz-page .gallery-nav .caret-right {
right: 28px
}
body.gallery-slide .gallery-nav .caret-left, body.quiz-page .gallery-nav .caret-left {
left: 28px
}
}
@media screen and (min-width:970px) {
body.gallery-slide .gallery-nav .caret-right, body.quiz-page .gallery-nav .caret-right {
right: 11px
}
body.gallery-slide .gallery-nav .caret-left, body.quiz-page .gallery-nav .caret-left {
left: 11px
}
}
body.gallery-slide .gallery-nav .icon, body.quiz-page .gallery-nav .icon {
position: absolute;
left: 12px
}
body.gallery-slide #gallery-navigation, body.quiz-page #gallery-navigation {
display: block;
position: absolute;
top: 43%;
width: 100%;
height: 45px;
background: 0 0
}
@media screen and (min-width:480px) and (max-width:799px) {
body.gallery-slide #gallery-navigation, body.quiz-page #gallery-navigation {
display: none
}
}
@media screen and (min-width:970px) {
body.gallery-slide #gallery-navigation, body.quiz-page #gallery-navigation {
display: none
}
}
@media screen and (min-width:0px) and (max-width:479px) {
body.gallery-slide #gallery-navigation, body.quiz-page #gallery-navigation {
top: 40%
}
body.gallery-slide .social-bar, body.quiz-page .social-bar {
margin-left: 10px
}
}
body.gallery-slide #gallery-navigation .next-embedded, body.gallery-slide #gallery-navigation .prev-embedded, body.quiz-page #gallery-navigation .next-embedded, body.quiz-page #gallery-navigation .prev-embedded {
position: absolute;
z-index: 10;
width: 45px;
height: 45px;
background: rgba(0,0,0,.8)
}
body.gallery-slide #gallery-navigation .next-embedded:hover, body.gallery-slide #gallery-navigation .prev-embedded:hover, body.quiz-page #gallery-navigation .next-embedded:hover, body.quiz-page #gallery-navigation .prev-embedded:hover {
background-color: #198AA3
}
body.gallery-slide #gallery-navigation .next-embedded:hover .caret-right, body.gallery-slide #gallery-navigation .prev-embedded:hover .caret-right, body.quiz-page #gallery-navigation .next-embedded:hover .caret-right, body.quiz-page #gallery-navigation .prev-embedded:hover .caret-right {
border-left-color: #FFF
}
body.gallery-slide #gallery-navigation a.disabled .caret-right, body.gallery-slide #gallery-navigation a.disabled:hover .caret-right, body.gallery-slide #gallery-navigation a[disabled] .caret-right, body.gallery-slide #gallery-navigation a[disabled]:hover .caret-right, body.quiz-page #gallery-navigation a.disabled .caret-right, body.quiz-page #gallery-navigation a.disabled:hover .caret-right, body.quiz-page #gallery-navigation a[disabled] .caret-right, body.quiz-page #gallery-navigation a[disabled]:hover .caret-right {
border-left-color: #3a3a3a
}
body.gallery-slide #gallery-navigation .next-embedded:hover .caret-left, body.gallery-slide #gallery-navigation .prev-embedded:hover .caret-left, body.quiz-page #gallery-navigation .next-embedded:hover .caret-left, body.quiz-page #gallery-navigation .prev-embedded:hover .caret-left {
border-right-color: #FFF
}
body.gallery-slide #gallery-navigation a.disabled .caret-left, body.gallery-slide #gallery-navigation a.disabled:hover .caret-left, body.gallery-slide #gallery-navigation a[disabled] .caret-left, body.gallery-slide #gallery-navigation a[disabled]:hover .caret-left, body.quiz-page #gallery-navigation a.disabled .caret-left, body.quiz-page #gallery-navigation a.disabled:hover .caret-left, body.quiz-page #gallery-navigation a[disabled] .caret-left, body.quiz-page #gallery-navigation a[disabled]:hover .caret-left {
border-right-color: #3a3a3a
}
body.gallery-slide #gallery-navigation .next-embedded, body.quiz-page #gallery-navigation .next-embedded {
right: 0
}
body.gallery-slide #gallery-navigation .next-embedded .caret-right, body.quiz-page #gallery-navigation .next-embedded .caret-right {
position: absolute;
top: 8px;
left: 20px
}
body.gallery-slide #gallery-navigation .prev-embedded, body.quiz-page #gallery-navigation .prev-embedded {
left: 0
}
body.gallery-slide #gallery-navigation .prev-embedded .caret-left, body.quiz-page #gallery-navigation .prev-embedded .caret-left {
position: absolute;
top: 8px;
right: 20px
}
body.gallery-slide #gallery-navigation a.disabled, body.gallery-slide #gallery-navigation a[disabled], body.quiz-page #gallery-navigation a.disabled, body.quiz-page #gallery-navigation a[disabled] {
cursor: default;
background: #262626
}
body.gallery-slide #gallery-navigation a.disabled:hover, body.gallery-slide #gallery-navigation a[disabled]:hover, body.quiz-page #gallery-navigation a.disabled:hover, body.quiz-page #gallery-navigation a[disabled]:hover {
background: #262626
}
body.gallery-slide .caret, body.quiz-page .caret {
border-style: solid;
width: 0;
height: 0;
display: block;
position: absolute
}
body.gallery-slide .caret-right, body.quiz-page .caret-right {
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent #198AA3
}
@media screen and (min-width:970px) {
body.gallery-slide .caret-right, body.quiz-page .caret-right {
border-width: 10px 0 10px 10px
}
}
body.gallery-slide .caret-left, body.quiz-page .caret-left {
border-width: 15px 15px 15px 0;
border-color: transparent #198AA3 transparent transparent
}
@media screen and (min-width:970px) {
body.gallery-slide .caret-left, body.quiz-page .caret-left {
border-width: 10px 10px 10px 0
}
}
body.gallery-slide .social-bar, body.quiz-page .social-bar {
max-width: 620px
}
@media screen and (min-width:0px) and (max-width:599px) {
body.gallery-slide .social-bar, body.quiz-page .social-bar {
margin-bottom: 60px;
float: none!important;
display: block
}
}
@media screen and (min-width:768px) {
body.gallery-slide .social-bar, body.quiz-page .social-bar {
margin-top: 20px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
body.gallery-slide .social-bar .sponsored-by-small, body.quiz-page .social-bar .sponsored-by-small {
display: block!important
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body.gallery-slide .social-bar .sponsored-by-small, body.quiz-page .social-bar .sponsored-by-small {
float: left!important
}
body.gallery-slide .social-bar .social-wrap, body.quiz-page .social-bar .social-wrap {
width: 100%!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
body.gallery-slide .counter, body.quiz-page .counter {
margin-left: 10px
}
}
body.gallery-slide .gallery-presented-by, body.quiz-page .gallery-presented-by {
font-family: Oswald;
font-size: 13px;
color: #6a6a6a;
padding-top: 10px
}
body.gallery-slide #gallery-slide header, body.quiz-page #gallery-slide header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
#gallery-promo {
display: table;
padding: 45px 0 0;
border: none;
width: 100%
}
#gallery-promo h1 {
font-size: 1.625em;
font-weight: 300
}
#gallery-promo h2 {
font-size: 1.25em;
font-weight: 300
}
#gallery-promo h4 {
color: #909090;
font-size: 1.125em;
font-weight: 300
}
#gallery-promo #gallery-title {
margin: 8px 0 30px;
color: #909090
}
#gallery-promo__head {
display: table-cell;
position: relative;
text-align: center;
padding: 25px 0 30px;
width: 40%
}
@media screen and (min-width:0px) and (max-width:599px) {
#gallery-promo__head {
padding: 25px 0 40px!important
}
#gallery-promo__head h1 {
margin-bottom: 15px
}
}
#gallery-promo__head--or-wrap {
height: 1px;
background: #333;
margin: 17px auto;
max-width: 205px
}
#gallery-promo__head #close-btn {
right: 0;
top: 0
}
#gallery-promo #or_divider {
top: -10px;
position: relative;
display: inline-block;
padding: 0 11px;
background: #000;
line-height: 1;
font-size: 13px;
font-family: Georgia
}
#gallery-promo--replay {
position: relative;
height: 52px;
width: 110px;
background: #198AA3;
color: #FFF;
margin-top: 25px
}
@media screen and (min-width:0) and (max-width:799px) {
#gallery-promo #gallery-title {
margin: 8px 0 15px
}
#gallery-promo__head {
display: block;
width: 100%;
text-align: left;
padding: 25px 0 60px
}
#gallery-promo__head--or-wrap {
display: inline-block;
background: #000;
width: 60px
}
#gallery-promo--replay {
height: 35px;
margin: 0;
vertical-align: top
}
}
@media screen and (min-width:480px) and (max-width:799px) {
#gallery-promo--replay {
width: 100px
}
#gallery-promo--replay .icon {
margin-left: 15px!important
}
#gallery-promo--replay .replay {
right: 15px!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#gallery-promo--replay {
width: 35px
}
#gallery-promo--replay .icon {
margin-left: 9px!important
}
}
#gallery-promo--replay .icon {
margin-left: 17px;
float: left
}
#gallery-promo--replay .replay {
text-decoration: none;
font-family: Oswald;
position: absolute;
right: 20px;
top: 14px
}
#gallery-promo--replay:hover {
background: #FFF;
color: #ff008f
}
#gallery-promo--social {
width: 99%;
margin: 0 auto 30px;
vertical-align: top
}
@media screen and (min-width:0) and (max-width:799px) {
#gallery-promo--replay .replay {
top: 6px
}
#gallery-promo--social {
width: 30%;
display: inline-block;
margin-left: -6px;
min-width: 220px
}
}
#gallery-promo--social .square-social-buttons {
margin: 0
}
#gallery-promo--social .social-wrap {
margin: 0 auto
}
#gallery-promo--social .social-wrap .custom-clipix-share, #gallery-promo--social .social-wrap button {
display: inline-block;
vertical-align: top;
float: none;
margin: 0 6px!important
}
#gallery-promo__recommended {
display: table-cell;
width: 60%;
padding: 0 12px;
border-left: 1px solid #333
}
#gallery-promo__recommended h1 {
margin-left: 30px
}
#gallery-promo__recommended ul {
list-style: none;
display: block;
padding: 0 0 0 10px;
font-size: 0
}
#gallery-promo__recommended ul li {
display: inline-block;
font-size: 1rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 20px 20px 15px;
width: 50%;
vertical-align: top
}
#gallery-promo__recommended ul li img {
width: 100%;
opacity: .8
}
#gallery-promo__recommended ul li:hover img {
opacity: 1
}
#gallery-promo__recommended ul li:hover h4 {
color: #FFF
}
#gallery-promo__recommended ul a {
text-decoration: none
}
@media screen and (min-width:0) and (max-width:799px) {
#gallery-promo__recommended {
display: block;
width: 100%;
border: none;
padding: 0
}
#gallery-promo__recommended h1 {
margin-left: 0
}
#gallery-promo__recommended ul {
padding: 0
}
}
@media screen and (min-width:600px) and (max-width:799px) {
#gallery-promo__recommended ul li:nth-child(1), #gallery-promo__recommended ul li:nth-child(3) {
padding: 20px 20px 15px 0;
border-right: 1px solid #333
}
#gallery-promo__recommended ul li {
margin: 0
}
#gallery-promo__recommended ul li:nth-child(1) {
border-bottom: 1px solid #333
}
#gallery-promo__recommended ul li:nth-child(2) {
padding: 20px 0 15px 20px;
border-bottom: 1px solid #333
}
#gallery-promo__recommended ul li:nth-child(4) {
padding: 20px 0 15px 20px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#gallery-promo__recommended ul {
margin-top: 15px
}
#gallery-promo__recommended ul li {
width: 100%;
padding: 20px 0 15px;
border-top: 1px solid #333
}
#gallery-promo__recommended ul li a {
display: table
}
#gallery-promo__recommended ul li img {
max-width: 175px;
width: auto;
padding-right: 10px;
display: table-cell
}
#gallery-promo__recommended ul li .recommended-text {
display: table-cell;
vertical-align: middle
}
#gallery-promo__recommended ul li .recommended-text h4 {
display: block;
color: #FFF;
font-weight: 400;
font-size: 18px
}
#gallery-promo__recommended ul li .recommended-text h5 {
display: block;
color: #909090;
font-size: 13px;
font-family: Georgia
}
#gallery-promo__recommended ul li:hover h4 {
text-decoration: underline
}
}
#gallery-promo #gallery-promo-close {
position: relative;
width: 50px;
height: 45px;
border-left: 1px solid #333;
margin: -20px 15px 0 0
}
#gallery-promo #gallery-promo-close .close {
position: absolute;
bottom: 0;
right: 0
}
#gallery-promo #gallery-promo-close .icon {
position: absolute;
top: 0;
right: 0
}
@media screen and (min-width:0px) and (max-width:767px) {
#gallery-promo .icon-social-fb-extended, #gallery-promo .icon-social-pinterest-extended, #gallery-promo .icon-social-twitter-extended {
display: none!important
}
#gallery-promo .icon-social-fb-square, #gallery-promo .icon-social-pinterest-square, #gallery-promo .icon-social-twitter-square {
display: inline-block!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#gallery-promo {
padding: 0 10px;
width: 100%;
box-sizing: border-box
}
#gallery-promo #close-btn {
top: 15px
}
#gallery-promo #gallery-promo--social {
min-width: 210px
}
#gallery-promo #gallery-promo__head--or-wrap {
width: 50px
}
}
@media screen and (min-width:480px) and (max-width:767px) {
#gallery-promo {
margin: 15px -25px;
padding: 45px 25px 0;
border-top: 1px solid #333
}
}
.guest-plug__form .form__group, .guest-plug__form .form__header {
border-bottom: 1px solid #dbdedc;
margin-bottom: 20px
}
@media screen and (min-width:768px) and (max-width:799px) {
#gallery-promo {
border-top: 1px solid #333
}
}
.guest-plug__description {
font-size: 15px;
line-height: 26px
}
.guest-plug__form .form__header {
position: relative
}
.guest-plug__form .form__tip {
position: absolute;
bottom: 5px;
right: 0;
font-size: 14px;
font-family: Georgia, serif
}
.guest-plug__form .form__tip span {
color: #FE2525
}
.guest-plug__form .icon {
position: absolute;
left: 70px;
bottom: -12px
}
#search-wrap, body#search #content-area, body#search2 #content-area {
position: relative
}
.guest-plug__form .form__heading {
font-size: 28px;
line-height: 52px;
color: #052d6b
}
@media screen and (min-width:0px) and (max-width:479px) {
.guest-plug__form .form__heading {
font-size: 22px;
line-height: 45px
}
}
.form__select.chosen-container .guest-plug__form .placeholderjs.chosen-single, .guest-plug__form .form__select.chosen-container .placeholderjs.chosen-single, .guest-plug__form .form__text.placeholderjs, .guest-plug__form .placeholderjs.form__textarea {
opacity: 1;
color: #E2E1E1
}
.form__select.chosen-container .guest-plug__form .chosen-single::-webkit-input-placeholder, .guest-plug__form .form__select.chosen-container .chosen-single::-webkit-input-placeholder, .guest-plug__form .form__text::-webkit-input-placeholder, .guest-plug__form .form__textarea::-webkit-input-placeholder {
opacity:1;
color:#E2E1E1
}
.form__select.chosen-container .guest-plug__form .chosen-single:-moz-placeholder, .guest-plug__form .form__select.chosen-container .chosen-single:-moz-placeholder, .guest-plug__form .form__text:-moz-placeholder, .guest-plug__form .form__textarea:-moz-placeholder {
opacity:1;
color:#E2E1E1
}
.form__select.chosen-container .guest-plug__form .chosen-single::-moz-placeholder, .guest-plug__form .form__select.chosen-container .chosen-single::-moz-placeholder, .guest-plug__form .form__text::-moz-placeholder, .guest-plug__form .form__textarea::-moz-placeholder {
opacity:1;
color:#E2E1E1
}
.form__select.chosen-container .guest-plug__form .chosen-single:-ms-input-placeholder, .guest-plug__form .form__select.chosen-container .chosen-single:-ms-input-placeholder, .guest-plug__form .form__text:-ms-input-placeholder, .guest-plug__form .form__textarea:-ms-input-placeholder {
opacity:1;
color:#E2E1E1
}
.form__select.chosen-container .guest-plug__form .chosen-single:focus, .guest-plug__form .form__select.chosen-container .chosen-single:focus, .guest-plug__form .form__text:focus, .guest-plug__form .form__textarea:focus {
color: #7A7A7A
}
.guest-plug__form .form__textarea {
text-transform: none;
min-height: 210px
}
.guest-plug__form .form__buttons input {
font-size: 18px;
font-weight: 700;
letter-spacing: 1px
}
@media screen and (min-width:0px) and (max-width:599px) {
.guest-plug__form .form__buttons input {
width: 100%
}
}
.guest-plug #tfa_Responsec {
display: block
}
.guest-plug label[for=tfa_Responsec] {
display: block;
margin-bottom: 5px
}
.guest-plug label[for=tfa_Responsec].form__error {
padding-left: 12px;
background-position: 0 7px
}
.guest-plug #tfa_ZipPostalCodec {
width: 70px
}
.guest-plug #tfa_Agec {
width: 110px
}
.guest-plug input[type=file] {
width: 215px
}
.guest-plug label[for=photo] {
width: 120px
}
.guest-plug__legal {
margin: 20px 0
}
@media screen and (min-width:799px) {
.guest-plug__legal .content .entry {
padding-right: 300px
}
}
#search-wrap {
min-height: 420px;
width: 100%;
float: left;
line-height: 1
}
#search-wrap h1 {
margin-top: 8px;
color: #000;
font-family: 'Open Sans', sans-serif;;
font-weight: 700;
font-size: 32px;
line-height: 32px
}
#search-wrap h2 {
font-family: Georgia, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
line-height: 16px;
margin: 5px 0 -2px
}
#search-wrap h2 span.spell {
font-weight: 700;
font-style: normal
}
#search-wrap .content {
width: auto
}
#search-wrap.no-results h2 {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 18px
}
#search-wrap h3 {
padding: 0;
margin: 0;
font-weight: 400;
font-size: 22px;
line-height: 26px
}
@media screen and (min-width:0px) and (max-width:767px) {
#search-wrap h3 {
font-size: 1.125em
}
}
#search-wrap h3 a {
color: #000;
text-decoration: none
}
#search-wrap h3 a:hover {
color: #198AA3;
text-decoration: underline
}
#search-wrap h3 a:hover b {
color: #198AA3
}
#search-wrap h6, #search-wrap label {
color: #000;
margin-top: 8px;
text-transform: uppercase;
width: auto;
font-family: Georgia, sans-serif;
font-size: 10px;
font-weight: 400
}
#search-wrap h6.brd-top, #search-wrap label.brd-top {
border-top: 1px solid #e4e2e2;
margin-top: 18px;
padding-top: 5px;
padding-bottom: 0
}
#search-wrap h6.no-brd-top, #search-wrap label.no-brd-top {
clear: both;
padding-top: 10px;
padding-bottom: 0
}
#search-wrap.no-results h5 {
text-transform: uppercase;
padding: 5px 0;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 1.125em
}
#search-wrap.no-results h6 {
padding: 4px 0 0
}
@media screen and (min-width:0px) and (max-width:767px) {
#search-wrap.no-results {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 30px;
margin-bottom: 10px
}
}
#search-wrap.no-results #search-nav {
margin-top: 0;
border-top: none
}
#search-wrap #search-nav, #search-wrap .filter-wrap {
border-top: 1px solid #e4e2e2;
border-bottom: 1px solid #e4e2e2;
position: relative;
width: 100%;
clear: both
}
#search-wrap button {
cursor: pointer;
outline: 0
}
#search-wrap b {
color: #000
}
#search-wrap div.loading {
background-position: 50% 140px
}
#search-wrap ul#list-w-bull {
line-height: 1.6em;
list-style-image: none;
list-style-type: disc;
padding-left: 0;
margin-top: 0;
font-family: Georgia, sans-serif;
font-size: 14px
}
#search-wrap ul#list-w-bull li {
list-style: disc inside;
color: #000;
font-weight: 400;
display: list-item;
padding: 0
}
#search-wrap .filter-wrap {
float: left;
height: 14px;
padding: 12px 0;
margin: 12px 0 0
}
#search-wrap .filter-wrap .filter-list {
text-align: left
}
#search-wrap .filter-wrap .filter-list li {
line-height: 10px
}
#search-wrap .filter-wrap .filter-list .icon-radio-off {
display: none!important
}
#search-wrap #search-nav {
float: left;
height: 33px;
margin: 12px 0 4px
}
#search-wrap #search-nav ul {
float: left;
width: 100%
}
#search-wrap #search-nav ul li {
list-style: none;
background: 0 0;
display: inline-block;
float: left;
padding: 0
}
#search-wrap #search-nav ul li.disabled, #search-wrap #search-nav ul li.disabled a:link, #search-wrap #search-nav ul li.disabled a:visited {
background-color: none!important;
color: #ddd;
cursor: default
}
#search-wrap #search-nav ul li.disabled a:hover {
color: #ddd;
text-decoration: none
}
#search-wrap #search-nav ul li a {
float: left;
color: #000;
text-transform: uppercase;
text-decoration: none;
padding: 11px;
font-family: "Proxima Nova", sans-serif;
font-size: 12px
}
#search-wrap #search-nav ul li.current {
margin-bottom: -1px
}
#search-wrap #search-nav ul li.current a {
color: #33B7DE;
padding-bottom: 12px;
cursor: default
}
#search-wrap #search-nav ul li.current a:hover {
text-decoration: none
}
#search-wrap #search-nav #filter-options {
position: absolute;
top: 0;
margin-top: 0;
text-align: center;
padding-left: 0
}
#search-wrap #search-nav #filter-options li {
float: left;
display: inline-block;
text-align: center;
position: relative
}
#search-wrap #search-nav #filter-options li.filter-group {
position: relative;
background: 0 0;
float: left;
left: -12px;
top: 2px
}
#search-wrap #search-nav #filter-options li.filter-group ul {
padding-left: 0
}
#search-wrap #search-nav #filter-options li.dotted-spacer {
background: #fff;
width: 100%;
position: relative;
top: -1px;
left: -1px;
height: 26px;
border: 1px dotted #bebebe
}
#search-wrap #search-nav #filter-options li.dotted-spacer i {
position: relative;
top: -1px
}
#search-wrap #search-nav #filter-options li a:hover {
color: #000;
text-decoration: underline
}
#search-wrap #search-nav #filter-options li button {
background: 0 0;
text-transform: uppercase;
border: none;
width: auto;
padding: 0 15px;
margin-top: 7px;
margin-left: 0;
position: relative;
z-index: 4;
line-height: 15px;
color: #838383;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 11px
}
#search-wrap #search-nav #filter-options li button i {
display: inline-block;
margin-left: 5px
}
#search-wrap #search-nav #filter-options li button span {
color: #198AA3
}
#search-wrap #search-nav #filter-options li button.on {
background-position: right -34px;
color: #000
}
#search-wrap #search-nav #filter-options li ul {
float: left;
top: 0;
background: #feffff;
background: linear-gradient(to bottom, #feffff 0, #f7f7f7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#f7f7f7', GradientType=0);
box-shadow: 0 1px 4px rgba(50,50,50,.19);
width: auto;
border: 1px solid #d6d6d6
}
#search-wrap #search-nav #filter-options li ul li {
display: block;
float: none
}
#search-wrap #search-nav #filter-options li ul li.current a {
color: #000;
cursor: default
}
#search-wrap #search-nav #filter-options li ul li a:link, #search-wrap #search-nav #filter-options li ul li a:visited {
text-transform: none;
padding: 9px 0 12px;
margin: 0 15px;
float: none;
display: block;
text-align: left;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/search/options-bottom-border.png) left bottom no-repeat
}
#search-wrap #search-nav #filter-options li ul li a:link i, #search-wrap #search-nav #filter-options li ul li a:visited i {
display: inline-block;
position: relative;
top: 3px;
margin-right: 5px
}
#search-wrap #search-nav #filter-options li ul li:last-child a {
background: 0 0
}
#search-wrap #search-nav #filter-options li.off ul {
background: 0 0;
border: 1px solid transparent;
box-shadow: none
}
#search-wrap #search-nav #filter-options li.off ul li {
display: none
}
#search-wrap #search-nav #filter-options li.off ul li:first-child {
display: block
}
#search-wrap #search-nav #filter-options li.off .dotted-spacer {
border-color: #fff;
background: 0 0
}
#search-wrap #search-nav #filter-options li.on {
z-index: 10
}
#search-wrap ul#search-results {
box-sizing: border-box;
float: left
}
#search-wrap ul#search-results li {
width: 100%;
list-style: none;
border-bottom: 1px solid #e2e2e2;
padding: 20px 0
}
#search-wrap ul#search-results li cite {
font-family: Georgia, sans-serif;
font-style: italic;
font-size: 13px;
line-height: 26px;
padding: 2px 0 1px;
display: block
}
#search-wrap ul#search-results li cite a:link, #search-wrap ul#search-results li cite a:visited {
color: inherit
}
#search-wrap ul#search-results li cite a:hover {
color: #198AA3
}
#search-wrap ul#search-results li p {
font-family: Georgia, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #6a6a6a
}
#search-wrap #make-100 {
width: 100%;
height: 1px;
position: relative
}
#search-wrap #search-promo-spacer {
float: right;
margin-left: 30px;
width: 300px;
min-height: 250px;
max-width: 300px
}
#search-wrap #search-pager {
clear: both;
position: relative;
padding-top: 15px;
box-sizing: border-box
}
#search-wrap #no-results-search-block {
clear: both;
padding: 8px 0
}
#search-wrap #no-results-search-block label {
padding-bottom: 10px
}
#search-wrap #loading-results {
background: linear-gradient(to bottom, rgba(255,255,255,.5) 0, rgba(255,255,255,.5) 1%, rgba(255,255,255,.5) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff', GradientType=0);
display: none;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20;
text-align: center
}
#search-side-bar {
position: absolute;
right: 0;
top: 168px;
width: 300px;
min-height: 250px
}
@media screen and (min-width:0px) and (max-width:767px) {
#search-side-bar {
clear: both;
position: relative;
text-align: center;
width: 300px;
margin: 26px auto 30px;
top: 0!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#search-side-bar {
margin-top: 33px
}
}
.no-results-form #search {
width: 250px;
height: 34px;
padding: 10px;
line-height: 18px
}
#askmd-consultation .no-results-form input[type=submit], #raap-wrapper .no-results-form input[type=submit], .no-results-form #askmd-consultation input[type=submit], .no-results-form #raap-wrapper input[type=submit], .no-results-form .btn {
font-size: 14px;
width: 45px;
height: 34px
}
.ie8 #search-wrap #search-nav ul#filter-options li ul {
filter: none;
border: none
}
.ie8 #search-wrap #search-nav ul#filter-options li.on ul {
border: 1px solid #e2e2e2
}
.ie8 #search-wrap #search-nav ul#filter-options li.off .dotted-spacer {
border-color: #fff
}
body.node-type-topic-channel #topic-channel {
clear: both
}
body.node-type-topic-channel #topic-channel .content {
margin-bottom: 30px
}
@media screen and (min-width:0px) and (max-width:599px) {
#search-wrap ul#search-results li cite {
display: none
}
body.node-type-topic-channel #topic-channel .content {
margin-bottom: 0
}
}
body.node-type-topic-channel #topic-channel .video-btn.small {
width: 24px!important
}
body.node-type-topic-channel #topic-channel .video-btn.med {
width: 30px!important
}
@media screen and (min-width:800px) and (max-width:969px) {
body.node-type-topic-channel .content-preview-grid.three-col .content-preview {
height: 310px
}
body.node-type-topic-channel #topic-channel .featured-blurb {
position: absolute;
bottom: 30px;
left: 20px;
box-sizing: border-box;
background: #fff;
background-color: rgba(255,255,255,.9);
border: 1px solid #fff;
padding: 20px;
width: 91%
}
body.node-type-topic-channel #topic-channel .featured-blurb .video-btn {
display: block!important
}
body.node-type-topic-channel #topic-channel .featured-blurb .video-icon-wrap {
display: none!important
}
body.node-type-topic-channel #topic-channel .featured-blurb h1 {
font-size: 1.5em;
line-height: 28px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body.node-type-topic-channel #topic-channel .featured-blurb {
position: absolute;
bottom: 30px;
left: 20px;
box-sizing: border-box;
background: #fff;
background-color: rgba(255,255,255,.9);
border: 1px solid #fff;
padding: 20px;
width: 93%
}
body.node-type-topic-channel #topic-channel .featured-blurb .video-btn {
display: block!important
}
body.node-type-topic-channel #topic-channel .featured-blurb .video-icon-wrap {
display: none!important
}
body.node-type-topic-channel #topic-channel .entry .content-preview-body h5, body.node-type-topic-channel #topic-channel .entry .featured-node .video-icon-wrap, body.node-type-topic-channel #topic-channel .entry .featured-type {
display: none
}
}
body.node-type-topic-channel #topic-channel .entry .content-preview-grid.two-col .content-preview h3 {
font-size: 1.125em;
line-height: 24px
}
body.node-type-topic-channel #topic-channel .entry .featured-node img {
border: 1px solid #dbdedc;
box-sizing: content-box
}
@media screen and (min-width:800px) and (max-width:969px) {
body.node-type-topic-channel #topic-channel .entry .featured-node {
margin-bottom: 0
}
body.node-type-topic-channel #topic-channel .entry .content-preview-body h5, body.node-type-topic-channel #topic-channel .entry .featured-node .video-icon-wrap, body.node-type-topic-channel #topic-channel .entry .featured-type {
display: none
}
}
@media screen and (min-width:768px) and (max-width:969px) {
body.node-type-topic-channel #topic-channel .entry .content-preview .img {
width: auto;
float: left
}
body.node-type-topic-channel #topic-channel .entry .content-preview .content-preview-body {
overflow: hidden
}
body.node-type-topic-channel #topic-channel .entry .content-preview .content-preview-body h3 {
line-height: 24px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body.node-type-topic-channel .content-preview-grid.three-col .content-preview {
height: 380px
}
body.node-type-topic-channel #topic-channel .entry {
width: 50%;
padding-right: 3.90117%;
border-right: 1px solid #dbdedc
}
body.node-type-topic-channel #topic-channel .entry .content-preview:first-child {
border-top: 1px solid #dbdedc
}
}
@media screen and (min-width:970px) {
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview {
padding: 0 0 0 5.45455%
}
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview .img {
margin-right: 0;
max-width: inherit
}
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview:first-child {
padding: 0 5.45455% 0 0
}
}
@media screen and (min-width:768px) and (max-width:969px) {
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .video-btn.large {
display: none
}
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .video-btn.med {
display: block
}
}
@media screen and (min-width:800px) and (max-width:969px) {
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview {
border: 0;
padding-bottom: 0
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview:first-child {
border-top: 1px solid #DBDEDC
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview {
padding: 0 0 0 5.45455%
}
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview .img {
margin-right: 0;
max-width: inherit
}
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview:first-child {
padding: 0 5.45455% 0 0
}
body.node-type-topic-channel #topic-channel .load-more .content-preview .img, body.node-type-topic-channel #topic-channel .pager .content-preview .img {
min-width: 175px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
body.node-type-topic-channel #topic-channel .entry .content-preview .img {
float: left
}
body.node-type-topic-channel #topic-channel .entry .content-preview .content-preview-body {
overflow: hidden
}
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview {
border: 0;
padding-bottom: 0
}
body.node-type-topic-channel #topic-channel .content-preview-grid.two-col .content-preview:first-child {
border-top: 1px solid #DBDEDC;
padding-top: 30px;
padding-bottom: 20px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
body.node-type-topic-channel #topic-channel .sidebar {
padding: 0 30px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body.node-type-topic-channel #topic-channel .sidebar {
width: 100%;
float: none
}
body.node-type-topic-channel #topic-channel .sidebar .promo__wrap {
clear: none;
padding: 20px 30px 0 0
}
}
@media screen and (min-width:800px) and (max-width:969px) {
body.node-type-topic-channel #topic-channel .pagination {
padding-bottom: 12px
}
}
@media screen and (min-width:970px) {
body.node-type-topic-channel #topic-channel .pagination {
padding-bottom: 30px
}
}
body.node-type-topic-channel #topic-channel #directory {
margin-top: 30px
}
body.node-type-topic-channel #topic-channel .content-wrap {
width: 100%;
float: left
}
body.node-type-topic-channel #topic-channel .related-topics__header {
border-top: 10px solid #e6e7e6;
min-height: 75px;
border-bottom: 1px solid #e6e7e6;
margin-bottom: 30px
}
body.node-type-topic-channel #topic-channel .related-topics__header h2 {
font-size: 2em;
display: inline;
float: left;
font-weight: 700;
line-height: 75px
}
@media screen and (min-width:0px) and (max-width:479px) {
body.node-type-topic-channel #topic-channel .related-topics__header h2 {
display: block;
width: 100%;
text-align: center
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body.node-type-topic-channel #topic-channel .related-topics__header {
margin-bottom: 0
}
body.node-type-topic-channel #topic-channel .ad-300x250 {
margin-top: 30px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.node-type-topic-channel #topic-channel .load-more .content-preview .img, body.node-type-topic-channel #topic-channel .pager .content-preview .img {
max-width: 160px;
min-width: 160px
}
body.node-type-topic-channel #topic-channel .related-topics__header {
margin-bottom: 15px;
border-top: 1px solid #dbdedc
}
}
body.node-type-topic-channel #topic-channel .slider {
float: left
}
body.node-type-topic-channel #topic-channel #directory .info h3, body.node-type-topic-channel #topic-channel #feature-slider .info h3 {
font-size: 18px;
line-height: 24px
}
body.node-type-topic-channel #topic-channel #directory .full-directory-listing .media .img:hover+div a, body.node-type-topic-channel #topic-channel #directory .full-directory-listing .media--valign .img:hover+div a, body.node-type-topic-channel #topic-channel #feature-slider .full-directory-listing .media .img:hover+div a, body.node-type-topic-channel #topic-channel #feature-slider .full-directory-listing .media--valign .img:hover+div a {
color: #198AA3;
text-decoration: none
}
body.node-type-topic-channel #topic-channel .sidebar-ad {
margin-bottom: 20px;
padding-bottom: 0;
border-bottom: none
}
body.node-type-topic-channel #topic-channel .ad-300x250 {
margin-bottom: 30px
}
@media screen and (min-width:0px) and (max-width:767px) {
body.node-type-topic-channel #topic-channel .slider {
float: none
}
body.node-type-topic-channel #topic-channel .ad-300x250 {
clear: both;
margin-bottom: 0;
margin-top: 40px
}
}
@media screen and (min-width:600px) {
body.node-type-topic-channel #topic-channel .page-title {
font-size: 2.375em;
margin-bottom: 5px
}
}
@media screen and (min-width:799px) {
body.node-type-topic-channel #topic-channel .topic-presented-by {
display: none
}
body.node-type-topic-channel #topic-channel .topic-presented-by.display {
font-family: Oswald;
font-size: 14px;
color: #6a6a6a;
float: right;
display: inline-block;
padding-top: 35px
}
}
@media screen and (min-width:0) and (max-width:799px) {
body.node-type-topic-channel #topic-channel .topic-presented-by {
display: none
}
body.node-type-topic-channel #topic-channel .topic-presented-by.display {
display: inline-block;
font-size: 10px;
-ms-flex-align: baseline;
align-items: baseline;
padding-right: 20px
}
body.node-type-topic-channel #topic-channel .page-title-div {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.node-type-topic-channel #topic-channel .page-title {
font-size: 2em;
margin-bottom: 5px
}
body.node-type-topic-channel #feature-hero {
padding-bottom: 20px
}
}
body.node-type-topic-channel #feature-hero.content {
width: auto;
position: relative;
padding-bottom: 5px;
float: none;
overflow: hidden;
display: block;
clear: left
}
@media screen and (min-width:768px) {
body.node-type-topic-channel #feature-hero.content {
padding-right: 3.50515%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.node-type-topic-channel #feature-hero.content {
padding: 0
}
}
body.node-type-topic-channel #feature-hero .content {
float: left;
width: 35.65891%;
padding-left: 2.48062%
}
body.node-type-topic-channel #feature-hero .content h2 {
font-size: 24px;
margin-bottom: 5px;
line-height: 1.3em
}
body.node-type-topic-channel #feature-hero .content h2 a {
text-decoration: none
}
.video-series .carousel__item--current .body h3 a, .video-series .carousel__item:hover .body h3 a, body.node-type-topic-channel #feature-hero .hero-img:hover+.content h2 a {
text-decoration: underline
}
body.node-type-topic-channel #feature-hero .content h2 a:hover {
color: #000;
text-decoration: underline
}
body.node-type-topic-channel #feature-hero .content p {
line-height: 1.5em
}
@media screen and (min-width:800px) and (max-width:969px) {
body.node-type-topic-channel #feature-hero .content {
float: none;
display: block;
width: auto;
padding-left: 0
}
}
@media screen and (min-width:0px) and (max-width:767px) {
body.node-type-topic-channel #topic-channel .icon-social-fb-square, body.node-type-topic-channel #topic-channel .icon-social-twitter-square {
display: block
}
body.node-type-topic-channel #feature-hero .content {
padding: 0
}
body.node-type-topic-channel .ozs-kitchen {
background-image: -owg-linear-gradient(#f7f7f7, #fff 30%);
background-image: linear-gradient(#f7f7f7, #fff 30%)
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body.node-type-topic-channel #feature-hero .content {
width: 48.72263%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.node-type-topic-channel #feature-hero .content {
width: 100%;
display: block;
float: none
}
}
body.node-type-topic-channel #feature-hero .hero-img {
width: 57.36434%;
position: relative;
margin-bottom: 10px;
float: left
}
@media screen and (min-width:800px) and (max-width:969px) {
body.node-type-topic-channel #feature-hero .hero-img {
width: 100%
}
}
body.node-type-topic-channel #feature-hero .hero-img img {
border: 1px solid #e2e2e2;
width: 100%
}
@media screen and (min-width:600px) and (max-width:767px) {
body.node-type-topic-channel #feature-hero .hero-img {
width: 47.08029%;
padding-right: 3.64964%
}
body.node-type-topic-channel #feature-hero .hero-img img {
border: none
}
}
@media screen and (min-width:768px) and (max-width:969px) {
body.node-type-topic-channel #feature-hero .content, body.node-type-topic-channel #feature-hero .hero-img, body.node-type-topic-channel #feature-hero .hero-img img {
width: 100%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.node-type-topic-channel #feature-hero .hero-img {
width: 100%;
float: none
}
body.node-type-topic-channel #feature-hero .hero-img img {
border: none;
width: 100%
}
body.node-type-topic-channel #feature-hero .content {
padding-right: 0
}
body.node-type-topic-channel #feature-hero .sidebar {
float: none;
width: 100%;
position: relative;
margin-top: 20px
}
body.node-type-topic-channel #feature-hero .sidebar .section-link {
position: absolute;
top: -5px;
right: 0
}
}
body.node-type-topic-channel #feature-hero .sidedbar-ad {
margin-bottom: 20px
}
body.node-type-topic-channel .ozs-kitchen {
clear: both;
margin: 40px 0 0;
padding-bottom: 32px
}
@media screen and (min-width:0px) and (max-width:479px) {
body.node-type-topic-channel #feature-hero .content h2 {
font-size: 1.375em
}
body.node-type-topic-channel .content-preview-grid.three-col .content-preview img {
max-width: none;
max-height: none
}
}
@media screen and (min-width:0px) and (max-width:767px) {
body.node-type-topic-channel #main.wrap {
padding: 0
}
body.node-type-topic-channel .content .entry, body.node-type-topic-channel .load-more, body.node-type-topic-channel .page-head, body.node-type-topic-channel .pager, body.node-type-topic-channel .related-topics__header, body.node-type-topic-channel .sidebar {
padding: 0 26px;
box-sizing: border-box
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:0px) and (max-width:479px) {
body.node-type-topic-channel .content .entry, body.node-type-topic-channel .load-more, body.node-type-topic-channel .page-head, body.node-type-topic-channel .pager, body.node-type-topic-channel .related-topics__header, body.node-type-topic-channel .sidebar {
padding: 0 12px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
body.node-type-topic-channel .content .entry {
border-bottom: 1px solid #dbdedc;
padding-bottom: 26px;
background-image: -owg-linear-gradient(#fff, #f7f7f7);
background-image: linear-gradient(#fff, #f7f7f7)
}
body.node-type-topic-channel .load-more .content-preview, body.node-type-topic-channel .pager .content-preview {
display: table
}
body.node-type-topic-channel .load-more .content-preview .img, body.node-type-topic-channel .pager .content-preview .img {
display: table-cell
}
body.node-type-topic-channel .load-more .content-preview .content-preview-body, body.node-type-topic-channel .pager .content-preview .content-preview-body {
display: table-cell;
width: 100%;
vertical-align: middle;
padding-left: 10px
}
body.node-type-topic-channel .load-more .content-preview .content-preview-body h5, body.node-type-topic-channel .pager .content-preview .content-preview-body h5 {
display: none
}
body.node-type-topic-channel .sidebar {
width: 100%;
float: none
}
.video-series .bc-container {
margin-bottom: 15px
}
}
.video-series .carousel__item a, .video-series .carousel__item--current .now-playing {
display: block
}
.node-type-video-series #main.wrap {
padding: 0
}
.node-type-video-series .sponsored-by-small {
margin-right: 26px
}
.video-series .carousel__item img {
filter: alpha(Opacity=40);
opacity: .4
}
.video-series .carousel .carousel__item--current .img, .video-series .carousel__item--current img, .video-series .carousel__item:hover img {
border: 1px solid #000;
filter: alpha(Opacity=100);
opacity: 1
}
.video-series .carousel .carousel__viewport {
padding: 0 42px
}
.video-series .carousel .carousel__button-wrap {
width: inherit
}
.video-series .carousel .button--carousel--tall {
height: 130px;
width: 22px
}
.video-series .carousel__viewport {
padding: 0 50px
}
.video-series .carousel__item {
margin: 0
}
@media screen and (min-width:0px) and (max-width:767px) {
.video-series .carousel__item {
display: block
}
.video-series .carousel__item img {
border: 1px solid #dddbdb
}
.video-series .carousel__item.carousel__item--current img {
border-color: transparent
}
}
.video-series .carousel__item .img img {
width: auto;
max-height: 130px
}
@media screen and (min-width:768px) {
.video-series .carousel__item img {
border: none
}
.video-series .carousel__item .img {
margin: 0
}
.video-series .carousel__item .img img {
border: none
}
.video-series .carousel__item .body {
overflow: inherit;
max-width: 190px
}
.video-series .carousel__item .body h3 a {
font-family: Georgia, serif;
font-size: 15px;
line-height: 20px;
font-weight: 400;
text-decoration: none;
display: block;
padding-top: 5px;
clear: both
}
.video-series .carousel__item .body h3 a:hover {
color: #198AA3;
text-decoration: underline
}
.video-series .carousel__item .body .description {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
}
.video-series .video-series__video-desc {
margin-top: 26px
}
.video-series .content {
padding-bottom: 0;
margin-bottom: 30px
}
.video-series .content .entry h4 {
font-size: 1.125em;
line-height: 1.4em
}
@media screen and (min-width:768px) and (max-width:1023px) {
.video-series .content .entry .video-series-title {
font-size: 1.5em
}
}
@media screen and (min-width:1024px) {
.video-series .content .entry .video-series-title {
font-size: 1.75em
}
}
.video-series .content .entry p {
font-size: 14px;
line-height: 21px
}
@media screen and (min-width:0px) and (max-width:767px) {
.video-series .content .entry {
overflow: hidden;
padding-bottom: 0
}
.video-series .content .entry .square-social-buttons {
margin-bottom: 40px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.video-series .content .entry {
padding-bottom: 15px
}
}
@media screen and (min-width:970px) {
.video-series .content .sidebar {
padding-top: 20px
}
.video-series__video-desc {
margin-top: -20px
}
#user-area .fb-connect h3:after {
content: " " attr(data-msg-xxl) " "
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.video-series__video-desc {
position: relative;
border-bottom: 1px solid #e2e2e2;
width: 100%;
padding-bottom: 0;
background: #fff;
float: none;
background-image: -owg-linear-gradient(#fff 0, #fff 70%, #f2f2f2 100%);
background-image: linear-gradient(#fff 0, #fff 70%, #f2f2f2 100%)
}
.video-series__video-desc .icon-white-arrow-up {
display: block;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
margin: 0 auto
}
.video-series__video-desc h4 {
width: 100%;
display: block
}
}
body.page-user .block-content, body.page-user .block-content>.wrap>.content, body.page-user .sidebar-ad {
position: relative
}
body.page-user .block-content p, body.page-user .page-head {
margin-bottom: 0
}
.single-video .video-content #main-content {
padding-top: 0
}
@media screen and (min-width:600px) and (max-width:799px) {
.single-video .video-content .ad-300x250 {
margin-top: 4px
}
}
@media screen and (min-width:799px) {
.single-video .video-content .ad-300x250 {
top: 0
}
}
body.video section.video-content .ad-300x250 {
top: 0
}
.video-series-promo-container .promo__title {
display: none
}
.video-series-promo-container .promo__wrap {
margin-top: 0
}
.video-series-promo-container .promo__list {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.video-series-promo-container .promo__list li {
border-bottom: none;
max-width: 320px
}
.video-series-promo-container .promo__list li:first-of-type {
padding-right: 20px
}
@media screen and (min-width:768px) and (max-width:1023px) {
.video-series-promo-container .promo__list li:last-of-type {
display: none
}
}
body.page-user #main.wrap {
padding: 0
}
body.page-user .page-head .page-title {
font-size: 2.25em;
font-weight: 700;
margin-top: 11px
}
@media screen and (min-width:0px) and (max-width:479px) {
body.page-user .page-head .page-title {
font-size: 2em
}
}
body.page-user .sm-txt {
line-height: 18
}
body.page-user .block-content p.error {
text-transform: none;
font-family: Georgia;
font-weight: 400;
font-style: italic;
font-size: .75em
}
@media screen and (min-width:0px) and (max-width:767px) {
body.page-user #main {
padding: 0
}
body.page-user .block-content {
padding-bottom: 0
}
body.page-user .block-content .entry {
width: auto
}
body.page-user .block-content>.wrap {
padding: 0;
margin: 0
}
}
@media screen and (min-width:768px) {
body.page-user .sidebar-ad {
top: 44px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
body.page-user .sidebar-ad {
position: absolute;
top: 195px;
right: 0
}
#user-area footer {
margin-right: 330px
}
}
@media screen and (min-width:0) and (max-width:969px) {
body.page-user .entry {
padding: 0
}
}
#user-area {
position: relative;
margin-bottom: 50px
}
@media screen and (min-width:0px) and (max-width:767px) {
#user-area {
padding: 0 26px;
max-width: 1024px;
min-width: 320px;
overflow: hidden;
box-sizing: border-box
}
}
#user-area .field, #user-area .radio, #user-area .select {
width: 100%
}
#user-area header {
border-bottom: 5px solid #e2e2e2;
padding-bottom: 5px
}
#user-area #terms {
clear: both;
width: 100%;
position: relative;
margin-top: -3px
}
@media screen and (min-width:0px) and (max-width:599px) {
#user-area #terms p {
font-size: .8125em
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#user-area {
padding: 0 12px
}
#user-area #terms {
margin-top: -10px
}
}
#user-area footer {
text-transform: uppercase;
border-top: 1px solid #e2e2e2;
padding-top: 13px;
color: #000;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: .875em
}
#user-area footer a {
color: #33B7DE
}
#user-area footer a:hover {
color: #000
}
#user-area .user-signin-form li.buttons {
margin-top: 15px
}
#user-area .gender .radio-container {
position: absolute;
top: -6px;
display: inline-block
}
#user-area .fb-connect {
margin: 20px 0 10px;
display: table
}
#user-area .fb-connect h3 {
display: table-cell;
padding-right: 15px;
vertical-align: middle;
height: 100%;
color: #39588f;
font-family: Georgia;
font-style: italic;
font-weight: 700;
font-size: 1em
}
@media screen and (min-width:600px) and (max-width:969px) {
#user-area .fb-connect h3:after {
content: " " attr(data-msg-med) " "
}
}
#user-area .fb-connect a {
display: table-cell;
cursor: pointer
}
#user-area .fb-connect a img {
float: left;
max-width: inherit
}
#user-area #facebookloginlink {
height: 100%;
background: 0 0;
position: relative;
vertical-align: middle;
line-height: 1em
}
#user-area #facebookloginlink span {
letter-spacing: .02em;
position: absolute;
top: 14px;
right: 26px;
color: #fff;
text-transform: uppercase;
font-family: "Proxima Nova", sans-serif;
font-size: 11px
}
#user-area.register #facebookloginlink span {
right: 16px
}
body.user-forgot-password footer p.sm-txt, body.user-login footer p.sm-txt, body.user-register footer p.sm-txt {
line-height: normal
}
@media screen and (min-width:768px) and (max-width:969px) {
body.user-forgot-password .content .sidebar-ad {
top: 130px
}
body.user-forgot-password section#user-area section {
width: 370px
}
body.user-forgot-password section#user-area section form>ul {
width: 100%
}
}
body.user-forgot-password section#user-area.forgot-password header {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 10px
}
#askmd-consultation body.user-forgot-password section#user-area.forgot-password-email-sent input[type=submit], #raap-wrapper body.user-forgot-password section#user-area.forgot-password-email-sent input[type=submit], body.user-forgot-password section#user-area.forgot-password-email-sent #askmd-consultation input[type=submit], body.user-forgot-password section#user-area.forgot-password-email-sent #raap-wrapper input[type=submit], body.user-forgot-password section#user-area.forgot-password-email-sent .btn {
display: inline-block
}
body.user-forgot-password section#user-area.forgot-password-email-sent header {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 15px
}
@media screen and (min-width:970px) {
body.user-forgot-password section#user-area.forgot-password-email-sent header {
border-bottom: none
}
}
body.user-forgot-password section#user-area label.error {
top: 10px
}
@media screen and (min-width:600px) and (max-width:767px) {
body.user-forgot-password section#user-area section form>ul {
width: 67%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#user-area .fb-connect h3:after {
content: " " attr(data-msg-sm) " "
}
body.user-forgot-password section#user-area section form>ul {
width: 85%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#user-area .fb-connect h3:after {
content: " " attr(data-msg-xs) " "
}
body.user-forgot-password section#user-area section form>ul {
width: 100%
}
}
@media screen and (min-width:768px) and (max-width:969px) {
body.user-forgot-password section#user-area section li.single-field input.form-text {
width: 302px
}
}
body.page-user.user-forgot-password-email-sent #main-container {
min-height: 455px
}
@media screen and (min-width:0px) and (max-width:479px) {
body.user-forgot-password section#user-area section li.single-field input.form-text {
width: 77.02703%
}
body.page-user.user-forgot-password-email-sent section#user-area {
margin-bottom: 28px
}
}
#askmd-consultation body.page-user.user-forgot-password-email-sent section#user-area input[type=submit], #raap-wrapper body.page-user.user-forgot-password-email-sent section#user-area input[type=submit], body.page-user.user-forgot-password-email-sent section#user-area #askmd-consultation input[type=submit], body.page-user.user-forgot-password-email-sent section#user-area #raap-wrapper input[type=submit], body.page-user.user-forgot-password-email-sent section#user-area .btn {
line-height: 40px
}
body.page-user.user-forgot-password-email-sent section#user-area header {
border: 0;
margin-bottom: 20px
}
@media screen and (min-width:0px) and (max-width:969px) {
#askmd-consultation body.user-forgot-password section#user-area.forgot-password-email-sent input[type=submit], #raap-wrapper body.user-forgot-password section#user-area.forgot-password-email-sent input[type=submit], body.user-forgot-password section#user-area.forgot-password-email-sent #askmd-consultation input[type=submit], body.user-forgot-password section#user-area.forgot-password-email-sent #raap-wrapper input[type=submit], body.user-forgot-password section#user-area.forgot-password-email-sent .btn {
margin-top: 20px
}
body.page-user.user-forgot-password-email-sent section#user-area header {
padding-bottom: 15px;
border-bottom: 1px solid #dbdedc;
margin-bottom: 30px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
body.user-forgot-password section#user-area footer {
width: 370px;
margin-right: 0
}
body.page-user.user-forgot-password-email-sent .content {
min-height: 430px
}
body.page-user.user-forgot-password-email-sent .content .sidebar-ad {
top: 160px
}
body.user-verify-gender-age .content .sidebar-ad {
position: relative;
top: 44px
}
body.user-verify-gender-age .content .entry {
padding-right: 30px
}
}
body.page-user section#user-area.verify-gender-age {
margin-bottom: 10px
}
body.page-user section#user-area.verify-gender-age header {
border-bottom: none
}
body.page-user section#user-area.verify-gender-age h2 {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/realage/whats-your-realage.png) center no-repeat;
height: 90px;
text-indent: -999em
}
body.page-user section#user-area.verify-gender-age h3 {
font-size: 24px;
font-weight: 700;
margin-bottom: 10px
}
@media screen and (min-width:0px) and (max-width:479px) {
body.page-user section#user-area.verify-gender-age h3 {
font-size: 20px
}
}
body.page-user section#user-area.verify-gender-age ul {
width: 100%
}
@media screen and (min-width:600px) {
body.page-user section#user-area.verify-gender-age ul li {
width: 300px
}
}
body.page-user section#user-area.verify-gender-age ul li.buttons {
margin-top: 15px;
clear: both
}
@media screen and (min-width:0px) and (max-width:767px) {
body.page-user section#user-area.verify-gender-age ul li.buttons {
margin-top: 0
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.page-user section#user-area.verify-gender-age ul li, body.page-user section#user-area.verify-gender-age ul li.buttons {
width: 100%
}
}
#askmd-consultation body.page-user section#user-area.verify-gender-age input.large[type=submit], #raap-wrapper body.page-user section#user-area.verify-gender-age input.large[type=submit], body.page-user section#user-area.verify-gender-age #askmd-consultation input.large[type=submit], body.page-user section#user-area.verify-gender-age #raap-wrapper input.large[type=submit], body.page-user section#user-area.verify-gender-age .btn.large {
width: 135px;
padding: 0;
line-height: 35px
}
.dashboard__tab-nav {
margin: 20px 0 0
}
.dashboard__tab-nav a:hover {
color: #ff008f
}
.dashboard .form__field>.custom-radio, .dashboard .form__field>input {
color: #929292;
text-transform: uppercase;
font-family: "Proxima Nova";
font-weight: 700
}
.dashboard__tab-panes {
box-shadow: border-box;
max-width: 600px;
margin-bottom: 20px
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd-consultation body.page-user section#user-area.verify-gender-age input.large[type=submit], #raap-wrapper body.page-user section#user-area.verify-gender-age input.large[type=submit], body.page-user section#user-area.verify-gender-age #askmd-consultation input.large[type=submit], body.page-user section#user-area.verify-gender-age #raap-wrapper input.large[type=submit], body.page-user section#user-area.verify-gender-age .btn.large {
width: 100%
}
.dashboard__tab-panes {
max-width: 1024px;
min-width: 320px;
margin: 0 auto;
padding: 0 26px;
box-sizing: border-box;
padding-bottom: 30px!important
}
}
@media screen and (min-width:0px) and (max-width:599px) and (min-width:480px) and (max-width:599px) {
.dashboard__tab-panes {
padding: 0 26px
}
}
@media screen and (min-width:0px) and (max-width:599px) and (min-width:0px) and (max-width:479px) {
.dashboard__tab-panes {
padding: 0 12px
}
}
.dashboard .entry {
padding-right: 30px
}
.dashboard .user-info {
margin: 29px 0 20px
}
.dashboard .real-name {
font-size: 42px;
line-height: 52px;
font-weight: 700
}
@media screen and (min-width:0px) and (max-width:479px) {
.dashboard .real-name {
font-size: 1.875em;
line-height: 30px;
margin: 20px 0 10px
}
}
.dashboard h2 {
font-size: 22px;
line-height: 44px
}
.dashboard p {
font-size: 16px;
line-height: 26px
}
.dashboard .pane {
padding-top: 30px
}
.dashboard #kitchen, .dashboard .form__group {
max-width: 635px
}
.dashboard .form__field>label {
font-size: .9375em;
font-weight: 700;
width: 112px
}
@media screen and (min-width:0px) and (max-width:479px) {
.dashboard .form__field>label {
font-size: .75em;
width: 86px
}
}
.dashboard .form__field>input {
width: 270px;
border: 1px solid #dbdedc;
box-shadow: inset 0 0 3px #ddd, inset 0 0 4px #fafafa;
line-height: 14px;
font-size: .7em;
padding: 8px 10px 9px
}
@media screen and (min-width:0px) and (max-width:479px) {
.dashboard .form__field>input {
width: 200px
}
}
.dashboard .form__field>.custom-radio {
font-size: 12px;
padding-right: 24px
}
.dashboard .form__field .form__select.chosen-container .chosen-single, .dashboard .form__field .form__text, .dashboard .form__field .form__textarea, .form__select.chosen-container .dashboard .form__field .chosen-single {
font-family: "Proxima Nova";
font-size: 12px;
color: #8D8D8D;
font-weight: 700
}
.dashboard .form__field .chosen-results, .dashboard .form__field .chosen-single {
width: 270px;
font-family: "Proxima Nova";
font-size: 14px;
color: #000;
font-weight: 700;
padding: 0 0 0 10px;
text-transform: none
}
.dashboard .form__field .chosen-results li {
font-weight: 700
}
.dashboard .form__field .chosen-single span {
line-height: 32px;
font-size: 12px
}
.dashboard .form__field .button--submit {
font-size: 15px
}
.dashboard .form__select.chosen-container {
width: 270px!important
}
@media screen and (min-width:480px) and (max-width:799px) {
.dashboard .form__select.chosen-container {
width: 282px!important
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.dashboard .form__select.chosen-container {
width: 200px!important
}
}
@media screen and (min-width:480px) and (max-width:799px) {
.dashboard .form__select.chosen-container .chosen-single {
width: 270px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.dashboard .form__select.chosen-container .chosen-single {
width: 200px
}
}
.dashboard .change-pass-link {
font-family: "Proxima Nova", sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #33B7DE
}
.dashboard .change-pass-link:hover {
color: #ff008f
}
.dashboard .tabs-wrap {
line-height: 44px
}
body.page-user-dashboard .block-content {
position: relative
}
body.page-user-dashboard .block-content>.wrap>.content>.entry {
display: block;
padding-right: 0
}
body.page-user-dashboard .page-head {
margin-top: 0;
padding-bottom: 10px
}
@media screen and (min-width:0px) and (max-width:599px) {
.dashboard .content-pane {
border-top: none
}
body.page-user-dashboard .page-head {
max-width: 1024px;
min-width: 320px;
margin: 0 auto;
padding: 0 26px;
box-sizing: border-box;
padding-bottom: 10px!important
}
}
@media screen and (min-width:0px) and (max-width:599px) and (min-width:480px) and (max-width:599px) {
body.page-user-dashboard .page-head {
padding: 0 26px
}
}
@media screen and (min-width:0px) and (max-width:599px) and (min-width:0px) and (max-width:479px) {
body.page-user-dashboard .page-head {
padding: 0 12px
}
}
body.page-user-dashboard .tabs-wrap .tab {
min-width: inherit;
width: 140px
}
body.page-user-dashboard .tabs-wrap .tab a {
font-weight: 100;
font-size: 18px;
text-decoration: none;
text-transform: uppercase
}
@media screen and (min-width:0px) and (max-width:599px) {
body.page-user-dashboard .tabs-wrap .tab {
box-sizing: border-box;
width: 33.3%
}
body.page-user-dashboard .tabs-wrap .tab:last-child {
border-right: 0
}
body.page-user-dashboard .block-content>.wrap {
padding: 0;
margin: 0
}
}
@media screen and (min-width:600px) and (max-width:767px) {
body.page-user-dashboard .block-content>.wrap {
padding-left: 26px;
padding-right: 26px
}
}
body.page-user-dashboard .button--form-button {
font-family: "Proxima Nova", sans-serif;
font-weight: 700
}
@media screen and (min-width:970px) {
body.page-user-dashboard .sidebar-ad {
position: absolute;
top: 210px;
right: 0
}
}
body.page-user-dashboard .form li.form__error {
margin: -13px 0 13px 115px;
font-style: italic;
line-height: 1.7
}
body.page-user-dashboard #update-account-btn {
width: 220px
}
body.page-user-dashboard #update-account-btn :hover, body.page-user-dashboard #update-account-btn:focus {
outline: #ccc dotted 2px
}
.recipe-page button:focus, .recipe-page__button:focus {
outline: 0
}
#change-password li.form__error {
margin-left: 143px
}
@media screen and (min-width:0px) and (max-width:599px) {
#change-password .form__field>label, #change-password .form__select.chosen-container .chosen-single, #change-password .form__text, #change-password .form__textarea, .form__select.chosen-container #change-password .chosen-single {
width: 100%
}
#change-password li.form__error {
margin-left: 0
}
}
#update-password {
padding-top: 10px;
border-top: 1px solid #dbdedc;
margin-top: 10px
}
#update-password label {
color: #333
}
@media screen and (min-width:0) and (max-width:969px) {
body.page-user-dashboard .sidebar-ad {
display: none
}
.health-profile {
width: 100%
}
}
@media screen and (min-width:480px) and (max-width:969px) {
.health-profile .content-preview-grid.two-col .content-preview {
border-top: none;
clear: inherit;
display: inline;
width: 50%
}
}
#real-age-test .form-container, #recs-tabs .pane, #recs-wrapper {
clear: both
}
.health-profile .content-preview-grid.two-col .content-preview:first-child {
border-right: 1px solid #d9e2ec;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width:480px) and (max-width:969px) {
.health-profile .content-preview-grid.two-col .content-preview:first-child {
border-right: 3px solid #d9e2ec
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.health-profile {
margin-top: -50px
}
.health-profile .content-preview-grid.two-col .content-preview:first-child {
border-right: none
}
}
.health-profile__real-age {
margin: 20px 0 0;
overflow: auto;
border: 5px solid #d9e2ec;
font-family: 'Open Sans', sans-serif;;
font-size: 18px;
line-height: 26px;
font-weight: 100;
text-align: center;
color: #000;
background-image: -owg-linear-gradient(#fff, #f0f4f7);
background-image: linear-gradient(#fff, #f0f4f7)
}
.health-profile__real-age h2 {
font-weight: 700;
line-height: 26px
}
.health-profile__real-age .actual-age, .health-profile__real-age .real-age {
font-size: 92px;
line-height: 104px;
display: block;
font-weight: 700
}
.health-profile__real-age .actual-age {
color: #00407c
}
.health-profile__real-age .real-age {
color: #37abd1
}
.health-profile__real-age .content-pane .content-preview {
padding: 22px 30px 30px
}
@media screen and (min-width:480px) and (max-width:599px) {
.health-profile__real-age .content-pane .content-preview {
padding-left: 15px;
padding-right: 15px
}
}
.health-profile__real-age .content-pane .content-preview hr {
border: 0;
height: 1px;
background: #d9e2ec
}
.health-profile__real-age .content-pane .content-preview p {
font-size: 17px;
line-height: 26px;
line-height: 28px
}
@media screen and (min-width:0px) and (max-width:479px) {
.health-profile__real-age {
border: 0
}
.health-profile__real-age .content-pane .content-preview hr {
display: none
}
.health-profile__real-age .content-pane .content-preview p {
overflow: auto;
height: auto;
white-space: initial;
text-overflow: initial;
margin: 10px 0 12px
}
}
.health-profile__real-age .content-pane .content-preview .realage-test-link {
color: #33B7DE
}
.health-profile__real-age .content-pane .content-preview .realage-test-link:hover, .health-profile__real-age .content-pane .content-preview div:hover a {
color: #ff008f
}
.health-profile__real-age .progress-bar {
background-color: #d0dae8;
margin: 8px 0 6px
}
.health-profile__real-age .progress-bar .percentage {
height: 32px
}
.health-profile__real-age .progress-bar .percentage span {
position: relative;
top: 4px;
right: 0
}
.health-profile__quiz-results {
margin: 20px 0 0;
overflow: auto;
border: 5px solid #d9e2ec;
padding: 27px 20px 27px 27px;
background-image: -owg-linear-gradient(#fff, #f0f4f7);
background-image: linear-gradient(#fff, #f0f4f7)
}
.health-profile__quiz-results h2 {
font-size: 30px;
line-height: 52px;
font-weight: 700
}
@media screen and (min-width:480px) and (max-width:969px) {
.health-profile__quiz-results h2 {
font-size: 1.5em
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.health-profile__quiz-results {
border: 0;
margin-top: 0;
padding: 19px 0 0
}
.health-profile__quiz-results h2, .health-profile__quiz-results h3, .health-profile__quiz-results span {
text-align: center;
margin: 0 auto;
display: block
}
.health-profile__quiz-results p.info {
display: none
}
.health-profile__quiz-results h2 {
margin-bottom: -10px
}
}
.health-profile__quiz-results--chart {
margin-top: 45px;
font-family: 'Open Sans', sans-serif;;
font-weight: 100;
font-size: 18px;
line-height: 26px;
line-height: 25px
}
@media screen and (min-width:0px) and (max-width:479px) {
.health-profile__quiz-results--chart {
margin-top: 20px;
padding: 0 7px
}
}
.health-profile__quiz-results--chart h3 {
font-family: "Proxima Nova", sans-serif;
color: #33B7DE;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
line-height: 26px;
line-height: 25px
}
.health-profile__quiz-results--chart .data {
display: table-row;
box-sizing: content-box;
color: #000;
overflow: auto;
line-height: 25px;
width: 100%
}
.health-profile__quiz-results--chart .data:nth-child(odd) {
background-color: #f3f6f9
}
.health-profile__quiz-results .quiz-results {
display: table;
width: 100%
}
.health-profile__quiz-results .answer, .health-profile__quiz-results .question, .health-profile__quiz-results .results {
display: table-cell;
box-sizing: content-box;
vertical-align: middle;
border-top: 1px solid #d9e2ec
}
.health-profile__quiz-results .question {
padding: 16px 10px 12px;
width: 55%;
border-right: 1px solid #d9e2ec
}
@media screen and (min-width:0px) and (max-width:599px) {
.health-profile__quiz-results .question {
width: 70%;
padding-right: 10px
}
}
.health-profile__quiz-results .answer {
border-right: 1px solid #d9e2ec;
text-align: center;
width: 30%
}
@media screen and (min-width:0px) and (max-width:599px) {
.health-profile__quiz-results .answer {
widows: 30%;
border-right: none
}
.health-profile__quiz-results .answer a {
color: #33B7DE
}
.health-profile__quiz-results .answer a:hover {
color: #ff008f
}
.health-profile__quiz-results .results a {
display: none
}
}
@media screen and (min-width:970px) {
.health-profile__quiz-results .left {
text-align: left;
padding: 0 13px
}
}
.health-profile__quiz-results .results {
text-align: center;
width: 18%
}
.health-profile__quiz-results .results a {
color: #33B7DE
}
.health-profile__quiz-results .expand-collapse-toggle, .health-profile__quiz-results .results a:hover {
color: #ff008f
}
.health-profile__recommended {
border: 1px solid #d9e2ec;
background-color: #fff;
padding: 30px 30px 16px;
margin-top: 30px;
margin-right: 7px;
overflow: auto
}
.health-profile__recommended h4 {
font-size: 22px;
line-height: 26px;
line-height: 22px;
font-weight: 700;
margin-bottom: 14px
}
@media screen and (min-width:0px) and (max-width:479px) {
.health-profile__recommended {
margin-right: 0;
border: 0;
border-top: 1px solid #d9e2ec;
padding: 14px 0 14px 12px;
margin-top: 16px
}
.health-profile__recommended h4 {
text-align: center;
font-size: 28px;
line-height: 52px;
margin-bottom: 0
}
}
.health-profile__recommended li {
border-bottom: 1px solid #dbdedc;
padding: 14px 0
}
.health-profile__recommended li:last-child {
border-bottom: none
}
.health-profile__recommended li:hover a {
color: #000;
text-decoration: underline
}
.health-profile__recommended a {
text-decoration: none
}
.health-profile__recommended .media--valign .img {
width: 172px;
height: auto;
border: 1px solid #dbdedc
}
@media screen and (min-width:480px) and (max-width:599px) {
.health-profile__recommended .media--valign .img {
width: 158px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.health-profile__recommended .media--valign .img {
width: 148px
}
.health-profile__recommended .media--valign .body {
padding-right: 12px
}
}
.health-profile__recommended .media--valign h5 {
font-size: 20px;
line-height: 26px;
line-height: 24px
}
@media screen and (min-width:0px) and (max-width:599px) {
.health-profile__recommended .media--valign h5 {
font-size: 16px;
line-height: 26px;
line-height: 22px
}
}
.health-profile__recommended .media--valign p {
font-size: 13px;
line-height: 26px;
line-height: 20px
}
#raap-progress-box, #raap-wrapper .question .more-info .more-html {
background: #f5f5f5;
border: 1px solid #e1e1e1;
background-image: -owg-linear-gradient(#fff, #f5f5f5);
background-image: linear-gradient(#fff, #f5f5f5);
border-radius: 2px;
box-sizing: border-box;
box-shadow: #e1e1e1 0 0 5px 0
}
#askmd-consultation .question .question-text h2, #askmd-consultation .question .question-text h4, #askmd-consultation .question .question-text h4 strong, #askmd-consultation .question h4.question-text, #raap-wrapper .question .question-text h2, #raap-wrapper .question .question-text h4, #raap-wrapper .question .question-text h4 strong, #raap-wrapper .question h4.question-text {
margin-bottom: 10px;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;;
font-size: 18px
}
#askmd-consultation .error-message, #askmd-consultation b, #askmd-consultation h1, #askmd-consultation h2, #askmd-consultation h3, #askmd-consultation h4, #askmd-consultation h5, #askmd-consultation h6, #askmd-consultation p, #askmd-consultation span, #askmd-consultation strong, #raap-wrapper *, #raap-wrapper .error-message, #raap-wrapper b, #raap-wrapper h1, #raap-wrapper h2, #raap-wrapper h3, #raap-wrapper h4, #raap-wrapper h5, #raap-wrapper h6, #raap-wrapper p, #raap-wrapper span, #raap-wrapper strong {
line-height: 1em
}
#askmd-consultation .question .question-text h2 strong, #askmd-consultation .question .question-text h4 strong, #askmd-consultation .question h4.question-text strong, #raap-wrapper .question .question-text h2 strong, #raap-wrapper .question .question-text h4 strong, #raap-wrapper .question h4.question-text strong {
margin-bottom: 0;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
#askmd-consultation .custom-select, #askmd-consultation .custom-select .custom-select-input, #askmd-consultation input[type=text], #raap-wrapper .custom-select, #raap-wrapper .custom-select .custom-select-input, #raap-wrapper input[type=text] {
box-shadow: rgba(221,221,221,.2) 0 0 2px 1px inset;
box-sizing: border-box;
border-radius: 2px;
padding: 9px 15px;
border: 1px solid #dddbdb;
min-width: 137px;
max-width: 300px;
height: 34px
}
@media screen and (min-width:799px) {
.dashboard__tab-panes {
min-height: 360px
}
#real-age-test .ad-300x250 .ad-wrap {
margin-top: 50px
}
}
@media screen and (min-width:0) and (max-width:799px) {
#real-age-test .ad-300x250 .ad-wrap {
margin-top: 0
}
}
#raap-wrapper * {
padding: 0;
margin: 0;
color: #000;
font-style: normal;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 400;
font-size: 13px
}
#raap-wrapper * p {
padding-bottom: 15px
}
#askmd-consultation, #raap-wrapper {
padding-bottom: 70px
}
#askmd-consultation .error .error, #askmd-consultation .error .error-message, #askmd-consultation .error h4, #askmd-consultation .error h4 strong, #raap-wrapper .error .error, #raap-wrapper .error .error-message, #raap-wrapper .error h4, #raap-wrapper .error h4 strong {
color: #ff008f
}
#askmd-consultation .error .error-message, #raap-wrapper .error .error-message {
margin: -5px 0 5px
}
#askmd-consultation br+br, #raap-wrapper br+br {
line-height: 12px
}
#askmd-consultation .question, #raap-wrapper .question {
position: relative;
padding-bottom: 25px;
margin-bottom: 20px;
border-bottom: 1px solid #dbdedc
}
@media screen and (min-width:600px) {
#askmd-consultation .question .question-text h4, #raap-wrapper .question .question-text h4 {
margin-right: 30px
}
}
#askmd-consultation .question .question-text h2, #raap-wrapper .question .question-text h2 {
margin-bottom: 5px;
font-size: 28px;
font-weight: 700
}
#askmd-consultation .question .question-text>strong, #raap-wrapper .question .question-text>strong {
font-size: 18px;
margin-top: 15px
}
#askmd-consultation .question b, #askmd-consultation .question strong, #raap-wrapper .question b, #raap-wrapper .question strong {
display: inline-block;
margin: 10px 0;
font-family: 'Open Sans', sans-serif;;
font-size: 14px
}
#askmd-consultation .question b:first-child, #askmd-consultation .question strong:first-child, #raap-wrapper .question b:first-child, #raap-wrapper .question strong:first-child {
margin-top: 0
}
#askmd-consultation .question .option-input, #raap-wrapper .question .option-input {
display: inline-block
}
#askmd-consultation .question .option-label, #raap-wrapper .question .option-label {
position: relative;
top: 1px
}
#askmd-consultation .question table, #raap-wrapper .question table {
border-collapse: collapse;
border-spacing: 0;
border: 0;
width: 100%
}
#askmd-consultation .question table tr, #raap-wrapper .question table tr {
vertical-align: middle
}
#askmd-consultation .question table td, #raap-wrapper .question table td {
line-height: 1em
}
#askmd-consultation .question table td:first-child, #raap-wrapper .question table td:first-child {
padding: 0 10px;
max-width: 215px
}
#askmd-consultation .question table td.option-input, #raap-wrapper .question table td.option-input {
display: table-cell;
width: auto;
padding: 10px 5px;
margin: 0;
text-align: center;
min-width: 0
}
#askmd-consultation .question table td.option-label, #raap-wrapper .question table td.option-label {
top: 0
}
#askmd-consultation .question table.chart tr:first-child td, #askmd-consultation .question table.chart tr:first-child td.option-label strong, #raap-wrapper .question table.chart tr:first-child td, #raap-wrapper .question table.chart tr:first-child td.option-label strong {
padding: 2px 8px;
height: 40px;
box-sizing: border-box;
vertical-align: middle;
background-color: #f2f2f2;
color: #8b8b8b;
text-transform: uppercase;
line-height: 1em;
font-family: "Proxima Nova", sans-serif;
font-size: 12px;
font-weight: 400
}
#askmd-consultation .question table.chart tr:first-child td strong, #askmd-consultation .question table.chart tr:first-child td.option-label strong strong, #raap-wrapper .question table.chart tr:first-child td strong, #raap-wrapper .question table.chart tr:first-child td.option-label strong strong {
display: inline;
display: table-cell
}
#askmd-consultation .question table.chart .option-label, #raap-wrapper .question table.chart .option-label {
text-align: center;
min-width: 20px
}
#askmd-consultation .question .custom-radio, #raap-wrapper .question .custom-radio {
position: relative;
top: 6px
}
#askmd-consultation .question .custom-radio-to-select, #raap-wrapper .question .custom-radio-to-select {
margin-bottom: 25px
}
#askmd-consultation .question .custom-radio-to-select.last, #askmd-consultation .question .custom-radio-to-select:last-child, #raap-wrapper .question .custom-radio-to-select.last, #raap-wrapper .question .custom-radio-to-select:last-child {
margin-bottom: 0
}
#askmd-consultation .checkbox-container, #askmd-consultation .checkbox-container span, #raap-wrapper .checkbox-container, #raap-wrapper .checkbox-container span {
line-height: 0
}
#askmd-consultation input[type=checkbox], #askmd-consultation input[type=radio], #raap-wrapper input[type=checkbox], #raap-wrapper input[type=radio] {
margin: 0 3px 0 0;
width: 20px;
height: 20px;
display: inline-block;
filter: alpha(Opacity=0);
opacity: 0;
z-index: 100;
position: relative
}
#askmd-consultation input[type=submit], #raap-wrapper input[type=submit] {
padding: 21px 0;
width: 125px;
line-height: 0;
font-size: 14px;
font-weight: 300
}
#askmd-consultation input[type=submit]:hover, #raap-wrapper input[type=submit]:hover {
background: #ff008f;
color: #fff
}
#askmd-consultation .custom-checkbox, #askmd-consultation .custom-radio, #raap-wrapper .custom-checkbox, #raap-wrapper .custom-radio {
display: inline-block;
position: relative;
margin-bottom: 5px
}
#askmd-consultation .custom-checkbox .icon, #askmd-consultation .custom-radio .icon, #raap-wrapper .custom-checkbox .icon, #raap-wrapper .custom-radio .icon {
z-index: 1;
position: absolute;
top: 0;
left: 0
}
#askmd-consultation .custom-checkbox, #raap-wrapper .custom-checkbox {
top: 5px
}
#askmd-consultation .messed-up-checkbox, #raap-wrapper .messed-up-checkbox {
margin-bottom: 0
}
#askmd-consultation .messed-up-label, #raap-wrapper .messed-up-label {
padding: 7px 0
}
#askmd-consultation .custom-select, #raap-wrapper .custom-select {
position: relative;
height: 34px;
margin: 10px 0
}
#askmd-consultation .custom-select select, #raap-wrapper .custom-select select {
filter: alpha(Opacity=0);
opacity: 0;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0
}
#askmd-consultation .custom-select select:focus+.custom-select-input, #raap-wrapper .custom-select select:focus+.custom-select-input {
border: 1px solid #3cb7db
}
#askmd-consultation .custom-select .custom-select-input, #raap-wrapper .custom-select .custom-select-input {
overflow: hidden;
border: none;
z-index: 1;
width: 100%;
position: absolute;
top: 0;
left: 0
}
.progress-bar, .progress-bar .percentage {
border-radius: 5px;
box-sizing: border-box
}
#askmd-consultation .custom-select .custom-select-input i.icon, #raap-wrapper .custom-select .custom-select-input i.icon {
position: absolute;
top: -1px;
right: -1px
}
#askmd-consultation .custom-select-label, #askmd-consultation .option-label, #raap-wrapper .custom-select-label, #raap-wrapper .option-label {
line-height: 1em;
min-width: 137px;
margin-right: 10px;
padding: 7px 0 5px;
font-family: "Proxima Nova", sans-serif;
font-weight: 900;
font-size: 12px
}
#askmd-consultation .custom-select-label, #raap-wrapper .custom-select-label {
display: inline-block;
text-transform: uppercase
}
#askmd-consultation .text-container .option-label, #raap-wrapper .text-container .option-label {
text-transform: uppercase
}
#askmd-consultation select, #raap-wrapper select {
-webkit-appearance: menulist-button;
z-index: 100;
display: block;
width: 100%;
height: 34px
}
#askmd-consultation select option, #raap-wrapper select option {
font-family: Georgia, "Times New Roman", Times, serif
}
@media screen and (min-width:0px) and (max-width:767px) {
body#realage #main {
padding: 0
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#real-age-test .entry {
display: block
}
}
@media screen and (min-width:0px) and (max-width:969px) {
#real-age-test .entry {
padding: 0
}
}
@media screen and (min-width:0) and (max-width:799px) {
#real-age-test .content {
padding-bottom: 0
}
#real-age-test .entry {
padding: 0 26px;
max-width: 1024px;
min-width: 320px;
overflow: hidden;
box-sizing: border-box
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#real-age-test .entry {
padding: 0 12px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
#real-age-test .form-container {
box-sizing: border-box;
margin-right: 330px
}
#real-age-test .sidebar-ad {
position: absolute;
top: 228px;
right: 0
}
}
#raap-progress-box {
width: 300px;
margin-top: 38px;
text-align: left
}
#raap-progress-box h3 {
margin-bottom: 18px;
font-size: 1.5em;
font-weight: 600
}
#raap-progress-box h5 {
text-transform: uppercase;
margin-top: -3px;
font-family: 'Open Sans', sans-serif;;
font-size: .875em;
font-weight: 600
}
#raap-progress-box p {
font-size: .8125em;
line-height: 1.5em
}
#raap-progress-box i.icon-down-arrow-key {
float: left;
margin-right: 10px
}
#raap-progress-box .half {
padding: 18px 16px
}
#raap-progress-box .half:first-child {
border-bottom: 1px solid #e2e2e2
}
.progress-bar {
background: #f0f0f0;
padding: 6px 10px;
width: 100%
}
.progress-bar .percentage {
position: relative;
background: #ff008f;
height: 24px;
background-image: -owg-linear-gradient(#ff15a0, #f7139b, #ea1091, #da0c86 90%);
background-image: linear-gradient(#ff15a0, #f7139b, #ea1091, #da0c86 90%);
color: #fff;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, sans-serif;
font-weight: 300
}
.progress-bar .percentage span {
position: absolute;
top: -1px;
right: 7px
}
.progress-bar .percentage span.outside {
right: -27px;
color: #000
}
#raap-wrapper .raap-page .page-title {
display: none
}
#raap-wrapper .module-list-container {
width: 100%;
margin-bottom: 40px
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd-consultation input[type=submit], #raap-wrapper input[type=submit] {
width: 100%
}
#raap-wrapper .module-list-container {
margin-bottom: 30px
}
#raap-wrapper .module-list-container ul li:first-child a i.icon-blue-check {
left: -2px
}
}
#raap-wrapper .module-list-container i.icon-blue-check, #raap-wrapper .module-list-container i.icon-blue-check-sm {
display: none;
margin-right: 5px
}
#raap-wrapper .module-list-container ul {
display: table;
margin: 0 auto;
width: 100%;
border: 1px solid #f5f5f5;
box-sizing: border-box;
border-radius: 5px;
box-shadow: #c1c1c1 -1px 1px 1px 1px;
list-style: none
}
#raap-wrapper .module-list-container ul li {
display: table-cell;
box-sizing: border-box
}
#raap-wrapper .module-list-container ul li:first-child a {
background: 0 0!important
}
#raap-wrapper .module-list-container ul li:first-child a i.icon-blue-check {
margin-left: 0
}
#raap-wrapper .module-list-container ul li span.number, #raap-wrapper .module-list-container ul li span.txt {
color: #b8b8b8;
font-family: 'Open Sans', sans-serif;;
font-size: 1.125em;
font-weight: 400
}
@media screen and (min-width:600px) and (max-width:767px) {
#raap-wrapper .module-list-container ul li span.number, #raap-wrapper .module-list-container ul li span.txt {
font-size: 1em
}
}
#raap-wrapper .module-list-container ul li a {
color: #b8b8b8;
white-space: nowrap;
position: relative;
text-align: center;
box-sizing: border-box;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/realage/completed-list-divider.png) top left no-repeat;
padding: 20px 10px 20px 15px;
height: 58px;
width: 100%;
text-decoration: none;
float: left
}
#raap-wrapper .module-list-container ul li.completed a, #raap-wrapper .module-list-container ul li.completed a span.txt {
color: #000
}
#raap-wrapper .module-list-container ul li a:hover, #raap-wrapper .question .more-info strong, #recs-tabs .rec-teaser-expand, section.health-profile .landing-banner .landing-banner-text--underline {
text-decoration: underline
}
@media screen and (min-width:0px) and (max-width:479px) {
#raap-wrapper .module-list-container ul li a {
background-position: 0 -3px;
padding: 14px 6px 0 13px;
height: 47px
}
#raap-wrapper .module-list-container ul li.completed a {
padding: 14px 10px 0 15px
}
}
#raap-wrapper .module-list-container ul li a span.number {
width: 29px;
height: 23px;
font-size: 1.5625em;
font-weight: 600;
text-align: center;
display: inline-block
}
@media screen and (min-width:0px) and (max-width:599px) {
#raap-wrapper .module-list-container ul li a {
text-align: center
}
#raap-wrapper .module-list-container ul li a i.icon {
float: none;
position: relative;
left: 5px;
margin-right: 0
}
#raap-wrapper .module-list-container ul li a span.number {
display: inline-block;
float: none
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#raap-wrapper .module-list-container ul li a span.number {
font-size: 1.4375em
}
}
#raap-wrapper .module-list-container ul li a span.txt {
line-height: 1.4em;
vertical-align: top
}
#raap-wrapper .module-list-container ul li.completed span.number {
display: none
}
#raap-wrapper .module-list-container ul li.completed i.icon-blue-check {
display: inline-block
}
@media screen and (min-width:0px) and (max-width:479px) {
#raap-wrapper .module-list-container ul li.completed i.icon-blue-check-sm {
display: inline-block;
top: 2px
}
}
#raap-wrapper .module-list-container ul li.current-module {
background: #ebf8fb
}
#raap-wrapper .module-list-container ul li.current-module a {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/realage/completed-list-divider-left-on.png) top left no-repeat
}
#raap-wrapper .module-list-container ul li.current-module a span.txt {
display: inline-block!important;
color: #003e7e;
margin-right: 7px
}
@media screen and (min-width:480px) and (max-width:599px) {
#raap-wrapper .module-list-container ul li.current-module a i.icon-blue-check {
left: -1px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#raap-wrapper .module-list-container ul li.current-module a span.txt {
margin-right: 0
}
#raap-wrapper .module-list-container ul li.current-module a {
background-position: 0 -3px
}
#raap-wrapper .module-list-container ul li.current-module a i.icon-blue-check-sm {
margin-right: 6px
}
}
#raap-wrapper .module-list-container ul li.current-module a span.number {
color: #3cb7db
}
#raap-wrapper .module-list-container ul li.current-module+li a {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/realage/completed-list-divider-right-on.png) top left no-repeat
}
#real-age-test {
position: relative
}
#real-age-test header {
margin-top: 40px;
margin-bottom: 15px;
text-align: center
}
#real-age-test header .header-progress {
position: relative;
top: -16px;
left: -30px;
max-width: 96%;
text-transform: uppercase;
font-size: .9375em;
font-family: 'Open Sans', sans-serif;;
font-weight: 300
}
@media screen and (min-width:768px) and (max-width:799px) {
#real-age-test header .header-progress {
left: -77px
}
}
#real-age-test header .header-progress span.percentage {
position: relative;
top: 2px;
color: #ff008f;
font-size: 1.33333em;
font-weight: 600
}
#real-age-test header .ra-logo {
max-width: 100%
}
#real-age-test header .page-head-ad {
position: relative;
vertical-align: top;
top: 30px
}
#real-age-test header .ad-wrap {
min-width: 88px;
min-height: 31px
}
#raap-wrapper .question .more-info {
z-index: 100;
position: absolute;
top: 0;
right: 0;
line-height: .5em;
text-align: right
}
@media screen and (min-width:0px) and (max-width:599px) {
#real-age-test header {
margin-top: 20px;
margin-bottom: 0
}
#real-age-test header .ra-logo {
width: 276px
}
#raap-wrapper .question .more-info {
display: none
}
}
#raap-wrapper .question .more-info .more-html {
position: absolute;
top: -10px;
right: -10px;
border-radius: 6px;
width: 250px;
padding: 17px 32px 17px 15px;
display: none;
line-height: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px
}
#raap-wrapper .question .more-info .more-html br {
display: none
}
#raap-wrapper .question .more-info .more-html:hover, #raap-wrapper .question .more-info .more-title:hover+.more-html {
display: block
}
#raap-wrapper .question .more-info strong {
line-height: 1.2em;
margin-right: 5px;
display: block;
margin-top: 0;
text-transform: uppercase;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 11px
}
#raap-wrapper .question .more-info strong~strong {
margin-top: 20px
}
#raap-wrapper .question .more-info .more-title {
position: absolute;
top: 0;
right: 0;
text-indent: 500px;
z-index: 120;
width: 21px;
height: 21px
}
#raap-wrapper .question .more-info .more-info-close {
display: none
}
body.section-realage #main .content {
padding-bottom: 0
}
@media screen and (min-width:0px) and (max-width:767px) {
body.section-realage #main {
padding: 0
}
body.section-realage #main .content .entry {
box-sizing: border-box;
max-width: 1024px;
min-width: 320px;
margin: 0 auto;
padding: 0 26px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#raap-wrapper .module-list-container ul li.current-module+li a {
background-position: 0 -3px
}
body.section-realage #main .content .entry {
padding: 0 12px
}
}
section#realage-landing-wrap {
position: relative;
margin-top: 32px;
margin-bottom: 40px
}
section#realage-landing-wrap .bc-container {
margin-top: 20px
}
section#realage-landing-wrap .button__social-bar--realage {
margin-bottom: 15px
}
#recs-tabs, section#realage-landing-wrap .arrow-blocks, section#realage-landing-wrap p {
margin-bottom: 20px
}
section#realage-landing-wrap p {
font-size: .9375em;
line-height: 1.5rem
}
@media screen and (min-width:0) and (max-width:969px) {
section#realage-landing-wrap .content .entry {
padding-right: 0
}
}
section#realage-landing-wrap h2 {
color: #6a6a6a;
margin-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 1.125em
}
section#realage-landing-wrap h3 {
margin-bottom: 5px;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 1.5em
}
@media screen and (min-width:0px) and (max-width:969px) {
section#realage-landing-wrap section#top {
display: block;
width: 100%
}
}
section#realage-landing-wrap section#results {
margin-top: 10px
}
section#realage-landing-wrap section#video-area p {
padding-bottom: 10px
}
section#realage-landing-wrap a#to-test-btn {
margin-top: 20px;
padding: 18px 0 14px;
width: 100%;
font-size: 1.125em;
font-weight: 700
}
section#realage-landing-wrap a#to-test-btn i.icon {
margin-left: 8px
}
#askmd-consultation section#realage-landing-wrap .social-links input[type=submit], #raap-wrapper section#realage-landing-wrap .social-links input[type=submit], section#realage-landing-wrap .social-links #askmd-consultation input[type=submit], section#realage-landing-wrap .social-links #raap-wrapper input[type=submit], section#realage-landing-wrap .social-links .btn, section#realage-landing-wrap .social-links .txt {
font-weight: 700
}
section#realage-landing-wrap header#hero {
border: transparent;
border-image-slice: 0 0 4 0;
border-image-width: 0 0 4px 0;
border-image-outset: 0;
border-image-repeat: stretch round;
border-image-source: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/realage/hero-bottom-shadow.png);
height: 215px;
margin-bottom: 20px;
position: relative
}
@media screen and (min-width:600px) and (max-width:767px) {
section#realage-landing-wrap header#hero {
height: 175px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
section#realage-landing-wrap header#hero {
height: auto;
padding-bottom: 10px;
text-align: center
}
}
@media screen and (min-width:970px) {
section#realage-landing-wrap header#hero img#dr-oz {
right: 59%;
width: 210px
}
section#realage-landing-wrap header#hero img#lg-realage-logo {
left: 40%;
width: 350px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
section#realage-landing-wrap section#results {
margin-right: 330px
}
section#realage-landing-wrap header#hero img#dr-oz {
right: 64%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
section#realage-landing-wrap header#hero img#dr-oz {
width: 184px;
right: 61%
}
}
@media screen and (min-width:600px) {
section#realage-landing-wrap header#hero #dr-oz, section#realage-landing-wrap header#hero #lg-realage-logo {
position: absolute
}
section#realage-landing-wrap header#hero img#dr-oz {
bottom: -4px
}
section#realage-landing-wrap header#hero img#lg-realage-logo {
bottom: 40px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
section#realage-landing-wrap header#hero img#lg-realage-logo {
left: 36%
}
section#realage-landing-wrap .sidebar-ad {
position: absolute;
right: 0;
top: 397px
}
section#realage-landing-wrap .sidebar-ad.ad-300x250 {
background: 0 0;
border: none;
padding: inherit
}
section#realage-landing-wrap .sidebar-ad.ad-300x250 .ad-label {
color: #dcdcdc
}
}
@media screen and (min-width:600px) and (max-width:767px) {
section#realage-landing-wrap header#hero img#lg-realage-logo {
width: 340px;
left: 37%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
section#realage-landing-wrap header#hero img#lg-realage-logo {
width: 368px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
section#realage-landing-wrap header#hero img#lg-realage-logo {
width: 262px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
section#realage-landing-wrap {
margin-bottom: 0
}
section#realage-landing-wrap .sidebar-ad {
margin-top: 26px
}
}
@media screen and (min-width:970px) {
section#realage-landing-wrap .sidebar-ad {
position: relative;
top: 44px
}
section.health-profile .landing-banner img#dr-oz {
right: 65%;
width: 210px
}
}
section.health-profile .landing-banner {
height: 215px;
position: relative;
overflow: hidden
}
@media screen and (min-width:600px) and (max-width:767px) {
section.health-profile .landing-banner {
height: 175px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
section.health-profile .landing-banner {
height: auto;
padding-bottom: 10px;
padding-top: 10px;
text-align: center
}
}
section.health-profile .landing-banner a, section.health-profile .landing-banner a:hover, section.health-profile .landing-banner a:link, section.health-profile .landing-banner a:visited {
display: block;
padding-bottom: 10px
}
@media screen and (min-width:768px) and (max-width:969px) {
section.health-profile .landing-banner img#dr-oz {
width: 210px;
right: 64%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
section.health-profile .landing-banner img#dr-oz {
width: 184px;
right: 65%
}
}
@media screen and (min-width:600px) {
section.health-profile .landing-banner #dr-oz, section.health-profile .landing-banner #lg-realage-logo {
position: absolute
}
section.health-profile .landing-banner img#dr-oz {
bottom: -4px
}
section.health-profile .landing-banner img#lg-realage-logo {
bottom: 40px
}
}
@media screen and (min-width:970px) {
section.health-profile .landing-banner img#lg-realage-logo {
left: 35%;
width: 350px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
section.health-profile .landing-banner img#lg-realage-logo {
width: 350px;
left: 36%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
section.health-profile .landing-banner img#lg-realage-logo {
width: 340px;
left: 37%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
section.health-profile .landing-banner img#lg-realage-logo {
width: 368px
}
}
section.health-profile .landing-banner .landing-banner-text {
font-size: .9375em;
display: inline-block;
margin-top: 5px
}
@media screen and (min-width:600px) and (max-width:767px) {
section.health-profile .landing-banner .landing-banner-text {
margin-top: 140px;
margin-left: 155px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
section.health-profile .landing-banner .landing-banner-text {
margin-top: 180px;
margin-left: 142px
}
}
@media screen and (min-width:970px) {
section.health-profile .landing-banner .landing-banner-text {
margin-top: 180px;
margin-left: 132px
}
}
ul.arrow-blocks li {
border-top: 1px solid #e2e2e2;
padding: 20px 0;
box-sizing: border-box;
display: table
}
ul.arrow-blocks li.disabled .num, ul.arrow-blocks li.disabled h6, ul.arrow-blocks li.disabled h6 span {
color: #e6e6e6
}
ul.arrow-blocks h6 {
padding-right: 20px;
box-sizing: border-box
}
ul.arrow-blocks .num, ul.arrow-blocks h6 {
vertical-align: top;
display: table-cell;
color: #1b5a97;
font-family: 'Open Sans', sans-serif;;
font-weight: 600;
font-size: 30px;
line-height: 33px
}
.press-release-feed__online-info .media .icon, .press-release-feed__online-info .media--valign .icon, ul.arrow-blocks .arrow, ul.arrow-blocks .mask, ul.arrow-blocks .num {
vertical-align: middle
}
@media screen and (min-width:800px) and (max-width:969px) {
section#realage-landing-wrap section#video-area {
margin-right: 330px
}
ul.arrow-blocks .num, ul.arrow-blocks h6 {
font-size: 28px;
line-height: 30px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
section.health-profile .landing-banner img#lg-realage-logo {
width: 262px
}
ul.arrow-blocks .num, ul.arrow-blocks h6 {
font-size: 26px;
line-height: 28px
}
}
ul.arrow-blocks h6 span {
display: block;
clear: both;
color: #000;
margin-top: 8px;
font-weight: 300;
font-size: 18px;
line-height: 33px
}
@media screen and (min-width:970px) {
ul.arrow-blocks h6 {
width: 38.0531%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
ul.arrow-blocks h6 span {
font-size: 20px;
line-height: 24px
}
ul.arrow-blocks h6 {
width: 53.42466%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
ul.arrow-blocks h6 {
width: 52.80528%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
ul.arrow-blocks h6 {
width: 40.40219%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
ul.arrow-blocks h6 span {
font-size: 18px;
line-height: 22px
}
ul.arrow-blocks h6 {
width: 47.77518%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
ul.arrow-blocks h6 span {
margin-top: 0;
font-size: 15px;
line-height: 28px
}
ul.arrow-blocks h6 {
width: 55.9322%
}
}
ul.arrow-blocks .num {
min-width: 60px;
text-align: right;
font-size: 60px;
line-height: 60px
}
@media screen and (min-width:970px) {
ul.arrow-blocks .num {
width: 22.65487%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
ul.arrow-blocks .num {
width: 24.65753%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
ul.arrow-blocks .num {
width: 25.08251%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
ul.arrow-blocks .num {
width: 23.40037%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
ul.arrow-blocks .num {
width: 21.07728%;
font-size: 50px;
line-height: 50px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
ul.arrow-blocks .num {
width: 23.72881%;
font-size: 47px;
line-height: 47px
}
}
ul.arrow-blocks .num.younger {
color: #5adc37
}
ul.arrow-blocks .num.older {
color: #ff008f
}
ul.arrow-blocks .num.neutral {
color: #ffd800
}
ul.arrow-blocks .arrow {
text-align: center;
display: table-cell;
overflow: hidden;
width: 36%
}
ul.arrow-blocks .arrow img {
position: absolute;
right: 0;
height: 51px;
width: 250px;
max-width: inherit
}
@media screen and (min-width:0px) and (max-width:479px) {
ul.arrow-blocks .arrow img {
height: 42px
}
}
ul.arrow-blocks .arrow span.mask {
height: 51px;
width: 100%;
min-width: 0;
position: relative;
display: inline-block
}
@media screen and (min-width:970px) {
ul.arrow-blocks .arrow {
width: 39.29204%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
ul.arrow-blocks .arrow {
width: 21.91781%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
ul.arrow-blocks .arrow {
width: 22.11221%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
ul.arrow-blocks .arrow {
width: 36.19744%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
ul.arrow-blocks .arrow {
width: 31.14754%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
ul.arrow-blocks .arrow {
width: 20.33898%
}
}
ul.arrow-blocks .progress-bar {
border-radius: 8px;
vertical-align: middle;
padding: 10px;
height: 52px;
position: relative
}
ul.arrow-blocks .progress-bar .percentage {
text-align: center;
box-shadow: #A5A5A5 -1px 1px 1px 0;
border-radius: 10px;
height: 100%
}
ul.arrow-blocks .progress-bar .percentage span {
white-space: nowrap;
position: relative;
top: 6px;
right: auto;
text-transform: uppercase;
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
font-size: 13px
}
ul.arrow-blocks .progress-bar .percentage span span {
top: 0
}
ul.arrow-blocks .progress-bar .percentage span.outside {
position: absolute;
text-align: right;
display: inline-block;
width: 113px;
color: #ff008f
}
ul.arrow-blocks .progress-bar .percentage span.outside .complete {
display: inline-block!important
}
ul.arrow-blocks .progress-bar a.btn {
display: none;
position: absolute;
left: 0;
text-align: center;
color: #ff008f;
width: 100%;
height: 100%;
z-index: 100;
margin-top: 3px;
font-size: 16px
}
ul.arrow-blocks .progress-bar a.btn i.icon {
margin-left: 5px
}
ul.arrow-blocks .progress-bar:hover {
border: 1px solid #e2e2e2;
background: #fff
}
ul.arrow-blocks .progress-bar:hover a.btn {
display: block
}
ul.arrow-blocks .progress-bar:hover .percentage {
display: none
}
@media screen and (min-width:970px) {
ul.arrow-blocks.completed h6 {
width: 34.51327%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
ul.arrow-blocks.completed h6 {
width: 47.94521%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
ul.arrow-blocks.completed h6 {
width: 46.20462%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
ul.arrow-blocks.completed h6 {
width: 36.74589%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
ul.arrow-blocks.completed h6 {
width: 44.2623%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
ul.arrow-blocks.completed h6 {
width: 49.15254%
}
}
@media screen and (min-width:970px) {
ul.arrow-blocks.completed .num {
width: 26.19469%
}
}
@media screen and (min-width:800px) and (max-width:969px) {
ul.arrow-blocks.completed .num {
width: 30.13699%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
ul.arrow-blocks.completed .num {
width: 31.68317%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
ul.arrow-blocks.completed .num {
width: 27.05667%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
ul.arrow-blocks.completed .num {
width: 24.59016%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
ul.arrow-blocks.completed .num {
width: 30.50847%
}
#recs-tabs .recommendation h4 {
cursor: pointer
}
}
#recs-wrapper {
margin-bottom: 30px;
padding-top: 10px
}
#askmd-consultation #recs-wrapper input.grey[type=submit], #raap-wrapper #recs-wrapper input.grey[type=submit], #recs-wrapper #askmd-consultation input.grey[type=submit], #recs-wrapper #raap-wrapper input.grey[type=submit], #recs-wrapper .btn.grey {
padding: 18px 0 14px;
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
font-size: 1.125em;
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
color: #3cb7db
}
#askmd-consultation #recs-wrapper input.grey[type=submit] .icon, #raap-wrapper #recs-wrapper input.grey[type=submit] .icon, #recs-wrapper #askmd-consultation input.grey[type=submit] .icon, #recs-wrapper #raap-wrapper input.grey[type=submit] .icon, #recs-wrapper .btn.grey .icon {
margin-right: 10px
}
#askmd-consultation #recs-wrapper input.grey[type=submit]:hover, #raap-wrapper #recs-wrapper input.grey[type=submit]:hover, #recs-wrapper #askmd-consultation input.grey[type=submit]:hover, #recs-wrapper #raap-wrapper input.grey[type=submit]:hover, #recs-wrapper .btn.grey:hover {
color: #ff008f;
text-decoration: underline
}
#recs-wrapper ol, #recs-wrapper ul {
padding: 0 0 0 35px;
margin: 0 0 20px
}
@media screen and (min-width:0px) and (max-width:599px) {
#recs-tab-panes {
padding: 0 12px
}
}
#recs-tabs .recommendation {
border-bottom: 1px solid #e2e2e2;
padding: 20px 0
}
#recs-tabs .recommendation:last-child {
border-bottom: 0
}
#recs-tabs .recommendation h4 {
font-size: 20px;
padding-bottom: 0
}
@media screen and (min-width:0px) and (max-width:599px) {
#recs-tabs .recommendation.expanded .va-outer {
height: 60px
}
#recs-tabs .recommendation.expanded .va-outer h4 {
font-size: 22px
}
#recs-tabs .recommendation.expanded .media .body, #recs-tabs .recommendation.expanded .media--valign .body {
overflow: visible
}
}
@media screen and (min-width:0px) and (max-width:599px) and (min-width:0px) and (max-width:479px) {
#recs-tabs .recommendation.expanded .rec-results-body {
clear: both;
padding: 12px;
width: 100%;
box-sizing: border-box
}
}
#recs-tabs .rec-teaser-information {
font-size: 14px;
line-height: 20px
}
@media screen and (min-width:0px) and (max-width:479px) {
#recs-tabs .rec-teaser-information .expand-collapse-toggle {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: 0 0;
height: 100%;
text-indent: -999em
}
}
#recs-tabs .rec-teaser-expand {
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 12px;
color: #33B7DE;
text-transform: uppercase;
display: inline-block
}
.recipe-bucket__title-link, .recipe-page__button {
text-decoration: none
}
#recs-tabs .rec-teaser-expand .icon-sprite {
position: relative;
top: 2px
}
#recs-tabs .rec-results-body h4 {
margin: 20px 0
}
@media screen and (min-width:800px) and (max-width:969px) {
#recs-tabs {
margin-right: 325px
}
#recs-tabs .tab-text {
width: 90px
}
}
#recs-tabs .media, #recs-tabs .media--valign {
position: relative
}
@media screen and (min-width:600px) and (max-width:799px) {
body.page-realage-heartage-recommendations #main .content .entry, body.realage-recommendations #main .content .entry {
box-sizing: border-box;
width: 100%;
padding: 20px;
float: left
}
body.page-realage-heartage-recommendations #main .sidebar-ad, body.realage-recommendations #main .sidebar-ad {
position: relative;
top: 0;
right: auto;
float: none;
clear: both
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.page-realage-heartage-recommendations #main .content .entry, body.realage-recommendations #main .content .entry {
padding: 0
}
body.page-realage-heartage-recommendations #main #top, body.page-realage-heartage-recommendations #main .recs-introduction, body.realage-recommendations #main #top, body.realage-recommendations #main .recs-introduction {
padding: 0 12px;
box-sizing: border-box
}
body.page-realage-heartage-recommendations #main .tabs-wrap, body.realage-recommendations #main .tabs-wrap {
border-left: 0;
box-sizing: border-box
}
body.page-realage-heartage-recommendations #main .tabs-wrap .tab, body.realage-recommendations #main .tabs-wrap .tab {
width: 25%;
min-width: inherit;
box-sizing: border-box
}
body.page-realage-heartage-recommendations #main .tabs-wrap .tab.active, body.realage-recommendations #main .tabs-wrap .tab.active {
height: 47px
}
body.page-realage-heartage-recommendations #main .tabs-wrap .tab a, body.realage-recommendations #main .tabs-wrap .tab a {
width: 100%
}
body.page-realage-heartage-recommendations #main .tabs-wrap .tab:last-child, body.realage-recommendations #main .tabs-wrap .tab:last-child {
border-right: 0
}
}
@media screen and (min-width:0px) and (max-width:599px) and (min-width:0px) and (max-width:479px) {
body.page-realage-heartage-recommendations #main .tabs-wrap .tab.health-tab, body.realage-recommendations #main .tabs-wrap .tab.health-tab {
width: 23%
}
body.page-realage-heartage-recommendations #main .tabs-wrap .tab.feelings-tab, body.realage-recommendations #main .tabs-wrap .tab.feelings-tab {
width: 29%
}
body.page-realage-heartage-recommendations #main .tabs-wrap .tab.diet-tab, body.realage-recommendations #main .tabs-wrap .tab.diet-tab {
width: 21%
}
body.page-realage-heartage-recommendations #main .tabs-wrap .tab.fitness-tab, body.realage-recommendations #main .tabs-wrap .tab.fitness-tab {
width: 27%
}
}
.node-type-realage-assessment #real-age-test header {
position: relative;
border-bottom: 10px solid #e2e1e1;
margin-bottom: 20px;
padding-bottom: 10px
}
@media screen and (min-width:970px) {
.node-type-realage-assessment #real-age-test header .page-head-ad {
display: none
}
}
.node-type-realage-assessment #real-age-test .border-progress {
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
visibility: hidden
}
.node-type-realage-assessment #real-age-test .border-progress__barr {
height: 10px;
background-color: #ff008f;
bottom: 0;
left: 0;
width: 0;
position: relative
}
.node-type-realage-assessment #real-age-test .border-progress__barr__amount {
position: absolute;
right: 0;
margin-top: -5px;
padding: 0 5px;
background-color: #fff;
color: #ff008f;
line-height: 20px;
font-size: 20px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}
.node-type-realage-assessment #recs-wrapper strong {
font-weight: 400
}
html.no-js .border-progress {
visibility: visible!important
}
@media screen and (min-width:768px) and (max-width:799px) {
body.page-realage-heartage-recommendations #main .content .entry {
padding: 0
}
}
.recipe-page {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.recipe-page p {
font-size: 15px;
line-height: 26px
}
.recipe-page__head {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
margin: 20px 0
}
.recipe-page__head-meta {
width: 100%
}
.recipe-page__head-meta .page-title {
margin-bottom: 10px;
line-height: 1.1;
font-size: 32px
}
.recipe-page__logo-ad {
display: none
}
.recipe-page__byline {
font-size: 15px;
margin-bottom: 5px
}
@media screen and (min-width:0px) and (max-width:599px) {
.recipe-page__byline {
font-size: 12px
}
}
.recipe-page__info {
font-family: Oswald;
font-size: 12px;
font-weight: 300;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start;
text-transform: uppercase
}
@media screen and (min-width:0px) and (max-width:479px) {
.recipe-page__info {
display: none
}
.recipe-page__rate-header span {
max-width: 150px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.recipe-page__info {
font-size: 15px
}
}
@media screen and (min-width:768px) {
.recipe-page__info {
font-size: 18px
}
}
.recipe-page__info .label {
font-weight: 700
}
.recipe-page__info .item {
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
padding: 0 10px;
margin: 0 0 5px;
border-right: 1px solid #dbdedc
}
.recipe-page__info .item:first-of-type {
padding-left: 0
}
.recipe-page__info .item:last-of-type {
border: none
}
.recipe-page__info .rating-count {
margin-left: 5px
}
.recipe-page__hero-placeholder {
width: 100%;
height: 100%;
max-height: 545px;
background: #FFF;
position: absolute;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 1
}
.recipe-page__hero-image {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%
}
.recipe-page__hero {
width: 100%;
height:calc(95vw * .5625);
max-height: 545px;
position: relative;
margin: 10px 0 35px
}
.recipe-page__button-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.recipe-page__button-container .comments-container-single {
padding-left: 20px
}
.recipe-page__button {
padding: 0 7px;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 35px;
margin-right: 20px;
font-size: 15px;
font-style: normal;
cursor: pointer;
background-image: none;
border-radius: 15px;
border: 2px solid #000;
font-family: 'Open Sans', sans-serif;;
font-weight: 400;
color: #000
}
.recipe-page__button:hover {
color: #198AA3;
background: #fff;
border-color: #198AA3;
text-decoration: none
}
.recipe-page__button .icon, .recipe-page__button .rebrand-share-arrow {
margin-left: 5px
}
.recipe-page__share {
margin-right: 0
}
.recipe-page__social-container {
position: relative
}
.recipe-page__social-dropdown {
position: absolute;
display: none;
left: 0;
top: 36px;
width: 220px;
height: 50px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: #f7f7f7;
border: 1px solid #dbdedc;
z-index: 100
}
@media screen and (min-width:0px) and (max-width:599px) {
.recipe-page__social-dropdown {
left: -69px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.recipe-page__social-dropdown {
left: -139px
}
}
.recipe-page__social-dropdown .mini-social-button {
margin: 0!important
}
.recipe-page__social-dropdown .square-social-buttons {
margin: 0
}
.recipe-page--social-showing {
display: -ms-flexbox;
display: flex
}
.recipe-page__content {
width: calc(100% - 300PX)
}
.recipe-page__text {
width: 97%
}
.recipe-page__text ol, .recipe-page__text ul {
padding-left: 20px;
margin-top: 20px
}
.recipe-page__text ol ul, .recipe-page__text ul ul {
padding-left: 40px;
margin-top: 0
}
.recipe-page__text ol ul ul, .recipe-page__text ul ul ul {
padding-left: 60px;
margin-top: 0
}
.recipe-page__text ol ol, .recipe-page__text ol ol ol, .recipe-page__text ul ol, .recipe-page__text ul ol ol {
margin-top: 0
}
.recipe-page__text ul li {
list-style-type: disc
}
.recipe-page__text ol li {
list-style-type: decimal
}
.recipe-page__ingredients {
width: 95%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.recipe-page .ingredients {
width: 45%;
display: -ms-flexbox;
display: flex;
font-size: 15px;
padding-left: 15px;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
list-style: disc
}
@media screen and (min-width:768px) and (max-width:799px) {
.recipe-page .ingredients {
width: 100%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.recipe-page .ingredients {
width: 100%
}
}
.recipe-page .ingredients li {
width: 100%
}
.recipe-page__header {
width: 100%;
margin: 25px 0 10px;
font-family: Oswald;
font-size: 22px;
font-weight: 700
}
.recipe-page__ad {
width: 300px;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px
}
.recipe-page__rate-box {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f7f7f7;
border: 1px solid #dbdedc;
margin: 30px 0 80px;
padding: 20px
}
.recipe-page__rate-box .recipe-page__text {
width: 100%;
margin-bottom: 10px
}
.recipe-page__rate-box .recipe-page__text.submitted {
color: #198AA3;
font-weight: 700
}
.recipe-page--rate-box-hidden {
display: none
}
.recipe-page__rate-header {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin: 0 0 15px
}
.recipe-page__rate-header .recipe-page__header {
width: auto;
margin: 0;
display: -ms-inline-flexbox;
display: inline-flex
}
.recipe-page__rate {
width: 100%;
max-width: 400px;
height: 110px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: justify;
align-content: space-between
}
.recipe-page__rate-form {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-align: center;
align-items: center
}
.recipe-page__input-container {
width: auto;
margin: 0 0 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center
}
.recipe-page .custom-radio-input-recipe, .recipe-page__radio {
width: 16px;
height: 16px
}
.recipe-page__radio {
position: relative
}
.recipe-page .custom-radio-dummy, .recipe-page__radio .icon, .recipe-page__radio input {
position: absolute;
top: 0;
left: 0
}
.recipe-page__radio .icon {
z-index: 1
}
.recipe-page__radio input {
z-index: 5;
opacity: 0
}
.recipe-page__rate-label {
margin-left: 5px;
font-size: 15px
}
.recipe-page__stars {
width: auto;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
margin-left: 5px
}
.recipe-page__rate-button {
height: 40px;
width: 260px;
text-transform: uppercase;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-family: 'Open Sans', sans-serif;;
font-weight: 400;
font-size: 15px;
margin: 20px 0 0
}
@media screen and (min-width:799px) {
.recipe-page__head-meta {
width: calc(100% - 120px)
}
.recipe-page__logo-ad {
width: 120px;
display: inline-block
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.recipe-page__content {
width: 100%
}
.recipe-page__ad {
margin: 30px auto
}
.recipe-page__social-dropdown {
width: 240px
}
.recipe-page__rate-box {
margin-bottom: 12px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.recipe-page__rate {
height: 160px;
width: auto
}
}
.recipe-page__presented-by {
font-family: Oswald;
font-style: normal;
font-size: 22px;
padding-bottom: 10px;
color: #000
}
.node-type-recipe-collection #related-content {
padding-top: 10px
}
@media screen and (min-width:0px) and (max-width:599px) {
.node-type-recipe-collection #related-content {
padding-top: 0
}
}
.node-type-recipe-collection #related-section .content-preview h3 {
display: inline-block
}
@media screen and (min-width:768px) and (max-width:799px) {
.node-type-recipe-collection #related-section .content-preview {
border-top: 1px solid #DBDEDC
}
.node-type-recipe-collection #related-section .content-preview:nth-child(-n+2) {
border-top: 0
}
.node-type-recipe-collection #related-section .content-preview .dummy {
border-bottom: none
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.node-type-recipe-collection #related-section .content-preview {
width: 50%!important;
float: left;
clear: none;
min-height: 404px;
padding: 30px 30px 30px 0;
border-right: 1px solid #EEE;
border-top: 1px solid #EEE
}
.node-type-recipe-collection #related-section .content-preview:first-child {
padding-top: 0
}
.node-type-recipe-collection #related-section .content-preview:last-child, .node-type-recipe-collection #related-section .content-preview:nth-last-child(2):nth-child(odd):not(.dummy) {
border-bottom: 0
}
.node-type-recipe-collection #related-section .content-preview.second-col, .node-type-recipe-collection #related-section .content-preview:nth-child(3n+2) {
width: 50%
}
.node-type-recipe-collection #related-section .content-preview:nth-child(-n+2) {
border-top: none;
padding-top: 0
}
.node-type-recipe-collection #related-section .content-preview:nth-child(even) {
border-right: none;
padding-right: 0;
padding-left: 30px
}
.node-type-recipe-collection #related-section .content-preview.dummy:nth-child(odd) {
display: none
}
.node-type-recipe-collection #related-section .content-preview .img {
margin-right: 0
}
.node-type-recipe-collection #related-section .content-preview .img img {
max-width: 100%;
max-height: 100%
}
.node-type-recipe-collection #related-section .content-preview h3, .node-type-recipe-collection #related-section .content-preview h5 {
display: block!important
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.node-type-recipe-collection #related-section .content-preview {
display: table;
padding: 20px 0
}
.node-type-recipe-collection #related-section .content-preview h5 {
clear: none
}
.node-type-recipe-collection #related-section .content-preview .img {
width: 100%
}
.node-type-recipe-collection #related-section .content-preview .img img {
width: 100%;
max-width: 100%;
min-width: 100%;
max-height: inherit
}
.node-type-recipe-collection #related-section .content-preview .content-preview-body {
display: table-cell;
vertical-align: middle;
width: 60%;
padding-left: 20px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.node-type-recipe-collection #related-section .content-preview {
display: table
}
.node-type-recipe-collection #related-section .content-preview img {
max-width: 100%;
max-height: 100%
}
.node-type-recipe-collection #related-section .content-preview .img {
margin-right: 0;
display: table-cell;
vertical-align: middle;
float: none
}
.node-type-recipe-collection #related-section .content-preview .content-preview-body {
display: table-cell;
vertical-align: middle;
width: 50%;
padding-left: 20px
}
.node-type-recipe-collection #related-section .content-preview p {
white-space: normal;
text-overflow: inherit;
height: auto
}
}
.node-type-recipe-collection .recipe-story-link {
color: #000;
font-size: 15px;
line-height: 26px
}
.node-type-recipe-collection .page-head {
margin-bottom: 10px
}
.node-type-recipe-collection .page-head .page-title {
font-weight: 700
}
@media screen and (min-width:970px) {
.node-type-recipe-collection .page-head .page-title {
font-size: 36px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
.node-type-recipe-collection .page-head .page-title {
font-size: 34px
}
}
.node-type-recipe-collection .page-head .social-bar {
margin-top: 10px
}
.node-type-recipe-collection .page-head-wrap {
margin-bottom: 20px
}
@media screen and (min-width:768px) {
.node-type-recipe-collection .page-head {
margin-bottom: 20px
}
.node-type-recipe-collection .page-head .ad-300x250 {
position: absolute;
top: 10px;
right: 0
}
.node-type-recipe-collection .page-head-wrap {
padding-right: 320px;
min-height: 270px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.node-type-recipe-collection #related-section .content-preview.dummy {
display: none!important
}
.node-type-recipe-collection #related-section .content-preview:first-child, .node-type-recipe-collection #related-section .content-preview:nth-child(1) {
padding-top: 0
}
.node-type-recipe-collection .page-head-wrap {
margin-bottom: 10px
}
.node-type-recipe-collection .page-head-wrap h1 {
margin-bottom: 15px
}
}
.node-type-recipe-collection #related-section {
border-top: 0;
padding-top: 0;
background: #fff
}
.ozs-kitchen {
clear: both;
margin: 40px 0 0;
padding-bottom: 40px
}
.ozs-kitchen .pagination {
position: relative;
margin: 0 0 80px;
top: 60px
}
@media screen and (min-width:600px) and (max-width:767px) {
.ozs-kitchen .pagination {
top: 20px;
margin-bottom: 0
}
}
#askmd-consultation .ozs-kitchen .load-more input[type=submit], #raap-wrapper .ozs-kitchen .load-more input[type=submit], .ozs-kitchen .load-more #askmd-consultation input[type=submit], .ozs-kitchen .load-more #raap-wrapper input[type=submit], .ozs-kitchen .load-more .btn {
padding-left: 0;
padding-right: 0;
width: 100%
}
.ozs-kitchen__header {
border-top: 10px solid #e6e7e6;
min-height: 75px;
border-bottom: 1px solid #e6e7e6;
margin-bottom: 30px
}
@media screen and (min-width:0px) and (max-width:767px) {
.node-type-recipe-collection .icon-social-fb-square, .node-type-recipe-collection .icon-social-twitter-square {
display: block
}
.ozs-kitchen {
background-image: -owg-linear-gradient(#f7f7f7, #fff 30%);
background-image: linear-gradient(#f7f7f7, #fff 30%)
}
.ozs-kitchen__header {
border: 1px solid #dbdedc
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.ozs-kitchen {
padding-bottom: 10px
}
.ozs-kitchen__header {
margin-bottom: 10px
}
}
.ozs-kitchen__logo {
margin-top: 13px;
float: left
}
@media screen and (min-width:600px) and (max-width:767px) {
.ozs-kitchen__header {
margin-bottom: 0
}
.ozs-kitchen__logo {
max-width: 190px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.ozs-kitchen__logo {
max-width: 200px
}
}
.ozs-kitchen__form {
margin-top: 20px
}
.ozs-kitchen__form label.error {
display: none!important
}
@media screen and (min-width:0px) and (max-width:479px) {
.ozs-kitchen__header {
text-align: center;
min-height: 65px
}
.ozs-kitchen__logo {
float: none
}
.ozs-kitchen__form {
float: none;
width: 100%;
margin: 13px 0
}
}
.ozs-kitchen__form .form-text {
position: relative;
width: 356px;
height: 36px;
margin-right: -6px
}
.ozs-kitchen__form .form-text.placeholderjs {
opacity: 1;
text-transform: uppercase;
color: #d2d2d2
}
.ozs-kitchen__form .form-text::-webkit-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
.ozs-kitchen__form .form-text:-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
.ozs-kitchen__form .form-text::-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
.ozs-kitchen__form .form-text:-ms-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2
}
@media screen and (min-width:600px) and (max-width:799px) {
.ozs-kitchen__form .form-text {
width: 245px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.ozs-kitchen__form .form-text {
width: 163px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.ozs-kitchen__form .form-text {
margin-right: 0;
width: 83.333333333%;
height: 33px
}
}
#askmd-consultation .ozs-kitchen__form input[type=submit], #raap-wrapper .ozs-kitchen__form input[type=submit], .ozs-kitchen__form #askmd-consultation input[type=submit], .ozs-kitchen__form #raap-wrapper input[type=submit], .ozs-kitchen__form .btn {
position: relative;
z-index: 1;
width: 60px;
padding-top: 0;
padding-bottom: 0;
height: 36px
}
@media screen and (min-width:0px) and (max-width:479px) {
#askmd-consultation .ozs-kitchen__form input[type=submit], #raap-wrapper .ozs-kitchen__form input[type=submit], .ozs-kitchen__form #askmd-consultation input[type=submit], .ozs-kitchen__form #raap-wrapper input[type=submit], .ozs-kitchen__form .btn {
width: 16.666666667%;
height: 33px
}
}
#askmd-consultation .ozs-kitchen__form input[type=submit]:hover, #raap-wrapper .ozs-kitchen__form input[type=submit]:hover, .ozs-kitchen__form #askmd-consultation input[type=submit]:hover, .ozs-kitchen__form #raap-wrapper input[type=submit]:hover, .ozs-kitchen__form .btn:hover {
cursor: pointer
}
.ozs-kitchen .load-more .content-preview .content-preview-body {
overflow: hidden
}
.recipe-channel__featured {
margin-bottom: 30px
}
.recipe-channel-content {
width: 100%;
margin-bottom: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.recipe-channel-content .flex-bucket__single {
-ms-flex-order: 1;
order: 1
}
.recipe-channel-content .flex-bucket__single-ad, .recipe-channel-content .load-more__btn-wrap {
-ms-flex-order: 2;
order: 2;
width: 100%
}
.recipe-channel-content .image-flex-bucket__loading {
width: 100%
}
.recipe-search {
display: -ms-inline-flexbox;
display: inline-flex;
width: 300px;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
transition: height .2s ease-in;
height: 150px;
background-color: #f7f7f7;
margin-top: 65px;
border: 1px solid #dbdedc;
-ms-flex-order: 2;
order: 2;
-ms-flex-item-align: center;
align-self: center
}
.recipe-search input {
height: 40px;
text-transform: uppercase
}
.recipe-search--active {
height: auto
}
.recipe-search__title {
font-size: 24px;
font-family: Oswald;
font-weight: 300;
color: #1b5a97;
text-align: center;
padding: 20px 10px;
border-bottom: 1px solid #dbdedc
}
.recipe-search__quick-search {
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 20px 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.recipe-search__form-group {
display: -ms-inline-flexbox;
display: inline-flex
}
.recipe-search__form-group:first-child {
padding-left: 10px
}
.recipe-search__form-group:last-child {
padding-right: 10px
}
.recipe-search__form {
max-width: 205px
}
.recipe-search__go {
width: 58px
}
.recipe-search__go:hover {
cursor: pointer;
outline: #ccc dotted 2px
}
.recipe-search__go:focus {
outline: #ccc dotted 2px
}
.image-carousel {
position: relative;
display: block
}
.image-carousel button {
background: 0 0!important;
outline: 0
}
#askmd .askmd__form input[type=submit] :hover, #askmd .askmd__form input[type=submit]:focus, .image-carousel button:focus, .image-carousel button:hover {
outline: #ccc dotted 2px
}
.image-carousel__loading {
background-color: #FFF;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
left: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 200
}
.recipe-ad {
display: -ms-inline-flexbox;
display: inline-flex;
width: 300px;
height: 250px;
-ms-flex-order: 1;
order: 1;
margin-top: 35px
}
.recipe-promo {
-ms-flex-order: 1;
order: 1;
width: calc(100% - 340px)
}
.recipe-promo img {
width: 100%
}
.recipe-bucket {
margin-top: 30px;
width: calc(50% - 10px);
-ms-flex-order: 3;
order: 3
}
.recipe-bucket__title-link:hover .recipe-bucket__title {
color: #198AA3
}
.recipe-bucket__title-link:hover .arrow-right {
border-left: 10px solid #198AA3
}
.recipe-bucket__title {
color: #031b33;
margin-bottom: 10px;
font-size: 24px;
display: inline-block
}
.arrow-right {
width: 0;
height: 0;
display: inline-block;
margin: 0 5px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #031b33
}
.bucket-carousel {
width: 100%;
position: relative;
overflow-x: hidden
}
.bucket-carousel__image-wrap {
width: 100%;
margin-bottom: 10px;
margin-top: 5px;
position: relative
}
.bucket-carousel__image-wrap:hover+.bucket-carousel__text .bucket-carousel__title {
text-decoration: underline
}
.bucket-carousel__image {
position: relative;
width: 100%
}
.bucket-carousel__loading {
width: 100%;
bottom: 0;
right: 0
}
.bucket-carousel__nav {
position: absolute;
top: 30%;
z-index: 100
}
@media screen and (min-width:970px) {
.bucket-carousel__nav {
top: 25%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.ozs-kitchen .pager .content-preview .img {
float: left
}
.ozs-kitchen .pager .content-preview .content-preview-body {
overflow: hidden
}
.bucket-carousel__nav {
top: 25%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.bucket-carousel__nav {
top: 35%
}
}
.bucket-carousel__prev {
left: 0
}
.bucket-carousel__next {
right: 0
}
.bucket-carousel__items {
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.bucket-carousel__item {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.bucket-carousel .flex-bucket__item {
width: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.bucket-carousel__label {
position: absolute;
top: 5px;
right: 5px;
padding: 5px;
max-width: 216px;
text-align: center;
color: #FFF;
font-family: Arial;
line-height: 1.1;
font-size: 14px;
font-weight: 400;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 10
}
.bucket-carousel__description, .bucket-carousel__title, .saved-recipe-head {
font-family: Oswald
}
@media screen and (min-width:0px) and (max-width:599px) {
.bucket-carousel__label {
max-width: 100px
}
}
.bucket-carousel__link {
text-decoration: none
}
.bucket-carousel__link:hover {
text-decoration: underline;
color: #000
}
.bucket-carousel__title {
font-size: 20px;
font-weight: 400;
line-height: 1.1
}
.bucket-carousel__description {
font-size: 13px;
font-weight: lighter;
line-height: 1.5;
margin-top: 5px
}
@media screen and (min-width:970px) {
.recipe-search+.recipe-bucket {
width: calc(100% - 340px);
-ms-flex-order: 1;
order: 1
}
.recipe-search {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 72px
}
.recipe-bucket {
width: 100%
}
.recipe-ad {
margin-top: 35px
}
.bucket-carousel .slick-slide {
margin: 0 15px
}
.bucket-carousel .slick-list {
margin: 0 -15px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
.recipe-search {
-ms-flex-order: 5;
order: 5;
width: 100%;
height: 70px;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.recipe-search__quick-search {
width: calc(100% - 205px);
padding: 0 10px
}
.recipe-search__form {
width: calc(100vw - 320px);
max-width: 605px
}
.recipe-search__title {
border-bottom: none
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.recipe-promo {
width: 100%;
margin-bottom: 40px
}
.recipe-search {
-ms-flex-order: 1;
order: 1;
margin-top: 0
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.recipe-search {
width: calc(100% - 345px);
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.recipe-search__form {
width: calc(100% - 0px)
}
.recipe-ad {
-ms-flex-order: 2;
order: 2
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.recipe-channel-content {
-ms-flex-pack: center;
justify-content: center
}
.recipe-search {
-ms-flex-order: 5;
order: 5;
width: 100%;
height: 70px;
margin: 20px 0 50px;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center
}
.recipe-search__title {
padding: 0 15px;
border-bottom: none
}
.recipe-search__quick-search {
padding: 0 10px
}
.recipe-search__form {
max-width: 605px
}
.recipe-search .recipe-search__form-group:last-child {
padding-right: 15px
}
.recipe-bucket {
width: 100%
}
.recipe-ad {
-ms-flex-order: 6;
order: 6
}
.flex-bucket__item {
width: 100%;
margin: 0;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
.flex-bucket__image-wrap {
width: 100%;
max-height: none;
min-height: none
}
.flex-bucket__image-wrap .bucket-carousel__label {
display: block;
max-width: 100px
}
.flex-bucket__share {
display: none
}
.flex-bucket__item-text {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 0 0 10px;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.recipe-search__title {
padding: 0 0 0 15px
}
.recipe-search__quick-search {
width: calc(100% - 105px)
}
.recipe-search__form {
width: calc(100vw - 200px)
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.recipe-search__quick-search {
width: calc(100% - 120px)
}
.recipe-search__form {
width: calc(100vw - 235px)
}
}
#dish {
margin-left: auto;
margin-right: auto
}
@media screen and (min-width:799px) {
#dish {
padding-left: 125px
}
}
.saved-recipe-head {
font-weight: 700;
margin-bottom: 35px
}
.saved-recipe-title {
font-size: 36px;
margin-bottom: 5px;
line-height: 1
}
@media screen and (min-width:0px) and (max-width:599px) {
.saved-recipe-title {
font-size: 24px
}
}
.recipe-sort {
font-size: 18px;
color: #6a6a6a;
text-transform: uppercase
}
.recipe-sort a {
cursor: pointer;
color: #031b33;
padding: 0 5px
}
.recipe-sort a:hover {
color: #198AA3
}
.recipe-sort a.active {
color: #3cb7db
}
@media screen and (min-width:0px) and (max-width:599px) {
.recipe-sort {
font-size: 14px
}
}
.recipe-member-info {
font-size: 14px;
color: #000
}
.flex-content {
border-bottom: 1px solid #dbdedc
}
.flex-bucket {
width: calc(100% + 20px);
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin: 30px -10px
}
.flex-bucket button {
background: 0 0
}
.flex-bucket .bucket-carousel__text {
width: 100%;
display: block
}
.flex-bucket .bucket-carousel__item {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
width: calc(33% - 20px);
margin: 10px
}
.flex-bucket__ad {
min-width: 300px;
height: 270px;
margin-top: 0;
-ms-flex-align: center;
align-items: center;
margin-left: 10px;
margin-right: 10px
}
.flex-bucket__title {
width: 100%;
padding-bottom: 10px;
font-size: 22px;
margin-left: 10px
}
.flex-bucket .bucket-carousel__image-wrap {
width: 100%;
height: 100%;
position: relative
}
.flex-bucket__image-loading {
width: 100%;
height: 100%;
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
left: 0;
z-index: 1
}
.flex-bucket__share {
width: 100%;
height: calc(100% - 5px);
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
z-index: 5;
opacity: 0;
background: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.2) 70%, rgba(0,0,0,.7) 100%);
top: 0
}
.flex-bucket__share.active {
opacity: 1
}
@media screen and (min-width:970px) {
.flex-bucket__share {
height: 100%
}
.flex-bucket .bucket-carousel__item {
max-width: 310px
}
}
.flex-bucket .bucket-carousel__image {
position: relative;
width: 100%;
z-index: 2
}
.flex-bucket .bucket-carousel__title {
padding: 10px 0 5px
}
@media screen and (min-width:0px) and (max-width:599px) {
.flex-bucket {
margin: 30px 0;
width: 100%;
border-bottom: 10px solid #dbdedc;
padding-bottom: 30px
}
.flex-bucket:last-of-type {
border-bottom: none
}
.flex-bucket .bucket-carousel__item {
width: 100%;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.flex-bucket .bucket__carousel__image-wrap {
width: 40%;
margin-right: 10px
}
.flex-bucket .bucket__carousel__image-wrap .bucket-carousel__label {
display: none
}
.flex-bucket__share {
height: calc(100% - 7px)
}
.flex-bucket .bucket__carousel__text {
width: 60%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 10px;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.flex-bucket .bucket-carousel__item {
width: calc(47.3vw - 20px)
}
}
@media screen and (min-width:768px) and (max-width:969px) {
.flex-bucket .bucket-carousel__item {
width: calc(47.5vw - 20px)
}
}
.recipe-channel-bucket-item-presented-by {
font-family: Oswald;
font-size: 16px;
color: #000;
padding-top: 5px;
padding-bottom: 5px
}
@media screen and (min-width:0px) and (max-width:767px) {
.flex-bucket__ad {
margin: 30px 0;
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex
}
.recipe-channel-bucket-item-presented-by {
font-size: 11px;
display: block;
padding-top: 0;
padding-bottom: 0
}
body.newsletter #content-area .entry, body.newsletter-complete #content-area .entry {
box-sizing: border-box
}
body.newsletter #content-area .content, body.newsletter-complete #content-area .content {
padding-bottom: 0
}
}
body.newsletter .page-head .page-title, body.newsletter-complete .page-head .page-title {
font-size: 2.25em;
margin-top: 10px
}
body.newsletter #main, body.newsletter #main.wrap, body.newsletter-complete #main, body.newsletter-complete #main.wrap {
padding: 0
}
@media screen and (min-width:800px) and (max-width:969px) {
body.newsletter #content-area .content, body.newsletter-complete #content-area .content {
position: relative
}
body.newsletter #content-area .entry, body.newsletter-complete #content-area .entry {
width: 100%;
padding: 0;
border: 0
}
body.newsletter #content-area .sidebar-ad, body.newsletter-complete #content-area .sidebar-ad {
position: absolute;
right: 0
}
}
body.newsletter .newsletter__form-instructions, body.newsletter-complete .newsletter__form-instructions {
font-weight: 700;
font-family: Georgia;
margin: 20px 0 0
}
@media screen and (min-width:768px) {
body.newsletter .sidebar-ad, body.newsletter-complete .sidebar-ad {
margin-top: 60px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
body.newsletter .sidebar-ad, body.newsletter-complete .sidebar-ad {
padding: 36px 0 28px;
border-top: 1px solid #e2e2e2;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/background/12x12-stripe.png) top left
}
body.newsletter .sidebar-ad .ad-label, body.newsletter-complete .sidebar-ad .ad-label {
color: #000
}
}
@media screen and (min-width:480px) and (max-width:767px) {
body.newsletter .sidebar-ad, body.newsletter-complete .sidebar-ad {
margin-left: -26px;
margin-right: -26px
}
}
body.newsletter .form, body.newsletter-complete .form {
clear: both;
padding: 1px 0 30px
}
body.newsletter-complete .page-head {
margin-bottom: 21px
}
@media screen and (min-width:0px) and (max-width:599px) {
body.newsletter-complete .page-head {
margin-bottom: 0
}
body.newsletter-complete .page-head p {
display: none
}
}
body.newsletter-complete .more-from {
margin-bottom: 20px
}
@media screen and (min-width:768px) and (max-width:799px) {
body.newsletter .content {
position: relative
}
body.newsletter .entry {
width: 100%;
padding: 0;
border: 0
}
body.newsletter .sidebar-ad {
position: absolute;
right: 0
}
body.newsletter-complete .entry {
padding-right: 0
}
body.newsletter-complete .page-head .run-right {
padding-bottom: 0
}
body.newsletter-complete .page-head .ad-wrap {
margin-top: 20px
}
.press-release-feed .lg-ad {
position: absolute;
right: -30px;
top: 3px
}
}
@media screen and (min-width:800px) and (max-width:969px) {
body.newsletter-complete #content-area .latest-stories {
width: 57%
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.node-press-release .icon-social-fb-square, .node-press-release .icon-social-twitter-square {
display: block
}
}
.press-release-feed__top>div {
position: relative;
width: 50%;
box-sizing: border-box;
min-height: 195px;
word-wrap: break-word;
float: left;
margin-bottom: 20px
}
@media screen and (min-width:0px) and (max-width:599px) {
.press-release-feed__top>div {
margin-top: 10px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
body.newsletter .sidebar-ad, body.newsletter-complete .sidebar-ad {
margin-left: -12px;
margin-right: -12px
}
.press-release-feed__top>div {
width: 100%;
max-width: 100%;
min-width: 100%;
padding: 5px 0 0;
min-height: inherit
}
}
.press-release-feed__top h2 {
font-size: .875em;
line-height: 1;
text-transform: uppercase;
color: #031b33;
font-family: "Proxima Nova", sans-serif;
margin-bottom: 10px
}
.press-release-feed__media-inquiries {
border-right: 3px solid #dbdedc;
max-width: 180px;
padding-right: 5px
}
@media screen and (min-width:800px) and (max-width:969px) {
.press-release-feed__media-inquiries {
max-width: 150px;
padding-right: 5px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.press-release-feed__top>div {
min-height: 250px
}
.press-release-feed__media-inquiries {
max-width: 145px;
padding-right: 5px
}
.press-release-feed__media-inquiries .ad-wrap {
position: absolute;
right: 0
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.press-release-feed__media-inquiries {
max-width: 200px;
padding-right: 5px
}
}
.press-release-feed__online-info {
padding-left: 50px;
min-width: 250px
}
@media screen and (min-width:800px) and (max-width:969px) {
.press-release-feed__online-info {
min-width: 220px;
padding-left: 30px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.press-release-feed__online-info {
min-width: 215px;
padding-left: 25px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.press-release-feed__online-info {
min-width: 250px;
padding-left: 60px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.press-release-feed__media-inquiries {
max-width: 170px;
padding-right: 50px 5px
}
.press-release-feed__online-info {
min-width: 250px;
padding-left: 40px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.press-release-feed__media-inquiries {
border-right: none;
border-bottom: 3px solid #dbdedc;
padding-top: 5px
}
.press-release-feed__online-info {
margin-top: 0!important
}
}
.press-release-feed__online-info .media, .press-release-feed__online-info .media--valign {
margin: 0 0 6px
}
.press-release-feed__online-info .media button, .press-release-feed__online-info .media--valign button {
display: inline-block
}
.press-release-feed__online-info .media__img {
width: 23px;
text-align: center;
margin-right: 10px
}
.press-release-feed__online-info .media__body {
font-size: .9375em;
line-height: 1;
text-decoration: underline
}
.press-release-feed__contact, .press-release-feed__load-more, .press-release-feed__pager {
margin-bottom: 20px
}
@media screen and (min-width:0px) and (max-width:479px) {
.press-release-feed__contact {
float: left;
width: 50%;
padding-left: 20px;
margin-bottom: 25px;
box-sizing: border-box
}
.press-release-feed__contact:nth-child(2n) {
padding-left: 0;
padding-right: 20px
}
}
.press-release-feed__directory {
border-top: 3px solid #dbdedc;
padding-top: 20px
}
.press-release-feed__directory h2 {
font-size: 26px;
line-height: 52px;
line-height: 1;
margin: 10px 0 5px
}
@media screen and (min-width:0px) and (max-width:479px) {
.press-release-feed__directory h2 {
font-size: 22px;
line-height: 26px
}
}
.press-release-feed__directory .description.hide-xs {
display: block!important
}
.press-release-feed .page-head .page-title {
margin-top: 0;
font-size: 38px;
line-height: 52px
}
@media screen and (min-width:0px) and (max-width:767px) {
.press-release-feed .icon-social-fb-square, .press-release-feed .icon-social-twitter-square {
display: block
}
}
.press-release-feed #directory .full-directory-listing .media--valign .img {
width: auto
}
.press-release-feed #directory .full-directory-listing .media--valign .img img {
max-width: 177px
}
@media screen and (min-width:0px) and (max-width:479px) {
.press-release-feed .page-head .page-title {
font-size: 30px;
line-height: 52px
}
.guest-plug-feed .page-head .page-head-wrap {
padding-bottom: 5px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.guest-plug-feed .page-head .page-head-wrap {
padding-bottom: 8px
}
}
.guest-plug-feed .content-preview-grid.three-col .content-preview {
padding: 0
}
.guest-plug-feed__widget {
margin-top: 30px
}
.guest-plug-feed__listing {
margin: 0;
padding: 0;
border: 0;
list-style: none
}
.guest-plug-feed__listing h3 {
font-size: 22px;
line-height: 38px
}
@media screen and (min-width:0px) and (max-width:599px) {
.press-release-feed #directory .full-directory-listing .media--valign .img img {
max-width: 150px
}
.guest-plug-feed__listing h3 {
font-size: 18px;
line-height: 38px
}
}
.guest-plug-feed__listing p {
line-height: 24px
}
@media screen and (min-width:0px) and (max-width:599px) {
.guest-plug-feed__listing p {
line-height: 20px
}
}
.guest-plug-feed__listing p.cite {
font-size: 12px;
line-height: 22px;
font-family: Georgia, sans-serif;
font-style: italic
}
.guest-plug-feed__list-item {
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #dbdedc
}
.guest-plug-feed__list-item a {
text-decoration: none
}
.celebrity-science-fair .custom-skin-header .custom-social .quiz__answer-results i span, .guest-plug-feed__list-item a:hover, .quiz__answer-results .button-reset span, .quiz__answer-results .celebrity-science-fair .custom-skin-header .custom-social i span, .quiz__answer:hover .body, body.quiz-page #directory .body p a, body.quiz-page #directory li:hover a {
text-decoration: underline
}
@media screen and (min-width:768px) {
.guest-plug-feed__list-item:first-child {
margin-top: -15px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.guest-plug-feed__list-item:first-child {
margin-top: -5px
}
}
.guest-plug-feed .watch-oz .hide-lg, .guest-plug-feed .watch-oz .hide-med, .guest-plug-feed .watch-oz .hide-xxl, .guest-plug-feed .watch-oz .ozs-kitchen .load-more, .ozs-kitchen .guest-plug-feed .watch-oz .load-more {
display: block!important
}
.thank-you-sharing .page-head {
margin-bottom: 0
}
.thank-you-sharing .page-head-wrap h2 {
font-weight: 400;
font-size: 36px;
line-height: 52px
}
.thank-you-sharing .entry p {
margin-bottom: 20px
}
.thank-you-sharing .sidebar-ad {
margin-top: 60px
}
.thank-you-sharing .run-right {
margin-top: 20px
}
.thank-you-sharing .more-from {
margin-bottom: 24px
}
@media screen and (min-width:800px) and (max-width:969px) {
.thank-you-sharing .sidebar-ad {
position: absolute;
right: 26px;
top: 104px
}
.thank-you-sharing .latest-stories {
width: 425px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.thank-you-sharing .entry {
padding-right: 0
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.thank-you-sharing .content {
padding-bottom: 0
}
.thank-you-sharing .sidebar-ad {
margin-top: 0;
padding: 36px 0 28px;
border-top: 1px solid #e2e2e2;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/background/12x12-stripe.png?1389892835) top left
}
.thank-you-sharing .latest-stories:last-child {
margin-bottom: 0
}
.thank-you-sharing #main.wrap {
padding: 0
}
.thank-you-sharing .entry {
padding-left: 26px;
padding-right: 26px;
box-sizing: border-box
}
.thank-you-sharing .sidebar {
width: 100%;
float: none
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:0px) and (max-width:479px) {
.thank-you-sharing .entry {
padding-left: 12px;
padding-right: 12px
}
}
body.quiz-start .gallery-image .btn-brd {
margin-left: -80px
}
body.quiz-start .gallery-image .img .icon-quiz {
margin-bottom: -3px
}
body.quiz-start #gallery-content p {
margin-bottom: 20px
}
body.quiz-start #gallery-content .ad-wrap__striped__inside {
padding-top: 20px;
text-align: center;
margin-bottom: 0
}
body.quiz-start #gallery-content .ad-wrap__striped__inside>.ad-300x250 {
margin-bottom: 0
}
body.quiz-page {
background-color: #fff;
color: inherit
}
body.quiz-page .button__social-bar--quiz {
margin: 10px 0 30px
}
body.quiz-page .button__social-bar--quiz__item {
width: 31.3%;
float: left
}
body.quiz-page .button__social-bar--quiz__item.middle {
margin: 0 3%
}
@media screen and (min-width:0px) and (max-width:479px) {
body.quiz-page .button__social-bar--quiz__item {
width: 12%
}
body.quiz-page .button__social-bar--quiz__item.save-to-profile {
width: 68%
}
.carousel body.quiz-page .button__social-bar--quiz__item.save-to-profile>.owl-next .txt, .carousel body.quiz-page .button__social-bar--quiz__item.save-to-profile>.owl-prev .txt, .quiz__next-quiz-inner body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--next-quiz .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--carousel .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--carousel--tall .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--default .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--facebook .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--form .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--save-to-profile .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--strong .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--submit .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--submit2 .txt, body.quiz-page .button__social-bar--quiz__item.save-to-profile>.button--twitter .txt, body.quiz-page .carousel .button__social-bar--quiz__item.save-to-profile>.owl-next .txt, body.quiz-page .carousel .button__social-bar--quiz__item.save-to-profile>.owl-prev .txt, body.quiz-page .quiz__next-quiz-inner .button__social-bar--quiz__item.save-to-profile>.button--next-quiz .txt {
display: block
}
body.quiz-page .button__social-bar--quiz__item.save-to-profile .txt {
padding: 0
}
.carousel body.quiz-page .button__social-bar--quiz__item>.owl-next .logo, .carousel body.quiz-page .button__social-bar--quiz__item>.owl-prev .logo, .quiz__next-quiz-inner body.quiz-page .button__social-bar--quiz__item>.button--next-quiz .logo, body.quiz-page .button__social-bar--quiz__item>.button .logo, body.quiz-page .button__social-bar--quiz__item>.button--carousel .logo, body.quiz-page .button__social-bar--quiz__item>.button--carousel--tall .logo, body.quiz-page .button__social-bar--quiz__item>.button--default .logo, body.quiz-page .button__social-bar--quiz__item>.button--facebook .logo, body.quiz-page .button__social-bar--quiz__item>.button--form .logo, body.quiz-page .button__social-bar--quiz__item>.button--save-to-profile .logo, body.quiz-page .button__social-bar--quiz__item>.button--strong .logo, body.quiz-page .button__social-bar--quiz__item>.button--submit .logo, body.quiz-page .button__social-bar--quiz__item>.button--submit2 .logo, body.quiz-page .button__social-bar--quiz__item>.button--twitter .logo, body.quiz-page .carousel .button__social-bar--quiz__item>.owl-next .logo, body.quiz-page .carousel .button__social-bar--quiz__item>.owl-prev .logo, body.quiz-page .quiz__next-quiz-inner .button__social-bar--quiz__item>.button--next-quiz .logo {
width: 100%;
border: 0
}
.carousel body.quiz-page .button__social-bar--quiz__item>.owl-next .txt, .carousel body.quiz-page .button__social-bar--quiz__item>.owl-prev .txt, .quiz__next-quiz-inner body.quiz-page .button__social-bar--quiz__item>.button--next-quiz .txt, body.quiz-page .button__social-bar--quiz__item>.button .txt, body.quiz-page .button__social-bar--quiz__item>.button--carousel .txt, body.quiz-page .button__social-bar--quiz__item>.button--carousel--tall .txt, body.quiz-page .button__social-bar--quiz__item>.button--default .txt, body.quiz-page .button__social-bar--quiz__item>.button--facebook .txt, body.quiz-page .button__social-bar--quiz__item>.button--form .txt, body.quiz-page .button__social-bar--quiz__item>.button--save-to-profile .txt, body.quiz-page .button__social-bar--quiz__item>.button--strong .txt, body.quiz-page .button__social-bar--quiz__item>.button--submit .txt, body.quiz-page .button__social-bar--quiz__item>.button--submit2 .txt, body.quiz-page .button__social-bar--quiz__item>.button--twitter .txt, body.quiz-page .carousel .button__social-bar--quiz__item>.owl-next .txt, body.quiz-page .carousel .button__social-bar--quiz__item>.owl-prev .txt, body.quiz-page .quiz__next-quiz-inner .button__social-bar--quiz__item>.button--next-quiz .txt {
display: none
}
}
body.quiz-page .quiz__result-description strong {
color: #6a6a6a
}
body.quiz-page .quiz__result-description a {
color: #000
}
body.quiz-page .quiz__result-description a:hover {
color: #198AA3
}
body.quiz-page .ad-wrap__striped__inside {
margin-top: 30px
}
@media screen and (min-width:0px) and (max-width:767px) {
body.quiz-page .content .quiz-entry {
padding-right: 0
}
body.quiz-page #main.wrap {
max-width: 1024px;
min-width: 320px;
margin: 0 auto;
padding: 0 26px;
box-sizing: border-box
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:480px) and (max-width:599px) {
body.quiz-page #main.wrap {
padding: 0 26px
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:0px) and (max-width:479px) {
body.quiz-page #main.wrap {
padding: 0 12px
}
}
@media screen and (min-width:768px) {
body.quiz-page {
padding-bottom: 100px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
body.quiz-page .btn-close-quiz {
position: relative;
top: 20px
}
}
.custom-radio-input+label body.quiz-page .custom-radio-dummy, .custom-radio-input-branded+label body.quiz-page .custom-radio-dummy, body.quiz-page .custom-radio-input+.custom-radio-dummy, body.quiz-page .custom-radio-input+label .custom-radio-dummy, body.quiz-page .custom-radio-input-branded+.custom-radio-dummy, body.quiz-page .custom-radio-input-branded+label .custom-radio-dummy, body.quiz-page .icon-radio {
padding: 1px
}
body.quiz-page .page-head {
border-bottom: 10px solid #e2e1e1;
position: relative;
padding-left: 0;
padding-right: 0;
border-top: 0;
margin-bottom: 30px!important
}
@media screen and (min-width:0px) and (max-width:767px) {
body.quiz-page .page-head {
margin-bottom: 20px
}
}
body.quiz-page .page-head .page-title {
padding-left: 0
}
body.quiz-page .page-head .header-progress {
height: 10px;
background-color: #198AA3;
position: absolute;
bottom: -10px;
max-width: 97%
}
@media screen and (min-width:0px) and (max-width:479px) {
body.quiz-page .page-head .header-progress {
max-width: 91%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
body.quiz-page .page-head .header-progress {
max-width: 93%
}
}
@media screen and (min-width:600px) and (max-width:969px) {
body.quiz-page .page-head .header-progress {
max-width: 95%
}
}
body.quiz-page .page-head .header-progress .percentage {
position: absolute;
top: -8px;
right: -41px;
background: #FFF;
padding: 0 10px;
color: #198AA3;
font-family: 'Open Sans', sans-serif;
}
body.quiz-page .page-head .page-title {
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #198AA3;
margin-top: 25px;
margin-bottom: 10px;
padding-bottom: 0
}
body.quiz-page .entry h2 {
font-size: 32px;
line-height: 39px;
font-weight: 700;
margin-bottom: 20px
}
.quiz__answer, .quiz__result-text {
font-family: 'Open Sans', sans-serif;;
font-weight: 100
}
body.quiz-page .entry>.quiz__results h2 {
margin-bottom: 5px!important
}
body.quiz-page #header-ad-space, body.quiz-page #main-container {
background-color: #fff
}
body.quiz-page .heading, body.quiz-page h1, body.quiz-page h2, body.quiz-page h3, body.quiz-page h4 {
color: #000
}
.carousel body.quiz-page .quiz__nav .owl-next, .carousel body.quiz-page .quiz__nav .owl-prev, .quiz__next-quiz-inner body.quiz-page .quiz__nav .button--next-quiz, body.quiz-page .quiz__nav .button, body.quiz-page .quiz__nav .button--carousel, body.quiz-page .quiz__nav .button--carousel--tall, body.quiz-page .quiz__nav .button--default, body.quiz-page .quiz__nav .button--facebook, body.quiz-page .quiz__nav .button--form, body.quiz-page .quiz__nav .button--save-to-profile, body.quiz-page .quiz__nav .button--strong, body.quiz-page .quiz__nav .button--submit, body.quiz-page .quiz__nav .button--submit2, body.quiz-page .quiz__nav .button--twitter, body.quiz-page .quiz__nav .carousel .owl-next, body.quiz-page .quiz__nav .carousel .owl-prev, body.quiz-page .quiz__nav .quiz__next-quiz-inner .button--next-quiz {
padding: 0;
width: 87px;
line-height: 40px;
text-align: center
}
.carousel body.quiz-page .quiz__nav .button--disabled.owl-next, .carousel body.quiz-page .quiz__nav .button--disabled.owl-prev, .quiz__next-quiz-inner body.quiz-page .quiz__nav .button--disabled.button--next-quiz, body.quiz-page .quiz__nav .button--disabled.button--carousel, body.quiz-page .quiz__nav .button--disabled.button--carousel--tall, body.quiz-page .quiz__nav .button--disabled.button--default, body.quiz-page .quiz__nav .button--disabled.button--facebook, body.quiz-page .quiz__nav .button--disabled.button--form, body.quiz-page .quiz__nav .button--disabled.button--save-to-profile, body.quiz-page .quiz__nav .button--disabled.button--strong, body.quiz-page .quiz__nav .button--disabled.button--submit, body.quiz-page .quiz__nav .button--disabled.button--submit2, body.quiz-page .quiz__nav .button--disabled.button--twitter, body.quiz-page .quiz__nav .button.button--disabled, body.quiz-page .quiz__nav .carousel .button--disabled.owl-next, body.quiz-page .quiz__nav .carousel .button--disabled.owl-prev, body.quiz-page .quiz__nav .quiz__next-quiz-inner .button--disabled.button--next-quiz {
color: #e4e4e4!important
}
.carousel body.quiz-page .quiz__nav .button--prev.owl-next, .carousel body.quiz-page .quiz__nav .button--prev.owl-prev, .quiz__next-quiz-inner body.quiz-page .quiz__nav .button--prev.button--next-quiz, body.quiz-page .quiz__nav .button--prev.button--carousel, body.quiz-page .quiz__nav .button--prev.button--carousel--tall, body.quiz-page .quiz__nav .button--prev.button--default, body.quiz-page .quiz__nav .button--prev.button--facebook, body.quiz-page .quiz__nav .button--prev.button--form, body.quiz-page .quiz__nav .button--prev.button--save-to-profile, body.quiz-page .quiz__nav .button--prev.button--strong, body.quiz-page .quiz__nav .button--prev.button--submit, body.quiz-page .quiz__nav .button--prev.button--submit2, body.quiz-page .quiz__nav .button--prev.button--twitter, body.quiz-page .quiz__nav .button.button--prev, body.quiz-page .quiz__nav .carousel .button--prev.owl-next, body.quiz-page .quiz__nav .carousel .button--prev.owl-prev, body.quiz-page .quiz__nav .quiz__next-quiz-inner .button--prev.button--next-quiz {
margin-right: 20px
}
.carousel body.quiz-page .quiz__nav .owl-next .icon-arrow-left-white, .carousel body.quiz-page .quiz__nav .owl-prev .icon-arrow-left-white, .quiz__next-quiz-inner body.quiz-page .quiz__nav .button--next-quiz .icon-arrow-left-white, body.quiz-page .quiz__nav .button .icon-arrow-left-white, body.quiz-page .quiz__nav .button--carousel .icon-arrow-left-white, body.quiz-page .quiz__nav .button--carousel--tall .icon-arrow-left-white, body.quiz-page .quiz__nav .button--default .icon-arrow-left-white, body.quiz-page .quiz__nav .button--facebook .icon-arrow-left-white, body.quiz-page .quiz__nav .button--form .icon-arrow-left-white, body.quiz-page .quiz__nav .button--save-to-profile .icon-arrow-left-white, body.quiz-page .quiz__nav .button--strong .icon-arrow-left-white, body.quiz-page .quiz__nav .button--submit .icon-arrow-left-white, body.quiz-page .quiz__nav .button--submit2 .icon-arrow-left-white, body.quiz-page .quiz__nav .button--twitter .icon-arrow-left-white, body.quiz-page .quiz__nav .carousel .owl-next .icon-arrow-left-white, body.quiz-page .quiz__nav .carousel .owl-prev .icon-arrow-left-white, body.quiz-page .quiz__nav .quiz__next-quiz-inner .button--next-quiz .icon-arrow-left-white {
margin: 0 5px -2px -5px
}
.carousel body.quiz-page .quiz__nav .owl-next .icon-arrow-right-white, .carousel body.quiz-page .quiz__nav .owl-prev .icon-arrow-right-white, .quiz__next-quiz-inner body.quiz-page .quiz__nav .button--next-quiz .icon-arrow-right-white, body.quiz-page .quiz__nav .button .icon-arrow-right-white, body.quiz-page .quiz__nav .button--carousel .icon-arrow-right-white, body.quiz-page .quiz__nav .button--carousel--tall .icon-arrow-right-white, body.quiz-page .quiz__nav .button--default .icon-arrow-right-white, body.quiz-page .quiz__nav .button--facebook .icon-arrow-right-white, body.quiz-page .quiz__nav .button--form .icon-arrow-right-white, body.quiz-page .quiz__nav .button--save-to-profile .icon-arrow-right-white, body.quiz-page .quiz__nav .button--strong .icon-arrow-right-white, body.quiz-page .quiz__nav .button--submit .icon-arrow-right-white, body.quiz-page .quiz__nav .button--submit2 .icon-arrow-right-white, body.quiz-page .quiz__nav .button--twitter .icon-arrow-right-white, body.quiz-page .quiz__nav .carousel .owl-next .icon-arrow-right-white, body.quiz-page .quiz__nav .carousel .owl-prev .icon-arrow-right-white, body.quiz-page .quiz__nav .quiz__next-quiz-inner .button--next-quiz .icon-arrow-right-white {
margin: 0 -3px -2px 3px
}
body.quiz-page .custom-radio-dummy {
margin: 0 15px -7px 0
}
body.quiz-page #directory {
float: none;
margin-top: 30px
}
body.quiz-page #directory a {
color: #000
}
body.quiz-page #directory #directory-listing .full-directory-listing li:last-child {
border-bottom: none
}
body.quiz-page #directory .body p {
color: #6a6a6a
}
body.quiz-page #directory .img img {
width: 100%
}
body.quiz-page .button__social-bar--realage {
margin-top: 10px
}
body.quiz-page .button__social-bar--realage__item {
width: 33.3%!important;
float: left
}
body.quiz-page .answer-feedback-p-hack p {
display: inline
}
body.quiz-page #quiz-slide p {
color: #6a6a6a;
font-size: 15px;
line-height: 26px
}
body.quiz-page #quiz-slide p.quiz__answer-status {
font-size: 14px;
line-height: 26px
}
#quiz-content .entry img {
width: 100%
}
.quiz__answers {
list-style: none;
margin: 0;
padding: 0;
border: 0
}
.quiz__answer {
font-size: 20px;
line-height: 28px;
margin-bottom: 0;
width: 100%
}
.quiz__intro-text, .quiz__results, .quiz__results p {
color: #6a6a6a;
font-size: 16px;
line-height: 26px
}
.quiz__answer:hover {
background-color: #f8f8f8
}
.quiz__answer .img {
width: 50px
}
.quiz__answer .body, .quiz__answer .body label, .quiz__results-image img {
width: 100%
}
.quiz__answer .media--valign {
cursor: pointer;
padding: 20px;
box-sizing: border-box
}
.quiz__intro-text {
margin-bottom: 20px
}
.quiz__intro-question, .quiz__results>h2 {
margin-bottom: 10px!important
}
.quiz__results--updated p {
margin-bottom: 20px
}
.quiz__result-text {
text-transform: uppercase;
line-height: 1
}
.quiz__nav {
margin-top: 30px;
margin-bottom: 40px
}
.quiz__directory {
padding-top: 30px;
margin-top: 30px;
border-top: 10px solid #dbdedc
}
@media screen and (min-width:0) and (max-width:799px) {
.quiz__directory {
border: 0;
padding-top: 0
}
}
.quiz__block h2 {
margin-bottom: 20px!important
}
.quiz__block aside {
padding-top: 40px
}
.quiz__how-you-scored h3 {
font-size: 24px;
line-height: 52px;
font-weight: 700
}
.quiz__how-you-scored p {
font-size: 16px;
line-height: 26px
}
.quiz__featured-img {
margin-bottom: 30px
}
.quiz__answer-results {
margin: 20px 0
}
.celebrity-science-fair .custom-skin-header .custom-social .quiz__answer-results i, .quiz__answer-results .button-reset, .quiz__answer-results .celebrity-science-fair .custom-skin-header .custom-social i {
margin-bottom: 20px;
font-size: 14px;
text-transform: uppercase;
font-family: "Proxima Nova", sans-serif;
color: #3cb7db;
font-weight: 700
}
.franchise-page .heading__short-description, .franchise-page .page-head p, .quiz__next-quiz__label {
font-family: 'Open Sans', sans-serif;
}
.celebrity-science-fair .custom-skin-header .custom-social .quiz__answer-results i:hover, .quiz__answer-results .button-reset:hover, .quiz__answer-results .celebrity-science-fair .custom-skin-header .custom-social i:hover {
color: #198AA3
}
.quiz__answer-status {
padding: 10px 0
}
.quiz__results-image {
padding-bottom: 30px
}
@media screen and (min-width:799px) {
.quiz__results-image {
padding-bottom: 0
}
.quiz__results-image .entry {
padding-right: 0
}
}
.quiz__results-image aside {
padding-top: 20px
}
.quiz__result {
margin-bottom: 30px
}
.quiz__result h4 {
font-size: 20px;
line-height: 26px
}
.quiz__next-quiz {
padding-top: 30px;
margin-top: 30px;
border-top: 10px solid #dbdedc
}
.quiz__next-quiz h2 {
margin-bottom: 20px!important
}
.quiz__next-quiz__label {
font-size: 13px;
text-transform: uppercase;
color: #198AA3;
display: block
}
.quiz__next-quiz p {
font-size: 14px;
line-height: 20px;
color: #575757
}
@media screen and (min-width:0) and (max-width:799px) {
.quiz__next-quiz {
border: 0;
margin: 0;
padding: 0
}
}
.quiz__next-quiz-inner {
position: relative;
padding: 0 15% 0 20px;
background-image: -owg-linear-gradient(#fff, #f4f4f4);
background-image: linear-gradient(#fff, #f4f4f4);
border: 1px solid #dbdedc
}
.quiz__next-quiz-inner a {
text-decoration: none;
color: #454545!important
}
.quiz__next-quiz-inner .media--valign:hover h3, .quiz__next-quiz-inner:hover a {
text-decoration: underline
}
.quiz__next-quiz-inner:hover {
background-image: -owg-linear-gradient(#fff, #f6f6f6);
background-image: linear-gradient(#fff, #f6f6f6)
}
.quiz__next-quiz-inner .media--valign {
height: 135px
}
.quiz__next-quiz-inner .media--valign:hover .button--next-quiz {
background: #198AA3
}
.quiz__next-quiz-inner .button--next-quiz {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 15%;
box-sizing: border-box;
padding: 45px 0 0;
text-align: center
}
.quiz__next-quiz-inner .button--next-quiz span {
text-align: right;
display: inline-block;
line-height: 1.4;
color: #fff
}
@media screen and (min-width:800px) and (max-width:969px) {
.quiz__next-quiz-inner .button--next-quiz {
width: 35px
}
.quiz__next-quiz-inner .button--next-quiz .icon-lrg-white-next {
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px
}
.quiz__next-quiz-inner .button--next-quiz span {
padding-top: 0
}
}
.quiz__next-quiz-inner .button--next-quiz.highlight {
background-image: -owg-linear-gradient(#11ad1f, #0daa1c, #09a618);
background-image: linear-gradient(#11ad1f, #0daa1c, #09a618);
color: #fff;
border-color: #17aa18
}
.quiz__next-quiz-inner .media .img img, .quiz__next-quiz-inner .media--valign .img img {
min-width: 125px
}
@media screen and (min-width:0px) and (max-width:599px) {
.quiz__next-quiz-inner .button--next-quiz {
width: 35px;
padding-left: 0!important
}
.quiz__next-quiz-inner .button--next-quiz .icon-lrg-white-next {
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px
}
.quiz__next-quiz-inner .button--next-quiz span {
padding-top: 0
}
.quiz__next-quiz-inner {
border-right: 0;
border-left: 0
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.quiz__next-quiz-inner {
margin-left: -26px;
margin-right: -26px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.quiz__next-quiz-inner {
margin-left: -12px;
margin-right: -12px
}
}
.franchise-page .page-head {
margin: 0 auto 26px;
text-align: center
}
.franchise-page .page-head .page-head-ad {
position: absolute;
right: 0;
top: 5px
}
.franchise-page .page-head p {
font-size: 1.125em;
line-height: 29px;
font-weight: 100;
margin-bottom: 10px
}
@media screen and (min-width:799px) {
.franchise-page .page-head {
margin: 0 auto 25px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.franchise-page .page-head {
margin-bottom: 26px
}
.franchise-page .page-head p {
padding: 10px 26px 0
}
}
.franchise-page .social-bar {
margin: 0;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: center;
justify-content: center
}
.franchise-page .social-bar .mini-social-button {
display: -ms-inline-flexbox;
display: inline-flex;
float: none;
margin: 0 8px 15px
}
@media screen and (min-width:0px) and (max-width:767px) {
.franchise-page .social-bar .custom-clipix-share, .franchise-page .social-bar .custom-pinterest-share {
display: none
}
}
.franchise-page .logo-ad {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100px;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width:0px) and (max-width:767px) {
.franchise-page .logo-ad {
height: 75px
}
}
.franchise-page .logo-ad div {
display: -ms-inline-flexbox;
display: inline-flex;
max-width: 120px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.franchise-page .carousel--vertical-list-video-series .icon-video-series-pause-big-active, .franchise-page .carousel--vertical-list-video-series .icon-video-series-play-big-active, .franchise-page .franchise-video-series .full-directory-listing .img .icon-video-series-pause-big-active, .franchise-page .franchise-video-series .full-directory-listing .img .icon-video-series-play-big-active, .franchise-page .franchise-video-series .icon-video-series-pause, .franchise-page .franchise-video-series .icon-video-series-pause-current, .franchise-page .franchise-video-series .icon-video-series-play-current, .franchise-page .logo-ad .ad-label {
display: none
}
.franchise-page .logo-ad .logo-ad-right {
margin-left: 5px
}
.franchise-page .logo-ad .logo-ad-left {
margin-right: 5px
}
.franchise-page article {
overflow: auto;
margin-bottom: 64px
}
@media screen and (min-width:0) and (max-width:799px) {
.franchise-page article {
border-top: 1px solid #dbdedc;
background-image: -owg-linear-gradient(#f7f7f7, #fff);
background-image: linear-gradient(#f7f7f7, #fff);
margin-bottom: 40px;
padding-top: 9px
}
}
.franchise-page .article__title {
border-bottom: 1px solid #dbdedc;
padding: 10px 0 14px;
overflow: auto
}
@media screen and (min-width:0px) and (max-width:599px) {
.franchise-page .article__title {
margin-bottom: 0;
height: 45px;
padding: 0
}
.franchise-page .article__title .heading-wrap {
padding: 15px 0 0
}
.franchise-page .article__title .heading-wrap .heading {
padding: 0 10px
}
}
.franchise-page .article__title.left-mixed {
overflow: auto
}
.franchise-page .article__title.left-mixed .heading__short-description {
float: left;
text-align: left;
margin: 0 0 0 -20px
}
@media screen and (min-width:0px) and (max-width:767px) {
.franchise-page .article__title.left-mixed .heading__short-description {
float: none;
text-align: center;
padding: 10px;
margin: 0
}
.franchise-page .article__title.left-mixed {
padding-bottom: 10px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.franchise-page .article__title.left-mixed {
padding-left: 64px;
padding-right: 64px
}
}
@media screen and (min-width:480px) and (max-width:767px) {
.franchise-page .article__title.left-mixed {
padding-left: 26px;
padding-right: 26px;
margin-bottom: 0
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.franchise-page .article__title.left-mixed {
padding-left: 12px;
padding-right: 12px
}
}
.franchise-page .heading-wrap {
clear: both;
width: 100%;
float: left
}
.franchise-page .heading-wrap .left-mixed {
float: left;
padding-left: 0
}
@media screen and (min-width:0px) and (max-width:767px) {
.franchise-page .heading-wrap .left-mixed {
float: none;
text-align: center
}
}
.franchise-page .heading-wrap .center-caps {
text-transform: uppercase
}
@media screen and (min-width:0) and (max-width:799px) {
.franchise-page .heading-wrap {
background: 0 0
}
.franchise-page .heading-wrap .heading {
background: 0 0;
padding: 0 0 10px
}
.franchise-page .heading__short-description {
border-bottom: 0
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .article__title {
border-bottom: 0
}
.franchise-page .heading-wrap {
margin-top: 25px
}
.franchise-page .heading-wrap .heading {
font-size: 1.5em
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.franchise-page .heading-wrap {
padding: 21px 0 2px
}
.franchise-page .heading-wrap .heading {
font-size: 1.25em
}
.franchise-page .heading__short-description {
display: none
}
}
.franchise-page .heading__short-description {
font-size: 1em;
line-height: 24px;
text-align: center;
padding: 0 20px
}
.franchise-page .directory .full-directory-listing li:last-child {
border-bottom: 0
}
.franchise-page #directory {
margin: 0
}
.franchise-page #directory .full-directory-listing {
margin-bottom: 0
}
.franchise-page #directory .full-directory-listing li {
padding: 20px 0;
border-top: 1px solid #dbdedc;
border-bottom: 0
}
.franchise-page .franchise-video-series .franchise-video-series .info, .franchise-page .franchise-video-series ol {
padding-left: 0
}
.franchise-page #directory .full-directory-listing li:last-child {
padding-bottom: 0
}
@media screen and (min-width:800px) and (max-width:969px) {
.franchise-page #directory .full-directory-listing li h3 {
font-size: 1.125em
}
.franchise-page .media--valign img {
max-width: 164px;
height: auto
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.franchise-page #directory .full-directory-listing li h3 {
font-size: 1.125em
}
.franchise-page .media--valign img {
max-width: 164px;
height: auto
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.franchise-page #directory .full-directory-listing li h3 {
font-size: 1em
}
.franchise-page .media--valign img {
max-width: 148px;
height: auto
}
}
.franchise-page .video-content {
padding-top: 25px!important
}
.franchise-page .video-content h3 {
font-size: 1.375em
}
.franchise-page .bc-container, .franchise-page .video-content p {
margin-bottom: 20px
}
.franchise-page .franchise-video-series {
padding: 0;
margin: 20px auto 0
}
@media screen and (min-width:600px) and (max-width:650px) {
.franchise-page .franchise-video-series {
max-width: 600px
}
}
.franchise-page .franchise-video-series .bc-container {
padding-bottom: 20px;
border-bottom: 1px solid #dbdedc
}
.franchise-page .franchise-video-series .icon-video-series-pause-current, .franchise-page .franchise-video-series .icon-video-series-play, .franchise-page .franchise-video-series .icon-video-series-play-current {
position: absolute;
right: 0;
top: 31%
}
.franchise-page .franchise-video-series .full-directory-listing .img {
width: 140px;
text-align: right
}
.franchise-page .franchise-video-series .full-directory-listing .img img {
width: 100%;
display: none
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current .img {
display: table-cell
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current img {
display: block
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current span {
font-size: 35px
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current .icon-video-series-pause-big-active {
display: none
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current .icon-video-series-play-big-active {
display: inline-block
}
@media screen and (min-width:800px) and (max-width:969px) {
.franchise-page .franchise-video-series .full-directory-listing .img {
width: 26px
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current .icon-video-series-play-current {
display: block
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current .icon-video-series-play {
display: none
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.franchise-page .franchise-video-series {
margin-top: 25px!important
}
.franchise-page .franchise-video-series .full-directory-listing .img {
width: 26px
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current .icon-video-series-play-current {
display: block
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current .icon-video-series-play {
display: none
}
.franchise-page .franchise__article--list #directory .full-directory-listing li:first-child {
border-top: none
}
}
.franchise-page .franchise-video-series .full-directory-listing .media .info h3, .franchise-page .franchise-video-series .full-directory-listing .media--valign .info h3 {
font-family: Georgia, sans-serif;
font-size: .875em;
font-weight: 400
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current.carousel__item--playing .icon-video-series-pause-big-active {
display: inline-block
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current.carousel__item--playing .icon-video-series-play-big-active {
display: none
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current.carousel__item--playing .icon-video-series-pause-current {
display: block
}
.franchise-page .franchise-video-series .full-directory-listing .carousel__item--current.carousel__item--playing .icon-video-series-play-current {
display: none
}
.franchise-page .franchise-video-series .full-directory-listing .play-img {
width: 24px;
display: table-cell
}
.franchise-page .franchise-video-series .franchise-video-series .img, .franchise-page .franchise-video-series .franchise-video-series .media, .franchise-page .franchise-video-series .franchise-video-series .media--valign {
display: block
}
.franchise-page .franchise-video-series .franchise-video-series a {
text-decoration: none
}
.franchise-page .franchise-video-series .franchise-video-series p {
display: none
}
.franchise-page .franchise-video-series .carousel__item--current .now-playing, .franchise-page .franchise-video-series .carousel__items li:hover .now-playing {
display: block
}
@media screen and (min-width:0) and (max-width:969px) {
.franchise-page .franchise-video-series .carousel__item--current .body, .franchise-page .franchise-video-series .carousel__items li:hover .body {
max-width: inherit
}
.franchise-page .franchise-video-series .carousel__item--current .body h3, .franchise-page .franchise-video-series .carousel__items li:hover .body h3 {
font-size: 18px;
font-weight: 700!important
}
.franchise-page .franchise-video-series .carousel__item--current .body p, .franchise-page .franchise-video-series .carousel__items li:hover .body p {
display: block;
font-size: 12px
}
}
@media screen and (-ms-high-contrast:none) and (min-width:0px) and (max-width:599px) {
.franchise-page .franchise-video-series .carousel__item--current .body, .franchise-page .franchise-video-series .carousel__items li:hover .body {
max-width: 150px
}
}
@media screen and (-ms-high-contrast:none) and (min-width:600px) and (max-width:767px) {
.franchise-page .franchise-video-series .carousel__item--current .body, .franchise-page .franchise-video-series .carousel__items li:hover .body {
max-width: 200px
}
}
@media screen and (-ms-high-contrast:none) and (min-width:768px) and (max-width:969px) {
.franchise-page .franchise-video-series .carousel__item--current .body, .franchise-page .franchise-video-series .carousel__items li:hover .body {
max-width: 150px
}
}
.franchise-page .franchise-video-series .numbered-video-list {
display: table-cell;
font-family: Oswald;
font-size: 1.25em;
font-weight: 700;
color: #000;
width: 60px;
text-align: center
}
.franchise-page .franchise-video-series .carousel__items li:hover a {
color: #198AA3;
text-decoration: none
}
.franchise-page .franchise-video-series .carousel__items li:hover .numbered-video-list {
font-size: 2.1875em;
position: relative;
top: -4px
}
.franchise-page .franchise-video-series .carousel__items li:hover .body {
vertical-align: top
}
.franchise-page .franchise-video-series .carousel__items li:hover .img {
display: table-cell;
vertical-align: middle
}
.franchise-page .franchise-video-series .carousel__items li:hover .icon-video-series-play {
right: 0
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .franchise-video-series .carousel__items li:hover .icon-video-series-play {
display: none
}
}
.franchise-page .franchise-video-series .carousel__items li:hover .carousel__item--current p {
display: none
}
.franchise-page .franchise-video-series .carousel__items li:hover:not(.carousel__item--playing) img {
display: block
}
.franchise-page .franchise-video-series .carousel__items li:hover:not(.carousel__item--playing) .icon-video-series-play-big-active {
display: inline-block;
position: relative;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
overflow: hidden
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .franchise-video-series .carousel__item--current .icon-video-series-pause, .franchise-page .franchise-video-series .carousel__item--current .icon-video-series-pause-big-active, .franchise-page .franchise-video-series .carousel__item--current .icon-video-series-play {
display: none
}
}
.franchise-page .franchise-video-series .carousel__item--current span .icon {
position: relative;
display: inline-block;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-top: auto
}
.franchise-page .franchise-video-series .carousel__item--current .numbered-video-list {
font-size: 2.1875em;
position: relative;
top: -4px
}
@media screen and (min-width:480px) and (max-width:599px) {
.franchise-page .franchise-video-series {
padding-left: 26px;
padding-right: 26px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.franchise-page .franchise-video-series {
padding-left: 12px;
padding-right: 12px
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .franchise-video-series {
margin-top: 0
}
}
.franchise-page .franchise-video-series .description {
margin-bottom: 35px
}
.franchise-page .franchise-video-series .carousel .button--carousel--tall {
height: 136px;
width: 34px
}
@media screen and (min-width:0) and (max-width:969px) {
.franchise-page .franchise-video-series .description {
display: none
}
.franchise-page .franchise-video-series .media--valign {
width: 100%;
padding-left: 0
}
.franchise-page .franchise-video-series .media--valign .body {
width: 100%
}
.franchise-page .franchise-video-series .body h3 {
font-family: 'Open Sans', sans-serif;
font-size: .75em
}
.franchise-page .franchise-video-series .info {
padding-right: 40px
}
.franchise-page .franchise-video-series .info h3 a:hover {
color: #198AA3;
text-decoration: none
}
.franchise-page .franchise-video-series p {
display: none
}
}
@media screen and (-ms-high-contrast:none) and (min-width:0px) and (max-width:599px) {
.franchise-page .franchise-video-series .body {
max-width: 150px
}
}
@media screen and (-ms-high-contrast:none) and (min-width:600px) and (max-width:767px) {
.franchise-page .franchise-video-series .body {
max-width: 200px
}
}
@media screen and (-ms-high-contrast:none) and (min-width:768px) and (max-width:969px) {
.franchise-page .franchise-video-series .body {
max-width: 150px
}
}
.franchise-page .carousel__viewport {
overflow: hidden;
padding: 0
}
.franchise-page .carousel--franchise-gallery {
margin: 25px auto 0
}
.franchise-page .carousel--franchise-gallery .carousel__item {
margin: 0 auto
}
@media screen and (min-width:970px) {
.franchise-page .carousel--franchise-gallery .carousel__item {
width: 85%
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .carousel--franchise-gallery .carousel__item {
width: 85%
}
}
.franchise-page .carousel--franchise-gallery .img, .franchise-page .carousel--franchise-gallery .media, .franchise-page .carousel--franchise-gallery .media--valign {
display: block;
text-align: center
}
.franchise-page .carousel--franchise-gallery .media--valign .body {
display: block;
padding-left: 0
}
.franchise-page .carousel--franchise-gallery .img {
margin-bottom: 15px
}
.franchise-page .carousel--franchise-gallery .carousel__button-wrap {
width: 35px;
top: 32.5%
}
.carousel .franchise-page .carousel--franchise-gallery .owl-next, .carousel .franchise-page .carousel--franchise-gallery .owl-prev, .franchise-page .carousel--franchise-gallery .button--carousel, .franchise-page .carousel--franchise-gallery .button--carousel--tall, .franchise-page .carousel--franchise-gallery .carousel .owl-next, .franchise-page .carousel--franchise-gallery .carousel .owl-prev {
width: 35px;
height: 35px
}
.franchise-page .carousel--franchise-gallery h3 {
font-size: 1.375em;
line-height: 26px
}
.franchise-page .carousel--franchise-gallery a {
text-decoration: none
}
.franchise-page .carousel--franchise-gallery .gallery-img {
position: relative
}
.franchise-page .carousel--franchise-gallery .gallery-img .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
z-index: 2
}
.franchise-page .carousel--franchise-gallery .gallery-img:hover .overlay {
background: rgba(0,0,0,.1)
}
#askmd-consultation .franchise-page .carousel--franchise-gallery .gallery-img:hover input[type=submit], #raap-wrapper .franchise-page .carousel--franchise-gallery .gallery-img:hover input[type=submit], .franchise-page .carousel--franchise-gallery .gallery-img:hover #askmd-consultation input[type=submit], .franchise-page .carousel--franchise-gallery .gallery-img:hover #raap-wrapper input[type=submit], .franchise-page .carousel--franchise-gallery .gallery-img:hover .btn {
color: #ff008f;
background-color: #fff
}
.franchise-page .carousel--franchise-gallery .gallery-img:hover .btn-brd {
background: rgba(0,0,0,.15)
}
.franchise-page .carousel--franchise-gallery .gallery-img .btn-brd {
position: absolute;
top: 50%;
left: 50%;
padding: 10px;
margin-top: -26px;
margin-left: -104px;
background: rgba(255,255,255,.5);
z-index: 2
}
#askmd-consultation .franchise-page .carousel--franchise-gallery .gallery-img input[type=submit], #raap-wrapper .franchise-page .carousel--franchise-gallery .gallery-img input[type=submit], .franchise-page .carousel--franchise-gallery .gallery-img #askmd-consultation input[type=submit], .franchise-page .carousel--franchise-gallery .gallery-img #raap-wrapper input[type=submit], .franchise-page .carousel--franchise-gallery .gallery-img .btn {
font-weight: 300;
float: left;
overflow: hidden;
padding: 14px 25px;
color: #fff;
font-size: 16px;
text-align: center;
background: #198AA3;
z-index: 1;
box-sizing: border-box;
background-clip: padding-box
}
#askmd-consultation .franchise-page .carousel--franchise-gallery .gallery-img input[type=submit] .icon, #raap-wrapper .franchise-page .carousel--franchise-gallery .gallery-img input[type=submit] .icon, .franchise-page .carousel--franchise-gallery .gallery-img #askmd-consultation input[type=submit] .icon, .franchise-page .carousel--franchise-gallery .gallery-img #raap-wrapper input[type=submit] .icon, .franchise-page .carousel--franchise-gallery .gallery-img .btn .icon {
position: relative;
top: 1px;
margin-right: 8px
}
#askmd-consultation .franchise-page .carousel--franchise-gallery .gallery-img input[type=submit]:hover, #raap-wrapper .franchise-page .carousel--franchise-gallery .gallery-img input[type=submit]:hover, .franchise-page .carousel--franchise-gallery .gallery-img #askmd-consultation input[type=submit]:hover, .franchise-page .carousel--franchise-gallery .gallery-img #raap-wrapper input[type=submit]:hover, .franchise-page .carousel--franchise-gallery .gallery-img .btn:hover {
color: #198AA3;
background-color: #fff
}
.franchise-page .carousel--franchise-gallery .button--carousel__inset {
background: #262626;
border: none;
border-radius: 0;
width: 31px;
height: 31px;
padding: 0;
position: relative;
filter: alpha(Opacity=80);
opacity: .8
}
.franchise-page .carousel--franchise-gallery .button--carousel__inset:hover {
background: #33B7DE
}
.franchise-page .carousel--franchise-gallery .button--carousel__inset i {
position: absolute;
top: 52%;
left: 60%;
margin-top: -8.5px;
margin-left: -8.5px;
text-indent: -999em
}
.carousel .franchise-page .carousel--franchise-gallery .owl-next .icon, .carousel .franchise-page .carousel--franchise-gallery .owl-prev .icon, .franchise-page .carousel--franchise-gallery .button--carousel .icon, .franchise-page .carousel--franchise-gallery .button--carousel--tall .icon, .franchise-page .carousel--franchise-gallery .carousel .owl-next .icon, .franchise-page .carousel--franchise-gallery .carousel .owl-prev .icon {
left: 21px;
top: 18px
}
.franchise-page .carousel--franchise-gallery .see-gallery {
font-family: 'Open Sans', sans-serif;;
font-size: .8125em;
line-height: 26px;
text-transform: uppercase;
text-align: center
}
.franchise-page .carousel--franchise-gallery .see-gallery a {
color: #ff008f;
text-decoration: none
}
.franchise-page .carousel--franchise-gallery .see-gallery a:hover, .franchise-page .featured-blurb .featured-heading a:hover {
color: #000
}
@media screen and (min-width:800px) and (max-width:969px) {
.franchise-page .carousel--franchise-gallery {
max-width: 550px;
padding-left: 1px;
padding-right: 1px
}
.franchise-page .carousel--franchise-gallery .media--valign img {
max-width: none
}
.franchise-page .carousel--franchise-gallery .carousel__button-wrap {
width: 50%;
height: 76%;
background: 0 0;
top: 0
}
.franchise-page .carousel--franchise-gallery .button--carousel__inset {
top: 46%
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.franchise-page .carousel--franchise-gallery {
margin-top: 0;
padding-left: 65px;
padding-right: 65px
}
.franchise-page .carousel--franchise-gallery .media--valign img {
max-width: none
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.franchise-page .carousel--franchise-gallery {
margin-top: 0;
padding-left: 26px;
padding-right: 26px
}
.franchise-page .carousel--franchise-gallery .media--valign img {
max-width: none
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.franchise-page .carousel--franchise-gallery {
padding-left: 26px;
padding-right: 26px
}
.franchise-page .carousel--franchise-gallery .media--valign img {
max-width: none
}
.franchise-page .carousel--franchise-gallery .carousel__button-wrap {
width: 50%;
background: 0 0;
top: 35%
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.franchise-page .carousel--franchise-gallery {
padding-left: 12px;
padding-right: 12px
}
.franchise-page .carousel--franchise-gallery .media--valign img {
max-width: none
}
.franchise-page .carousel--franchise-gallery .carousel__button-wrap {
width: 50%;
background: 0 0;
top: 35%
}
}
.franchise-page .story-hero {
margin-top: 25px!important
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .story-hero {
margin-top: 0
}
}
.franchise-page .story-hero-list {
margin-top: 25px!important;
padding-bottom: 10px
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .story-hero-list {
margin-top: 0
}
}
.franchise-page .featured-node {
margin-bottom: 0
}
.franchise-page .featured-node img {
border: 1px solid #dbdedc;
box-sizing: content-box
}
@media screen and (min-width:768px) and (max-width:969px) {
.franchise-page .featured-node .video-icon-wrap {
display: none
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.franchise-page .featured-node {
margin-bottom: 15px
}
}
.franchise-page .featured-blurb {
text-decoration: none;
position: static;
padding: 0;
display: block;
left: auto;
margin: 0;
width: 100%
}
.franchise-page .featured-blurb .featured-heading {
font-size: 30px;
font-weight: 700;
line-height: 34px
}
.franchise-page .featured-blurb .featured-heading a {
color: #000;
text-decoration: none
}
@media screen and (min-width:800px) and (max-width:969px) {
.franchise-page .featured-blurb .featured-heading {
font-size: 24px;
line-height: 28px
}
.franchise-page .content--block>.entry {
max-width: 63%
}
}
.franchise-page .featured-blurb .featured-description {
margin-bottom: 0;
cursor: text
}
.franchise-page .featured-blurb .video-btn {
position: absolute;
top: -37px;
left: 0;
right: auto;
bottom: auto
}
@media screen and (min-width:600px) and (max-width:969px) {
.franchise-page .featured-blurb .video-btn {
display: block
}
}
.franchise-page .featured-blurb:hover .featured-heading a {
text-decoration: underline
}
@media screen and (min-width:600px) {
.franchise-page .featured-blurb {
width: 75.83333%;
position: absolute;
bottom: 40px;
left: 40px;
box-sizing: border-box;
background: #fff;
background-color: rgba(255,255,255,.9);
border: 1px solid #fff;
padding: 20px
}
}
@media screen and (min-width:0) and (max-width:799px) {
.franchise-page .sidebar-ad {
margin-bottom: 30px;
margin-top: -19px;
padding-top: 36px
}
.franchise-page .sidebar {
display: none
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.franchise-page .featured-blurb .featured-heading {
font-size: 22px;
line-height: 30px;
font-weight: 400
}
.franchise-page .sidebar-ad {
border-top: 1px solid #dbdedc
}
}
@media screen and (min-width:600px) and (max-width:799px) {
.franchise-page .sidebar-ad {
border-top: none
}
}
.franchise-page .sidebar {
margin-top: 10px
}
@media screen and (min-width:0) and (max-width:799px) {
.franchise-page .ad-wrap__striped {
margin-top: -30px;
float: left;
width: 100%
}
}
.franchise-page .content--block {
display: block;
overflow: auto;
width: 100%;
float: left
}
@media (min-width:861px) and (max-width:920px) {
.franchise-page .content--block>.entry {
max-width: 61%
}
}
@media (min-width:800px) and (max-width:860px) {
.franchise-page .content--block>.entry {
max-width: 58%
}
}
.franchise-page .content--block>.sidebar {
margin: 10px 0 0
}
.franchise-page .video-series .carousel__item {
width: 100%;
margin: 0
}
.franchise-page .video-series .carousel__item .img img {
max-height: inherit;
width: 100%
}
@media screen and (min-width:799px) {
.franchise-page .promo__wrap:last-child {
margin-bottom: 40px
}
}
@media screen and (min-width:0) and (max-width:799px) {
body.node-type-franchise #main.wrap {
padding: 0
}
body.node-type-franchise .entry {
padding-right: 0;
border: 0
}
body.node-type-franchise #directory, body.node-type-franchise #gallery-content, body.node-type-franchise .franchise-video-series, body.node-type-franchise .story-hero, body.node-type-franchise .story-hero-list, body.node-type-franchise .two-story, body.node-type-franchise .video-content {
max-width: 1024px;
min-width: 320px;
margin: 0 auto;
padding: 0 26px;
box-sizing: border-box
}
}
@media screen and (min-width:0) and (max-width:799px) and (min-width:480px) and (max-width:599px) {
body.node-type-franchise #directory, body.node-type-franchise #gallery-content, body.node-type-franchise .franchise-video-series, body.node-type-franchise .story-hero, body.node-type-franchise .story-hero-list, body.node-type-franchise .two-story, body.node-type-franchise .video-content {
padding: 0 26px
}
}
@media screen and (min-width:0) and (max-width:799px) and (min-width:0px) and (max-width:479px) {
body.node-type-franchise #directory, body.node-type-franchise #gallery-content, body.node-type-franchise .franchise-video-series, body.node-type-franchise .story-hero, body.node-type-franchise .story-hero-list, body.node-type-franchise .two-story, body.node-type-franchise .video-content {
padding: 0 12px
}
}
@media screen and (min-width:0) and (max-width:799px) and (min-width:768px) and (max-width:799px) {
body.node-type-franchise #directory, body.node-type-franchise #gallery-content, body.node-type-franchise .franchise-video-series, body.node-type-franchise .story-hero, body.node-type-franchise .story-hero-list, body.node-type-franchise .two-story, body.node-type-franchise .video-content {
padding-left: 65px;
padding-right: 65px
}
}
body.node-type-franchise .franchise-presented-by {
display: none
}
body.node-type-franchise .franchise-presented-by.display {
display: block;
font-family: Oswald;
font-size: 14px;
color: #6a6a6a;
padding-right: 15px
}
#askmd h1 {
color: #00B5C1;
font-size: 16px
}
#askmd #consultation-name {
display: inline-block
}
#askmd #result-name {
font-size: 44px;
color: #00B5C1;
margin-bottom: 12px;
line-height: 1
}
#askmd #see-all-results {
font-size: 16px;
font-family: Oswald;
font-weight: 400
}
#askmd #see-all-results a {
text-decoration: none!important
}
#askmd #see-all-results a:hover {
color: #198AA3
}
#askmd #see-all-results .icon {
margin-right: 3px;
margin-bottom: -2px
}
#askmd .info-iframe-container {
display: none;
position: absolute;
z-index: 101;
left: -17px;
top: -347px;
background: #FFF;
height: 290px;
width: 382px;
margin: 40px -15px 20px 0;
padding: 5px;
border: 1px solid #dbdedc;
-webkit-overflow-scrolling: touch
}
#askmd .info-iframe-container:after, #askmd .info-iframe-container:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-bottom: 0
}
#askmd .info-iframe-container:before {
bottom: -16px;
left: 9px;
border-top-color: #dbdedc;
border-width: 16px
}
#askmd .info-iframe-container:after {
bottom: -15px;
left: 10px;
border-top-color: #FFF;
border-width: 15px
}
#askmd .info-iframe-container .mobile-info-nav {
display: none;
color: #00B5C1;
font-family: "Helvetica Neue";
font-size: 17px
}
#askmd .info-iframe-container .mobile-info-nav .icon {
position: absolute
}
#askmd .info-iframe-container .mobile-info-nav span {
vertical-align: top;
padding-left: 15px
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd .info-iframe-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 2px;
margin: 0;
border: none;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
height: 100%;
width: 100%
}
#askmd .info-iframe-container .mobile-info-nav {
display: block;
padding: 10px 10px 5px;
margin-bottom: 15px;
border-width: 0 0 3px;
border-style: solid;
border-color: #dbdedc;
border-image: radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch;
-ms-border-image: -ms-radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch
}
#askmd .info-iframe-container:after, #askmd .info-iframe-container:before {
border: none
}
}
#askmd .askmd-content, #askmd .askmd-search .search-again {
-ms-border-image: -ms-radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch
}
#askmd .icon-info-blue, #askmd .more-info .more-title, .more-info #askmd .more-title {
position: absolute;
left: 5px;
z-index: 100
}
#askmd .btn-close-quiz {
position: absolute;
right: 0;
top: 10px
}
#askmd #small-close {
top: 30px!important
}
@media screen and (min-width:480px) and (max-width:799px) {
#askmd .ad-wrap__striped {
margin: 0 -26px;
padding: 36px 26px 28px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#askmd .ad-wrap__striped {
margin: 0 -12px!important;
padding: 36px 12px 28px!important
}
}
#askmd #progress {
width: 100%;
height: 10px;
background-color: #e2e0e0;
margin: 15px 0
}
#askmd #progress-bar {
display: inline-block;
height: 10px;
background-color: #00B5C1;
vertical-align: top
}
#askmd #progress-text {
display: inline-block;
position: absolute;
width: 50px;
text-align: center;
background-color: #FFF;
vertical-align: top;
font-size: 20px;
font-weight: 700;
font-family: Oswald;
line-height: 10px;
color: #00B5C1
}
#askmd #main-container {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/askmd/askmd_startbg.png) no-repeat
}
#askmd .askmd__form {
padding: 8px 0 0;
margin: 0 auto
}
#askmd .askmd__form div {
height: 55px
}
#askmd .askmd__form input {
font-family: 'Open Sans', sans-serif;;
width: 100%;
text-align: center
}
#askmd .askmd__form input[type=text] {
color: #000;
height: 49px;
font-family: Georgia, "Times New Roman", serif
}
#askmd .askmd__form input[type=text].placeholderjs {
opacity: 1;
text-transform: uppercase;
color: #d2d2d2;
font-family: "Proxima Nova", sans-serif;
padding-top: 3px;
font-size: 16px;
font-weight: 600
}
#askmd .askmd__form input[type=text]::-webkit-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
#askmd .askmd__form input[type=text]:-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
#askmd .askmd__form input[type=text]::-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
#askmd .askmd__form input[type=text]:-ms-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
#askmd .askmd__form input[type=submit] {
height: 55px;
font-size: 18px;
font-weight: 300;
letter-spacing: 1px
}
@media screen and (min-width:600px) {
#askmd .askmd__form {
padding: 21px 0 0
}
}
#askmd .askmd__search-form {
text-align: center;
position: relative;
padding-bottom: 20px;
border-top: 1px solid #dbdedc;
background-image: -owg-radial-gradient(circle at top, #f7f7f7, rgba(255,255,255,0));
background-image: radial-gradient(circle at top, #f7f7f7, rgba(255,255,255,0))
}
#askmd .askmd__search-form:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-image: -owg-radial-gradient(circle at top, #e4e2e2, rgba(255,255,255,0));
background-image: radial-gradient(circle at top, #e4e2e2, rgba(255,255,255,0));
content: ''
}
@media screen and (max-width:480px) {
#askmd .askmd__search-form input {
width: 205px
}
}
#askmd .askmd__search-form input[type=text] {
margin-right: 18px;
vertical-align: top
}
@media screen and (min-width:799px) {
#askmd .askmd__search-form input[type=text] {
max-width: 515px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#askmd .askmd__search-form input[type=text] {
max-width: 470px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#askmd .askmd__search-form input[type=text] {
max-width: 369px
}
}
@media screen and (min-width:600px) and (max-width:655px) {
#askmd .askmd__search-form input[type=text] {
max-width: 315px
}
}
#askmd .askmd__search-form input[type=submit] {
width: 205px
}
#askmd .askmd__search-form .search-again-btn div {
width: 205px;
margin: 0 auto
}
#askmd .askmd {
text-align: center;
padding: 30px 0 0
}
#askmd .askmd__social i {
display: block;
margin-bottom: 10px
}
@media screen and (min-width:970px) {
#askmd .askmd__social i {
margin-bottom: 10px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd .askmd__social i {
display: inline-block;
margin-right: 8px
}
#askmd .askmd__social {
margin-top: 10px
}
}
@media screen and (min-width:600px) and (max-width:969px) {
#askmd .askmd__social {
margin-right: -26px
}
#askmd .askmd__social .icon-social-fb-extended, #askmd .askmd__social .icon-social-twitter-extended {
display: none
}
}
#askmd .askmd__title {
margin: 0 auto;
width: 50%
}
#askmd .askmd__results {
padding-top: 16px;
font-size: 18px;
font-weight: 700
}
#askmd .askmd-content__section ol li:before, #askmd .askmd-search .search-again label, #askmd .askmd__start-form label {
font-family: 'Open Sans', sans-serif;;
font-weight: 300
}
#askmd .askmd__results-number {
font-size: 14px;
color: #000
}
@media screen and (min-width:799px) {
#askmd .askmd__results-number {
margin-bottom: 35px
}
#askmd .askmd__start-form input[type=text] {
max-width: 594px
}
}
@media screen and (min-width:600px) and (max-width:799px) {
#askmd .askmd__results-number {
margin-bottom: 30px
}
}
@media screen and (max-width:600px) {
#askmd .askmd__results-number {
margin-bottom: 18px
}
}
#askmd .askmd__start-form label {
font-size: 25px;
display: inline-block
}
@media screen and (max-width:320px) {
#askmd .askmd__start-form label {
font-size: 21px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#askmd .askmd__start-form input {
width: 226px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#askmd .askmd__start-form input[type=text] {
max-width: 644px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#askmd .askmd__start-form input[type=text] {
max-width: 544px
}
}
#askmd .askmd__start-form input[type=submit] {
width: 226px
}
#askmd .askmd__start-form * {
margin-bottom: 21px
}
#askmd .askmd__start-form--powered-by-sharecare {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/logos/sharecare-logo2.png) no-repeat;
width: 175px;
height: 34px;
margin: 0 auto
}
@media screen and (min-width:799px) {
#askmd .askmd__start-form--powered-by-sharecare {
margin: -5px auto 10px
}
#askmd .askmd__start-form {
width: 600px;
padding: 15px 0 0
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#askmd .askmd__start-form {
width: 650px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#askmd .askmd__start-form {
width: 550px
}
}
#askmd .askmd-content {
border-width: 3px 0 0;
border-style: solid;
border-color: #dbdedc;
border-image: radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch;
background-image: -owg-radial-gradient(circle at top, #f7f7f7, #fff 50%);
background-image: radial-gradient(circle at top, #f7f7f7, #fff 50%);
padding: 50px 0
}
@media screen and (min-width:0px) and (max-width:479px) {
#askmd .askmd-content {
margin: 0 -12px;
padding: 50px 12px 0
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#askmd .askmd__start-form input[type=text] {
max-width: 424px
}
#askmd .askmd__start-form {
width: 430px
}
#askmd .askmd-content {
margin: 0 -26px;
padding: 50px 26px 0
}
}
@media screen and (min-width:600px) and (max-width:799px) {
#askmd .askmd-content {
padding: 50px 0 0
}
#askmd .askmd-content .askmd-entry {
margin-bottom: 30px
}
}
#askmd .askmd-content .askmd-entry {
display: table;
padding-right: 0;
line-height: 1.6;
position: relative
}
@media screen and (min-width:799px) {
#askmd .askmd-content .askmd-entry {
padding-right: 135px
}
}
#askmd .askmd-content__section {
margin-bottom: 35px
}
#askmd .askmd-content__section h3 {
font-size: 22px
}
@media screen and (min-width:0) and (max-width:799px) {
#askmd .askmd-content__section h3 {
font-size: 18px
}
}
#askmd .askmd-content__section ol {
position: relative;
list-style-type: none;
counter-reset: li-counter
}
#askmd .askmd-content__section ol li {
color: #000;
font-size: 12px;
padding: 10px 0;
position: relative
}
#askmd .askmd-content__section ol li:before {
position: absolute;
font-size: 24px;
color: #000;
content: counter(li-counter);
counter-increment: li-counter;
left: 0;
line-height: 1.25
}
#askmd .askmd-content__section h4 {
font-size: 18px;
padding-left: 20px;
margin-bottom: 5px
}
@media screen and (min-width:600px) and (max-width:799px) {
#askmd .askmd-content__section {
width: 50%;
display: table-cell
}
#askmd .askmd-content__section:first-child {
border-right: 1px solid #dbdedc
}
}
#askmd .askmd-content #askmd-content__featured-video p {
padding-bottom: 22px
}
#askmd .askmd-content #askmd-content__featured-video p a {
font-style: italic
}
#askmd .askmd-content__ad {
padding: 40px 0;
border-top: 1px solid #dbdedc;
margin: 0 -26px;
width: auto
}
@media screen and (min-width:600px) and (max-width:799px) {
#askmd .askmd-content #askmd-content__explanation {
padding-right: 5%
}
#askmd .askmd-content #askmd-content__featured-video {
padding-left: 5%
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd .askmd-content #askmd-content__featured-video {
border-width: 3px 0 0;
border-style: solid;
border-color: #dbdedc;
border-image: radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch;
-ms-border-image: -ms-radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch;
background-image: -owg-radial-gradient(circle at top, #f7f7f7, #fff 50%);
background-image: radial-gradient(circle at top, #f7f7f7, #fff 50%);
padding-top: 40px
}
}
#askmd .askmd-search .search-again, #askmd-consultation #from-visit #my-notes {
background-image: -owg-radial-gradient(circle at top, #f7f7f7, #fff 50%);
border-image: radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch
}
#askmd .askmd-search {
border-top: 1px solid #dbdedc;
padding: 50px 0
}
#askmd .askmd-search .search-again {
text-align: center;
border-width: 3px 0 0;
border-style: solid;
border-color: #dbdedc;
background-image: radial-gradient(circle at top, #f7f7f7, #fff 50%);
padding: 30px 0 0
}
#askmd .askmd-search .search-again label {
font-size: 21px;
display: inline-block;
color: #424242;
margin-bottom: 22px
}
#askmd .askmd-search .search-again input {
height: 50px;
text-align: center
}
#askmd .askmd-search .search-again input[type=text] {
margin-bottom: 15px
}
#askmd .askmd-search .search-again input[type=text].placeholderjs {
opacity: 1;
text-transform: uppercase;
color: #d2d2d2;
font-family: "Proxima Nova", sans-serif;
padding-top: 3px;
font-size: 16px;
font-weight: 600
}
#askmd .askmd-search .search-again input[type=text]::-webkit-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
#askmd .askmd-search .search-again input[type=text]:-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
#askmd .askmd-search .search-again input[type=text]::-moz-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
#askmd .askmd-search .search-again input[type=text]:-ms-input-placeholder {
opacity:1;
text-transform:uppercase;
color:#d2d2d2;
font-family:"Proxima Nova", sans-serif;
padding-top:3px;
font-size:16px;
font-weight:600
}
@media screen and (min-width:320px) and (max-width:600px) {
#askmd .askmd-search .search-again input[type=text] {
width: 99%
}
}
@media screen and (max-width:320px) {
#askmd .askmd-search .search-again input[type=text] {
width: 205px
}
}
#askmd .askmd-search .search-again input[type=submit] {
width: 205px
}
@media screen and (min-width:600px) {
#askmd .askmd-search .search-again {
display: none
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#askmd .askmd-search__ad {
padding-top: 50px
}
#askmd .askmd-search {
padding: 0 0 40px;
border-top: none
}
}
#askmd .askmd-list-results {
margin: -40px 0 0;
border: 0;
list-style: none
}
@media screen and (min-width:970px) {
#askmd .askmd-list-results {
padding: 0 45px 0 0
}
#askmd .askmd-list-results li p {
width: 455px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
#askmd .askmd-list-results {
padding: 0 25px 0 0
}
}
@media screen and (min-width:0px) and (max-width:767px) {
#askmd .askmd-list-results {
padding: 0;
margin: 0
}
#askmd .askmd-list-results li:first-child {
border-top: 1px solid #dbdedc
}
}
#askmd .askmd-list-results li {
position: relative;
padding: 10px 0;
border-bottom: 1px solid #dbdedc
}
#askmd .askmd-list-results li a {
text-decoration: none
}
#askmd .askmd-list-results li a:hover h3 {
text-decoration: underline
}
#askmd .askmd-list-results li:last-child {
border-bottom: 0
}
#askmd .askmd-list-results li h3 {
font-size: 18px;
padding-bottom: 8px
}
#askmd .askmd-list-results li p {
color: #6a6a6a
}
@media screen and (min-width:800px) and (max-width:969px) {
#askmd .askmd-list-results li p {
width: 335px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
#askmd .askmd-list-results li p {
width: 310px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
#askmd .askmd-list-results li:last-child {
border-bottom: 1px solid #dbdedc
}
#askmd .askmd-list-results li p {
width: 455px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
#askmd .askmd-list-results li p {
width: 402px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
#askmd .askmd-list-results li p {
width: 245px
}
}
#askmd .askmd-list-results li .icon-list-arrow-right {
position: absolute;
top: 40%;
right: 0
}
#askmd .askmd-list-results li .popt-flag {
width: 30px;
display: inline-block;
vertical-align: middle
}
#askmd .askmd-list-results .cause-text {
display: inline-block;
box-sizing: border-box;
position: relative;
width: calc(100% - 30px);
margin: -10px 0;
padding: 10px 0;
border-left: 1px solid #dbdedc
}
#askmd .askmd-list-results .cause-text h3 {
padding-left: 10px;
margin-top: 5px;
width: 90%
}
#askmd #askmd-consultation .askmd-list-results {
margin: 0
}
#askmd #askmd-consultation .askmd-list-results .icon-list-arrow-right {
top: 22%!important
}
@media screen and (min-width:0px) and (max-width:767px) {
#askmd #askmd-consultation .askmd-list-results li:first-child {
border-top: none!important
}
}
#askmd .ui-menu {
background-color: #FFF;
max-width: 400px;
max-height: 250px;
border: 1px solid #dbdedc;
overflow-y: scroll
}
#askmd .ui-menu-item {
border-bottom: 1px solid #dbdedc;
padding: 15px 5px;
width: auto;
background-color: #FFF;
color: #000;
font-size: 14px;
font-family: Georiga
}
#askmd .ui-menu-item:hover {
background-color: #F0F0F0
}
#askmd .ui-state-focus {
background-color: #F0F0F0!important
}
.askmd-consultation #header-ad-space {
background: #FFF;
border: none
}
.page-askmd-consultation {
margin-top: 0!important
}
#askmd-consultation .page-head h1 {
width: 88%
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd-consultation .page-head h1 {
width: 81%
}
}
#askmd-consultation .results-side-ad {
width: 39%;
display: inline-block;
padding-top: 45px
}
#askmd-consultation .custom-select .custom-select-input i.icon {
right: 0!important
}
#askmd-consultation h2 {
font-size: 30px;
font-weight: 400
}
#askmd-consultation .form_title {
margin: 10px 0;
font-size: 14px;
font-family: Georgia;
font-weight: 400;
color: #7a7a7a
}
#askmd-consultation .form-child {
position: relative;
display: table
}
#askmd-consultation .form-child input[type=checkbox] {
display: table-cell!important
}
#askmd-consultation .icon-checkbox-unchecked, #askmd-consultation .icon-radio-unchecked-2 {
position: absolute;
top: 0;
left: 0
}
#askmd-consultation .medication-type .form label {
display: inline-block!important
}
#askmd-consultation .error {
text-transform: none!important;
font-size: 12px
}
#askmd-consultation .form {
display: block;
position: relative
}
#askmd-consultation .form input[type=text] {
color: #000
}
#askmd-consultation .form .group_label {
font-family: "Proxima Nova";
text-transform: uppercase;
font-weight: 900
}
#askmd-consultation .form label {
font-family: Georgia;
font-size: 12px;
color: #000;
vertical-align: top;
display: table-cell;
font-weight: 400;
max-width: 600px
}
#askmd-consultation .form .integer, #askmd-consultation .form .number {
width: auto;
display: inline-block;
vertical-align: top;
margin: 10px 10px 0 0
}
#askmd-consultation .form .integer label, #askmd-consultation .form .number label {
vertical-align: middle;
font-family: "Proxima Nova";
text-transform: uppercase;
font-weight: 900
}
@media screen and (min-width:0px) and (max-width:479px) {
#askmd-consultation .form .integer input, #askmd-consultation .form .integer label, #askmd-consultation .form .number input, #askmd-consultation .form .number label {
display: block
}
}
#askmd-consultation .form .error {
display: block;
margin: 10px 0;
padding: 0;
color: red;
font-size: 12px;
font-weight: 700;
line-height: 10px;
text-transform: none
}
#askmd-consultation .form .choice {
width: auto;
display: inline-block;
margin: 0 10px 0 0
}
@media screen and (min-width:0px) and (max-width:635px) {
#askmd-consultation .form .number {
display: block
}
}
#askmd-consultation .form .text textarea {
width: 100%
}
#askmd-consultation .form #form_gender_dob .select {
width: auto;
display: inline-block;
margin: 0 10px 0 0
}
@media screen and (min-width:768px) and (max-width:830px) {
#askmd-consultation .form #form_gender_dob .select {
display: block;
margin: 0 0 10px
}
#askmd-consultation .temperature-type input, #askmd-consultation .temperature-type label {
display: block
}
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd-consultation .form #form_gender_dob .select {
display: block;
margin: 0 0 10px
}
}
#askmd-consultation .adult-height-type .custom-select, #askmd-consultation .body-weight-type .custom-select, #askmd-consultation .child-height-type .custom-select, #askmd-consultation .temperature-type .custom-select {
margin: 0
}
#askmd-consultation .adult-height-type .form label, #askmd-consultation .body-weight-type .form label, #askmd-consultation .child-height-type .form label {
font-family: "Proxima Nova";
text-transform: uppercase;
font-weight: 900
}
#askmd-consultation .temperature-type .choice {
vertical-align: bottom
}
#askmd-consultation .temperature-type input[type=text] {
min-width: 240px
}
@media screen and (min-width:768px) and (max-width:973px) {
#askmd-consultation .temperature-type .choice {
display: block
}
#askmd-consultation .temperature-type .custom-select {
margin-top: 10px
}
}
@media screen and (min-width:768px) and (max-width:830px) {
#askmd-consultation .temperature-type .custom-select {
margin-top: 10px
}
}
@media screen and (min-width:320px) and (max-width:635px) {
#askmd-consultation .temperature-type .custom-select {
margin-top: 10px
}
}
#askmd-consultation #askmd-consultation-form .button--submit {
width: 150px;
margin: 40px 0
}
@media screen and (min-width:0px) and (max-width:479px) {
#askmd-consultation #askmd-consultation-form .button--submit {
width: 120px
}
}
#askmd-consultation #askmd-consultation-form .free-form-type label {
display: inline-block
}
#askmd-consultation .cause-header {
padding: 35px 0 20px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #00B5C1
}
#askmd-consultation #first-tab, #askmd-consultation #from-visit {
background-color: #FFF
}
#askmd-consultation .tab {
width: 180px
}
#askmd-consultation .tab a {
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
font-weight: 300;
padding: 10px 0
}
#askmd-consultation .tab:hover a {
color: #198AA3
}
@media screen and (min-width:0px) and (max-width:599px) {
#askmd-consultation .tab {
width: 33.3%;
box-sizing: border-box
}
}
#askmd-consultation--navigation {
display: block;
width: auto
}
#askmd-consultation--navigation button {
display: inline-block;
float: none!important;
width: auto
}
#askmd-consultation--navigation #form_next .icon {
margin: -2px 5px
}
#askmd-consultation--navigation #form_next span {
margin: 0 0 0 8px
}
#askmd-consultation--navigation #form_previous {
margin-right: 30px!important
}
@media screen and (min-width:0px) and (max-width:767px) {
#askmd-consultation--navigation #form_previous {
margin-right: 20px!important
}
#askmd-consultation--navigation {
text-align: center
}
}
#askmd-consultation--navigation #form_previous .icon {
margin: -2px 5px
}
#askmd-consultation--navigation #form_previous span {
margin: 0 10px 0 0
}
#askmd-consultation--navigation #form_previous:disabled {
background: #f8f8f8;
color: #e2e2e2!important
}
#askmd-consultation #from-visit {
padding: 40px 45px 40px 0;
width: 100%;
position: relative;
box-sizing: border-box
}
#askmd-consultation #from-visit h2 {
text-transform: uppercase;
color: #00B5C1;
font-size: 13px;
font-weight: 700
}
#askmd-consultation #from-visit section {
margin: 15px 0;
border-top: 1px solid #dbdedc
}
#askmd-consultation #from-visit section:first-of-type {
border-top: none
}
#askmd-consultation #from-visit section h3 {
font-size: 18px;
margin-top: 20px
}
#askmd-consultation #from-visit section ul {
padding-bottom: 10px
}
#askmd-consultation #from-visit section ul li {
padding: 10px 0 0
}
#askmd-consultation #from-visit #my-notes {
position: relative;
border-width: 3px 0 0;
border-style: solid;
border-color: #dbdedc;
-ms-border-image: -ms-radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch;
background-image: radial-gradient(circle at top, #f7f7f7, #fff 50%)
}
#askmd-consultation #from-visit #my-notes label {
font-size: 13px;
font-weight: 700;
color: #00B5C1;
text-transform: uppercase
}
#askmd-consultation #from-visit #my-notes #form {
display: block
}
#askmd-consultation #from-visit #my-notes #form div {
display: inline-block;
width: auto
}
#askmd-consultation #from-visit #my-notes h2 {
margin: 30px 0 15px
}
#askmd-consultation #from-visit #my-notes #activate-notes-field {
text-decoration: none
}
#askmd-consultation #from-visit #my-notes #activate-notes-field p {
color: #6a6a6a;
font-size: 16px;
padding: 20px 0 0;
word-wrap: break-word
}
#askmd-consultation #from-visit #my-notes #activate-notes-field .activate-notes {
position: absolute;
right: 0;
top: 30px;
height: 40px;
width: 40px;
border: 1px solid #dbdedc;
padding: 5px
}
#askmd-consultation #from-visit #my-notes .button-save-notes {
width: 40px;
height: 40px;
position: absolute;
right: 0;
top: 58px;
padding: 10px;
background-color: #FFF;
border: 1px solid #dbdedc
}
#askmd-consultation #from-visit #my-notes #form div:first-child {
width: 100%
}
#askmd-consultation #from-visit #my-notes #form_notes {
width: calc(100% - 50px)
}
#askmd-consultation #from-visit #my-notes #notes-form-container {
display: none
}
#askmd-consultation #from-visit #askmd-print {
position: absolute;
right: 45px
}
#askmd-consultation #from-visit #askmd-print a {
color: #00B5C1
}
#askmd-consultation #from-visit #askmd-print .icon {
vertical-align: middle;
margin-right: 7px
}
#askmd-consultation #from-visit #askmd-print:hover a {
color: #ff008f
}
@media screen and (min-width:0) and (max-width:799px) {
#askmd-consultation #from-visit #askmd-print {
display: none
}
}
.see-doctor-btn-container {
display: block
}
@media screen and (min-width:480px) and (max-width:599px) {
.see-doctor-btn-container {
display: inline-block;
vertical-align: top
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.see-doctor-btn-container {
margin-bottom: 20px
}
}
.askmd-see-doctor-btn {
height: 55px;
font-size: 18px;
font-weight: 300;
letter-spacing: 1px;
width: 205px;
text-align: center
}
.askmd-see-doctor-btn div {
padding: 14px 0;
height: 25px!important
}
@media screen and (min-width:600px) {
.askmd-see-doctor-btn {
display: block;
margin: 40px 0 0
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.askmd-see-doctor-btn {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: top
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.askmd-see-doctor-btn {
display: block;
margin: 0 auto 10px
}
}
.askmd-consultation-results .askmd__title {
margin-top: 50px!important
}
@media screen and (min-width:768px) {
#raap-wrapper .module-list-container .askmd-consultation-results #askmd-consultation ul+div, .askmd-consultation-results #askmd-consultation #raap-wrapper .module-list-container ul+div, .askmd-consultation-results #askmd-consultation .clearfix+div, .askmd-consultation-results #askmd-consultation .dashboard__tab-panes+div, .askmd-consultation-results #askmd-consultation .form+div, .askmd-consultation-results #askmd-consultation .health-profile__quiz-results+div, .askmd-consultation-results #askmd-consultation .media+div, .askmd-consultation-results #askmd-consultation .media--valign+div {
width: 60%;
display: inline-block
}
}
.askmd-consultation-results .askmd__search-form {
padding: 20px 0!important;
border-bottom: 1px solid #dbdedc
}
@media screen and (min-width:480px) and (max-width:599px) {
.askmd-consultation-results .askmd__search-form form {
display: inline-block;
vertical-align: top
}
}
#askmd-details {
border-top: 1px solid #dbdedc;
padding: 40px 0
}
#askmd-details #details-content {
display: block;
width: 100%
}
@media screen and (min-width:768px) {
#askmd-details #details-content {
display: table-cell;
padding-right: 85px;
box-sizing: border-box
}
}
#askmd-details .details-section {
border-bottom: 1px solid #dbdedc
}
#askmd-details .details-section:last-child {
border-bottom: none
}
#askmd-details .details-section:first-child {
margin-top: -20px
}
#askmd-details .details-section__header {
padding: 20px 0;
position: relative
}
#askmd-details .details-section__header h2 {
font-size: 13px;
color: #00B5C1;
text-transform: uppercase
}
#askmd-details .details-section__header .icon {
position: absolute;
right: 0;
top: 30px
}
#askmd-details .details-section__header:hover h2 {
color: #ff008f
}
#askmd-details .details-section__content div {
padding: 0 0 20px
}
#askmd-details .details-section__content div h3 {
font-size: 14px;
font-family: Georgia;
font-weight: 700
}
#askmd-details .details-section__content div p .details-section__sublist, #askmd-details .details-section__content div ul .details-section__sublist {
padding: 10px 0 10px 17px
}
#askmd-details .details-section__content div ol {
list-style-type: none;
list-style-position: inside
}
#askmd-details .details-section__content div ol li {
font-size: 14px;
counter-increment: list;
margin-bottom: 10px
}
#askmd-details .details-section__content div ol li:before {
position: absolute;
left: 0;
content: "[" counter(list, decimal) "]"
}
#askmd-details .details-section__content div ul li {
font-size: 14px
}
#askmd-details .opened .details-section__content {
display: block
}
#askmd-details .closed .details-section__content {
display: none
}
#askmd-details .results-side-ad {
width: 300px
}
#askmd-details .results-ad {
border-width: 3px 0 0;
border-style: solid;
border-color: #dbdedc;
border-image: radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch;
-ms-border-image: -ms-radial-gradient(center, #dbdedc 0, #dbdedc 50%, #fff 100%) 1 stretch;
background-image: -owg-radial-gradient(circle at top, #f7f7f7, #fff 50%);
background-image: radial-gradient(circle at top, #f7f7f7, #fff 50%);
padding: 40px 0
}
#see-doctor-content {
padding: 40px 0;
text-align: center
}
#see-doctor-content .see-doctor span {
padding-right: 10px
}
#see-doctor-content .see-doctor a, #see-doctor-content .see-doctor a:hover {
color: #00B5C1
}
#see-doctor-content p {
padding: 5px 0 25px
}
@media only screen and (min-width:0px) and (max-width:479px) {
.wrap {
padding: 0 12px
}
.show-phone, .show-xs {
display: block
}
.hide-xs, .show-lg, .show-med, .show-sm, .show-xl, .show-xxl {
display: none
}
.hide-xs {
display: none!important
}
h1 {
font-size: 1.5em
}
}
@media only screen and (min-width:480px) and (max-width:599px) {
.show-sm {
display: block
}
.hide-sm, .show-lg, .show-med, .show-xl, .show-xs, .show-xxl {
display: none
}
.hide-sm {
display: none!important
}
}
@media only screen and (min-width:600px) and (max-width:767px) {
.show-med {
display: block
}
.hide-med, .ozs-kitchen .load-more, .show-lg, .show-sm, .show-xl, .show-xs, .show-xxl {
display: none
}
.hide-med, .ozs-kitchen .load-more {
display: none!important
}
}
@media only screen and (min-width:768px) and (max-width:799px) {
.show-lg {
display: block
}
.hide-lg, .ozs-kitchen .load-more, .show-sm, .show-xl, .show-xs, .show-xxl {
display: none
}
.hide-lg, .ozs-kitchen .load-more {
display: none!important
}
}
@media only screen and (min-width:800px) and (max-width:969px) {
.show-xl {
display: block
}
.hide-xl, .ozs-kitchen .load-more, .show-med, .show-sm, .show-xs, .show-xxl {
display: none
}
.hide-xl, .ozs-kitchen .load-more {
display: none!important
}
}
@media only screen and (min-width:970px) {
.show-xxl {
display: block
}
.hide-xxl, .ozs-kitchen .load-more, .show-med, .show-sm, .show-xl, .show-xs {
display: none
}
.hide-xxl, .ozs-kitchen .load-more {
display: none!important
}
}
.celebrity-science-fair .icon-pink-10x20-arrow, .celebrity-science-fair .latest-stories__tab {
display: none!important
}
.celebrity-science-fair #main-container {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/bg-paper.jpg) top center no-repeat #fff
}
@media screen and (min-width:768px) and (max-width:969px) {
.celebrity-science-fair #main-container {
background-size: 120%
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.celebrity-science-fair #main-container {
background-size: 135%
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.celebrity-science-fair #main-container {
background-size: 200%;
background-position: 33% 0
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.celebrity-science-fair #main-container {
background-size: 250%;
background-position: 33% 0
}
.celebrity-science-fair #main-container section.video-content p {
margin-bottom: 10px
}
}
.celebrity-science-fair .custom-skin-header {
height: 345px;
position: relative
}
.celebrity-science-fair .custom-skin-header .ad-wrap {
width: 120px;
position: absolute;
top: 90px;
right: 90px
}
.celebrity-science-fair .custom-skin-header .ad-wrap .ad-label {
display: none
}
@media screen and (min-width:768px) and (max-width:969px) {
.celebrity-science-fair .custom-skin-header .ad-wrap {
top: 60px;
right: 60px
}
}
.celebrity-science-fair .custom-skin-header .custom-social {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/social-pencil-outline.png) no-repeat;
background-size: 100%;
width: 217px;
position: absolute;
bottom: 35px;
right: 80px;
height: 130px;
padding-top: 4%;
text-align: center;
box-sizing: border-box
}
.celebrity-science-fair .custom-skin-header .custom-social i {
display: inline-block
}
.celebrity-science-fair .custom-skin-header .custom-social i.custom-facebook-link {
margin-bottom: 10px
}
@media screen and (min-width:768px) and (max-width:969px) {
.celebrity-science-fair .custom-skin-header .custom-social {
width: 196px;
right: 27px;
bottom: 33px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.celebrity-science-fair .custom-skin-header .custom-social {
width: 160px
}
}
@media screen and (min-width:768px) and (max-width:969px) {
.celebrity-science-fair .custom-skin-header {
height: 300px
}
.celebrity-science-fair .custom-skin-header .custom-social {
width: 196px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.celebrity-science-fair .custom-skin-header .custom-social {
right: 50%;
margin-right: -365px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.celebrity-science-fair .custom-skin-header {
height: 250px;
overflow: hidden
}
.celebrity-science-fair .custom-skin-header .custom-social {
width: 190px;
right: -20px;
padding-top: 5%;
bottom: 20px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.celebrity-science-fair .custom-skin-header {
height: 240px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.celebrity-science-fair .custom-skin-header {
height: 190px
}
}
.celebrity-science-fair .custom-skin-header__heading {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/science-fair-logo.png) no-repeat;
background-size: 100%;
width: 474px;
height: 299px;
margin: 25px 0 0 -25%;
position: relative;
left: 47.6%
}
@media screen and (min-width:768px) and (max-width:969px) {
.celebrity-science-fair .custom-skin-header__heading {
width: 419px;
height: 265px
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.celebrity-science-fair .custom-skin-header__heading {
width: 340px;
height: 215px;
margin-left: -200px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.celebrity-science-fair .custom-skin-header__heading {
width: 326px;
height: 207px;
margin-left: -163px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.celebrity-science-fair .custom-skin-header__heading {
width: 260px;
height: 164px;
margin-left: -130px;
margin-top: 14px
}
}
.celebrity-science-fair .custom-skin-header__watch-now {
width: 64px;
height: 96px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/watch-now.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -26.25em
}
@media screen and (min-width:768px) and (max-width:969px) {
.celebrity-science-fair .custom-skin-header__watch-now {
margin-left: -21.25em
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.celebrity-science-fair .custom-skin-header__watch-now {
width: 46px;
height: 68px;
margin-left: -17.5em
}
}
.celebrity-science-fair .carousel button {
padding: 0!important;
background-color: transparent;
border: 0;
margin-top: 20px
}
.celebrity-science-fair .carousel button i {
display: none!important
}
.celebrity-science-fair .carousel__viewport {
margin-top: -30px
}
.celebrity-science-fair .owl-carousel .owl-stage-outer {
padding-top: 20px
}
.celebrity-science-fair .carousel__next, .celebrity-science-fair .carousel__prev {
padding: 0!important;
background-color: transparent;
background-size: inherit;
border: 0;
margin-top: 20px
}
.celebrity-science-fair .carousel__next i, .celebrity-science-fair .carousel__prev i {
display: none
}
.celebrity-science-fair .video-series__video-desc {
background: 0 0;
padding-top: 8px;
padding-bottom: 20px
}
.celebrity-science-fair .pencil {
position: absolute;
bottom: -39px;
left: 50%;
width: 960px;
height: 406px;
margin-left: -910px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/pencil-scratch.png) no-repeat;
z-index: 1
}
@media screen and (min-width:768px) and (max-width:969px) {
.celebrity-science-fair .pencil {
margin-left: -855px
}
}
@media screen and (min-width:768px) and (max-width:799px) {
.celebrity-science-fair #main {
padding-bottom: 70px
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.celebrity-science-fair section.video-content .main-content {
padding-bottom: 10px
}
.nav-takeover__top-img {
max-width: 130px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.celebrity-science-fair section.video-content .main-content {
padding-bottom: 0
}
}
@media screen and (min-width:768px) {
.celebrity-science-fair .carousel__item--current .now-playing {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/now-playing.png) bottom left no-repeat!important;
width: 162px;
height: 75px;
top: -21px;
text-indent: -999em;
left: 50%;
margin-left: -77px;
position: absolute;
display: block
}
.celebrity-science-fair .carousel {
padding-top: 20px
}
.celebrity-science-fair .carousel .carousel__item a {
width: auto
}
.celebrity-science-fair .carousel .carousel__item:hover .body a {
text-decoration: none!important;
padding-bottom: 10px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/drawn-underline-grey.png) bottom left no-repeat
}
.celebrity-science-fair .carousel .carousel__item--current .body a {
padding-bottom: 10px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/drawn-underline.png) bottom left no-repeat
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.celebrity-science-fair .video-series__video-desc {
background: 0 0!important;
border-bottom: 0!important
}
.celebrity-science-fair .icon-white-arrow-up {
display: none!important
}
.celebrity-science-fair .all-videos-with-border {
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/med-button-and-arrow.png) bottom center no-repeat!important;
height: 70px;
margin-bottom: 10px;
margin-top: -30px
}
.celebrity-science-fair section.video-content #feature-slider {
padding: 0
}
.celebrity-science-fair .carousel__item--current .img {
border: 2px solid #ff008f
}
.celebrity-science-fair .carousel__item--current .img img {
border: 0!important
}
.celebrity-science-fair .carousel__item--current .now-playing {
width: 133px!important;
height: 54px;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/now-playing-vertical.png) no-repeat!important;
left: -28px!important;
top: 25px;
text-indent: -999em;
position: relative;
display: block
}
.celebrity-science-fair .carousel__item .img a {
display: block
}
.celebrity-science-fair #vertical-carousel-items .carousel__item {
border-bottom: 0;
background: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/divider-one.png) bottom center no-repeat
}
.celebrity-science-fair #vertical-carousel-items .carousel__item:nth-child(2n) {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/divider-two.png)
}
.celebrity-science-fair #vertical-carousel-items .carousel__item:nth-child(3n) {
background-image: url(../fonts/https://rightdailyfeed.com/sites/all/themes/dr_zen/img/skins/science-fair/divider-three.png)
}
}
@media screen and (min-width:0px) and (max-width:767px) and (min-width:0px) and (max-width:479px) {
.celebrity-science-fair .carousel__item--current .now-playing {
top: 5px;
left: -21px!important
}
.celebrity-science-fair #vertical-carousel-items .carousel__item {
padding: 10px 12px 15px
}
}
@media screen and (min-width:0px) and (max-width:767px) {
.celebrity-science-fair .content-preview-grid.three-col .content-preview.dummy {
display: none
}
}
.celebrity-science-fair .sidebar {
position: relative;
z-index: 2
}
body.logged-in.toolbar-drawer {
padding-top: 65px
}
body.logged-in.toolbar-drawer #header-container {
top: 65px
}
.nav-takeover__featured-content, .nav-takeover__menu, .nav-takeover__search-btn {
height: 77px;
position: absolute;
background-color: #05295a
}
@media screen and (min-width:0px) and (max-width:969px) {
.nav-takeover__featured-content, .nav-takeover__menu, .nav-takeover__search-btn {
height: 60px
}
}
.nav-takeover__featured-content:hover, .nav-takeover__menu:hover, .nav-takeover__search-btn:hover {
background: #031b33;
border-left: 1px solid #031b33;
border-right: 1px solid #031b33
}
.nav-takeover label.error {
display: none
}
@media screen and (min-width:0) and (max-width:969px) {
.nav-takeover {
padding: 0
}
}
.nav-takeover__inner {
position: relative;
height: 77px
}
.nav-takeover__menu {
top: 0;
left: 0;
z-index: 2;
border-left: 1px solid #05294e;
border-right: 1px solid #0a4279
}
.nav-takeover__menu .nav-takeover__button {
border-right: 1px solid #05294e;
border-left: 1px solid #0a4279;
padding: 0 20px
}
.nav-takeover__menu .nav-takeover__button:hover {
border-left: 1px solid #031b33;
border-right: 1px solid #031b33
}
.nav-takeover__menu .nav-takeover__button .rebrand-carot {
left: 15px;
margin: 0
}
.nav-takeover__featured-content {
position: relative;
z-index: 1;
text-align: center
}
.nav-takeover__featured-content .nav-takeover__button {
width: 100%
}
.nav-takeover__featured-content .takeover-menu-hover {
z-index: 20000
}
#header-container nav ul#main-menu>li:hover .nav-takeover__featured-content .icon, .nav-takeover__featured-content #header-container nav ul#main-menu>li:hover .icon, .nav-takeover__featured-content .rebrand-down-arrow-small {
position: absolute;
top: 53%;
margin-left: 7px
}
.nav-takeover__featured-content .icon-blue-arrow-down-large {
position: relative;
left: 10px
}
@media screen and (min-width:970px) {
.nav-takeover__featured-content .icon-blue-arrow-down-large {
top: -33px
}
}
@media screen and (min-width:0) and (max-width:969px) {
.nav-takeover__featured-content .icon-blue-arrow-down-large {
top: -25px
}
}
.nav-takeover__banner-img {
max-height: 77px
}
@media screen and (min-width:0px) and (max-width:969px) {
.nav-takeover__inner {
height: 60px
}
.nav-takeover__menu {
border-left: none
}
.nav-takeover__banner-img {
max-height: 60px
}
}
@media screen and (min-width:0px) and (max-width:479px) {
.nav-takeover__banner-img {
width: 85%
}
}
.nav-takeover__search-btn {
top: 0;
right: 0;
z-index: 2;
border-left: 1px solid #05294e;
border-right: 1px solid #0a4279
}
.nav-takeover__search-btn .nav-takeover__button {
border-left: 1px solid #0a4279;
border-right: 1px solid #05294e;
padding: 0 15px
}
.nav-takeover__search-btn .nav-takeover__button:hover {
border-left: 1px solid #031b33;
border-right: 1px solid #031b33
}
.nav-takeover__search-form {
height: 77px;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #4976a0;
opacity: 1;
z-index: 0
}
@media screen and (min-width:0px) and (max-width:969px) {
.nav-takeover__search-btn {
border-right: none
}
.nav-takeover__search-form {
height: 60px
}
}
.nav-takeover__search-form__close {
background: #1b5a97;
border-right: 1px solid #05294e;
text-align: center;
line-height: 1;
padding: 0 15px
}
.nav-takeover__search-form__close:hover {
background: #052545!important
}
.nav-takeover__featured-content-body {
white-space: normal
}
.nav-takeover__featured-content-body h3 {
font-size: 22px;
margin-bottom: 8px
}
.nav-takeover__featured-content-body h3 a {
text-decoration: none
}
.nav-takeover__featured-content-body p {
color: #6a6a6a
}
.nav-takeover__featured-content-body h4 {
text-transform: uppercase;
font-size: 14px;
color: #198AA3;
padding-bottom: 0!important
}
.nav-takeover__featured-content-body ul {
margin: 0;
padding: 0 0 0 20px
}
.nav-takeover__featured-content-body li {
list-style-type: disc;
color: #000;
font-family: 'Open Sans', sans-serif;;
font-size: 60%;
line-height: 21px
}
.nav-takeover__featured-content-body li a {
padding: 0 0 0 10px;
color: #3cb7db;
text-decoration: underline
}
.nav-takeover__featured-content-body li a:hover {
color: #198AA3
}
.nav-takeover__featured-content-body .img.hide-xxl img, .nav-takeover__featured-content-body .ozs-kitchen .img.load-more img, .ozs-kitchen .nav-takeover__featured-content-body .img.load-more img {
max-width: 130px
}
.nav-takeover__featured-content-body .see-more a {
color: #33B7DE;
font-family: 'Open Sans', sans-serif;;
font-size:.8rem;
letter-spacing: 1px
}
.nav-takeover__featured-content-body .see-more a:active, .nav-takeover__featured-content-body .see-more a:hover {
color: #198AA3
}
@media screen and (min-width:600px) {
.nav-takeover__featured-content-body p {
margin-bottom: 20px
}
}
@media screen and (min-width:0px) and (max-width:599px) {
.nav-takeover__featured-content-body p {
margin-bottom: 5px
}
}
.nav-takeover__search-input {
height: 77px;
line-height: 50.82px;
width: 83%;
position: absolute;
top: 0;
left: 70px;
background: 0 0;
outline: 0;
border: 0;
color: #fff;
text-transform: none;
font-family: 'Open Sans', sans-serif;;
font-weight: 300;
font-size: 20px;
text-indent: 20px
}
@media screen and (min-width:0px) and (max-width:969px) {
.nav-takeover__search-input {
height: 60px;
line-height: 39.6px
}
}
.nav-takeover__button {
height: 77px;
line-height: 1;
display: inline-block;
position: relative
}
@media screen and (min-width:0px) and (max-width:969px) {
.nav-takeover__button {
height: 60px
}
}
.nav-takeover__button .rebrand-carot {
display: none;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px
}
.nav-takeover__button.current {
border-left: 1px solid #031b33!important;
border-right: 1px solid #031b33!important
}
.nav-takeover__button.current .rebrand-carot {
display: block
}
.nav-takeover__ad {
position: absolute;
top: 0;
right: 68px
}
.nav-takeover__ad .ad-label {
display: none
}
@media screen and (min-width:0px) and (max-width:767px) {
.nav-takeover__ad {
display: none
}
}
@media screen and (min-width:970px) {
.nav-takeover__featured-content-body {
padding-left:.5rem
}
.nav-takeover__ad {
line-height: 52px;
margin-right: 15px
}
}
@media screen and (min-width:0) and (max-width:969px) {
.nav-takeover__ad {
line-height: 45px;
margin-right: 10px
}
}
.nav-takeover__ad #div-gpt-ad-nav, .nav-takeover__ad #div-gpt-ad-nav iframe, .nav-takeover__ad #div-gpt-ad-nav>div {
width: 88px!important;
height: 31px!important
}
.nav-takeover__featured-ad .ad-label {
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #dcdcdc
}
.nav-takeover__featured-ad--bottom {
margin-top: 20px
}
@media screen and (min-width:0px) and (max-width:479px) {
.nav-takeover__featured-ad--bottom {
margin-left: -20px
}
.nav-takeover__top-img {
max-width: 100px
}
}
.nav-takeover--search-open .nav-takeover__search-btn {
z-index: 4;
background-color: #1b5a97;
border-left: none;
border-right: none
}
.nav-takeover--search-open .nav-takeover__search-btn:hover .nav-takeover__button {
background: #052545!important
}
.nav-takeover--search-open .nav-takeover__search-btn .nav-takeover__button {
border-left-color: #1b5a97;
background: #1b5a97!important
}
.nav-takeover--search-open .nav-takeover__search-form__close {
border-right: 1px solid #1b5a97;
border-left: none;
width: 66px
}
.nav-takeover--search-open .nav-takeover__inner {
border-left: 1px solid #05294e
}
.nav-takeover--search-open .nav-takeover__search-form {
opacity: 1;
z-index: 3
}
.flip-container {
perspective: 1000
}
.flip-container .flipper {
transition: .6s;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
-ms-transition: .6s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
position: relative
}
.flip-container .back, .flip-container .front {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
position: absolute;
top: 0;
left: 0
}
.flip-container .back div, .flip-container .front div {
-ms-transition: .6s;
-ms-backface-visibility: hidden
}
.flip-container .front {
z-index: 2;
transform: rotateY(0)
}
.flip-container .back {
transform: rotateY(180deg)
}
.flip-container.vertical {
position: relative
}
.flip-container.vertical .back {
transform: rotateX(180deg)
}
.flip-container.vertical .front {
-ms-transform: rotateX(0)
}
.flip-container.vertical .flipper {
transform-origin: 100% 38.5px;
-webkit-transform-origin: 100% 38.5px;
-moz-transform-origin: 100% 38.5px;
-o-transform-origin: 100% 38.5px;
-ms-transform-origin: 100% 38.5px
}
.flip-container.vertical.flipped .flipper {
-moz-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-360deg)
}
.flip-container.vertical.flipped .flipper .back {
-ms-transform: rotateX(0)
}
.flip-container.vertical.flipped .flipper .front {
-ms-transform: rotateX(-180deg)
}
.back, .flip-container, .front {
width: 100%;
height: 77px
}
@media screen and (min-width:0px) and (max-width:969px) {
.flip-container.vertical .flipper {
transform-origin: 100% 30px;
-webkit-transform-origin: 100% 30px;
-moz-transform-origin: 100% 30px;
-o-transform-origin: 100% 30px;
-ms-transform-origin: 100% 30px
}
.back, .flip-container, .front {
height: 60px
}
}
#mega-takeover {
overflow: visible!important
}
#mega-takeover .wrap {
min-width: 0!important;
padding: 0
}
#mega-takeover.on .wrap {
padding: 0 30px
}
#mega-takeover #promo-extra {
display: table
}
#mega-takeover #promo-extra #extra-image {
display: table-cell
}
#mega-takeover #promo-extra #extra-feature {
display: table-cell;
vertical-align: top
}
@media screen and (min-width:600px) and (max-width:767px) {
#mega-takeover #promo-extra #extra-feature {
padding: 0
}
}
@media screen and (min-width:768px) and (max-width:969px) {
#mega-takeover #promo-extra #extra-feature {
padding:0 .5rem
}
}
.week {
margin: 40px 0px;
padding: 10px 20px 20px;
box-sizing: border-box;
border: 1px solid #CBCBCB;
background-color: #F7F7F7;
box-shadow: 0 5px 5px #707070;
}
.week img {
display: block;
margin: 10px 0px;
width: 100%;
}
.week p {
display: block;
margin: 10px 0 0 0;
padding: 20px;
box-sizing: border-box;
font-size: 14px;
line-height: 28px;
border: 2px solid #4fb3bf;
border-radius: 30px;
}
.week h2 {
display: block;
margin: 15px 0 5px;
padding: 0 20px;
font-family: Oswald,sans-serif;
box-sizing: border-box;
font-size: 20px;
}
.comments {
display: block;
margin: 0px 0px;
font-size: 0px;
}
.comments .comments-inner {
padding: 0px 0px;
}
.comments .comments-inner h1 {
display: block;
margin: 10px 0px;
padding: 0px 0px 5px;
border-bottom: 2px solid #006598;
color: #006598 !important;
font-size: 20px !important;
text-transform: uppercase !important;
font-family: 'Open Sans', sans-serif;
}
.comments .comments-inner .comment-box {
margin: 20px 0px;
width: 100%;
display: block;
padding: 0px 0px 20px;
border-bottom: 1px solid #d9d9d9;
}
.comments .comments-inner .comment-box .comment-pic {
width: 55px;
}
.inl {
display: inline-block;
vertical-align: top;
* display: inline;
zoom: 1;
}
.comments .comments-inner .comment-box .comment-text {
width: 80%;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h1 {
display: block;
margin: 2px 0px 0px !important;
font-size: 14px !important;
line-height: 16px !important;
border: none !important;
text-transform: none !important;
text-align: left;
text-transform: none;
font-weight: bold;
color: #006598;
font-family: inherit;
font-family: 'Open Sans', sans-serif !important;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner {
padding: 0px 20px;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h2 {
display: block;
margin: 10px 0px 0px !important;
font-size: 13px !important;
line-height: 13px !important;
text-align: left;
text-transform: none;
color: #57585a;
font-style: normal !important;
}
.bottom {display: block;margin: 40px 0;}
.bottom .product {display: block;background-color: #F7F7F7;border: 1px solid #CBCBCB;padding: 20px;box-sizing: border-box;}
.bottom .product .product-left {
width: 30%;
vertical-align: middle;
padding: 0 20px;
box-sizing: border-box;
}
.bottom .product .product-left img {
display: block;
margin: 10px auto;
width: 90%;
}
.bottom .product .product-right {
width: 70%;
vertical-align: middle;
padding: 0 20px;
box-sizing: border-box;
}
.bottom .product .product-right .offer_box {
padding: 10px;
margin: 10px 0px 10px;
display: inline-block;
text-align: center;
}
.bottom .product .product-right a.button {
display: inline-block;
width: 100%;
background: #ed8023;
background: -moz-linear-gradient(top, #ed8023 0%, #ff4e00 100%);
background: -webkit-linear-gradient(top, #ed8023 0%,#ff4e00 100%);
background: linear-gradient(to bottom, #ed8023 0%,#ff4e00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8023', endColorstr='#ff4e00',GradientType=0 );
font-size: 20px;
font-weight: bold;
color: #fff;
text-decoration: none;
text-align: center;
border-radius: 20px;
padding: 15px 0;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
box-shadow: 0 2px 8px #707070;
}
.bottom .product .product-right .offer_box p {
color: #0f0f0f;
font-size: 15px;
line-height: 20px;
margin: 0px 0px;
padding: 0;
vertical-align: top;
display: inline;
zoom: 1;
font-family: 'Montserrat', sans-serif;
}
.voterDiv .ob_bctrl {
display: none;
}
.ob_pdesc IMG {
border: none;
}
.AR_1 .ob_what {
direction: ltr;
text-align: right;
clear: both;
padding: 5px 10px 0px;
}
.AR_1 .ob_what a {
color: #757575;
font-size: 10px;
font-family: arial;
text-decoration: none;
}
.AR_1 .ob_what.ob-hover:hover a {
text-decoration: underline;
}
.AR_1 .ob_what a:after {
content: "";
vertical-align: text-bottom;
;
;
background-size: 75% 75%;
width: 12px;
height: 12px;
padding-left: 4px;
display: inline-block;
background-repeat: no-repeat;
background-position: right center;
border-left: 1px solid #999;
}
.AR_1 .ob_clear {
clear: both;
}
.AR_1 .ob_amelia,
.AR_1 .ob_logo,
.AR_1 .ob_text_logo {
display: inline-block;
vertical-align: text-bottom;
padding: 0px 5px;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.AR_1 .ob_amelia {
width: 16px;
height: 16px;
margin-bottom: -2px;
}
.AR_1 .ob_logo {
width: 67px;
height: 12px;
}
.AR_1 .ob_text_logo {
width: 67px;
height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.AR_1 .ob_amelia {
width: 16px;
height: 16px;
margin-bottom: -2px;
background-size: 16px 32px;
}
.AR_1 .ob_logo {
width: 67px;
height: 12px;
background-size: 67px 24px;
}
.AR_1 .ob_text_logo {
width: 67px;
height: 22px;
background-size: 67px 44px;
}
}
.AR_1:hover .ob_amelia,
.AR_1:hover .ob_logo,
.AR_1:hover .ob_text_logo {
background-position: center bottom;
}
.AR_1 .ob_dual_container {
clear: both;
}
.AR_1 .ob_dual_left,
.AR_1 .ob_dual_right {
float: left;
width: 46%;
padding: 0 2%;
}
.AR_1 .ob_empty {
display: none;
}
.AR_1 .odb_li {
position: relative;
}
.AR_1 .ob_dual_left .rec-src-link {
display: none;
}
.ob_org_header,
.obpd_header {
color: #003E7E;
font-family: "Proxima Nova Bold", proxima-nova-1, proxima-nova-2, "Arial Bold", Arial, "Helvetica Nueue", Helvetica, sans-serif;
font-size: 19px;
line-height: 19px;
margin-bottom: 12px;
text-transform: none;
font-weight: bold;
display: block;
}
.AR_1 .ob_dual_left LI,
.AR_1 .ob_dual_right LI {
padding-left: 13px;
}