/*
Theme Name: Travers Todd
Theme URI: https://traverstodd.com/
Author: The Travers + Todd team. Who else?
Author URI: https://traverstodd.com/
Description: This theme is like no other. Unless you're talking about a parallel universe. Then all bets are off.
Version: 1.0
*/

@charset "utf-8";

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

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

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

/* Fonts */
@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proxima_nova_light_italic-webfont.woff2') format('woff2'),
         url('/fonts/proxima_nova_light_italic-webfont.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proxima_nova_light-webfont.woff2') format('woff2'),
         url('/fonts/proxima_nova_light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proxima_nova_regular_italic-webfont.woff2') format('woff2'),
         url('/fonts/proxima_nova_regular_italic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
         url('/fonts/proxima_nova_regular-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proxima_nova_semibold_italic-webfont.woff2') format('woff2'),
         url('/fonts/proxima_nova_semibold_italic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),
         url('/fonts/proxima_nova_semibold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


html{-webkit-font-smoothing:antialiased;}
body{line-height:1;-webkit-text-size-adjust:none;font-family: 'proxima_nova',serif; background: #F7F9FA; }
img {max-width: 100%; height: auto; display: inline-block; vertical-align: middle;}
p {font-size: 18px; line-height: 1.5em; margin-bottom: 20px;}
a { outline:none; text-decoration:none; color:#18417F;}
a:hover {text-decoration: underline}
h1 {font-size: 40px; font-weight: 700; color:#345779; text-align:center;padding-bottom:40px}
h2 {font-size: 32px; font-weight: 700; color:#345779}
h3 {font-size: 24px; font-weight: 700; color:#345779}
h4 {font-size: 18px; font-weight: 700;}
small { font-size: 80%;}
pre {font-family:"Courier New", Courier, monospace; letter-spacing: -0.5pt;}
textarea:focus, input:focus{outline: none;}
label { display: block; transition: all .2s; color:#999}
input, textarea, select { border: 1px solid #ECECEC; border-left: 4px solid #FF9933; border-radius: 4px; padding: 6px 10px; font-size: 16px;}
input[type="email"], input[type="password"], input[type="text"], input[type="tel"] {border:0px;border-radius:0;border-bottom: 2px solid #999; padding: 6px; }
input[type="submit"] { border: none; border-radius: 4px; cursor: pointer; background-color: #FF9933; color:#fff; font-weight: bold; text-transform:uppercase; padding: 8px 20px}
input:disabled { background: #eee; color: #999; cursor: not-allowed; }
select {font-size: 24px;color: #999;width: 100%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* animations + timings  */
a, svg g, svg circle, svg line, svg polyline, .transition-015 { -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-03 { -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;}
.assessment__question {transition: all 1s cubic-bezier(.23,1,.32,1); transition-property: opacity, transform;}
#progress-bar {transition: all 0.7s cubic-bezier(.17,.84,.44,1); transition-property: width;}
.followup-q, .past-pregnancies, .slide-down-up, .other-answer { transition: all 0.5s cubic-bezier(.5,.03,.44,1); transition-property: height, opacity;}

/*
 * Vue Transition
 */
/* Page & Layout Transitions */
.tt-enter-active,
.tt-leave-active {
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(.77,0,.18,1);;
	transition-duration: 500ms;
}
.tt-enter, .tt-leave-to { opacity: 0; }
.tt-leave-to { transform: translateX(-50px); }
.tt-enter { transform: translateX(50px); }

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

/* Panel / Sidebar slide into view */
.slide-enter, .slide-leave-to {transform: translateX(300px);opacity: 0;}
.slide-enter-active, .slide-leave-active {transition:all 0.2s ease-out;}

/* reusable classes */
.inner { max-width: 1000px; margin: 0 auto; }
.inner.inner--top-btm-pad-50 {padding-top: 50px; padding-bottom: 50px;}
.hidden, .none, .hide { display: none; }
.invisible {visibility: hidden; }

/* micro clearfix below. contains floats like .clearfix. */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

/* need to clear floats instead of contain them? use this below. */
.clear, .clear-both { clear: both; }

/* need to float things? we got you covered. */
.left, .floatleft { float: left !important; }
.right, .floatright { float: right !important; }

/* these are for images, below. gives a nice margin. sweet. */
.alignright { float: right; margin: 0 0 15px 15px;}
.alignleft { float: left; margin: 0 15px 15px 0;}
.floatnone { float: none; }

.vertical-middle {top:50%; transform: translateY(-50%); position: relative; display:block;}
.inline50 {display: inline-block; vertical-align: middle; width:50%; margin-left: -4px;}
/* need some text aligned */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.pad-right {padding-right: 3%;}
.pad-left {padding-left: 3%}

/* need to add z-index?  Us these class? */
.z0 {z-index: 0;}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.z4 {z-index: 4;}
/* For a little extra reassurance */
.z99{z-index: 99;}

/* magic. many combinations exists with simplicity. */
.float20 { float: left; width: 20%;}
.float25 { float: left; width: 25%;}
.float33 { float: left; width: 33%;}
.float50 { float: left; width: 50%;}
.float66 { float: left; width: 66%;}
.float75 { float: left; width: 75%;}
.float80 { float: left; width: 80%;}

/* structure */
.relative { position: relative;}
.absolute { position: absolute;}
.fixed { position: fixed;}
.flex { display: flex; }
.flex-vert-center { align-items: center; }
.flex-horz-center { justify-content: center }
.flex-column {flex-direction: column;}
.flex-distribute-items { justify-content: space-between; }
.flex-wrap {flex-wrap:wrap}
.content {overflow-x: hidden; }
.content.content--track {height: 100%;padding: 0;}
.content.content--learning-self-care { padding-top: 50px; padding-bottom: 50px;}
.layout { overflow-x: hidden; }
.inline-label { display: inline-block; vertical-align: middle; margin-right: 5px;  }
.no-overflow {overflow:hidden;}

/*
 * Margin + Padding
 */
/* margins */
.mx-auto {margin:0 auto}
.ma-auto {margin:auto} /* magic for flex contianers! */
.mt-5 { margin-top: 5px; }
.mt-15 { margin-top: 15px; }
.ma-20 { margin:20px;}
.my-25 { margin-top:25px; margin-bottom:25px;}
.mt-25 { margin-top: 25px; }
.mb-10 { margin-bottom: 10px; }
.mb-25 { margin-bottom: 25px; }
.my-50 { margin-top:50px; margin-bottom:50px;}
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
/* paddings */
.pa-5 {padding: 5px;}
.pa-10 {padding: 10px;}
.pa-20 {padding: 20px;}
.pa-30 {padding: 30px;}
.pa-40 {padding: 40px;}
.pa-50 { padding: 50px; }
.px-30 {padding-left: 30px; padding-right: 30px;}
.px-40 {padding-left: 40px; padding-right: 40px;}
.px-50 {padding-top: 50px; padding-bottom: 50px;}
.py-40 { padding-top: 40px;padding-bottom: 40px; }
.py-80 { padding-top: 80px;padding-bottom: 80px; }
.py-100 {padding-top: 100px; padding-bottom: 100px;}
.pt-30 {padding-top: 30px; }
.pt-50 {padding-top: 50px; }
.pt-80 {padding-top: 80px; }
.pb-40 {padding-bottom:40px; }
.pr-20 {padding-right: 20px; }
.pl-20 {padding-left: 20px; }

/* Columns */
.columns-2 {column-count:2;column-gap:40px}
.columns-3 {column-count:3;column-gap:20px}

/* Border Radius */
.br-top-3 {border-radius: 3px 3px 0 0}

.w-100 {width: 100%;}


/* reusable components */
.card {background-color: #fff; box-shadow: 0 2px 16px rgba(0,0,0,0.15); border-radius: 3px; transition: all 0.3s ease;}
.sidebar-card {background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-radius: 3px; margin-bottom: 18px; transition: all 0.3s ease; cursor: pointer;}
.sidebar-card:hover { box-shadow: 0 20px 4px -10px rgba(0,0,0,0.15); transform: translateY(-3px);}
.shadow {box-shadow: 0 2px 16px rgba(0,0,0,0.15);transition:box-shadow 0.15s ease-out;}
.track-tile .shadow:hover {box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
.title-card {width:100%;padding:20px;color: white;font-size:24px;font-weight: 800}
.title-card--blue {background-color:#345779}

.card-title {padding-left:20px;height: 60px;line-height: 60px;background-color: #2C9ACC;border-radius: 3px 3px 0 0;color: white;font-weight: bold;}
.card-title--darkblue {background-color:#345779}
.card-title--teal {background-color:#33CECA;}
.card-title--green {background-color:#1AB89A;}
.card-title h3 {color: white}

/* decorators */
.cursor-pointer {cursor: pointer;}
.white-text { color: white; }
.light-gray { color: #aaa; }
.orange-text { color: #f93; }
.bg-cover {background-size:cover; background-position: center center;}
.bg-cover--top {background-position: center top;}
.bg-cover--btm {background-position: center bottom;}
.bg-green {background-color: #21b99b;}
.bg-lt-green {background-color: #e1f1ec;}
.bg-grey {background-color: #D8D8D8;}
.bg-lt-grey {background-color: #F7F9FA;}
.bg-white {background-color: #fff;}
.double-space {letter-spacing: 2px;}
.error { border-left: 3px solid red; background: #fcd6cf; color:red;}
.error-field {font-size:12px;color: red;}
.success { border-left: 3px solid rgb(64, 138, 223); background: rgba(64, 138, 223, 0.2); padding: 10px; }
.intro {font-size:24px}
.caution {background-color: yellow; padding: 5px;}

.login-sharecare-logo {font-size: 40px; color:#fff; padding-top: 20px;}
.login-bg {position: absolute; height: 100%; width: 100%; left:0; top: 0;}
.sharecare-gradient { background-color: #21b99b;}
.login-card {width:500px; top:50%; left: 50%;transform: translateY(-50%) translateX(-50%); position: fixed; background-color: #fff; padding: 30px;}
#loginform label {display: block; font-weight: 800; color: #555;}
#loginform .input {display: block; width: 100%; border:none; border-bottom: 1px solid #aaa; padding: 5px 0px; font-size: 18px; color: #aaa;}
.login-error {background-color: #f1b1b1; padding: 15px;}
.btn:not(.hidden), input[type=submit]:not(.hidden) { padding: 12px 40px 10px; text-transform: uppercase; font-size: 15px; line-height: 1em; display: inline-block; color: white; cursor: pointer; box-shadow: 0 0 1px rgba(0, 0, 0, 0);border-radius:4px; transition: all 0.3s ease; transform: perspective(1px) translateZ(0);transition-property: transform;}
.btn:hover, input[type=submit]:hover {box-shadow: 0 0 4px rgba(0,0,0,0.25);transform: scale(1.025);}
.btn.btn--orange { background-color: #FF9933; }
.btn.btn--orange:hover {background-color: hsla(30, 100%, 64%, 1);}
.btn.btn--grey {background-color: #999999;}
.btn.btn--grey:hover {background-color: #888888;}
.btn.btn--red {background-color: rgb(209, 80, 80);}
.btn.btn--red:hover {background-color: rgb(236, 91, 91);}

header {position: relative; z-index:1;}

/* layouts */
.layout-default { background:linear-gradient(236deg, #1ABA9C 2%, #18417F 94%);}
.loading {height: 100%; width: 100%; position: relative;}

/* login */
.tt_login {width: 40vw;margin: 100px auto 0;background: white;padding: 40px;box-shadow: 0 2px 16px rgba(0,0,0,0.15);}
.login-submit {text-align:right;margin-bottom:0}
.tt_login h3 {text-align:center;margin-bottom:50px}

/* auth routes */
.login-view .error {position:absolute;top:-110px;}
.login-view .error span {font-weight:bold}
.login-view .error.slide-down {top:0px;width:100vw}
.auth-field input {width:100%}
.login .auth-field input[type="email"], .login .auth-field input[type="password"], .login .auth-field input[type="text"], .login .auth-field input[type="tel"] {width:100%;padding-left:40px}
.auth-field label{right: auto;position: absolute; max-width: 90%;top: 4px;transform-origin: top left;white-space: nowrap;pointer-events: none;font-style: normal;font-weight: 500;color: #999;font-style: italic;font-size: 24px;}
.login .auth-field label{left: 40px;}
.auth-field.label-active label {max-width: 133%;transform: translateY(-24px) scale(0.65);font-style: normal;color:#18417F}
.auth-field.label-active svg {stroke:#18417F}
.auth-field.label-active input[type="email"], .auth-field.label-active input[type="password"], .auth-field.label-active input[type="text"], .auth-field.label-active input[type="tel"] {border-bottom: 2px solid #18417F;color: #18417F;}
.login a { text-decoration: underline;font-weight: bold;}
.login .lost-pw {left: 10%;bottom: 86px;}
.login input[type="submit"] {right:10%}
.login {height: 100vh}
.content--profile .login {height: auto}
.login h4 {color:#005778}
.login {height:100vh;width:auto}
.login .login-contents {width:500px;background:#fff; border-radius:3px}
.home .login-contents {border-radius: 0 3px 3px 0}
.login .login-contents img {max-width:300px}
.login .login-image {box-shadow: 0 16px 50px 0 rgba(0,0,0,0.30);}
.auth-field svg {stroke:#999}
/* Validation Error color change */
.auth-field.validation-error svg {stroke:red}
.auth-field.validation-error input {border-bottom-color:red}
.auth-field.validation-error label {color: red}
.pass-field-visibility { right: 0px; top: 0; cursor: pointer; }
/* password strength meter taken from https://css-tricks.com/password-strength-meter/ */
meter { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 5px; /* Applicable only to Firefox */ background: none; background-color: rgba(0, 0, 0, 0.1);display: block;}
meter::-webkit-meter-bar { background: none; background-color: rgba(0, 0, 0, 0.1);}
/* Chromium based browsers */
meter[value="1"] { background: red; }
meter[value="2"] { background: orange; }
meter[value="3"] { background: yellow; }
meter[value="4"] { background: green; }
/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: orange; }
meter[value="3"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }
/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: orange; }
meter[value="3"]::-moz-meter-bar { background: yellow; }
meter[value="4"]::-moz-meter-bar { background: green; }
.pass-strength-text { bottom: -20px; display: block;}

/* Dashboard */
.content--dash #article .image {background-size: cover;height: 150px;}

/* Goals */
.content--goals  .auth-field input[type="text"] {padding-left:0px}
.content--goals  .auth-field label {left:0px}

/* Invites */
.content--invites  .card-content div:first-child .auth-field {margin-top:0px}
.content--invites  .vdp-datepicker__calendar {position: fixed;}
.card-item {display: inline-block;width: 100%;}
.checkbox-container label {display: inline-block;vertical-align: bottom;}
.checkbox-item {margin:10px 0;width:100%;display:inline-block}

/* Articles */
.content--articles small span {color:#999}
.content--articles .card-title {padding-left: 0px; height: 120px;line-height: 120px;}
.content--articles .card-content p {font-size:18;line-height:28px}
.green-container {background-color:#E0F0E7; padding:40px}
.blue-container {background-color:#E0EAF0; padding:40px}
.blue-container p:last-child, .green-container p:last-child {margin-bottom:0}
.no-bullets-list li {list-style: none !important;}

/* FAQ */
.faq-group__question p {font-size: 24px;color:#999}
.faq-group__answr p {font-size: 18px;}
.faq-group h3:first-child {margin-top:0px}

/*
 * header and navigation
 */
.top-nav, .second-nav { height: 60px; background-image: linear-gradient(225deg,#04648e,#00aeef); box-shadow: 0 2px 16px rgba(0,0,0,0.15);}
.second-nav { padding: 8px 30px;background: white; }
.logo img { height: 77px; width: 150px; margin-top:6px;}

/* Site Navigation */
.nav-link { padding: 0 15px;}
.second-nav .nav-link {padding:0;height: 52px;font-weight: 800}
.second-nav a span {color:#999}
.second-nav a:hover span {color:#18417F}
.second-nav .nav-link svg g{stroke:#999}
.second-nav .nav-link:hover svg g,
	.second-nav .nav-link:hover svg circle,
	.second-nav .nav-link:hover svg polyline {stroke:#18417F}
.second-nav .nuxt-link-active .nav-link  {border-bottom:5px solid #FF9933}
.second-nav .nuxt-link-active .nav-link span {color:#FF9933; font-weight: 800}
.second-nav .nuxt-link-active {color: #FF9933}
.second-nav .nuxt-link-active .nav-link svg,
	.second-nav .nuxt-link-active .nav-link svg g,
	.second-nav .nuxt-link-active .nav-link svg circle,
	.second-nav .nuxt-link-active .nav-link svg polyline {stroke:#FF9933}

/* top nav */
.nav-link--profile {padding-top: 13px;}
.nav-link--profile span {font-weight: bold;padding: 0 0 0 5px;margin-left:10px}
.nav-comm svg circle {fill:none;}
.nav-comm.active svg circle {fill:white;}
.nav-link.has-badge svg circle.badge {fill: #FFCC00;}
.nav-comm svg path,
	.nav-comm svg polyline,
	.nav-comm.active svg path,
	.nav-comm.active svg polyline {stroke:#fff}
.nav-comm:hover svg path,
	.nav-comm:hover svg polyline,
	.nav-comm.active svg path,
	.nav-comm.active svg polyline {stroke:#FF9933}
.nav-comm:hover .on-state {fill:white}
.avatar-img { height: 34px; width: 34px; border-radius: 50%; border: 2px solid white;}
.second-nav .nav-link span { color: #999999; display: inline-block; vertical-align: middle; padding: 0 10px; }

/* Profile Menu + Actions */
.profile-menu {min-width: 180px;padding: 0 10px 20px 10px;border-radius: 0 0 3px 3px;position: relative;top: 3px;background-color:transparent;transition:background-color 0.3s ease-out;}
.profile-menu:hover {background-color: rgba(255,255,255,1);box-shadow: 0 10px 14px -1px rgba(0,0,0,0.10);top:51px}
.profile-menu:hover .profile-actions{display: block}
.profile-menu:hover a {color:#999}
.profile-menu:hover .white-text {color:#19B89B}
.profile-menu:hover svg g {stroke:#999}
.profile-actions .nav-link {margin:25px 0 0 8px}
.profile-actions .nav-link svg {margin-right:10px}
.profile-actions .nav-link:hover span {color:#18417F}
.profile-actions .nav-link:hover svg path, .profile-actions .nav-link:hover svg circle {stroke:#18417F}
.profile-actions .nuxt-link-active span {color:#FF9933}
.profile-actions .nuxt-link-active svg g {stroke:#FF9933}

/*
 * Panels - the kind that slide out from the side
 */
.overlay {position: absolute;width: 100%;height: calc(100vh - 120px);background: rgba(0,0,0,.7);opacity:0;display: none}
.overlay.active {opacity:1;display: block}
.panel {position:absolute;right:0;top:120px;width:300px;background-color:white;box-shadow: 0 16px 50px 0 rgba(0,0,0,0.30);}
.panel ul {height:calc(100vh - 184px);overflow-y: scroll;}
.panel li {position:relative;color:#333;padding: 20px 15px 20px 20px;border-bottom:1px solid #E5E5E5}
/* .panel li .notice:after {position:absolute;top:45%;right:10px;width:4px;height:13px;content:url('/img/right-carat.svg')} */
.notice {font-size:24px;font-weight: 200;line-height: 1.25;}
.panel small {color:#999;margin-bottom: 5px;display: block;}
.panel .card-title {width:100%;font-size:24px;border-radius:0}
/* Notification Panel */
#new-notification {border-bottom:1px solid #E5E5E5;height:0;overflow:hidden;transition:all 0.2s ease-out}
#new-notification.active {height:267px;}
#new-notification label {left:0}
#new-notification input[type="text"] {padding-left:0}
.notificationToggle {height: 60px}
.notificationToggle svg {margin-top:18px;margin-right:10px}
.notificationToggle svg.active {transform: rotate(90deg);}
.notification-delete, .delete-cancel {position: absolute;right: 10px;top: 10px;}
.notification-delete svg {stroke: rgb(235, 168, 167);;}
.notification-delete:hover svg {stroke: rgb(209, 80, 80);}
.delete-this .delete-confirm {position: absolute;border-radius: 3px;height: 90%;background: rgba(0, 0, 0, .8);padding: 20px;z-index: 3;width: 95%;top: 0;left: 0;margin: 2.5%;display: flex;align-items: center;flex-flow: column;}
.delete-confirm p {color: #fff;margin-bottom:0}
.delete-cancel svg circle, .delete-cancel svg line {stroke:#999}
.delete-cancel:hover svg circle, .delete-cancel:hover svg line {stroke:#333}

/* HHA */
#hha-assess { min-height: calc(100vh - 120px); padding: 50px 20px; }
.assessment__question { position: fixed; left: -200vw; max-width: 100vw; transform: translate3d(50px, 0, 0); opacity: 0.0; }
.followup-q, .past-pregnancies, .slide-down-up, .other-answer { height: 0; overflow: hidden; margin: 0 !important; }
.slid-down { margin-bottom: 20px !important; overflow: visible; }
.lab-results-label input { width: 100px; }
.assessment__question.current-question { position: static; transform: translate3d(0px, 0, 0); opacity: 1.0; }
.assessment__answer--textfield label{display:block; margin-bottom: 5px;}
.assessment__answer--radio label{margin-bottom: 10px;}
.assessment__question {margin: 50px 0; padding: 20px; }
.assessment__answer {margin-bottom: 20px; }
.assessment__answer--nested, .other-answer, .followup-q {padding-left: 20px;}
.progress-contain { z-index: 3; margin:20px; }
#progress { height: 30px; border-radius:15px; background: #fff; border: 1px solid #ECECEC; color: rgb(77,77,77); 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: #FF9933; margin-left: 2px;border-radius: 13px;}
.progress-steps { right: 20px; line-height: 220%; }
.progress-steps--completed {color: #fff; text-transform: uppercase; font-weight: 700; }
.assessment__question > p { font-size: 25px;}
.back-btn { margin-right: 20px; background: #CB6532; }
.next-btn { background: #FF9933; }

/* Your Diabetes Center */
.pre-title {font-size:14px;color: #999999;font-weight: 800; text-transform: uppercase;margin-bottom:15px}

/* tt-login */
.page-template-tt-login #pass1 { width: 100%; }
.page-template-tt-login .wp-hide-pw { right: 0; }
.pass-checks { padding: 16px 24px; }
.pass-checks li { line-height: 1.5em; position: relative; }
.pass-checks li:before { content: url(/img/ios-circle-outline.svg); position: absolute; left: -24px;}
.pass-checks li.check { color: #008000;}
.pass-checks li.check:before { content: url(/img/checkmark-circled.svg);}

/* Profile */
.content--profile .card {width:45%;margin:2%}
.content--profile textarea {width: 100%;}
.content--profile .mt-50.card-item:first-child {margin-top:0px;}
.cert-item {background-color: #fff; border-radius: 3px; transition: all 0.3s ease;}
.cert-item:hover svg {stroke:#FF9933}
.cert-item p {margin-bottom: 0px; display: inline-block;}
.cert-item p:first-child {width: 80%;}
.profile-actions .nav-link:hover svg path, .profile-actions .nav-link:hover svg circle {stroke:#18417F}
.no-avatar {font-size: 16px;text-transform:lowercase;font-weight:bold;border-radius: 50%;background-color: #18417F;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;color: white;box-shadow: 0 0 0px 3px #19B89B, 0 0 0px 6px #fff;}

/* RESOURCE BUILDER STYLES */
.content--resource {background-color: #efefef; padding:50px 0px;}
.inner.inner--resources, .resource__footer {background-color: #fff; padding: 50px 20px; max-width: 1000px;  widtH: 100%; margin: 0 auto;}
.inner.inner--resources { box-shadow: 0 16px 50px 0 rgba(0,0,0,0.30); }
#resource-wrapper iframe {margin:0 auto; display:block; margin-bottom: 50px; height: 44.7vw; max-height: 540px;}
.narrow {max-width: 660px; margin: 0 auto; width: 100%;}
.responisve-iframe-wrap,.slide-iframe-wrap {padding-top: 56.25%; margin-bottom: 20px;position: relative; overflow: hidden; display: block;}
.responsive-iframe, .slide-iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; max-height:100%;}
.builder-section {padding:  30px 0;}
.builder-section.narrow {max-width: 660px; margin:0 auto; width: 100%;}
.builder-section h2, .builder-section h3, .builder-section h4 {color: #555;}
.builder-section h2 {font-size: 28px;}
.builder-section h2, .builder-section h3, .builder-section h4 {color: #555; margin-bottom: 20px;}
.builder-section .green-container, .builder-section .blue-container { padding:40px; margin-bottom: 40px;}
.builder-section .green-container {background-color:#1AB19A; }
.builder-section .blue-container {text-align:right;background-image: linear-gradient(90deg, #fff,#55a8d0 ); padding: 30px 10px 10px; color: #fff; font-size: 32px; font-weight: 600;}
.builder-section ul,.builder-section ol {padding-left: 30px;  margin-top: 15px; margin-bottom: 15px;}
.builder-section .content_row {padding: 5px 10px }
.builder-section .content_row:nth-child(odd) {background: #eee;}
.builder-section > ul {margin-bottom: 45px;}
.builder-section ol li {list-style: decimal; margin-bottom: 10px; list-style: 1.5em;}
.builder-section li {margin-bottom: 10px;}
.builder-section li, .builder-section  ul li li li {line-height: 1.5em; list-style: disc;}
.builder-section ul li li, .builder-section  ul li li li li {list-style: circle;}
.builder-section .blue-bg-heading {background-color:#55a8d0; color:#fff; font-weight: 600;font-size: 24px;padding: 5px;text-transform: uppercase; margin-bottom: 20px;}
.builder-section hr { border-top: 2px solid #185083;}
.version-info {padding-top: 20px; font-size: 12px;}
.outline-list {column-count: 2; column-gap : 50px; list-style-type: upper-roman;}
.builder-section .outline-list li {list-style-type: upper-roman;}
.builder-section .outline-list .outline-sublist li {list-style-type: upper-alpha;}
.builder-section__content_outline {padding: 20px;}
.resource-title-wrapper {padding: 20px 20px;border-top: 3px solid #21b99b; border-bottom: 3px solid #21b99b; margin-bottom: 100px;}
.resource-title-half h1 {text-align:left;}
.resource-title-wrapper h1 {line-height: 1.5em;margin-bottom: 0px;}
.title-page-logo {width:100%; max-width: 300px; margin: 0 auto 100px;}
.title-images {border-right: 2px solid #345779;}
.title-images.full-title-image {width:100%; display:block; border-right: 0px; border-right:none;}
.builder-section.narrow.builder-section__module-title {padding: 50px 20px; border-top: 3px solid #333; border-bottom: 3px solid #333; margin-bottom: 50px; }
.title-with-image {margin-bottom: 100px;}
.icon-list {padding-left: 20px;}
.icon-list li {list-style: none !important;}
.li-icon, .li-text {float:left; width: 50px;}
.li-text {width: calc(100% - 50px); padding-left: 15px;}
.toc-wrap {padding: 20px; border: 2px solid #aaa; margin-bottom: 50px;}
.toc-item {margin-bottom: 10px;}
.toc-h2 {padding-left: 10px; font-size: 18px; text-transform: uppercase;margin-bottom: 15px; margin-top: 20px;}
.toc-h3 {padding-left: 25px; font-size: 16px; text-transform: capitalize; font-weight: 500;}
.toc-h4 {padding-left: 40px;font-size: 16px;text-transform: capitalize; font-weight: 300;}
.toc-h5 {padding-left: 50px;font-size: 14px;text-transform: capitalize;}
.table-wrap, .builder-section__content_outline {border:5px solid #21b99b; background-color: #f3f3f3; margin-bottom: 40px;}
.table-wrap {border-top: none;}
.table-wrap.table-wrap--grey {border-color: #777;}
.content-outline-tables {margin-bottom: 100px;}
.table-section {padding: 20px;}
.content-outline-tables h3 {font-size: 16px;background-color: #777; color: #fff;  padding: 10px 20px; margin-bottom: 0px; }
.content-outline-tables .objectives-wrap h3  {background-color: #21b99b;color: #fff;  }
.table-content ul, .table-strategies ul {padding-left: 30px;}
.table-content > ul {padding-left: 0px;}
.table-content li, .table-strategies li {line-height: 1.5em; margin-bottom: 10px; font-size: 16px;}
.table-strategies li, .table-strategies li li li {list-style: disc;}
.table-strategies li li, .table-strategies li li li li  {list-style: circle;}
.title_row .multi-col h3 {font-size: 18px; text-decoration: underline;}
.multi-col {padding: 5px 10px;}
.title_row .multi-col:first-child, .content_row .multi-col:first-child{padding-left: 0px;}
.title_row .multi-col:last-child, .content_row .multi-col:last-child {padding-right:0px;}
.multi-cols.steps {padding-right:10px;}
.content_row .multi-col p, .builder-section .content_row li {font-size: 14px;}
.builder-section .content_row ul {margin-top:0px;}
.resource__footer {border-top:1px solid #ccc; padding: 20px 30px; font-size: 12px;}
.bk-top {position: fixed; bottom: 0px; right:30px; background-color: #fff; color: #21b99b; width: 100px; height: auto; border-radius: 8px 8px 0 0;text-align:center; padding: 20px 10px;box-shadow: 0px 0px 4px rgba(0,0,0,0.3);}


/* patient guides */
.pt-guide-sec {margin-bottom: 50px;}
.pt-guide-sec p {color: #656565;}
.pt-guide-sec.bg-lt-green, .pt-guide-sec.bg-green {padding:20px 15px;}
.pt-guide-sec.pt-guide-sec_lingo {margin-bottom: 30px;}
.pt-guide-sec .two-col {column-count:2; column-gap: 50px;}
.pt-guide-sec .two-col img {margin-bottom: 20px;}
.pt-guide-sec ul, .pt-guide-sec ol {padding-left: 40px; margin-bottom: 30px; }
.pt-guide-sec li {list-style:disc; line-height:1.5em; margin-bottom: 10px;font-size:18px;color: #656565; }
.pt-guide-sec ol li {list-style: decimal;}
.pad-wrap {padding: 20px 15px;}

.animate {transition: all 0.3s ease-in-out;}
.animate.delay-500ms {transition-delay: .5s;}
.animate.fade-in {opacity: 0;}
.animate.fade-from-btm {transform: translate(0,100px); opacity:0;}
.animate.fade-from-right {transform: translate(100px,0); opacity:0;}
.animate.reveal, .animate.fade-from-btm.reveal, .animate.fade-in.reveal {transform: translate(0, 0); opacity: 1; }
/* patient guides - title section*/
.gradient-title {padding: 50px 30px; background-image: linear-gradient(45deg, #37bca6 0%, #1ab0bd 50%, #277fb0 100% );}
.gradient-title h1, .gradient-title h2, .gradient-title p {color: #fff;}
.pt-guide__title-page h1,.gradient-title h1 {font-size: 60px; text-transform: uppercase; line-height: 1.1em; text-align:left;}
.pt-guide__title-page h2,.gradient-title h2 {text-transform: none;font-size: 28px; font-weight: 400;}
.pt-guide-sec__title .gradient-title {padding: 30px 30px;}
.banner-title, .pt-guide-sec_two_cols .banner-title, .pt-guide-sec_text-section .banner-title {color: #fff; background-color:#21b99b; padding: 10px 20px; line-height: 1em; margin-bottom:20px;}
.toc-chapters__chapter {margin-bottom: 0px;}
.toc-chapters__chapter a {display:block; padding: 10px;}
.toc-chapters__chapter a:hover {background-color: #eee;}
.toc-chapters__chapter h4 {color:#21b99b; font-size:18px; margin-bottom: 5px; line-height: 1.3em; font-weight:600}
.chapter-info {display:inline-block; width:calc(100% - 35px); padding-left: 15px; vertical-align:middle;}
.chevron-right {width:25px; display:inline-block;vertical-align:middle;}
.chevron-right-stroke {fill: #21b99b}
.pt-guide-sec__pub-info {padding: 100px 0;}
.pt-guide-sec__pub-info h2 {font-weight: 200; margin-bottom: 100px; color: #333; font-size: 24px; line-height: 2em;}
.copyright-boilerplate p {font-size: 14px;}
.guide-chapter-title {font-size:18px; color:#21b99b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 60px; }
.pt-guide-sec__letter h2 {font-size: 60px; line-height: 1.1em;color: #333;}
.pt-guide-sec__letter .sharecare-fam-title {text-transform: uppercase;color: #21b99b;font-weight:700; letter-spacing: 2px;}
.learning-objective {padding: 25px 0 10px;}
.learning-obj {display:inline-block; vertical-align: top; width: calc(25% - 4px); padding-right: 1%; position: relative; padding-left: 35px;}
.learning-obj:before {content: ''; background-image: url('/img/ionicons_svg_md-arrow-round-forward.svg');width: 30px; height: 30px; background-size: 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 0;}
.learning-objective h3 {font-style: italic; font-weight:100;}
.pt-guide-sec_two_cols h2 , .pt-guide-sec_text-section h2 , .refresh-wrap h2{color: #21b99b; font-size: 32px; }
.pt-guide-sec_two_cols h4 , .pt-guide-sec_text-section h4 {margin-bottom: 10px;}
.white-text h2, .white-text h3, .white-text p, .white-text li, .white-text h4 {color: #fff !important;}
.learn-lingo__title { background-color:#21b99b;padding:15px 25px 15px 10px; text-align: center; cursor:pointer; transition: background-color 0.3s ease;position: relative;}
.learn-lingo__title:hover {background-color: #10a587;}
.learn-lingo__title svg {position: absolute; width: 30px; right: 5px; top:50%; transform:translateY(-50%);}
.learn-lingo__title h2{color: #fff; font-size: 16px; margin-bottom: 0px; line-height: 1.5em; border-radius:4px; text-transform: uppercase; text-align:left;}
.learn-lingo__terms p {font-style:italic; font-size: .95rem; margin-bottom: 10px;}
.learn-lingo__terms p strong { font-weight: 600; color: #21b99b;font-style:normal; }
.pt-guide-sec_highlight-section h2 {font-size:42px; font-weight: 100; text-transform: capitalize; padding-top: 15px; border-top: 5px solid #21b99b}
.g2know-orb {width: 120px; font-size: 18px; text-align: left; height: 120px;border-radius: 50%; padding: 15px;position: relative; font-weight: 700; text-transform: uppercase; float:left; cursor:pointer; left: 50%; transform: translateX(-60px); transition: all 0.5s ease; z-index:1;}
.g2know-orb.bg-green:hover {background-color: #229e89}
.g2know-orb .vertical-middle {padding-bottom: 5px;}
.g2know-orb .vertical-middle img {padding-bottom: 10px;}
.g2know-orb .vertical-middle:after {content:'';bottom:0; width: 30px; height:5px; background-color: #fff; position: absolute;left:0;}
.g2know-orb.shift {left:0; transform: translateX(0);}
.g2know-info {float:left; width: calc(100% - 120px);}
.g2know-info p {font-style: italic;}
.pt-guide-sec_success-story h4 {color: #777; font-size: 18px; text-transform: uppercase;}
.success-story-quotes p {font-size: 14px; color: #777; margin-bottom: 5px;font-weight:600;}
.success-story-quotes p strong {font-size: 24px; color: #21b99b;}
.refresh-wrap {padding: 20px;}
.pt-guide-sec_refresher-section h4 {font-size: 20px; text-transform: uppercase; letter-spacing: 2px;}
.point {font-size: 18px; line-height: 1.5em; position:relative; padding-bottom: 15px; margin-bottom: 15px;}
.point:after {content:'';position: absolute;left:0; bottom: 0; width: 30px;height: 5px; background-color: #333;}
.pt-guide-sec.pt-guide-sec_step-columns ul {padding-left: 20px;}
.step-column {width: calc(25% - 4px); display:inline-block; vertical-align: top; padding: 5px;}
.col-title-box {margin-bottom: 20px;}

.prim-col-title, .sec-col-title { padding:10px 5px; }
.prim-col-title { background-color:#21b99b; padding:10px 5px; color: #fff; }
.sec-col-title { font-weight: bold;}
.step-content h3 {font-size: 16px;}
.step-content p, .step-content li {font-size: 14px;}
.pt-guide-sec_diabetes-myth h2 {font-size: 42px; font-weight: 600; text-transform: uppercase;}
.myth-truth {font-size: 24px; margin-bottom: 20px; line-height: 1.5em;}
.myth-truth span {color: #21b99b;font-weight: 700; }
.resource-post-footer {padding-top: 30px; border-top: 10px solid #21b99b;}
.resource-footer-logo {width: 250px; margin-bottom:10px;}
.resource-post-footer p {color: #aaa; font-size: 12px;}

/* LEARNING SELF-CARE  */
.track-tile {width: calc(50% - 4px); display: inline-block; vertical-align: top;padding: 0 2%;}
.small-tiles .track-tile {width: 270px; margin: 20px 20px; padding:0;}
.track-tile-inner {background-color: #fff; border-radius:6px;}
.sm-tiles .track-tile {width: calc(33.33% - 4px);}
.track-tile .track-tile__image {height: 190px; background-size:cover;}
.sm-tiles .track-tile .track-tile__image {height: 130px; }
.track-tile .track-tile__title {height: 200px; padding: 3%;}
.track-tile .btn-row {position: absolute; bottom: 15px; width: 100%;}
.track-tile__title h2 {color:#002C43; font-size: 24px; line-height: 1.4em;}
.sm-tiles .track-tile__title h2 {font-size: 18px;}
.track-tile__title .btn.btn--orange {position: absolute;bottom: 20px;}

/* COMPLIANCE AND COMPETENCY */
.track-tile__course_title {height: 130px; display: flex; align-items: center; justify-content: center;}
.track-tile__course_title h2 {font-size: 18px;}
.track-tile__info {height: 200px;}
.track-tile__dates-info-box {height: 100px;}
.track-tile__status {position: absolute; bottom: 0; width: 100%; left:0;font-size: 12px; color: #999;}
.track-tile__progress {font-size: 12px; color: #999; }
.track-tile--pb-wrapper {height: 10px; background-color: #EAEAEA; padding: 2px;border-radius: 6px; overflow: hidden;width: calc(100% - 40px); margin-top:3px;}
.track-tile__date-range p {color: #999999; font-weight: bold; font-size: 14px;}
.passed-course-text {height: 150px; }
.passed-course-text p {font-size: 12px;}
.passed-course-text h3,.passed-course-text h4 {color:#21b99b; line-height: 1.5em; }
.passed-course-text h3 {font-size: 18px;}
.passed-course-text h4 {font-size: 14px; margin-bottom: 15px;}
.track-tile--percentage {width: 40px;}
.track-tile--bar {background-color:#FF9933;height: 100%;border-radius: 4px; }
.tile-failed .quiz-tile-score {color: red;}
.tile-passed .quiz-tile-score {color: #1AB89A;}


/* Lesson sidebar stuff */
.lesson-sidebar {position: absolute; left:0; top: 120px; height: 100%; width: 300px; z-index: 1; padding:50px 10px 30px; transition: transform 0.3s ease;transform: translateX(-250px); overflow:hidden;}
.lesson-sidebar.open {transform: translateX(0px); overflow-y: auto;}
.sidebar-vert-bar {position: absolute; height: 50px; transform: rotate(-90deg); transform-origin: top right; padding: 10px 30px; font-size: 30px; color: #345779; opacity: 1; z-index: 1; transition: opacity 0.3s ease; top: 0px; right: 50px; text-align: center;width: calc(100vh - 120px);}
.open .sidebar-vert-bar {opacity: 0; z-index: 0}
.shift-right, .shift-right.ed-track-intro, .shift-right.slides-wrapper {transform: translateX(300px); width: calc(100% - 300px);}
.sidebar-control {position: absolute; right:0; top:0; padding:10px; cursor:pointer;z-index: 2;}
.sidebar-control:hover .expand-stroke{stroke: #21b99b;}
.sidebar-control:hover .expand-fill {fill: #21b99b; }
.lesson-sidebar h2 {opacity :0;transition: all 0.3s ease;}
.lesson-sidebar.open h2 {opacity :1;}
.open .track-lessons {opacity: 1;}
.back-to-lessons {position: absolute;left: 0;top: 0;padding: 16px;}


/* EDUCATIONAL TRACKS */
.track-hero {height:50vh; min-height: 400px;}
.ed-track-intro {transition: all 0.3s ease; width:calc(100% - 50px); transform: translateX(50px); }
.track-lessons {opacity: 0; transition: all 0.3s ease;}
.lesson-link {color:#40E9C9; font-size: 16px;}
.lesson-link a {display:block; height: 100%; padding: 10px;}
.lesson-link:hover {background-color: #1ABA9C; }
.lesson-link:hover .l-pre-title {color: #fff;}
.track-description {padding: 30px; width: 100%; max-width: 880px; margin: 0 auto;}
.track-description p {color:#3C3C3C; }
.track-description li {font-size: 18px; line-height: 2em; list-style: disc;margin-bottom: 25px;  color:#3C3C3C;}
.track-description ol {padding-left: 50px;}
.track-description ol li {list-style: decimal;}
.track-title {position: absolute; left:0; bottom:0; width: 100%; }
.grad-title {background-image: linear-gradient( 45deg,rgba(64,180,153,.9), rgba(56,118,161,.9));padding: 20px;padding: 20px;font-size: 40px; color: #fff; }
.l-pre-title {font-size: 12px; text-transform: uppercase; color: #999; font-weight: bold; line-height: 1.4em; line-height: 1.4em; margin-bottom: 15px;}
.l-title {font-size: 16px; color: #1ABA9C; margin-bottom: 15px;}
.l-title {font-size: 16px; color: #1ABA9C; margin-bottom: 15px;}
.lesson-link:hover .l-pre-title , .lesson-link:hover .l-title{color: #fff;}

/***
* COMPLIANCE AND COMPETENCIES *
***/
.quiz-error {font-size: 24px; background-color: #eabebe; text-align: center; }
.question-wrap {margin-bottom: 30px;color: #333333; display:none;}
.question-wrap.current-question {display:block;}
.incorrect-wrap .quiz-question--text p, .incorrect-wrap .question-number {color:#D15050;}
.question-number {width: 30px; float:left;font-size: 25px; line-height: 1.5em; padding-right:5px}
.qa-wrap {width: calc(100% - 30px);}
.question-text {width:calc(100% - 30px);}
.grade p {font-size: 24px;}
.quiz-question--text p {font-size: 25px; margin-bottom: 20px; }
.quiz-answers label {font-size: 18px; margin-bottom: 25px; line-height: 1.4em; position: relative; cursor: pointer;}
.quiz-answers svg {stroke: #000;position: relative; top:5px;}
.quiz-answers .active-label {color: #FF9933;}
.quiz-answers .active-label svg {stroke: #FF9933;}
.quiz-answers input {margin-right: 20px; margin-top: 9px; vertical-align: top;}
.likert_scale_question .quiz-answers input {appearance: none; -webkit-appearance: none; border:none; padding:0; margin:0;}
.follow-up-question label {margin-bottom: 20px;}
.follow-up-question textarea {font-family: 'Proxima Nova', Helvetica,san-serif;}
/* COMPLIANCE AND COMPETENCICE - reviewing */
.reviewing-quiz .question-wrap {display: block;}
.reviewing-quiz .question-wrap:not(.separator){padding: 40px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-radius: 3px;}
.reviewing-quiz input {display: none; pointer-events: none;}
.reviewing-quiz label {color: #999999;}
label.incorrect {color: #D15050;}
label:before {position:absolute;bottom:70%; left:0; font-size:12px; font-weight: 600;}
label.incorrect:before {content:'INCORRECT';}
label.correct {color: #1AB89A;}
label.correct:before {content:'CORRECT';}

.comp-eval textarea {width:100%; max-width: 500px; font-family: 'Proxima Nova',Arial, Helvetica, sans-serif;}

/* choices  */
.choices{position:relative;margin-bottom:24px;font-size:16px}
.choices:focus{outline:none}
.choices:last-child{margin-bottom:0}
.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.choices.is-disabled .choices__item{cursor:not-allowed}
.choices[data-type*=select-one]{cursor:pointer}
.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}
.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}
.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}
.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}
.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}
.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}
.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333 transparent;margin-top:-7.5px}
.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}
.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}
.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}
.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}
.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}
.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}
.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}
.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}
.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}
.choices__list{margin:0;padding-left:0;list-style:none}
.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}
.choices__list--single .choices__item{width:100%}
.choices__list--multiple{display:inline}
.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all}
.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}
.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}
.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}
.choices__list--dropdown{display:none;z-index:1;position:relative;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}
.choices__list--dropdown.is-active{display:block}
.is-open .choices__list--dropdown{border-color:#b7b7b7}
.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}
.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}
.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}
.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}
.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}
.choices__item{cursor:default}
.choices__item--selectable{cursor:pointer}
.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}
.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}
.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}
.choices__button:focus{outline:none}
.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}
.choices__input:focus{outline:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}
.choices__placeholder{opacity:.5}
.choices[data-type*=select-multiple] .choices__input.is-hidden,.choices[data-type*=select-one] .choices__input.is-hidden,.choices__input.is-hidden{display:none}


/* PATIETNT LMS SLIDES */
#speaker-notes-btn {position: absolute; right: 200px; bottom: 30px; z-index: 3;}
.content.content--lessons {height: 100vh;}
.slides-wrapper {position: absolute; width: calc(100% - 50px); transform: translateX(50px); height: 100%; top:0; padding-top:120px;transition: all 0.3s ease;}
.slides-wrapper.presenter-view {width:100%; padding-top:0; transform: translateX(0);}
.slide-title img {padding-right:10px;}
.slides section {height:calc(100vh - 120px); top: 0 !important; padding: 0 !important; overflow-y:auto;overflow-x:hidden;}
.lesson-slide {padding: 3% 7%; height: auto;}
.lesson-slide p {font-size: 24px;}
.lesson-slide ul {padding-left: 50px;}
.lesson-slide li {list-style: disc; line-height: 1.5em; margin-bottom: 10px; font-size: 24px;}
.text-white .lesson-slide li,.text-white .lesson-slide p, .text-white .lesson-slide h2, .text-white .lesson-slide h3, .text-white .lesson-slide h4 {color: #fff;}
.reveal.none {display: block;}
.reveal .vid-slide {text-align: center;}
.reveal .vid-slide iframe {display: block; margin: 0 auto; max-width: 100%;}
.bg-left-gradient {position: relative;}
.bg-left-gradient:before {content:''; position: absolute; left:0; top: 0; width:20px; height:100%; background-image: linear-gradient( 45deg, #014886, #00a1aa, #00bd9a); background-size:cover; background-repeat: no-repeat;}
.fifty-fifty-slide .slide-title, .fw-slide .slide-title {background-color: #fff; padding: 30px 100px 30px 100px;}
.fifty-fifty-slide.bg-left-gradient .slide-title, .fw-slide.bg-left-gradient .slide-title {padding-left: 150px;}
.slide-title {margin-bottom: 0;}
.discussion-slide .slide-title {padding-bottom: 100px; font-size: 40px;}
.learn-lingo-slide.text-white .lesson-slide li strong {color: yellow;}
.learn-lingo-slide ul {padding-top: 7%;}
.reveal .progress {color: #1ABA9C !important;height: 10px !important;}
.lesson-sidebar h2 {font-size: 24px; text-align:center; margin-bottom: 50px; color: #333333; opacity:0;}
.rel-resources {opacity:0; transition: opacity 0.3s ease;}
.open .rel-resources {opacity:1;}
.rel-resources h3 {font-size: 12px; text-transform: uppercase; color: #999999;}
.rel-resource {height: 67px; margin-bottom: 20px; position:relative;}
.rel-resource a {display:block; height: 100%;}
.rel-resource:hover {background-color: #eee;}
.res-icon, .rel-title-box {height: 100%;}
.res-icon {width: 85px;}
.res-icon img {margin: 0 auto;}
.rel-title-box {width: calc(100% - 85px); padding: 10px;}
.res-chatper {font-size: 16px; text-transform: uppercase; color: #999999;}
.res-title {font-size: 16px; color: #1ABA9C; font-weight: 100;line-height: 1.5em;}

/* Media Queries. Use these, modify breakpoints, add, or delete.  */



@media only screen and (max-width:800px) {
	body.login .login-image {display: none}
	.tt_login {width: 90vw}
}

@media only screen and (max-width:600px) {

}
@media only screen and (max-width:400px) {

}