/* DPG Responsive styles */ #socialMediaShare { margin: 0px 5px 10px; } #socialMediaShare .addthis_default_style .at300b { float: right; } #socialMediaShare .addthis_default_style .at300m { float: right; } #socialMediaShare .addthis_default_style .addthis_counter { float: right; } .right-image { float: right; clear: right; margin: 0 0 5% 5%; } .left-image { float: left; clear: left; margin: 0 5% 5% 0; } .left-side-stripe { background-image: url('//cms.bbcomcdn.com/fun/images/2013/left-side-stripe.gif'); background-repeat: repeat-y; width: 100%; height: auto; padding-left: 40px; } .videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; } .videoWrapper iframe { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .extra-condensed-regular { font-family: ProximaNovaExCn !important; font-weight: normal !important; } div#DPG { margin-bottom: 25px } div#DPG h2.article-sub-header, div#DPG h3.article-title, div#DPG h4, div#DPG h5, div#DPG h6, div#DPG h6.altH6, div#DPG h2.dpg-h2, div#DPG h3.dpg-h3, div#DPG h4.dpg-h4, div#DPG h5.dpg-h5, div#DPG h6.dpg-h6, div#DPG h3.dpg-number-h3, div#DPG .circle-number, .dpg-circle-number, h3.dpg-circle-number-h3, div#DPG .dpg-number-exercise { font-family: ProximaNovaExCnBold !important; font-weight: bold !important; text-transform: uppercase !important; color: #232323 !important } div#DPG h2.dpg-h2, div#DPG h2.article-sub-header { font-size: 3.6rem !important; margin-bottom: 1.3rem !important; line-height: 2.8rem !important } div#DPG h3.dpg-h3, div#DPG h3.article-title { font-size: 2.4rem !important; line-height: 2.0rem !important; margin-top: 2.0rem !important; margin-bottom: .7rem !important } div#DPG h3.dpg-circle-number-h3 { font-size: 2.4rem !important; line-height: 2.0rem !important; margin-top: 1.2rem !important; margin-bottom: 2.8px !important; display: inline-block; max-width: 80% !important } div#DPG .dpg-circle-number { background-color: #00aeef; border-radius: 43px; line-height: 4.0rem !important; margin-right: 1.0rem; color: #FFF !important; display: inline-block; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center; width: 43px; vertical-align: top } div#DPG h3.dpg-number-h3 { font-size: 2.4rem !important; line-height: 4.0rem !important; margin-top: 2.0rem !important; margin-bottom: 2.8px !important } div#DPG .circle-number { background-color: #00aeef; border-radius: 43px; line-height: 4.0rem !important; margin-right: 1.0rem; color: #FFF !important; float: left; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center; width: 43px } div#DPG h4.dpg-h4, div#DPG h4 { font-size: 2.0rem !important; margin-bottom: .7rem !important; line-height: 1.8rem } div#DPG h4.main-page-nav { text-align: center !important; margin-bottom: 1rem !important; max-width: 100% !important } div#DPG h5.dpg-h5, div#DPG h5 { font-weight: normal !important; font-size: 1.6rem !important; margin-bottom: .7rem !important; line-height: 1.6rem !important } div#DPG h5.dpg-prevnext-h5 { font-weight: normal !important; font-size: 1.6rem !important; margin-bottom: .7rem !important; line-height: 1.6rem !important; max-width: 100% !important; text-align: center } div#DPG h6.dpg-h6, div#DPG h6 { font-weight: none !important; font-size: 1.4rem !important; margin-bottom: .7rem !important; line-height: 1.4rem !important } div#DPG h6.dpg-h6-exercise-graphic { font-family: ProximaNova !important; text-transform: uppercase !important; font-weight: normal !important; font-size: 1.4rem !important; margin-bottom: .7rem !important; margin-top: .7rem !important; line-height: 1.4rem !important; text-align: right !important; max-width: 100% !important } div#DPG p { font-size: 1.4rem; line-height: 2rem !important; margin-bottom: 2rem !important; color: #232323; font-family: ProximaNova; padding-left: 0 } div#DPG ul, div#DPG ol { font-size: 1.4rem; line-height: 1.6rem; margin-bottom: 2rem; color: #232323; font-family: ProximaNova; padding-left: 20px } div#DPG ul li, div#DPG ol li { font-size: 1.4rem; line-height: 1.6rem; margin-bottom: 0; color: #232323; font-family: ProximaNova; padding-left: 0 } div.left-side-stripe ul li { margin: 0 0 5px 5px !important } div#DPG .dpg-pullquote { background-color: #272727; margin: .3rem 0 1.8rem 0; padding: 5px; overflow: hidden; display: block; font-family: ProximaNovaExCn !important; font-size: 1.6rem !important; line-height: 1.6rem !important; font-weight: normal; color: #FFFFFF !important; text-align: left; text-transform: uppercase } div#DPG .dpg-full-center { margin: 0; max-width: 100%; width: 100% } .side-bar { width: 34%; border-style: solid; border-width: 1px; border-color: #bdbdbd; margin-left: 1.0rem; -moz-border-radius: .3rem; border-radius: .3rem; float: right; background-color: #F1F0EE; margin-bottom: 1.6rem; margin-left: 1.6rem } div.side-bar>p, div.side-bar>img.vital-stat-image, div.side-bar>.dpg-h3 { width: 90%; margin-left: 5% } div.side-bar>img.vital-stat-image { margin: 5% 5% 0% 5% } div.side-bar>.dpg-h3 { color: #00aeef !important } img.social-icon { margin: 1% 0 2% 1% !important } img.first-social-icon { margin: 1% 0 2% 5% !important } #dpg-plan-table, #dpg-recipe-table, #dpg-directions-table { margin: 1.5rem 0px .5rem } #dpg-recipe-table { width: 49%; float: left; clear: left } #dpg-directions-table { width: 49%; float: right; clear: right } .dpg-workout-header-blue { background-color: #00aeef; color: #fff; font-size: 1.9rem !important; line-height: 1.9rem !important; border-top-left-radius: 4px; border-top-right-radius: 4px; font-family: ProximaNovaExCnBold !important; font-weight: bold !important; text-transform: uppercase !important; padding: 1.2rem 3.5% } .dpg-workout-header-blue span { float: right } .dpg-plan-exercises, .dpg-meals-supps { list-style: none outside none; margin: 0px !important; display: table; width: 100%; background-color: #F1F0EE; padding: 1.0rem 0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } div.dpg-meals-supps ul, div.dpg-meals-supps ol { max-width: 90%; margin-left: 2% } .dpgpt-exercise { width: 100%; margin: 0 0 1% } div#DPG .dpg-number-exercise { background-color: #00aeef; border-radius: 3.4rem; color: #FFF !important; font-size: 2.4rem; font-weight: bold; width: 43px; text-align: center; line-height: 4.3rem; display: inline-block; vertical-align: top; margin-right: 2%; margin-left: 3.5% } .dpg-foodsupp-image { display: inline-block; margin-left: 3.5%; width: 50px; vertical-align: top } .dpgpt-content { display: inline-block; width: 50%; vertical-align: top; margin-right: 2%; padding-top: 1rem; font-size: 1.5rem; font-family: ProximaNova !important; font-weight: lighter !important; line-height: 1.6rem } .dpgpt-foodsupp-content { display: inline-block; width: 75%; margin-left: 3.5% } div.dpg-plan-exercises h5.dpg-h5, div.dpg-meals-supps h5.dpg-h5, div.dpg-plan-exercises h3.dpg-h3, div.dpg-meals-supps h3.dpg-h3 { margin-top: 0px; margin-bottom: 0px !important; margin-left: 3.5% } .dpgpt-foodsupp-content span { font-family: ProximaNovaExCn !important; font-weight: normal !important } div.dpgpt-content h4.dpg-h4 a, div.dpgpt-foodsupp-content h4.dpg-h4 a { color: #232323 } div.dpgpt-content h4.dpg-h4 a:hover, div.dpgpt-foodsupp-content h4.dpg-h4 a:hover { color: #33B1EF !important } .dpgpt-images { float: right; clear: right; width: 30%; margin-right: 3.5%; text-align: right; vertical-align: top } img.dpg-ex-img { width: 48.5%; margin-bottom: 1% } hr.style-one { margin-top: 10px; margin-bottom: 10px; border: 0; height: 1px; background-color: #989898; width: 93% } .dpgpt-footer { width: 100% } .dpg-exercise-note, .dpg-foodsupp-note { width: 65%; font-family: ProximaNovaExCn !important; font-weight: normal !important; font-size: 1.6rem !important; line-height: 1.6rem; color: #5A5A5A !important; margin-left: 3.5%; display: inline-block } .dpg-video-note { font-family: ProximaNovaExCn !important; font-weight: normal !important; font-size: 1.6rem !important; line-height: 2rem; color: #5A5A5A !important; margin-bottom: 5px } .dpg-printable-logs { width: 28%; margin-right: 3.5%; text-align: right; float: right; vertical-align: top } img.dpg-print-img { margin-left: 2% } .nutrition-facts { width: 35%; border-style: solid; border-width: 1px; margin-bottom: 20px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 0px 1% 0px } .nutrition-facts-title { font-family: ProximaNovaExCnBold !important; font-weight: bold !important; font-size: 2.4rem !important; line-height: 2.2rem !important; text-transform: uppercase; margin: 8px 8px 0px 8px; padding: 0px 0px 2px 0px } .nutrition-facts-title span { font-family: ProximaNovaExCn !important; font-weight: normal !important; font-size: 1.6rem !important; line-height: 1.8rem !important; text-transform: none !important } .nutrition-table-label { font-family: ProximaNovaExCn !important; font-size: 1.4rem !important; line-height: 1.8rem !important; border: solid; border-width: 6px 0px 1px 0px; margin: 0px 8px 0px 8px; padding: 0px 0px 2px 0px; text-align: right } .nutrition-table-macros { font-family: ProximaNovaExCnBold !important; font-weight: normal !important; font-size: 1.6rem !important; line-height: 1.8rem !important; border-bottom: solid; border-width: 1px; margin: 0px 8px 2px 8px; padding: 1px 0px 2px 0px } .nutrition-table-macros span { float: right; font-family: ProximaNovaExCn !important; font-weight: normal !important } .stack-banner { width: 100%; text-align: center; margin-bottom: 20px } .stack-banner-image { display: inline-block; text-align: right; width: 130px } .stack-banner-copy { display: inline-block; width: 50%; vertical-align: middle; margin-left: 2%; text-align: left !important } .stack-banner-copy a:hover { text-decoration: none !important } .stack-banner-copy-header { font-family: ProximaNovaExCnBold !important; font-weight: bold !important; text-transform: uppercase !important; color: #00AEEF !important; font-size: 3.0rem !important; line-height: 2.3rem !important } .stack-banner-copy span { font-family: ProximaNovaExCn !important; text-transform: uppercase !important; font-size: 1.8rem !important; line-height: 1.8rem !important; margin-bottom: 2% !important; display: block } .vendor-banner-image { display: inline-block; width: 40%; text-align: right; margin-left: 10% } .vendor-banner-copy { display: inline-block; width: 45%; vertical-align: middle; margin-left: 1% } .vendor-banner-copy a:hover { text-decoration: none !important } .vendor-banner-copy-header { font-family: ProximaNovaExCnBold !important; font-weight: bold !important; text-transform: uppercase !important; color: #00AEEF !important; font-size: 3.0rem !important; line-height: 2.3rem !important } .vendor-banner-copy p { font-family: ProximaNovaExCn !important; text-transform: uppercase !important; font-size: 1.8rem !important; line-height: 1.6rem !important; margin-bottom: .5rem !important } @media only screen and (max-width: 760px) { div#DPG p, div#DPG ul, div#DPG ol, .article-title-header__article-description { font-size: 2rem; line-height: 2.2rem !important; margin-bottom: 2.2rem !important; color: #232323 } div#DPG h3.dpg-number-h3 { line-height: 2.0rem !important } div#DPG .circle-number { background-color: #FFF !important; border-radius: 0px; line-height: inherit !important; margin-right: 1.0rem; color: #00aeef !important; float: left; font-size: inherit !important; font-weight: bold; text-align: center; width: auto } div#DPG .dpg-circle-number { background-color: #FFF !important; border-radius: 0px; line-height: 2.0rem !important; margin-right: 1.0rem; color: #00aeef !important; font-size: 2.4rem !important; font-weight: bold; text-align: center; width: auto; display: inline-block; margin-top: 1.2rem !important; margin-bottom: 2.8px !important } div#DPG h4.main-page-nav { text-align: center !important; margin-bottom: 1rem !important; max-width: 70% !important; margin-left: 15% !important } div#DPG .dpg-pullquote { padding: 5% } .nutrition-facts { width: 100% } .dpg-hideme760 { display: none } .side-bar { width: 100%; float: none; margin-left: 0px } div.side-bar>p, div.side-bar>img.vital-stat-image, div.side-bar>.dpg-h3 { width: 96%; margin-left: 2% } img.social-icon { margin: 1% 0 1% 1% !important } img.first-social-icon { margin: 1% 0 1% 2% !important } .dpgpt-images { float: none; clear: none; width: 92%; margin: 1% 3.5% } .dpgpt-content { width: 70% } .dpgpt-foodsupp-content { width: 60% } #dpg-directions-table, #dpg-recipe-table { float: none; display: block; width: 100% } .dpg-exercise-note, .dpg-foodsupp-note { width: 93%; margin: 3.5% } .dpg-printable-logs { width: 93%; margin: 3.5%; text-align: center; float: none } .vendor-banner-image { display: block; width: 100%; text-align: center; margin-bottom: 5px; margin-left: 0 } .vendor-banner-copy { display: block; width: 100%; text-align: center; margin: 1% 0% } } .workout-header-blue, .workout-header-red, .workout-header-green { background-color: #00a1de; line-height: 2.2rem; padding-left: 1.0rem; color: #ffffff !important; font-weight: bold } #meal-plan-table { margin: 15px 0 5px } #meal-plan-table.workouts-table { margin: 20px 0 } #meal-plan-table table, .training-plan table { border-bottom: solid 1px #DCD8D2; margin-top: 10px } #meal-plan-table table .rowbgcolor, .training-plan table .rowbgcolor { background-color: #F1F0EE; border-bottom: 1px solid #DCD8D2; border-top: 1px solid #DCD8D2; margin-bottom: 0; margin-top: 0 } #meal-plan-table table tr td, .training-plan table tr td { border-top: solid 1px #DCD8D2; padding: 8px 0; margin: 0; line-height: 1.3em; font-size: 12px } #meal-plan-table table tr td img, .training-plan table tr td img { margin-left: 8px } #meal-plan-table .mpt-other-options, .training-plan .mpt-other-options { display: none } #meal-plan-table .mpt-other-options div, .training-plan .mpt-other-options div { border-left: solid 1px #DCD8D2; padding: 0 8px } #meal-plan-table .mpt-other-options p { margin-bottom: 0 } #meal-plan-table .mpt-other-options.content div, .training-plan .mpt-other-options.content div { border-left: 0 } div#meal-plan-table { text-align: left } div#meal-plan-table ul { list-style: none; margin: 10px 0 !important; display: table; width: 100% } div#meal-plan-table li { width: 100%; height: auto !important; min-height: 56px !important; padding: 10px 0; margin-left: 0; list-style-type: none; overflow: auto } div#meal-plan-table li.rowBgColor { border-top: 1px solid #DCD8D2; background-color: #F1F0EE; border-bottom: 1px solid #DCD8D2 } div#meal-plan-table li.rowBorderColor { border-top: 1px solid #DCD8D2; border-bottom: 1px solid #DCD8D2 } div#meal-plan-table span.mpt-images { width: 19%; display: inline-block; vertical-align: top; margin-left: 7px } div#meal-plan-table span.mpt-images img { margin: 0 3px } div#meal-plan-table span.mpt-content.content { width: 50%; display: inline-block } #meal-plan-table li .rowBgColor, .training-plan li .rowBgColor { background-color: #F1F0EE } .static-top-3-widget { background: #ffffff; margin-top: 5px; margin-bottom: 10px; width: 100% } .static-top-3-widget img { margin-top: 10px; margin-left: 26px } .ratingBox { float: right } a.ratingBox { background: url('https://store.bbcomcdn.com/images/common/medium-rating-background.jpg') no-repeat; width: 26px; height: 23px; display: block; line-height: 23px; color: #ffffff !important; font-weight: 700; font-size: 12px; text-decoration: underline !important; text-align: center } .static-top-3-widget p { font-weight: bold } .static-top-3-section-left { display: inline-block; margin-left: 4px; margin-right: 5px; text-align: center; width: 30% } .static-top-3-section-middle { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; display: inline-block; padding: 0 5px 0 5px; text-align: center; width: 32% } .static-top-3-section-right { display: inline-block; margin-left: 5px; margin-right: 4px; text-align: center; width: 32% } .static-top-3-section-box { background: #f4f4f4; margin-top: 10px; padding: 5px 0px 10px 0px; text-align: center } .static-top-3-section-box .bb-flat-btn { background-color: #0092D5; color: #fff; border: 1px solid #0092D5; font-size: 14px; font-size: 1.4rem; } .static-top-3-section-box .bb-flat-btn:hover { background-color: #03B8FC; border-color: #03B8FC; color: #fff; text-decoration: none } .static-top-3-section-box p { height: 31px; text-align: center !important } .static-top-3-articles-widget { margin-top: 5px; margin-bottom: 10px; padding-bottom: 10px; width: 560px; border-style: solid; border-width: 1px; border-color: #cdcdcd; -moz-border-radius: 3px; border-radius: 3px; background-image: url('//cms.bbcomcdn.com/fun/images/2012/sidebar-gradient-bg-white.jpg') } .static-top-3-articles-widget img { margin-top: 0px; margin-left: 26px } .static-top-3-articles-section-left { display: inline-block; margin-left: 4px; margin-right: 5px; text-align: center; width: 32% } .static-top-3-articles-section-middle { border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; display: inline-block; padding: 0px 5px 0px 5px; text-align: center; width: 32%; } .static-top-3-articles-section-right { display: inline-block; margin-left: 5px; margin-right: 4px; text-align: center; width: 32%; } .static-top-3-articles-section-box { margin-top: 10px; padding: 5px 0px 0px 0px; text-align: center; } .static-top-3-articles-section-box p { text-align: center !important } @media only screen and (max-width: 760px) { .float-right { display: none; } div#meal-plan-table li { height: auto !important; min-height: 56px !important; padding: 10px 0; margin-left: 0; list-style-type: none; } div#meal-plan-table span.mpt-images { width: 90%; display: block; margin-left: 7px } div#meal-plan-table span.mpt-images img { margin: 0 3px } div#meal-plan-table span.mpt-content.content { width: 90%; display: block; margin-left: 7px } .static-top-3-section-left { display: block; margin-left: 0px; margin-bottom: 5px; text-align: center; width: 100%; } .static-top-3-section-middle { border-left: 0px; border-right: 0px; display: block; padding: 0px; text-align: center; width: 100%; margin-bottom: 5px; } .static-top-3-section-right { display: block; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; text-align: center; width: 100%; } } .dpg-recommended-article { width: 100%; margin-bottom: 1rem; } .dpg-recommended-article-image { display: inline-block; width: 40%; } .dpg-recommended-article-image img { width: 100%; } .dpg-recommended-article-copy { display: inline-block; width: 58%; margin-left: 1%; vertical-align: middle; } @media only screen and (max-width: 1200px) { .dpg-recommended-article { width: 100%; margin-bottom: 1rem; } .dpg-recommended-article-image { display: block; width: 100%; } .dpg-recommended-article-image img { width: auto; } .dpg-recommended-article-copy { display: block; width: 70%; margin-top: 1rem; } } @media only screen and (max-width: 500px) { .dpg-recommended-article { width: 100%; margin-bottom: 1rem; } .dpg-recommended-article-image { display: block; width: 100%; } .dpg-recommended-article-image img { width: 100%; } .dpg-recommended-article-copy { display: block; width: 100%; margin-top: 1rem; } div#DPG .circle-number { background-color: #ffffff !important; border-radius: 0px; line-height: inherit !important; margin-right: 1.0rem; color: #00aeef !important; float: left; font-size: inherit !important; font-weight: bold; text-align: center; width: auto } div#DPG .dpg-circle-number { background-color: #FFF !important; border-radius: 0px; line-height: 2.0rem !important; margin-right: 1.0rem; color: #00aeef !important; font-size: 2.4rem !important; font-weight: bold; text-align: center; width: auto; display: inline-block; margin-top: 1.2rem !important; margin-bottom: 2.8px !important } div#DPG h4.main-page-nav { text-align: center !important; margin-bottom: 1rem !important; max-width: 75% !important; margin-left: 13.5% !important } .stack-banner-image { display: block; width: 80%; text-align: center; margin: 0% 10% } .stack-banner-copy { display: block; width: 80%; text-align: center !important; margin: 2% 10% } } .dpg-gym-tracks { display: block; width: 100%; margin: 0.5rem 0 } .dpg-gym-tracks-mobile { display: none } .dpg-gym-tracks-image { display: inline-block; width: 24%; margin: 0 0.5%; background-position: center; background-repeat: no-repeat; background-size: contain; alignment-baseline: middle } a.dpg-gym-tracks-link:link, a.dpg-gym-tracks-link:visited { display: inline-block; width: 100%; text-decoration: none } a.dpg-gym-tracks-link:hover { display: inline-block; width: 100%; background-image: url('//cms.bbcomcdn.com/fun/images/2014/play-button.png'); background-repeat: no-repeat; background-position: center; text-decoration: none; color: none; z-index: 3 } h5.dpg-gym-tracks-header { display: inline-block; width: 25%; font-family: ProximaNovaExCnBold; text-transform: uppercase; color: #232323; font-weight: normal; font-size: 1.6rem; line-height: 1.6rem; text-align: center; vertical-align: text-top } @media only screen and (max-width: 760px) { a.dpg-gym-tracks-link:link, a.dpg-gym-tracks-link:visited, a.dpg-gym-tracks-link:hover { display: inline-block; width: 100%; background-image: url('//cms.bbcomcdn.com/fun/images/2014/play-button.png'); background-repeat: no-repeat; background-position: center; text-decoration: none; color: none; z-index: 3 } } @media only screen and (max-width: 500px) { .dpg-gym-tracks { display: none } h5.dpg-gym-tracks-header { display: none } .dpg-gym-tracks-mobile { display: block; width: 100%; margin: 0.5rem 0 } h5.dpg-gym-tracks-header-mobile { display: inline-block; width: 64%; font-family: ProximaNovaExCnBold; text-transform: uppercase; color: #232323; font-weight: normal; font-size: 0.5rem; line-height: 0.5rem; text-align: left; vertical-align: middle; margin: 0; padding-left: 2% } .dpg-gym-tracks-image { display: inline-block; width: 34%; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0.5rem 0; alignment-baseline: middle } } .rating-banner { width: 100%; text-align: center; margin-bottom: 20px } .rating-banner-image { display: inline-block; text-align: right; width: 130px } .rating-banner-copy { display: inline-block; max-width: 30%; vertical-align: middle; margin: 0 1% 0 2%; text-align: left !important } .rating-banner-copy a:hover { text-decoration: none !important } .rating-banner-copy-header { font-family: ProximaNovaExCnBold !important; font-weight: bold !important; text-transform: uppercase !important; color: #00AEEF !important; font-size: 3.0rem !important; line-height: 2.3rem !important } .rating-banner-copy span { font-family: ProximaNovaExCn !important; text-transform: uppercase !important; font-size: 1.8rem !important; line-height: 1.8rem !important; margin-bottom: 2% !important; display: block } .rate-details-con { display: inline-block; width: 120px; line-height: 1.6rem; font-size: 1.2rem; text-align: left; vertical-align: middle; padding: 0 0 0 1%; border-left: solid 1px #DCD8D2 } div.rate-details-con h2 { font-weight: 700; line-height: 1.8rem; font-size: 1.2rem; color: #9A9B9C; text-transform: uppercase; float: left } div.rate-con { width: auto; margin-bottom: 4px } div.rating-bg { float: left; display: inline; background: url("//cms.bbcomcdn.com/fun/images/2015/rating-bg.png") no-repeat scroll left top transparent; width: 45px; height: 43px; line-height: 4.3rem; font-size: 2.4rem; font-weight: 700; color: #FFF; text-align: center; text-decoration: underline } div.rating-bg a { color: #FFF; text-decoration: underline } div.rating-out-of { color: #9A9B9C; float: left; display: inline; font-size: 1.1rem; margin-left: 8px } div.rating-out-of span { font-weight: 700 } div.rating-as-of { color: #9A9B9C; float: left; display: inline; font-size: 1.1rem } div.rating-grade { font-weight: 700; float: left; display: inline; font-size: 1.1rem; margin-left: 8px } .excellent, .good { color: #5B8F06 } @media (max-width: 500px) { .rating-banner-image { display: block; width: 80%; text-align: center; margin: 0 10% } .rating-banner-copy { display: block; max-width: 80% !important; text-align: center !important; margin: 2% 10% } .rate-details-con { display: none } } .related-forum-posts { width: 100%; border-style: solid; border-width: 1px; border-color: #bdbdbd; -moz-border-radius: .3rem; border-radius: .3rem; background-color: #F1F0EE; margin-bottom: 1.6rem; padding: 1rem; font-size: 1.8rem; font-family: ProximaNovaExCn !important; } div.related-forum-posts>h2.dpg-related-forum-posts-h2 { display: inline-block; margin: 0% 0 1% 1%; padding: 0 3% 0 1%; font-family: ProximaNovaExCnBold; font-weight: bold; text-transform: uppercase; color: #00aeef; font-size: 5rem; vertical-align: middle; line-height: 35px; } div.related-forum-posts>span { display: inline-block; width: 52%; line-height: 2.1rem !important; text-transform: uppercase; vertical-align: middle; margin: -4px 1.5rem 0 .3rem; } @media only screen and (max-width: 1199px) { .related-forum-posts { display: block; width: 100%; height: auto; margin: 1.6rem 0; text-align: center; padding: 1.3rem; } div.related-forum-posts>span { width: 90%; margin: 0; text-align: center; } div.related-forum-posts>h2.dpg-related-forum-posts-h2 { display: block; width: 100%; margin: 0 0 1rem 0; padding: 0; font-size: 3.5rem; line-height: 2.8rem; text-align: center; vertical-align: normal; } } .dpg-numbered-heading { margin-bottom: 10px; } .dpg-circle-wrapper { display: table-cell; } .dpg-numbered-heading .dpg-circle-number { vertical-align: initial !important; } .dpg-numbered-heading h3 { display: table-cell; } .dpg-blue-q { color: #00aeef; font-family: ProximaNova; font-size: 4.3rem; font-weight: bold; line-height: 4rem; margin-right: .5rem; vertical-align: middle; } .dpg-right-image-caption { float: right; clear: right; margin: 0 0 18px 3%; width: 47%; } @media all and (max-width: 500px) { .dpg-right-image-caption { float: none; clear: none; margin: 0 0 20px 0; width: 100%; } } .showme-button-500 { display: none; } @media only screen and (max-width: 500px) { .showme-button-500 { display: block; width: 50%; margin-left: 25%; } } #trans-callout { margin: 0 auto; text-align: center; width: 100%; background-color: #F1F0EE; padding: 15px; border-radius: 4px; } #trans-callout h2 { font-family: ProximaNovaExCnBold; font-weight: bold; font-size: 36px; font-size: 3.6rem; line-height: 28px; line-height: 2.8rem; margin-bottom: 13px; margin-bottom: 1.3rem; text-transform: uppercase; } #trans-callout span { font-size: 20px; font-size: 2.0rem; line-height: 18px; line-height: 1.8rem; } .dpg-before-after { width: 100%; } .dpg-before-img, .dpg-after-img, .dpg-before-text, .dpg-after-text { display: inline-block; width: 49%; position: relative; } .dpg-before-img, .dpg-before-text { margin-right: .5%; } .dpg-before-img > img, .dpg-after-img > img { width: 100%; } .dpg-ba-weight { font-family: ProximaNovaExCnBold !important; font-weight: bold !important; font-size: 2.4rem !important; line-height: 4.0rem !important; color: #fff; text-transform: uppercase; z-index: 10; position: absolute; bottom: 0; left: 2%; } .fda-disclaimer { border: 1px solid #232323; font-size: 10px; padding: 5px; } div#DPG .side-bar ul { padding-left: 0 !important; padding-right: 10px !important; } #DPG-Category-Rotator cms-6up-rotator { margin: 10px 5px; } cms-6up-rotator { margin: 10px 5px; display: block; } .featured-product-banner { margin-top: -40px; margin-bottom: 40px; text-align: center; } .featured-product-banner-image { display: inline-block; max-width: 315px; width: 43%; } .featured-product-banner-copy { display: inline-block; margin-left: 2%; text-align: left; vertical-align: middle; width: 45%; } .featured-product-banner-copy-header { font-family: ProximaNovaExCnBold; font-weight: bold; font-size: 30px; font-size: 3.0rem; line-height: 23px; line-height: 2.3rem; text-transform: uppercase; } .featured-product-banner-copy-body { font-family: ProximaNovaExCn; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; margin-bottom: 5px; text-transform: uppercase; } @media all and (max-width: 550px) { .featured-product-banner-image { max-width: 315px; width: 100%; } .featured-product-banner-copy { display: block; margin-left: 0; text-align: center; width: 100%; } } div.dpgpt-content h4.dpg-h4 {margin-top: 0;} div.dpgpt-foodsupp-content h4.dpg-h4 {margin-top: 15px;}