@charset "utf-8";
/* CSS by http://www.focus97.com */

/* CSS reset.  Why?  Because browser makers make the www difficult to style. Enough with that.  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline: none; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
/* End the Reset.  Now let the games begin. */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


/*
Theme Name: Whiteboard
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Version:1
*/
a, .transition-015 { text-decoration:none; color:#2483DA; transition:all 0.15s ease-out; }
.transition-030 { transition:all 0.3s ease-out; }
.transition-050 { transition:all 0.5s ease-out; }
a:hover { color:#333; }
a img { border:0 }
a.tab-closer { clear: both; }
abbr, acronym { border-bottom:1px dotted; cursor:help; font-variant:small-caps }
address, cite, em, i { font-style:italic }
blockquote p { margin:0 1.5em 1.5em; font-style: italic; color: #555; }
code, kbd, tt { font-family:"Courier New", Courier, monospace, serif; line-height:1.5 }
del { text-decoration:line-through }
dfn { border-bottom:1px dashed; font-style:italic }
dl { margin:0 0 1.5em }
dd { margin-left:1.5em }
dt, strong, b { font-weight:700; }
body { background: white; color: #333; font: 75%/1.5em Helvetica, Arial, sans-serif; font-size: 13px; }
small { font-size: 80%; display: block; }
h1, h2, h3, h4, h5, h6 { font-weight:400; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, sans-serif; line-height:1.2em; margin:0 0 0.6em; }
h1 { color: #383838; font-size: 2.2em; }
h2 { font-size: 2em; color: #111; }
h2 em { font-family: 'Georgia', serif; font-style: italic; }
h3 { font-size:1.7em; color:#000000; }
h4 { border-bottom: 1px solid #ECED3B; font-size: 1.6em; padding-bottom: 8px; }
h4 em { color: #888888; font-family: 'Georgia', serif; font-size: 15px; font-style: italic; line-height: 24px; text-transform: lowercase; }
h5 { font-size:1.4em;}
h6 { font-size:1.2em;}
img { display:inline-block; vertical-align:text-bottom; border:0; max-width: 100%; height: auto;}
ins { text-decoration:overline }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:700 }
ol { list-style:outside decimal }
p { margin:0 0 0.8em; font-family: 'Roboto',sans-serif; color: #333; line-height:1.45em; font-size: 18px; font-weight: 300; }
pre { font-family:"Courier New", Courier, monospace, serif; margin:0 0 1.5em }
sub { top:.4em; font-size:.85em; line-height:1; position:relative; vertical-align:baseline }
sup { font-size:.6em; position:relative; bottom:.5em; }
ul, ol { padding:0; margin: 0 0 1em; }
li ul, li ol { margin:0 0 1.5em 1.5em; padding:0 }
table { border-collapse:collapse; border-spacing:0; margin:0 0 1.5em; padding:0; background:#fbfbfb; }
caption { font-style:italic; text-align:left }
tr.alt td { background:#eee }
thead { background:#eee; }
tbody tr { border-top: 1px solid #ddd; }
.page-id-101 tbody tr {border-top: none;}
td { vertical-align:top; padding:5px 10px; }
th { font-weight:700; vertical-align:middle; padding:.333em }
button { cursor:pointer; display:block; font-size:1em; height:2em; line-height:1.5em; margin:1.75em 0 0; padding:0 .5em }

/* form styles */
input, textarea { border:1px solid #888; font-size:100%; color:#666; padding:5px; border-radius:2px; font-family: 'Roboto', sans-serif; font-weight: 300; }
textarea { width: 100%;}
input:focus {outline: 0;}
#customer-survey-form input:focus, textarea:focus, .iesucksfocus, #feeling-box input:focus { border-color:#2483DA; box-shadow:0 0 5px #2483DA;background:#fff; }
input.filled, #feeling-box input.filled { background:#fff; }
input[type=file] { height:2.25em; padding:0 }
select { border:1px solid #888; border-radius: 2px; font-size:16px; padding: 3px 7px; font-family:Times New Roman, serif; font-style: italic; color: #888; }
option { font-size:1em; height:1.5em; text-indent:1em; padding:0 }
label { height:auto; line-height:1.4em; margin:0; padding:0; font-size: 16px; }
legend { font-size:22px; margin-top:20px; padding:0; color:#2483DA; line-height:1.2em; }
legend em { font-size:20px; color:#666; font-style:normal; }
.terms-holder { height: 200px; overflow: auto; padding: 10px; background: #f1f1f1; }
.float66 .cform li, .float66 .tml-action-links li, .cform li { list-style: none;}
input[type="checkbox"] { margin-right: 10px;}

/* global resuable styles */
.hidden {display: none;}
.no-overflow { overflow: hidden; }
.invisible { visibility: hidden; }
.login-btn, .blue-btn, input[type="submit"] {border-radius:2px; padding:4px 10px; text-align:center; color: #fff; background: #2483da; border: none; border-bottom: 2px solid #225c93; display: inline-block; cursor: pointer;}
.blue-btn:after { content: "\f0a9"; font-family: 'FontAwesome'; padding-left: 0.3em; }
header .blue-btn:after { content: ""; padding: 0;}
.login-btn:hover, .blue-btn:hover, input[type="submit"]:hover, .blue-active { background:#225c93; color: #fff; }
.login-btn-grn, .green-btn {border-radius:4px; text-align:center; color:#FFF; padding:2px 10px; background-color:#478b00 !important; border-bottom: 2px solid #3a6808 !important; display: inline-block}
.login-btn-grn:hover, .green-btn:hover {color:white; background: #3a6808 !important;}
.green-btn:after { content: "\f055"; font-family: 'FontAwesome'; padding-left: 0.3em; }
.blue-btn-outline { border: 1px solid; border-radius: 4px; padding: 4px 10px; }
.blue-btn-sys {padding:4px 10px; text-align:center; color: #fff; background: #2483da; border: none; border-bottom: 2px solid #225c93; display: inline-block; cursor: pointer;}
.sys-btn {background-color: #f89939; color: #fff; padding: 5px 15px;}
.sys-btn:hover {background-color: #dd852b; color: #ffffff;}
.hero-1 .cta, .blue-circle-cta { height: 120px; width: 120px; border-radius: 50%; text-align: center; background: #2483da; background: rgba(36, 131, 218, 0.8); color: #fff; display: inline-block; font-size: 20px; font-weight: 300; padding-top: 40px; font-family: 'Roboto', sans-serif; position: relative; border-bottom: 3px solid rgba(34, 92, 147, 0.8) }
.blue-rounded-cta{border-radius:10px;text-align:center;background:#2483DA;background:rgba(36, 131, 218, 0.8);color:#FFF;display:inline-block;font-size:20px;font-weight:300;line-height:40px;padding:10px 20px;font-family:'Roboto', sans-serif;position:relative;border-bottom:3px solid rgba(34, 92, 147, 0.8)}
a.blue-rounded-cta::before{content:"";background:url('/wp-content/uploads/clover-logo.png') no-repeat;width:30px;height:40px;position:relative;background-size:cover}
.hero-1 .cta:hover { background: rgba(34, 92, 147, 1.0); color: #ECED3B }
.blue-circle-cta-sm { font-size: 16px; width: 100px; height: 100px; padding-top: 30px;}
.clear, .clear-both { clear: both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix { display:block; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.left, .floatleft { float: left !important }
.right, .floatright { float: right !important }
.floatnone { float: none }
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.float20 { float: left; width: 20%; }
.float24 { float: left; width: 24%; }
.float25 { float: left; width: 25%; }
.float30 { float: left; width: 30%; }
.float45 { float: left; width: 45%; }
.float50 { float: left; width: 50%; }
.float55 { float: left; width: 55%; }
.float33 { float: left; width: 33%; }
.float66 { float: left; width: 66%; }
.float74 { float: left; width: 74%; margin-right: 1%; }
.float75 { float: left; width: 75%; }
.float80 { float: left; width: 80%; }
.float100 { float: left; width: 100%; }
.inline33 { display: inline-block; width: 32%; vertical-align: top;}
.udi-locations .inline50 {margin-bottom: 30px;}
.udi-locations .blue-btn {font-size: 22px; margin: 0 50px 30px; padding: 10px 30px;}
.inline50 { display: inline-block; width: 50%; margin: 0 25%; vertical-align: top;}
.padding-pct-1 { padding: 1%;}
.padding-pct-r-1 { padding-right: 1%;}
.reg-continue, .big-blue-btn {font-size: 20px; display: inline-block; margin: 10px 0; padding: 8px 16px }
.light-gray { color: #ccc;}
.medium-gray { color: #888; }
.alignright { float:right; margin:0 0 15px 15px; }
.alignleft { float:left; margin:0 10px 10px 0; }
.aligncenter { text-align: center; margin: 0 auto; }
.last-child {margin-right: 0px;}
.gossamer { position: absolute; width: 100%; height: 800px; background: rgba(255,255,255,0.5); z-index: 2;}
.hero-link { display: inline-block; padding-right: 15px; text-transform: uppercase; }
.hero-link:after{content:"\f054";display:inline-block;font-family:FontAwesome;padding-left:10px;vertical-align:middle}
.nutrition-color, .nutrition-video, .practice-healthy-nutrition .quote, .practice-healthy-nutrition, .practice-healthy-nutrition .zine-content p:first-child:first-letter { color: #83A707; border-color: #83A707;}
.stress-color, .stress-management-video, .practice-stress-management .quote, .practice-stress-management, .practice-stress-management .zine-content p:first-child:first-letter { color: #109EB6; border-color: #109EB6;}
.fitness-color, .fitness-video, .practice-fitness .quote, .practice-fitness, .practice-fitness .zine-content p:first-child:first-letter { color: #36297C; border-color: #36297C;}
.love-color, .love-and-support, .practice-love-and-support .quote, .practice-love-and-support, .practice-love-and-support .zine-content p:first-child:first-letter { color: #A00A74; border-color: #A00A74;}
.yellow-ding { border-color: #ECED3B !important;}
.highlight, p.message { padding: 10px; background: #eced38; clear: both;}


/* global structure */
#content {padding-top: 50px;}
.page-template-page-provider-php #content {padding-top: 0px;}
.page-template-page-recipedia-home-php #content, .single-recipe_posts #content {padding-top: 170px}
.page-template-page-magazine-home #content, .tax-zine #content {padding-top: 216px}
.single-zine_posts #content {padding-top: 168px;}

#fade, #fade-noclick { display: none; background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 4; }
#tooltip { position:absolute; margin-top:40px; padding: 15px; display:none; border-radius:4px; border: 1px solid #fff; z-index:99; color: #333; background-color: #fff; max-width: 500px; }
#tooltip.tooltip-small { font-size: 14px; width: 500px; margin-top: -140px; }
#video-holder_wrapper { text-align:center; margin:20px; float:left; }
#hero-bg { height: 464px; margin: 0 auto; overflow: hidden; position: absolute; width: 100%; top:0; left: 0; }
#hero-bg img { width: 100%; max-width: none;}
#content .page,#content .post, #content .category-video { position:relative; padding-top:51px; z-index: 2; }
#modal-view-overlay { position: fixed; z-index: 5; border: 3px solid #eee; border-radius: 10px; box-shadow: 0 0 10px #aaa; padding: 20px; max-width: 600px; background: #fff; display: none; height: 70%; }
.modal { width: 700px; padding: 50px; position: fixed; top: 100px; left: 50%; margin-left: -350px; background: white; z-index: 5; box-shadow: 0 0 0 15px rgba(0,0,0,0.2); }
.blur { -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }
#close-btn, #ok-close-btn, .close-btn, .modal-close-btn { position: absolute; top: 2px; right: 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #eee; color: #2483da; cursor: pointer; padding: 2px 8px; }
#close-btn:hover, .close-btn:hover, #ok-close-btn:hover { background: #2483da; color: #fff; }
.panel-copy { position: relative; padding: 40px 0;}
.float66 li, .panel-copy li { list-style: disc; font-size: 16px; margin: 0 1em 0.5em; font-weight: 300;}
.inner { max-width: 1000px; margin: 0 auto; position: relative; padding: 0 20px; }
.interior { padding: 30px; margin: 0 auto; background: white; border-top: 3px solid #ECED3B; max-width: 1000px; z-index: 3; position: relative;}
#sidebar { position: relative;  padding-left: 20px; }
#sidebar div { margin:20px 0; }
#sidebar ul { margin-top:10px; }
.sidebar-cta { background-size: contain;background-repeat: no-repeat;width: 300px;height: 210px;}
.sidebar-cta p { top: 130px;margin: 0 auto;width: 80%;text-align: center;}
.sidenav li { margin-bottom: 1px; font-family: 'Roboto', sans-serif; font-weight: 300; }
.sidenav li a { background: #f2f2f2; border-left: 3px solid #2483da; padding: 5px 10px; font-size: 14px; text-transform: capitalize; display: inline-block }
.sidenav .current_page_item a, .sidenav li a:hover { background: #2483da; color: #fff; }
#sidebar p { font-size: 18px; position: relative; }
.share-footer-start { margin: 30px 0 20px; }

.accordion { border-left: 3px solid #2483DA; padding: 15px 15px; color: #2483DA; background: url("/images/accordion-wavy-bg.jpg"); margin-bottom: 1px; border-bottom: 1px solid #ccc; cursor: pointer; border-radius: 4px; }
.page-template-page-research-php .accordion {margin-bottom: 10px;}
.accordion:hover { color: #000; }
.accordion:after { float: right; content: "+"; font-size: 36px; }
.accordion.active:after { content: "-"; }
.accordion-content {padding: 20px 15px; background-color: #fcfcfc; display: none;}
.toggle_container{border-left:3px solid #CCCCCC;display:none;margin-left:20px;padding:20px;}
.page-template-page-research-php .toggle_container p em,#related-research-div p em {font-size: 12px; color: #777; font-style: normal; font-weight: 600;}

/* misc. body classes */
.page-template-page-proven-lifestyle-page-php .lifestyle-reflect-icon { margin: 0 100px;}
.page-template-page-proven-lifestyle-page-php #research img { margin-bottom: 70px;}
.page-template-page-proven-lifestyle-page-php #copy iframe { display: none; height: 344px; width: 100%; }
.summary-video {margin-left: 20px;}
/* header */
header#main-header { position: fixed; width: 100%; z-index: 5;box-shadow: 0 0 8px #aaa; background-color: white}
.empower-login { padding: 5px; display: inline-block; font-size: 14px;}
.empower-login i { color: #ccc; }
header .inner { padding: 0;}
#udi-topper { position: fixed; width: 100%; height: 70px; background: white; top: -100px; z-index: 9; overflow: hidden; box-shadow: 0 5px 0 rgba(36, 131, 218, 0.4);}
#udi-topper h2 { margin-top: 5px; font-family: Georgia, serif; font-style: italic; margin-bottom: 0; }
.udi-logo {width: 90px;height: auto!important;margin-top: -7px;margin-left: -12px;}
/*.undo-me {padding: 5px;background: #d6d6d6;border-radius: 4px;margin: 5px 50px 5px 5px;height: 40px;border: 1px solid #ccc}*/
.undo-me {padding: 11px 10px; margin: 0px 50px 0px 5px;height: 50px;border-right: 1px solid #ccc;border-left: 1px solid #ccc;background: #FFF;}
.undo-me a  {padding: 1px 10px;font-size: 18px;margin: 0;vertical-align: middle;line-height: 24px;}

#udi-topper .inside { padding: 10px; width: 600px; margin: 0 auto; }
#nav-shower { display: none; left:50%; position: absolute; top: 00px;font-size: 1.3em; z-index: 3; margin-left: -18px;}
#nav-shower a { border: 1px solid; padding: 5px 10px; border-radius: 3px; display: block; }
.search-area { position: absolute; right: 0; width: 35px; overflow: hidden; height: 50px; transition: width 0.3s ease; line-height: 45px; }
.search-area.searchable { width: 300px; background: #eee;}
.search-fields { position: absolute; width: 250px; right: 35px; z-index: 3; padding: 3px; }
.search-fields .search-field { width: 190px;}
#search-btn{position:absolute;right:0;background:#d6d6d6;color:#ffffff;font-size:20px;height:100%; line-height: 2em; display: inline-block; padding: 5px 10px;}
#logo { top: 14px; position: absolute; left: 10px; }
#logo a:hover { opacity:0.5; }
#logo a { display:block; height:100%; width:220px;}
.olm-logo, .emp-login-container { height: 50px; }

menu#desk-nav { width: 480px; margin: 0 0 0 220px; height: 50px;}
#menu-consumer-nav, #menu-b2b-nav {margin: 0;}
menu li { float: left; width: 120px; font-size: 16px; text-align: center; position: relative; height: 50px; transition: opacity 0.2s ease; }
header .menu > li > a { height: 50px;}
menu li > a { padding-top: 8px !important; line-height: 1.2em; height: 40px; text-align: left; border-right: 1px solid #ccc;}
menu li:first-child > a { border-left: 1px solid #ccc;}
menu li br { display: inline; }
menu li:hover { background: #fff; }
menu li.hovered { opacity: 0.4; }
.sub-menu li {margin-left: 0px;}
menu a { font-weight: 300; text-transform: lowercase; display: block; height: 100%; padding: 5px 0px 5px 10px; line-height: 20px; }
menu .sub-menu a {padding: 15px 0; text-align: center; line-height: auto; }
#menu-main-menu .sub-menu a {text-align: left;  padding-left: 12px; border: none; border-left: 4px solid; margin-bottom: 2px; background: #D8D8D8; }
menu .current-page, menu .current-page a { background: #fff; color: #222; }
menu .sub-menu { left: 0; margin: 0; position: fixed; width: 100%; top: 50px; display:none; height: auto; min-height: 330px; background: #fff; z-index:5;}
menu .sub-menu ul { margin: 0 auto ; position: relative;padding-top:42px;box-shadow: inset 220px 0px 0px #F2F2F2;height: 330px;}
menu .sub-menu li { float: none; width: 220px; font-size: 18px; min-height: 40px; height: auto; position: static; }
menu .sub-menu li a {line-height: 23px; font-size: 18px}
menu .sub-menu a, menu .sub-menu h3 { color: #2483da; }
menu .sub-menu a.menu-link:hover, menu .sub-menu .current-page a.menu-link { background: #2483da !important; color: #fff; }
menu .sub-menu h3 {height:30px;margin:10px 0px;font-size:1.5em;text-transform:lowercase;font-weight:300;text-transform: capitalize!important;}
.menu-assets {position:absolute;left:260px;text-align:left;top:40px;padding-left:10px;height: 340px;display: none}
.menu-assets div {height: 260px; width: 400px; float: left; }
.menu-assets p {font-size: 20px; }
.menu-assets-img {height:330px;width:300px;overflow:hidden;margin-right: 40px;background-size: cover;background-repeat: no-repeat;}
.menu-assets-img p {font-size: 80px;width: 80px;height: 80px;line-height: 230px;margin: 0 auto;color:#2483da;}
.menu-assets-img p:hover {color:#225c93;}
.menu-assets-img a {width: 100%;height: 100%; display: block;padding-left: 0!important;border: none!important;border-left: 0px solid!important;margin-bottom: 0px!important;background: transparent!important;opacity: .7!important}
.menu-assets-img a:hover {background: transparent!important;}
.menu-asset-content .blue-btn {
	border-radius: 2px!important;
    padding: 4px 10px!important;
    text-align: center!important;
    color: #fff!important;
    background: #2483da!important;
    border: none!important;
    border-bottom: 2px solid #225c93!important;
    display: inline-block!important;
    cursor: pointer!important;
	text-transform: capitalize!important;
	height: 35px!important;
}
#gossamer-overlay {position: fixed;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 4;top: 0px;left: 0px;overflow-y: scroll;}

#mob-nav {position: fixed; height: 100%; width: 100%; background-color: rgba(255,255,255,0.95); top: 0; left: 0; overflow-y: scroll;}
#mob-nav li {float: none; width: 100%; text-align: center; height: auto;}
#mob-nav li > a {text-align: center; display: block; height: 100%; border: none; line-height: 2em;font-size: 25px;}
#menu-mobile-menu {text-align: center; width: 90%; margin: 40px auto; padding: 30px 0; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; background-color: #dedede; background-color: rgba(222,222,222,0.65); }
#mob-nav-close {position: absolute; right: 20px; top: 20px; font-size: 30px;}
.mob-nav-logo {padding-top: 30px; text-align: center;}
menu#mob-nav .current-menu-item a, menu#mob-nav .current_page_ancestor, menu#mob-nav .current_page_ancestor a, menu#mob-nav a:hover {background-color: #ffffff; background-color: rgba(255,255,255,.6);}
.nutrition-medals.nut-pillar {margin-top: 40px;}
#sidebar div.nutrition-medals .medallion {padding: 0 5px;  width: 50%; float: left; margin-top: 0px;}
.nutrition-medals .medallions {padding: 0 20%; margin-bottom: 20px; }

a.nav-href {transition: none}
a.nav-href:hover {background-color: #2483da!important; color: white!important}
a.nav-href:after {
	content: '';
    height: 40px;
    width: 47px;
    background-image: url(/images/clover-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 199px;
    margin-top: -8px;
    opacity: 0;
    z-index: -1;
}
a.nav-href:hover:after {opacity: 1;}

/* OK Modal on homepage */
#ok-modal .float50 {padding: 10px 20px}
#ok-modal .float50:first-child {border-right: 1px solid #ccc;}
#ok-modal .float50 a.green-btn {margin-top:130px}


/* footer */
footer { clear:both; background: #eee; position: relative; z-index: 2; color: #888; }
.lower-footer { background: #444}
.lower-footer a { padding-right: 20px}
.middle-band, .lower-band, .lighter-band { padding: 10px 0;}
.lighter-band {background: #666;padding: 20px 0 5px 0;}
.middle-band { background: #ECED3B; }
.middle-band p { margin: 0;}
.middle-band a, .middle-band span{ color: #000; font-size: 130%;}
.lower-band a, .lower-band span { color: #ECED3B; font-size: 80%;}
.lighter-band a {color: #ECED3B;font-size: 100%;}
.lower-band span { margin-right: 10px;}
.lower-band a:hover, .middle-band a:hover { color: #fff; }
.social-icons a { font-size: 130%;}
.copyright { font-size: 14px; color: #888;}
.footer-quotes { padding-top: 40px; border-top: 4px solid; background: url(/images/accordion-wavy-bg.jpg); }
.footer-quotes .float25 { padding: 0 15px;}
.footer-quotes img { vertical-align: bottom; max-width: none}
.q-copy p { font-family: 'Georgia', serif; font-style: italic; }
.q-author { font-size: 100%; text-transform: uppercase;}
#footer-logo { position:absolute; top:90px; height:126px; width:126px; left: 44%; }
.footer-logo-icons { position: absolute; width: 50%;}
.footer-logo-icons a { display:block; height:100%; }
.footer-logo-icons a:hover { opacity: 0.5;}
.footer-logo-nutrition { top:0; left:37px; }
.footer-logo-stress { left: 65px; top: 37px; }
.footer-logo-fitness { left: 0px; top: 37px; }
.footer-logo-love { left: 37px; top: 66px; }
form.ol-subscribe .sendbutton{ margin: 0; color: #fff; text-transform: capitalize;font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; height: 2em; background-color: #2483DA; border: none; padding: 5px 20px;}
form.ol-subscribe input {padding: 6.5px;}
form.ol-subscribe .sendbutton:hover {background-color: #225C93;}
input.subscribe-email {font-size: 16px; line-height: 1.4em; text-transform: capitalize; padding: 3.5px;}
a.mag-head-subscribe { background-color:#2483DA; color: #fff; margin-left: 10px;}
.page-template-page-ol-subscribe-php a.mag-head-subscribe {display: none;}
a.mag-head-subscribe:hover {background-color:#225C93; color: #fff;}
.mag-head-form {position: absolute;top: -100px; left: 262px;background-color: #eee; height: auto;padding: 3.5px; z-index: 2;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.mag-form-top {top:0px; }
.story-quotes {width: 100%; position:relative; min-height: 510px;}
.story-quote {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition:opacity 0.3s ease-out; text-align: right;}
.story-quote.active-quote {opacity: 1;}
.story-quote small {color: #f89939; }
.story-quotes p{font-family: 'Georgia', Georgia, 'Times New Roman', Times, Serif;}
.story-quotes small{font-family: 'Roboto', sans-serif; }
.quote-image {margin-bottom: 20px; max-height: 260px; overflow: hidden;}

.share-story-link {padding: 0;}
.foot-subscribe .float33.sys-mosaic {padding: 0; overflow: hidden;min-height: 0; width: 29%;}
.foot-subscribe .float66.share-story-link {padding: 0 15px;}
.share-story-link a {padding: 5px 10px; color: #fff; background-color: #f89939;}
.share-story-link a:hover {background-color: #dd852b;}
/* homepage */
.home-hero { height: 600px; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; }
.home-hero.hero-1 { height: 800px; overflow: hidden; position:relative; }
.home-hero-proceed{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.05);border-radius:40px 40px 0 0;bottom:0;font-size:1.5em;left:48%;line-height:1.3em;position:absolute;text-align:center;width:50px}
#home-video-hidden { position: fixed; width: 560px; left: 50%; margin-left: -270px; top: 15%; z-index: 10; }
#home-video-hidden #close-btn-inside { top: -24px; right: -24px; border: 2px solid #2483da; border-radius: 4px; position: absolute; width: 20px; text-align: center; }
.home-copy { padding: 40px 0; position: relative; }
.home-copy ul { margin:0.8em 0 1.3em; }
.home-copy li { font-family: Georgia, serif; font-style: italic; font-size: 1.3em; margin-bottom: 0.5em}
.home-copy li img { vertical-align: middle; max-width: 50px;}
.home-copy h3 { font-weight: 300; font-size: 20px; }
.home-copy .padding-right { padding-right: 20px; }
.home-copy .padding-left { padding-left: 20px; }
.v-stop, .v-start { position: absolute; top: 20px; right: 20px; border: 1px solid; color: #333; border-radius: 4px; z-index: 4; padding: 1px 4px; }
.v-start { color: #fff;}
.v-stop:hover, .v-start:hover { background: #111; color: #fff; }
.copy-1 li { width: 50%; float: left; }
.hero-1 video { width: 100%; position: absolute; z-index: 0;}
.hero-1 .inner { position: relative; z-index: 3;}
.hero-1 .cta i { padding: 15px 0;}
.hero-1 h1, .hero-1 h2 { font-weight: 300; text-shadow: 0 0 3px #666; color: #fff; background-position: center 80px}
.hero-1 h1 { font-size: 92px; padding-top: 200px; font-weight: 100; }
.hero-1 h2 { font-size: 30px; }
.hero-1 { background-image: url(/images/hero-1-2014.jpg) }
.hero-2 { background-image: url(/images/hero-2-2014.jpg); background-position: center bottom; }
.hero-3 { background-image: url(/images/bay-bridge.jpg) }
.hero-4 { background-image: url(/images/hero4.jpg) }
.hero-5 { background-image: url(/images/hero5.jpg) }
.hero-6 { background-image: url(/images/hero6.jpg) }
.hero-7 { background-image: url(/images/hero7.jpg) }
.home-mosaic { margin: -100px 0; position: relative; z-index: 2;}
.home-mosaic img { width: 100%}
#home-video-launcher { position: relative; display: block; }
.home-hero-ctas {padding-top: 30px;}
.home-hero-ctas .blue-btn, .rev-title .blue-btn {font-size: 22px; margin: 0 50px 30px; padding: 10px 30px;}

/* pauls locatons page styles */
.map {position: relative; width: 66%; float: left;}
.map-sidebar {width: 32%; float: left; margin-left: 1%;background-color: #FF6114; padding: 10px;}
.map-sidebar .fa-check-square {color: #2483da; font-size: 20px;}

#pins {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.pin {color: #000; font-size: 20px; position: absolute; cursor: pointer;}
.pin-tip {position: absolute; top: -95px; background-color: #fff; padding: 0 5px; font-size: 12px; font-weight: 600; color: #333; height: 90px; width: 150px; text-align: center; margin-left: -70px; box-shadow: 1px 1px 2px #444;z-index: 2; }
.pin .fa {color: #ffffff; font-size: 24px; position: relative; text-shadow: 0 1px 2px #000;}

.pinfo {display: none; position: relative;}
.map-section {margin-bottom: 50px;}
.map-container img {width: 100%; height: auto;}
.modal-container .pinfo {display: block;}
/* #pin-1 .pinfo {display: block; position: fixed; width: 800px; height: 500px; top: 100px; left: 50%; margin-left: -400px; background-color: #fff; border: 2px solid #000;} */
.site-testimonials { margin-bottom: 30px;}
.undoit-logo img {max-width: 150px; height: auto; margin-bottom: 20px;}
.site-testimonials .float50 {width: 48%; margin: 1%;}
.site-vid {position: relative;}
.small-vid-container {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.site-vid .fa {font-size: 40px; display: block; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-shadow: 0 0 3px solid #333;}
.testimonial-image {width: 100%; height: 200px; background-size: cover; background-position: center center;}
.modal-container .pinfo .blue-btn {font-size: 30px; padding: 10px 40px;}
.testimonial-image a {display: block; height: 100%; background-color: rgba(0,0,0,.3);}
.testimonial-image a .fa {color: #fff;}
.testimonial-image a:hover {background-color: rgba(0,0,0,0);}
.sidebar-mosaic ul {margin-bottom: 20px;}
.sidebar-mosaic li {text-align: left; font-size: 18px; font-weight: 500; padding-left: 30px; position: relative; line-height: 1.3em; margin-bottom: 10px;color: #333; font-family: 'Georgia', serif; font-style: italic; }
.sidebar-mosaic li:before {content: '\f046'; font-family: "FontAwesome"; font-size: 24px; font-style: normal; position: absolute; left: 0; }
.sidebar-mosaic {background-color: #fff;padding: 4% 0 0;}
.sidebar-mosaic h3 {color: #000; font-size: 30px;padding: 0 4%; text-transform: capitalize;}
.sidebar-mosaic .blue-btn { font-size: 20px; border-bottom: none; padding: 8px 10px; width: 100%;}
.side-content {background-color: #eee; padding: 10px;}

.page-template-page-certified-sites-home-php .contact-us-sidebar h3 {font-size: 24px; padding: 30px 15px;}
.page-template-page-certified-sites-home-php .contact-us-sidebar .blue-btn {font-size: 12px; margin-top: 10px; padding: 5px 15px;}

/* get started today */
.get-started-props {margin-bottom: 50px;}
.get-started-props.float33 {width: 32%; margin-left: 2%;}
.get-started-props.float33:first-child {margin-left: 0%;}
.prop-img {margin-bottom: 20px;}
.get-started-props .float66{padding-right: 20px; }
.ninja-wrap-get-started-today-sample-menu,#subForm {display: none;}
#faux-form label {display: block; margin-bottom: 15px;}
.page-template-page-get-started-today h1 {font-size: 20px; padding-bottom: 10px; text-align: center; margin-bottom: 30px;}
.page-template-page-get-started-today h1 em{ font-weight: 300; font-style: normal; font-size: 2em; }


#faux-form {width: 100%; max-width: 560px; margin: 0 auto;}
#faux-form label, #email-submission, #faux-submit, #zip-code {font-size: 20px;}
 #email-submission, #zip-code {width: 40%; }
#get-started-subscribe {padding: 20px 20px 20px 0; }
#faux-form li {list-style: none; font-weight: 500; font-size: 18px; margin-left: 0px;}
#faux-form li .fa {font-size: 30px; color: #2483da;}
.form-zip {margin-left: 30px;}


/* site directory page */
.page-template-page-certified-sites-home-php section.interior .float66 {padding-top: 14px}
.page-template-page-certified-sites-home-php section.interior .float33 {margin-bottom: 12px}
.page-template-page-certified-sites-home-php section.interior {padding-bottom:5px}
.page-template-page-certified-sites-home-php #countTopper .float33 { padding-top:4px;}
.page-template-page-certified-sites-home-php #countTopper .float33 h3 { color: #2483DA; cursor: pointer; margin-top: 10px;}
.page-template-page-certified-sites-home-php #countTopper .float33 h3:hover { color: #225c93;}

#state-dropdown { border: 2px solid; color: #2483DA;font-size: 20px;padding: 3px 6px; width: 100%; }
.site-dir-vid{padding: 0 8% 0 0; width: 50%; float: left;}
.state-picker h6 {margin-bottom: 0.3em;}
.stage-picker h4 {margin-top: 40px;}
#sites {padding-bottom: 50px;}
#sites .interior {border-top: 1px solid #cccccc;}
.directory-upper-hero { margin-bottom: 20px; border-bottom: 1px solid #dddddd;}
/* .icr-content {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; margin-top: 20px; padding-bottom: 18px;} */
.leaflet-popup {min-width: 320px}
.leaflet-popup-content-wrapper {border-radius: 12px!important}
.leaflet-popup-tip-container {}
.leaflet-popup-content h3 {margin:0}
.leaflet-popup .float66 {margin: 0 auto;margin-left: 20%;}
.leaflet-container .blue-btn {color: #FFF !important;text-align: center;margin: 10px 30% 0;font-size: 1.2em;}
.leaflet-control-attribution{display:none;}
.mapboxgl-ctrl button {margin-top: 0}
.site-info { margin-bottom: 40px;}
.site-info h2 {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.leaflet-container .leaflet-popup-content h3 {text-align:center;width:101%;margin-bottom:10px;}
.leaflet-container .leaflet-popup-content li { list-style: none; margin: 0; font-size: 14px;}
.leaflet-container .leaflet-popup-content {margin: 10px;}
.leaflet-container .leaflet-popup-content p { margin: 0 0 0.4em; font-size: 14px}
.leaflet-container .site-link { border-radius: 4px; border: 1px solid;padding: 2px 8px; }
.leaflet-container .leaflet-popup-content a { color: #2483da;}
.leaflet-container .leaflet-popup-content a:hover { color: #000;}
.page-template-page-get-started-php h1 { font-size: 72px; padding-top: 100px; color: #fff; text-shadow: 0 0 3px #666666; font-weight: 100;}
.page-template-page-certified-sites-home-php #ui-datepicker-div {display: none;}
.page-template-page-get-started-php .home-hero, .page-template-page-certified-sites-home-php .home-hero { height: auto;}
.page-template-page-certified-sites-home-php #map h3 {font-size: 1.5em}
.page-template-page-certified-sites-home-php #map p {font-size: 14px}
.page-template-page-get-started-php .interior, .page-template-page-certified-sites-home-php .home-hero .interior { max-width: 700px; background: white; background: rgba(255,255,255,0.9); }
.page-template-page-get-started-php .cf-fs1 input, .page-template-page-get-started-php .cf-fs1 select, .page-template-page-certified-sites-home-php .cf-fs1 input, .page-template-page-certified-sites-home-php .cf-fs1 select { width: 35%;}
.page-template-page-get-started-php .cf-fs1 label, .page-template-page-certified-sites-home-php .cf-fs1 label { text-align: right; padding-right: 15px; }
.page-template-page-get-started-php .cf-fs2, .page-template-page-get-started-php #li-5-24, .page-template-page-get-started-php .cf-sb { width: 80%; margin: 0 auto;}
.page-template-page-get-started-php .cform li, .page-template-page-certified-sites-home-php .cform li { margin-bottom: 0.5em;}
.page-template-page-get-started-php .cf-box-title, .page-template-page-certified-sites-home-php .cf-box-title { font-size: 16px;}
#li-5-12items, #li-5-12 { text-align: center; margin: 10px 0;}
#li-5-12items input { visibility: hidden;}
.site { border: 1px solid #dddddd; border-top: 3px solid #ECED3B ; margin:0 auto 20px;padding: 20px 0; }
.site.float33 {width: 31%; margin: 1% 1%;padding: 1%; height: 300px; text-align: center; position: relative;}
.site.float33 h4 {font-size: 1.4em; border-bottom: none;padding-bottom: 0px;}
.site-get-started {position: absolute; bottom: 20px; text-align: center; width: 100%;}
.site div {vertical-align: middle;}
.site div.float45.aligncenter {line-height: 80px;}
.site .blue-btn {margin-top: 20px; font-size: 1em; padding: 6px 12px;}
.site p {font-size: 14px;margin: 20px 0;}
.site .map-img {width: 200px;}
.site .float50 {padding: 0 30px;text-align: right;}
.site span.float25 {margin-right:40px;}
.site span.float25 img {min-width: 76px; height: 90px;}
.mapbox-logo {display: none}
#vid-cta {width: 100%; height: 225px; position: relative; cursor: pointer; transition: opacity .3s ease-out; background-size: cover; background-repeat: no-repeat; }
.page-template-page-certified-sites-home-php #vid-cta {margin-bottom: 10px;}
#vid-cta:hover {opacity: .7;}
#vid-cta h2 {color: #2483DA; display: block; font-size: 23px; width: 100%; padding: 0 40px; position: relative; top: 50%; transform: translateY(-50%); font-weight: 300;}
#vid-cta h2 span {font-size: 70px;}

/* Provider B2B page */
.page-template-page-provider-php logged #content {padding-top: 0px;}
.provider-hero-copy {background-color: rgba(0,0,0,0.6); padding: 10px; margin-bottom: 20px;}
.provider-hero-copy .blue-btn {text-transform: capitalize; font-size: 24px; padding: 10px 20px;}
.provider-hero .icr-hero-copy.float66 {width: 60%;}
.provider-hero {height: 390px; padding-top: 30px;}
.provider-hero h1{font-size: 30px; margin-bottom: 15px; color: #fff; font-weight: 300;line-height: 30px; }
.provider-hero h1 span {font-size: 24px;}
.provider-intro {padding: 30px 0;}
.contact-us-sidebar {border-radius: 15px; margin-bottom: 30px; padding-bottom: 0; background-image: url(/images/map-bg.jpg); background-size: 100%;background-repeat: no-repeat; background-position: center top; overflow: hidden;}
.contact-us-sidebar h3 {font-size: 24px; font-weight: 300; text-transform: uppercase; padding: 45px 10px; color: #3f3f3f; text-align: center; background-color: rgba(255, 255, 255, 0.25); margin-bottom: 0px; }
.contact-us-sidebar .blue-btn {font-size: 18px; padding: 10px 20px; background-color: #FF6114;}
.contact-us-sidebar .blue-btn:hover {background-color: #D85313;}
.sidebar-bottom { color:#333; padding: 10px 20px; font-size: 20px;background-color: rgba(255,255,255, 0.75); box-shadow: 0 0 3px #ccc;}
.sidebar-bottom h4{font-size: 20px; border: none; font-weight: 600; margin-bottom: 5px; color: #444;}
.c-phone {font-size: 24px; color: #FF6114;}
.or {font-size: 20px; font-family: 'Georgia', serif; font-style: italic; padding: 0 10px;}
.contact-us-sidebar span {vertical-align: middle;}
.testimonials-side {padding-left: 5%;}
.testimonials {margin-bottom: 40px;}
.testimonials .float33 {height: 100px;background-size: cover; background-position: center center; width: 32%; margin: 0 .66%;}
.testimonials .single-testimonial {height: 200px; background-size: cover;background-position: center center; max-width: 350px; margin: 0 auto;}
.test-play {height: 100%; width: 100%; display: block; position: relative; color: #fff; cursor: pointer; background-color: rgba(0,0,0,0); transition: background-color 0.3s ease; }
.test-play .fa {font-size: 40px; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); opacity: 0.7; transition: opacity 0.3s ease;}
.test-play:hover {background-color: rgba(0,0,0,0.2);}
.test-play:hover .fa {opacity: 1;}
.provider-quote {background-color: #575757; width: 100%; overflow: hidden;}
.provider-quote .inner {padding: 20px 15px; }
.provider-quote .inner p {color: #fff; font-size: 16px;}
.provider-quote .inner em { font-size: 22px; }
.p-quote {position: relative; opacity: 0; transform: translateX(100%); -moz-translateX(100%); -webkit-translateX(100%); transition: all 0.5s ease-out; width: 90%; margin: 0 auto; margin-bottom: 0px;}
.p-quote:before {content: '\f10d'; font-family: 'FontAwesome';position: absolute; left: -30px;top: -3px; font-size: 30px; color: #ff6114;}
.p-quote.swoosh {opacity: 1; transform: translateX(0); -moz-translateX(0); -webkit-translateX(0);}
.impact {background-color: #fafafa;}
.impact .inner {padding: 30px 15px;}
.impact-component {height: 400px;}
.impact-copy {position: relative; height: 100%; padding: 0 50px;}
.vertical-middle {position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); display: block; }
.big-vid {height: 100%; background-size: cover; background-position: center center;}
.play-impact {height: 100%; width: 100%; cursor: pointer; text-align: center; position: relative;background-color: rgba(0,0,0,0); transition: background-color 0.3s ease; overflow: hidden;}
.play-impact .fa {font-size: 100px; color: #2483da; opacity: .7; top: 50%; transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); display: block; position: relative; transition: all 0.3s ease;}
.play-impact:hover {background-color: rgba(0,0,0,.2);}
.play-impact:hover .fa {opacity: 1; transform: translateY(-50%) scale(1.1); -webkit-transform: translateY(-50%) scale(1.1); -moz-transform: translateY(-50%) scale(1.1); }
#testimonial-vids .modal-container iframe {width: 100% !important;}

/*Certification*/
.page-template-page-certified-providers-home-php .alignleft, .page-template-page-proven-lifestyle-page-php .alignleft {margin: 0 40px 10px 0;}
.page-template-page-certified-providers-home-php .alignright, .page-template-page-proven-lifestyle-page-php .alignright {margin: 0 0 10px 40px;}


/* about page */
.page-template-page-about-php .interior {padding: 10px;}
.page-template-page-about-php h1 {border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 20px;}
#tab-nav { width: 15%; float: left;}
#tab-container { width: 60%; float: left; min-height: 700px;}
.about-sidebar { width: 25%; float: left;}
#vid-carousel {width: 100%;position: relative; height: 130px; margin-bottom: 10px;}
.vid-slide {width: 100%; height: 130px;background-size: cover; background-position: center center; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.3s ease;}
.vid-slide.active {display: block; opacity: 1;z-index: 2;}
.vid-slide a {display: block; font-size: 50px; height: 100%; position: relative; text-align: center; background-color: rgba(0,0,0,.3);}
.vid-slide a:hover {background-color: rgba(0,0,0,.0); color: #248cda;}
.vid-slide .fa {display: block;top: 50%; position: relative; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);  opacity: .7; transition: all 0.3s ease;}
.vid-slide a:hover .fa {opacity: 1;}
#controls {margin-bottom: 10px;}
#vid-titles {position: relative; height: 80px; width: 100%; overflow: hidden;}
.vid-title {position: absolute; width: 100%; height: 80px; left: 0; top: 0; opacity: 0;}
.vid-title.active-title {opacity: 1;z-index: 1;}
#vid-titles h3 { font-size: 18px; line-height: 1em; margin-bottom: 3px; transform: translateX(100px); -moz-transform: translateX(100px); -webkit-transform: translateX(100px); transition: all 0.5s ease; opacity: 0;}
#vid-titles h4 { font-size: 14px; color: #555; border-bottom: none;transform: translateX(100px); -moz-transform: translateX(100px); -webkit-transform: translateX(100px); transition: all 0.6s ease; opacity: 0;}
#vid-titles .vid-title.active-title h3 { opacity: 1;transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); transition: all 0.3s ease;}
#vid-titles .vid-title.active-title h4 { opacity: 1;transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); transition: all 0.4s ease;}

#tab-container {padding: 10px 15px 15px;}
#tab-container h3 {font-size: 1.5em;}
#tab-nav { width: 15%; float: left;background-color: #efefef;}
#tab-container { width: 59%; margin-right: 1%; float: left;background-color: #fff;}
.tab-content ul {padding-left: 15px; }
.tab-content li {font-size: 18px; list-style: disc; font-weight: 100; margin-bottom: 15px; line-height: 1.3em;}
 #tab-nav ul {margin-bottom: 0px;}
 #tab-nav li { text-align: right; border-bottom: 1px solid #fff;}
 #tab-nav li:last-child {border-bottom: none;}
 #tab-nav a {font-size: 16px; display: block; padding: 15px 5px; transition: all 0.2s ease; color: #fff; background-color: #2483da; }
 #tab-nav li a .fa {transition: transform 0.2s ease;}
 #tab-nav a:hover, #tab-nav li.current-tab a {background-color: #fff; color: #2483da;}
 #tab-nav a:hover .fa, #tab-nav li.current-tab a .fa {transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px);}
.tab-content#author li {clear: left;}
.tab-content#author li img.alignleft {max-height: 90px; width: auto;}
#controls a {font-size: 16px; text-transform: uppercase; font-weight: 100;}

.ninja-wrap-contact-form .text-wrap.label-above label, .ninja-wrap-contact-form .textarea-wrap.label-above label {display: none;}
.ninja-wrap-contact-form .field-wrap {width: 48%; float: left;}
.contact-email-wrap, .contact-lastname-wrap,.contact-phone-wrap {margin-right: 4%;}
.ninja-wrap-contact-form .textarea-wrap {width: 100%}

.quotes {margin-bottom: 20px; padding: 15px 25px; position: relative; background-color: #555;}
.quotes:before {content: "\f10d"; font-family: 'FontAwesome'; font-size: 16px; color: #eee; position: absolute; top:10px; left: 6px;}
.quote-container p {font-size: 14px; color: #eee;}
.quoter-image {width: 32%; display: inline-block;vertical-align: middle;}
.quoter-info {width: 66%; display: inline-block; vertical-align: middle;}
.quoter-info h3 {color: #eee;font-size: 14px; font-weight: 600;}
.quoter-info p {font-size: 14px; color: #bbb;}

/* recipedia - and a few OL styles */
.ingr-weight {text-transform: uppercase; font-size: 90%;}
.ingr {-webkit-column-count: 2;-moz-column-count: 2;column-count:2;}
.ingr li {list-style: none;display: inline-block;margin: 0 0 20px 0; width: 100%;line-height: 1.4em;}
.ingr-notes { color: #777; font-size: 90%;}
.prep-aside { border: 1px solid lightgreen; padding: 10px;}
.recipe-vid { color: white;}
.recipe-ol { counter-reset: item; list-style: none; margin: 1em; font-family: 'Roboto', sans-serif;}
.single-zine_posts .zine_posts ul { margin: 1em 2em; font-family: 'Roboto', sans-serif;}
.single-zine_posts .zine_posts ul li { list-style: disc; margin-bottom: 10px;}
.stories-share-story .fa-pencil-square-o {color: #fff;}
.stories-share-story .fa-square {color: #DE8D2A;}
.recipe-ol li  { list-style: none; margin-bottom: 10px;}
.recipe-ol li p, .single-zine_posts .zine_posts li p { margin: 0 0 0 .9em;}
.recipe-ol li:before  { float: left; content: counter(item); counter-increment: item; width: 25px; text-align: center; margin: 0 0.5em 0 -1.5em; color: green; font-size: 130%; border: 2px solid lightgreen; border-radius: 20px; }
.single-zine_posts .zine_posts ol li {margin-left:28px; margin-bottom: 0.4em;}
#livingSubmenu li {list-style: none;}
#emergency {display: none}
.recipe-finder input, .recipe-finder select {width: 100%; margin-bottom: 10px;}
.recipe-finder .blue-btn {float: right; display: block; font-style: normal; margin-top: 15px;width: 50%;}
.recipe-finder {padding-left: 10px; background: #777; border-top: 3px solid #83A707; padding: 10px;}
.recipe-finder h3 {color: white;}
.recipe-finder .blue-btn:hover {background:#4587E3;}
.cooking-demo-thumb { margin-bottom: 10px; height: 200px;background-size: contain;background-position: center center;}
.cooking-demo-thumb a {display: block; height: 100%;color: #fff; padding: 10px 0px;}
.cooking-demo li {padding:3px;}
.cooking-demo div{text-align: center;width:100%;height:200px;background-size:cover;}
.cooking-demo i{font-size: 90px;margin-top: 50px;}
.cooking-demo-container { height: 250px}
.categoryGrid li h5{font-size:1.2em;margin-top:10px}
.categoryGrid li {width:16%;height:190px;text-align:center;display:inline;float:left;margin-bottom:30px}
.categoryGrid .grid {width:120px;margin:0 auto;height:120px;background-size:cover;background-repeat:no-repeat;background-position:top center; background-color: #f1f1f1;}
.taxonomy-list { display: inline; margin: 0 4px !important;}
.taxonomy-list a { font-size: .8em;text-transform: uppercase; border-left: 2px solid #2483da; background: #f1f1f1; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; padding: 3px 6px; white-space: nowrap; display: inline-block; margin-bottom: 3px;}
.taxonomy-list a:hover { background: #2483da; color: #fff;}
.recipedia-content p { line-height: 1.2em; }
#viewing-recipes { padding-top: 10px; }
#recipe-search {padding: 20px 0;}
#recipe-search li { display: inline-block; position: relative; vertical-align: middle; }
li.search-li { padding-right: 50px; }
#recipe-search .chosen-results li { display: block; text-align: left;}
.chosen-container .chosen-results { max-height: none !important;}
#recipe-search input, #recipe-search select { width: 270px;font-size: 16px;}
#recipe-search input { padding: 10px;}
.recipe-img h2 + p { font-size: 1.6em;}
.recipe-action {padding: 5px 10px; clear: both; position: relative; }
#print-options {position: absolute; background-color: #83A707; padding: 10px; top: 45px; width: 220px;}
.print {background-color: #2483da; color: #fff; color: #fff; padding: 5px 20px;border-bottom:2px solid #225c93; display: inline-block; margin-top: 10px;}
a#prt-opt-btn.active {color: #333;}
.show-prt-opt {position: relative; float: left; color: #2483da; padding: 7px 20px 0;}
#print-options label {color: #fff; display: block; width: 200px; font-size: 14px;}
#print-options p {color: #fff; font-size: 12px;}
#close-opt {position: absolute; right: 10px; bottom: 10px; color: #fff; cursor: pointer;}
#cat-reveal.active-down:after{content:"\f077";}
.recipe-cat, .recipe-box {border: 1px solid #d4d4d4; border-radius: 5px; width: 32%; margin: 0.66%; display: inline-block; vertical-align: top; overflow: hidden; }
.recipe-box {height: 430px;}
.recipe-cat {margin: 0.5%; cursor: pointer;}
.recipe-cat:hover, .recipe-box:hover { border-color: #444; }
.recipe-cat:hover h3 a, .recipe-box:hover h3 a { text-decoration: underline; }
.recipe-cat:hover img, .recipe-box:hover img { opacity: 0.8; }
.cat-image, .recipe-image {height: 210px; width: 100%; overflow: hidden;}
.cat-info, .recipe-info { width: 100%; padding: 10px; background: #efefef;}
.cat-info h3 {padding-top: 15px;}
.cat-image img { max-width: 110%; margin-left: -5%; }
.recipe-info {padding: 10px; background-color: white}
.category-check {width: 100%; z-index: 2;}
#recipe-search input[type="submit"] {width: 30px;}
.category-check label{ width: 100%; text-align: left; display: block; font-size: 14px; padding: 2px 0; }
#recipe-search input[type="checkbox"] {width: 50px;}
#cat-reveal {cursor: pointer;}
#every-recipe {min-height: 500px;}
#recipe-cat-container, #every-recipe {border: 1px solid #d4d4d4; border-radius: 5px;padding: 10px 20px}
#recipe-cat-container h2 {margin-top:10px;}
.recipe-img { position: relative; }
.ok-hero { height: 400px; padding-top: 100px; }
.page-template-page-recipedia-home-php .interior { border-top: none; padding-top: 0px; padding: 20px; }
.page-template-page-sample-menu-php h1, .page-template-page-recipedia-home-php h1, .page-template-page-recipedia-home-php .ok-hero p { font-size: 92px; text-shadow: 0 0 3px #666; color: white}
.page-template-page-sample-menu-php h1 {font-size: 80px;}
.page-template-page-sample-menu-php .ok-hero h2 {color: #ffffff; text-shadow: 0 0 3px #666667; margin-top: 0px;}
#menu-nav ul {text-align: center;}
#menu-nav li {display: inline-block; margin: 0 15px;}
#menu-nav a {cursor: pointer; padding: 0 10px 5px;border-bottom: 2px solid transparent; text-transform: lowercase; font-size: 20px;}
#menu-nav a:hover, #menu-nav a.current-menu {border-bottom: 2px solid #2483da;}
.page-template-page-recipedia-home-php .ok-hero p { font-size: 2em;}
#bg-img { position: absolute; z-index: 1; width: 100%; height: 100%; opacity: 0.5; background-position: center top; background-repeat: no-repeat; background-size: 115%; }
.page-template-page-recipedia-home-php #bg-img, .page-template-page-sample-menu #bg-img { opacity: 1.0; height: auto; background: black; }
#bg-img img { width: 100%; opacity: 0.85; }
#bg-img:after { position: absolute; width: 100%; height: 200px; content: ""; bottom: 0; background-image: linear-gradient(rgba(255,255,255,0.01), rgba(255,255,255,1.0)); z-index: 2; left: 0; }
.recipe-search-bar, .random-recipe { background: black; background: rgba(0,0,0,0.5); }
.recipe-search-bar {min-height: 70px; width: 100%; background: white; background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,1.0)); position: relative;}
.about-ok {position: absolute; background-color: rgba(255,255,255,0.7); border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; box-shadow: 0 3px 5px #ccc; height: 30px; }
.about-ok a {display: block; height: 100%; padding: 5px 13px;}
.about-ok .fa {font-size: 17px; display: inline-block; vertical-align: top;}
.random-recipe { position: absolute; right: 0; top: -150px; padding: 4px 10px; color: #ccc; }
.random-recipe a { color: white; }
.random-recipe a i { margin-left:5px; }
.random-recipe a:hover { /*color: #2483da;*/ text-decoration: underline; }
.page-template-page-recipedia-home-php #content { background-size: 100%; }
.recipe-video-link { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: white; background: rgba(255,255,255,0.7); padding: 10px 20px; font-size: 1.2em;}
.recipe-video-link i {vertical-align: middle; padding-bottom: 2px; }
.recipe-specs { border-top: 3px solid #83A707; padding: 10px; margin-bottom: 20px; background: url(/images/accordion-wavy-bg.jpg); }
.recipe-specs p { font-family: 'Roboto Condensed', sans-serif; margin-bottom: 0; }
.ol-sneak, .related-pillars {position: relative; overflow: hidden; height: 180px; }
.ol-sneak img, .ol-sneak h4, .related-pillars img, .related-pillars h4 { position: absolute; transition: transform 0.4s ease; }
.ol-sneak h4, .related-pillars h4 { margin-bottom: 0; bottom: 0; z-index: 2; border: none; padding: 0; width: 100%; font-weight: 400; }
.ol-sneak h4 a, .related-pillars h4 a { padding: 50px 10px 10px; color: white; background: black; background: linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0.9)); bottom: 0; width: 100%; display: block; }
.ol-sneak h4 a:hover, .related-pillars h4 a:hover { text-decoration: underline; }
.ol-sneak:hover img, .related-pillars:hover img { transform: scale(1.1);}
.recipe-serves { padding-right: 10px; border-right: 1px solid #bbb; }
.recipe-serves strong, .performance-facts__header strong{ text-transform: capitalize;}
.recipe-time span { display: inline-block; vertical-align: top; padding: 0 10px;}
#related-recipes { margin-bottom: 30px;}
.related-recipes.float25 { height: 180px; }
.related-recipes h4 a { background: white; color: black; background: linear-gradient(rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.9) 60% );}
.callout { border: 1px solid; border-radius: 10px; padding: 30px 20px 20px 60px; position: relative; font-style: italic; margin: 40px 0; }
.callout i { position: absolute; left: 20px; color: #ccc; }
.callout h3 { position: absolute; top: -15px; left: 30px; background: white; padding: 2px 10px; display: inline-block; font-style: normal; }
.recipe-categories { padding-top: 5px; max-width: 400px; min-width: 60%;}
.recipe-categories .medium-gray {width: auto; float: left; padding-right: 5px;}
.description-title {border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.description-title h2 {border: none; display: inline-block;}
.recipe-finder input {margin-bottom: 0px;}
#sidebar div#cat_select_chosen {margin-bottom: 10px;}
#sidebar div#recipe-finder,#sidebar div.tax-list-right {margin-bottom: 0px;}
.page-template-page-recipedia-home-php #about-link, .single-recipe_posts #about-link {display: none;}
#sidebar div.nutrition-medals {margin-bottom: 20px; margin-top: 0px;}
.page-template-page-sample-menu .interior {min-height: 1000px; text-align: center;}
.page-template-page-sample-menu .interior h2 {font-size: 2.5em; font-family: 'Playfair Display', serif; font-weight: 400; color: #333333; margin: 20px 0 20px}
.page-template-page-sample-menu .interior h2:after { content: ''; background-image: url('/images/rule-menu.jpg'); height: 20px; width: 400px; display: block; background-size: contain; background-repeat: no-repeat; margin: 10px auto; text-align: center;}
.page-template-page-sample-menu .interior h2.sample-menu-title sup {font-size: 12px; bottom: 1.2em;}
.page-template-page-sample-menu .interior  h2.sample-menu-title {font-size: 2.9em; margin-top: 30px; line-height: 1em; margin-bottom: 0px;}
.page-template-page-sample-menu .interior  h2.sample-menu-title:after{background-image: none;}
.meals h3 a:after, .snacks h3 a:after {content: '\f0f5'; font-family: FontAwesome;font-size: 14px; margin-left: 10px;  color: #2483da;}
.page-template-page-sample-menu h3 {font-size: 1.5em; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; margin-bottom: 5px;}
.page-template-page-sample-menu h3 a {color: #444}
.page-template-page-sample-menu h3 a:hover, .fa-cutlery {color: #2483da}
.page-template-page-sample-menu h5 {margin-bottom: 20px}
.snacks li { display: inline-block; width: 20%; margin: 0 20px; vertical-align: top; }
.menus-container {position: relative; padding-bottom: 50px;}
.menu-days {opacity: 0; position: absolute; width: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; transform: translateY(30px); -moz-transform: translateY(30px); -webkit-transform: translateY(30px); }
.menu-days.current-day {opacity: 1;transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);z-index: 2; }

.page-template-page-sample-menu #every-recipe {display: none}


/* special thanks to CSS Tricks for this below */
.performance-facts{border-top:3px solid #83A707;padding:.5em; background: url(/images/accordion-wavy-bg.jpg);}
.performance-facts table{border-collapse:collapse; background: transparent;}
.performance-facts__table thead { background: transparent;}
.performance-facts__title{font-weight:700;font-size:2em;margin:0 0 .25em;}
.performance-facts__header{border-bottom:10px solid #000;margin:0 0 .5em;padding:0 0 .25em; height: auto;}
.performance-facts__header p {margin:0; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 12px !important;}
.performance-facts__table,.performance-facts__table--small,.performance-facts__table--grid{width:100%;}
.performance-facts__table thead tr th,.performance-facts__table--small thead tr th,.performance-facts__table--grid thead tr th,.performance-facts__table thead tr td,.performance-facts__table--small thead tr td,.performance-facts__table--grid thead tr td{border:0;}
.performance-facts__table th,.performance-facts__table--small th,.performance-facts__table--grid th,.performance-facts__table td,.performance-facts__table--small td,.performance-facts__table--grid td{font-weight:400;text-align:left;border-top:1px solid #000;padding:.25em 0;}
.performance-facts__table td:last-child,.performance-facts__table--small td:last-child,.performance-facts__table--grid td:last-child{text-align:right;}
.performance-facts__table .blank-cell,.performance-facts__table--small .blank-cell,.performance-facts__table--grid .blank-cell{width:1em;border-top:0;}
.performance-facts__table .thick-row th,.performance-facts__table--small .thick-row th,.performance-facts__table--grid .thick-row th,.performance-facts__table .thick-row td,.performance-facts__table--small .thick-row td,.performance-facts__table--grid .thick-row td{border-top-width:5px;}
.small-info{font-size:1em !important;}
.performance-facts__table--small{border-bottom:1px solid #999;margin:0 0 .5em;}
.performance-facts__table--small thead tr{border-bottom:1px solid #000;}
.performance-facts__table--small td:last-child{text-align:left;}
.performance-facts__table--small th,.performance-facts__table--small td{border:0;padding:0;}
.performance-facts__table--grid{margin:0 0 .5em;}
.performance-facts__table--grid td:last-child{text-align:left;}
.performance-facts__table--grid td:last-child::before{content:"•";font-weight:700;margin:0 .25em 0 0;}
.thick-end{border-bottom:10px solid #000;}
.thin-end{border-bottom:1px solid #000;}
/* special thanks to CSS Tricks for this above! */


/* Magazine */
/* page id 14973 = ask dr o page */
.page-id-14915 #sidebar {display:none;}
.page-id-14915 .interior .float66 {width:100%;float:none}
.page-id-14915 #copy img {margin-right:40px;float: left}
.page-id-14915 #copy h3 {margin-bottom:40px}
.page-id-14915 .float66 .cf-ol li label{width: 100px;display: inline-block;}
.addthis_toolbox strong {display: inline-block; float: left; margin-bottom: 10px;}
.ask-ornish-ninja-form {width: 74%; float: right;}
.field-wrap.label-right label, .field-wrap.label-left label,.text-wrap.label-above label, .textarea-wrap.label-above label,.ninja-forms-form-wrap label {font-weight: 300; font-family: Helvetica, Arial, sans-serif;}


/* share your story */
.form-b, .ask-ornish-form {display: none;}
.page-template-page-share-your-story-php #copy {padding-right: 40px;}
.sys-stories-callout {background-color: #555555; padding: 60px 15px; margin-bottom: 20px; background-image: url(/images/more-stories-bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100%;}
.sys-stories-callout h3 {color: #ffffff; margin-bottom: 30px; }
.sys-first-name-wrap, .sys-last-name-wrap, .sys-email-wrap, .sys-phone-wrap, .sys-location-wrap, .sys-completion-wrap, .sysd-first-name-wrap, .sysd-last-name-wrap, .sysd-email-wrap, .sysd-phone-wrap  {width: 47%; float: left;}
.sys-age-wrap, .sysd-age-wrap {width: 20%; float: left;}
.sys-home-town-wrap, .sysd-home-town-wrap {width: 74%; float: left;}
.sys-first-name-wrap, .sys-email-wrap, .sys-age-wrap, .sys-location-wrap, .sysd-age-wrap, .sysd-first-name-wrap, .sysd-email-wrap   {margin-right: 6%;}
.ninja-forms-form-wrap label {font-weight: 300 !important;}
.page-template-page-share-your-story-php .field-wrap,.sysd-disclaimer-text, .sysd-media-release-text,.sys-disclaimer-text, .sys-media-release-text {display: none;}
.sys-prog-status-wrap label,.sysd-prog-status-wrap label {display: none !important;}
.sys-prog-status,.sysd-prog-status {width: 300px; display: inline-block; margin: 0 auto; text-align: center;}
.ninja-forms-required-items {display: none;}
.list-dropdown-wrap.label-above select.sys-prog-status,.list-dropdown-wrap.label-above select.sysd-prog-status {width: 300px; border: 3px solid #2483DA; border-radius: 5px;}
.page-template-page-share-your-story-php input[type="submit"] {font-size: 20px; padding: 5px 30px;}
.disclaimer-copy p {font-size: 12px;}
.page-template-page-share-your-story-php .ninja-forms-success-msg {padding: 30px; border-radius: 9px; border: 2px solid #225c93;background-color: #dedede;}
.ninja-forms-error-msg p {color: red;}
.sys-disclaimer-text:before, .sysd-disclaimer-text:before,.sys-media-release-text:before, .sysd-media-release-text:before  {content: '\f078'; font-family: 'FontAwesome';color: #2483DA;float: left; padding-top: 0px; padding-right: 5px;}
.sys-disclaimer-text.active-dis:before, .sysd-disclaimer-text.active-dis:before,.sys-media-release-text.active-dis:before, .sysd-media-release-text.active-dis:before {content:'\f077';}
.sys-disclaimer-text:before, .sysd-disclaimer-text:before,.sys-media-release-text:before, .sysd-media-release-text:before  {content: '\f078'; font-family: 'FontAwesome';color: #2483DA;float: left; padding-top: 0px; padding-right: 5px;}
.disclaimer-box {padding: 15px; background-color: #dddddd;margin-bottom: 20px;}
.sysd-disclaimer-text p, .sys-disclaimer-text p, .sysd-media-release-text p, .sys-media-release-text p,.sys-disclaimer-check-wrap label, .sysd-disclaimer-check-wrap label, .sys-media-release-check-wrap label, .sysd-media-release-check-wrap label {font-size: 12px; margin-bottom: 5px;}
.disclaimer-copy  {padding-left: 20px; }
.sys-disclaimer-check-wrap, .sysd-disclaimer-check-wrap, .sys-media-release-check-wrap,.sysd-media-release-check-wrap {margin-bottom: 5px;}
.field-wrap.sys-disclaimer-check-wrap, .field-wrap.sysd-disclaimer-check-wrap, .field-wrap.sys-media-release-check-wrap, .field-wrap.sysd-media-release-check-wrap {padding-left: 16px; margin-bottom: 5px;}
/* end share your story */

cite { font-family: courier;}
cite:before {content: 'Source: ';font-style: normal;}
#ol-holder { background: #555; }
#infscr-loading { position: absolute; width: 100%; bottom: 0; background: #333; color: white; text-align: center; height: 50px; line-height: 50px; }
.page-template-page-magazine-contributors-php .author {margin-bottom:20px;}
.page-template-page-magazine-contributors-php .author .float25 { border-radius: 50%;overflow: hidden;height: 150px;width: 150px;/*border: 1px solid #787878;*/ margin-right: 70px;-webkit-box-shadow: 0px 0px 10px 0 #FF0;box-shadow: 0px 0px 10px 0 #FF0;}
.page-template-page-magazine-contributors-php small {font-size: 110%;display: block;font-style: italic;}
.single-zine_posts header, .page-template-page-magazine-home-php header,.page-template-page-share-your-story-php header { height: auto; margin-bottom: 20px; }
article {border:2px solid #ffffff; position: relative; background: black; float: left; width: 33%; }
article img{width:100%; display: block; }
article .meta, .single-zine_posts .internal {position:absolute; width: 100%; z-index: 2; bottom: 0; margin: 0; background: linear-gradient(to bottom,  rgba(0,0,0,0) 28%,rgba(0,0,0,0.65) 71%,rgba(0,0,0,0.65) 100%); }
 article#ol-subscribe .meta {background:none;}
article .meta a, article .meta small { color: white; }
article .meta a:visited { color: #bbb; }
article .meta a { padding: 7em 1.5em 0; display: block; }
article a:hover { text-decoration: underline; color: white;}
#ol-main-menu { padding: 50px 0; background-color: #aaaaaa;background-color: rgba(255,255,255,0.15); width: 90%; margin: 0 auto; border-top: 1px solid #fff;; border-bottom: 1px solid #fff; }
.ol-menu{float: none; max-width: 1080px; margin: 0 auto; }
.ol-menu .menu a {text-align:center !important; display: block; height: 100%; font-weight: 300; color: #777777; font-size: 40px;}
.ol-menu .menu a:hover {background-color: #fff; background-color: rgba(255,255,255, 0.5);}
.ol-menu li{ font-size: 55px; color: #ffffff; line-height: 1.3em;}
#overlay-nav {position: fixed; height: 100%; width: 100%; background-color: #8294a3; background-color: rgba(170, 170, 170, 0.95); z-index: 5; top: 0px; left: 0px;overflow-y: scroll;}
#ol-main-menu { padding: 20px 0; background-color: #9aa8b5;background-color: rgba(255,255,255,0.8); width: 90%; margin: 0 auto; border-top: 1px solid #fff;; border-bottom: 1px solid #fff; }
.ol-overlay-logo {margin: 40px auto 60px; width: 220px;}
.ol-overlay-logo img {height: auto;}
#close-ol-menu {position: absolute; right: 20px; top: 20px; color: #ffffff; font-size: 30px;}
#overlay-nav h3 {top: -45px; color: #fff; text-transform: uppercase; background-color: #aaaaaa; border: 1px solid #fff;font-family: "Roboto",sans-serif;  font-weight: 300; display: inline-block; margin: 0 auto; position: relative; padding: 5px 20px; font-size: 25px; }
header img { padding: 6px; height: 50px; transition: opacity 0.2s ease;}
.olm-logo img:hover, .emp-login-container img:hover {opacity: 0.5;}
.emp-login-container { margin-right: 30px; }
.mag-header { background: #f2f2f2;position: relative; z-index: 1; height: 50px; }
#about-link {margin-top: 7px; height: 26px;margin-left:20px;}
#about-link a {font-size: 15px; padding-top: 12px;}
.val-prop {padding: 50px 0;}
.val-prop ul {margin-bottom: 30px;}
.val-prop li {line-height: 1.5em; list-style: disc; font-size: 16px; margin-left: 20px; padding-left: 10px;font-family: "Roboto",sans-serif; font-weight: 300;}
.mag-header a{padding:1px 10px;font-size:14px;margin:0;vertical-align:text-bottom;}
.mag-header a.mag-head-subscribe {display: none;}
.mag-header a.mag-head-subscribe.reveal-form-a {display: inline-block;}
.reveal-form-b {display: block;}
.categories {left:0;position:absolute;top:0px; opacity: 0; width:100%;z-index:3; background: #2483da;}
.categories a{color:white;display:block;padding:3px 0;}
article:hover .categories { top: 0; opacity: 1.0; }
.ol-category.feature { display: none;}
.practice-fitness, .foot-fit:hover { background:#36297C !important; }
.practice-love-and-support, .foot-love:hover { background: #A00A74 !important; }
.stories, .foot-stories:hover { background-color: #EED015 !important;}
.stories-hero-img { background-image: url('/wp-content/uploads/mosaic-stories.jpg') !important;}
.practice-healthy-nutrition, .foot-nut:hover { background: #83A707 !important; }
.practice-stress-management, .foot-stress:hover { background: #109EB6 !important; }
.ask-ornish, .ask-dr-o:hover { background: #de8d2a !important; }
.prev-next a { display: block; padding: 25px; font-size: 1.2em; background: #f2f2f2; border-right: 2px solid #fff; }
.prev-next a:hover { background: #2483da; color: white;}
.ol-foot p { color: white; }
.foot-subscribe { background: #555; }
.ol-mid-foot {background-color: #555;}
.foot-dr-o { background: #666; width: 34%; }
.foot-dr-o, .foot-subscribe .float66, .foot-subscribe .float33 { padding: 30px; }
.foot-subscribe .float33 {padding-bottom: 10px;}
.foot-subscribe .float66.sys-foot {padding: 30px 30px 30px 10px;}
.foot-subscribe .quote-image.float33 {padding: 0; min-height: 0; padding-right: 30px; height: 120px; overflow: hidden;}
.foot-subscribe .menu li { list-style: none; background: #666; margin:0 0 1px; font-size: 16px;}
.foot-subscribe .menu li a { color: white; padding: 6px 12px; display: block; }
.foot-subscribe .menu li a:hover {background: #2483da; }
footer h5 { color: #ccc; text-transform: uppercase; }
footer form ol, footer form li { float: left; margin: 0 !important; }
footer .cf_hidden, footer .emailreqtxt { display: none; }
footer .sendbutton {background: #333;border:medium none;padding:5px 20px;}
footer .foot-dr-o img { max-width: 40%; }
.page-template-page-ol-subscribe-php .lighter-band, .page-template-page-ol-subscribe-php .middle-band {display: none;}
.single-zine_posts .interior {border: none; max-width: 800px; background: transparent !important; }
.single-zine_posts #titleContainer {width: 100%;height: 600px; background: center top no-repeat; background-size: cover; position: relative;}
.single-zine_posts .internal {position: absolute;bottom: 0px;width: 100%;margin: 0 auto; padding: 150px 0 20px;}
.single-zine_posts .internal p.source {color: #FFF;font-size: .8em;}
#titleContainer h1, #titleContainer h2, #titleContainer p { color: white; }
#titleContainer h1 { font-size: 3.5em; font-weight: 300;}
#titleContainer h2 {font-size: 2.4em;}
.single-zine_posts section li {font-size:18px;margin-left:20px;font-weight: 300; color: #333; }
.single-zine_posts .ol-featured-img { height: 100%; overflow: hidden; background: black;}
.single-zine_posts .ol-featured-img img { min-height: 100%; transition: opacity 0.3s ease; }
.single-zine_posts .ol-article:hover img { opacity: 0.6;}
.single-zine_posts blockquote {padding: 20px; border-left: 5px solid #ddd; margin-bottom: 20px; }
.single-zine_posts .interior p.quote {font-size:2.2em;font-style:italic;text-align:center; padding:10px;margin:20px auto;width:90%;font-family:'Merriweather',serif; position: relative; }
p.quote a { position: absolute; left: -35px; top: 30%; opacity: 0.2; transition: all 0.4s ease; z-index: 2; }
p.quote:hover a { color: rgb(85, 172, 238); opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); }
.single-zine_posts .interior .author-bio { font-size: 16px; padding-right: 30px; color: #888; }
.single-zine_posts #authorMeta, .single-zine_posts #livingSubmenu {padding-top: 10px;width: 49%; margin-right: 1%}
.single-zine_posts #authorMeta img {margin-bottom: 70px;}
.single-zine_posts #authorMeta h6, .single-zine_posts #livingSubmenu h6 {color:white;padding:10px;font-size: 18px;margin-bottom: 20px;}
.single-zine_posts #livingSubmenu #questionAgain {font-style: italic; margin-left: 10px;}
.single-zine_posts #livingSubmenu {font-size: 1.2em;font-family:Roboto, sans-serif;font-weight: 300;}
.single-zine_posts #livingSubmenu li {height: 30px;}
.single-zine_posts .related-articles { position: relative; padding: 30px 3px 5px; margin: 0 auto; z-index: 2; }
.single-zine_posts .related-articles article:last-child { width: 34%; }
.single-zine_posts .related-articles article.selected { background: white; }
.single-zine_posts .related-articles article.selected img { opacity: 0.6;}
.single-zine_posts .related-articles article.selected:after, .single-zine_posts .related-articles article.selected:before {content:"";border-top:40px solid black;border-left:90px solid transparent;border-right:90px solid transparent;position:absolute;left:50%;margin-left:-90px;bottom:-40px;}
.single-zine_posts .related-articles article.selected:before {border-top-color:white;bottom:-43px;border-top-width:43px;border-left-width:96px;border-right-width:96px;margin-left:-96px;}
.single-zine_posts .related-articles h2, .single-zine_posts .related-articles h3, .up-next-article h2 a { color: white; }
.single-zine_posts .related-articles .meta { background: linear-gradient(rgba(0,0,0,0) 28%, rgba(0,0,0,0.99) 100%); }
.related-articles .meta { padding: 4em 1.5em 0; }
.comments-shower { position: relative;}
.comments-shower .comment-count { position: absolute; padding: 2px 8px; text-align: center; line-height: 16px; background: #2483da; color: white; border-radius: 4px; top: -10px; right: -10px; font-size: 12px; }
#up-next { position: relative; min-height: 500px;}
.up-next-article { height: 100%; position: absolute; width: 100%; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.up-next-article h2 a, .up-next-article h2 {position: absolute; width: 100%; height: 100%; }
.up-next-article h2 a { padding: 200px 10% 50px; height: auto; bottom: 0; background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); font-size: 2em; line-height: 1em; font-weight: 200; }
.up-next-article h2 a:hover { text-decoration: underline; }
.tax-zine h1, .author h1, .page-template-page-ol-subscribe-php h1 { color: white; background: #555; padding: 0.6em 0; margin: 0;}
.ornish-subscribe-header {background-color: #555;padding: 10px 0;}
.ornish-subscribe-header h2 {display: inline-block;font-size: 24px; color: #fff; margin-right: 20px; margin-bottom: 0px;}
form.header-subscribe {display: inline-block; margin-bottom: -4px;}
form.header-subscribe .sendbutton {background: #2483DA;}
.subscribe-info {display: inline-block;color: #fff; font-size: 16px; font-weight: lighter; margin-left: 20px;}
.subscribe-info .fa-chevron-right {font-size: 10px;}
form.header-subscribe input {padding: 3.5px;}
form.header-subscribe .sendbutton {font-size: 13px; padding: 4px 20px;}
mag-head-subscribe form.mag-head-subscribe {float: right;}
#masthead { height: 120px; padding: 10px 0;background-color: white; transition: all 0.3s ease;}
#masthead.shrink {height: 70px; padding-top: 0;}
#masthead img { height: 100px;transition: height 0.3s ease;}
#masthead.shrink img {height: 70px;}
.at-icon-wrapper, .share-sidebar .fa-comment { border-radius: 50%; }
.share-sidebar .fa-comment { margin-left: 5px;}

.side-video, .first-take { float: left; margin: 50px 40px 50px -90px; border-top: 4px solid black; width: 250px; position: relative; }
.side-video-title { color: #888; }
.side-video a { position: absolute; top: 50%; left: 0; width: 100%; background: rgba(0,0,0,0.3); padding-left: 66%; font-size: 14px; text-transform: uppercase; color: white; }
.side-video i { font-size: 2.5em; color: white; }
.side-video a span { margin-top: 3px; padding: 4px; display: inline-block; }
.side-video i, .side-video span { vertical-align: middle; transition: color 0.2s ease; }
.side-video a:hover { background: rgba(0,0,0,0.8);}
.side-video a:hover i, .side-video a:hover span { color: #2483da}
.first-take { margin: 10px -90px 20px 30px; padding-top: 0; width: 150px; }
.share-sidebar a { font-weight: 300; cursor: pointer;}
.addthis_toolbox.addthis_32x32_style span, .share-sidebar .comments-shower i { vertical-align: middle; margin-right: 10px; }
.legend { position: relative; top: -10px; background: white; text-transform: uppercase; font-weight: 600; padding: 10px; line-height: 1em !important; }
.key-takeaway { padding: 0 20px 20px; }
.key-takeaway p { font-size: 14px; font-weight: 400;}
.tweet-this { color: #55ACEE; text-transform: uppercase; cursor: pointer; font-family: 'Roboto Condensed', sans-serif; }
.tweet-this:hover { color: black;}
.tweet-this i { font-size: 1.6em;}
.ol-menu-toggle a { font-size: 14px; font-weight: 600; margin: 10px; padding: 3px 5px 2px; border: 1px solid; text-transform: uppercase; display: inline-block; border-radius: 3px; }
.zine-content p:first-child:first-letter { font-size: 98px; float: left; line-height: 75px; padding: 10px 15px 5px 0; font-family: 'Merriweather', 'Times', sans-serif;  }
.fa-stack.fa-lg {font-size: 16px;}
.stories .zine-content p:first-child:first-letter { font-size: inherit; float: non; line-height: inherit; padding: inherit; font-family: inherit;  }
.zine-content li span { color: black;}
.zine-content h2, .zine-content h3, .zine-content h4 { margin-top: 1em;}
.single-zine_posts .ol-article { border-color: transparent; background-color: transparent; height: 240px; cursor: pointer; border-width: 3px; }
.share-footer-start, .comments-start { border-top: 4px solid black !important; padding-top: 0; }
.addthis_toolbox a { float: none !important; display: inline-block; vertical-align: middle; }

.polaroid {
        position: relative;
        width: 280px;
        height: 310px;
        margin-left: 25%;
        top: 10%;
        transform: rotate(-10deg);
        border: 10px solid #fff;
        border-bottom: 55px solid #fff;
        -webkit-box-shadow: 3px 3px 10px #777;
        -moz-box-shadow: 3px 3px 10px #777;
        box-shadow: 3px 3px 10px #777;
        background-size: cover;
        background-position: center top;
}


/* icr page styles */
.page-template-page-icr-landing-php #content .page {padding-top: 0px;}
.icr-hero {background-size: cover; background-position: center top; height: 470px;}
.icr-hero .inner {padding-top: 90px;}
.icr-hero h1 {font-size: 42px; color: #ffffff; text-shadow: 1px 1px 1px #777; font-weight: 200; margin-bottom: 10px; line-height: 1em;}
.icr-hero h1 em {font-style: normal; font-size: 26px;}
.icr-hero-copy {padding-right: 5%;}
.icr-hero-copy p {font-size: 18px; color: #ffffff;}
.icr-contact {background-color: #ffffff; background-color: rgba(255,255,255,0.7); width: 100%; padding: 10px; line-height: 1em;}
.icr-contact p {color: #2d2d2d; line-height: 1.2em; text-transform: uppercase; margin-bottom: 10px; font-size: 15px;}
.icr-hero-cta {color: #ffffff; background-color: #2483da; padding: 3px 10px; border-radius: 3px; margin-left: 10px; text-transform: capitalize;}
.icr-hero-cta a {color: #fff;  transition:all 0.3s ease; }
.icr-hero-cta:hover {background-color: #225c93;}
.component-copy {background-color: #fff;}
#icr-vid-contain {position: relative; cursor: pointer;}
#icr-vid-contain img {width: 100%; height: auto;}
.icr-vid-title {background-color: #ffffff; background-color: rgba(255,255,255,0.7); position: absolute; bottom: 40px; padding: 2px 30px;transition:all 0.3s ease;}
#icr-vid-contain:hover .icr-vid-title {background-color: rgba(255,255,255,1);}
.icr-vid-title h2 {font-size: 18px; font-weight: 300; width: 60%; float: left; padding: 8px 0; margin-bottom: 0px;}
.icr-vid-title .fa{color: #2483da; font-size: 70px; float: right; margin-right: 50px; }
.component-copy {padding: 60px 40px; position: relative;}
.component-copy h2 + p {font-family: 'Playfair Display', serif; font-weight: 400; color: #333333; font-size: 24px; }
.core-component {background-size: auto; background-repeat: no-repeat;}
.core-component.opened {background-size: cover;}
.bg-left {background-position: left top;}
.bg-right {background-position: right top;}
.testimonial-vids-section {background-color: #efefef;}
.testimonial-intro {padding: 40px; height: 200px; overflow: hidden;}
.preview-copy {height: 300px; overflow: hidden; max-width: 650px; margin: 0 auto;}
.preview-copy ul {padding-left: 40px; }
.preview-copy li {line-height: 1.5em; font-size: 1em; list-style: disc;}
.preview-expand {color:#2483da; position: absolute; bottom: 0; left: 40px; cursor: pointer;height: 100px; width: 100%; padding: 50px 0 10px; left: 0; background-image: linear-gradient(rgba(255,255,255,0), #ffffff 40%); text-align: center; transition: color 0.3s ease;}
.preview-expand:hover {color:#225c93;}
.vid-tabs {border-bottom: 2px solid #fff;}
.vid-tab {float: left; width: 33%; z-index : 2;height: 130px; background-size: cover; border-right: 2px solid #fff; position: relative; cursor: pointer;}
.vid-tab:hover {opacity: 0.8;}
.vid-tab.vid-select:after,.vid-tab.vid-select:before  {    content: "";    border-top: 40px solid black; border-left: 90px solid transparent;border-right: 90px solid transparent; position: absolute; left: 50%; margin-left: -90px; bottom: -40px;}
.vid-tab.vid-select:before {border-top-color: white; bottom: -43px; border-top-width: 43px;border-left-width: 96px; border-right-width: 96px; margin-left: -96px;}
.tab-grad {background-image: linear-gradient(rgba(255,255,255,0) 0%, #000000 100%); height: 50%; bottom: 0; position: absolute; padding: 2%; width: 100%;}
.tab-grad h3 {font-size: 15px; color: #fff; text-align: center;}
.vid-tab:last-child {width: 34%; border-right: 0px;}
.participant-vid {height: 350px; background-size: cover;}
.testimonials-left {border-right:2px solid #fff;}
.testimonials-right {border-left: 2px solid #fff;}
.participant-vid h3 {color: #ffffff;font-weight: 200; font-size: 40px; text-shadow: 1px 1px 1px #333333;}
.play-testimonial {width: 100%; height: 100%; padding: 90px 5% 0; cursor: pointer; background-color: rgba(0,0,0,0.4);}
.play-testimonial:hover {opacity: 0.8;}
.play-testimonial:hover .fa {opacity: 1;}
.play-testimonial .fa {color:#fff; font-size: 90px; opacity: 0.4;}
.testimonial-player {position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 1;}
.testimonial-vids {position: relative;}
.page-template-page-icr-landing-php .equation p {text-align: center;}
.page-template-page-icr-landing-php .equation span {font-size: 50px;}

/* end icr page styles */

/* comment styles */
.gravatar { float:left; margin:0 20px 20px 0; }
.comment-text{border-bottom:1px dotted#aaa;clear:both;margin-bottom:20px;padding-bottom:20px;}
#all-comments { position: fixed; height: 100%; width: 600px; right: -100px; background: #fff !important; z-index: 9; top: 0; box-shadow:-5px 0 5px rgba(0,0,0,0.2); padding-top: 50px; }
#comments-close {position:absolute;top:0;right:0;width:30px;height:30px;background:#2483da;color:white;text-align:center;font-size:2em;display:inline-block;padding-top:7px;font-weight:300;}
#comments-close:hover { background: black; }
.comments-scroller { overflow: auto; height: 100%; }
#comments-form { margin-bottom: 50px;}
.gravatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.meta-field { color: #aaa; font-size: 16px; display: block; margin-bottom: 5px; }
.author-name { font-weight: 600; color: #1f1f1f; }

/* video library */
#practice-love-and-support, #practice-love-and-support h2 { background: white !important;}
.page-template-page-video-library-php .interior, .category .interior { width: 100%; max-width: none; height: 488px; overflow: hidden; }
.category .interior {  height: auto; overflow: none; }
.page-template-page-video-library-php .home-hero, .category .home-hero { height: 250px; }
.page-template-page-video-library-php h1, .category h1 { padding: 50px }
.page-template-page-video-library-php h2, .category h2 { font-size: 2.5em; }
.interior.fitness-video { height: auto; min-height: 0;}
.vid-item { height: 200px; border: 5px solid #fff; overflow: hidden; position: relative; background: #2483da; }
.vid-desc { padding: 1%;}
.vid-desc img { width: 20%;}
.vid-item img { position: absolute; height: 130%; max-width: none; }
.vid-item.float50 img { width: 100%; height: auto; left: 0%; }
.vid-item:hover img {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); opacity: 0.5; }
.vid-grid h3 { color: #FFF; font-family: 'Roboto',Arial,sans-serif; bottom: 0px; text-align: center; position: absolute; width: 100%; }
.vid-grid h3 a { color:white; display: block; text-shadow: 1px 1px 0px #666; }
.vid-item:hover h3 a { text-decoration: underline;}
.float50 iframe { width: 100%;}
.load-more-vids { height: 55px; float: left; width: 100%; left: 0; text-align: center; border: 5px solid #FFFFFF;background: #eee; padding: 5px; }

/* single video styles Paul updated 7-29-2015*/
.vid-section {text-align: center;}
.single #video-container {display: inline-block;}
.single .related-vids {overflow: hidden; max-height: 117px;}
.social-share {width: 200px; margin: 15px auto 30px; position: relative;}

/* Local resources form */
.ninja-wrap-local-community-resources .text-wrap.label-above label,.ninja-wrap-local-community-resources .textarea-wrap.label-above label,
.nutrition-2, .nutrition-3, .fitness-2, .nut-resource-type-2-wrap, .nut-resource-type-3-wrap {display: none;}
.choose-site-wrap {width: 66%; }
.ninja-wrap-local-community-resources .ninja-forms-form .label-above.choose-site-wrap label { display: block; color: #000;font-weight: 400 !important;
 font-size: 18px;}
.ninja-wrap-local-community-resources .phone-wrap, .ninja-wrap-local-community-resources .website-wrap{width: 48%; float: left;}
.ninja-wrap-local-community-resources .phone-wrap {margin-right: 4%;}
.ninja-wrap-local-community-resources .comments-wrap {width: 32%; float: right;}
.ninja-wrap-local-community-resources .textarea-wrap textarea {height: 132px;border: 2px solid #ddd;}
a.add-btn {background-color: #aaa; color: #fff; padding: 5px 10px; border-radius: 4px; text-transform: lowercase; font-size: 14px; margin-bottom: 20px; display: inline-block;}
a.add-btn:hover {background-color: #888;}
a.add-btn:after {content:'\f055'; font-family: "FontAwesome"; display: inline-block; padding-left: 10px;}
.form-group {margin-bottom: 20px; background-color: #eee; padding: 15px 15px 0;}
.ninja-wrap-local-community-resources h2 {padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-top: 50px; text-transform: capitalize; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, sans-serif; }
.ninja-wrap-local-community-resources h3{font-size: 18px;}
.ninja-wrap-local-community-resources input {border: 2px solid #ddd;}
.ninja-wrap-local-community-resources .field-wrap.list-dropdown-wrap.label-left label {color: #000; font-size: 18px; font-weight: 500 !important;}
h2.form-title:before {content: ''; height: 40px; width: 40px; position: relative; display: inline-block;margin-right: 10px; background-size: cover; background-position: left top; vertical-align: bottom;}
h2.form-title.nut-title:before{ background-image: url(/images/nurtrition-icon.png);}
h2.form-title.fit-title:before{background-image: url(/images/fitness-icon.png);}
h2.form-title.gs-title:before{background-image: url(/images/love-support-icon.png);}
h2.form-title.sm-title:before{ background-image: url(/images/stress-management-icon.png);}

/* local resource info  */
.page-template-page-local-resource-info-php .interior {max-width: 800px;}
.page-template-page-local-resource-info-php .blue-btn {margin-bottom: 40px;}


/*Get Started Form - CSS handoff by PowerObjects*/
.page-template-page-get-started-php .cform li.conditionalreq,.page-template-page-certified-sites-home-php .cform li.conditionalreq,li.conditionalreq{line-height:16px;margin:-16px 0 0}
.page-template-page-get-started-php label.conditionalreq{line-height:12px}
.page-template-page-get-started-php span.conditionalreq{font-size:12px;font-style:italic;display:block;color:#888}
.page-template-page-get-started-php label.level2{font-size:12px}
.page-template-page-get-started-php select.level2{font-size:14px;padding:3px}
.page-template-page-get-started-php .cf-fs1 label.bold{font-weight:700}
.page-template-page-get-started-php .cf-fs1 label.full{width:auto;text-align:left}
.page-template-page-get-started-php .cf-fs1 label.check{font-size:14px}
.page-template-page-get-started-php .cf-fs1 input.check,input.check{margin-right:10px;padding:0;vertical-align:top;width:auto}
.page-template-page-get-started-php .cf-fs1 ul.more{padding-top:10px}
.page-template-page-get-started-php .cf-fs1 ul.more li label{width:100%;text-align:left;font-size:14px}
.page-template-page-get-started-php .cf-fs1 label.lblfull{width:100%;text-align:left;font-size:14px}
.page-template-page-get-started-php ul.more li input[type=checkbox],.page-template-page-get-started-php .cf-fs1 input.small[type=checkbox]{width:30px}
.page-template-page-get-started-php .cf-fs1 label.inquiry{font-size:16px}
.page-template-page-get-started-php .cf-fs1 label.italic{font-size:14px;font-style:italic}
.page-template-page-get-started-php .cf-fs1 li.radio label.radio_option{text-align:left;width:86px}
.page-template-page-get-started-php #content{z-index:999}
.page-template-page-get-started-php .dv_blackout{background-color:#fff;bottom:0;left:0;opacity:.9;position:fixed;right:0;top:0;z-index:1000;display:none}
.page-template-page-get-started-php .dv_message{bottom:0;font-size:22px;font-weight:100;left:0;position:fixed;right:0;text-align:center;top:150px;z-index:1001;display:none;line-height:40px}
.page-template-page-get-started-php input[type=radio],input[type=checkbox]{border:none}
#hidden-fields { padding: 10px; background: #fff; border: 2px solid #aaa;}
.get-started-appropval li {font-family: Georgia,serif; font-style: italic; margin-left: 20px; font-size: 15px;}
#campMonLab {font-size: 16px;font-family: "Roboto",sans-serif;}
.newsletter-callout {padding: 20px; background-color: #ddd;}
.page-template-page-get-started-php .cf-sb {margin-top: 10px;}
.cf-fs1 label { display: inline-block; width: 40%; }
.cf-group-after:after { content: " "; display: table; height: 0.5em; }
.failure { margin:10px; border:2px dashed #ff0000; background-color:#eee; color:#333; font-style:italic; font-size:16px; padding:15px; text-align:center; width: 100% !important; }
.reqtxt, .emailreqtxt { color: #AAAAAA; font-size: 12px; padding-left: 10px; font-weight: normal;}
.cf_info.success, .cf_info.success { border:2px solid #ccc; background-color:#eee; font-size:16px; color:#333; padding:10px; font-family:"Times New Roman", Times, serif; font-style:italic; }

/* form validation plugin */
.inputContainer { position:relative; float:left; }
.formError { position:absolute; top:300px; left:300px; display:block; z-index:5000; cursor:pointer; }
.ajaxSubmit { background:#55ea55; border:1px solid #999; display:none; padding:20px; }
.formError .formErrorContent { background:#2483da; position:relative; z-index:5001; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow:0 0 6px #000; border-radius:6px; padding:4px 10px; }
.formError .formErrorArrow { width:15px; position:relative; z-index:5006; margin:-2px 0 0 13px; }
.formError .formErrorArrowBottom { box-shadow:none; top:2px; margin:0 0 0 12px; }
.formError .formErrorArrow div { border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow:0 2px 3px #444; height:1px; background:#2483da; line-height:0; font-size:0; display:block; margin:0 auto; }
.formError .formErrorArrowBottom div { box-shadow:none; }
.formError .formErrorArrow .line10 { width:15px; border:none; }
.formError .formErrorArrow .line9 { width:13px; border:none; }
.formError .formErrorArrow .line8 { width:11px; }
.formError .formErrorArrow .line7 { width:9px; }
.formError .formErrorArrow .line6 { width:7px; }
.formError .formErrorArrow .line5 { width:5px; }
.formError .formErrorArrow .line4 { width:3px; }
.formError .formErrorArrow .line3 { width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0 solid #ddd; }
.formError .formErrorArrow .line2 { width:3px; border:none; background:#ddd; }
.formError .formErrorArrow .line1 { width:1px; border:none; background:#ddd; }
.greenPopup .formErrorContent, .greenPopup .formErrorArrow div { background:#33be40; }
.blackPopup .formErrorContent, .blackPopup .formErrorArrow div { background:#393939; color:#FFF; }

/* Custom Reveal */
body.page-id-22497 {background-image: none!important; background-color: white!important}
body.page-id-22497 .reveal .slides {}

@media only screen and (max-width:1150px) {
	#mob-nav-shower { display: block; width: 100px; margin: 15px auto 0; font-size: 20px; cursor: pointer;text-align: center; color: #2483da; }
	#desk-nav {display: none;}
	.undo-me.right {display: none}
	#mob-nav .undo-me {width: 210px;margin:0 auto;border:0px;background-color: transparent;}
}

@media only screen and (max-width:915px) {
	.sidebar-bottom span {display: block;}
	.or {margin-bottom: 10px;}
}
@media only screen and (max-width:800px) {
    .modal {padding: 0px}
	video, .v-stop { display: none;}
	.home-hero{ -webkit-background-size: auto 100% !important; background-attachment: scroll !important; }
	footer .float20 { display: none;}
	footer .float25 { width: 40%; }
	menu li { font-size: 16px; width: 100px; }
	#menu-item-12017 .sub-menu { left: 100px; }
	#menu-item-12020 .sub-menu { left: -50px; }
	#sidebar { width: 33%; margin-right: 0;}
	.vid-grid h3 { font-size: 1.5em;}
	.ol-article h3 { font-size: 1.5em; }
	menu a { padding: 10px 0;}
	.slide-bar h2 {font-size: 18px; margin-bottom: 0px;}
	#cat_select_chosen {width: 100%;}
	.recipe-time.float66{width: 75%;}
	.recipe-serves.float33 {width: 25%;}
	.recipe-specs p {font-size: 13px;}
	.recipes-hero, .hero-slide {height: 305px;}
	.slide-bar a {display: inline-block;}
	.recipe-categories {width: 100%; max-width: 100%;}
	.ok-hero { height: 250px; padding-top: 30px;}
	.random-recipe {top: -80px;}
	.core-component,.core-component.opened {padding-bottom: 200px; background-size: cover;}
	.component-copy {width: 100%;}
	.testimonial-vids-section .float50 {width: 100%;}
	.icr-hero {height: auto; padding-bottom: 50px;}
	.icr-hero .float50 {width: 100%;}
	.icr-hero-copy {padding-bottom: 40px; text-align: center;}
	.icr-hero h1 {text-shadow: 1px 1px 1px #333; font-weight: 400;}
/* 	provider page */
	.page-template-page-provider-php .icr-hero-copy.float66 {width: 80%; float: none; margin: 0 auto 20px;	}
	.page-template-page-local-resource-form-php .float66,.choose-site-wrap, .ninja-wrap-local-community-resources .comments-wrap {width: 100%; float: none;}
	.map, .map-sidebar { width: 100%; float: none;}
	.map-sidebar {padding-left: 0px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc; }


	#get-started-subscribe.float66 {width: 100%; padding-left: 0px; padding-right: 0px;}

/* 	about page */
	.about-sidebar {width: 100%; float: none !important;}
	.quotes {display: none;}
	#vid-carousel {height: 300px; width: 90%; margin: 0 auto 20px;}
	.vid-slide {height: 300px;}
	.vid-title {text-align: center;}
	#tab-nav {width: 25%;}
	#tab-container {width: 75%; margin-right: 0px;}
	
	.prop-text p{font-size: 16px;}



}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	video, .v-stop { display: none;}
	.home-hero{ -webkit-background-size: 100% auto !important; background-attachment: scroll !important; }
	.footer-quotes img { max-width: 100%; }

}
@media only screen and (max-width:768px) {
	.recipe-cat, .recipe-box {width: 48%; margin: 0.66%;}
	.first-take {margin: 10px 0 20px 0;width: 100%;display: block;float: none !important;}
	.share-sidebar.text-left {text-align: center;}
	.share-sidebar p {display: inline-block;}
	#all-comments {width: 90%;}
	.single-zine_posts #titleContainer {height: 400px;}
	#titleContainer h1 {font-size: 3em;}
	.foot-subscribe,.foot-dr-o {width: 100%;}
	.foot-subscribe .float66.sys-foot {padding: 30px; width: 66%; float: left;}
	.foot-subscribe .float66.share-story-link {padding: 0 0 0 10px;}
	footer .foot-dr-o img {width: 20%;}
	.single-zine_posts .ol-article {display: none;}
	#up-next {min-height: 300px;}
	.share-sidebar.addthis_toolbox.addthis_32x32_style span {display: block; margin-right: auto; margin: 0 auto 3px;}
	.share-sidebar .comments-shower i {display: block; height: 34px;}
	.share-sidebar p {margin: 0 10px;}
	.site.float33 {width: 48%;}
	.snacks li {display: block; width: auto;}
	#menu-nav li {margin: 0 10px;}
	#testimonial-vids.modal {width: 590px; margin-left: -295px;}
	#testimonial-vids.modal iframe {height: 300px !important;}

}
@media only screen and (max-width:736px) {
/* iphone 6plus landscape*/
	header menu { height: 0; overflow: hidden; clear: both; width: 100%; }
	header menu.active { height: 480px; float: none; top: 90px; background: #fff; }
	menu li { width: 100%; float: none; }
	menu li .sub-menu, .search-area, .v-start, .rsSlide img { display: none !important;}
	menu a {text-align: center;}
	menu ul,header menu.active {height: auto;}

}
@media only screen and (max-width:600px) {
    .polaroid { width: 180px; height: 210px;}
	footer .float25 { width: 45%; }
	#footer-logo { display: none;}
	.page-template-page-proven-lifestyle-page-php h1 { font-size: 48px;}
	#lifestyle.panel-copy .alignright { float: none; margin: 0 0 15px 35px;}
	.dp_calendar .main_date { font-size: 16px !important;}
	.dp_calendar .div_dates li { font-size: 14px !important; }
	.page-template-page-the-pulse-php .float33 { width: 90%; margin: 0 auto;}
	.top-recipes li { width: 30%;}
	.recipe-finder p { font-size: 14px;}
	.recipedia.float66, .recipe-finder.float33 { width: 100%; height: auto; margin-bottom: 30px}
	.vid-item.float25 { width: 50%; height: 135px; float: left; }
	.page-template-page-video-library-php h2 { font-size: 1.5em;}
	.page-template-page-video-library-php p { font-size: 14px; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.3em; }
	.ol-article { width: 50%; }
	.foot-subscribe, .ol-foot { float: none; width: 100%; }
	.recipes-hero,.hero-slide {height: 310px;}
	#recipe-search li {display: block; margin-bottom: 5px; width: 100%;}
	#pagination {position: absolute;z-index: 4; right: 20px; bottom: 60px; margin-bottom: 0;}
	#pagination a {border-radius: 50%; padding: 5px 5px; font-size: 0; }
	.slide-bar {padding-right: 30px;}
	.slide-bar p {font-size: 14px;}
	#slide-left, #slide-right {width: 40px; top: 40px;}
	.recipe-specs .fa {display: none;}
	.recipe-time span {padding: 0 5px;}
	.recipes-hero, .hero-slide {height: 250px;}
	#recipe-search input, #recipe-search select {width: 100%; max-width: 270px;}
	.recipe-time .float25 {width: 33%; text-align: center;}
	.page-template-page-recipedia-home-php h1{font-size: 60px;}
	.page-template-page-sample-menu-php h1 {font-size: 50px; margin-bottom: 20px;}
	.page-template-page-sample-menu-php .ok-hero h2 {font-size: 27px;}
	header.ol-header {height: auto;}
	header.ol-header:hover {height:auto;}
	header.ol-header #mag-head-paragraph img {height: 33px; max-height: 33px;}
	header.ol-header:hover #mag-head-paragraph img {height: 33x; max-height: 33px;  }
	header.ol-header:hover .empower-login img { height: 33px; max-height: 33px;}
	.olm-logo {width: 120px;}
	.emp-login-container { margin-right: 10px; padding-top: 5px; width: 100px;}
	.emp-login-container img {height: auto; width: 100%;}
	.mag-header .emp-login-container a {display: block;}
	.tab-grad h3 {display: none;}

	.provider-intro .float50, .impact-component .float50 {width: 100%; float: none;}
	.testimonials-side {padding-left: 0px;}
	.impact-component {height: auto;}
	.impact-copy {height: auto; padding: 30px 30px; }
	.impact-copy.right {float: none !important;}
	.impact-copy .vertical-middle {top: auto; transform: translateY(0); -moz-transform: translateY(0);-webkit-transform: translateY(0);}
	.big-vid {height: 400px;}
	.page-template-page-provider-php .icr-hero-copy.float66 {width: 100%;}

	#testimonial-vids.modal {width: 460px; margin-left: -230px; padding: 20px;}
	#testimonial-vids.modal iframe {height: 250px !important;}

	.get-started-props.float33 {width: 100%; float: none; margin-left: 0px;}
	.prop-img {width: 33%; float: left;	}
	.prop-text {width: 66%; float: left; padding-left: 2%;}
	#zip-code, #email-submission, #faux-submit {width: 100%; margin-bottom: 15px;}

/* 	locations page */
	.site-testimonials .float50 {width: 100%; float: none; margin-bottom: 15px;}


/* 	about page */
	#tab-nav, #tab-container{width: 100%;}
	#tab-nav ul {text-align: center;}
	#tab-nav li {display: inline-block; text-align: center;width: 24%; border-bottom: none; margin-bottom: 3px;}
	#tab-nav li .fa {display: none;	}
}
@media only screen and (max-width:570px) {
	#udi-topper {display: none}
	.page-id-14915 #copy div {width: 100%; margin-top: 20px;}
	.homepage { background-size: 250% auto !important; background-attachment: scroll !important; }
	header menu { height: 0; overflow: hidden; clear: both; width: 100%; }
	header menu.active { height: auto; float: none; top: 90px; background: #fff; }
	menu li { width: 100%; float: none; }
	menu li .sub-menu, .search-area, .v-start, .rsSlide img { display: none !important;}
	.hero-1 h1 { font-size: 36px; padding-top: 30px;}
	.float66, .float33, .float50, #sidebar, .single .float25, .page-id-2 .toc ul, .page-id-8 .toc ul, .page-id-23 .toc ul, .page-id-21 .toc ul { width: 100%; float: none;}
	.home-hero.hero-1 {height:560px;}
	.hero-2 {height: 400px;}
	.home-copy .padding-left { padding-left: 0;}
	.home-copy .padding-right { padding-right: 0;}
	.page-template-page-proven-lifestyle-page-php h1 { color: black;}
	.accordion { font-size: 18px; }
	select { width: 100%;}
	.top-recipes li, .mag-header p.left { width: 50%; margin-right: 0;}
	.page-template-page-video-library-php .interior { height: 688px;}
	.page-template-page-video-library-php .interior.fitness-video { height: auto;}
	.vid-grid h3 { font-size: 1.3em;}
	.vid-desc { float: none; width: 100%; }
	.vid-grid { float: none; width: 100%; }
	.ol-article { width: 100%; }
	.post-13865 h3 {margin-top: 20px;font-size: 2em;}
	.post-13865 .float75 {width:100%;}
	.mag-form-top {top: auto; bottom: 0; right: 0; left: auto;}
	#mag-header-input {width: 100px;}
	form#mag-header-form.header-subscribe .sendbutton {padding: 4px 1px;}
	.single .recipe-time .float25 {width: 33%; text-align: center; float: left;}
	.recipe-time.float66{width: 75%; float: left;}
	.recipe-serves.float33 {float: left;}
	.single-recipe_posts #sidebar {padding-left: 0;}
	.ok-hero { height: 200px; padding-top: 20px;}
	.random-recipe {top: -70px;}
	.page-template-page-recipedia-home-php .ok-hero p {font-size: 1.5em;}
	#bg-img::after {height: 100px;}
	.emp-login-container {position: absolute; right: 0; top: 0;}
	#about-link {width: 100%; float: none !important; text-align: center; display: block; clear:both; margin: 10px auto;}
	.mag-header #about-link a {float: none !important; line-height: 1em; padding: 3px 5px;height: auto;padding-top: 3px;border: 1px solid;margin-top: 5px;}
	.page-template-page-share-your-story-php #copy {padding-right: 0px;	}
	.sys-sidebar.float33  {text-align: center;}
	.ol-overlay-logo {width: 150px; margin: 30px auto 30px;}
	#ol-main-menu {padding: 0 10px;	}
	#overlay-nav h3 {top: -20px;}
	#titleContainer h1 {font-size: 2.5em;}
	.single-zine_posts #authorMeta, .single-zine_posts #livingSubmenu {text-align: center; width: 70%; margin: 0 auto;}
	.comments-shower {float:none !important;}
	.foot-subscribe .menu li,.foot-subscribe .float66.sys-foot {text-align: center;}
	.udi-locations .inline50 {margin: 0 auto;}
	.foot-subscribe .float66.sys-foot {width: 100%;}
	.foot-subscribe .float33.sys-mosaic {margin-bottom: 20px; max-height: 300px; width: 100%;}
	.site.float33 {width: 98%;}
	.site-dir-vid {clear: both; padding-right: 0px;}
		.page-template-page-sample-menu-php h1 {font-size: 40px; margin-bottom: 10px;}
	.page-template-page-sample-menu-php .ok-hero h2 {font-size: 25px;}
	.icr-vid-title .fa {margin-right: 0px;}
	.icr-vid-title h2 {width: 70%;}
	.about-ok {left: 0; border-right: none; border-left: none; border-bottom: none; box-shadow: none; width: 100%; text-align: center;}
	#recipe-search {padding: 35px 0 20px;}
	.testimonials .float33 {width: 32%; float: left; margin: .66%;}
	#testimonial-vids.modal {width: 440px; margin-left: -220px;}
}
@media only screen and (max-width: 480px) {
	.rev-title .blue-btn {font-size: 17px;}
	.big-vid {height: 320px;}
	.provider-hero h1 {font-size: 26px;line-height: 20px;}
	.provider-hero h1 span { font-size: 16px;}
	.icr-hero-copy p {font-size: 14px;}
	.provider-hero-copy {padding: 5px 10px;}
	#testimonial-vids.modal {width: 320px; margin-left: -160px; padding: 10px;}
	#testimonial-vids.modal iframe {height: 200px !important;}
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
	.sys-first-name-wrap, .sys-last-name-wrap, .sys-email-wrap, .sys-phone-wrap, .sys-location-wrap, .sys-completion-wrap, .sysd-first-name-wrap, .sysd-last-name-wrap, .sysd-email-wrap, .sysd-phone-wrap, .sys-age-wrap, .sysd-age-wrap, .sys-home-town-wrap, .sysd-home-town-wrap {width: 100%; margin-right: 0px;}
	.recipe-cat, .recipe-box {width: 100%;}
	.recipes-hero, .hero-slide {height: 220px;}
	#slide-left, #slide-right {width: 40px; top: 30px;}
	#recipe-search input, #recipe-search select {width: 250px;}
	.slide-bar {height: 100%; text-align: center; padding: 50px;}
	#pagination {bottom: 10px;}
	.slide-bar a.blue-btn-outline {display: block;}
	#cat_select_chosen {width: 100% !important; max-height: 270px !important;}
	#recipe-search input, #recipe-search select {width: 100% !important;}
	#recipe-search li {padding: 0 10px;}
	.ingr {-webkit-column-count: 1; -moz-column-count: 1;column-count: 1;}
	.slide-bar h2 {font-size: 22px;}
	.slide-bar p {font-size: 16px;}
	.page-template-page-recipedia-home-php h1 {font-size: 50px;}
	.random-recipe {width: 100%; text-align: center;}
	#recipe-search input {max-width: 100%;}
	#bg-img::after {height: 50px;}
	.random-recipe a {display: block;}
	.leaflet-popup { max-width: 305px;min-width: auto;}
	.site {width: 90%}
	.site .float20, .site .float25, .site .float50 {width: 100%}
	.site .float20 .float25 {width: 30%}
	.site span.float25 {margin-left: 50px;margin-right: 0}
	.site .float50:nth-child(2) p {margin-left: 70px}
	.ol-menu li {line-height: 1.2em;}
	.ol-menu .menu a {font-size: 26px;	}
	#mob-nav-shower {margin-top: 5px;}
	#mob-nav-shower span {font-size: 14px;display: block;	}
	#menu-nav li {display: block; margin-bottom: 10px;}
	#menu-nav a {border-bottom: none; border-left: 1px solid transparent; padding: 0 5px 0px}
	#menu-nav a:hover, #menu-nav a.current-menu {border-bottom: none; border-left: 2px solid #2483da;}
	.home-mosaic, .hero-2 {display: none;}
	.rev-title .blue-btn:after {display: none;}
	.big-vid {height: 230px;}
	.testimonials .float33 {height: 70px;}

	.prop-img {width: 100%; float: none;}
	.prop-text {width: 100%; float: none; padding-left: none; text-align: center;}
}

@media only screen and (max-width: 400px) and (orientation: portrait) {
	#menu-main-menu {margin-right: 0px}
	#menu-main-menu a { text-align: center;}
	.single-zine_posts .interior p.quote {font-size: 1.7em;}
	.home-hero-ctas .blue-btn {font-size: 14px;}
}
@media only screen and (max-width: 360px) and (orientation: portrait){
	#cat_select_chosen {width: 100% !important;}
}