@charset "utf-8";
/* CSS by http://traverstodd.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; }
small {font-size: .7em;}
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; }

dialog {opacity: 0;transition: opacity 1s;}
dialog[open] {opacity:1;padding: 10px 20px;border-radius: 8px; border:0px; border-top:4px solid #2484da; width: clamp(30vw, 600px, 70vw); min-height: 200px;display:flex;flex-direction: column;box-shadow: 0 0 44px rgba(0,0,0,0.3);}
dialog::backdrop {backdrop-filter:blur(10px);}
dialog .close-btn {display: flex; justify-self: center; background: #efefef;border-radius: 5px;padding: 5px;}
dialog .close-btn:hover {background: #e4f8fe;}
dialog.err {background: pink;border-top-color: red;align-items: center;justify-content: center;min-height: 0;}
dialog.err .mt-50 {margin-top: 0;}
dialog.err .close-btn {background: transparent;}
dialog.err svg path {fill: red;}
dialog.err p {color: #000;}

/* 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: Travers + Todd Custom Theme for Empower
Theme URI: http://traverstodd.com/
Author: Travers + Todd
Author URI: http://traverstodd.com/
Version: v2.0rc (j/k)
*/

@font-face {
  font-family: "Gotham";
  src: url('/fonts/gotham-book-webfont.eot'); /* IE9 Compat Modes */
  src: url('/fonts/gotham-book-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/gotham-book-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
       font-weight: 500;
       font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url('/fonts/gotham-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('/fonts/gotham-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/gotham-light-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
       font-weight: 400;
       font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url('/fonts/gotham-thin-webfont.eot'); /* IE9 Compat Modes */
  src: url('/fonts/gotham-thin-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/gotham-thin-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
       font-weight: 200;
       font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url('/fonts/gotham-medium-webfont.eot'); /* IE9 Compat Modes */
  src: url('/fonts/gotham-medium-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/gotham-medium-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
       font-weight: 700;
       font-style: normal;
}

/* new styles for PMRI */
.absolute {position: absolute;}
.relative {position: relative;}
.flex { display: flex; }/* found that we need !important to override anchor display inline-block to add icons to buttons */
.flex-vert-center { align-items: center; }
.flex-horz-center { justify-content: center }
.flex-center {align-items: center;justify-content: center}
.flex-row {flex-direction: row;}
.flex-column {flex-direction: column;}
.flex-column-reverse {flex-direction: column-reverse;} 
.flex-distribute-items, .flex-space-between { justify-content: space-between; }
.flex-space-around {justify-content: space-around;}
.flex-wrap {flex-wrap:wrap}
.flex-start {align-items:flex-start}
.flex-end {align-items:flex-end} /* will align to the end of the direction - if row, then right align (if rtl), if column, bottom align */
.row-reverse {flex-direction: row-reverse;}
.grid {display: grid;}
.grid-center {place-items: center;}
.no-margin {margin:0}
.mx-auto {margin:0 auto}
.pa-0 {padding:0}
.ma-0 {margin:0}
.pa-10 {padding: 10px;}
.pa-20 {padding: 20px;}
.pa-40 { padding: 40px;}
.pa-50 {padding: 50px;}
.pl-20 {padding-left:20px}
.pr-20 {padding-right:20px}
.ma-5 {margin:5px}
.ma-20 {margin:20px}
.mt-10 {margin-top: 10px;}
.mr-20 {margin-right: 20px;}
.mt-20 {margin-top: 20px;}
.mt-50 {margin-top: 50px;}
.pl-10 {padding-left: 10px; }
.no-padding {padding:0!important}
.px-10 {padding:0 10px}
.px-20 {padding:0 20px}
.px-40 {padding-right:40px;padding-left:40px}
.py-20 {padding-top:20px;padding-bottom:20px}
.pt-20 {padding-top:20px}
.py-40 {padding:40px 0}
.py-100 {padding:100px 0}
.ml-20 {margin-left:20px}
.mx-20 {margin:0 20px}
.my-20 {margin:20px 0}
.my-40 {margin:40px 0}
.mb-0 {margin-bottom:0}
.mb-10 {margin-bottom:10px}
.mb-20 {margin-bottom:20px}
.mb-40 {margin-bottom:40px}
.mb-50 {margin-bottom:50px}
.pb-20 {padding-bottom:20px}
.border-right{border-right:1px solid #e0e0e0}
.border-left{border-left:1px solid #e0e0e0}
.border-bottom{border-bottom:1px solid #e0e0e0}
.border-top{border-top:1px solid #e0e0e0}
.h-100 {height: 100%;}
.w-100 {width: 100%;}
.w-80 {width: 80%;}
.w-50 {width: 50%;}
.w-33 {width: 33.33%;}
.w-25 {width: 25%;}
.w-20 {width: 20%;}
.w-10 {width: 10%;}
.w-auto {width: auto !important;}
.col-2 {column-count: 2; column-gap: 5em;}
.no-pointer {cursor: default!important;}
.underlined {color: #4990E2;text-decoration: underline;cursor: pointer;}
.text-small {font-size: .9em;}
.text-grey {color: #aaa;}
.capitalize {text-transform: capitalize;}
.rounded {border-radius: 4px;}
.unbold { font-weight: normal !important;}
.shadow {box-shadow: 0 0 10px rgba(0,0,0,0.1);}

/* z-index */
.z1 {z-index:1;}
.z2 {z-index:2;}
.z3 {z-index:3;}
.z4 {z-index:4;}
.z5 {z-index:5;}



html.over-hidden {height: 100%; width: 100%; overflow: hidden;}
a, .transition-015 { text-decoration:none; color:#4990E2; -webkit-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; transition:all 0.15s ease-out; }
.transition-030 { -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; }
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; padding:.75em; font-style: italic; color: #555; }
code, kbd, tt { font-family:"Courier New", Courier, monospace, serif; line-height:1.5 }
del { text-decoration:line-through }
.underline {text-decoration: underline;}
dfn { border-bottom:1px dashed; font-style:italic }
dl { margin:0 0 1.5em }
dd { margin-left:1.5em }
dt, b { font-weight:500; }
body { background: #444; color: #555; font: 75%/1.5em Gotham, Arial, sans-serif; font-family: Gotham, Arial, sans-serif; font-size: 13px; }
small { font-size: 70%; display: block; }
p, h1, h2, h3, h4, h5, h6 { font-weight:400;color: #555555; font-family: 'Inter', sans-serif;  line-height:1.2em; margin-bottom: 0.4em; }
strong { font-weight: 700;}
h1 {  font-size: 38px; }
h2 { font-size:32px; }
h2 em {font-style: italic; }
h3 { font-size:1.7em; margin-bottom: 0.6em; }
h4 { font-size: 18px; font-weight: 600; }
h4 em { color: #888888; font-style: italic; line-height: 24px; text-transform: lowercase; }
h5 { font-size:1.4em;}
h6 { font-size:14px;}
img { display:inline-block; vertical-align: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 }
ol.decimal {list-style-type: decimal}
ol.roman {list-style-type: upper-roman;}
ol.alpha {list-style-type: lower-alpha;}
p { line-height:1.45em; font-size: 16px; font-weight: 400; overflow: hidden; margin-bottom: .5em; }
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; }
.page-template-page-marketing-materials-php h1 sup {font-size: 10px; bottom: 1.5em;}
ul, ol { padding:0; margin: 0 0 1em; }
li ul, li ol { margin:0 0 1.5em 1.5em; padding:0 }
li { font-size: 14px;}
table { border-collapse:collapse; border-spacing:0; margin:0 0 1.5em; padding:0; background:#fbfbfb; table-layout: fixed;}
.fc-scroller table {margin: 0;}
caption { font-style:italic; text-align:left }
tr.alt td { background:#eee }
thead { background:#eee; }
th.fc-col-header-cell {background-color: white;}
tbody tr { border-top: 1px solid #ddd; }
.page-id-101 tbody tr {border-top: none;}
td { vertical-align:top; padding:5px 10px; color:#555; }
th { font-weight:700; vertical-align:middle; padding:.333em }
hr { border:0; height: 1px; background: #aaa;}
button { cursor:pointer; display:block; font-size:1em; height:2em; line-height:1.5em; margin:1.75em 0 0; padding:0 .5em }
blockquote { border-left: 3px solid #ccc; padding: 5px 10px; margin: 2px 0;}
.black {color: #000;}
.large-text {font-size: 20px;}
.style-disc {list-style: disc;}
.bkg-pink {background: pink;}


/* native range-slider styles */
/*********** Baseline, reset styles ***********/
input[type="range"] { -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; width: 100%; padding: 40px 0 0; outline: none !important; position: relative; z-index: 1; }
input[type="range"][disabled] { cursor: default;}
/* Removes default focus */
input[type="range"]:focus { outline: none !important; }
/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track { background-color: transparent; background-image: linear-gradient(90deg, transparent 1%, #e5e5e5 5%, #e5e5e5 95%, transparent); border-radius: 0.5rem; height: 0.4rem; }
/* slider thumb */
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; margin-top: -16px; /* Centers thumb on the track */ background-color: #2483da; border-radius: 2.5rem; height: 2.5rem; width: 2.5rem; }
input[type="range"][disabled]::-webkit-slider-thumb { background: #aaa; border: none; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset, 0 4px 12px rgba(0, 0, 0, 0.3) inset; }
input[type="range"]:focus::-webkit-slider-thumb { outline: none; background: linear-gradient(#1864aa, #268dec); }
/*********** Firefox styles ***********/
/* slider track */
input[type="range"]::-moz-range-track { background-color: #e5e5e5; /* background-image: linear-gradient(90deg, transparent 1%, #e5e5e5 5%, #e5e5e5 95%, transparent); */ border-radius: 0.5rem; height: 0.4rem; }
/* slider thumb */
input[type="range"]::-moz-range-thumb { background: #2B85D7; border: none; /*Removes extra border that FF applies*/ border-radius: 2.5rem; height: 2.5rem; width: 2.5rem; border: 2px solid white; }
input[type="range"][disabled]::-moz-range-thumb { background: #aaa; border: none; }
input[type="range"]:focus::-moz-range-thumb{ outline: none; background: #37A0FF }

/* form styles */
form p {font-size:18px;margin: 0 0 15px; }
input[type="text"], textarea {border:none; border-bottom:1px solid #ccc; font-size:100%; color:#555; padding:3px; border-radius:3px; font-family: Gotahm, sans-serif; font-weight: 400; font-size: 16px; padding: 5px !important; width: 100%;  }
textarea { width: 100%; min-height: 200px;}
input.filled, #feeling-box input.filled { background:#fff; }
input[type=file] { height:2.25em; padding:0 }
input:focus { outline: none;}
select { border:1px solid #ddd; border-radius: 5px; font-size:20px; padding:5px;font-family:Gotham, sans-serif; color: #555; }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; }
label input { background:0; line-height:1.5em; width:auto; margin:0 .5em 0 0; padding:4px 10px; border: 2px solid #ddd; }
legend { font-size:22px; margin-top:20px; padding:0; font-family: Gotham, Arial, sans-serif; color:#4990E2; line-height:1.2em; }
legend em { font-family: Gotham, Arial, sans-serif; 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;}
.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; }
.reqtxt, .emailreqtxt { color: #AAAAAA; font-size: 12px; left: 205px; padding-left: 10px; top: 7px; 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; }
.linklove, .register-page .acf-field { display:none; }
.aiowps-captcha { border-left: 3px solid #E6DB55; background: #f8f8f8; padding: 8px 10px; }
.aiowps-captcha:before { content: "Math Security. "; font-weight: bold;}
.error, .pass-error, .msg.msg-error {background: #ffe0e0;border-left: 4px solid #ff0000; padding: 10px; }
.success, .success-message, .msg-success {background: #f5f5f5; border-left: 3px solid #2484da; padding: 10px; }


.table-error, .table-error td { background: #f9d5d5 !important; border-top: 1px solid red !important; border-bottom: 1px solid red !important;}
#registerform h2, .pdf-sections h2, .purl-sections h2.accordion-button, .accordion { border-left: 3px solid #4990E2; padding: 15px 15px; color: #4990E2; background: url("/images/accordion-wavy-bg.jpg"); margin-bottom: 1px; border-bottom: 1px solid #ccc; cursor: pointer; border-radius: 4px; }
#registerform h2:hover, .pdf-sections h2:hover, .accordion:hover { color: #000; }
#registerform h2.reg-accor:after, .pdf-sections h2:after, .accordion:after { float: right; content: "+"; font-size: 36px; }
#registerform h2.reg-accor.clicked:after, .pdf-sections h2.clicked:after, .accordion.active:after { content: "-"; }
.reg-accor-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;}
.register-page #dt-personal-info label, .register-page #dt-credentials label, #dt-reg label { width: 40%; display: inline-block; text-align: right; padding-right: 20px;}
#cimy_uef_p_field_65 label { width: auto;}
.register-page #dt-personal-info input, .register-page #dt-personal-info select, .register-page #dt-credentials input, .register-page #dt-credentials select { width: 35%;}

/* global resuable styles */
.flex { display: flex; }
.flex-inline {display: inline-flex!important;}
.flex-space-between {align-content: space-between;}
.inline { display: inline;}
.inline-block {display:inline-block}
.hidden {display: none;}
.no-scroll { overflow: hidden;}
.invisible { visibility: hidden;}
.relative { position: relative;}
.absolute { position: absolute;}
.fixed { position: fixed;}
.sticky { position: sticky;}
.cursor-pointer { cursor: pointer;}
.btn-small { font-size: 14px; padding: 8px 24px 8px; }
.btn, .login-btn, .blue-btn, input[type="submit"], .disabled, .grey-btn, .prev-btn, .prev-btn-last, button#wp-submit, .btn-grey-rounded,#tabs-panels .acf-repeater .acf-button, .blue-back-outilne-btn {border-radius: 100px; padding: 12px 24px 11px; text-align: center; color: #fff;background: #4990E2;border: none;display: inline-block;cursor: pointer; font-weight: 400;font-size: 16px; font-weight:bold;font-family: Gotham, arial, sans-serif; }
.blue-back-outilne-btn { background: transparent; border: 2px solid; color: #2483da; }
.btn.btn--outline {background: white; border: 2px solid #4990E2; color: #4990E2; }
.blue-btn.table-btn {font-size: 10px; padding: 5px 5px;}
.blue-btn.table-btn.btn-disabled {background-color:gray!important; pointer-events: none;}
.btn.btn--green {background-color: #006e2e; padding: 12px 24px 11px;}
.btn.btn--red {background-color: #c23030; padding: 12px 24px 11px;}
.btn-grey-rounded {background-color:gray!important}
.btn-grey-rounded:hover {background-color:#555!important;color: white!important;}
button#wp-submit {padding:0 10px}
button#wp-submit:disabled {background: #CCC;border-bottom: 2px solid #999;}
#tabs-panels .acf-repeater .acf-button {background-color: #0e8827; font-size: 14px; padding: 5px 20px;}
#tabs-panels .acf-repeater.-empty.-block > table {display: block;}
#tabs-panels  .acf-input.acf-accordion-content, .accordion-content {border: 1px solid #ccc; border-top: none; padding: 20px;}
/* #tabs-panels .acf-repeater .acf-row-handle.order + td {width: 100%;} */
.btn.hidden { display: none; }
.ev-delete-submit, .btn-red {background-color:#c23030!important;border-bottom: 2px solid #8c0b0b!important;}
.grey-btn, .prev-btn, .prev-btn-last {color: #fff;background: #bbb;}
.prev-btn-last {display: none;}
.grey-btn:hover, .prev-btn:hover, .prev-btn-last:hover {color: #fff;background: #787878;}
.disabled { background: #aaa !important; border-color: #aaa !important;}
.blue-btn.disabled, .submit-form.disabled {pointer-events: none;}
.inactive { color: #aaa; }
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 { background: #3a6808 !important;}
.green-btn:after { content: "\f055"; font-family: 'FontAwesome'; padding-left: 0.3em; }
.blue-btn-outline { border: 1px solid #fff; border-radius: 4px; padding: 4px 10px; display: inline-block; }
.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;}
.text-large {font-size:1.5em}
.float20 { float: left; width: 20%; }
.float25 { float: left; width: 25%; }
.float33 { float: left; width: 33.3333%; }
.float40 { float: left; width: 40%; }
.float50 { float: left; width: 50%; }
.float60 { float: left; width: 60%; }
.float66 { float: left; width: 66.6667%; }
.float75 { float: left; width: 75%; }
.float80 { float: left; width: 80%; }

.w10 {  width: 10%; }
.w20 {  width: 20%; }
.w25 {  width: 25%; }
.w33 {  width: 33.3333%; }
.w50 {  width: 50%; }
.w66 {  width: 66.6667%; }
.w75 {  width: 75%; }
.w100 {  width: 100%; }

.vh-100 { height: 100vh;}

/* flex sizing */
.f1 {flex:1}
.f2 {flex:2}
.f3 {flex:3}
.f4 {flex:4}

.inline33 { display: inline-block; width: 33%; margin-right: -4px; vertical-align: top;}
.inline50 { display: inline-block; width: 50%; margin-right: -4px; vertical-align: top;}
.inline-block {display: inline-block;}
.vertical-middle {position: relative; display: block; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.padding-pct-1 { padding: 1%;}
.padding-pct-2 { padding: 2%;}
.padding-pct-r-1 { padding-right: 1%;}
.padding-pct-l-1 { padding-left: 1%;}
.reg-continue, .big-blue-btn {font-size: 20px; display: inline-block; margin: 10px 0; padding: 8px 16px }
.bg-white { background: white;}
.white-text, .white-txt { color: white; }
.bg-white {background-color: #fff;}
.bg-lt-grey {background-color: #ddd;}
.light-gray { color: #aaa;}
.border-lt-grey {border: 1px solid #ddd; }
.medium-gray { color: #888;}
.black-text { color: #000;}
.med-bold { font-weight: 500;}
.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; font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 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 { color: #83A707 !important; border-color: #83A707;}
.stress-color, .stress-management-video { color: #109EB6 !important; border-color: #109EB6;}
.fitness-color, .fitness-video { color: #36297C !important; border-color: #36297C;}
.love-color, .love-and-support { color: #A00A74 !important; border-color: #A00A74;}
.yellow-ding { border-color: #ECED3B !important;}
.highlight { padding: 10px; background: #333; clear: both; color: #efefef;}
.highlight p {margin-bottom: 0px;}
.hightlight .fa {color: #fff;}
.modal .highlight {background:#ECED3B; color: #000; }
.pulse-highlight { background: #eced38; box-shadow: 0 0 0 15px #eced38;}
.notification-yellow { padding: 10px; background: #eced38; clear: both;margin:10px auto;}
.message { border-left: 3px solid orange; background: #f2f2f2; padding: 10px; color: #555!important}
.welcome-back { background: rgb(124, 146, 48); padding: 40px}
.welcome-back.update-existing { background: #83A707; }
.welcome-back .copy-block { border-left: 2px solid #fff; padding-left: 30px;}
.welcome-back i { font-size: 7em; }
.page-blocker { position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 2;}
.big-span, .small-span { display: inline-block;}
.big-span { font-size: 30px; font-weight: 300;}
.small-span { font-size: 12px; font-weight: 500; text-transform: uppercase; }
.uppercase { text-transform: uppercase;}
.capitalize { text-transform: capitalize;}
.demo-banner { border: 1px solid black; background: yellow; color: #222; position: fixed; top: 0; width: 200px; left: 50%; margin-left: -100px; padding: 5px 20px; }
.demo-banner h2, .demo-banner p { margin: 0; font-size: 24px;}
#session-timer-small { background: #2483da; color: white; position: fixed; bottom: 0; width: 100%; left: 0; padding: 20px; z-index: 3;}
#session-timer-small p { color: white; font-size: 16px; margin-bottom: 0; line-height: 1.2; }
.close-btn-sm { position: absolute; top: 0; right: 0; color: white; font-size: 25px; line-height: 25px; padding: 2px 4px; border: 1px solid; }

/* global structure */
#fade, #fade-noclick, #notify-overlay, #toc-overlay, .overlay {  background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.0; z-index: 5; pointer-events: none;}
#fade-noclick.showing, #fade-noclick.no-close { opacity: 0.6; pointer-events: all;}
.overlay {z-index: 3; background: #2483da; }
#notify-overlay, #toc-overlay { z-index: -1; opacity: 0; transition: opacity 0.3s; background: #ddd; display: block; }
#notify-overlay.shown, #toc-overlay.shown { opacity: 0.8; z-index: 3; pointer-events: all; }
#toc-overlay.shown {z-index: 1;}
#tooltip { position:asbsolute; 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 { background: #efefef; padding-top: 40px; width: calc(100% - 80px); margin-left: 80px;transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.orienation-mode #content {padding-top: 100px;}
.page-template-page-sessions-php #content {background-color: #ffffff;}
#modal-view-overlay {position: fixed;z-index: 10;border: 3px solid #eee;box-shadow: 0px 0px 0px 10px rgba(204, 204, 204,.1);padding: 20px;max-width: 600px;background: #fff;display: none;height: 80vh;left: 50%;margin-left: -300px; margin-top: 10vh; }
.fixed-agree{position:absolute;width:100%;bottom:0;background:white;margin-bottom:0;padding:10px;}
#modal-view-overlay #content {padding-top: 40px;width:100%;margin-left: 0px; }
#modal-view-overlay #content .interior{padding-bottom: 10px}
#term-actions {text-align: center;margin-top: 20px}
#not-ok-btn {font-size: 14px}
#close-btn, .close-btn, #evors_form_close, .modal-close-btn { position: absolute; top: 2px; right: 2px; background: #4990E2; color: #fff; cursor: pointer; padding: 2px 8px; font-size: 1.5em; z-index: 2; }
#close-btn:hover, .close-btn:hover, #evors_form_close:hover, .modal-close-btn:hover { background: #333; 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;}
.inner, .inner-wide { max-width: 1000px; margin: 0 auto; position: relative; padding: 0 20px; }
.inner-wide { max-width: 1200px; padding: 0;}
.inner.max-800 {max-width: 800px; padding: 20px;}
.interior { padding: 20px; background-color: #fff;margin: 10px auto; max-width: 1000px; position: relative;}
.page-template-page-resource-search-php .interior {margin-top: 0; padding: 10px 20px;}
.page-template-page-marketing-materials-php .interior {padding: 30px 20px; }
.home-hero { background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
#home-video-hidden{left:50%;margin-left:-25%;position:fixed;z-index:5;}
#close-btn-inside{background:none repeat scroll 0 0#eeeeee;border:1px solid#4990E2;font-size:18px;height:22px;padding:4px;position:absolute;right:-20px;text-align:center;top:-20px;width:22px;}
.modal { background: white; width:95%; max-width: 800px; padding: 40px; position: fixed; z-index: 6; top: 50%; left: 50%; transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.0); opacity: 0.0; box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5), 0 8px 42px rgba(0, 0, 0, 0.3); pointer-events: none; }
.modal.showing { opacity: 1.0; transform: translate(-50%, -50%) scale3d(1.0, 1.0, 1.0); pointer-events: all;}
.modal img { max-width: 400px;}
.big-modal { width: 900px; padding: 25px;}
.notification { top: -300px; }
.blur { filter: blur(10px); }
#netiquette-terms #content.blur {-webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); filter: blur(0);}
/* registration and login */
.register-page .touch, .register-page .tml-action-links { display: none;}
.tml-action-links { text-align: center;}
.touch select {width: 25%;font-size: 20px}
.oops p {color: #ff0000}
#second-touch input {display: block; margin-bottom:10px;float: left}
.create-password label {width: 40%;text-align: right;padding-right: 20px;float:left;line-height: 40px;font-weight: 100}
.create-password a {position: relative;top: 140px;right: 76px;}
#registerform label, #loginform label { width: 40%; text-align: left;}
.visLogin label {color: #555}
.tml-user-pass1-wrap, .tml-user-pass2-wrap, .cp-reg { margin-left: 35%;}
#cimy_uef_p_field_65 {margin-left: 0px; margin-top: 30px;}
#cimy_uef_p_field_65 label { text-align: left; width: auto; float: left;width: 85%}
#cimy_uef_65 { float: left;}
#registerform br {display: none;}
#pass-strength-result {font-weight:700;}
#pass-strength-result.short {color: #e35b5b;}
#pass-strength-result.bad {color: #f78b53;}
#pass-strength-result.good, .message span.good {color: #d4a11a;font-weight:700;}
#pass-strength-result.strong {color: #83c373;}
.message em{font-size:14px}
#wp-submit:disabled {background: #CCC; cursor: not-allowed;}
.page-template-page-get-started .wp-pwd { position: relative; }
.page-template-page-get-started #pass1 { width: 100%; }
.page-template-page-get-started .wp-hide-pw { right: 8px; position: absolute; margin: 0; top: 8px; }
.pass-checks { padding: 16px 24px; }
.pass-checks li { line-height: 1.5em; position: relative; }
.pass-checks li:before { content: url(/images/ios-circle-outline.svg); position: absolute; left: -24px;}
.pass-checks li.check { color: #008000;}
.pass-checks li.check:before { content: url(/images/checkmark-circled.svg);}

/* ITP */
.zebra-rows .isolater-box { position: absolute; width: calc(100% / 6); height: 100%;  left: calc(100% / 6); background-color: #ECE9E9;}
.zebra-row {position: relative;}
.zebra-rows .isolater-box:nth-child(2) { left: calc((100% / 6) * 3);}
.zebra-rows .isolater-box:nth-child(3) { left: calc((100% / 6) * 5);}
.grey-cell {background-color: #ECE9E9;}
.itp { padding-bottom: 80px;}
.itp h1, .itp h2, .itp h3 { font-weight: 700; position: relative;}
.itp h2 {font-weight: 500; font-size: 2em;}
.itp h3 { display: flex; align-items: center; color: #000; font-weight: 500; text-transform: capitalize; font-size: 1.5em;}
.itp h3:after { content: ""; border: 1px solid #EDECEC; height: 1; flex: 1; margin-left: 20px;}
.itp h4 {font-size: 1em; font-weight: 700;}
.itp menu a { font-size: 18px;}
.itp-hold {padding-right: 10px;}
.itp-hold, .itp select, .itp label, .itp-graphs p { font-size: 1em;}
.itp-graphs p {margin-left: 50px;}
.itp textarea { background-color: white; font-size: 16px;}
.itp select { border-color: #2483da;}
.itp-row { margin: 0 auto 40px;}
.itp .anthropometrics-cell { padding: 4px 16px}
.itp .anthropometrics-cell.first-cell { padding: 4px 16px 4px 0}
.itp .highcharts-title {left: 45px !important; font-size: 14px !important; font-weight: 700 !important;}
.itp .tab-panel .inner {padding: 0;}
.itp .events-menu .selected {background-color: #fff;}
.itp-session-number {font-style: italic;}
.itp-session-note-row {margin-bottom: 15px;}
.exercise-goals-table {background-color: transparent;}
.exercise-goals-table th, .exercise-goals-table td {text-align: left;}
.exercise-goals-table tbody tr {border: none;}
.exercise-goals-table thead {background-color: transparent;}
.data-box {background: #ECE9E9;}
.events-menu.itp-menu {margin-bottom: 0px; background-color: transparent;}
.htaccess.events-menu.itp-menu .selected {background-color: #fff;}
.itp-print-header, .header-space{height:20px; display: none;}
.itp-print-header {  position: fixed;top: 0;right:0;}
.mod-complete {color: #31A552;}
.mod-incomplete {color: #737373;}
.itp-name ,.itp-tp{font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.disabled-link {pointer-events: none; background-color: #ccc;}
/* .print-break {page-break-after: always; display: block;} */


/* Scaled for Mobile Nav */
.scaled-back .active { background: transparent !important;}
.scaled-back #content {
    -webkit-transform: translate3d(25%, 0px, 0px) scale3d(0.75, 0.75, 1);
    -moz-transform: translate3d(25%, 0px, 0px) scale3d(0.75, 0.75, 1);
    transform: translate3d(25%, 0px, 0px) scale3d(0.75, 0.75, 1);}

/*New Empower*/
.modal-iframe {padding: 10px;background: #efefef;margin-bottom: 20px;border-radius: 10px;}

.page-template-page-get-started-php h1,.page-template-page-registration h1 {font-size: 4em;text-shadow: none;padding: 50px 0 30px;color: #555;}
.home-left {height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center top; display: block;}
.home-right {background-color: #efefef; height:100%; min-height: 450px;}
#centered-logo {background-color: #555;text-align: center; height: 80px;padding-top: 12px;}
#centered-logo img {height: 60px}
.clover {text-align: center;margin-top: -73px;}
.clover img { margin: 0px auto;}
.page-template-page-get-started p,
.page-template-page-get-started form p,
.page-template-page-olm-assessments form p {font-weight: 200;font-size:18px;margin: 0 0 15px; }
#study-registration-form {width: 80%; margin: 30px 10% 60px}
.page-template-page-get-started #content {padding-top: 0px}
.touch select,
    #oe-filter select,
    #in-person-event-companion .event-state,
    #repeat-event-container select,
    #event-state,
    #select-open {font-size: 20px;height: 40px;width: 100%;font-family: Gotham;font-style: normal;font-weight: 200;margin-bottom: 10px;border: none;background: #efefef;}
    #repeat-event-container select {width: 90%;}
    #select-open {display: inline-block;width: 46%;}
#dob-btn {margin-top: 10px;float: right;}
.page-template-page-get-started-php .sign-in-info {margin-left:0px}
/* Global form style */
textarea,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"] {background: #efefef;border:0px;font-style: normal;font-size: 18px;border-radius: 0px;height: 40px;padding: 5px !important;width: 100%;font-family: Gotham;}
textarea.input-error,
input[type="text"].input-error,
input[type="email"].input-error,
input[type="number"].input-error,
input[type="password"].input-error {border: 1px solid red;}
input::-webkit-input-placeholder {color: #aaa}
    input:-moz-placeholder {color: #aaa}
    input:-moz-placeholder {color: #aaa}
    input:-ms-input-placeholder {color: #aaa}

.login small {margin-bottom:30px}
#registerform label, #loginform label, .visLogin label {font-weight: 300;}
.reqtxt {color: #AAAAAA;padding-left: 0px;font-size: 10px;display: block;font-weight: normal;text-transform: uppercase;}
.tml-user-pass2-wrap {margin-top: -10px;}
#login-submit { text-align: center;}
.page-template-page-get-started-php .lower-footer p {margin:0px}
#wp-submit, #wp-submit1 {float: right}
.page-template-page-assessment-php #content {height: calc(100% - 172px);}
footer {width: calc(100% - 80px);margin-left: 80px;}
.page-template-page-get-started footer {width:100%;margin-left: 0px;}
#oe-filter {position: absolute;top: 95px;right: 0px;}
    #oe-filter em {display: block;font-size: 16px;font-weight: 200;margin-bottom:10px}
    #oe-filter div {margin:0 auto;width:100%}
    #oe-filter select {display: inline-block;width: 140px;background-color:#fff;font-weight: 400;font-size: 16px;height: 30px;}
        #oe-filter-state.shown {display: inline-block;}
    .filter-actions {display: inline;}
    #oe-filter #no-filter {display: none}
/* width: 100%; */

/* animations */
.pt-info-panel.showing, .attendance-panel.showing, .overlay, .pt-nav, .modal, .modal-overlay, #fade-noclick { transition: all 0.9s cubic-bezier(.19,1,.22,1);}


/* EMR */
tr.locked td { background: #e3e3e3;}
.faux-acf-accordion input[type="radio"] {width: 20px;height: 20px;margin-right: 10px!important;}
.acf-required:after {content: 'required';font-size:.7em}
.send-consents-email:has(~ ul .no-data) {display: none;}
#modal-consent-email-dispatch li div:first-child {width: 180px; text-align: right;margin-right: 20px}
#modal-consent-email-dispatch em {color: green;}
#modal-consent-email-dispatch em.no-data {color: red;font-weight: bold;}
.emr-drawer-head.flex-space-between.flex-end {justify-content: flex-end;}
.download-pdf {fill:#126bbe}
.download-pdf:hover {fill:#4990E2}
.referral-consents table {width: 100%;}
.referral-consents table th {text-align: left; padding: 0;}
.referral-consents table td {vertical-align: middle;padding: 0; width: 140px;}
.tab {padding: 10px 15px; background-color: #126bbe; border: 1px solid #126bbe; border-bottom: none; color:#126bbe; display: inline-block; cursor: pointer; position: relative; font-weight: 500; }
.tab.inactive, .tab.inactive:hover {background-color: #ccc; color: #777; border-color: #777; pointer-events: none;}
.tab.active, .tab:hover { background-color: #fff; color: #fff; border-bottom-color: white;}
.tab.active, .tab:hover { background-color: #fff; color: #fff; border-bottom-color: white;}
.tab.active { top: 1px; color: black; }
.page-template-page-vital-stats-php #content .tab {background-color: #20212e}
#tabs-panels .acf-field.acf-accordion .acf-label.acf-accordion-title, .accordion-label {background-color: #ddd; margin-bottom: 2px; padding:0;}
#tabs-panels .accordion-complete .acf-field.acf-accordion .acf-label.acf-accordion-title {border-left: 5px solid #0e8827;}
#tabs-panels .accordion-partial-complete .acf-field.acf-accordion .acf-label.acf-accordion-title {border-left: 5px solid #e8d50c;}
.accordion-label {position: relative;font-weight: bold;}
#tabs-panels .acf-accordion .acf-accordion-title label, .accordion-label {padding: 12px; cursor: pointer;}
#tabs-panels .acf-accordion .acf-accordion-title label:hover {background-color: #eee;}
#tabs-panels .acf-accordion .acf-accordion-title .acf-accordion-icon {margin-top: 12px; margin-right: 12px;}
.panels { padding: 40px; background-color: white; overflow: auto; height: calc(100vh - 80px);}
.panel .acf-field {clear: both;}
.panel .input-50.acf-field  {width: 50%; display: inline-block; vertical-align: top; margin-left: -4px;}
.v-field {display: inline-block; padding: 15px 12px;}
.v-field label {font-weight: bold; margin: 0 0 3px; padding:0; display: block;}
.panel .input-33.acf-field, .v-field.input-33 {width: 33.33%; margin-left: -4px; display: inline-block; vertical-align: top;}
.panel .acf-field-message label {border-bottom: 2px solid #4990E2 !important; font-size: 24px; text-transform: uppercase;}
.panel .acf-field .acf-input > p.description {font-size: 12px;}
.repeater-wrap {padding: 20px 0; border-top: 1px solid #ccc;}
.repeater-wrap:first-child {border-top: none;}
.accordion-label:hover, .accordion-label.active-accordion {background-color: #eee;}
.active-accordion i {transform: rotate(90deg);}
.eligibility-wrap {margin-top: 0;}
.flex.hidden {display: none !important;}
.emr-profile {  margin-bottom: 40px;}
.table-mod-status, .table-mod-status thead {background:transparent;}
.table-mod-status thead, .profile-title {border-bottom: 1px solid #ccc; margin-bottom: .333em;}
.table-mod-status tr {border: none;}
.profile-title {font-weight: 700; padding-bottom: .333em; padding-top: 4px;}
.emr-profile-pt-name {font-size: 40px; font-weight: 600; color: #494949; line-height: 1em; margin-bottom: 20px;}
.profile-cohort-meta { margin-right: 20px; margin-bottom: 10px;}
.overlay.showing, .modal-overlay.showing, #fade-noclick.showing { opacity: 0.9; pointer-events: all;}
.pt-info-panel, .attendance-panel { padding-top: 80px; width: 80vw; left: 100vw; background-color: #fff; top: 0; height: 100vh; box-shadow: none; z-index: 3; }
.pt-info-panel.showing, .attendance-panel.showing { left: 20vw; box-shadow: 0px 0px 6px rgba(0,0,0,0.3), 0 0 42px rgba(0,0,0,0.4); }
.attendance-panel.showing {z-index: 4; overflow: auto;}
.page-template-page-emr #content { min-height: 97vh; background-color: white; padding-top: 80px;}
.dash-btn { left: 40px; top: 50px; font-weight: bold;}
.sticky { top: 0;}
.acf-fields > .acf-field { border-top: none !important; }
.tt-repeater-container .acf-fields {width: 100%;}
.msg-btn {margin: 4px 20px 0 0px;}
.form-msg {padding: 10px; background-color: #b3d6ff; color: #333; margin-bottom: 10px;}
.form-msg p {margin-bottom: 0px;}
.form-msg.form-msg--error {background-color: #f7c0c0; }
.form-msg.form-msg--error p {color: red;}
.form-errors ul {list-style: disc; padding-left: 20px;}
.emr-right-col { position: absolute; right: 20px; top: 50px;}
.emr-left-col {width: 100%;}
.assessment-status th {padding: 10px;  text-align: left;}
.engagement {width: 100%; font-size: 14px;}

.section-progress {position: absolute; right: 40px; top:4px;}
.sec-prog-bar-wrap {height: 10px; background-color: #ccc; width: 150px; padding: 1px; border: 1px solid #bbb; border-radius: 20px;}
.sec-prog-bar {height: 100%; width: 0; border-radius: 20px;background-color: #126bbe; transition: width .5s linear;}
.yes-no-toggle {width: 100px; border-radius: 8px; border: 1px solid #ccc; padding: 2px; height: 30px; background-color: #ccc; cursor: pointer;}
.toggle-state {width: 50%; height: 100%; border-radius: 8px; background-color: #1984DB; color:#fff; line-height: 26px; text-align: center; font-weight: bold; transition: all 0.3s ease;}
.alumni-reflections ol {padding-left: 20px;}
.well-being-goals-wrap label {display: block; margin-bottom: 10px;}
.profile-forms .well-being-goals-wrap label {color: #4B4B4B; ; font-size: 16px;}
.well-being-goals-wrap input[type="checkbox"] {width: 30px; height: 30px;}
.active .toggle-state {background-color: #51B62D;}
.yes-no-toggle.active .toggle-state {transform: translateX(100%);}
.yes-no-toggle.read-only-toggle {pointer-events: none; cursor: inital;}
.yes-no-toggle.read-only-toggle .toggle-state {background-color: #1984DB;}
.yes-no-toggle.read-only-toggle.active .toggle-state {background-color: #51B62D;}
.toggle-timestamp {padding: 0px 10px;}
.onoboarding-data {margin-bottom: 20px;}
.accordion-status, .accordion-timepoint {position: absolute; right: 60px; top: 50%; transform: translateY(-50%); text-transform: capitalize;}
.accordion-timepoint, .clinical-summary-select, .itp-timepoint-selector, .white-select {font-size: 14px; background-color: #fff;}
.timepoint-report-status p {margin-bottom: 0px;}
.report-row select {background-color: #fff;}
.report-row select[disabled] {background-color: #ddd;}
.section-status {padding: 10px; margin: 20px 0px; align-items: center; border: 1px solid #333; background-color: #f1f1f1; margin-bottom: 10;}
.section-status select {margin-left: 20px;}
.sec-status-not-started .accordion-label {border-left: 10px solid #ccc;}
.sec-status-in-progress .accordion-label {border-left: 10px solid #eced38;}
.sec-status-complete .accordion-label {border-left: 10px solid #4BBA24;}
.flag-clinically-depressed {background-color: rgb(255, 206, 206);}
.flag-depressed {background-color: rgb(255, 253, 207);}
.documents-list {padding-left: 20px;}
.documents-list li {list-style: disc;}
.alert {background-color: #ffed5b4f; padding: 10px; margin-bottom: 20px; font-weight: bold;}
tbody tr.tr-no-border {border-top: none;}
.report-row {margin-bottom: 30px;}
.add-session-notes {margin-top: 30px;}
.add-session-notes textarea {background-color: #fff; border: 1px solid #ccc;;}
.session-select, .report-row select {align-self: baseline;}
.report-row h3 {font-weight: 600; display: flex; align-items: center; margin-bottom: 10px;}
.report-row h3:after {content:'';flex-grow: 1;  border: 1px solid #EDECEC; margin-left: 20px;}
.report-row h4 {font-size: 16px; font-weight: 500; color: #777; margin-bottom: 15px;}
.progress-note h4 {margin-bottom: 0px; color: #5B5B5B; font-weight: 700px;}
.progress-note p {font-size: 14px;}
.exercise-rx-labels {font-weight: bold; margin-bottom: 10px;}
.form-cell {padding: 5px;}
.form-cell select {width: 100%;}
.clinical-summery-wrapper {justify-content: space-between; flex-wrap: wrap;}
.clinical-summary-select {width: 450px; flex-shrink: 0;}
.timepoint-report-status {border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px;}
.timepoint-report-status select {margin-right: 20px;}
.report-row .highcharts-title {left: 40px !important;}
.accordion-content th {text-align: left; padding: 5px 10px;}
.accordion-content h3 {margin:0}
.no-attendance-yet td {color: #aaa; font-style: italic;}
.legacy-site-pt .hide-for-legacy-sites {display: none;}

/* dropfile stuff */
.main {display: flex; flex-grow: 1; align-items: center; min-height: 200px;   justify-content: center; text-align: center;}
.dropzone-container { padding: 80px; background: #f7fafc; border: 1px solid #e2e8f0; width: 100%;;}
.hidden-input { opacity: 0; overflow: hidden; position: absolute; width: 1px; height: 1px;}
.file-label {font-size: 20px;display: block; cursor: pointer;}
.preview-container { margin-top: 2rem;}
.preview-card { display: flex; border: 1px solid #a2a2a2; padding: 5px;  margin-left: 5px; margin-bottom: 20px;}
.preview-img { width: 50px; height: 50px;  border-radius: 5px; border: 1px solid #a2a2a2; background-color: #a2a2a2;}
.upload-link {cursor: pointer; color: #126bbe; text-decoration: underline; font-weight:bold;}
.preview-window {height:500px; background-color: #ccc; padding: 40px; margin: 20px 0;}
.mr-list {padding-left: 10px; list-style: disc;}
.not-attended {background-color: #ffe0e0;}
#attendance-table td:has(span) {background-color: lightpink;color: black;}
.summarizing-note {border-left: 5px solid #4BBA24; padding-left: 5px;}
.acf-form-error {color: red;}
/* END EMR */

/* EMR Referrals*/
#referral-table .sorting_disabled {color: #eeeeee;width: 40px!important;}

/* Welcome Page */
.welcome-wrap {height: calc(100vh - 40px); min-height: 700px;}
.welcome-wrap .w50 {height: 100%;}
.welcome-content {overflow: scroll;}
.welcome-image {position: relative;}
.welcome-content li {line-height: 1.45em;font-size: 16px;font-weight: 400;}
.welcome-image img {object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.welcome-content h2 {font-size: 40px; font-weight: 600;}
.welcome-content p {margin-bottom: 20px;}
.olm-welcome-logo {width: 210px; margin-bottom: 60px;}

/* MD Referral Page */
.md-referral-form {width: 1000px;  background-color: #fff; margin: 100px auto; padding: 20px;}
.form-underline {width: 200px; border-bottom: 2px solid #000; padding: 5px;}
.full-underline {width: 100%; border-bottom: 2px solid #000; height: 2em; margin-bottom: 10px;}
.check-box {padding-left: 25px; background-image: url(/images/checkbox.jpg); background-size: 20px 20px; background-repeat: no-repeat; margin-bottom: 10px;}
.md-referral-logo {width: 200px;}

/* BILLING */
.billing-wrapper {padding: 100px 30px;}
.billing-wrapper .inner {padding: 30px; background-color: #fff;}
.billing-tabs {display: flex;}
.billing-tab {font-size: 24px; font-weight: bold; padding: 20px; background-color: #fff; cursor: pointer; border: 2px solid #ddd; margin-right: 10px;}
.billing-tab.active {background-color: #eee;}
.billing-test-tool {background: #f0f0f0; border: #ccc; padding: 20px;}
.list-disc {padding-left: 20px;}
.list-disc li {list-style: disc;}
.pt-row.billed {pointer-events: none;}
/* ATTENDANCE */
#side-nav .attendance-control {display: none;}
#attendance-control {color: #fff; display: inline-block; margin-right: 20px; height: 100%; font-weight: bold; padding-top: 7px; cursor: pointer;}
.attendance-panel {position: fixed; right: 0 ; top: 40px; height: calc(100vh - 40px); padding: 40px; width: 800px; max-width: 95%; z-index: 2; text-align: left; }
.attendance-panel.showing {left: calc(100vw - 800px);}
.attendance-col--attended {display: flex; align-items: center; flex-wrap: wrap;}
.attendance-panel label { margin-right: 10px;}
.attendance-panel label:hover {background: none;}
.attendance-panel input, .attendance-panel textarea, .attendance-panel select {background-color: #fff;}
.attendance-col--attended input[type="radio"] {display: none;}
.attd-row {margin-bottom: 20px;}
.attendance-panel textarea {border: 1px solid #ccc;}
#close-attendance {text-transform: uppercase; color:#2074bd; font-weight: bold; margin-bottom: 20px; cursor: pointer;}
#attendance-control span, #attendance-control svg {display: inline-block; vertical-align: middle;}
.attendance-labels {font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #333;}
.attendance-notes {height: 60px; min-height: 0px; font-size: 14px;}
.yes-no-boxes input[type="radio"]{display: none;}
.attendance-col,.attendance-col label, .yes-no-boxes label {font-size: 14px; font-weight: 500;}
.attendance-col--name {display: flex; align-items: center;}
.yes-no-boxes {display: flex;;}
.attendance-col label, .yes-no-boxes label {display: flex; align-items: center;}
.yes-no-boxes label {margin-right: 10px;}
.attendance-col label img, .yes-no-boxes label img {margin-right: 5px;}
.pt-row {padding: 10px 0; border-bottom: 1px solid #ccc; position: relative;}
.billed-cover {position: absolute; width: 100%; height: 100%; left: 0; top: 0;pointer-events: none; background-color: rgba(255, 255, 255, 0.6); display: block; display: flex; align-items: center; justify-content: center; color: #000; font-size: 24px; font-weight: bold;}
.billed-cover span {margin-left: 10px;}


/* ONBOARDING */
.vue-range-slider {margin-top: 50px;}
.page-template-page-onboarding-template #content{min-height: 100vh; width: 100%;margin-left: 0px;}
.slider-wrapper {width: 100%; margin-top: 60px; padding: 0 20px;}
.ob-slides {height: calc(100vh - 40px); background-image: url(/images/lf-land-6.jpg); background-size: cover; overflow: hidden;position: relative;}
.ob-nav {position: absolute; bottom: 50px; width: 100%; right: 50px; z-index: 7; text-align: right;}
.vue-slider {width: 100%;}
.ob-slide {background-color: rgba(255,255,255, 1); height: calc(100vh - 40px); width: 100%; height: 100%; z-index: -1; transform: translateY(100%);transition: none;}
.ob-slide.active-question, .ob-slide.prev-question, .ob-slide.next-question  {position: absolute; top: 0; left: 0;transform: translateY(0%); transition: all 0.5s ease; z-index: 6;}
.ob-other {margin-top: 20px;}
.ob-other.ob-other--notice {background-color: rgb(255, 255, 185); padding: 20px;}
.ob-slide.prev-question {transform: translateY(-100%);}
.ob-slide.next-question {transform: translateY(100%);}
.ob-slide .flex {height: 100%; overflow: scroll;}
.ob-slide-content {padding: 50px;display: flex;flex-direction: column;	justify-content: center; height: 100%;overflow: auto;}
.ob-slide-content.justify-top {justify-content: start;}
.ob-quote {font-size: 24px; font-style: italic; line-height: 1.5em; margin-bottom: 20px; }
.ob-section-start h2 {font-size: 48px; text-align: center;}
.ob-slide label {display: block;}
.ob-slide input[type="text"] {background-color: #fff; border-bottom: 1px solid #126bbe;}
.ob-nutrition-row {margin-top: 30px;}
.ob-slide-img img {object-fit: cover; object-position: center center; height: 100%; width: 100%;}
.ob-slides .msg-error {padding: 10px; background-color: #ffcece; position: absolute; top: 0; left: 0; width: 100%;z-index: 8;}

/* REGISTRATION */
#registration-content {height: calc(100vh - 80px);  background-color: #fff;}
.reg-field input:disabled {background: #eee; color: #999; cursor: not-allowed;}
.reg-field label, .reg-field input {display: block;}
.pass-strength-text {font-size: 14px; margin-top: 10px;}
.pass-strength-text.very-poor {color:rgb(134, 8, 8);}
.pass-strength-text.poor {color:rgb(196, 6, 6);}
.pass-strength-text.weak {color: rgb(196, 128, 3);}
.pass-strength-text.good {color: rgb(187, 187, 25);}
.pass-strength-text.strong {color: green;}
/* .reg-box {background-color: #fff; border: 1px sold #126bbe; padding: 40px; width: 600px; margin: 200px auto;} */

/* header */
.page-template-page-get-started header#top, .page-template-page-get-started #side-nav {display: none;}
.page-template-page-get-started #content {width: 100%; margin-left: 0px;}
.page-template-page-get-started #site-info {display: none;}
header { height: 40px; width: 100%; z-index: 5; background: #555; color: #888; position: fixed; }
.orienation-mode header {height: 100px;}
header a { font-size: 14px; }
#nav-shower {display: none;}
#offline {position: fixed; top:0; left:0; width:100%; background-color: rgb(85, 129, 55); color: #fff; padding: 20px; z-index: 100; transform: translateY(-500px); opacity: 0; pointer-events: none; transition: all 0.5s  cubic-bezier(0.075, 0.82, 0.165, 1);}
.offline #offline {transform: translateY(0); opacity: 1; pointer-events: initial;}
#offline p {color: #fff; padding-left: 50px;}
#warning {left: 0;}
#dismiss {height: auto;}
#attendance {display: inline-block; vertical-align: middle; font-weight: bold; margin-right: 20px; color: #fff;}
#orienation-banner {height: 60px; background-image: url(/images/orienation-banner-texture-2.jpg); background-size: cover; background-repeat: no-repeat;}
.o-banner-inner {max-width: 1600px; margin:  0 auto; height: 100%; padding: 0 20px; display: flex; gap: 20px; align-items: center; justify-content: center; }
.o-banner-copy {font-size: 14px; font-weight: 400;}
.blue-btn.blue-btn--banner {font-size: 14px; background-color: #fff; color: #4990E2; border: 2px solid #4990E2; padding: 5px 10px; }

.empower-login { position: absolute; right: 40px; padding: 5px;}
header .inner { padding: 0; position: relative;height: 100%;}
#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: Gotham, serif; font-style: italic; margin-bottom: 0; }
.udi-logo { width: 110px; margin: 4px auto 0 -70px; }
#udi-topper .inside { padding: 10px; width: 600px; margin: 0 auto; }

#logo {display: block;left: 0;top: 0; height: 100%; width: 80px; position: absolute;z-index: 2;}
#logo.dark a {color: #555}
#logo a:hover { opacity:0.5; }
#logo a {position: absolute;left: 25px;top: 0;display: block;height: 100%; color: #efefef; font-weight: 500; font-size: 10px;}
#logo svg {width: 15px;position: absolute;margin-top: -11px;margin-left: 34px;}

#expire-countdown {position: absolute;top:10px;left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}

#user-controls {text-align: center; margin-top: 8px; margin-right: 20px; cursor: pointer;}
.page-template-page-survey ul#user-options {right: 90px;}
#user-options {position: absolute; top: 40px; width: 120px; background-color: #fff;  box-shadow:0px 1px 1px #777;  border-radius: 0 0  4px 4px; text-align: left; padding: 0;}
#user-options a {color: #555;padding: 8px 10px; display: block;}
#user-options a:hover {background-color: #f3f3f3;}
#avatar {width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background-size: cover; background-position: center center;display: inline-block; vertical-align: middle;}
#down-arrow {display: inline-block; vertical-align: middle;}
.avatar-inner {width: 46px; height: 46px; border-radius: 50%; overflow: hidden; border: 1px solid #fff; margin: 0 auto;}

#notification {padding-top: 10px; position: relative; margin-right: 30px; width: 24px; cursor: pointer;}
#notification img {height: 24px;}
#notification-count, .msg-count-alert.new { position: absolute; right: -8px; top: 3px;background-color: #ff6b6b; color: #fff; border: 2px solid #555555; font-size: 12px; padding: 2px 4px; border-radius: 6px; display:inline-block;line-height: 15px}
.msg-count-alert.new { position: relative; top: -5px; border: none; right: 0; font-size: 14px; }
.msg-count-alert { background: transparent; color: inherit; }
#notifications {position: fixed; height: calc(100% - 40px); top: 40px; width: 320px; background-color: aliceblue; right: -390px; z-index: 4; transition: right 0.3s; box-shadow: -5px 0px 10px 0 rgba(0,0,0,0.05); overflow: auto; }
#notifications.showing{ right: 0; }
#notifications .dont-miss-notification {padding:10px}
#notifications h3 {background-color: #13a6cf; color: #fff; padding: 10px; font-size: 18px; text-align: left; margin-bottom: 0px; font-weight: 100; text-transform: uppercase; cursor: pointer;}
#notifications h3 svg g{stroke:#fff;}
#notifications h4 {padding: 10px;background-color: #f0f0f0;text-transform: uppercase; color: #777; font-size: 14px; border-bottom: 1px solid #ccc; border-top: 2px solid #A0A0A0; margin-bottom: 0px;}
#notifications ul {margin: 0px;background: white}
#notifications li {min-height: 110px; padding: 10px 20px; border-bottom: 1px solid #eee; border-left:4px solid #9B9B9B;position: relative; cursor: pointer;}
#notifications li:hover {background-color: #fbfbfb}
#notifications li:hover, #notifications li.active {border-left:4px solid #F8E81B}
#notifications li.active {padding-bottom: 60px;}
#notifications li.dont-miss {border-left:4px solid #F6A623}
#notifications li.create-notification-li {border-left:0px;padding: 25px 25px 0;}
.note-img {margin-right:10px;width: 90px;height: 90px;background-size: contain;background-repeat: no-repeat;float: left;background-position: center center;}
#notifications li p.note-title {font-weight: 500;padding-right:10px}
#notifications li p.date {font-size: 12px;position: absolute;bottom: -11px;right: 10px;color: #ccc}
#notifications li div:first-child:after {content: '';width: 20px; height: 20px; background-image: url(/images/icon-plus.svg); background-repeat: no-repeat; background-position: center center; position: absolute; right: 10px; top: 10px;}
#notifications li.active div:first-child:after { background-image: url(/images/icon-minus.svg); }
.note-content {display:none}
#notifications li.active .note-content {display: block}
#notifications a.blue-btn-outline {border-color: #4990E2;float: right;margin-top: 10px;background-color: white}
#notifications a.blue-btn-outline:hover {background-color: #4990E2;color:white;}

#side-nav {width: 80px; height: 100%; background-color: #777; position: fixed; padding-top: 0; left: 0; top: 40px;  z-index: 4;min-height: 565px}
.orienation-mode #side-nav {top: 100px;}
#side-nav li {margin-bottom: 0; transition: background 0.3s ease;}
#side-nav li:hover {background-color: #555;}
#side-nav li.active {background-color: #333;}
#side-nav a span { display: block;}
#side-nav nav a, .nav-bottom a { color: #efefef; text-transform: uppercase;  font-weight: 500;    display: block;  padding: 7px 0; font-size: 10px; letter-spacing: .5px;}
#side-nav nav a.pre-cohort-start {opacity: .7;}
#side-nav svg {width: 60%; height: auto; max-height: 30px; display: block; margin: 0 auto; opacity: 0.7; ;}
#side-nav nav a img, .nav-bottom a img {height: 28px; width: auto;}
.nav-bottom {height: 110px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0;}
.nav-courses svg {margin-left: 10px;}
#curriculum-container { margin-top: 40px;}
#site-info {width: 350px; position: fixed; bottom: 0; left: -350px; background-color: #fff;z-index: 3; transition: left 0.5s; }
#site-info.shown { left: 80px;box-shadow: 1px -1px 2px rgba(0,0,0,0.3); }
#site-info h3 {background-color: #555; color: #fff; text-align: center; margin-bottom: 0px; font-size: 16px; text-transform: uppercase; font-weight: 500; padding: 5px 5px 5px 30px;}
.site-logo {padding: 10px;text-align: center;}
.site-logo img {max-height: 150px;}
.site-map {padding: 25px; background-image: url(/images/site-info-map-bg.jpg); background-size: cover; background-position: center center; height: 70px;}
.site-map a {color: #2a6dac; text-transform: uppercase; padding: 4px 15px; border-radius: 26px; box-shadow: 0 2px 2px #999; border: 2px solid #2a6dac; background-color: #fff;}
.site-map a:hover {background-color: #2a6dac; color: #fff;}

.nav-emr.active .emr-fill, .nav-emr:hover .emr-fill {fill:#333}
.nav-emr.active .emr-stroke, .nav-emr:hover .emr-stroke {stroke:#333}
.nav-emr:hover .emr-fill {fill:#555}
.nav-emr:hover .emr-stroke {stroke:#555}

.site-address {padding: 5px;}
.site-address a {font-weight: 500; text-transform: uppercase;}
.site-address p {font-size: 16px; color: #aaa; font-weight: 300;}
.site-address strong {text-transform: uppercase; font-size: 18px;color: #555; font-weight: 100;}
.site-contact {background-color: #555; color: #fff; padding: 10px 5px; font-size: 20px; font-weight: 100;}
.site-contact a {color: #fff;}
/* side nav */

/* surveys */

#survey-bg { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: url(/images/Survey-bg.jpg) center center no-repeat; background-size: cover; }
#survey-bg img { position: fixed; top: 0;}
.ans-div { display: none; max-width: 800px; margin: 0 auto; padding: 0 20px 50px; margin-bottom: 100px; }
.gossamer { position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: 1; top: 0; left: 0;}
.page-template-page-survey-php .page {padding:60px 0}
.page-template-page-survey-php h2, .page-template-page-survey-php h3 { font-family: Gotham, arial, sans-serif; padding-top:30px}
.page-template-page-survey-php section { position: relative; z-index: 2;}
.page-template-page-survey-php footer { width: 100%; position: relative; bottom: 0;}
.page-template-page-survey-php section p, .page-template-page-survey-php select { font-size: 22px; }
.page-template-page-survey-php select { border-color: #4990E2; }
.next-step-btn { padding: 30px 0px; ;}
.page-template-page-survey-php label {float:left;clear:left;padding: 0px 20px 2px 2px;margin-bottom:10px;cursor:pointer;}
.page-template-page-survey-php label { border:1px solid #bbb; border-radius:14px;}
.page-template-page-survey-php .square-labels label { border: none; border-radius: 0;}
label.no-round { border: none; border-radius: 0; }
.page-template-page-survey-php input[type="text"] { background: white; height: auto; }
.page-template-page-survey-php .iradio_square-blue { margin-right: 10px; }
.progress-contain { position: relative; z-index: 3; margin:20px; }
#progress { height: 30px; border-radius:15px; background: #444; color: white; line-height: 30px; font-size: 12px; text-transform: uppercase; overflow: hidden; padding: 2px 0; }
#progress-bar, .user-progress { float: left; height: 100%; width: 0; left:0; top: 0; margin-right: 5px; background: #468bda; background: repeating-linear-gradient(45deg,#468bda,#468bda 10px,#4990E2 10px,#4990E2 20px); ;margin-left: 2px;border-radius: 13px;}
#svg-loader, .manuals-loader{display:inline-block;vertical-align:middle;}
#final-ans .next-step-btn {padding:0px;clear: none;}
#final-ans .text-right {float:right}

#svg-loader path,  .manuals-loader path{stroke:#83A707; stroke-width:3; stroke-dasharray:193.904983521; fill:none; -webkit-animation:load 6s linear infinite,color 4s linear infinite; -moz-animation:load 6s linear infinite,color 4s linear infinite; animation:load 6s linear infinite,color 4s linear infinite;}

@keyframes load {
  from { stroke-dashoffset: 775.6199340820312; }
}

@keyframes color {
  25% { stroke: #109EB6; }
  50% { stroke: #36297C; }
  75% { stroke: #A00A74; }
}

/* footer */
footer { clear:both; background: #eee; position: relative; z-index: 0; color: #888; }
.satisfaction-container .float50 p:first-child {display: block;height: 80px;}
.survey-cta {position: relative;top: 65px;}
.page-template-page-marketing-materials-php footer {z-index: 2;}
.lower-footer { background: #444;text-transform: uppercase;}
.lower-footer .fa {color: #fff}
.lower-footer #clover-small { stroke: #888;}
.lower-band p {color:#888; margin-bottom: 0px!important}
.lower-footer p {color: #888!important; margin-bottom: 0px!important}
.footer-links a {margin: 0 10px;}
.marketing-footer {background-color: #eced38; padding: 15px 0px; position: relative;}
.marketing-footer ul {margin-bottom: 0px;}
.marketing-footer li {display: inline-block; margin: 0 20px; color: #333; font-size: 16px; font-family: Gotham, sans-serif; font-weight: 300;}
.highlight a {padding-right: 0px; color: #fff;}
.highlight span {margin: 0 15px;}
.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; }
.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; margin-bottom: 0px;}
.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: 'Gotham', serif; font-style: italic; }
.q-author { font-size: 100%; text-transform: uppercase;}
.style-guide-foot {background-color: #dddddd; padding: 10px; }
.style-guide-foot p {margin-bottom: 5px;}
.modal li {list-style: disc inside;}

/* events */
#tab1 .normal-event-rsvp {display: inline-block}
#tab2 .open-event-register {display: inline-block}
.title-case {text-transform: capitalize;}
#public-profile-modal #avatar {width: 150px;height: 150px;margin-left: -30px;margin-top: 15px;}
#public-profile-modal h4 {background: #4990E2;padding: 10px;position: absolute;width: 100%;margin-left: -50px;margin-top: -50px;color: white;}
#public-profile-modal .avatar-container{width: 140px;float: left}
#avatar-contain {display: flex; align-items: center; justify-content: center;}
#avatar-contain .initials {font-size: 70px; color: #fff;}
#public-profile-modal .profile-content {width:72%;float: left;padding-top: 10px;}
#public-profile-modal .questions p {padding:10px;}
#public-profile-modal .question {background-color:#efefef;}
.interests svg {width:20px;height:19px}
.interests td p {margin-bottom:0px}
#public-profile-modal ul img {width: 20px;margin-right: 10px;}
.event-field .mx-datepicker { width: 97%;}
.float33.rsvpd-yes p, .rsvpd-no p, .rsvpd-no_reply p {font-size: 14px;text-align: left;}
.page-template-page-events #content { background: #efefef;}
.event-btn-cntrl, .empower-events label, .empower-events select, .empower-events textarea, .empower-events h2, .empower-events h3, .empower-events h4, .empower-events menu a { font-family: Gotham, Arial, sans-serif; font-weight: 500; max-width: 100%; border-bottom: none; letter-spacing: -0.5pt; }
.invitee-name { font-size: 120%;}
.empower-events { min-height: 700px; padding-bottom: 100px; margin: 0 auto; }
.page-template-page-events h1.events-h1 { margin: 0; padding-bottom: 0; }
.tab-panels { min-height: 80vh; background-color: #fff; max-width: 960px; margin: 0 auto;}
.tab-panel { position: relative; display: none; padding: 50px;}
.tab-panel.chosen-panel { display: block;}
.events-menu { margin-bottom: 20px;    background: white;}
.events-menu a { display: inline-block; font-size: 23px; line-height: 1.2em; font-weight: 500; position: relative; padding: 10px 15px; letter-spacing: -0.5pt; margin-right: 7px; }
.events-menu img { max-width: 30px; margin-right: 5px; opacity: 0.5;}
.events-menu a:hover { color: #222; }
.events-menu .selected { color: #333 !important; cursor: text; z-index: 1; background: rgb(239, 239, 239); }
.events-menu .selected img { opacity: 1.0;}
.events-menu i { width: 30px; transition: all 0.2s ease; font-size: .9em; }
.empower-events input[type="text"], .empower-events input[type="number"], .empower-events textarea { width: 100%; font-size: 18px; }
.empower-events textarea { height: 100px; }
.empower-events input:focus, .empower-events textarea:focus { box-shadow: none; border-color: #4990E2;}
.empower-events label { font-size: 20px; text-transform: none; color: #555; font-weight: 200;}
.empower-events label .formErrorContent { text-transform: none;}
.empower-events label .formError { margin-top: -55px !important; }
.event-field { margin-bottom: 15px;}
.event-btn-cntrl, .event-radio-cntrl { text-align: center; padding: 10px; margin-bottom: 5px; border: 1px solid rgba(36, 131, 218, 0.4); color: #4990E2; font-size: 14px; cursor: pointer; background: #f8f8f8; transition: all 0.2s ease;}
.event-btn-cntrl i { font-size: 18px; vertical-align: middle; }
.event-btn-cntrl:hover, .event-radio-cntrl:hover { background: #225c93; color: white; border-color: #225c93; }
.event-btn-cntrl .checked { display: none; }
.event-btn-cntrl.selected, .event-radio-cntrl.selected, .event-btn-cntrl.selected .user-orb { background: #4990E2; border-color: #4990E2; color: white;}
.event-btn-cntrl.selected {position: relative;}
.event-btn-cntrl.selected .user-orb { background: white; color: black; }
.the-companion { border: 1px solid #ccc; border-bottom: 3px solid #444; margin-top: -5px; padding: 10px;}
.event-radio-cntrl {background: transparent;padding: 10px;font-size: 16px;font-weight: 500;}
.event-radio-cntrl i { font-size: 16px; padding-right: 10px; margin-top: -3px; }
.ev-edit-details.repeater .ev-edit-repeat, .ev-delete-details.repeater .ev-delete-repeat { display: block;}
.ev-edit-details.single .ev-edit-single, .ev-delete-details.single .ev-delete-single { display: block;}
button.fc-button { height: auto;}
.fc-button-group button.fc-button-primary { background: #4990E2;}
.invitee, .invitee-orb, .invitee-details { display: inline-block; width: 100%; margin-right: -4px;}
.invitee-orb, .invitee-details { vertical-align: middle; }
.invitee-orb { width: 20%; }
.invitee-details { width: 80%; }
.invitee .user-invited { font-size: 24px; opacity: 0; transform: scale(0); position: absolute; top: 8px; right: 8px; transition: all 0.3s cubic-bezier(.18,.89,.57,1.34); }
.invitee.selected .user-invited { opacity: 1.0; transform: scale(1.0);}
.user-orb { width: 50px; height: 50px; display: inline-block; text-align: center; border-radius: 50%; font-size: 28px; font-weight: 300; padding-top: 15px; background: #4990E2; color: white; text-transform: lowercase; }
.tab-panels, #create-event-form { position: relative; }
.outgoing { position: absolute; width: 100%; top: 0; left: 0;}
#create-loader { position: absolute; width: 100%; bottom: 100px; z-index: 2; }
#blocker { opacity: 0.9; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: white; }
.ev-event { border: 1px solid #ddd; border-top: none; margin: 20px 0; position: relative; }
.ev-event:first-child {margin-top: 25px}
.ev-summary { min-height: 70px; height: auto; border-top: 3px solid transparent; padding: 5px; transition: all 0.3s ease; background: #f5f5f5; position: relative;}
.ev-summary:before { content: ""; position: absolute; top: -3px; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #30CEA7, #549bdd); }
.opened .ev-summary { border-top-color: #4990E2; }
.ev-all-details { border: 5px solid rgb(221, 221, 221); background-color: #fff}
.ev-crud { position: absolute; right: 0; top: 0; height: 100%; width: 140px; }
.ev-crud div { font-weight: 600; text-transform: uppercase; transition: all 0.3s ease; position: absolute; cursor: pointer; }
.ev-view { border-radius: 4px;right:5%;height:80%; width: 70%; top:9%; font-size: 13px; color: #4990E2; padding-top:18px; box-shadow:0 7px 7px -7px rgba(0,0,0,0.3); background:white; border:1px solid #ddd; z-index:2; font-size:13px;}
.ev-crud div { width: 50%; }
.ev-view { right: 45%; }
.ev-edit, .ev-delete { height: 50%; right: 0; top: 0; padding-top: 10px; background: rgba(0,0,0,0.07); font-size: 11px; color: #555; }
.ev-edit { border-top: 1px solid #ccc; top: 50%; }
.opened .ev-summary { border-color: #4990E2; }
.opened h3 { color: #4990E2;}
.list-view .ev-summary:hover { background: #e9e9e9; }
.ev-edit:hover, .ev-edit.selected { background: #333; color: white; }
.ev-delete:hover, .ev-delete.selected { background: #c23030; color: white; }
.ev-section { border-top: 1px solid #ddd; }
.ev-date {width: 90px; color:#383838;  background:#FFF; padding:10px 0; transition: all 0.2s ease; position: absolute; border: 1px solid #ccc; top: -7px; left: -1px; box-shadow: 0 7px 7px -7px rgba(0,0,0,0.3); height: 80px; padding-top: 20px; z-index: 2; }
.ev-deets { padding-left: 100px; padding-right: 135px;}
.ev-timezone, .event-info-timezone {text-transform: capitalize}
.ev-post-title {margin-bottom: 6px;}
.opened .ev-date, .opened .ev-view { background: #4990E2 !important; color: white; }
.ev-day { font-size: 2.5em; font-weight: 300; line-height: 0.8em; }
.ev-month { font-size: 12px; font-weight: 500; text-transform: uppercase; opacity: 0.7; }
.meta { padding: 20px; min-height: 190px; position: relative; }
.pt-info-panel.events-drawer { overflow: scroll; }
.right-border { border-right: 1px solid #ddd;}
.left-border { border-left: 1px solid #ddd;}
.ev-activities img { max-width: 30px !important; margin-right: 10px;}
.ev-summary-meta { color: #888; font-size: 14px; text-transform: capitalize; margin-right: 5px;}
.ev-summary-meta.ev-special-features span {margin-right: 40px;}
.ev-all-details .meta a {font-size: 18px}
.ev-summary-meta i { color: #4990E2; font-size: 130%; vertical-align: middle; }
.ev-add-to-calendar, .ev-get-directions, .ev-msg-invitees, .ev-meeting-link { position: absolute; bottom: 15px; width: 100%; left: 0; }
.events-toolbar small { font-weight: 600; text-transform: uppercase; font-size: 12px; }
.events-toolbar a { display: inline-block; margin-left: 5px; padding: 0 6px; border: 1px solid; border-radius: 2px; color: #999; }
.events-toolbar a:hover { color: #4990E2; }
.view-changer { position: absolute; top: 0; right: 0; z-index: 9; }
.view-changer i { font-size: 130%; vertical-align: text-top; padding: 0 3px; }
.view-changer .fa-code-fork { transform: rotate(90deg); }
.events-toolbar a.selected, .ev-rsvp-controls a.selected { background: #4990E2; color: white; border-color: #4990E2; }
.ev-rsvp-controls a.blue-btn {padding: 5px 24px 3px!important;}
.ev-activities { min-height: 130px; }
.open-spots-left { display: inline-block; border: 1px solid #A00A74; color: #A00A74; border-radius: 4px; padding: 2px 6px;}
.ornish-site-directory { min-height: 200px; background: #f1f1f1; padding: 10px; padding-top: 80px;}
.ev-all-list-events { float: left; width: calc(100% - 100px); padding-left: 50px; }
.ev-intro-block { padding: 20px 40px 0 20px; margin-bottom: 30px; background: #fff; position: relative; overflow: hidden; border: 1px solid #ccc; }
.ev-intro-block i { position: absolute; right: -10px; top: -10px; font-size: 72px; opacity: 0.2; }
.ev-edit-details { border: 5px solid #333;background-color: #fff}
.ev-edit-details h4, .ev-delete-details h4 { background: #333; color: white; padding: 10px;}
.ev-delete-details h4 { background: #c23030;background: white; }
.ev-delete-details { border: 5px solid #c23030; }
.ev-activities p, .ev-description p { padding-left: 50px;}
.comment-submitter { width: 100%; text-align: center;}
.ev-comment { border: 1px solid #ddd; border-top: 2px solid #109EB6; }
.ev-all-comments { margin-top: 20px; }
.comment-body { padding-top: 10px; }
.comment-body:before, .comment-body:after { content: "\""; }
#repeat-event-companion select { border: 2px solid #2483da;}
.event-set {padding: 0 20px 20px;margin-top: 30px;;background: #fff; border-top:#444 40px solid;}
.event-set h3 {margin:0px;color: #fff;top: -32px;position: relative;font-weight: 300;letter-spacing: normal;}
.event-set .float50 {margin: 0;width: 47%;}
.event-set .the-companion .float50 {width:50%;}
.location-fields {margin-top: 50px;}
.event-set .e-buttons .float50:first-child {margin-right: 5%;}
#create-event-submit {margin-top: 30px}
.post_new_comment .float20 a.blue-btn {margin-top: 27px;}
.fc-daygrid-event { cursor: pointer;}
.fc-daygrid-event:hover { background: #444;}

/* User Profle */
.goals-answer p {color: #999;}

/* 
 * Dashboard styles 
 */
.meal-dropdown {display:none}
/* schedule views */
.page-template-page-dashboard-ornish-empower .fc-event-title, .page-template-page-dashboard-ornish-empower .fc-event-time {text-transform: capitalize;font-size:1.3em}
.page-template-page-dashboard-ornish-empower .fc-daygrid-event-dot {display: none;}
.page-template-page-dashboard-ornish-empower .fc-event {margin: 7px 0!important;}
.fc-dayGridWeek-view.fc-view.fc-daygrid {height: 200px;}
.fc-prev-button, .fc-next-button, .fc-dayGridWeek-button, .fc-dayGridDay-button {border: none !important;}
.fc-col-header-cell-cushion {font-size: 1.5em;}
.fc-dayGridWeek-view th {height: 40px; vertical-align: middle!important;}
.fc-event-time {
    min-width: 40px;
    text-align: right;
    padding-right: 5px;
}
.fc .fc-button-primary:focus {box-shadow:none!important}
#dash-classes h4 {text-transform: capitalize;font-weight: bold;}

#progress-participant .circles {transform-origin: center center;transform: scale(-1, 1) rotate(90deg);}
#progress-participant .circles circle, #progress-participant .circles path {stroke-width: 30px;stroke-linecap: round;}

.opt-class {display: block;font-size: .6em; text-transform: uppercase;}
#vue-loading{position:absolute;z-index:2;height:100%;background:rgba(255,255,255,0.5);width:100%;}
.dash-loader { padding-top: 20vh; }
.dash-wrap {padding: 0; position: relative; min-height: calc(100vh - 40px); }
.orienation-mode .dash-wrap {min-height: calc(100vh - 100px);}
.cohorts-wrap .inner {margin: 0;max-width: 100%!important;}
div.dash-wrap {margin: 10px;border: 1px solid #D9D9D9;border-radius: 8px;overflow: hidden; background-color: white;min-width: 760px;}
.page-template-page-welcome-patient .dash-wrap {min-width: 0px;}
#select-cohort select {font-size: 14px;height: 32px;}
#select-cohort a {background: white; border: 2px solid #4990E2; color: #4990E2; padding:6px 24px 6px;font-size: 14px;}
#select-cohort a:hover {background:  #4990E2; border: 2px solid #4990E2; color: #fff; }
.dash-card {margin: 10px 10px 10px 0;border: 1px solid #D9D9D9;border-radius: 8px; background-color: white; width: 100%;}
.class-schedule {min-width:910px}
.cs-left {min-width: 175px;max-width: 355px;}
.cs-left h2 {margin: .25em 0 20px;}
.cs-left .btn {max-width: 314px}
.dash-session {padding: 40px 20px;}
.cs-middle {min-width: 250px;flex:1}
.cs-right {min-width: 390px;}
.dash-cohort-days small {text-transform: capitalize;margin-right: 5px;}
.dash-cohort-days small:after {content: ',';}
.dash-cohort-days small:last-child:after {content: ''}
.session-slides {height: 65px;width:100%; align-self: flex-end;}
.session-slides .black {font-size: 16px;}
.session-action {margin-left: 65px;}
.prev-sesh {padding-left: 30px; padding-top: 12px;}
.next-sesh {padding-right: 30px; padding-top: 12px; text-align:right}
.prev-sesh:before {position: absolute; left: 0px; transform: rotate(180deg); height: 100%; width: 40px; content:''; top: 0; background-image: url(/images/svgs/icon-dash-arrow.svg); background-position: right center; background-repeat: no-repeat;}
.next-sesh:before {position: absolute; right: 0px; height: 100%; width: 40px; content:''; top: 0; background-image: url(/images/svgs/icon-dash-arrow.svg); background-position: right center; background-repeat: no-repeat;}
.class-schedule hr {height: 1px;background: #D9D9D9;margin-left: 55px;width: 235px;}
.session-time {width: 200px;}
.session-modality:before {content: '';display: inline-block;height: 12px;width: 12px;border-radius: 50%;margin-right: 10px;}
.session-modality.exercise:before {background: #4E3B86;}
.session-modality.group_support:before {background: #AE4285;}
.session-modality.nutrition:before {background: #8DBF51;}
.session-modality.stress_management:before {background: #09AEC7;}
.meal-tab {flex:1;cursor: pointer;}
.meal-tab.active {background-color:#D8E9FF}
.disabled-tab, .active.disabled-tab {background-color:#f1f1f1;cursor:not-allowed} 
.meal-tab p {margin: 0;}
.meal-tab:last-child.border-right {border-right:0px}
.meal-row div {padding: 10px;}
.meal-row p {font-size: 14px;}
.meal-row strong {font-size: 16px;color:#494949}
.meal-row a {font-weight: bold;color:#4D92DF}
.img-circle {width:145px;height:145px; border-radius: 100%; background-size: cover;background-repeat: no-repeat;}
.session-background-image {background-position: center center; background-size: cover; width: 100%;height:100%}

.gauge-container {min-width: 760px;max-width: 90%;}
.gauge-container .gauge {width: 100px;height: 100px;}
.gauge-container .lavel {font-size: 14px;color:#484848}
.gauge-container .metric {font-size: 16px;color:#494949}
.gauge-container .icon {top: 30px;left: 29px;}
.gauge-container .fitness .icon {top: 22px;left: 22px;}


.practice-wrap {position: relative; opacity: 0; display:none; z-index: 0; transition: all .3s ease; background-color: #fff; transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px);}
.practice-wrap.active {opacity:1; display:block; z-index: 3;transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
.practice-wrap .dash-wrap {min-height: 600px;}
.dash-wrap .inner {max-width: 1200px;}
.dash-wrap.comms .inner {max-width: 900px;}
.outline-btn {color: #fff; border: 3px solid #fff; border-radius: 4px; padding: 15px 40px; font-weight: 16px; text-transform: uppercase; font-weight: 500;}
.outline-btn:hover {background-color: #fff;}
.full-card, .half-card {background-color: #fff; margin-bottom: 20px; position: relative;border-radius: 4px;overflow: hidden;}
.card-inner {padding: 20px; position: relative;height: 100%;background:white}
.card-content {padding: 10px;}
.prog-progress {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.prog-description {width: 50%; float: left; text-align: left; font-size: 14px; color: #555; text-transform: uppercase;}
.prog-frac {color: #555555; font-size: 22px; font-weight: 500; width: 50%; float: right; text-align: right; font-size: 14px; color: #555555;  text-transform: uppercase;}
.prog-progress-bar {margin-top: 10px;background-color: #979797; position: relative; height: 26px; border-radius: 20px; overflow: hidden; width: 100%; }
.mercury {background: yellow;height: 100%;border-radius: 15px;    border: 2px solid #979797; width: 0%; transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); }
.rotate-90 { transform: rotate(90deg);}
.rotate-180 { transform: rotate(180deg);}
.progress-steps {top:4px; left: 20px; color:black; }
.progress-steps--completed {color: #fff; text-transform: uppercase; font-weight: 700; }
.dash-gauge {height: 220px;overflow: hidden;background-repeat: no-repeat;background-size: 40px;background-position: center 90px;}
.dash-gauge div {margin-top:-150px}
.dash-gauge p {font-weight: bold;}
.highcharts-data-label-box {stroke: none;}
.gauge-exercise {background-image: url(https://empower.ornish.com/images/svgs/fintess-icon.svg);background-size: 30px;}
.gauge-group_support {background-image: url(https://empower.ornish.com/images/svgs/love-icon.svg);}
.gauge-stress_management {background-image: url(https://empower.ornish.com/images/svgs/stress-management-icon.svg);}
.gauge-nutrition {background-image: url(https://empower.ornish.com/images/svgs/nutrition-icon.svg);}
.gauge-row, .dash-gauge {flex: 1 1 50%}
.modality {width: 100%;}
.modality  img {margin-right: 20px;}
.modality h4:first-child {width: 110px;}
.modality .icon {display: block;height: 80px;width: 80px; background-size: contain; background-repeat: no-repeat; background-position: center; }


.img-meal{background-size: cover;background-repeat: no-repeat;background-position: center center;height: 140px;}

.gauge-box p {font-size: 14px; color: #868686; font-weight: 400; text-transform: uppercase;}
.nut-gauge p, .is-nut {color: #8DBF51;}
.fit-gauge p, .is-fit {color: #4E3B86;}
.stress-gauge p, .is-stress, .ui-tabs-panel.stress-man {color: #09AEC7;}
.love-gauge p, .is-love {color: #AE4285;}

.user-progress {background-color: #4990E2;height: 100%; width: 0; border-radius: 20px;}
.full-card h3, .half-card h3 {font-size: 20px; text-transform: capitalize; color: #fff; padding: 10px 20px; background-color: #444444; margin-bottom: 0px;}
.half-card {width: 48%; float: left;}
.half-card.left {margin-right: 4%;}
.half-card:last-child {margin-bottom: 40px;}
.next-up {min-height: 300px;height: auto;}
.next-up p {font-size: 14px}
.next-up-left {height: 100%; background-size: cover; min-height: 300px; background-position: center center}
#alumni-dash-next .next-up-left {min-height: 300px;}
.next-up-left h4 {color: #fff; border: none; font-weight: 400;}
.next-up-right h4 {font-weight: 400; font-size: 26px; color: #777; border: none; padding: none;}
.next-up-right h4 span {color: #555;}
.next-up-right ul {padding-left: 20px;}
.next-up-right li {font-size: 14px; color: #555555;font-weight: 200; list-style: disc; line-height: 1.5em; margin-bottom: 10px;}
.dash-container {opacity: 1; transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transition: all 0.5s ease;}
.dash-container.show-dash {opacity: 1; transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0);}
.reveal-on .dash-container.show-dash { margin: 0; }
.gauge-box {width: 20%; float: left;}
.outer-gauge {width: 140px; height: 140px; margin: 0 auto 20px;border-radius: 50%; box-shadow: 0 2px 3px #aaa;padding-top: 10px; background-color: #fff;}
.badge-gauge-box .outer-gauge {height: 110px; width: 110px;}
.gauge-box p {font-size: 14px; color: #868686; font-weight: 400; text-transform: uppercase;}
.nut-gauge p {color: #8DBF51;}
.fit-gauge p {color: #4E3B86;}
.stress-gauge p {color: #09AEC7;}
.love-gauge p {color: #AE4285;}
.gauge {width: 120px; height: 120px; margin: 0 auto; position: relative; }
.progress-ring__circle { transition: stroke-dashoffset 0.35s; transform: rotate(-90deg); transform-origin: 50% 50%; stroke-dashoffset: 289.27px; }
.badge-gauge-box .gauge {width: 90px; height: 90px;}
.gauge-icon {width: 100px; height: 100px; background-color: #fff; border-radius: 50%; box-shadow: 0 3px 3px #aaa; position: absolute; left: 10px; top: 10px; text-align: center;}
.badge-gauge-box .gauge-icon {height: 70px; width: 70px;}
.gauge-icon img {position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.featured-card {background-color: #efefef}
.fr {width: 100%;display: block;height: 255px;margin-bottom:30px;background-color:#fff;overflow: hidden;position: relative}
.fr .float66 {padding:20px;height: 100%;position: relative;overflow: hidden; margin-right: 0; }

.feature-desc {margin-bottom:10px}
.feature-desc img {display: none}
#dash-events-list .view-event {margin-top: 7px;border-radius: 4px;right: 5%;padding: 20px;color: #4990E2;padding-top: 18px;box-shadow: 0 7px 7px -7px rgba(0,0,0,0.3);background: white;border: 1px solid #ddd;z-index: 2;font-size: 13px;font-weight: 500;}
#dash-events-list .dash-event:hover .view-event {background: #225c93;color: white;}
#rand-practice p em {display: block;white-space: normal;text-overflow: inherit;font-style: normal;}
.featured-resources .float33 {width: 33.33%;height: 225px; background-size: cover; background-position: center center; position: relative; margin-right: 0px;}
.featured-resources .float33:first-child {margin-left: 0px;}

/* Profile Page */
.profile-tabs .profile-tab {border: 2px solid transparent;cursor: pointer;}
.profile-tabs .profile-tab:hover {border-bottom:2px solid #4990E2;}
.profile-tab.active {font-weight: bold;border-bottom:2px solid #4990E2}
.toggle {width: 100%; height: 26px; border-radius: 15px; background-color: #ccc; border: 1px solid #ccc; padding: 1px; cursor: pointer;}
.toggle-circle {height: 24px; width: 24px; border-radius: 50%;background-color: red;}
.toggle-yes .toggle-circle {background-color: green; float: right;}
.profile-forms, .profile-forms p, .profile-forms h6 {color: #8E8E8E;}
.profile-forms p, .well-being-goals-wrap p {font-size: 16px;}
.grad-layer {background-image: linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.7) 65.89%, #090000 100%); width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;  transition: height 0.3s ease;}
.grad-layer-white {background-image: linear-gradient(rgba(255,255,255, 0.0), rgba(255,255,255, 0.9), rgba(255,255,255, 1.0));height: 60px;position: absolute;bottom: 0px;left: 0;width: 100%;height:30%;padding: 40px 0 0 0;transition: height 0.3s ease;}
.featured-resources a:hover .grad-layer {height: 60%;}
.featured-resources h4 {font-size: 16px; color: #ccc; text-transform: uppercase; border: none; left: 20px; bottom: 20px; padding-right: 20px; font-weight: 400; margin-bottom: 0px;}
.featured-resources h4 span {color: #fff; text-transform: capitalize; font-size: 20px;line-height: 1.1em;}
.featured-resources .fw-dash-card h4 span {color: #333;}
#participant-dash .featured-resources h4 span {color: #555;}
.featured-alum h4 {color: #ddd;}
.featured-alum h4 span {color: #fff;}
.dash-greeting {display: none;font-size: 38px;font-weight: 100;}
.dash-event {border-left: 5px solid #89B3E4; border-bottom: 1px solid #ccc; padding: 20px; transition: all 0.3s ease; }
.dash-event:hover {border-left: 5px solid #4990E2; }
div .d-event-day {font-size: 50px; font-weight: 300; line-height: 1em; color: #333;}
div .d-event-month {font-size: 24px; font-weight: 300; line-height: 1em; color: #333;}
.dash-event h4 {color: #4990E2; border: none; padding: 0;}
.d-event-date {width: 100px; text-align: center; float: left;}
.d-event-info { padding-right: 20%; float: left;}
.d-event-info p {margin-bottom: 0px;}

.dash-event.active-cohorts {border-left: 5px solid #F6A623; padding: 0;height: 110px;}
.dash-event.active-cohorts a {display: block; height: 100%;}
.dash-event.active-cohorts:hover {border-left: 5px solid #ca871b;position: relative;}
.dash-event.active-cohorts:hover:after {position: absolute; right: 20px; height: 100%; width: 40px; content:''; top: 0; background-image: url(/images/svgs/arrow-right.svg); background-position: right center; background-repeat: no-repeat;}
.cohort-cadence {width: 160px; float: left; text-align: center; height: 100%;border-right: 1px solid #ccc; }
.session-image {height: 100%; background-size: contain; background-repeat:no-repeat;background-position: center center; text-align: center; padding-top: 10px; }
.session-image img { max-height: 100%; opacity: 0.6; }
.cohort-days {font-size: 24px; color: #555555; font-weight: 400;}
.cohort-times {font-size: 16px; color: #9B9B9B; font-weight: 400;}
.cohort-current {width: calc(100% - 160px); float: left; height: 100%;}
.cohort-current .float66 {height: 100%;}
.cohort-current h4 {color: #555555; font-size: 30px; margin-bottom: 0px;}
.cohort-current h5{color: #9B9B9B; font-size: 16px; font-weight: 400;}
#toggle-view {position: absolute; padding: 5px 20px; background-color: #4990E2; color: #fff; right: 0; top: 0; border-radius: 4px;}

/* Cohort Manager */
.hide-for-legacy, div[data-name="photo"] {display: none;}
.single-patient_cohort_posts #message.updated, .page-template-page-cohort-management #message.updated{background: #f5f5f5; border-left: 3px solid #2484da; padding: 10px;}

/* Notification Form */
.page-template-page-notification-form {background-color:#efefef}
.page-template-page-notification-form em {padding:10px;display: inline-block}
.page-template-page-notification-form .required {color: red}
.page-template-page-notification-form #new-notification {height: auto;transition: all .4s;}
.page-template-page-notification-form #new-notification.submitted {height: 0px}
.page-template-page-notification-form .inner .float66 {position: relative}
.page-template-page-notification-form form {background: white;padding:20px}
.page-template-page-notification-form .field {width:90%;margin: 0 auto;margin-bottom:30px}
.page-template-page-notification-form .field  span {font-size: .7em;letter-spacing: 1px;}
.field .float50 {width: 46%}
.field .float50:first-child {margin-right: 8%}
.page-template-page-notification-form input[type="checkbox"] {
	float: left;
	margin: 7px 10px 30px 0px;
}
.page-template-page-notification-form .demo-notification {
	position: fixed;
    width: 320px;
    transition: right 0.3s;
    box-shadow: -5px 0px 10px 0 rgba(0,0,0,0.05);
	background: white
}
.page-template-page-notification-form .demo-notification h3 {background-color: #13a6cf;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	text-align: left;
	margin-bottom: 0px;
	font-weight: 100;
	text-transform: uppercase;
	cursor: pointer;}
.page-template-page-notification-form .demo-notification ul {margin:0}
.page-template-page-notification-form .demo-notification li {
    padding: 10px 20px;
    border-left: 4px solid #9B9B9B;
    position: relative;
	cursor: pointer;
}
	.page-template-page-notification-form .demo-notification .note-content {
		display: block;
	}
	.demo-notification a#url-link {display: none}
	.demo-notification a.blue-btn-outline {
		border: 1px solid #4990E2;
		float: right;
		margin-top: 10px;
		background-color: white;
		border-radius: 4px;
		padding: 4px 10px;
		display: block;
	}
	.upload {padding: 0 0 40px 0}
	.upload-button {border-radius:4px; text-align:center; color:#FFF; padding:10px 20px; background-color:#478b00 !important; border-bottom: 2px solid #3a6808 !important; display: inline-block}
	.upload-button:hover { background: #3a6808 !important;}




/* profile styles */
#opt-in-oe ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
#opt-in-oe ol > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}
#opt-in-oe ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
		left:-1em;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
    color: #4990E2;
}

.page-template-page-profile .dash-card h4 {background-color: #D9D9D9}

#profile-notification-form {padding:20px 20px 5px 20px}
#profile-notification-form p {margin:0 0 15px}
#profile-notification-form p a {border-bottom: 2px solid #2c598e;}

#profile-hero {height: 260px; background-size: cover; position: relative;}
#email-changer-success h3.highlight {margin:0 20px;background-color: #ccc}
#choose-bg {position: absolute; right: 20px; top: 0px; color: #4990E2; font-size: 14px; font-weight: 400; cursor: pointer;z-index: 2;background: white;padding: 10px 20px;border-radius: 0 0 8px 8px;}
#bg-modal {position: fixed; width: 700px; padding: 10px; top:40px; right: 20px; border: 3px solid #fff; box-shadow: 0 0 50px #333; border-radius: 8px 0px 0px 8px; background-color: #fff; right:-100%; transition: all 0.3s ease;}
.orienation-mode #bg-modal {top: 110px;}
#bg-modal.active {right: 0;}
#bg-modal .modal-content {overflow: auto; height: 500px; margin-top: 15px; }
.prof-bg-option {width: 100%; height: 130px; background-size: cover; background-position: center center;margin-bottom: 10px; cursor: pointer;}

#profile-hero .inner {height: 100%;}
#prof-user-info {color: #fff; width: calc(90% - 260px); height: 100%; position: relative;}
#prof-user-info .btm {position: absolute; left: 0; bottom: 20px; transform: translateX(30px); -moz-transform: translateX(30px); -webkit-transform: translateX(30px); transition: all 0.3s ease;}
#prof-user-info .btm.shown {opacity: 1;transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); }
#prof-user-info p {color: #fff; font-size: 20px; font-weight: 100; margin-bottom: 0px;}
#user-name {font-size: 48px; color: #fff; font-family: 'Gotham', arial; font-weight: 200; line-height: 1.1em;}
#prof-hero-avatar {width: 160px; height: 100%; margin-right: 50px; position: relative;}
#edit-avatar {position: absolute; bottom: 20px; width: 100%; text-align: center; color: #fff; cursor: pointer; text-shadow: 1px 1px 1px #555;}
#avatar-contain {width: 160px; height: 160px; background-color: #4990E2; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 50%; overflow: hidden;border: 3px solid #fff; text-align: center; position: relative; background-size: cover; background-position: center center; }
#avatar-btn {position: absolute; top: 65%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; cursor: pointer;}
#avatar-contain img.avatar { height: 100%; width: 100%; object-fit: cover;}
#avatar-btn img {transition: opacity 0.3s ease;}
#avatar-btn:hover img {opacity: .8;}
#avatar-btn p {color: #fff; font-size: 14px;}
.profile-forms {padding: 35px 5%;}

.profile-forms .float50 {width: 48%;}
.profile-forms .float50.form-col-left {margin-right: 4%;}
.profile-forms form p {font-size:16px;margin: 0 0 15px; }
.profile-forms p small {font-size: 14px;}
.profile-forms textarea {border: none; background-color: #eee; margin-bottom: 30px; min-height: 110px;}
.profile-forms input[type="email"] {border: none; border-bottom: 1px solid #ccc; width: 100%;font-weight: 300; font-size: 16px; padding: 5px !important; margin-bottom: 30px;font-style: italic;}
.profile-forms input[type="text"] {margin-bottom: 40px;}
.profile-forms input[type="textarea"] {background-color: #eee; width: 100%; border: none; height: 50px;}
.profile-forms table, .profile-forms thead, .profile-forms tbody tr {background-color: #fff; border: none;}
.profile-forms th {color: #787878; font-size: 14px; text-transform: uppercase; }
.profile-forms label {color: #1984DB;  font-weight: bold; font-weight: 300;}
.profile-forms input[type="password"] {width: 100%; margin-bottom: 40px;}
#hide-pass, #hide-pass-text {display: none;}
.show-pass #hide-pass, .show-pass #hide-pass-text {display: block;}
.show-pass #reveal-pass, .show-pass #reveal-pass-text {display: none;}
#pass-revealer {display: flex; align-items: center; justify-content: flex-end;}
#pass-revealer svg {margin-left: 10px;}
a.btn:hover {color: #fff; background-color: #1368b6;}
.btn-gray {background-color: #A1A1A1;background: #A1A1A1;border-bottom: 2px solid #4D4D4D;}
a.btn-gray:hover {color: #fff; background-color: #4D4D4D;}
.life-assess, .nut-assess {background-color: #fff; padding: 20px;}
.nut-assess {border-top: 1px solid #ccc;}
.life-assess h4, .nut-assess h4 {color: #4990E2; font-size: 24px; font-weight: 300; border: none; padding: 0; margin: 0;}
.reg-check {display: none;}
.profile-forms label:hover {background: transparent;}
.reg-check + label, .reg-check + label:active, .reg-check + label:hover {background: url(/images/svgs/check-circle.svg); content: ''; background-repeat: no-repeat; background-position: center-center; width: 24px; height: 24px;display: inline-block;position: relative; cursor: pointer; vertical-align: middle;}
.reg-check:checked + label {background-image: url(/images/svgs/check-box-checked.svg);  }

.event-stress-changer + label, .event-stress-changer + label:active, .event-stress-changer + label:hover{background: url(/images/svgs/check-circle.svg); content: ''; background-repeat: no-repeat; background-position: center-center; width: 24px; height: 24px;display: inline-block;position: relative; cursor: pointer; vertical-align: middle;}
.event-stress-changer + label {background-image: url(/images/svgs/check-box-checked.svg);  }

.profile-forms tbody tr.opt-in {border-top: 1px solid #ddd;}
.profile-forms tbody tr.opt-in td {padding-top: 10px;}
.profile-accordion__header {background-color: #ADADAD; padding: 15px; color: #555555; font-size: 18px; font-weight: 600;}
.profile-accordion__content {background-color: #fff; padding: 20px;}
.profile-forms .profile-accordion__content p {font-size: 16px;}
.profile-accordion__content h3 {font-size: 14px; text-transform: uppercase; color: #8E8E8E;}
.profile-accordion__content .full-card h3 {color: #fff;}
.profile-accordion__content .w50:nth-child(odd) {padding-right: 10px;}
.profile-accordion__content .w50:nth-child(even) {padding-left: 10px;}
.profile-accordion__content label, .profile-accordion__content p, .profile-accordion__content h3, .profile-accordion__content h2 {color: #333; font-weight: 400;}

.modal-content {padding-top: 20px;}
#mod-close {position: absolute; right: 10px; top: 0; cursor: pointer;}
/* core curriculum */
#curriculum-chooser {width: 330px; position: absolute; right: 20px; top: 0;z-index: 1;}
#practices-chooser {width: 320px; margin: 10px auto; position: relative;z-index: 1; text-align: left;}
#chooser, #chooser-btn {width: 100%; position: relative; background-color: #555; color: #fff; padding: 10px; border-radius: 7px 7px 7px 7px; cursor: pointer; transition: border-radius 0.1s ease;}
.practice-modalities {position: absolute; top: 40px; width: 100%; border-radius: 0 0 8px 8px; overflow: hidden; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
#chooser.active,  #chooser-btn.active {border-radius: 7px 7px 0 0; }
#chooser:after,  #chooser-btn:after {position: absolute; right: 20px; height: 100%; width: 20px; content:''; top: 0; background-image: url(/images/svgs/down-arrow.svg); background-position: right center; background-repeat: no-repeat;}
#chooser:hover,  #chooser-btn:hover {background-color: #333;}
.all-curr {position: absolute; width: 100%; left: 0; top: 40px; opacity:0; pointer-events: none; transform: translateY(-30px); transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);}
.all-curr.show {transform: translateY(0); opacity: 1; pointer-events: all;}
.curr-groups {overflow: hidden; margin-bottom: 0; box-shadow: 0 3px 3px #777;}
.curr-groups:last-child {border-radius: 0 0 7px 7px;}
.curr-groups ul { margin-bottom: 0px; overflow: hidden;}
.curr-groups li:hover, .select-mods:hover {background-color: #f3f3f3;}
.curr-groups h3 {background-color: #4990E2; color: #fff; text-align: center; padding: 10px; margin: 0; font-size: 18px;}
.curricula-progress, .select-mods {width: 330px; background-color: #fff;padding: 10px 30px; text-transform: uppercase;font-size: 14px; margin-bottom: 0;cursor: pointer; }
.select-mods {width: 100%; border-bottom: 1px solid rgba(72, 144, 227, 0.15);}
.select-mods:last-child {border-bottom: none;}


.curricula-progress h3 {margin-bottom: 25px;}

.curricula-progress-bar {height: 20px; width: 100%; border-radius: 10px; background-color: #ddd; margin-bottom: 5px; position: relative;}
.prog-shadow {position: absolute; width: 100%; height: 100%; z-index: 1; box-shadow: 0 2px 2px #7a7a7a inset; border-radius: 10px; left: 0; top: 0;}
.progress-percentage {background-color: #4990E2; border-radius: 10px; height: 100%; width: 0;}
.prog-count {font-size: 14px; color: #787878; text-transform: uppercase; font-weight: 100;}
.curriculum-tile.float33, .card,.tile {height: 215px; background-color: #fff; position: relative; border-radius: 4px;box-shadow: 0 3px 9px #ccc; border-bottom: none; margin-bottom: 30px; width: 32%; margin-right: 2%; cursor: pointer; transition: all 0.3s ease;}
.alumni_curricula-tile .session-number {display: none;}
.curriculum-tile.float33:nth-child(3n) {margin-right: 0px;}
.curriculum-tile.complete { position: relative;}
.curriculum-tile.complete:before {content: '';background-image: url(/images/svgs/completed-session-mark.svg);background-repeat: no-repeat;position: absolute;top: -10px;right:-10px;float: right;width: 39px;height: 39px;}
.contain-inner {overflow: hidden;width: 100%;height: 100%;}
.c-tile-image {height: 100%;background-size: cover; background-position: center center;}
.c-tile-info {height: 80px; position: relative; position: absolute; bottom:0; left: 0; width: 100%;background-image: linear-gradient(rgba(255,255,255,0) 0%, #ffffff 40%)}
.session-number {position: absolute; left: 0; top: 0; font-size: 20px; color: #555; line-height: 1em; font-weight: 300; ;padding-left: 15px;padding-top: 15px;}
.session-title {height: 100%; text-align: center; padding: 3px 5px;}
.c-tile-info h3 {display: block; position: absolute; margin-bottom: 0px; padding: 10px 10px; bottom: 0;font-size: 16px; color: #555; line-height: 1.2em; width: 100%; background-color: #fff;}

/* Assessments */
.tile {height: auto; cursor: auto;}
.assessment-panel label {display: block;}

/* sessions */
.sessions-toc {width: 340px; height: 100%; position: absolute; left: 0; top: 0; background-color: #efefef; z-index: 1; box-shadow: 4px 0 10px #ccc; transition: left 0.4s, box-shadow 0.4s; }
.sessions-toc.slim { left: -260px; }
.toc-controls {background-color: #efefef; height: 60px;}
.toc-session-info {margin-bottom: 40px;}
.vertical-title, .toc-container { transition: opacity 0.3s; }
.vertical-title {color: #555; font-size: 24px;font-weight: 100; transform: rotate(-90deg); height: 80px;transform-origin:right bottom ;position: absolute; top: 0; right:0; padding-top: 25px; }
.toc-container {padding: 5px;height: calc(100% - 60px); overflow: auto; opacity: 1.0; }
.sessions-toc.slim .toc-container, .sessions-toc .vertical-title { opacity: 0; }
.sessions-toc.slim .vertical-title { opacity: 1.0; }
.toc-open, .toc-close {font-size: 12px; color: #4990E2; text-transform: uppercase;}
.toc-open { display: none;}
.session-holder {overflow: hidden; position: relative;}
.sessions-toc.slim .toc-open { display: block; }
.sessions-toc.slim .toc-close { display: none; }
#toc-toggle {width: 80px; text-align: center; height: 100%; padding-top: 10px;background-color: #efefef; cursor: pointer;}
#toc-back {width: calc(100% - 80px); text-align: center; color: #555; font-size: 18px; font-weight: 300; padding-top: 20px; height: 100%;}
.toc-current-session {font-size: 14px; font-weight: 400; color: #777; text-transform: uppercase;}
.toc-session-title {font-size: 26px; font-weight: 100; color: #555; text-align: left;}
.modal-header-panel { height: 100%; }
.sessions-toc h4 {color: #fff; font-size: 18px; font-weight: 400; background-color: #4E8FE1; padding: 10px; padding-right: 30px; position: relative; border: none; cursor: pointer;}
.sessions-toc h4:after {content: '';width: 20px; height: 20px; background-image: url(/images/svgs/icon-plus-white.svg); background-repeat: no-repeat; background-position: center center; position: absolute; right: 10px; top: 10px;}
.sessions-toc h4.open:after {content: '';width: 20px; background-image: url(/images/svgs/icon-minus-white.svg); position: absolute; right: 10px; top: 10px;}
ul.toc-lessons { padding-left: 20px;}
.toc-lessons li {color: #555; cursor:pointer;font-size: 16px; font-weight: 400; text-transform: capitalize; padding-bottom: 20px;border-left: 2px solid #555; padding-left: 20px; line-height: 1.2em; position: relative;}
.toc-lessons li:hover {color: #222; text-decoration: underline;}
.toc-lessons a {color: #555;}
.toc-lessons li:last-child {border-left: none;}
.toc-lessons li:last-child:before {left: -9px;}
.toc-lessons li:before {width: 20px; height: 20px; content: ''; position: absolute; left: -11px; background-repeat: no-repeat; top: 0; background-image: url(/images/svgs/toc-circle.svg); background-position: center center;}
.toc-lessons li.done:before {background-image: url(/images/svgs/toc-dot.svg);}
span.duration {font-style: italic;font-size: .9em;}
.toc-articles { padding-bottom: 60px;} /* this clears the attendance button */
.toc-tile {height: 80px; background-color: #fff; margin-bottom: 10px;}
.toc-tile-image {width: 33%; float: left; height: 100%; background-size: cover; background-position: center center;  }
.toc-tile-info {width: 67%; float: left; height: 100%; padding: 10px; overflow: hidden;}
.toc-tile-info h3 {color: #4990E2; font-size: 14px;}
.session-container {position: relative; height: calc(100vh - 40px); overflow: auto;margin-left: 80px;z-index: 0; width: calc(100% - 80px);}
.session-content {height: 100%;}
.first-slide-hero {margin-left: 33%; transition: margin 0.3s; }
.first-slide-hero.wide { margin-left: 5%;}
.first-slide-hero ul {padding-left: 50px;}
.first-slide-hero li {font-size: 16px; list-style: disc; color: #777; font-weight: 400; line-height: 1.3em; margin-bottom: 5px;}
.first-slide-hero .sess-num { text-transform: uppercase; margin: 5px 0; font-size: 20px;}
.session-featured-image {height:350px; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-bottom: 20px;}
.reveal-on .dash-wrap { background: white;}

/* this is needed so the reveal arrows do not cover the start lessson button on small screens */
#launcher {position: relative;z-index: 1; font-size: 24px; padding: 24px 30px;}

.session-info {height: 100%; position: relative; padding-left: 20px;}
.session-title {font-size: 44px; font-weight: 300;}
.session-info h2 {font-size: 44px; font-weight: 300;}
.session-info h3 {text-transform: uppercase; margin-bottom: 10px; color: #777; font-weight: 24px;}
.all-slides { height: 100%; position: absolute; top: -100%; opacity: 0.0; width: 100%; left: 0; transition: opacity 1s }
.all-slides.showing { top: 0; opacity: 1.0; }
.slide-clincal-team {padding: 30px 100px;}
.clin-team-slide-header {padding-right: 130px;}
.clinical-team {padding-top: 40px;}
.clinical-team {display: flex; flex-wrap: wrap; justify-content: center;}
.clinican-tile {max-width: 280px; padding-right:20px; margin-bottom: 20px; width: 25%;}
.clinician-tile__image {width: 100%; max-width: 220px; aspect-ratio: 1 / 1; margin-bottom: 20px; border-radius: 50%; overflow: hidden;  border: 2px solid #0071bc;}
.clinician-tile__image img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.clinician_tile__info {font-family: 'Inter', sans-serif;}
.clinician_tile__info h3 {text-transform: capitalize; font-size: 24px; font-weight: 600;}
.clinician_tile__info h4, .clinician_tile__info h5 {text-transform: capitalize; font-size: 20px; font-weight: 300; color: #494949}
.clinician_tile__info h5 {font-size: 16px; font-weight: 400;}
.clinician_tile__info p {font-size: 14px; font-weight: 400;color: #494949}
.schedule-slide-content {width: 500px; margin: 0 auto;}
.schedule-slide-content .dash-session {padding: 0;}
.schedule-slide-content {font-size: 16px;}
.schedule-slide-content .session-time{width: 220px;}
.schedule-slide-content .modality{margin-bottom: 10px;}
.modality-indicator {height: 17px; width: 17px; border-radius: 50%; background-color: #97BE60; display: inline-block; margin-right: 10px;}
.modality-indicator.modality-indicator--gs {background-color: #A14982;}
.modality-indicator.modality-indicator--sm {background-color: #4FABC4;}
.modality-indicator.modality-indicator--ep {background-color: #4B3C82;}
/* add'l rules added for common elements for full-screen effect */
header { transition: top 0.4s; top: 0; }
.orienation-mode header {height: 100px;}
#logo { transition: top 0.4s; }
#side-nav { transition: left 0.4s; }
.full-screen-reveal #side-nav { left: -100px; }
.full-screen-reveal header { top: -80px; }
.full-screen-reveal #logo.dark { top: 80px;}
.full-screen-reveal .sessions-toc.slim { left: -340px; }
.full-screen-reveal .sessions-toc { left: -80px; box-shadow: none; }
.full-screen-reveal #content { width: calc(100% - 80px); margin-left: 80px; }
.full-screen-reveal .session-container { margin-left: 0; height: 100vh; top: -40px; }
#reveal-esc { position: fixed; top: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.5); padding: 6px 10px; background: #555; color: white; text-align: center; left: 50%; margin-left: -200px; width: 400px; z-index: 9; }
#reveal-esc p { color: white; margin: 0; }
.session-wrap {opacity: 0; transition: opacity 0.3s ease;}
.session-wrap.show-me {opacity: 1;}

#quiz-wrap {position: absolute; right: -600px; top: 0; width: 600px; height: 500px;z-index: 2; background-color: #fff; box-shadow: -4px 10px 10px #ccc;height: 100%; transition: all 0.3s ease;}
#quiz-wrap.open {right: 0;}
.quiz-header, .eval-header {color: #fff;background-color: #5989e2; padding: 15px; font-size: 28px; font-weight: 200; text-align: center; line-height: 1em; }
.quiz-panels, .eval-panels {position: relative; height: calc(100% - 70px);}
.quiz-panel p, .eval-panel p {font-weight: 200;}
#quiz-toggle {cursor:pointer;position: absolute;left: -59px;top: 0;width: 59px;height: 59px;background-color: #eee;padding: 15px 0;text-align: center;}
.quiz-opener {display: inline-block;}
.open .quiz-opener { display: none;}
.quiz-closer { display: none;}
.open .quiz-closer { display: inline-block;}
.answers label { float: left; margin-right: 20px; }
.answers p {color: #777;}
.quiz-panel, .eval-panel {position: absolute; width:100%; height: 100%; left:0; top:0; padding: 30px;opacity: 0; transform: translateX(40px); transform: translateX(40px); transform: translateX(40px); transition: all 0.3s ease; z-index: 0; }
.quiz-panel.active-panel, .eval-panel.active-eval {opacity: 1;transform:translateX(0); transform: translateX(0); transform: translateX(0); transition: all 0.3s ease; z-index: 1; overflow: scroll; }
.quiz-panel-container {position: absolute; line-height: 1.3em; font-weight: 200; background-color: rgba(255,255,255,0.9); z-index: 4; width: 100%; height: 100%; color: green; font-size: 50px; text-align: center; padding: 100px 20px 30px; font-size: 30px;}
#correct.quiz-panel-container h2 {color: green; }
#submit-eval {color: #555;}
#speaker-notes-btn, #full-screener { background: white; position: absolute; z-index: 30; right: 130px; top: 60px; border: 1px solid; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; }
#full-screener { right: 220px;}

/* practices */

.slide-control {width: 30px;}
.see-all {color: #4990E2; font-weight: 300;font-size: 24px; text-decoration: underline; float: right; cursor: pointer;}
.slide-left {position: absolute; left: -40px; top: 70px; font-size: 30px; cursor: pointer;}
.slide-right {position: absolute; right: -40px; top: 70px; font-size: 30px; cursor: pointer;}
.slide-group {float: left;}
.practice-quads {width: calc(100% - 80px); height: calc(100vh - 40px); position: absolute; top: 40px; left: 80px;z-index: 2; opacity: 0; transition: opacity 0.3s ease; transition-delay: .2s;}
.practice-quads.show {opacity: 1;}
.quad-cat {position: absolute; left:20px; bottom: 20px; margin-bottom: 0px; padding: 5px 10px; color: #fff; font-size: 16px; text-transform: uppercase;box-shadow: 2px 2px 2px rgba(0,0,0,.3);}
.quad-cat img {height: 18px; width: auto; position: relative;}
.practice-quad { height: 50%; width: 50%; position: absolute;cursor: pointer; transition: all 0.5s cubic-bezier(.63,-0.01,.47,1.03); overflow: hidden; background-color: #fff;}

.practice-quad:first-child {left: 0; top: 0;}
.practice-quad:nth-child(2) {left: 50%; top: 0;}
.practice-quad:nth-child(3) {left: 0; top: 50%;}
.practice-quad:nth-child(4) {left: 50%; top: 50%;}
.practice-quad.clicked{width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
.quad-bg {position: absolute;left: 0;top: 0; background-size: cover; background-position: center center; width: 100%; height: 100%;  transition: opacity 0.5s ease ,transform 0.5s ease; }
.practice-quad:hover .quad-bg {transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05);}
.practice-quad.clicked .quad-bg{opacity: 0;}
.intro-cat {padding: 5px 10px; color: #fff; text-transform: uppercase;}
.practice-cat-intro.float33 { height: 100%; margin-right: 0px; width: 34%;}
.practice-slider {margin-bottom: 40px;position: relative;}
.practice-slider h3 {margin-bottom: 15px; float: left;}
.practices-hero {height: 400px; width: 100%; position: relative; overflow: hidden;}
.practices-hero .inner {height: 100%; max-width: 1200px;}
.featured-practice {width: 66%; margin: 0 auto; background-size: cover; height: 100%; position: relative; background-position: center center;}
.practice-intros p {font-size: 16px;}
.play-practice {height: 100%; width: 100%; position: relative; cursor: pointer;}
#play-practice-vimeo .featured-play-reveal {display: none;}
#play-practice-reveal .featured-play-vid {display: none;}
.play-practice img {top: 50%; transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); display: block; margin: 0 auto; position: relative; transition: transform 0.3s ease; }
.play-practice:hover img {transform: translateY(-50%) scale(1.1); -moz-transform: translateY(-50%) scale(1.1); -webkit-transform: translateY(-50%) scale(1.1); }
.featured-title {position: absolute; left: 10px; bottom:10px;}
#featured-cat {font-size: 14px; color: #fff; text-transform: uppercase; color: #fff; font-weight: 200; padding: 3px 10px; margin-bottom: 0; display: inline-block;box-shadow: 2px 2px 2px rgba(0,0,0,.3);}

.feat-cat-stress-mgmt,.banner-stress-mgmt, .stress-mgmt-quad .quad-cat , .stress-intro-cat, .practice[data-cat="stress-mgmt"] .icon-bg {background-color:#109EB6;}
.feat-cat-nutrition,.banner-nutrition,.nutrition-quad .quad-cat, .nut-intro-cat, .practice[data-cat="nutrition"] .icon-bg {background-color:#83A707;}
.feat-cat-love-support,.banner-love-support, .love-support-quad .quad-cat, .love-intro-cat,.practice[data-cat="love-support"] .icon-bg {background-color:#A00A74;}
.feat-cat-fitness,.banner-fitness, .fitness-quad .quad-cat, .fit-intro-cat, .practice[data-cat="fitness"] .icon-bg {background-color:#36297C;}

.featured-title h2 {color: #fff;font-size: 28px;font-weight: 200;text-shadow: 0px 1px 1px rgba(0,0,0,.8);margin-left: 30px;}
.practices-blur-bg { height: 100%; width: 100%; background-size: cover; position: absolute; left: 0; top: 0; filter: blur(8px); transform: scale(1.1);}
.practices-filter{background-color: #ccc; text-align: center;padding: 10px 0px; margin-bottom: 20px;}
.practices-container {width: 100%; overflow: hidden; position: relative; height: 220px;}
.practices {position: absolute; left:0; top: 0;}
.practice {width: 31%; margin:1%; height: 220px; position: relative; float: left; background-size: cover; background-position: center center; cursor: pointer;}
.corner-icon {width: 60px; height: 60px; top: 0; right: 0; overflow: hidden; position: absolute;}
.icon-bg {content: ''; position: absolute; right: -36px; top: -36px; width: 70px; height: 70px; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); background-color: #000;}

.practice-vimeo:after {content: '';  position: absolute; right: 5px; top: 5px; color: #fff; width: 20px; height: 20px; background-image: url(/images/practices-small-play.png); background-size: 100%;}
.practice-reveal:after {content: '';  position: absolute; right: 5px; top: 5px; color: #fff; width: 20px; height: 15px; background-image: url(/images/practices-reveal-play.png); background-size: 100%; background-repeat: no-repeat;}
.practice:last-child {margin-right: 0;}
.practice .grad-layer {background-image:linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.7) 45.89%, #090000 100%); transition: height 0.3s ease;}
.practice:hover .grad-layer {height: 55%;}
.practice h4 {font-size: 16px;color: #fff; border: none; font-weight: 200; margin: 0; position: absolute; left: 0; bottom:0; padding: 15px 15px;}
.practices-filter select {margin: 0 auto;}
.cat-banner { padding: 3px 10px; color: #fff; text-align: center; position: absolute; text-transform: uppercase; top: -12px; left: -10px; box-shadow: 2px 2px 2px rgba(0,0,0,.3);}
#clear-reveal {z-index: 2; top: 30px; right: 30px; font-size: 30px; cursor: pointer; position: absolute; top: 100px; right: 50px;}
.subnav li { float: left;}
.subnav li a { padding: 2px 10px; border-radius: 4px; border: 1px solid; margin-right: 10px;}
.subnav .current_page_item a { border-color: #bbb; color: #333; }
.display-user { float:right; border-left: 2px solid #ccc; margin-top:24px; }
.display-user a { color:#232323; }
.display-user a:hover { color:#666; }
.userinfo-left { color: #999999; float: left; font-family: Gotham, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; line-height: 1.5em; text-align: right; width: 8em; }
.userinfo-right { float: left; font-family: '', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em; padding-left: 5px; text-align: left; }
a.hero-link { margin:0; line-height:1em; }
.copy { margin: 0 auto; padding-bottom: 50px; position: relative; width: 960px; padding-left:30px; clear:both; }
.landing-page-jumper { background: #ececec; border-top: 2px solid #eced3b; height: 115px; margin-bottom: 10px; position: relative; }
.landing-page-jumper.auto-height { height: auto !important;}
.dash-left.float33 {width: 32.33%;}
.float50.landing-page-jumper {width: 49%;}
.dash-right.float66, .vids-right.float66 {width: 66.66%; margin-right: 0;}
.jump-left, .video-jumper:nth-child(2n){margin-left: 2%;}
.dash-right, .vids-right {float: right !important;}
.landing-page-jumper.lessons {height: 240px}
.landing-page-jumper.lessons a {line-height: 240px;margin-top: 10px;}
.landing-page-jumper a {display: block; height: 100%; font-weight: 300; }
.landing-page-jumper span { display: inline-block; font-size: 30px;}
.dash-right .landing-page-jumper:first-child i, .dash-right .landing-page-jumper i.fa-calendar{margin-top: 5%;}
.clinical-feedback-survey {background-size: cover; background-position: center center; min-height: 200px;}
.landing-page-jumper i { font-size: 45px; width: 90px; text-align: center; margin-top: 8%;}
.enrolled-participant .float33 .landing-page-jumper i { font-size: 42px;}
.profile-jumper img { max-height: 100%}
.profile-jumper i { font-size: 36px; margin: 4% 0; }
#feedback-modal .float50 {padding: 20px}
#feedback-modal .float50:last-child a {margin-top: 2px}
.profile-jumper i, .profile-jumper span { margin-left: 50px; text-align: center; width: 100px; }
.page-template-page-impower-landing-php .video-jumper { /*height: 140px;*/ background-color: #000; overflow: hidden; background-size: cover; }
.empower-vid-group {background-color: rgba(255,255,255,0.8); position: absolute; bottom: 0; padding: 5px 10px; font-size: 16px; color: #4990E2; width: 100%;}
.video-jumper a {position: absolute; height: 100%; width: 100%; text-align: center;}
.video-jumper a i {position: absolute; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff;}
.video-jumper:hover i { color: #4990E2}
.landing-page-jumper.video-jumper i {margin-top: 0px; width: 100%; display: block; text-align: center;}
.recipedia-jumper { text-align: center; height: 190px}
.recipedia-jumper i { margin: 3% 0 3%; }
.recipedia-jumper p { font-size: 20px; font-family: Gotham, serif; color: #454545; width: 70%; margin: 0 auto;}
.netiquette-terms { height: 60vh; overflow: auto; padding: 10px; background: #eee; margin-bottom: 20px;}
.page-template-page-resource-search-php .netiquette-terms h1 {color: #000; font-size: 30px;}
.description.indicator-hint { clear: both; font-size: 90%; }
.login.profile select { width: 150px; }
.initial-msg { padding: 40px; text-align: center;}
.dashboard-link { position: fixed; top: 40%; left: 0; background: #fff; background: rgba(255,255,255,0.9); border: 1px solid #4990E2; border-radius: 0px 4px 4px 0px; border-left: none; padding: 5px; width: 55px; z-index: 3;}


/* communication archive */
.comms {padding: 50px 20px;}
.all-comms {margin-top: 50px;}
.comm {box-shadow: 0 3px 9px #ccc; background-color: #fff; padding:5%; margin-bottom: 50px; position: relative;}
.comm-date {position: absolute; top: -20px; left: -20px; background-color: #4990E2; color: #fff; text-transform: uppercase; font-weight: 500; padding: 10px 40px 10px 20px;; font-size: 20px; box-shadow: 0 3px 6px rgba(0,0,0,0.3); cursor: pointer;}
.comm-date:hover {background-color:#5694db }
.comm-date:after {content: '';width: 20px;height: 20px; background-image: url(/images/svgs/icon-plus-white.svg);background-repeat: no-repeat;background-position: center center;position: absolute;right: 10px;top: 10px;}
.open .comm-date:after {background-image: url(/images/svgs/icon-minus-white.svg);}
.comm-image {padding-top: 30px;}
.comm-featured-image {width: 100%; max-width: 600px; margin: 20px auto 20px;}
.comm ul {padding-left: 40px;}
.comm li {list-style: disc;font-size: 16px; margin: 0 1em 0.5em;}
.update-feature {margin-bottom: 30px;}
.update-feature h3 {padding-bottom: 5px; font-weight: 700; font-size: 20px;}
.comm h2 {margin-top: 40px; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 3px;
}

/* Get Started Template */
.page-template-page-get-started-php .inner { max-width: 900px; }
.tml-action-links a { font-size: 18px; font-weight: 300; }
.tml-action-links a[href$="/lostpassword/"]:after { content: "?"}
.page-template-page-get-started-php .visLogin p.tml-title {display: none}
.page-template-page-get-started-php .visLogin .login {text-align:left;padding: 20px;margin: 0 auto;}
.page-template-page-get-started-php .visLogin .login #loginform1 p {display: block; }
.page-template-page-get-started-php .visLogin .login label {display: block!important}
.page-template-page-get-started-php .visLogin .float50 {font-size: 1.2em;padding-left:21px;}
.page-template-page-get-started-php .visLogin .float50.partnerLink {text-align: right; padding-right: 52px;padding-left:0;}
.page-template-page-get-started-php .interior h2,.page-template-page-get-started-php .visDash {text-align: center}
.page-template-page-get-started-php p.message {display: block!important}
.page-template-page-get-started-php label:hover {background: transparent;}
.page-template-page-get-started-php .sign-in-info label { width: 100%!important; text-align: left!important; }
#support-form-modal .loader { position: absolute; bottom: 0%; z-index: 2; left: 45%; }


/* surveys  */
.spinner .blue-btn{display:block;font-family:Arial;font-size:22px;height:20px;line-height:1;margin:4px auto;padding:0;width:26px}
.pal-table { clear: both; }
.pal-table th { color: #222;; font-size: 110%; vertical-align: top;}
.pal-table td { text-align: center; padding: 10px;}
.pal-table td p { margin: 0;}
.pal-table th:first-child { width: 25%; text-align: left;}
.pal-table tr td:first-child { text-align: left; font-size: 110%; color: #222; font-weight: bold;}
#stress-pal input[type="text"] { width: 80px; border-color: #4990E2; }
.pal-table input[type="radio"] { display: block; margin: 2px auto;}
.send-btn { text-align: right;}
.survey-jumper { padding: 20px;}
.portal-hero { padding: 20px 0;}
.portal-hero p { font-family: 'Gotham', serif; margin-bottom: 0.4em; color: #888; font-style: italic;}
.portal-content { float: left; width: 80%; border-left: 3px solid #FBE600; background: url("/images/accordion-wavy-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); min-height: 490px;}
.private-nav { float: left; width:20%; }
.private-nav ul { list-style:none; padding:0; margin:0; }
.private-nav li { background: transparent; margin: 0; padding: 0; text-align: left; font-family: Gotham, Helvetica, Arial, sans-serif; font-size: 18px; -webkit-transition:border 0.15s ease-in; -moz-transition:border 0.15s ease-in; -o-transition:border 0.15s ease-in; transition:border 0.15s ease-in; }
.private-nav li.current_page_item { background:#4990E2; }
.private-nav li.current_page_item a { color:#fff; }
.private-nav a { display: block; padding: 12px;}
.private-nav > ul > li { border-left-width: 5px; border-left-style: solid; border-left-color: #eee;}
.private-nav li.chosen { background: rgba(251, 230, 0, 0.3); }
.private-nav .children { margin-left: 10%; padding-bottom: 10px; display: none; }
.private-nav .children a { padding: 2px 8px; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 300; }
.private-nav .children li { list-style: disc; margin-left: 10px; }
.private-nav li.selected a { color: black; background: rgb(251, 230, 0); }
.ui-tabs-panel { font-size: 16px; padding: 30px;}
.ui-tabs-panel h2, .page-template-page-my-journey-php h1.main, .page-template-page-events h1 { margin: -30px -30px 10px -30px; padding: 30px; color: #fff;  background-size: cover; -webkit-background-size: cover; }
.page-template-page-events h1 {padding:0px}
.ui-tabs-panel.participant-man h2 {background-position: center bottom; }
.ui-tabs-panel.group-man h2 {background-image: url("/images/love_support_bg-new.jpg"); background-position: center;}
.ui-tabs-panel.nutrition-man h2 {background-image: url("/images/nutrition_group_bg-new.jpg");}
.ui-tabs-panel.training-man h2 {background-image: url("/images/nutrition_group_bg-new.jpg");}
.ui-tabs-panel.fitness-man h2 {background-image: url("/images/fitness_bg_new.jpg");}
.ui-tabs-panel.stress-man h2 {background-image: url("/images/stress_managment_bg-new.jpg");}
.ui-tabs-panel.nurse-man h2{background-image: url(/images/nurse-md.jpg)}
.ui-tabs-panel.operations-man h2 {background-image: url("/images/bg-rotator/beach.jpg");}
.ui-tabs-panel li { line-height: 1.3em; margin: 0 0 5px; font-family: 'Roboto',Helvetica,Arial,sans-serif; font-weight: 300;}
.login-header-box .bio-photo { width: 70px; height: 70px;}
.login-header-box .bio-photo img {max-width: 100%; border: none;}
.bio-photo { background: url('/images/blank-avatar-sm.jpg') no-repeat; }
.portal-hero .bio-photo, .float50 .bio-photo { width: 125px; }
.middle-line { border-top: 1px solid #ccc; margin: 0; text-align: center; clear: both; }
.middle-line span { background: #fff; position: relative; font-style: italic; padding: 0 10px; top: -10px; font-family: Gotham, serif; color: #444; }

/* surveys */

#survey-bg { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: url(/images/Survey-bg.jpg) center center no-repeat; background-size: cover; }
#survey-bg img { position: fixed; top: 0;}
.ans-div { display: none; max-width: 800px; margin: 0 auto; padding: 0 20px 50px; margin-bottom: 100px; }
.gossamer { position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: 1; top: 0; left: 0;}
.page-template-page-olm-assessments .page {padding:60px 0}
.page-template-page-olm-assessments h2, .page-template-page-olm-assessments h3 { font-family: Gotham, arial, sans-serif; padding-top:30px}
.page-template-page-olm-assessments section { position: relative; z-index: 2;}
.page-template-page-olm-assessments footer { width: 100%; position: relative; bottom: 0;}
.page-template-page-olm-assessments section p, .page-template-page-olm-assessments select { font-size: 22px; }
.page-template-page-olm-assessments select { border-color: #4990E2; }
.next-step-btn { padding: 30px 0px; ;}
.page-template-page-olm-assessments label {float:left;clear:left;padding:2px 20px 2px 2px;margin-bottom:10px;cursor:pointer;}
.page-template-page-olm-assessments label { border:1px solid #bbb; border-radius:14px;}
.page-template-page-olm-assessments .square-labels label { border: none; border-radius: 0;}
.assessment-provider-view .next-step-btn, .assessment-provider-view #first-ans.ans-div{display: none !important;}
.assessment-provider-view .ans-div {display: block; clear: left;}
.assessment-provider-view .row-deletion {display: none;}
.assessment-provider-view input, .assessment-provider-view select:not(.timepoint-chooser), .assessment-provider-view textarea, .assessment-provider-view label {pointer-events: none !important;}
.assessment-provider-view #final-ans {display: none !important;}
label.no-round { border: none; border-radius: 0; }
.ans-div label {padding: 5px; margin-bottom: 5px;}
.ans-div .iCheck-helper {margin-right: 5px;}
.page-template-page-olm-assessments input[type="text"] { background: white; height: auto; }
.page-template-page-olm-assessments .iradio_square-blue { margin-right: 10px; }
.progress-contain { position: relative; z-index: 3; margin:20px; }
#progress { height: 30px; border-radius:15px; background: #444; color: white; line-height: 30px; font-size: 12px; text-transform: uppercase; overflow: hidden; padding: 2px 0; }
#progress-bar, .user-progress { float: left; height: 100%; width: 0; left:0; top: 0; margin-right: 5px; background: #468bda; background: repeating-linear-gradient(45deg,#468bda,#468bda 10px,#4990E2 10px,#4990E2 20px); ;margin-left: 2px;border-radius: 13px; transition: width 1s ease;}
.svg-loader, .manuals-loader{display:inline-block;vertical-align:middle;}
#final-ans .next-step-btn {padding:0px;clear: none;}
#final-ans .text-right {float:right}
.bg-white.tile-complete {background-color: #ddd;}
.tile-complete .blue-btn {pointer-events: none; background-color: #aaa; cursor: text;}
.tile__progress-bar {width: 90%; height: 10px; border-radius: 10px; background-color: #bbb; overflow: hidden; position: relative; margin: 0 auto 20px; padding: 1px;}
.tile__progress-bar-fill {position: absolute; left:0; top:0; background-color: #126bbe;height: 100%; width: 0; border-radius: 10px;}


.svg-loader path,  .manuals-loader path{stroke:#83A707; stroke-width:3; stroke-dasharray:193.904983521; fill:none; -webkit-animation:load 6s linear infinite,color 4s linear infinite; -moz-animation:load 6s linear infinite,color 4s linear infinite; animation:load 6s linear infinite,color 4s linear infinite;}

@keyframes load {
  from { stroke-dashoffset: 775.6199340820312; }
}

@keyframes color {
  25% { stroke: #109EB6; }
  50% { stroke: #36297C; }
  75% { stroke: #A00A74; }
}

/* Single Dashboard Video Pages */
.cat-265-id .cf {margin-top:40px;}
.cat-265-id .float66 {padding:70px 20px;}
.cat-265-id .float33 div {height:170px; background-repeat:no-repeat;background-position: center center; background-size: cover !important;}
.cat-265-id h1 {border-bottom: 3px solid #ECED3B;}

/* Assessment Dashboard */
.page-template-page-assessment-php h1 {font-size: 4em;text-shadow: none;padding: 50px 0 30px;color: #555;}
.page-template-page-assessment-php p {font-weight: 200;font-size: 18px;margin: 0 0 15px;color: #555;}

.page-template-page-assessment-php .col {height: 510px; overflow: hidden;display:inline-block;width:49%; padding: 30px; position: relative;}
.page-template-page-assessment-php .progress-notification {position:absolute; bottom:0px; left: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; vertical-align: center;background-color: white; opacity: .8}
.page-template-page-assessment-php .progress-notification span {text-transform: uppercase;font-weight: 700}
.page-template-page-assessment-php .ctas { position: absolute; bottom: 30px; width: 100%; left: 0;}
.page-template-page-assessment-php .please-start {display: block; color:green;}
.page-template-page-assessment-php .column-content { background: white; background: rgba(255,255,255,0.9); border: 4px solid #efefef; height:100%; width: 100%; left: 0; padding: 30px; position: relative; }
.page-template-page-assessment-php .metric-container {margin-bottom:30px; position: relative;}
.page-template-page-assessment-php .metric-arrow {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 12px solid #aaa; position: absolute; top: 35px;}
.data-legend { color: #aaa; }
.data-legend:before { content: ""; border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 12px solid #aaa; display: inline-block; margin-right: 5px; }
.t2-datapoint, .t2-datapoint:before { border-bottom-color: #777 !important;}
.t3-datapoint, .t3-datapoint:before { border-bottom-color: #444 !important;}
.page-template-page-assessment-php #lifestyle-results {width: 50%; min-height: 400px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.page-template-page-assessment-php .metric-scale {height: 5px; width: 100%;background: #ff0000; background: linear-gradient(to right,  #ff0000 0%,#fff200 40%,#fff200 60%,#006e2e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#006e2e',GradientType=1 ); /* IE6-9 */}




/* Marketing Materials pages */
.udi-materials-hero {height: 300px; background-image:url(/images/udi-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.marketing-tiles {margin-top: 20px;padding-bottom: 20px; min-height: 400px;}
.marketing-tile {width: 31%; height: 168px; border: 1px solid #ddd; float: left; margin: 0 1% 20px; position: relative;}
.tile-top {overflow: hidden;position: relative; height: 100%;}
.success-stories-tile { height: 350px;}
.marketing-tile.success-stories-tile .tile-image{ height: 170px; float: none; width: 100%;}
.marketing-tile.success-stories-tile .tile-content {width: 100%; float: none; height:147px; position: relative;}
.marketing-tile.success-stories-tile h3  {height: auto; display: inline-block;font-size: 18px;}
.marketing-tile.success-stories-tile h3 a {display: inline-block;}
.marketing-tile.success-stories-tile p {padding: 10px; font-size: 14px; color: #666677;}
.marketing-tile.success-stories-tile .tile-description h3 {margin-bottom: 0px;}
.marketing-tile.success-stories-tile .tile-description p {color: #fff; padding: 0px;}
.marketing-tile.success-stories-tile p strong {color: #333;}
.success-location {position: absolute; left: 0; bottom: 0;}
.success-location p {margin-bottom: 0px;}
.tile-content { width: 58%; float: right; height: 100%; padding: 20px 10px 5px;}
.tile-content h3 {color: #4990E2; margin-bottom: 0px; font-size: 16px;}
.tile-content a:hover strong {color:#333;}
.info-container {width: 50px; height: 50px; top:-25px; right: -25px; position: absolute; font-size: 14px; background-color: #4990E2; color: #fff; cursor: pointer; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.5s ease; z-index: 1;}
.info-shower {width: 100%; position: absolute; bottom: 0; text-align: center; transform: rotate(-45deg); -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.tile-description {width: 100%; height: 100%; position: absolute; padding: 10px; opacity: 0; transition: opacity 0.5s ease; z-index:2;}
.tile-description h3 {color: #fff; font-size: 14px; margin-bottom: 5px; text-transform: uppercase;}
.marketing-tile:hover .tile-description{opacity: 1;}
.marketing-tile:hover .info-container {transform: scale(13) rotate(45deg);-webkit-transform: scale(13) rotate(45deg);-moz-transform: scale(13) rotate(45deg);}
.marketing-tile.success-stories-tile:hover .info-container {transform: scale(18) rotate(45deg);-webkit-transform: scale(18) rotate(45deg);-moz-transform: scale(18) rotate(45deg);}
.marketing-tile:hover .info-shower {opacity: 0;}
.tile-description p {color: #fff; font-size: 12px;}
.national_pr-tile h3{font-size: 14px;}
.tile-image {width: 42%; height: 135px; float: left; overflow: hidden; background-size: cover; background-position: top center;}
.tile-content a {padding: 10px;}
.tile-image a, .tile-content h3, .tile-content a {display: block; height: 100%;}
.tile-cta {position: absolute; bottom: 0; height: 30px; left: 0;  background-color: #eee; display: block; width: 100%; text-align: center; transition: background 0.3s ease; z-index: 3;}
.material-types {background-color: #ddd; position: relative; z-index: 2; width: 66%; float: right; text-align: right; transition: all 0.3s ease; border: 1px solid #ccc; border-top: none; right: -1px; opacity: 0; height: 0;}
.material-types ul {height: 100%; overflow: hidden;}
.tile-cta:hover {background-color: #ddd;}
.tile-cta:hover .material-types{ height: auto;opacity: 1; }
.tile-cta:hover .multi-file:after {color: #333;}
.multi-file:after {content: "\f078"; font-family: 'FontAwesome'; right: 5px; bottom: 5px; position: absolute; color: #4990E2;}
.tile-cta a {font-size: 12px; font-weight: lighter;padding: 5px 15px 0; display: block; height: 100%; font-weight: 400;}
.tile-cta .material-types a {padding-bottom: 5px;}
.material-tile h4 {border: none; overflow: hidden;}
.tile-cta .material-types a:hover {background-color: #4990E2; color: #ffffff;}
/* new marketing pages styles */

/* 	new marketing nav styles */
#marketing-support h3 {margin-bottom: 25px;}
#marketing-support ul {margin-left: 0px; column-count:2; column-gap:20px; }
#marketing-support li {display: block; margin: 0px; font-size: 16px; margin-bottom: 20px; }
#marketing-support li a {font-size:12px;}
.menu-marketing-nav-container,#menu-marketing-nav {height: 100%;}
.menu-marketing-nav-container li {float: left; width: 16.66%; text-align: center; position: relative; height: 100%;}
.menu-marketing-nav-container li:hover, .active-parent a {background-color: #4990E2; color: #fff;}
.menu-marketing-nav-container li:hover a {color: #fff;}
.menu-marketing-nav-container li:hover > .sub-menu {display: block;}
.menu-marketing-nav-container li:hover .sub-menu a  {color: #4990E2;}
.menu-marketing-nav-container a {display: block; position: relative; padding: 15px 3px;}
#menu-marketing-nav {margin-bottom: 0px;}
.menu-marketing-nav-container .sub-menu { top:50px; position: absolute; left: 0; margin-left: 0; display: none; background-color: #fff; width: 100%;border-right: 1px solid #4990E2;
border-bottom: 1px solid #4990E2;
border-left: 1px solid #4990E2;}
.active-parent .sub-menu a {background-color: #fff;}
.menu-marketing-nav-container .sub-menu li {float:none; width: 100%;}
.menu-marketing-nav-container .sub-menu li:hover, .active-parent .sub-menu a:hover,.menu-marketing-nav-container .active-parent .sub-menu .active-subnav a{background-color: #4990E2; color: #fff;}
.menu-marketing-nav-container .sub-menu li:hover a {color: #fff;}
.menu-marketing-nav-container .sub-menu a {display: block; height: 100%; position: relative; font-size: 12px; padding: 10px 5px; }
.nav-bar {width: 100%; position: relative; border: 1px solid #4990E2; z-index: 4;}
.marketing-hero {padding-bottom: 30px; padding-top: 20px; margin-top: 20px; border-top: 2px solid #4990E2; }
.marketing-hero .float60 p {font-family: Gotham, serif; font-style: italic; font-size: 18px;}
.undoit-hero {margin-bottom: 20px;}
.style-guide-section {position: relative; padding: 0 0 0 20px; border-left: 1px solid #dddddd; }
.blue-download {background-color:#4990E2; border-radius: 4px; color: #fff; font-size: 16px; padding: 7px 15px;}
#thumb-show-sizzle {cursor: pointer; transition: width 0.3s ease;}
.style-play-btn {position: absolute; top: 20px; left: 50%; width: 80px; margin-left: -40px;}
.style-play-btn { animation: style-play-btn 5s linear infinite;}

@keyframes style-play-btn {
 0% {
   	transform: scale(1);
 }
 50% {
   	transform: scale(0.8);
 }
 100% {
   	transform: scale(1);
 }

}

/* marketing single page */
.single-marketing_posts .interior {max-width: 800px;}
.single-marketing_posts .interior h1 {border-bottom: 1px solid #333; padding-bottom: 3px;}
.single-marketing_posts .interior h2 {margin-bottom: 15px;}
.single-marketing_posts .interior h3 {font-size: 1.5em;}
.single-marketing_posts .interior p {color: #333;}
.single-marketing_posts .interior blockquote {border: none; background-color: #f3f3f3; padding: 20px; margin-bottom: 20px;}
.single-marketing_posts .interior blockquote p {padding: 0; margin-bottom: 20px;  color: #333; font-family: 'Gotham',serif; }
.single-marketing_posts .interior blockquote p em {font-family: 'Roboto', sans-serif; font-size: .8em; font-style: normal; font-weight: bold;}
.single-marketing_posts .interior ul {margin-bottom: 30px;}
.single-marketing_posts .interior li {margin-bottom: 5px;line-height: 1.45em;font-size: 16px; font-weight: 400; list-style: disc; color: #333;}
/* end  ornish marketing styles */

/* self guided training */

.customSelect { background-color: #4990E2; color: #fff; border-radius: 5px; border:1px solid #fff;font-family:"Roboto",sans-serif; padding: 10px 20px 10px 10px;font-weight: 300;float: none !important; margin-left: 10px;position: absolute; font-size: 16px;}
.customSelect:after {font-family: 'FontAwesome'; content:"\f078"; position: absolute; right: 10px; font-size: 20px; }
.customSelectInner { min-width: 100px !important;}
.customSelect.customSelectHover {background-color: #225C93;}

.training-modal {z-index: 9;}


/* kitchen */
.page-template-page-kitchen-api-php #content {padding-top: 160px;}
.page-template-page-kitchen-single-api-php #content .page {padding-top:160px; }
.page-template-page-kitchen-single-api .site-info.float66 {padding-right: 30px;}

/* Resource Search Styles */

.manuals-hero,.manuals-search-area, .manuals-categories {padding-bottom: 20px;}
.manuals-categories {padding-bottom: 1%;}
.resource-topper {z-index: 2; position: relative; background-color: #fff;padding: 30px 30px; margin: 0 auto; border-top: 3px solid #ECED3B;max-width: 1000px; margin: 0 auto;}
.manuals-name {font-size: 1.4em;}
.materials-container {min-height: 180x;}
#maunuals-search-form {width: 100%; max-width: 800px; margin: 0 auto;}

.manuals-search-area {text-align: center; background-color: #777; padding-bottom: 0px; height: 80px; position: relative;}
.manuals-search-area h3 {display: inline-block; padding-right: 30px; vertical-align: middle; color: #fff; margin-bottom: 0px;}
.manuals-search-fields { padding: 10px; width: 100%;}
#manuals-query {width: 48%; margin-right: 1%; background-color: transparent;float:left; height: 50px;border:none; border: 1px solid #ccc; color: #999; font-size: 20px; border-radius: 0px; padding: 0 10px;}
input#manuals-query:focus {box-shadow: none;}
.or {font-family: Gotham, serif; font-style: italic; font-size: 28px; border-bottom: 1px solid #ccc; text-align: center; width: 90%;margin: 0 auto 30px;}
.or span {padding: 0 15px; background-color: #fff; top: 10px; position: relative; }
#parent-cats {position: relative;}
.parent-cat, .child-cat {font-size: 16px;}
.parent-cat.clone {margin: 0;z-index: 5; cursor: default;}
#close-parent-cat {position: fixed; z-index: 5; left: 0; top: 0; background-color: #787878; color: #fff; font-size: 14px; cursor: pointer; padding: 10px 5px; width: 80px; transition: color 0.3s ease; font-weight: 300; line-height: 10px;}
#close-parent-cat span {font-size: 40px; line-height: 1em;}
#close-parent-cat:hover {color: #ccc;}
.parent-cat{ padding: 10px 20px; cursor: pointer; color: #777; margin-bottom: 0; text-align: left; width: 24%; float: left;background-color: #f5f5f5; margin: 1% .5% 0; height: 100px; border-left: 5px solid #4990E2; }
#parent-participant-manual.parent-cat, #parent-marketing {width: 49%;}
#parent-marketing a{display: block; height: 100%;}
#parent-marketing.parent-cat {border-color: #777;}

.parent-cat.og, #parent-marketing.parent-cat {opacity: 0; transition: all 0.3s ease; transform: translateY(30px); -moz-transform: translateY(30px); -webkit-transform: translateY(30px);}
.parent-cat.og.active,  #parent-marketing.parent-cat.active {opacity: 1;transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
.parent-cat:hover {background-color: #d5d5d5;}
.parent-cat h2 {text-transform: lowercase; color: #777; margin-bottom: 0px; font-size: 20px;}
.parent-cat p {font-size: 10px; font-weight: 500; color: #777; text-transform: uppercase;}
.parent-cat.clone.open {border-left: 80px solid #4990E2; background-color: rgba(245, 245, 245, 1); overflow-y: scroll !important;}
/* .parent-cat:hover,.parent-cat.clone.open {color: #fff; background-color: rgba(36, 130, 217, 0.49);} */

.parent-cat[data-slug="fitness"],.parent-cat[data-slug="fitness"].clone.open  {border-color: #4B3A8C;}
.parent-cat[data-slug="nutrition"],.parent-cat[data-slug="nutrition"].clone.open {border-color: #83A707;}
.parent-cat[data-slug="love-and-support"],.parent-cat[data-slug="love-and-support"].clone.open{border-color: #A00A74;}
.parent-cat[data-slug="stress-management"],.parent-cat[data-slug="stress-management"].clone.open{border-color: #109EB6;}
.parent-cat[data-slug="participant-manual"],.parent-cat[data-slug="participant-manual"].clone.open{border-color: #ECED38;}

.parent-cat.active-parent,.parent-cat.active-parent:hover {opacity: 0.6;}
.clone .parent-sections {padding: 0;}
.clone .parent-title:after {content:''; width: 60px; height: 59px; right: 10px; top: 10px; background-size: 100%; position: absolute; background-repeat: no-repeat; }
#parent-stress-management.clone .parent-title:after {background-image:url(/images/stress-icon.png);}
#parent-nutrition.clone .parent-title:after {background-image:url(/images/nurtrition-icon.png);}
#parent-love-and-support.clone .parent-title:after {background-image: url(/images/love-support-icon.png);}
#parent-fitness.clone .parent-title:after {background-image: url(/images/fitness-icon.png);}
#parent-nurse.clone .parent-title:after {background-image: url(/images/nurse-icon.png);}
#parent-md.clone .parent-title:after {background-image: url(/images/md-icon.png);}
#parent-medical-guidelines.clone .parent-title:after {background-image: url(/images/medical-guidelines-icon.png);}
#parent-operations.clone .parent-title:after {background-image: url(/images/operations-icon.png);}
#parent-participant-manual.clone .parent-title:after {background-image: url(/images/workbook-icon.png);}


.parent-sections { width: 100%; padding: 20px;}
.parent-sections .float66 li, .workbook-list li {list-style: none;}
.parent-section {opacity: 0; transition: all 0.3s ease; transform: translateX(50px);-moz-transform: translateX(50px);-webkit-transform: translateX(50px);}
.parent-section.show-section {opacity: 1;transform: translateX(0);-moz-transform: translateX(0);-webkit-transform: translateX(0);}
.parent-section,.workbook-lesson {padding: 20px 0; border-bottom: 1px dotted #ccc;}
.parent-section h3 {margin-bottom: 0px; font-size: 20px; text-transform: uppercase;}
.parent-section .float66, .results-container .float66, .workbook-list {border-left: 1px solid #777;}
.parent-section .float66 ul, .workbook-list {margin-bottom: 0px;}
.loading {width: 100%; text-align: center; font-size: 30px; padding: 100px 10px 20px; position: absolute; height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.7); color: #333;}
.man-tabs {background-color: #ccc; transition: background 0.3s ease; cursor: pointer;}
.man-tabs:hover, .man-tabs.selected {background-color: #555;}
#cat-tab {border-right: 1px solid #ccc; padding: 25px 0 0;display: block; height: 100%;}
#search-tab {border-left: 1px solid #555; display: block; height: 100%; padding-top: 25px;}
#search-tab form {opacity: 0.6;}
#search-tab:hover form {opacity: 1;}
.section-results {padding: 10px;}
#search-tab.selected form {opacity: 1;}
#search-results {background-color: #fff; margin-top: 30px;}
#manuals-sub-cats {max-width: 1000px; margin: 0 auto; padding: 0 30px;}
.clone .parent-title {border-bottom: 2px solid #ececec;}
.clone .parent-title h2 {font-size: 38px;}

.section-title {padding: 10px 0; margin-bottom: 10px; background-color: #ddd;position: relative;}
.to-top {position: absolute; right: 10px;top: 15px;}
.section-title h3 {color: #777; margin-bottom: 0px; }
.section-title.text-center h3 {text-align: left; padding-left: 5px;}
.section-title img {max-height: 30px; width: auto;}
.manuals-content {padding:20px 0 100px; min-height: 200px; position: relative;}
.results-container {position: relative; background-color: #f5f5f5; margin-bottom: 30px;}
.show-results {display: block !important; padding: 10px 10px;}
.results-container .float66 {padding: 0 10px 0;}
.manuals-tile  {padding:0; margin: 0 .66% 10px; width: 32%; float: left; height: 100px;  position: relative; background-color: #fff; overflow: hidden;}
.man-tile-title {float: left; width: 60%; padding: 10px; height: 118px; overflow: hidden;}
.page-template-page-resource-search .man-tile-content {height: 100%;}
.man-tile-image, .toc-tile-image {background-size: cover; width: 33%; height: 100%; float: left; background-position: center center;background-color: rgba(36, 130, 217, 0.89); position: relative;}
.manuals-tile .tile-cta {transform: translateY(30px); -moz-transform: translateY(30px); -webkit-transform: translateY(30px); transition: all 0.15s ease-in-out; background-color: rgba(36, 130, 217, 0.67);}
.manuals-tile .tile-cta a {color: #fff;}
.manuals-tile:hover .tile-cta {transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); background-color: #4990E2;}
#spectrum-returns .man-tile-image {width: 33%; opacity:1;}
#spectrum-returns .man-tile-title {width: 67%;}
.manuals-tile h3 {font-size: 14px; margin-bottom: 0px;}
.nutrition .man-tile-image, .nutrition .toc-tile-image, .lesson-nutrition .toc-tile-image, .icon-nutrition .toc-tile-image, .icon-nutrition .man-tile-image {background-color: #83A707;}
.love-and-support .man-tile-image, .love-and-support .toc-tile-image, .lesson-love-and-support .toc-tile-image,.icon-support .toc-tile-image,.icon-support .man-tile-image{background-color: #A00A74;}
.stress-management .man-tile-image, .icon-stress .man-tile-image, .stress-management .toc-tile-image, .lesson-stress-management .toc-tile-image,.icon-stress .toc-tile-image  {background-color: #109EB6;}
.fitness .man-tile-image, .fitness .toc-tile-image, .lesson-fitness .toc-tile-image, .icon-fitness .toc-tile-image, .icon-fitness .man-tile-image  {background-color: #4B3A8C;}
.man-tile-image:after, .toc-tile-image:after {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; content: ''; background-size: 70%;}
.toc-resources .toc-tile-image:after {background-image: url(/images/toc-tile-image-bg.jpg);}
#results-nav {margin-top: 20px;}

.result-count {font-size: 22px; line-height: 1em;}
#results-nav li {float: left; margin: 0 .5% 1%; background-color: #f5f5f5;border: 1px solid #4990E2; overflow: hidden;}
#results-nav .results-num {text-align: center;font-weight: 400; font-size: 12px; text-transform: uppercase; width:60px; float: left; border-right: 1px solid #fff; line-height: 1em; background-color: #ddd; border-right: #ccc; padding: 10px 3px; color: #333;}
#results-nav .results-title {font-size: 22px; float: left; width: calc(100% - 60px); padding: 0 3px ; text-align: center; font-weight: 300;height: 55px; position: relative;}
#results-nav .results-title span{position: relative; display: block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
#results-nav .small-nav-title .results-title {font-size: 16px;}
#results-nav li a {display: block;margin-bottom: 0px;}
#results-nav .inactive a {cursor: text;}
#results-nav .inactive {border-color: #ccc;}
#results-nav .inactive .results-title, #results-nav .inactive .results-num {color: #bbb;}

.show-nav {display: block;}

.fitness .man-tile-image:after, .icon-fitness .man-tile-image:after, .fitness .toc-tile-image:after , .lesson-fitness .toc-tile-image:after, .icon-fitness .toc-tile-image:after{background-image: url(/images/fitness-tiles-bg.png); background-size: 60%;}
.nutrition .man-tile-image:after, .icon-nutrition .man-tile-image:after, .nutrition .toc-tile-image:after, .lesson-nutrition .toc-tile-image:after,.icon-nutrition .toc-tile-image:after, .icon-nutrition:after {background-image: url(/images/nutrition-tile-bg.png);}
.love-and-support .man-tile-image:after, .love-and-support .toc-tile-image:after, .lesson-love-and-support .toc-tile-image:after,.icon-support .toc-tile-image:after,.icon-support .man-tile-image:after {background-image: url(/images/love-support-tile-bg.png);}
.stress-management .man-tile-image:after,.icon-stress .man-tile-image:after, .stress-management .toc-tile-image:after, .lesson-stress-management .toc-tile-image:after, .icon-stress .toc-tile-image:after {background-image: url(/images/stress-management-tile-bg.png);}
.operations .man-tile-image:after, .operations .toc-tile-image:after {background-image: url(/images/operations-tile-bg.png);}
.medical-guidelines .man-tile-image:after, .medical-guidelines .toc-tile-image:after {background-image: url(/images/medical-guidelines-tile-bg.png);}
.participant-workbook .man-tile-image:after, .participant-workbook .toc-tile-image:after {background-image: url(/images/workbook-tile-bg.png);}
.md .man-tile-image:after, .md .toc-tile-image:after {background-image: url(/images/md-tile-bg.png);}
.rn .man-tile-image:after, .rn .toc-tile-image:after {background-image: url(/images/rn-tile-bg.png);}
.manuals-tile .tile-cta {z-index: 0;}

.sub-cat-bar {background-color: #ccc; height: 70px; padding: 10px;}
#manuals-sub-cats h3{display: inline-block; text-align: left;}
input[type="submit"]#man-search-button {height:50px; box-shadow: none;border-radius: 0px; padding: 4px 15px !important;border: none; background-color: #4990E2; position: relative; font-size: 14px;}

/* digital workbook */
.digibook {border-left: 80px solid #4990E2; padding: 20px; }
.digibook h1 { border-bottom: 2px solid #ccc; padding-bottom: 15px; text-transform: lowercase;}
.digibook h3 {text-transform: uppercase;}



/* universal search styles */
#search-modal {position: fixed; width: 100%; height: 100%;left: 80px;top: 40px; z-index: 5;background-color: #efefef;background-image: url(/images/backgrounds/lf-hero-2.jpg); background-size: cover;}
#search-modal #toc-overlay.shown {position: relative;z-index: 0;}
#search-modal h2 {color: #555;font-weight: 400;font-size: 38px;}
#close-search {position: absolute; top: 0; right: 80px; color: #555; background-color: #ccc; padding: 20px 24px 24px; font-size: 35px; font-weight: 100; cursor: pointer;}
#header-search { color: #fff; margin: 8px 20px 0 0px; font-size: 20px; cursor: pointer; width: 24px;}
#search-modal form {position: absolute; max-width: 800px; left: 50%; margin-left: -490px; top: 200px; width: 100%;}
.search-wrapper {width: 45%; margin-right: 2%; float: left;padding: 3px; background-color: #fff; height: 50px;}
input[type="text"]#search-terms {border:none; font-size: 20px; width: 100%; height: 100%; }
#search-terms:focus {box-shadow: none;}
.fields{float: left; width: 95%;}
#maunuals-search-form .fields {width: 86%;}
#cats-wrapper, #page-cats-wrapper {width: 45%; margin-right: 2%; float: left; position: relative; vertical-align: middle;}
#page-cats-wrapper {float: left;width:48%;z-index: 1; margin: 0 0;}
#search-submit, #page-search-submit {width: 5%; float: left; font-size: 30px; color: #fff; cursor: pointer;}
#search-submit .fa {padding: 10px; background: #555555; }
#search-submit .fa:hover {color: #eee;}
#search-cats, #page-search-cats {width: 100%; position: absolute; left: 0; border: 1px solid #ccc;top: 50px;}
.search-cat {cursor: pointer; width: 100%; height: 50px; font-size: 20px; background-color: #fff; border-bottom: 1px solid #333; padding: 15px 15px 15px 35px; transition: background-color 0.3s ease; position: relative;}
#page-search-cats .search-cat {text-align: left; border-bottom: 1px solid #ccc;}
.search-cat:after {position: absolute; right: 10px; top: 10px; height: 30px;background-position: center center; content: '';background-size: auto 30px; background-repeat: no-repeat;}
.search-cat[data-cat="lesson_posts"]:after,.search-cat[data-cat="manuals_tiles"]:after  {width: 33px;background-image: url(/images/leaf.png)}
.search-cat[data-cat="ol_posts"]:after {background-image: url(/images/ornish-living-icon.png); width: 60px; height: 30px; position: absolute;}
.search-cat[data-cat="ok_posts"]:after {background-image: url(/images/ornish-kitchen-icon.png); width: 77px; height: 30px; position: absolute;}
.search-cat[data-cat="vids"]:after {background-image: url(/images/clover.png); width: 30px; height: 30px; position: absolute;}
.search-cat.cat-select, .search-cat:hover {background-color: #3e94e3; color: #fff;}
.search-cat:before {font-family:'FontAwesome';content:'\f096';position: absolute; top: 15px; left: 10px; position: absolute;}
.search-cat.cat-select:before {font-family:'FontAwesome';content:"\f046"; }
.search-cat:before {content:'\f096'}
#search-modal input[type="submit"]{width: 20%; float: left;}
#cats-button, #page-cats-button {height: 50px; width: 100%; padding: 15px;font-size: 20px; background-color: #fff; color: #aaa; font-weight: 100; position: relative; cursor: pointer;}
#page-cats-button {border: 1px solid #ccc; text-align: left; text-transform: lowercase; font-size: 20px;}
#cats-button:after, #page-cats-button:after {font-family: 'FontAwesome'; content: '\f078';right: 10px; top: 15px; color: #4990E2;font-size: 20px; position: absolute;}
#page-cats-button.active:after, #cats-button.active:after {font-family: 'FontAwesome';content: '\f077';}

/* End resource search styles */


/* faq page */
.faq-toc {border: 2px solid #efefef;border-radius: 8px;}
.faq-toc:before {content: 'Table of Contents';padding: 10px 20px;background: #efefef;border-radius: 4px;position: relative;top: -30px;}
.page-template-page-faq .interior {background-color:transparent}
.faq-container {padding:20px;margin:20px;background-color:white; position: relative;}
.qa {margin: 0 0 40px 0;}
.qa li  {margin-left:40px;}
.qa li h5{ cursor:pointer;scroll-margin-top: 100px;}
#gt ul {width: 100%}
#gt li { float: left; margin-left: 20px;margin-right: 40px;margin-top:40px;}
#gt iframe { width:350px; height:250px;}
.page-template-page-faq-php h4 {margin-bottom:20px;}
.answer {display: none;margin:20px 20px 20px 0; padding:20px; border-radius: 5px; background-color: #efefef}
.page-template-page-faq-php .home-hero h1, .hero-1 h2 { font-weight: 300; text-shadow: 0 0 3px #666; color: #fff; background-position: center 80px}
.page-template-page-faq-php .home-hero h1 { font-size: 38px; color: #555; padding-top: 50px; font-weight: 300; text-shadow: none;}
.archive-link {position: absolute; right: 10px; top: 20px; padding: 15px; border: 1px solid #ccc; text-align: center;}
.archive-link h3 {position: relative; font-weight: 500;}
.archive-link h3:after {content:""; position: absolute; right: -3px; top: -8px; width: 15px; height: 21px; background-image: url(/images/empower-leaf.png); background-size: 14px; background-position: center center; background-repeat: no-repeat;}

/* manuals single page styles */
/* manuals single page styles */
.manuals_posts iframe {display: block; text-align: center; margin: 0px auto;}
.single-manuals_posts .interior {max-width: 900px; padding: 15px 30px;}
.single-manuals_posts h1 {color: #333;font-family:'Gotham', sans-serif; font-size: 40px; font-weight: 500; }
.single-manuals_posts h2 {font-weight: 700;color: #333}
.single-manuals_posts h2 em {font-family:'Gotham', sans-serif; }
.single-manuals_posts h3 {font-weight: 500; font-size: 20px;color: #333}
.single-manuals_posts .interior p {font-size: 18x; color: #333;font-family:'Gotham', sans-serif; font-weight: 500}
.single-manuals_posts .interior ul {padding-left: 40px;}
.single-manuals_posts .interior ul ul {margin-bottom: 0px; padding-left: 20px; list-style: circle;}
.single-manuals_posts .interior li {list-style: disc;font-family:'Gotham', sans-serif; font-weight: 500; font-size: 18px; line-height: 1.5em;}
.two-col-list {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;}

.title-section {position: relative;}
.title-section h1 {color: #fff; text-transform: uppercase;font-family:'Gotham', sans-serif; line-height: 1em; font-size: 26px; font-weight: 200; padding: 6px 35px 3px; margin-bottom: 0px;}
.title-icon, .title-icon-right{position: absolute; left: 10px; top: 8px; width: 25px;}
.title-icon-right {left: auto; right: 10px;}
.title-section-sub h2 {font-size: 18px; text-transform: uppercase; border: 1px solid #ccc; border-top: none; padding: 5px 50px; display: inline-block; font-weight: 500; letter-spacing: 2px;}
.drop-cap p:first-child:first-letter {font-size: 250%;float:left; padding: 8px 5px; font-weight:bold;}

.manuals-section {margin-bottom: 20px;}
.manuals-section.narrow {width: 100%; max-width: 600px; margin: 0 auto; padding: 0 20px;}
.manuals-section hr {margin-bottom: 30px; height: 1px; background: #333;}
.manuals-section h2 img {vertical-align: middle;}
.manuals-section h3 img {vertical-align: middle;}
.manuals-section h4 img {vertical-align: middle;}
.workshop-topper {position: relative;}
.workshop {border: 1px solid #777;}
.workshop-content {padding: 20px;}
.workshop-intro {width: 170px; text-align: center; padding: 5px; float: left;}
.workshop-intro h2, .workshop-intro h3 {margin-bottom: 0px; line-height: 1em; font-weight: 400; text-transform: uppercase;}
.workshop-intro h2 {font-size: 40px;}
.workshop-intro h3 {font-size: 26px; font-weight: bold; color: #000;}
.workshop-number {font-size: 76px; float: left; line-height: 1em; background-color: #888; color: #fff; font-weight: 200; text-align: center; width: 80px;}
.workshop-title {float: left; width: calc(100% - 250px); padding: 10px 10px;}
.workshop-title h3, .workshop-title h4 { margin-bottom: 0px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.2em;}
.workshop-title h3 {color: #000; margin-bottom: 5px;}
.workshop-title h4 { text-transform: uppercase; font-weight: 700;}

.love-workshop .workshop-topper {background-color: #f9f3f7;}
.love-workshop {border-color: #a12b77;}
.love-workshop .workshop-topper {border-bottom: 1px solid #a12b77;}
.love-workshop .workshop-title h4, .love-workshop .workshop-intro h2 {color:#a12b77; }
.love-workshop .workshop-number {background-color: #a12b77; }

.stress-workshop .workshop-topper {background-color: #e0f3f7;}
.stress-workshop {border-color: #1898af;}
.stress-workshop .workshop-topper {border-bottom: 1px solid #1898af;}
.stress-workshop .workshop-title h4, .stress-workshop .workshop-intro h2 {color:#1898af; }
.stress-workshop .workshop-number {background-color: #1898af; }

.nutrition-workshop .workshop-topper {background-color: #f7faf3;}
.nutrition-workshop {border-color: #76ba43;}
.nutrition-workshop .workshop-topper {border-bottom: 1px solid #76ba43;}
.nutrition-workshop .workshop-title h4, .stress-workshop .workshop-intro h2 {color:#76ba43; }
.nutrition-workshop .workshop-number {background-color:#76ba43; }

.fitness-workshop .workshop-topper {background-color: #ede8fc;}
.fitness-workshop {border-color: #47357d;}
.fitness-workshop .workshop-topper {border-bottom: 1px solid #47357d;}
.fitness-workshop .workshop-title h4, .stress-workshop .workshop-intro h2 {color:#47357d; }
.fitness-workshop .workshop-number {background-color: #47357d; }

.vertical-banner{width: 10%;}
.vertical-section-content {width: 90%; padding-right: 20px;}
.single-manuals_posts .vertical-section-content h1 {font-size: 30px; font-weight: bold; letter-spacing: 2px;}

.table-box { margin-bottom: 30px; word-wrap: break-word;}
.table-box table {background-color: #fff; margin-bottom: 5px;}
.table-title {border: 3px solid #777; border-bottom: none; }
.table-box h2 {border-bottom: 3px solid #777; font-family:'Gotham', sans-serif; font-weight: 500; border-bottom: none; margin-bottom: 0px; padding: 7px; color: #333; font-size: 22px;}
.table-box h3 {font-size: 20px; color: #333; font-family:'Gotham', sans-serif; margin-bottom: 0px;border-top: 3px solid #777; padding: 7px;}
.table-box.zebra tr:nth-child(odd), .check-list tr:nth-child(odd) {background-color: #efefef;}
.check-list td {border: 2px dotted #777; font-size: 16px; color: #333;font-family:'Gotham', sans-serif; font-weight: 500; }
.check-list:nth-child(2n) tr td:first-child, .check-list:nth-child(3n) tr td:first-child {border-left:none;}
.check-list-title {border: 2px dotted #ccc; border-bottom: none; }
.checkbox {float: left; width: 10%; text-align: center; height: 100%;}
.check-three .checkbox {width: 3.3%}
.check-three .check-title {width: 96.7%;}
.check-two .checkbox {width: 5%}
.check-two .check-title {width: 95%;}
.checklist-icon{width: 70%; height: auto; fill: #333;padding-top: 4px;}
.check-title {float: left; width: 90%;  height: 100%; font-size: 18px; font-weight: 700; padding: 5px 10px;border-left: 2px dotted #ccc;}
.check-list tr {background-color: #fff;}
.table-box td {border: 2px solid #777; padding: 10px 15px; line-height: 1.2em; font-size: 18px;font-family:'Gotham', sans-serif; font-weight: 500; color: #333;}
.table-box td strong {font-weight: 700;}
.table-box ul {padding-left: 0px;}
.table-box .dotted-table td {border: 2px dotted #777;}
.single-manuals_posts .interior .table-box td li {font-size: 16px;}
.table-box th {border: 2px solid #777; border-bottom: none; font-size: 18px; text-transform: uppercase; font-weight: 700; text-align: left; padding: 10px 15px;}
.table-box tr:last-child td:first-child {border-bottom-left-radius: 6px;}
.table-footnote p {font-size: 14px; margin-top: 20px; font-style: italic;}
.print-button {margin-top: 0px; float: right; color: #fff; background-color: #4990E2;  font-size: 14px; padding: 5px 15px; border-radius: 4px; border: none; box-shadow: none; cursor: pointer;}
.print-button:hover {background-color: #126bbe;}
.subnav .print-button {margin-bottom: 20px;}
.bottom-print {padding-top: 20px;}
.printed-logo img {max-width: 100%; max-width: 180px;}
.two-col-section .left-col {padding-right: 2%;}
.two-col-section .right-col {padding-left: 2%;}
.two-col {width: 50%; float: left;}
.three-col {width: 33.33%; float: left;}
.two-col-list {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 30px; -webkit-column-gap: 30px; -moz-column-gap: 30px;}
.three-col-list{column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap:30px; -webkit-column-gap: 30px; -moz-column-gap: 30px;}
.single-manuals_posts .interior .check-list li {list-style: none;}
.check-list li:before {content: '\f096'; font-family: "FontAwesome"; font-size: 24px; position: absolute; left: 0;}
.single-manuals_posts .interior .check-list ul {padding-left: 25px; position: relative}
.itp-chart {width: 700px;}

.single-manuals_posts .float20 { text-align: center;}
.single-manuals_posts .float20 img {max-width: 125px; width: 100%;}
.single-manuals_posts .float80 {padding-left: 20px;}

/* 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:#4990E2; 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:#4990E2; 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; }


/* trackers  */
.tracker-step textarea { height: 100px; min-height: 0;}
.tracker-select-max-width { max-width: 130px; }
.syncd-tracker-chart { position: relative;}
.no-graph-data { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #C1C1C1;}
.highcharts-title { position: absolute !important; top: 0px !important; left: 100px !important; font-size: 18px !important; font-weight: 500 !important; font-family: Gotham, Arial, sans-serif !important; color: #222 !important; }
.highcharts-plot-background { fill: #F9FAFF;}
.highcharts-axis-labels span { font-size: 12px !important; }
.highcharts-axis-labels .active { color: #4bba24 !important; font-weight: bold !important; }
.open-mobile-menu {display: none;}
.ep-tracker-menu a, .cp-tracker-nav a { font-size: 18px; font-weight: 600; padding: 10px; }
.cp-tracker-nav a { display: block; background: #2483da; color: white; border: 10px solid #efefef; }
.cp-tracker-nav a.selected { background: inherit; color: inherit; cursor: text; }
.ep-tracker-menu img { max-width: 25px; }
.intro-copy { padding: 50px;}
.cp-panels { margin: 30px 5%; }
.tracker-set {padding: 0 20px 20px; margin: 0 20px 30px; background: #fff; border-top:#444 40px solid;}
.tracker-set h3 {margin:0px;color: #fff;top: -32px;position: relative;font-weight: 300;letter-spacing: normal;}
.tracker-tabs { margin: 0 5% 50px; background: #fff; overflow: hidden; }
.tracker-tab-panel  {padding: 20px; min-height: 300px; }
.tracker-tab-nav a { display: block; text-align: center; padding:10px 20px; background: rgb(36, 131, 218); color: white; border:10px solid rgb(239, 239, 239); font-size: 1.5em; letter-spacing: -0.4pt; }
.tracker-tab-nav a.on { background: #fff; border-color: white; color: #333; cursor: text;}
.tracker-tab-nav a:not(.on):hover { background: rgb(68, 68, 68);}
.tracker-input { margin-bottom: 20px;}
.tracker-input select { max-width: 100%; }
.slider-tick-holder { margin-top: 15px; width: 98%; margin-left: 1.3%;}
.slider-tick { position: relative;}
.slider-tick::after { content: ""; position: absolute; background: #e5e5e5; width: 16px; height: 16px; left: 50%; transform: translateX(-50%); top: -34px; border-radius: 16px;}
.tracker-min { left: 0; }
.tracker-max { right: 0; }
.page-template-page-trackers label { display: block; font-size: 24px; font-style: italic; text-align: center; margin-bottom: 1em; }
.page-template-page-trackers input[type="checkbox"] { width: 24px; height: 24px; }
.range-holder .rangeslider--horizontal {width: 100%;}
.range-companion { min-height: 30px; font-weight: 600; color: #4B9F2E; font-size: 30px; float: left; width: 100%; text-align: center; text-transform: capitalize; margin: 0; margin-bottom: 20px; position: relative;}
.range-companion span { color: #444; font-size: 14px; display: block; line-height: 14px; min-height: 14px;}
.highcharts-tooltip { z-index: 1;}
.other-holder { white-space: normal; }
.mins-count { min-width: 40px; text-align: center; padding: 2px; border-radius: 5px; margin-bottom: 5px; color: #fff; }
.mins {display: block;border-bottom: 1px solid white; }
.series-text { display: inline-block; vertical-align: middle; padding: 10px; }
.nutrition-label { text-transform: capitalize; color: #888;}
.tracker-tip-header { font-size: 12px; position: absolute; right: 0; top: 0; padding: 2px 5px; color: #888;}
.other-item { padding: 2px;}
.other-item.fit-act { padding: 5px; margin-right: 0;}
.other-item:nth-child(4n-1), .other-item:nth-child(4n-3) {background-color: rgba(50, 209, 237, 0.2);}
.tracker-day { font-size: 14px; display: block;}
.tracker-month { text-transform: uppercase; color: rgb(32, 116, 189); }
.tracker-btn-outline { font-weight: 600; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #999; border: 1px solid; text-transform: uppercase; }
.tracker-btn-outline:hover { color: black;}
.tracker-btn-outline.checked { background: #333; color: white; }
.tracker-btn-gray { background: #999; color: white; padding: 10px;  }
.tracker-btn-gray:hover { background: #000; color: white;}
.nutrition-form .rangeslider__fill { background: rgb(179, 211, 76);}
.stress-form .rangeslider__fill { background: rgb(51, 210, 238);}
.support-form .rangeslider__fill { background: rgb(236, 65, 185); }
.l1 { color: #c12828 !important; }
.l2 { color: #eba845 !important; }
.l3 { color: #f6e652 !important; }
.l4 { color: #c8e997 !important; }
.l5 { color: #9dd155 !important; }
.l6 { color: #9dd155 !important; }
.faux-select { width: 350px; height: 45px; font-size: 18px; overflow: hidden; background: white; margin: 10px 20px 40px; border: 2px solid #2483da; border-radius: 8px; cursor: pointer; font-weight: 500;}
.faux-select:hover, .faux-select:hover .chosen-opt:before, .faux-select:hover .chosen-opt:after { border-color: black;}
.select-opt { height: 45px; padding: 12px 16px;  }
.chosen-opt:before, .chosen-opt:after { content: ""; border: 1px solid #2483da; width: 14px; position: absolute; right: 14px; top: 14px;}
.chosen-opt:before { transform: rotate(45deg); transform-origin: left top; }
.chosen-opt:after { transform: rotate(-45deg); transform-origin: right top; right: 10px; }
.all-opts { position: absolute; width: 100%; background: white; z-index: 1; opacity: 0; pointer-events: none; transition: all 0.2s ease-out; transform: translate3d(0, 0px, 0); border: 2px solid #2483da; border-radius: 8px; box-shadow: 0px 3px 6px rgba(0,0,0,0.3), 0 12px 42px rgba(0,0,0,0.4);}
.showing-opts .all-opts { transform: translate3d(0, -16px, 0);}
.showing-opts { overflow: visible; z-index: 3;}
.showing-opts .chosen-opt { display: none;}
.showing-opts .all-opts { pointer-events: all; opacity: 1; }
.all-opts .select-opt:first-child { border-top: none;}
.all-opts .select-opt { border-bottom: 1px solid #aaa; transition: all 0.2s ease;}
.all-opts .select-opt:not(.complete):hover { background-color: #444; color: white;}
.tracker-steps { left: 50%; top: 50%; transform: translateX(-50%);}
.progress-wheel { height: 160px; }
.progress-wheel-img { height: 125px; width: 125px; left: 50%; transform: translateX(-50%); border-radius: 160px; overflow: hidden; border: 1px solid; top: 26px;}
.progress-wheel-img img {object-fit: cover; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0;}
.progress-wheel-img img.show-image { opacity: 1; transition: opacity 0.3s ease;}
#wheel-stroke { transition: all 0.2s ease-out;}
.tracker-input-panel { height: 1px; width: calc(100% - 160px); padding: 0; overflow: hidden; margin: 0 80px; opacity: 0.0; transition: opacity 1s ease-out;}
.tracker-input-panel.showing { height: auto; opacity: 1.0; padding: 20px 0; overflow: visible;}
.select-opt.complete { border-color: #83A707; color: #83A707;}
.select-opt.started { border-color: black; color: black;}
.select-opt.not-started, .select-opt.disabled-opt { border-color: #aaa; color: #aaa;}
.olm-chart-tooltip { font-weight: 400; font-size: 14px; padding: 4px 8px 0; top: -5px; position: relative; color: #4BBA24 !important;}
.disabled-opt { cursor: not-allowed;}
.disabled-opt:hover { background: none !important; color: #aaa !important;}
input + span { font-size: 16px;}
.big-emoji { font-size: 4rem; line-height: 4rem; transition: all 0.3s ease-out;}
#vue-cp-trackers { min-height: 90vh;}
#vue-trackers .tab-panels { padding: 0; }
#vue-trackers .tab-panel { padding: 0; padding-top: 40px;}
#vue-trackers .tracker-set { padding: 0;}
#vue-trackers .tracker-set h3 { padding-left: 20px; }
.orienation-mode .dash-btn { top: 120px; }

/* * nutrition tracker */
.gray-bottom {position: absolute;bottom: 0;height: 80px;background: #efefef;width: 100%;color: rgb(36, 131, 218);font-size: 20px;}
.white-bottom {position: absolute;bottom: 0;height: 80px;background: #fff;width: 100%;color: rgb(36, 131, 218);font-size: 20px;}
.tracker-nutrition-container .card {flex: 0 0 235px;background-size: cover;background-repeat: no-repeat;background-position: center center;transition: border 0.2s}
.tracker-nutrition-container .card span {font-size: 16px;text-align: center;line-height: 1.25em;padding: 10px;}
.tracker-nutrition-container .list.active .card:before {content:''; position:absolute;top:0;left:0;height: 100%;width:100%; background-color: rgb(0,0,0,.6);z-index: 3;}
.tracker-nutrition-container .card.active:before {display: none;}
.tracker-nutrition-container .card.active {border: 3px solid rgb(36, 131, 218);}
.card--nut {flex: 0 1 300px!important;}
.filters-nut label {margin-right: 20px;}
.filters-nut .btn-grey-rounded {margin-right: 10px;}
.btn-grey-rounded.disabled {background-color:#efefef!important;color:#999;cursor: not-allowed;}
.btn-grey-rounded:hover.disabled {background-color:#efefef!important;}
.search-nut input {width: 80%;}
.nut-btn-container div {margin:0 5px 5px 0}
.nut-btn-container .selected.btn-grey-rounded {background-color:darkblue!important}
.today-menu-list {margin: 0px;}
.today-menu-list .card {margin-right: 0px;flex-basis:135px}
.today-menu-list span {font-size: 12px!important;}
.not-today-menu {background-color: #efefef}
.today-menu {background-color: #82a709!important;}
.today-menu h2, .today-menu h5{color: white;}
#track-meal-daily h5 {font-size:1em}
.today-menu .card {box-shadow:none}
.menu-accordion-title {cursor: pointer;}
.toggle-minus {display: none;}
.toggle-plus {display: inline; vertical-align: middle;}
.open-accordion .toggle-plus {display: none;}
.open-accordion .toggle-minus {display: inline; vertical-align: middle;}
.menu-accordion-content.flex {display: none;}
.today-menu .svg-stroke, .today-menu .svg-stroke {stroke: #fff;}
.open-accordion .menu-accordion-content.flex {display: flex;}
.recipe-item {margin-right:20px}
.recipe-item:last-child {margin-right:0px}
.tracker-nutrition-container .recipe-item { width: 135px; }
.filters-nut .float50.text-center {background: #2383da;color: #fff;font-size: 1.5em;padding: 10px;border: 10px solid white;cursor: pointer;}
.filters-nut .float50.text-center.selected {background: #efefef;color: #333;}

/* * CP Tracker styles */
.cp-tracking-pt-list-item { padding: 20px 35px; font-size: 16px; border: 1px solid #F1F1F1; font-weight: bold; border-top: none; cursor: pointer; transition: all 0.3s ease;}
.cp-tracking-pt-list-item:first-child { border-top: 1px solid #F1F1F1;}
.cp-tracking-pt-list-item:hover { background: #E8F2FF; }
.cp-tracking-pt-list-item.has-flags:hover { background: #FFF0F0; }
.pt-tracker-panel { border-left: 1px solid #D9D9D9; transform: translateY(0px); transition: all 0.3s ease-out; }
.pt-tracker-header { border-bottom: 1px solid #D9D9D9; }
.post-tracker-cell { background: #F8F8F8;}
.flagged-bg { background: #FFF0F0;}
.flags-hold .flagged { padding-left: 15px; }
.flagged { border-left: 5px solid #DF4949; border-bottom: 1px solid #f1f1f1;}
.big-emoji.angled { transform: rotateZ(45deg);}
.fade-in-panel { opacity: 0; transform: translateY(40px);}
.pt-tracker-panel.fade-in-panel { transition: none;}
.tracker-step { margin-left: 20px;}
.tracker-step.editing .tracker-edit-contain { display: block; border-left: 5px solid; padding-left: 20px; margin-left: -25px;}
.tracker-step.editing .tracker-edit-btn { display: none;}
.step-number { position: absolute; left: -30px; }
.tracker-step p { font-size: 18px; overflow: visible; margin-bottom: 0.6em;}
.response { font-size: 16px; font-weight: 500; margin-bottom: 1.4em;}
.no-flags { color: #4BBA24}
.has-flags { color: #DF4949}
.not-started { font-style: italic;}
.cp-tracking-pt-list-item.selected { background: #D8E9FF;}
.cp-tracking-pt-list-item.selected.flagged-bg { background: #FFE1E1;}
.flag-content { font-size: 16px;}
.flagged.resolved { border-left-color: #83A707;}
.flagged.under-review { border-left-color: #FFDB58; }
.not-started { font-style: italic; color: #ACACAC}

/* messaging system  */
.no-avatar {font-size: 16px;text-transform:lowercase;font-weight:bold;border-radius: 50%;background-color: #2483da;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;color: white;box-shadow: 0 0 0px 3px #777, 0 0 0px 6px #fff;}
.no-avatar--white { box-shadow: 0 0 0px 3px #fff, 0 0 0px 5px #1AB89A; }
header .messages { font-size: 26px; padding: 5px 10px; color: white; }
.side-panel-drawer { right: -500px; top: 0; width: 500px; background-color: #fff; box-shadow: 0 16px 50px 0 rgba(0,0,0,.3); overflow: hidden; }
.side-panel-drawer, .all-threads { transition: all 0.3s ease-out; }
.side-panel-drawer.showing { right: 0; }
.msg-form textarea { margin-bottom: 16px;}
.msg-close-btn { font-size: 26px; font-weight: 600; color: white; }
.msg-btn a { margin: 4px 10px; font-size: 26px; color: white; }
.all-threads { left: 0;}
.title-label { font-size: 12px; color: #999;}
.showing-messages .all-threads { left: -100%;}
.messages-panel-header { background: #777; z-index:1;}
.messages-panel-header { font-size: 24px; top: 0; height: 60px;}
.messages-panel-header--small { font-size: 18px; }
.message-author { top: 60px; border-bottom: 1px solid #ECF0F1; }
.side-panel-overflow-y { padding: 60px 0 0; overflow-y: auto; }
.message-card { padding: 10px 20px;}
.message-card:hover { background: rgba(24, 67, 128, 0.1); }
.message-card .no-avatar {margin-right: 15px; }
.message-card.unread .no-avatar:after, .has-badge:after { content: ""; position: absolute; top: -5px; right: -5px; height: 10px; width: 10px; border-radius: 50%; background: #FFCC00; }
.has-badge:after { top: 0px; right: 9px; border: 2px solid #555; height: 12px; width: 12px; pointer-events: none;}
form.chat {margin:0; cursor:default; position:absolute; left:0; right:0; bottom:0; top:110px; user-select: none; }
form.chat.submitting { opacity: 0.2;}
form.chat .messages{ display:block; overflow-x: hidden; overflow-y: scroll; position:relative; height: calc(100% - 60px); width:100%; padding:4% 6%; border-bottom:1px solid #ecf0f1; }
form.chat .submit-msg-container {height: 60px}
form.chat .chat-message{ display:block; width:98%; padding:0.5%; margin-bottom: 10px;}
form.chat .chat-message p {margin:0; font-size: 14px; }
form.chat .from-me, form.chat .from-them {max-width: 50%;word-wrap: break-word;margin-bottom: 20px;}
form.chat .from-me, .from-them{position: relative;padding: 10px 20px;color: white;border-radius: 6px;clear: both;font: 400 15px 'Open Sans', sans-serif;}
form.chat .from-me {background: #efefef;color:white;float:right;clear:both;border-bottom-right-radius: 20px 0px;}
form.chat .from-me:before {content: "";position: absolute;z-index: 1;bottom: -2px;right: -8px;height: 19px;border-right: 20px solid #efefef;border-bottom-left-radius: 16px 14px;transform: translate(0, -2px);border-bottom-left-radius: 15px 0px;transform: translate(-1px, -2px);}
form.chat .from-me:after {content: "";position: absolute;z-index: 1;bottom: -2px;right: -42px;width: 12px;height: 20px;background: white;border-bottom-left-radius: 10px;transform: translate(-30px, -2px);}
form.chat .from-them {background: #E5E5EA;color: black;float: left;clear:both;border-bottom-left-radius: 30px 0px;}
form.chat .from-them:before {content: "";position: absolute;bottom: -2px;left: -7px;height: 19px;border-left: 20px solid #E5E5EA;border-bottom-right-radius: 16px 14px;transform: translate(0, -2px);border-bottom-right-radius: 15px 0px;transform: translate(-1px, -2px);}
form.chat .from-them:after {content: "";position: absolute; bottom: -2px;left: 4px;width: 26px;height: 20px;background: white;border-bottom-right-radius: 10px;transform: translate(-30px, -2px);}
form.chat input{font: 400 14px;border:0;padding:0 15px;height:60px;outline:0;}
form.chat input[type='text']{width:calc(100% - 80px);}
form.chat input[type='submit']{ width:80px; background:#2483da; color:#fff; font-weight:700; border-radius: 0; margin-right: 0;}
form.chat input[type=submit]:hover { background: #195c9b;}
form.chat .from-me,form.chat .from-them{ font-size:12px; }
form.chat .from-me .date, form.chat .from-them .date { color: #bbb; white-space: nowrap; bottom: -20px; left:auto; right:0; font-size:12px; }
form.chat .from-them .date { left: 0;}
form.chat .from-me, form.chat .from-them {  max-width: 90%; }
.all-msgs, .comment { margin: 10px 0; }
.cp-msgs.msg-system { position: relative; height: 310px; padding: 0 20px; }
.cp-msgs .all-msgs { height: 270px; overflow-y: auto; }
.msg { margin-bottom: 30px;}
.msg-form { background: rgb(255, 255, 255); height: 50px; }
.cp-msgs .msg-form { position: absolute; width: 100%; bottom: 0px; }
.msg-form label { top: 25px; }
.msg-text { padding: 5px 15px; font-size: 0.9rem; max-width: 70%; background: #f2f2f2; display: inline-block; position: relative; }
.msg-text:before { content: ""; border-top: 10px solid #f2f2f2; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: -10px; top: 0; }
.msg-name { color: black; text-align: right; float: left; padding-right: 15px; font-weight: 700; }
.msg .date { display: block; font-size: 12px; color: #999; margin: 5px 0; }
.mine { text-align: right;}
.mine .label-span { float: right; text-align: left; padding-right: 0; padding-left: 15px;}
.mine .msg-text:before { left: auto; right: -10px;}

/***
*
* Ornish Kitchen Home Styles
*
***/
header#main-header {
    position: fixed;
    width: calc(100% - 80px);
    z-index: 3;
    box-shadow: 0 2px 2px #777;
    background-color: white;
    top: 40px;
    height: 120px;
    margin-left: 80px;
}
header#main-header img {
    height: 100px;
    transition: height 0.15s ease;
}
.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;}
.chosen-choices {margin:10px 0;width: 100%}
.chosen-choices input {width: 100%!important}
.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 {text-align:center;float:left;}
.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 #4990E2; 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: #4990E2; 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: 53px; width: 220px;z-index: 2}
.print {background-color: #4990E2; 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: #4990E2; padding: 7px 20px 0;}
#print-options label {color: #fff; display: block; width: 200px; font-size: 14px;}
#print-options label:hover {background-color: transparent;}
#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 #4990E2;}
.page-template-page-recipedia-home-php .ok-hero p { font-size: 2em;}
#bg-img { position: absolute; z-index: 1; width: 100%; height: 500px; opacity: 0.5; background-position: center top; background-repeat: no-repeat; background-size: 115%; }
#bg-img img {width: 100%;}
.page-template-page-recipedia-home-php #bg-img, .page-template-page-sample-menu #bg-img { opacity: 1.0; height: 500px;z-index: 0; background-size: cover;}
.page-template-page-kitchen-api #bg-img, .page-template-page-kitchen-api #bg-img img { opacity: 1.0 !important; }
#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: #4990E2;*/ text-decoration: underline; }
.page-template-page-recipedia-home-php #content, .single-recipe_posts #content{ background-size: 100%; width: calc(100% - 80px); padding-top: 160px; position: relative; background-color: #fff;}
.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: 0px; z-index: 2; border: none; padding: 0; width: 100%; font-weight: 400;font-size:1.4em }
.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; display: none;}
#sidebar h4.related-recipe-title, #sidebar h4.related-art-title {font-weight: 100;margin: 30px 0 10px;border-bottom: 1px solid #ECED3B;font-size: 1.4em;padding-bottom: 8px;}
.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: #4990E2;}
.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: #4990E2}
.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; }

.nutrition-medals.nut-pillar {margin-top: 40px;}
.nutrition-medals .medallion {padding: 0 5px;  width: 50%; float: left;}
.nutrition-medals .medallions {padding: 0 20%; margin-bottom: 20px; }

/* 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:1.5em;margin:0 0 .25em;}
.performance-facts__header{border-bottom:10px solid #000;margin:0 0 .5em;padding:0 0 .25em; position: relative; height: auto;background: inherit}
.performance-facts__header p {margin:0; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 12px;}
.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;}

.tracker-info {padding: 10px 10px;border-top: 3px solid #83A707;margin-top: 30px;background-color: #f4f4f4;}
.tracker-info li {font-weight: 500;}

/* message-board */
.message-board { min-height: 90vh; }
.forum-hero .hero-content { padding-bottom: 100px; }
.forum-hero { min-height: 300px; background: linear-gradient(310deg, rgb(73, 144, 226), rgb(21, 67, 147)); padding-top: 100px;}
.hero-content { padding-right: 30px; }
.hero-content p { font-size: 18px; }
.hero-form { padding: 30px; background: rgb(239, 239, 239); margin-bottom: 30px; }
.hero-form input[type="text"] { background: white; }
.forum-btns { align-self: flex-end; background: rgb(239, 239, 239); border-radius: 8px 8px 0 0; padding: 30px; position: relative; }
.forum-btns .fa-lightbulb-o { position: absolute; font-size: 132px; color: rgb(255, 255, 255); left: 50%; transform: translate(-50%, -100%); top: 0; opacity: 0.4;}
.thread-meta { display: inline-block; }
.forum-threads { padding: 30px;}
.forum-thread { padding: 20px; background: white; margin-bottom: 10px; border-left: 2px solid; }
.forum-hero.single { min-height: 150px; padding: 70px 0 30px; }
.forum-thread-content { padding-top: 50px; background: white; border-left: 2px solid; }
.forum-thread-content:not(.forum-comments) p:first-child { font-size: 150%; }
.user-orb-contain { width: 50px; }
.user-orb-contain .user-orb { background: rgb(51, 51, 51); }
.user-orb-contain .user-orb.author { background: linear-gradient(310deg, rgb(73, 144, 226), rgb(21, 67, 147)); }
.thread-content { width: calc(100% - 50px); padding-left: 20px; }


@media (min-width:1600px){/* Nut Tracker */
.today-menu-list .card {flex-basis:235px}
.tracker-nutrition-container .recipe-item { width: 235px; }
.tracker-nutrition-container .card span {font-size: 16px!important;}
}

@media (max-width:800px), (min-device-width : 768px) and (max-device-width : 1024px) {
	.page-template-page-assessment-php .col .column-content { top:0; }
	.page-template-page-assessment-php .col .column-content p { opacity:1; font-size: 14px; margin-top: 20px; position: relative; z-index: 2;  }
	.page-template-page-assessment-php h2 { font-size: 1.5em; line-height: 40px; }
	.landing-page-jumper i {font-size: 35px; margin-top: 13%;}
	.landing-page-jumper span {font-size: 21px;	}
	.dash-right .landing-page-jumper:first-child i, .dash-right .landing-page-jumper i.fa-calendar {margin-top: 7%;	}
}
@media (max-width:1280px){
	.clinical-team {display: block;}
	.clinican-tile {width: 100%; max-width: 100%; padding-right: 0; padding-bottom: 50px;}
	.clinician-tile__image {float:left; width: 75px;}
	.clinician_tile__info {float:left; width: calc(100% - 75px); padding-left: 20px;}
	.slide-clincal-team {padding: 30px 50px;}
	.clinician_tile__info h4, .clinician_tile__info h5 {font-size: 14px;}
	.clin-team-slide-header h2 {font-size: 14px;}
}
@media (max-width:1100px){
    /* .data-value { font-size: 52px;} */
	/*dash*/
	.dash-wrap .float50 {width: 100%;float:none}
	.menu-row.w-50 {width: 100%;}
    .labels {display: none;}
    .input:before {content: attr(data-label); font-size: 14px; font-weight: 600; line-height: 1.2em; margin-bottom: 10px; display: block;}
    .input {display: inline-block; width: 33.33%; margin-left: -4px; vertical-align: top;}
    .inputs-row {padding: 10px; border: 1px solid #126bbe; border-radius: 8px; margin-bottom: 20px;}
    /* .pt-info-panel {width: calc(100% - 110px);}
    .pt-info-panel.showing {left: 110px;} */
	.welcome-content.pa-50 {padding: 20px;}
	.orienation-logo {display: none;}
	.orienation-logo-mobile {display: block}
}

@media (max-width:900px){
    /* trackers */
    .tracker-set { margin: 0 0 30px; }
    .tracker-input { float: none; width: 100%; }
    .data-card { padding: 10px; }

    .archive-link {display: inline-block; position: relative; margin-bottom: 40px;}
	.archive-link a {display: block;}
}

@media (max-width:800px){

    .full-800 {float: none; width: 100%;}
	.no-flex-800 {display: block;}
    /* trackers */
    .data-label {font-size: 1.7vw; }
    /* .data-value { font-size: 42px;} */
	.o-banner-copy {font-size: 12px; line-height: 1.1em;}
	.o-banner-inner {gap: 10px;}
	.blue-btn.blue-btn--banner {font-size: 12px; padding: 5px; min-width: 145px; line-height: 1.2em;}

	/* inner nav for trackers */
	#events-menu {display: none;}
	.open-mobile-menu {display: inline-block;}
	#mobile-tracker-menu .logo {position: absolute;top: 7px;left: 0;}
	#mobile-tracker-menu {display: flex;position: absolute;top: 0;left: 0;z-index: 99;width: 100vw;height: 100vh;background: #e5e5e5;padding: 5vh 0;}
	#mobile-tracker-menu .tab-cont {height: 50vh;}
	#mobile-tracker-menu .tab-cont a  {background-color:rgb(73 144 226 / 20%);margin-right:0px;font-size: clamp(1rem, 10vw, 2rem);padding: 20px 40px;border: 2px solid;border-radius: 10px;display: flex;align-items: center;}
	#mobile-tracker-menu a.selected  {color: #fff !important;background: rgb(73 144 226)!important;}
	#mobile-tracker-menu a img, #mobile-tracker-menu a:last-child .fa {max-width: 100px;margin-right: 30px;}
	#mobile-tracker-menu .close-mobile-menu {font-size: clamp(.75rem, 7.5vw, 1.5rem);position: absolute;right: 10px;top: 40px}
	#mobile-tracker-menu .control {width: 80vw;}
	#mobile-tracker-menu.hidden {display:none}

	#mobile-tracker-menu .logo {top:2px}
	#mobile-tracker-menu .logo svg {width: 120px;}
	#mobile-tracker-menu .tab-cont a {padding: 10px 40px}
	#mobile-tracker-menu .tab-cont a img{max-width: 40px;}
/* dashboard 	 */
	.half-card {width: 100%; margin-right: 0px;}
	.featured-resources h4 {font-weight: 500;}
	.featured-resources .grad-layer {padding: 10px;}
	.featured-resources h4 {left: 10px; bottom: 10px; padding-right: 10px;}
	.welcome-wrap.relative.flex.flex-wrap {height: auto; flex-direction: column-reverse; height: auto;}
	.welcome-wrap .w50 {height: auto; width: 100%;}
	.w50.welcome-image {height: 50vw;}

/* curriculum page */
	.curriculum-tile.float33 {width: 49%;}
	.curriculum-tile.float33:nth-child(3n) {margin-right: 2%;}
	.curriculum-tile.float33:nth-child(2n) {margin-right: 0;}
	.curriculum-tile.float33 {width: 100%; margin: 1% 0;}
	#curriculum-chooser {width: 300px; position: relative; margin:  0 auto; right: auto;}
	#curriculum-container h1 {text-align: center;}

/* practices */

	.practice {width: 47%; margin: 1.5%;}
	.practices-hero {height: auto;}
	.featured-practice.float66 {height: 350px;}
	.practice-cat-intro.float33, .featured-practice.float66 { width: 100%;}
	.practice-cat-intro.float33 {height: auto;}
	.featured-title h2 {font-weight: 500;}
	#clear-reveal {top: 50px; right: 50px;}
	.reveal .controls {bottom: 10px; right: 0px;}
	.practice h4 {font-weight: 400;}
/* profile */
	#prof-user-info {width: calc(100% - 210px);}
	#prof-user-info p {font-weight: 500;}
	.profile-forms .full-800.float50 {width: 100%;}
/* 	manuals page */
	.parent-cat {width: 49%;}
	.parent-cat h2 {line-height: 1em; font-size: 22px;}
	.profile-accordion__content .w50 { width: 100%; padding-left: 0 !important; padding-right: 0 !important;}

/* 	resources search */
	.manuals-tile {width: 49%; margin: 0 0.5% 10px;	height: 130px;}
	.search-cat {font-size: 16px;}
	#search-modal form {max-width: 500px; margin-left: -250px;}
	#maunuals-search-form {max-width: 800px;}
	#maunuals-search-form .fields {width: 100%; margin-bottom: 20px;}
	input#man-search-button[type="submit"] {width: 100%;}
	.search-wrapper, #cats-wrapper{float: none; width: 95%; display: block; margin-bottom: 20px;}
	.manuals-tile .tile-cta {transform: translateY(0); -moz-transform: translateY(0);-webkit-transform: translateY(0);}
	#results-nav li.small-nav-title {width: 32% !important;}

/* lessons */
	.start-quiz {padding-top: 100px;}
	#quiz-wrap {width: 500px; right: -500px;}
	.quiz-header, .eval-header {font-size: 20px; padding: 10px 15px;}
	.quiz-panel, .eval-panel {padding: 10px 20px 40px;}
	#quiz-toggle {left: -40px; width: 40px; height: 40px; padding: 10px 0;	}
	.answers p {font-size: 16px; font-weight: 500;}
	.quiz-panel p, .eval-panel p {font-weight: 500;}

/* 	marketing resources */
	.page-template-page-marketing-materials-php .interior {padding: 30px 10px;}
	.marketing-hero {padding-bottom: 10px;}
	.style-guide-section {padding-left: 0px; border: none;}
	.marketing-wrapper {position: relative;}
	.menu-marketing-nav-container li:hover > .sub-menu {display: none;}
	.nav-bar {position: absolute;left: 0; background-color: #fff; width: 200px; top: 75px; transform: translateX(-500px); -moz-transform: translateX(-500px); -webkit-transform: translateX(-500px); opacity: 0; transition: all 0.3s ease;}
	.nav-bar.open {transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}

	#mark-cats {display: block; position: absolute; padding: 5px; color: #fff; left: 0; font-size: 13px;text-align: center; border: 1px solid #4990E2;}
	#mark-cats a {text-align: center; display: inline-block;}
	#mark-cats .fa {font-size: 30px;}

	.menu-marketing-nav-container, #menu-marketing-nav {height: auto; }
	.marketing-tiles {margin-top: 20px; padding-top: 72px;}
	.menu-marketing-nav-container li {float: none; width: 100%; text-align: left;  position: unset;}
	.menu-marketing-nav-container a {padding: 10px 10px;}
	.menu-marketing-nav-container .sub-menu { position: absolute;left: 100%; top: 0; background-color: #fff; box-shadow: 3px 1px 3px #aaa;box-shadow: 3px 1px 3px #aaa; border-top: 1px solid #4990E2; border-right: 1px solid #4990E2; border-bottom: 1px solid #4990E2;}
	.menu-marketing-nav-container a,.menu-marketing-nav-container .sub-menu a {font-size: 16px;}
	.menu-marketing-nav-container a:after {font-family: 'FontAwesome'; content:'\f054'; float: right; padding-right: 3px;}
	.menu-marketing-nav-container .sub-menu a:after {display: none;}
	.marketing-tile {width: 48%;}
	.tile-description, .info-container {display: none;}
	.active-parent a {color: #4990E2; background-color: #ddd;}
	.active-parent a:hover {color: #fff; background-color: #4990E2;}


/* 	training portal */
	.portal-link::after { display: none;}
	.portal-link {width: 45%; margin: 1% 2.5%;}
	.portal-copy .float66, .portal-copy .float33 {width: 100%; float: none;}
	.training-video.float33 {width: 49%; margin-right: 2%;}
	.training-video:nth-child(3n) {margin-right: 2%;}
	.training-video:nth-child(2n) {margin-right: 0;}
	.mod-bar {height: auto; padding: 15px 30px;}
	.mod-bar form.float25 {width: 100%; float: none !important; position: relative;}
	.mod-bar form p {text-align: center; height: 45px; margin-bottom: 0px;}
	.mod-bar h3 {float: none !important; display: block; text-align: center;}
	.mod-bar-text.float25 {width: 100%; float: none !important; text-align: center;}
	.mod-toggle-contain.float50 {width: 100%; float: none !important;}
	.customSelect {width: 100%; left: 0; margin-left: 0px;}
	.module-toggle a.mod-select::after, .sub-select::after {text-align: center; width: 100%;}
	#current-mod, .module-toggle a {text-align: center;}
	.mod-bar h3 {font-size: 16px; font-weight: bold;}
	.mod-bar p {font-family: 16px; font-weight: bold; font-family: Gotham, Helvetica, Arial, sans-serif;}
	#current-mod, .module-toggle a {font-size: 16px;}
	#roles-toggle {left: 0 !important; width: 100% !important;}

/* 	assessment */
	.page-template-page-assessment-php .col {width: 100%; height: auto;	}
	.page-template-page-assessment-php .column-content {padding:15px 15px 70px ;}
	.page-template-page-assessment-php .ctas {position: relative;}
    .input {width: 50%;}
    .input.input--large, .input.input--medium {width: 100%;}
   
/* misc */
	.modal {width: 600px; left:50%; top: 50%;padding: 30px 10px 10px; }
	.vid-contain iframe {width: 100% !important;}
	.iframe iframe {width: 100% !important;}
	#bg-modal {width: 500px; right: -500px; }
	#bg-modal .modal-content  {height: 400px;}
	.prof-bg-option {height: 90px; width: 48%; float: left; margin: 1%;}


/* 	events */
	.ev-post-title {font-size: 16px;}
	.ev-rsvp {width: 100%;}
	.reply-block.float50 {width: 100%;}
	.meta {min-height: 210px;}

    /* resources */
    .workshop-title {width: 100%; float: none; clear: both;}
    .workshop-number {position: absolute; left: 0;}
    .workshop-intro {width: 100%; padding-left: 90px; text-align: left;}

    .comms-hero .float50 {width: 100%;}
    .comms-hero h1 {text-align: center; }
    .comms-hero h1 br {display: none;}

    /* faq */
    .archive-btn {position: relative; top: auto; right: auto; margin-bottom: 20px;}

}

@media(max-width: 800px) and (orientation:landscape){
	.featured-practice.float66 {height: 250px;}

}

@media(max-width: 600px){
	.side-panel-drawer {width: 90vw;}
    .tracker-set { padding: 0 10px 20px; }
    #content {margin-left: 0px;width: 100%;}
    footer {width: 100%; margin-left: 0;}
    #search-modal {top: 40px; left: 0; overflow: auto; height: calc(100vh - 40px);	}
    #close-search {padding: 10px 20px 15px; right: 0;}
    .practice-quads {width: 100%; left: 0;}
    #netiquette-terms { height: 40vh; }
	.hide-600 {display: none;}

    /* nav	 */
    .scaled-back body {background-color: #efefef}
    .scaled-back footer {display: none}
    .scaled-back #content {position: fixed;height: 100%}
    #nav-shower {width: 100px; position: absolute; line-height: 16px; left: 40%; margin-left: -50px; text-align: center; color: #fff; cursor: pointer; display: block;}
    #side-nav {width: 30%; padding: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);  transition: transform 0.3s ease;}
    #side-nav.down {transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);  transition: transform 0.3s ease; overflow: auto;}

    #side-nav a br {display: none;}
    #side-nav ul {margin:0;}
    .nav-bottom {position: relative;}
    #side-nav ul a {font-size: 12px; padding-left: 10px;padding-right: 20px; text-align: center;}
    .nav-bottom {padding: 0px;}

    /* kitchen */
    .single-recipe_posts  #sidebar.float33, .single-recipe_posts  .site-info.float66, .single-recipe_posts #content, .page-template-page-recipedia-home-php #content, .page-template-page-kitchen-api #content, .page-template-page-kitchen-api #bg-img, .page-template-page-kitchen-single-api #bg-img {width: 100%;}
	.page-template-page-recipedia-home-php #content {padding-top: 100px;}
	.single-recipe_posts header#main-header, .single-recipe_posts header#main-header.shrink, .page-template-page-recipedia-home-php header#main-header, .page-template-page-recipedia-home-php header#main-header.shrink {height: 60px; margin-left: 0; width:100%;}
	.single-recipe_posts header#main-header img, .single-recipe_posts header#main-header.shrink img, .page-template-page-recipedia-home-php header#main-header img, .page-template-page-recipedia-home-php header#main-header.shrink img {height: 40px;margin-top: 10px;}

/* 	header */
	#logo {width: 137px; left: 10px;}
	.interior {padding: 10px;}
	.control-wrap {height: 0; position: absolute; left: 0; top: 48px; width: 100%; overflow: hidden;}
	.control-wrap.active-nav {height: auto;}
	.header-controls {margin-top: 0px;}
	#header-controls {position: relative;  width: 100%; float:none !important;top: 0; transform: translateY(-200px); -moz-transform: translateY(-200px);-webkit-transform: translateY(-200px); transition: transform 0.15s ease-in-out; height: auto; box-shadow: 0 2px 7px #777; border-left: 2px solid #fff; border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
	#header-controls.active-nav {transform: translateY(0); -moz-transform: translateY(0);-webkit-transform: translateY(0);}
	.header-controls {padding-right: 0px;}
	.header-controls li {float: none; background-color: #ECECEC; border-left: none; border-bottom: 1px solid #fff; text-align: center;}
	.header-controls li:last-child {border-bottom: none;}
	.header-controls a {border-left: none; padding: 15px 15px; font-size: 22px;}
/* dashboard */
	.featured-resources .float33 {width: 100%; margin: 0 0 10px; height: 200px;	}
	.next-up-left.float50 {width: 100%; height: 240px !important; min-height: 0;}
	.next-up-right {width: 100%;}
	.prog-description {width: 100%; float: none;}
	.prog-frac {width: 100%; float: none; text-align: left;}
	.fr {height: auto;}
	.fr .float66 {width: 100%;}

    /* login page */
    #centered-logo {height: 60px; line-height: 1em; padding-top: 5px; }
    #centered-logo img {height: 45px;}
    .home-left {display: none;}
    .home-right.float50 {width: 100%;}
    .page-template-page-get-started-php .home-right h1 {font-size: 30px; padding-top: 10px;}
    .clover img {width: 60px;}
    .clover {margin-top: -43px;}
    form#registerform, form#loginform, form#loginform1, .visLogin .message, .dob {padding-top: 10px;}

/* curriculum page */
	.curriculum-tile.float33 {width: 100%; margin: 1% 0;}
	#curriculum-chooser {width: 300px; position: relative; margin:  0 auto; right: auto;}
	#curriculum-container h1 {text-align: center; font-size: 28px;}

/* session */
	.sessions-toc {width: 300px; }
	.sessions-toc.slim {left: -230px;}
	.full-screen-reveal .sessions-toc.slim {left: -300px;}
	.session-featured-image {height: 170px;}
	#quiz-wrap {width: 360px; right: -360px;}


/* profile */
	.profile-forms .float50.form-col-left {width: 100%; margin: 0;}
	.profile-forms .float50.form-col-right {width: 100%; margin: 0;}

/* 	lessons */
	.session-tile {width: 100%;}
	.page-template-page-my-journey-php .full-text-inner .float33 {width: 100%;}
	.ol-sneak, .related-pillars {width: 100%;  float: none;}

/* practices */
	.practices-filter {position: absolute;top: 0px;width: 100vw;}
	.practice-quads {top:0px;overflow: scroll;}
    .practice-quad {width: 100%; left: 0;position: relative;}
	.practice-quad:nth-child(2) {left: 0;}
	.practice-quad:nth-child(3) {top: 0;}
	.practice-quad:nth-child(4) {left: 0;top: 0;}
	.training-modal {position:absolute; margin-left:0px}
	.attendance-panel {display: none;}
	header {width: 100vw;}
	dialog#training-modal {position: relative;width: 90vw;}
	.page-template-page-practices #content {position: relative; top:40px; padding-top: 0px;}
	.page-template-page-practices.modality-open .practice {float: none; width: 100%;margin-bottom: 40px;}
	.page-template-page-practices.modality-open .dash-wrap {min-width: auto;}


/* 	marketing */
	.marketing-hero .float60,.marketing-hero .float33.right {width: 100%; float: none !important; text-align: center;}
	#marketing-support ul {column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; text-align: center;}
	#marketing-support li.text-left {text-align: center;}

/* 	manuals page */
	.parent-cat h2 {line-height: 1em; font-size: 22px; }
	.parent-cat.clone.open {border-left: 50px solid;}
	.parent-cat.clone .float33 h3 {padding-bottom: 15px;}
	.parent-cat.clone .float33,.parent-cat.clone .float66 {width: 100%; float: none;}
	.parent-cat.clone .float66 {border-left: none; border-top: 1px solid #777; padding-top: 15px;}
	.parent-cat.clone .float66 li {margin-left: 0px;}
	.parent-section {border-bottom: none;}
	#close-parent-cat {width: 50px; font-size: 12px;}
	#close-parent-cat span {font-size: 30px;}
	#search-modal form {max-width: 400px; margin-left: -200px; top: 70px;}
	#search-modal h2 {font-size: 28px;}
	.manuals-tile {width: 100%; margin: 0 0 10px;}

/* search page	 */
	#search-modal .fields {width: 100%; }
	.search-wrapper, #cats-wrapper {width: 100%;}
	#search-cats {position: relative; top: 0px;}
	#search-submit {width: 100%; clear: left; text-align: right;}
	#maunuals-search-form {max-width: 400px;}
	#maunuals-search-form .fields {width: 100%; margin-bottom: 0px; }
	#manuals-query, #page-cats-wrapper {width: 100%; margin-bottom: 10px;}
	#manuals-query {height:35px; font-size: 16px;}
	#page-cats-button {height: 35px; padding: 10px; font-size: 16px;}
	#page-cats-button::after { top: 5px;}
	#page-search-cats {top: 0; position: relative;}
	.search-cat {height: 35px; padding-top: 10px;}
	.search-cat::before	{top: 10px;}
	input#man-search-button[type="submit"] {width: 100%;}
	.search-cat:after {display: none;}
	input#man-search-button[type="submit"] {height: 35px; font-size: 20px;}
	#results-nav li.small-nav-title {width: 49% !important;}

/* 	training portal */
	.mod-bar {height: auto; padding: 10px 5px;}


	/* misc */
	.modal {width: 480px; margin-left: -240px;}
	#gt li {width: 100%; float: none; margin: 0px !important; margin-bottom: 20px !important;}
	#gt li iframe {width: 100% !important;}
	#feedback-modal .float50 {width: 100%; padding: 0;}
	#feedback-modal textarea {min-height: 100px;}
	#modal-view-overlay {width: 500px; margin-left: -250px;}
	#bg-modal {width: 320px; right: -320px; }
	#bg-modal .modal-content  {height: 400px;}
	.prof-bg-option {height: 90px; width: 100%; float: left; margin: 1% 0;}

/* 	login form */
	.page-template-page-get-started-php .visLogin .login p {margin-right: 5px;}
	.page-template-page-get-started-php .visLogin .login #loginform1 p {display: block; text-align: left;}
	#loginform1 input[type="text"],#loginform1 input[type="password"] {width: 100%;}
	#loginform1 #login-submit {text-align: center;}
	.tml-user-pass1-wrap, .tml-user-pass2-wrap, .cp-reg { margin-left: 0%;}
	.tml-user-pass1-wrap, .tml-user-pass2-wrap, .cp-reg, input#user_email, input#pass1, input#pass2  {width: 100%;}
	.touch select {width: 100%; margin-bottom: 15px;}
	#dob-btn {width: 100px; margin: 0 auto; display: block;}
	.page-template-page-get-started-php .sign-in-info {margin-left: 0px;}
	.tml-user-pass1-wrap input[type="text"]{width: 100%;}

	/* 	kitchen single */
	.page-template-page-kitchen-single-api-php .site-info.float66,.page-template-page-kitchen-single-api-php #sidebar.float33 {width: 100%; margin-right: 0; padding-right: 0px;}
	#sidebar div.nutrition-medals {width: 100%; margin: 0 auto 30px; max-width: 400px;}

/* 	events */
	#info-set .event-field .float33.ev-start-container {width: 49%; margin-right: 2%;}
	#info-set .event-field .float33.ev-end-container { width: 49%;margin-right: 0;}
	#repeat-event-container {width: 100%; padding: 0; margin-top: 2%;}
	.float50.event-field {width: 100%;}
	.events-menu a {width: 100%; margin-right: 0;}
	.events-menu .selected {transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
	.tab-panels.inner {padding: 0 5px;}
	.ev-all-list-events {padding-left: 5px;}
	.ev-date {width: 60px; height: 60px;}
	.ev-deets {padding-left: 60px;}
	.ev-day {font-size: 2em;}
	.float33.ev-block.meta {width: 100%; }
	.meta {padding: 5px; min-height: 0; height: auto;}
	.ev-add-to-calendar, .ev-get-directions, .ev-msg-invitees, .ev-meeting-link {position: relative; bottom: auto;}
	.ev-rsvp-all .float33, .ev-activities, .ev-description {width: 100%; height: auto; min-height: 0;}
	.ev-activities p, .ev-description p {padding-left: 0px;}
	.events-list-header {font-size: 1.7em;}
	#event-invitees .float33 {width: 49%;}
	.ur-tooltip {max-width: 200px; display: block; height: auto;}
	.post_new_comment .float80, .post_new_comment .float20 {width: 100%; float: none;}
    .post_new_comment .float80 input.ev-new-comment {width: 90%}
    .post_new_comment a {margin-top:27px}

    .rsvp-submission {text-transform: uppercase;}

/* 	resources */
	.vertical-banner {display: none;}
	.mobile-banner {display:  block;}
	.vertical-section-content {width: 100%;}
	.mobile-hidden {display: none !important;}
	.single-manuals_posts .float20.mobile-hidden {display: none;}
	.two-col-list {column-count:1; -moz-column-count:1; -webkit-column-count: 1;}
	.checkbox, .check-three .checkbox, .check-two .checkbox {width: 10%; }
	.check-title, .check-three .check-title, .check-two .check-title   { width: 90%;}
	.check-list table {margin-bottom: 0px;}
	.check-list tr:last-child td {border-bottom: none;}
	.check-list:nth-child(2n) tr td:first-child, .check-list:nth-child(3n) tr td:first-child {border-left: 2px dotted;}
	.two-col-section .left-col, .two-col-section .right-col { width: 100%; display: block; padding: 0;}
	.three-col {width: 100%;}
	.two-col {width: 100%;}
	.single-manuals_posts .interior .check-list ul {margin-bottom: 0px;}
	.two-col-section h2, .two-col-section h3 {text-align: center;}
	.single-manuals_posts .float20, .single-manuals_posts .float80 {width: 100%; float: none;}


	.manuals-section .float33, .manuals-section .float66, .workbook-lesson .float33, .workbook-lesson .float66 {width: 100%; float: none;}
	.manuals-section .float33 {text-align: center;}
	.manuals-section .float33 img {max-width: 200px;}
	.digibook {border-left: 50px solid #4990E2;}
	.workbook-list {border-left: none; border-top: 2px solid #777; padding-top: 15px;}
	.workbook-list.float66 li {margin-left: 0px;}
	.digi-book h3 {border: 1px solid #ccc;}
	.digi-book h1 {border: none;}




}


@media (max-width:540px){
/* new nav responsive */
	#top .attendance-control {display: none;}
	#side-nav .attendance-control {display:block;font-weight: normal;text-align: center;margin: 0 auto;color: white;}
/* Dashboard Responsive */
	.class-schedule {min-width: 0;}
	.cs-middle {display: none;}
	.cs-left {min-width: 300px;max-width: 100%;}
	.cohorts-wrap .inner {padding: 0 5px;}
	.dash-wrap .dash-wrap {min-width: 0}
	.cohorts-wrap .dash-card {flex-direction: column;border:0px}
	.gauge-container {min-width: 0;max-width: 100%;margin: 20px 0 40px}
	.gauge-container .nutrition, .gauge-container .fitness{margin-bottom: 40px;}
	.cohorts-wrap .dash-card .cs-left, .cohorts-wrap .dash-card .cs-right {margin-top:10px;border: 1px solid #D9D9D9; border-radius: 8px;}
	.cohorts-wrap .dash-card .cs-right {min-width: 355px; width: 100%;}
	.cohorts-wrap .dash-session {padding: 20px 10px;}
	.cohorts-wrap .session-time {width: 175px;}
	.meal-tabs {display: none;}
	.meal-dropdown {display: block;}
	.my-menu {border: 1px solid #D9D9D9; border-radius: 8px;margin: 10px 5px 10px 5px !important; }
	.cohorts-wrap h6 {margin:20px 0 0 10px; font-size: 16px;}
	.meal-row {flex-direction: column;border-bottom: 1px solid #D9D9D9;}
	.meal-row div:first-child div {margin: 0 auto;}
	.meal-row div:last-child {text-align: center;margin-bottom: 30px}
	.meal-row div:last-child a {border-radius: 100px;padding: 12px 24px 11px;text-align: center;color: #fff;background: #4990E2;border: none;display: inline-block;cursor: pointer;font-weight: 400;font-size: 16px;font-weight: bold;font-family: Gotham, arial, sans-serif;}

	.empower-events {min-height: 0;}
	.training-video.float33 {width:100%;margin-right: 0;}
	.training-video:nth-child(3n) {margin-right: 0%;}
	.training-video:nth-child(2n) {margin-right: 0;}
	#results-nav li {width: 100% !important; margin: 0 0 1%;}
	.cat-265-id .float33 {width: 100%;}
	.cat-265-id .float66 {width: 100%; padding: 10px 10px;}
	#support-inquiry .float50 {width: 100%; float: none;}
	#support-inquiry input[type="text"],  #support-inquiry input[type="email"] {width: 100%;}
	.ev-deets {padding-right: 5px; margin-bottom: 5px;}
	.ev-crud {position: relative; clear: left; width: 100%; top: auto; right: auto;}
	.ev-crud div {position: relative; width: 100%;}
	.ev-view {right: auto; height: auto; width: 100%; top: auto; padding-top: 10px;}
	.owner .ev-crud div { width: 32%; right: auto; padding-bottom: 10px; box-shadow: none; display: inline-block; font-size: 13px;}
	.ev-crud div {padding-bottom: 10px;}
	.ev-event {margin: 20px 0;}
	#mobile-timeline-shower {display: block; color: #fff; background-color: #4990E2; padding: 10px 10px; font-family: 14px;text-align: center; margin-bottom: 15px; cursor: pointer; font-size: 20px; width: 300px; transition: width 0.15s ease; margin-left: -5px; position: relative; box-shadow: 1px 2px 2px #ccc;}
	#mobile-timeline-shower:after {content: '\f054'; font-family: "FontAwesome"; float: right; color: #fff; font-size: 20px;}
	#mobile-timeline-shower.open{color: #fff; background-color: #225c93;width:400px; }

	#mobile-timeline-shower.open:after {content: '\f053'; font-family: "FontAwesome"; color: #fff;}
	.ev-timeline{position: absolute; left: -100px;transition: transform 0.15s ease;z-index: 2; }
	.ev-all-list-events {width: 100%;transition: transform 0.15s ease; margin-top: 15px;}
	.ev-timeline.shift {transform: translateX(100px); -moz-transform: translateX(100px); -webkit-transform: translateX(100px); }
	.ev-all-list-events.shift {transform: translateX(100px); -moz-transform: translateX(100px); -webkit-transform: translateX(100px);}

/* 	kitchen */
	.ingr {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }

	#modal-view-overlay {width: 400px; margin-left: -200px; padding: 10px;}
	#netiquette-terms {padding: 5px;}
	#netiquette-terms .inner {padding: 0;}
	.page-template-page-resource-search-php #netiquette-terms h1, #netiquette-terms h1 {color: #000; font-size: 30px;}
	.page-template-page-resource-search-php #netiquette-terms .interior {padding: 5px;}

	/* Nut Tracker */
	.today-menu-list .card {flex-basis:235px}
	.tracker-nutrition-container .recipe-item { width: 235px; }
	.tracker-nutrition-container .card span {font-size: 16px!important;}

}



@media (max-width:480px) {
	.gauge-row {flex-direction: column;}

    #logo { width: 90px;}
    .dash-left.float33 .landing-page-jumper {width: 100%; float: none; text-align: center;}
    .dash-left.float33 .landing-page-jumper:nth-child(2n) {margin-left: 0%;}
    .float50.landing-page-jumper {width: 100%; float: none; text-align: center}
    .video-jumper:nth-child(2n), .jump-left {margin-left: 0%;}

    .nav-bar {width: 50%;}
    .marketing-tile {width: 100%; float: none; max-width: 360px; margin: 0 auto 15px;}
    .menu-marketing-nav-container a, .menu-marketing-nav-container .sub-menu a {font-size: 14px; padding: 10px 5px;}

    .modal {width: 400px; margin-left: -200px;}
    /* events */
    .ev-section h4 {font-size: 1.3em;}

}
@media (max-width:414px) {
/*dashboard*/
#dash-classes .float33, #dash-classes .float66 {width: 100%;float: none;}
#dash-classes .card-content .flex.border-bottom {flex-direction: column;}
/* trackers */
#mobile-tracker-menu .logo {top:2px}
#mobile-tracker-menu .logo svg {width: 120px;}
#mobile-tracker-menu .tab-cont a {padding: 10px 40px}
#mobile-tracker-menu .tab-cont a img{max-width: 40px;}
	/* 	home */
	.page-template-page-faq-php .home-hero h1{font-size: 50px;}

/* 	manuals page */
	.parent-cat {width:100%; float: none;}
	.clone .parent-title::after {display: none;}
	.clone .parent-title h2 {font-size: 28px;}
	#search-modal form {max-width: 300px; margin-left: -150px;}

/* 	training portal */
	.portal-link {width: 100%; margin: 1% 0%; height: 50px;}
	.training-cta {font-size: 13px;}
	.exp-training h3 {font-size: 16px;}
	#current-mod, .module-toggle a {font-size: 12px; text-align: left; padding: 10px 10px;}
	#current-mod {padding: 0px;}
	.module-toggle a.mod-select::after, .sub-select::after {text-align: left;}
	.customSelect {font-size: 12px; text-align: left;}

/* 	events */
	.float50.event-field .float50 {width: 100%;}
	#event-type .float50 {width: 100%;}
	#event-type .float50.padding-pct-r-1 {padding-right: 0px;}
	#event-invitees .float33 {width: 100%;}

/* misc	 */
	.modal {width: 320px; margin-left: -160px;}
	#modal-view-overlay {width: 300px; margin-left: -150px;}

/* events */
	.ev-date {width: 40px; height: 40px; padding-top: 5px;}
	.ev-day {font-size: 1.5em;}
	.ev-deets {padding-left: 45px;}
	.events-menu a {font-size: 25px; text-align: left;}
	.page-template-page-all-events .float33 {float:none;width:auto;margin:auto;}
	.page-template-page-all-events a.right {margin-right: 58%;}
	.page-template-page-all-events .div_main_date a:before {display: none}
	.page-template-page-all-events #legend li {display: block;margin:0px;}
	.page-template-page-all-events .bordr {border-right: 0px}
	.page-template-page-all-events .evcal_col33 {border-bottom: 1px solid #cdcdcd;width:100%;float:none;}
	.page-template-page-all-events p.deets {padding: 0px !important}
	.page-template-page-all-events .evo_metarow_activities .selectedActs {padding: 0px;}
	.page-template-page-all-events .evo_metarow_activities .selectedActs h3, .evo_metarow_activities .selectedActs h3:first-child {font-size: 17px !important;}
	.page-template-page-all-events .evo_metarow_time_location .blue-btn-outline {width:86%;}
	.page-template-page-all-events .modal {width: 360px;left: 3%;margin-left: 0px; }
	#mobile-timeline-shower{width: 200px;}
	#mobile-timeline-shower.open { width: 300px;}
}

@media (max-height:700px) {
    #side-nav svg, #side-nav br { width: auto; height: 3vh; }
    #side-nav { min-height: 0; }
    .nav-bottom { position: static; height: auto;}
}
@media (max-height:500px) {
    #side-nav svg, #side-nav br, #side-nav .fa { display: none; }
}