/* #FFFFFF -- Background white, hsl(0,100%,100%) rgb(255,225,225)*/
/* #231F20 -- Dark Gray, text color, hsl(345,6%,13%) rgb(36,32,33) */
/* #D3B65C -- Gold, accent color, hsl(45,57%,59%) rgb(211,182,92) */
/* #C3CEDA -- Light Gray */

html {
  height: 100%;
}
body {
  background-color: #231F20;
  font-family: 'Open Sans', sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 100%;
  font-size: 16px;
  margin: 0;
  padding-bottom: 54px;
  color: #FFFFFF;
}
.copyright {
  margin-top: 20px;
  font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
  text-align: center;
  font-family: 'Lora', serif;
  font-weight: 300;
}
h1 {
  font-size: 24px;
  color: #C3CEDA;
}
h2 {
  font-size: 22px;
  color: #C3CEDA;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 15px;
}
a {
  color: inherit;
  text-decoration: none !important;
}
a:hover {
  color: inherit;
}
a:visited {
  color: inherit;
}
a.content {
  color: inherit;
}
a.content:hover {
  color: #D3B65C;
}
a.underline {
  text-decoration: underline !important;
}
img {
  max-width: 100%;
}
td {
  text-align: left;
}
th {
  font-size: 115%;
  font-weight: bold;
}
.form-container {
  padding: 20px;
}
.form-details {
  text-align: left;
}
.form-details label {
  margin-top: 20px;
}
.table-hover td:hover {
  cursor: pointer;
}
div.float-container:after {
  content: "";
  display: table;
  clear: both;
}
div.column {
    margin-bottom: 20px;
}
div.column:after {
    content: "";
    display: table;
    clear: both;
}
.hash-header::before { 
  display: block; 
  content: " "; 
  margin-top: -98px;
  height: 98px;
  visibility: hidden; 
  pointer-events: none;
}
.nav-tabs > li > a {
  border: 1px solid #EEE;
  border-bottom: none;
  font-size: 110%;
}
p {
    margin-bottom: 24px;
}
span.badge {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    background-color: blue;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}
span.step-number {
    display: inline-block;
    font-size: 16px;
    width: 28px;
    height: 28px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    background-color: #666;
    border-radius: 14px;
    border: 1px solid #EEE;
    margin: 0px 6px 5px 0px;
}
span.step-label {
    color: #DDD;
    font-size: 115%;
    font-weight: 500;
}
.ps-inline-link {
  color: #3A61BE;
  cursor:pointer;
}
.inner-column {
    float:left;
}
.header {
    border-radius: 8px 8px 0px 0px;
    background-color: #eeeeee;
    padding: 20px;
}
h1.section-heading, h2.section-heading {
    margin-top: 0;
}
.footer {
    border-radius: 0px 0px 8px 8px;
    background-color: #eeeeee;
    padding: 20px;
    text-align: center;
    font-size: 12px;
}
.message {
    background-color: #3A61BE;
    margin: 20px auto;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
}
.secondary {
    background-color: #f9f29d;
    color: black;
}
div.center {
    width: 100%;
    max-width: 500px;
    margin: auto;
}
#page {
  transition: initial;
}
#page.background {
  transition: filter 1s;
  filter: blur(2px);
}
#page.background-less-blur {
  transition: filter 1s;
  filter: blur(1px);
}
#ps-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  padding-top: 54px;
  margin: 0 auto 0 auto;
}
#ps-content:after {
  clear: both;
  content: "";
  display: block;
}
#ps-org-content {
  margin-top: -42px;
}
.lu-container {
  max-width: 600px;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
.ps-container {
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
.ps-container-wide {
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
.ps-container-narrow {
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
.ps-container-padded {
  padding-right: 30px;
  padding-left: 30px;
}
.ps-container-extrapadded {
  padding-right: 60px;
  padding-left: 60px;
}
.site-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #231F20;
}
.site-info {
  clear: both;
  padding: 6px 12px;
  text-align: center;
  background-color: #231F20;
  color: #FFFFFF;
  font-family: Lora, sans-serif;
}
.user-site-info {
    height: auto;
}
.footer-block {
  position: relative;
  color: #FFFFFF;
  font-size: 16px;
}
.footer-block a {
  color: #C3CEDA;
}
.footer-block a:hover {
  color: #DDD;
}
.footer-block > div {
  display: flex;
  justify-content: center;
}
.footer-block span {
  margin: 0 10px;
}
.footer-block span:hover {
  cursor: pointer;
  color: #FFF;
}
.footer-row {
  display: flex;
  justify-content: space-around;
  color: #CCC;
}
.footer-column {
  float: left;
  text-align: left;
}
.footer-column > div {
  margin: 0.5em;
}
.footer-row a {
  color: #CCC;
}
.footer-row a:hover {
  color: #FFF;
}
.footer-tabs-container {
  width: 100%;
  margin: 0;
  padding: 3px;
  height: 32px;
  border-top: 1px solid #222;
  box-shadow: 0 0 10px #333;
  position: fixed;
  bottom: 0;
  background-color: #000000;
  overflow: hidden;
  z-index: 100000;
}
.menu-button {
  margin: 6px auto;
  padding: 6px 12px;
  background-color: #3A61BE;
  color: white;
  font-size: 100%;
  border-radius: 5px;
}
.app-button-color {
  background-color: #FF443A;
  color: white;
}
.app-button-gradient {
  width: auto;
  padding: 8px 16px;
  background: linear-gradient(to right, hsl(92,69%,65%) 0%, hsl(125,69%,40%) 50%, hsl(150,78%,31%) 100%);
  color: white;
  font-size: 100%;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  float: left;
  text-align: center;
  cursor: pointer;
}
.app-button-pill-wrapper {
  border-radius:28px;
  border: 3px solid #43464B;
  padding: 0;
}
.app-button-pill {
  padding:10px 16px;
  border-radius:28px;
  text-align:center;
  background-color: hsl(45,57%,59%);
  color: #231F20;
  font-size: 18px;
  font-weight: 300;
  border:none;
  letter-spacing:0.15rem;
  cursor: pointer;
}
.app-button-pill-outline {
  background-color: inherit;
  color: #D3B65C;
  border: 1px solid #D3B65C;
}
.app-button-pill-outline-bg {
  background-color: #231F20;
}
.app-button-pill-outline-secondary {
  background-color: #43464B;
  color: #D3B65C;
  border: 1px solid #D3B65C;
}
.app-button-pill-outline-accent {
  background-color: #231F20;
  color: #38b6ff;
  border: 2px solid #38b6ff;
  font-weight: 400;
  padding: 8px 16px;
  transition: 0.5s;
}
.app-button-pill-accent {
  background-color: #38b6ff;
  color: white;
  font-weight: 400;
  padding: 10px 28px;
}
.app-button-pill-secondary {
  color: #D3B65C;
  background-color: inherit;
}
.app-button-pill-disabled {
  color: #7a7375;
}
.app-button-pill-half {
  border-radius:0 28px 28px 0;
}
.app-button-group-container {
  background-color: #43464B;
  padding: 10px;
  border-radius: 5px;
}
.app-button-group-wrapper {
  display: flex;
  justify-content: center;
}
.app-button {
  width: auto;
  padding: 8px 16px 7px;
  background-color: #FFFFFF;
  color: #231F20;
  font-size: 18px;
  font-weight: 300;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.app-button-small {
  font-size:14px;
  padding: 4px 8px 3px;
}
.app-button:focus, app-button:active, app-button-pill:focus, app-button-pill:active {
    outline: none;
}
.app-button:hover {
  background-color: hsl(0,0%,90%);
}
.app-button-disabled {
  background-color: rgba(17,140,79,0.72);
}
.app-button-pill-outline-accent:hover {
    background-color: #38b6ff;
    color: #FFFFFF;
}
.app-button-block {
  display: block;
  width: 100%;
}
.app-button-secondary {
  background-color: #edf5e1;
  color: black;
  border: 1px solid rgb(17,140,79);
}
.app-button-secondary:hover {
  background-color: rgba(237,245,225,0.85);
}
.app-button-tertiary {
  background-color: rgb(4,150,255);
  color: white;
  border: 1px solid rgb(4,150,255);
}
.app-button-tertiary:hover {
  background-color: rgba(4,150,255,0.85);
}
.app-button-nav {
  background-color: #231F20;
  color: #D3B65C;
  font-weight: 100;
  letter-spacing: 0.2rem;
  border: none;
}
.app-button-nav:hover {
  background-color: #231F20;
}
.app-button-outline {
  background-color: #231F20;
  border: 1px solid #D3B65C;
  color: #D3B65C;
}
.app-button-outline:hover {
  background-color: hsl(345,6%,23%);
}
.app-button-outline-secondary {
  background-color: inherit;
  border: 1px solid #edf5e1;
  color: #edf5e1;
}
.app-button-outline-secondary:hover {
  background-color: inherit;
  border-color: #edf5e1;
}
.app-button-dark {
  background-color: #666;
  color: #EEE;
  border: 1px solid #999;
}
.app-button-dark:hover {
  background-color: #888;
}
.app-button-square {
  border-radius: 0;
}
.app-button-link {
  background-color: white;
  color: black;
}
.app-button-link:hover {
  background-color: rgba(244,244,244);
}
.app-button-link-primary {
  color: rgb(4,150,255);
}
.app-button-buy {
  background-color: #e69f25;
}
.app-button-buy:hover {
  background-color: rgba(230,159,37,0.92);
}
.app-button-lg {
  padding: 12px 24px;
  font-size: 120%;
}
.app-button-md {
  padding: 6px 12px;
  font-size: 100%;
}
.app-button-icon {
  cursor: pointer;
}
a.app-button-link {
  color: white;
}
a.app-button-link:hover {
  color: #DDD;
}
.btn-outline-danger {
  border: 1px solid #e01212;
  color: #e01212;
}
.btn-outline-primary {
  border: 1px solid #3A61BE;
  color: #3A61BE;
}
ul.city-list {
  list-style-type: none;
  padding: 10px;
}
ul.city-list li {
  float: left;
  padding: 20px;
  font-size: 120%;
}
.list-item-title {
  font-weight: 900;
  text-decoration: underline;
}
.ps-float-container:after {
  content: "";
  display: table;
  clear: both;
}
.ps-radio-label {
  cursor: pointer;
}
.ps-content-editable {
  cursor: pointer;
  position:relative;
}
.ps-content-editable:hover {
  color: #555;
}
.ps-content-editable:hover span.ps-tooltip {
  visibility: visible;
}
.app-button:hover span.ps-tooltip {
  visibility: visible;
}
span.ps-tooltip {
  visibility: hidden;
  position:absolute;
  top: -36px;
  left: calc(50% - 70px);
  width: 140px;
  margin: 0 auto;
  color: white;
  background: black;
  padding: 4px 8px;
  border-radius: 4px;
  text-align: center;
}
span.ps-tooltip:after {
    content:'';
    display:block;
    position:absolute;
    color: white;
    border-left: 8px solid transparent;
    border-top: 8px solid black;
    border-right: 8px solid transparent;
    left: calc(50% - 4px);
    top:28px;
    width: 0;
    height: 0;
    margin: 0 auto;
}
.ps-pill-button-primary {
  padding:8px 16px 6px;
  border-radius:18px;
  text-align:center;
  background: linear-gradient(to right, hsl(92,69%,65%) 0%, hsl(125,69%,40%) 50%, hsl(150,78%,31%) 100%);
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 500;
  border:none;
  text-transform: uppercase;
}
.ps-pill-button-primary-md {
  padding:8px 14px 6px;
  font-size: 16px;
}
.ps-pill-button-tertiary {
  padding:10px 16px 8px;
  border-radius:22px;
  text-align:center;
  background-color: #FFFFFF;
  color: #231F20;
  font-size: 16px;
  font-weight: 500;
  border:none;
  text-transform: uppercase;
}
.ps-gradient-banner {
  padding:8px 16px;
  text-align:center;
  background: linear-gradient(to right, hsl(92,69%,65%) 0%, hsl(125,69%,40%) 50%, hsl(150,78%,31%) 100%);
}
.ps-pill-button-secondary {
  padding:8px 16px;
  border-radius:18px;
  text-align:center;
  background-color:#CCC;
  border:none;
}
.ps-pill-button-disabled {
  background: none;
  background-color: #CCC;
  cursor: default;
}
.ps-positioned-message {
  position: fixed;
  top: 100px;
  right: 15px;
  padding: 6px 16px;
  background-color: #b9e0ed;
  color: black;
  border-radius: 5px;
  opacity: 0.8;
}
.ps-vertical-center-container {
  height: 300px;
  position: relative;
  border-radius:8px;
}
.ps-vertical-center-container > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  -ms-transform: translateY(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: #FFF;
}
.ps-vertical-center-container h1, .ps-vertical-center-container div {
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .ps-container-extrapadded {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/* Header */

.custom-logo-link > div {
  padding: 10px 20px;
}
.site-logo-div {
    padding: 9px 20px;
    width: 190px;
    height: 50px;
    float: left;
}
.site-logo-div a {
    color: black;
}
.site-logo-div img {
  max-height: 32px;
}
.mobile-site-logo-div {
  float: left;
  width: 50%;
  height: 50px;
  margin-left: calc(25% - 80px);
  padding: 10px 8px;
  text-align: center;
}
.mobile-site-logo-div img {
  max-height: 30px;
}
.top-menu-wrapper {
  max-width:720px;
  margin: 0 auto;
}
.org-header-logo {
  margin-top:-4px;
}
#top-menu {
  width: 100%;
  height: 55px;
  margin: 0;
  border-bottom: 1px solid #222;
  box-shadow: 0 0 5px #333;
  position: fixed;
  top: 0;
  background-color: #231F20;
  overflow: hidden;
  z-index: 100000;
}
.header-right-wrapper {
  float: right;
}
#site-navigation ul {
  list-style-type: none;
  margin: 22px 0px;
}
#site-navigation ul > li {
  float: left;
}
.sub-menu {
  display: none;
}
.menu-item {
  margin: 10px 16px;
  cursor: pointer;
}
.menu-item > a {
  color: #C3CEDA;
}
.ps-header-search-container {
    float:left;
    position:relative;
    margin:18px 20px 10px;
    width:220px;
}
@media only screen and (max-width: 1080px) {
  .site-logo-div {
    width: 230px;
    padding: 8px 8px;
  }
  .site-logo-div img {
    max-height: 32px;
  }
  .org-header-logo {
    margin-top:-5px;
  }
  .ps-header-search-container {
      width:220px;
  }
}
@media only screen and (max-width: 520px) {
  .org-header-logo {
    margin-top:-6px;
  }
  .mobile-site-logo-div {
    padding: 12px 8px;
  }
}

/* Images */
.ps-image-container {
  float: left;
}
.ps-image-wrapper {
  width: 250px;
  max-width: 100%;
  height: auto;
  max-height: 250px;
  overflow: hidden;
  margin: 10px;
  border-radius: 5px;
  position: relative;
}
.ps-image-wrapper > img {
  max-width: 100%;
  height: auto;
}
.ps-channel-image-wrapper {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.ps-channel-image-wrapper > img {
    width: 100%;
    position: absolute;
}
.ps-image-full-width-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.ps-image-full-width-wrapper > img {
  width: 100%;
  height: auto;
}

/* Image Overlay */

.ps-image-overlay-control {
  position: absolute;
  right: 0;
  top: 0;
  color: white;
  background-color: #999;
  width: 34px;
  height: 34px;
  margin: 2px;
  padding: 4px 2px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.85;
}
.ps-image-overlay-control:hover {
  color: #DDD;
}
.ps-image-overlay-control-pill {
  border:1px solid white;
  border-radius: 18px;
}

/* Overlay Confirm */

.ps-confirm-overlay {
  position: absolute;
  top: 48px;
  left: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  box-shadow: 0 4px 8px #AAA;
  background-color: white;
  z-index: 9999999999;
  width: 240px;
}
.ps-confirm-list-item {
  width:100%;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
}
.ps-confirm-list-item:hover {
  background-color: #EEE;
}
.ps-confirm-overlay-flat {
  position: absolute;
  padding: 6px;
  border-radius: 4px;
  background-color: white;
  z-index: 9999999999;
  width: 240px;
}
.ps-overlay-dark {
    position: absolute;
    padding: 6px 10px;
    background-color: black;
    z-index: 9999999999;
    width: 240px;
    opacity: 0.85;
    color: white;
}
.ps-overlay-dark-info {
    position: absolute;
    padding: 4px;
    background-color: black;
    border-radius:4px;
    z-index: 9999999999;
    color: white;
}
.ps-overlay-dark-list {
    overflow-y: auto;
    margin: 0 -10px;
}
.ps-overlay-dark-list-item {
  width:100%;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 14px;
  color: white;
}
.ps-overlay-dark-list-item:hover {
  background-color: #EEE;
}
.ps-overlay-dark-header {
  width:80%;
  padding: 6px 10px;
  font-size: 18px;
  color: white;
}

/* Overlay Page */

.ps-noscroll { 
  overflow: hidden;
  margin: 0;
  height: 100%;
}
.ps-content-overlay {
  position: fixed;
  display: none;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(100, 100, 110, 0.2);
  z-index: 9999999999;
}

/* Modal */

.content-modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999999;
}
.login-modal-container {
  background-color: white;
  width: 50%;
  min-width: 360px;
  max-width: 420px;
  margin: 100px auto;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px #444;
}
.modal-container {
  position: relative;
  background-color: #43464B;
  width: 50%;
  min-width: 360px;
  max-width: 420px;
  margin: 100px auto;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 6px #43464B;
  overflow: hidden;
}
.modal-container-transparent {
  background-color: transparent;
  box-shadow: none;
}
.modal-container-md {
  width: 98%;
  max-width: 620px;  
}
.modal-container-lg {
  width: 90%;
  max-width: 780px;
}
.modal-container-xlg {
  width: 90%;
  max-width: 1200px;  
}
.content-modal-dark {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 9999999999;
}
.modal-container-full-dark {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  border-radius: 0px;
  box-shadow: 0 0 10px #444;
  background-color: black;
}
.overlay-close {
  position:absolute;
  right:20px;
  top:20px;
  width:36px;
  height:36px;
  padding:8px 10px;
  border:1px solid #666;
  border-radius:4px;
  cursor: pointer;
  background-color: white;
}
.overlay-container-close {
  color: #D3B65C;
  background-color: inherit;
  position:absolute;
  right:6px;
  top:6px;
  width:28px;
  height:28px;
  border-radius: 50%;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 999;
}
.overlay-container-close-bg {
  background-color: #231F20;
}
.overlay-container-button {
  position:absolute;
  width:32px;
  height:32px;
  padding:6px 8px;
  border:1px solid #666;
  border-radius:16px;
  cursor: pointer;
  background-color: white;
  color: black;
}
.ut-disclosure {
  font-size:85%;
  color: #666;
}
.modal-container > i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}
.modal-container > i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color: #43464B;
    box-shadow:0 1px 8px rgba(0,0,0,0.3);
}

/* Home Page */

.lu-home-slide {
  padding: 20px 0px;
}
.lu-home-top-heading {
  font-family: 'Open Sans', sans-serif;
  color: #C3CEDA;
  font-size: 18px;
  font-weight: 100;
  letter-spacing: 0.1rem;
  line-height:1.15;
  text-align: center;
  margin-top:0;
}
.lu-home-content-styled {
  font-family: 'Lora', serif;
  letter-spacing: 0.2rem;
  line-height: 150%;
}
.home-user-message {
  background-color: #333;
  padding: 12px 15px;
}
.home-content-heading1 {
  font-family: 'Lora', serif;
  color: #C3CEDA;
  max-width:920px;
  margin:0.5em auto;
  font-size: 30px;
  font-weight: 100;
  text-align:center;
  letter-spacing:0.15rem;
  line-height: 34px;
}
.home-content-heading2 {
  max-width:700px;
  margin:0.5em auto;
  font-size:20px;
  font-weight: 300;
  letter-spacing:0.15rem;
}
.home-content-subheading {
  color: #C3CEDA;
}
.home-testimonial-slider-wrapper {
  width: 280px;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.home-testimonial-slider {
  width: 2000px;
  height: 400px;
  position: absolute;
  left: -290px;
}
.home-testimonial-slide2 {
  width: 280px;
  height: 400px;
  padding: 40px 20px;
  font-size:16px;
  font-weight: 100;
  letter-spacing:0.08rem;
  position: relative;
  float: left;
}
.home-testimonial-slide {
  border: 5px solid #D3B65C;
  width: 280px;
  height: 400px;
  margin-right: 10px;
  padding: 40px 20px;
  font-size:16px;
  font-weight: 100;
  letter-spacing:0.15rem;
  position: relative;
  float: left;
}
.home-testimonial-container {
  border: 2px solid #D3B65C;
  border-radius: 8px;
  width: 100%;
  margin-top: 1em;
  padding: 20px 30px;
  font-size:16px;
  font-weight: 100;
  letter-spacing:0.15rem;
  position: relative;
}
.home-testimonial-slide-author {
  position:absolute;
  bottom: 36px;
  right: 10px;
  font-style:italic;
  text-align:right;
}
.home-testimonial-author {
  text-align: center;
  margin-top:1em;
}
.home-testimonial-member {
  text-align: center;
  font-size:14px;
}
.home-content-block-2 {
  float: left;
  width: 50%;
  margin-top: 2em;
}
.home-content-block-2:nth-child(1) {
  padding-left: 2%;
  float: right;
}
.home-content-block-3 {
  float: left;
  width: 33.333%;
  padding-right: 4%;
  font-size:16px
}
.home-content-block-4 {
  float: left;
  width: 25%;
  padding-right: 2%;
  font-size:16px
}
.home-content-lg {
  font-size: 1.8rem;
}
.home-body-content {
  font-size: 18px;
}
.home-content-container {
  display:flex;
  justify-content:center;
  align-items:center;
}
.home-content-container > div {
  float: left;
  width:9.6%;
  height:8vw;
  margin:10px 1.4%;
  position: relative;
}
.home-content-container > div.wide {
  width:15%;
}
.home-content-container > div > img {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  max-height:100%;
}
.lu-faq-container {
    border: 1px solid white;
    border-radius: 6px;
    padding: 20px;
    overflow: hidden;
}
.lu-faq-container-dark .lu-faq-container {
    border: 1px solid #231F20;
}
.lu-question-icon {
  font-size: 24px;
  width: 50px;
}
.lu-question {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  cursor: pointer;
}
.lu-question > div {
  float: left;
  width: calc(100% - 30px);
}
.lu-question > i {
  font-size: 28px;
  float: right;
  margin: 0 3px;
}
.lu-question-answer-wrapper {
  background-color: white;
  clear: both;
  height: 0;
  overflow: hidden;
  margin: 20px -20px -20px;
}
.lu-question-answer {
  padding-top: 6px;
  padding: 20px;
  color: #231F20;
}
.lu-faq-container-dark .lu-question {
    color: #231F20;
}
.lu-faq-container-dark .lu-question-answer {
    color: #231F20;
}
.lu-caret-down {
    transition: transform .5s ease-in-out;
}
.lu-faq-container-dark .lu-caret-down {
    color: #D3B65C;
}
.lu-video-play-button {
  font-size:62px;
  color: #D3B65C;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}
#slide1HeroImage {
  height: 700px;
}
#slide1HeroImage > img {
  position:absolute;
  top:10px;
  right:50px;
}
#slide1HeroImage > div {
  width:110px;
  height:110px;
  border-radius:50%;
  background-color:#666;
  position:absolute;
  top:40px;
  right:120px;
  padding-top:12px;
  text-align:center
}
#slide1HeroImage > div > img {
  width:90px;
}
#slide1Content {
  margin-top: -58.5%;
  margin-left: 20px;
}
#slide1Content > div {
  text-align:left;
}
#slide1Content > div:first-child {
  margin-top: 2em;
}
#slide1HeroButton {
  display: none;
}
#slide1PrimaryButton {
  display: block;
}
#homeHeroProfessionContainer {
  display: inline-block;
  width: 120px;
  height: 20px;
  overflow: hidden;
  vertical-align: bottom;
  line-height:1;
  position:relative;
}
#homeHeroProfession {
  height:1000px;
  position:absolute;
  top:0;
  left:0;
}
#homeHeroProfession div {
  height:19px;
  white-space: nowrap;
  text-align: left;
}
#slide1Content button {
  float:right;
  display:block;
  width:auto;
}
#slide2Top {
  float:left;
  width:70%;
  margin-left:-51px;
  border-width:1px 0;
}
#slide2TopHeading {
  margin-left: calc(22.5% - 51px);
}
#slide2Top > div {
  margin:-20px 20px;
  padding:30px 40px;
  border-width:0 1px;
  padding-left: 30%;
}
#slide2Bottom {
  float:left;
  width:90%;
  margin-top: 6px;
  margin-left:calc(10% + 51px);
  position:relative;
  z-index:99;
  border-width:1px 0;
}
#slide2BottomHeading {
  margin-left: calc(10% + 101px);
}
#slide2Bottom > div {
  margin:-20px 20px;
  padding:30px 30px;
  padding-right: 40%;
  border-width:0 1px;
}
#slide2SpacerBottom {
  height: 4em;
}
#slide2Phone {
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 60px;
  z-index: 100;
}
#slide2PhoneMobile {
  display: none;
}
.hexagon-border {
  width: 40px;
  padding: 1px;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}
.hexagon-border > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  width: 100%;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  font-size: 18px;
}
#slide4 {
  margin:0 -15px;
  padding:20px 30px;
  font-size:18px
}
#slide5 {
  margin:0 -15px;
  padding:20px 30px;
}
#slide5BlockLeft, #slide5BlockRight {
  float:left;
  width:40%;
  position:relative;
  margin:20px 5%;
}
.testimonialLeft, .testimonialRight {
  float:left;
  width:30%;
  position:relative;
  margin:20px 1.5%;
}
.testimonialLeft > img {
    margin-top:15px;
    margin-left:-15px;
}
.testimonialRight > img {
    margin-top:15px;
    margin-left:15px;
}
#slide5Bottom {
  width:calc(100% + 30px);
  height:190px;
  margin:0 -15px;
  background-image:url('/img/home-coaching.png');
  background-size:100%;
  background-repeat:no-repeat;
}
#slide5Bottom img {
  height:32px;
}
#headerQuote {
  font-size:200%
}
#slide6Content {
  padding-top:50px;
}
@media only screen and (max-width: 1120px) {
  #headerQuote {
    font-size:160%
  }
}
@media only screen and (max-width: 920px) {
  .home-content-h1 {
    font-size:32px;
  }
  .home-content-container {
    display:block;
  }
  .home-content-container > div {
    float: left;
    width:15%;
    height:25vw;
    margin:10px 5%;
    position: relative;
  }
  .home-content-container > div.wide {
    width:21%;
    margin:10px 2%;
  }
  .home-content-container > div > img {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    max-height:100%;
  }
  .home-content-block-2 {
    float: left;
    width: 100%;
  }
  .home-content-block-2:nth-child(1) {
    padding-left:0;
  }
  #slide1Hero {
    height: auto;
  }
  #slide1HeroImage > img {
    right:0px;
  }
  #slide1HeroImage > div {
    width:90px;
    height:90px;
    top:66px;
    right:20px;
  }
  #slide1HeroImage > div > img {
    width:72px;
  }
  #slide1Content {
    margin-top: 0;
    margin-right:0;
    margin-left:0;
    padding-left: 0;
  }
  #slide1Content > div {
    text-align:left;
    float:none;
    display: block;
    padding-left: 2px;
    width: 100%;
  }
  #slide1Content > div:first-child {
    margin-top: 1.5em;
  }
  #slide2TopBackground {
    display: none;
  }
  #slide2Top {
    width:100%;
    margin-left:0;
    margin-top: 10px
  }
  #slide2Top > div {
    padding-left: 12px;
  }
  #slide2BottomBackground {
    display: none;
  }
  #slide2Bottom {
    width:100%;
    margin: 10px 0;
  }
  #slide2TopHeading {
    margin-left: 20px;
  }
  #slide2BottomHeading {
    margin-left: 20px;
  }
  #slide2Bottom > div {
    padding-left: 12px;
    padding-right: 12px;
  }
  #slide2SpacerBottom {
    height: 2em;
  }
  #slide2Phone {
    display: none;
  }
  #slide2PhoneMobile {
    display: block;
  }
  #slide5BlockLeft, #slide5BlockRight {
    width:80%;
    margin:20px 10%;
  }
  .testimonialLeft, .testimonialRight {
    width:80%;
    margin:20px 10%;
  }
  #slide5Bottom {
    width:calc(100% + 30px);
    height:180px;
    margin:0 -15px;
    background-size: auto 100%;
    background-position: 95% 0%;
  }
  #slide5Bottom img {
    height:18px;
  }
  #slide5Bottom div:last-child {
      margin-top:16px;
  }
  #slide6Content {
    padding-top:0;
  }
}
@media only screen and (max-width: 520px) {
    #slide1HeroImage {
      height: 400px;
    }
    #slide1HeroButton {
      display: block;
    }
    #slide1PrimaryButton {
      display: none !important;
    }
    #slide1Content button {
      display:none;
      float:none;
      width: 100%;
    }
    #slide1Content > div:first-child {
      margin-top: 1em;
    }
}

#slideImagesContainer {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
}
#slideImage {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  z-index: 1;
}
#slideOverlay {
  position: absolute;
  z-index: 500;
  font-size: 160%;
  color: black;
  background-color: rgba(255,255,255,0.68);
  width: 50%;
  height: 100%;
  padding: 4em 3em;
  top: 0;
  right: 0;
}
#slideOverlay h1 {
  margin-bottom: 1em;
}
#slideOverlay .app-button-lg {
  font-size:100%;
  margin-top:2em;
}
.home-content-slider-wrapper {
  width: 100%;
  max-width: 820px;
  height: 630px;
  margin: 0 auto;
  position:relative;
  overflow: hidden;
}
.home-content-slider {
  width: 4000px;
  position: absolute;
}
.home-content-slide {
  float: left;
  position: relative;
  width: 400px;
  padding-top: 40px;
}
.home-content-slide-controls-container {
  width:100%;
  max-width:380px;
  margin:0 auto;
  display: flex;
  justify-content: center;
}
.home-content-slide-control {
  float: left;
  width: 20px;
  height: 20px;
  border: 2px solid #edf5e1;
  border-radius: 50%;
  margin: 0 20px;
}
.home-content-slide-control-selected {
  background-color: #edf5e1;
}
.home-content-h1 {
  max-width:700px;
  margin:0.5em auto;
  font-size:32px;
  font-weight: bold;
  text-align:center;
  letter-spacing:0.15rem;
  line-height: 34px;
}
.home-content-h2 {
  max-width:700px;
  margin:0.5em auto;
  font-size:32px;
  font-weight: bold;
  text-align:center;
  letter-spacing:0.15rem;
  line-height: 34px;
}
.home-content-body {
  font-size:18px;
  line-height: 1.5em;
  letter-spacing:0.1rem;
}
.home-content-highlight {
  font-weight: bold;
}
.home-content-heading {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0.5em;
  text-align:center;
}
.home-highlighted-content {
  background-color: #555555;
  color: white;
  padding: 20px;
  margin: 1em 0;
  text-align: center;
}
.home-content-block {
  float: left;
  width: 50%;
  padding-right: 6%;
  font-size:142%;
  line-height: 1.6em;
  letter-spacing: 0.1rem;
  text-align: justify;
  text-justify: inter-word;
}
.home-content-container-md {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}
.home-content-container:last-child {
  padding-right: 0;
}
.home-content-block-left {
  padding-left: 32px;
  float: left;
  width: 50%;
}
.home-content-block-right {
  padding-right: 32px;
  float: right;
  width: 50%;
}
.home-pricing-container {
  display:flex;
  align-items:stretch;
}
.home-price-container {
  font-size: 28px;
}
.home-pricing-block {
  float: left;
  width: 45%;
  margin-right: 0%;
  border-radius: 5px;
  padding: 20px;
  font-size: 18px;
  letter-spacing: 0.05rem;
  color: white;
  background: linear-gradient(to right, hsl(92,69%,60%) 0%, hsl(125,69%,40%) 50%, hsl(150,78%,31%) 100%);
}
.home-pricing-block:last-child {
  margin-right: 0;
}
.home-pricing-list > li:not(:last-child) {
  margin-bottom: 12px;
}
.home-pricing-separator {
    float: left;
    width: 8%;
    height: 8%;
    margin:1%;
    margin-top:136px;
}
.ps-product-description {
  font-size:20px;
  line-height: 1.7em;
  letter-spacing: 0.1rem;
  margin-top:1em;
  float:left;
  width:50%;
}
.ps-product-img {
    float:right;
    margin-top:-3em;
    margin-left:3%;
    width:47%;
    overflow:hidden;
}
.ps-product-img-left {
    float:left;
    margin-right:3%;
    margin-left:0;
}
.testimonial-wrapper {
  margin-top: 32px;
}
.testimonial-customer {
  float: left;
  margin-left: 16px;
  font-weight: bolder;
}
.testimonial-city {
  clear: both;
  margin-left: 16px;
  color: #888;
  font-size:90%;
}
.testimonial-comments {
  clear: both;
  font-size: 115%;
  margin-top: 8px;
  max-width: 800px;
}
.lu-content-row {
  display: flex;
  align-items: center;
  margin-top:10px;
}

@media only screen and (max-width: 920px) {
  .home-content-h1 {
    font-size:32px;
  }
  .home-pricing-container {
    display:block;
  }
  .home-pricing-block {
    float: left;
    width: 100%;
    margin: 0;
  }
  .home-pricing-separator {
      width: 20%;
      height: 20%;
      margin: 1% 40%;
  }
  .home-pricing-list {
    padding-left: 18px;
  }
  .ps-product-description {
    width:45%;
  }
  .ps-product-img {
      width:52%;
      margin-top:1em;
  }
}
blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #D3B65C;
  padding: 1em 1.5em;
  margin: 1em 0;
  position: relative;
  font-size: 120%;
  color: #FFFFFF;
  text-align: justify;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: -0.08em;
  left: 40px;
  transform: translate(-50%, -50%);
  background: #231F20;
  width: 4rem;
  height: 2rem;
  font: 6em/0.96em 'PT Sans', sans-serif;
  color: #D3B65C;
  text-align: center;
}
blockquote:after {
  content: '\201D';
  display: block;
  position: absolute;
  bottom: -0.32em;
  left: calc(100% - 40px);
  transform: translate(-50%, -50%);
  background: #231F20;
  width: 4rem;
  height: 3rem;
  font: 6em/0.76em 'PT Sans', sans-serif;
  color: #D3B65C;
  text-align: center;
}
blockquote.black {
  border-color: white;
  color: black;
}
blockquote.black:after {
  background-color: white;
  color: black;
}
.pd-paint-wrapper {
  position:relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pd-paint-wrapper > img {
  margin: 0 -5px;
}
.pd-paint-wrapper > div {
  position:absolute;
  text-align:center;
  width:100%;
  padding: 0 10%;
}
.pd-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 720px) {
    .ps-product-description {
      width:100%;
      position:relative;
    }
    .ps-product-img {
        width:100%;
        margin:0;
        margin-top:1em;
        z-index:-1;
    }
}
@media only screen and (max-width: 520px) {
  .home-content-h1 {
    font-size:26px;
  }
  .pd-paint-wrapper > div {
    font-size:13px;
  }
  .pd-paint-wrapper > img {
    max-width: 105%;
    height: 80px;
  }
  #contactSubmitButton {
    width: 100%;
  }
}

/* Login and Signup */

.login-container {
  width: 100%;
  max-width: 360px;
  margin: auto;
}
.input-group-top {
  border-radius: 5px 5px 0 0;
}
.input-group-bottom {
  border-radius: 0 0 5px 5px;
}
.ut-btn-outline-primary {
  border: 1px solid #FFFFFF;
}
.ut-btn-primary {
  background-color: #231F20;
}
#loginMessage {
  display: none;
}
#signupMessage {
  display: none;
}
#signupContainer {
  width: 560px;
  margin: auto;
}

/* Feed */

.ps-feed-channel {
  margin: 4px 0;
  padding: 4px 8px;
  border-radius: 4px;
}
.ps-feed-channel:hover {
  background-color: #EEE;
}
.ps-feed-label {
  font-weight: bold;
}
.ps-feed-item-container {
  margin: 6px 0 12px;
  padding: 10px;
  border:1px solid #BBB;
  border-radius: 3px;
  box-shadow: 0 2px 4px #CCC;
  background-color: white;
  position: relative;
}
.ut-feed-item-name {
  font-size: 20px;
  width: 100%;
}
.ut-feed-item-properties {
  float: right;
  padding-top:6px;
}
.ut-feed-item-properties > div {
  float: left;
  padding-left: 24px;
  font-size: 90%;
}
.ut-feed-item-images-container {
  margin-top: 12px;
}
.ut-feed-item-images-container img {
  width: 25%;
}
.ut-feed-item-activities-container {
  margin-top:12px;
  width: 50%;
}
.ut-feed-item-activities-container > div {
  padding: 8px;
  font-size: 90%;
  margin-top:-1px;
  border:1px solid #CCC;
}
.ps-feed-video-container {
  width: 32%;
  height: 380px;
  margin: 6px 2% 12px 0;
  padding: 10px;
  border:1px solid #BBB;
  border-radius: 3px;
  box-shadow: 0 2px 4px #CCC;
  background-color: white;
  position: relative;
  float: left;
}
.ps-feed-video-container:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 980px) {
  .ps-feed-video-container {
      width: 49%;
      height: 380px;
      margin: 6px 2% 12px 0;
  }
  .ps-feed-video-container:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  .ut-feed-item-activities-container {
    width: 100%;
  }
  .ut-feed-item-name {
    width: 100%;
    float: none;
  }
  .ut-feed-item-properties {
    float: none;
    margin: 12px 0;
  }
  .ut-feed-item-properties > div {
    float: none;
    padding-left:0;
  }
  .ut-feed-item-images-container img {
    width: 50%;
  }
  .ps-feed-video-container {
    width: 100%;
    height: 380px;
    margin: 6px 0 12px 0;
  }
}

/* Org Home */
/* #5CDB95 light green */
/* #FFFFFF dark green-blue */

.pd-org-logo-image {
  border-radius: 50%;
  overflow: hidden;
}
.pd-org-logo-image-wrapper {
  border: 5px solid #FFF;
  border-radius: 50%;
  padding: -1px;
}
.pd-org-logo-background-image-wrapper {
  border: 5px solid #FFF;
  border-radius: 50%;
  overflow: hidden;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index:10;
  position: relative;
}
.ps-image-banner-lg {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.ps-image-banner-image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.ps-org-stats {
  font-size:13px;
  color: #999;
}
.ps-org-divider {
    margin-top:1em;
    height:2em;
    border-top:1px solid #CCC;
}
.ps-org-weblink {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 15px 20px;
  background-color: #000;
  border: 2px solid #FFF;
  border-radius: 0px;
  color: white;
  font-size: 120%;
}
.ps-org-sociallink {
  float: left;
  width: 32px;
  height: 32px;
  margin: 5px;
}
@media only screen and (max-width: 520px) {
  .ps-image-banner-lg {
    height: 100px;
  }
}

/* Organization */

.lu-organization-name {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
.lu-organization-description {
  font-size: 100%;
}
.lu-organization-container {
    width: 100%;
    margin: 10px auto;
    padding: 4px;
    border: 1px solid #FFFFFF;
}
.lu-organization-container-image {
    width: 72px;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    float: left;
    margin-right: 16px;
}
.lu-organization-container-description {
  width: 100%;
  padding: 4px;
}

/* Modal Containers for Info */

.modal-info-topbottom {
    text-transform: none;
    min-width:260px;
    position:absolute;
    top:34px;
    left:50%;
    transform:translate(-50%, 0);
    padding:10px 15px;
    color: #231F20;
    background-color: #D3B65C;
    font-weight:normal;
    font-size:14px;
    border-radius:3px;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.3);
    display:none;
}
.modal-info-top {
    top: auto;
    bottom: calc(100% + 10px);
}
.modal-info-top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}
.modal-info-top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color: #D3B65C;
    box-shadow:0 1px 8px rgba(0,0,0,0.3);
}
.modal-info-bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}
.modal-info-bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color: #D3B65C;
    box-shadow:0 1px 8px rgba(0,0,0,0.3);
}
.modal-info-green-bottom i::after {
    background-color: hsl(147,64%,61%);
}
.modal-info-gradient {
    background: linear-gradient(to right, hsl(205,98%,50%) 0%, hsl(205,98%,45%) 30%, hsl(215,95%,38%) 100%);
}

/* Payment Method */

.ps-payment-method-container {
  max-width: 360px;
  margin: 12px auto;
  padding: 6px 12px;
  border: 1px solid #666;
  border-radius: 4px;
  position: relative;
}
.ps-payment-method-container:hover {
  background-color: #222;
  cursor: pointer;
}
.ps-payment-method-container-light {
  background-color: #FFF;
  border: 1px solid #CCC;
  color: #222;
}
.ps-payment-method-container-light:hover {
  background-color: #FFF;
  cursor: default;
}

/* Pay Page */

.ps-pay-container {
  float: left;
  width: 100%;
  padding: 20px;
}

/* Search */

.ps-search-auto-complete {
  display: none;
  position: fixed;
  width: 350px;
  height: auto;
  top: 46px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #CCC;
  z-index: 99;
}
.ps-search-result {
  margin-bottom: 4px;
  padding: 4px;
  cursor: pointer;
}
.ps-search-result:hover {
  background-color: #EEE;
}

/* Poll */

.ps-url-title {
  font-size:116%;
}
.ps-url-preview-description {
  font-size: 100%;
  color: #999;
  margin-bottom: 6px;
}
.ps-url-preview-image {
  width: 240px;
  height: auto;
}
.ps-url-preview-image > img {
  width: 100%;
}
.ps-url-preview-image-lg {
  width: 480px;
  max-width: 100%;
  height: auto;
  max-height: 480px;
  overflow: hidden;
}
.ps-url-preview-image-lg > img {
  max-width: 100%;
  height: auto;
}
.ps-poll-image {
  max-height: 480px;
  width: auto;
}
.ps-poll-options-container {
  margin-top: 2em;
  width: 100%;
}
.ps-poll-option-float {
  position: relative;
  float: left;
  width: 24%;
  margin-top: 10px;
  margin-right: 1%;
  height: 4em;
  border: 1px solid #CCC;
  border-radius: 8px;
  background-color: #EEE;
  cursor: pointer;
  white-space: nowrap;
}
.ps-poll-option-float-selected {
  background-color: #7ecccc;
}
div.ps-poll-option-float-selected:hover {
  background-color: #82b8b8;
}
.ps-poll-option-float:last-child {
  margin-right: 0;
}
.ps-poll-option-float:hover {
  background-color: #DDD;
}
.ps-poll-option-float > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ps-poll-option-list-item {
  margin: 6px 10px;
  cursor: pointer;
}
.ps-poll-option-list-item > label {
  padding: 4px 12px;
  border-radius: 8px;
  cursor: pointer;
}
.ps-poll-option-list-item > label:hover {
  background-color: #EEE;
}
.ps-poll-response {
  width: 100%;
  margin: 10px 0;
  background-color: #EEE;
  height: 4em;
  position: relative;
}
.ps-poll-response > div {
  position: absolute;
  left: 10%;
  height: 100%;
}
.ps-poll-response > span {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(-50%, -50%);
  width: 10%;
  padding: 2em 0;
  text-align: center;
  background-color: #FFF;
  z-index: 999;
}
.ps-poll-response > div > span {
  float:right;
  padding-right: 8px;
  margin-top: 1.3em;
}
.ps-poll-response-rating {
  float: left;
  width: 10%;
  height: 360px;
  margin: 0 0.5%;
  background-color: #F6F6F6;
  position: relative;
}
.ps-poll-response-rating > div {
  position: absolute;
  bottom: 44px;
  width: 100%;
}
.ps-poll-response-rating > span {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.ps-poll-response-rating > div > span {
  float:right;
  margin-top: 1.3em;
  width: 100%;
  text-align: center;
}
.ps-poll-response-rating-value {
  position: absolute;
  top: 0;
  background-color: #FFF;
  width: 100%;
  height: 28px;
  text-align: center;
  white-space: nowrap;
}
div.ps-poll-response-rating-title {
  position: absolute;
  bottom: 0;
  padding-top: 6px;
  background-color: #FFF;
  width: 100%;
  height: 44px;
  text-align: center;
  line-height: 100%;
}
div.ps-poll-response-rating-data {
  position: absolute;
  width: 100%;
  height: 28px;
  text-align: center;
  line-height: 100%;
}
input.ps-poll-option-input {
  width:90%;
  float:left;
  height: 38px;
  margin-right: 2px;
}
.ps-poll-meta-container {
  max-width: 520px;
  padding: 8px;
  background-color: #F6F6F6;
}
.ps-poll-meta-container > div {
  margin-bottom: 8px;
}
.ps-poll-label {
  font-size: 85%;
  margin-bottom: 0;
  color: #787878;
}
.ps-poll-meta {
  font-size: 100%;
  font-weight: bold;
}
.ps-poll-meta-responses {
  font-size: 150%;
  font-weight: bold;
}


/* Population Traits */

.ps-population-trait-type-container {
  padding: 5px 10px;
}
.ps-population-trait-type {
  font-weight: bold;
}
.ps-population-trait {
  float: left;
  margin: 10px;
  padding: 5px 10px;
  border: 1px solid #CCC;
  border-radius: 5px;
  background-color: white;
}
.ps-population-trait-selectable {
  cursor: pointer;
}
.ps-population-trait-selectable:hover {
  background-color: #EEE;
}
.ps-population-trait-selected {
  background-color: #7ecccc;
}
.ps-population-trait-selected:hover {
  background-color: #82b8b8;
}
.ps-population-trait-question {
  font-size: 130%;
  font-weight: bold;
}
.ps-population-trait-form-nav {
  float: left;
}


/* Tables */
.ps-table-row-md {
  cursor: pointer;
}
.ps-table-row-md:hover {
  background-color: #FAFAFA;
}
.ps-table-row-md-selected {
  background-color: #EEE;
}
.ps-table-row-md-selected:hover {
  background-color: #E6E6E6;
}
.ps-table-row-dark {
  cursor: pointer;
  color: white;
}
.ps-table-row-dark:hover {
  background-color: #555;
}
.ps-table-row-dark-selected {
  background-color: #666;
}
@media only screen and (max-width: 800px) {
  .ut-table table, .ut-table thead, .ut-table tbody, .ut-table th, .ut-table td, .ut-table tr {
    display: block;
  }
  .ut-table:after {
    content: "";
    display: table;
    clear: both;
  }
  .ut-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .ut-table tr:first-child {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .ut-table tr { border: 1px solid #ccc; }
  .ut-table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 200px;
    margin-left: 150px;
  }
  .ut-table td:before {
    position: absolute;
    top: 8px;
    left: 6px;
    width: 200px;
    padding-right: 40px;
    white-space: nowrap;
    margin-left: -150px;
  }
}

/* Forms */

.lu-form-control {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-family: inherit;
}
.lu-form-control:focus {
  border-radius: 0;
  outline: none;
  box-shadow: 0 0px 2px rgb(211,182,92);
}
.lu-input {
  border: 1px solid #D3B65C;
  border-radius: 0;
  color: #FFFFFF;
  background-color: #231F20;
  height: 44px;
  padding: 8px 16px 10px;
  resize: none;
}
.lu-input::-webkit-outer-spin-button,
.lu-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.lu-input[type='date'], input.lu-input[type='time'] {
  -webkit-min-logical-width: calc(100% - 16px);
}
input.lu-input[type=number] {
  -moz-appearance: textfield;
}
.code-input::-webkit-outer-spin-button, .code-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.lu-input-pill-left {
  border-radius: 26px 0 0 26px;
}
.lu-input-pill-left:focus {
  border-radius: 26px 0 0 26px;
}
.lu-input-underline {
  width: 100%;
  border: none;
  border-bottom: 1px solid #D3B65C;
  color: #FFFFFF;
  background-color: #231F20;
  box-shadow: none;
  padding: 10px 10px 6px;
  height: auto;
}
.lu-input-underline:focus {
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.lu-input-goal {
  font-weight: 300;
  width: 100%;
  border: 1px solid #D3B65C;
  color: #FFFFFF;
  background-color: #231F20;
  box-shadow: none;
  padding: 12px 28px 12px 8px;
  height: auto;
}
.lu-input-goal:focus {
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.lu-input-goal-label {
  background-color: #231F20;
  color: #D3B65C;
  z-index: 999;
  margin-left: 15px;
  position: relative;
  padding: 0 6px;
  font-size: 14px;
  text-align: center;
}
.lu-input-goal-fieldset-label {
  color: #D3B65C;
  z-index: 999;
  width: auto;
  margin: 0;
  margin-left: 10px;
  padding: 0 6px;
  font-size: 14px;
  border: none;
}
.lu-input-no-background {
  border: none;
  background-color: inherit;
  outline: none;
  box-shadow: none;
}
.lu-input-no-background:focus {
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.lu-input-noborder {
  border: none;
}
.lu-input-noborder:focus {
  box-shadow: none;
}
.lu-input-text-center {
  text-align: center;
  padding: 8px 12px;
}
.lu-input-text-lg {
  font-size: 26px;
  font-weight: 300;
}
.lu-input-noclear {
  padding: 12px;
}
.lu-input-error {
  border-color: orange;
}
.lu-text-error {
  color: #d18502;
}
.code-input {
  float: left;
  width: 14.66666%;
  height: 42px;
  padding: 5px;
  margin: 1%;
  text-align: center;
  font-size: 30px;
}
.lu-background-image-wrapper {
  border-radius: 50%;
  overflow: hidden;
  background-color: inherit;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index:10;
}
.lu-background-image-selected {
  border: 2px solid #FFFFFF;
}
.ps-form-label {
    font-size: 14px;
    font-weight: bold;
    color: black;
    margin: 6px 0 2px 2px;
}
.app-btn-outline {
  margin: 10px auto;
  padding: 6px 12px;
  color: #333;
  font-size: 100%;
  border: 1px solid #3A61BE;
  border-radius: 8px;
}
.ps-form-input-dark {
    color: #EEE;
    background-color: #222;
    border: 1px solid #555;
}
.ps-form-input-dark:focus {
    outline: none !important;
    background-color: #222;
    border-color: #666;
    box-shadow: 0 0 3px #666;
}
.ps-form-group-item {
    border: 2px solid #edf5e1;
    padding: 8px 16px;
    margin: 4px auto;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    float: left;
}
.ps-form-group-item:hover {
    background-color: hsl(210,91%,25%);
}
.ps-form-group-item-selected {
  background-color: #edf5e1;
  color: #FFFFFF;
}
.ps-form-group-item-selected:hover {
  background-color: hsl(84,50%,90%);
}
.ps-form-group-item:first-child {
  width: 38%;
  border-radius: 8px 0 0 8px;
}
.ps-form-group-item:last-child {
  width: 62%;
  border-radius: 0 8px 8px 0;
}
@media only screen and (max-width: 520px) {
    .ps-form-group-item:first-child {
      width: 100%;
      border-radius: 8px;
    }
    .ps-form-group-item:last-child {
      width: 100%;
      border-radius: 8px;
    }
}

/* Lesson Plan */

.lu-lesson-nav-container {
  width: calc(100% + 30px);
  max-width:600px;
  height: 39px;
  margin:0 -15px;
  padding: 5px 15px;
  background-color: #231F20;
  z-index: 99;
}
.lu-lesson-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #C3CEDA;
  gap: 0;
}
.lu-lesson-nav-item {
  border: 1px solid #FFFFFF;
  border-right: none;
  padding: 4px 16px;
  cursor: pointer;
  text-align: center;
}
.lu-lesson-nav-item:last-child {
  border-right: 1px solid #FFFFFF;
}
.lu-lesson-nav-item:hover {
  color: #FFFFFF;
}
.lu-lesson-nav-item-selected {
  color: #D3B65C;
}
.lu-lesson-nav-item-selected:hover {
  color: #D3B65C;
}
.lu-lesson-container {
  border-left: 1px solid #D3B65C;
  margin-left: 15px;
  padding: 0px 8px 20px 30px;
  color: #D3B65C;
  position: relative;
  cursor: pointer;
}
.lu-lesson-container-no-border {
  border-left: none;
  padding: 0px 8px 20px 10px;
}
.lu-lesson-bullet {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #D3B65C;
  top:0;
  left:-12px;
}
.lu-lesson-bullet-lg {
  width: 36px;
  height: 36px;
  left:-19px;
}
.lu-lesson-bullet-lg > img {
  width: 64%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lu-lesson-name {
  font-size: 18px;
  line-height: 22px;
  font-family: Lora, serif;
  width: calc(100% - 30px);
  float: left;
}
.lu-lesson-name-narrow {
  width: calc(100% - 82px);
}
.lu-lesson-name > span {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #C3CEDA;
}
.lu-lesson-check {
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #D3B65C;
  float: right;
}
.lu-lesson-bullet-now {
  background-color: #38b6ff;
}
.lu-lesson-bullet-next {
  background-color: #C3CEDA;
}
.lu-lesson-now-border {
  border-left: 1px solid #38b6ff;
}
.lu-lesson-next-border-spacer {
  height: 20px;
  border-left: 1px solid #C3CEDA;
}
.lu-lesson-next-border-solid {
  border-left: 1px solid #C3CEDA;
}
.lu-lesson-next-border {
  border-left: 1px dotted #C3CEDA;
}
.lu-lesson-next-container {
  color: #C3CEDA;
  border-left: 1px dotted #C3CEDA   ;
  cursor: default;
}
.lu-lesson-next-container .lu-lesson-name {
  width: calc(100% - 40px);
}
.lu-lesson-next-bullet {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #C3CEDA;
  background-color: #231F20;
  top:0;
  left:-12px;
}
.lu-lesson-up-next {
  width: 38px;
  height: 38px;
  padding: 5px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #C3CEDA;
  float: right;
  margin-right: -6px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.lu-lesson-image {
  width: 72px;
  float: left;
  padding-top: 4px;
  padding-right: 10px;
}
.lu-lesson-category-name {
  text-transform: uppercase;
  padding-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
}

/* Profile */

.lu-profile-name {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.12rem;
}
.lu-profile-nickname {
  font-size: 16px;
  text-align: center;
}
.lu-profile-data {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.15rem;
  margin-top: 20px;
}
.lu-profile-stats {
    background-color: #D3B65C;
    color: #231F20;
    font-style: italic;
    width: 100%;
    max-width: 280px;
    height: 50px;
    clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);
    overflow: hidden;
    margin: 0 auto;
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lu-payment-method-icon {
  width: 42px;
}
.lu-avatar-image {
  border:1px solid #231F20;
  border-radius:50%;
}
.lu-profile-subscription {
    background-color: #C3CEDA;
    color: #231F20;
    max-width: 280px;
    height: 50px;
    clip-path: polygon(0% 0%, 100% 0%, 92% 50%, 100% 100%, 0% 100%, 8% 50%);
    overflow: hidden;
    margin: 0 auto;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.lu-profile-subscription-highlight {
    background-color: #D3B65C;
    color: #231F20;
}

/* Team */

.lu-team-user-container {
  margin-top: 10px;
}
.lu-organization-team-user-container {
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFFFFF;
}
.lu-team-user {
  max-width: 280px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1rem;
  display: flex;
  justify-content: left;
  align-items: center;
  cursor:pointer;
}
.lu-team-user-game {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.1rem;
  margin-top: -2px;
}
.lu-team-user-train-badge {
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 13px;
  letter-spacing: normal;
  font-weight: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lu-team-container {
  margin-top: 5px;
  padding: 5px 10px;
  border: 1px solid #FFFFFF;
  font-weight: 500;
}
.lu-team-groups-container {
  position: relative;
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.lu-team-groups {
  position: absolute;
  width: 10000px;
  font-weight: 500;
}
.lu-team-groups-item {
  float: left;
  background-color: hsl(48,100%,60%);
  border-bottom: 2px solid hsl(345,6%,13%);
  padding: 6px 16px;
  cursor: pointer;
}
.lu-team-groups-item-selected {
  border-bottom-color: #FFFFFF;
  background-color: hsl(48,100%,54%);
}

/* Onboarding */

.lu-onboard-header {
  margin-top: 12px;
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.1rem;
}
.lu-onboard-subheading {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin-top: 24px;
}
.lu-onboard-subheading-lg {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.2rem;
  margin-top: 24px;
}
.lu-onboard-text {
  font-size: 16px;
  line-height: 24px;
  max-width: 420px;
  margin: 0 auto;
}
.lu-onboard-text-sm {
  font-size: 13px;
  line-height: 18px;
  max-width: 320px;
  margin: 0 auto;
}
.lu-onboard-text-md {
  font-size: 14px;
  line-height: 24px;
  max-width: 320px;
  margin: 0 auto;
  font-style: italic;
}
.lu-onboard-image-wrapper {
  max-width:820px;
  margin:0 -15px;
  text-align:center;
}
.lu-onboard-image-wrapper-overlay {
  position: relative;
  z-index: 99;
  height: 0;
}
.lu-onboard-image-wrapper-border {
    border: 1px solid #FFFFFF;
}
.lu-onboard-highlight {
  font-weight: bold;
}
.lu-onboard-highlight-lg {
  font-weight: bold;
  font-size: 140%;
  letter-spacing: 0.15rem;
}

/* Subscription */

.lu-subscription-banner {
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
  margin-left: -20px;
  margin-right: -20px;
  padding: 12px 15px;
  letter-spacing: 0.1rem;
}
.lu-subscription-heading {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  text-align: justify;
  letter-spacing: 0.12rem;
}
.lu-subscription-price {
  font-weight: 500;
  font-size: 16px;
}
.lu-subscription-price-lg {
  font-size: 46px;
  letter-spacing: 0.25rem;
  text-align: center;
}
.lu-subscription-price-lg > span {
  font-size: 15px;
}
.lu-subscription-price-banner {
  background-color: inherit;
  border: 1px solid #D3B65C;
  border-radius: 10px;
  padding: 16px;
  letter-spacing: 0.12rem;
}
.lu-subscription-price-banner-selected {
  background-color: #D3B65C;
  color: hsl(345,6%,13%);
}
.lu-subscription-price-banner-tag {
  background-color: hsl(345,6%,13%);
  color: #FFFFFF;
  border-radius: 6px;
  margin-top: -4px;
  margin-right: -4px;
  padding: 2px 8px;
  font-weight: 500;
  float: right;
}
.lu-subscription-price-check {
  border: 1px solid #D3B65C;
  color: #D3B65C;
  padding: 4px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
}
.lu-subscription-price-table {
  margin: 0 1em;
}
.lu-subscription-price-table td {
  padding-bottom: 12px;
}

/* Training */

.lu-training-nav-container {
  position:fixed;
  bottom:-100px;
  background-color:#231F20;
  border:1px solid #D3B65C;
  border-bottom:none;
  width:calc(100% - 30px);
  max-width:520px;
  border-radius:8px 8px 0 0;
  padding:12px 0px 16px;
  transition: all .5s;
}
.lu-training-header {
  color: #D3B65C;
  margin-top: 12px;
  font-weight: 300;
  text-align: center;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.1rem;
}
.lu-training-header-lg {
  margin-top: 12px;
  font-weight: 300;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.1rem;
  color: #D3B65C;
}
.lu-training-lesson-preview-heading {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 0.1rem;
  text-align: center;
}
.lu-video-preview-gradient {
    position:absolute;
    width:100%;
    background:linear-gradient(to bottom, rgba(36,32,33,0) 0%, rgba(36,32,33,0.8) 70%, rgba(36,32,33,0.95) 90%, rgba(36,32,33,1) 100%);
}
.lu-training-subheading {
  color: #C3CEDA;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.08rem;
  margin-top: 20px;
}
.lu-training-subheading-sm {
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 12px;
}
.lu-training-container {
  max-width: 520px;
  margin: 0 auto;
}
.lu-training-progress {
  position: relative;
  max-width: 520px;
  margin: 0 auto;
  padding: 0;
  height: 5px;
  border-radius: 3px;
  overflow: hidden;
  background-color: hsl(345,6%,35%);
  visibility: hidden;
}
.lu-training-progress-bar {
  position: absolute;
  height: 5px;
  width: 0;
  background-color: hsl(45,57%,59%);
}
.lu-training-progress-divider {
  position: absolute;
  width: 2px;
  height: 5px;
  background-color: #231F20;
  z-index: 2;
}
.lu-training-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.lu-training-text-lite {
  font-size: 16px;
  line-height: 24px;
  max-width: 320px;
  margin: 0 auto;
}
.lu-training-text-bold {
  font-weight: bold;
}
.lu-training-text-xlg {
  font-size: 58px;
  line-height: 60px;
  font-weight: 700;
  letter-spacing: 0.2rem;
  text-align: center;
}
.lu-training-text-lg {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.3rem;
}
.lu-training-text-md {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  max-width: 360px;
  margin: 0 auto;
  overflow: hidden;
}
.lu-training-text-sm {
  font-size: 13px;
  line-height: 14px;
  font-weight: 100;
  margin: 0 auto;
}
.lu-training-text-quote {
  font-size: 26px;
  line-height: 42px;
  font-weight: 300;
  letter-spacing: 0.2rem;
}
.lu-training-text-label {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.15rem;
  text-align: center;
  margin: 0 auto;
}
.lu-training-goal {
  border: 1px solid #D3B65C;
  margin:0 auto;
  max-width:520px;
  padding: 8px;
}
.lu-training-goal-wrapper {
  display: flex;
  align-items: center;
  padding: 6px 8px;
}
.lu-training-goal-focus {
  padding: 6px 8px;
}
.lu-training-goal-focus-highlighted {
  background-color: hsl(45,57%,59%);
  padding: 6px 8px;
  color: #231F20;
  border: none;
}
.lu-training-goal-option {
  border-color: #C3CEDA;
  color: #C3CEDA;
  font-size: 15px;
  padding: 10px 8px;
  cursor: pointer;
}
.lu-training-goal-label {
  color: #C3CEDA;
  font-size: 13px;
}
.lu-training-goal-empty {
  border-bottom: 1px solid #AAA;
  color: #AAA;
  opacity: 0.8;
  font-size: 16px;
  padding:3px 12px
}
.lu-training-goal-number {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  padding: 3px 5px;
}
.lu-training-goal-button {
  float:left;
  font-size:24px;
  width:30px;
  padding:0 3px;
  text-align:right;
}
.lu-training-button-info {
  position:relative;
}
.lu-training-button-info > i {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 22px;
}
.lu-training-info {
  padding: 8px 16px 7px;
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin:0 auto;
  position:relative;
  cursor: pointer;
}
.lu-training-info > i {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 22px;
}
.lu-training-button-secondary {
  font-size: 15px;
  font-weight: bold;
  text-align:center;
  height:24px;
  margin:0 auto;
  text-transform: uppercase;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lu-training-button {
  width: auto;
  padding: 8px 16px 47px;
  background-color: hsl(345,6%,13%);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  border-right: 4px solid #FFFFFF;
  border-left: 4px solid #FFFFFF;
  text-align: center;
  cursor: pointer;
  margin-top: 50px;
  margin-bottom: -50px;
  position: relative;
  z-index: 1000;
}
.lu-training-button:hover {
  background-color: hsl(48,100%,72%);
}
.lu-training-button::before {
    content:'';
    position: absolute;
    width:0;
    height:0;
    left: 50%;
    transform:translate(-50%,-67px);
    background-color: transparent;
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-bottom: 60px solid hsl(48,100%,97%);
    z-index: 999;
}
.lu-training-button > i::before {
    content:'';
    position: absolute;
    width:0;
    height:0;
    left: 50%;
    transform:translate(-50%,-70px);
    background-color: transparent;
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-bottom: 60px solid #FFFFFF;
}
.lu-training-button-selected {
  background-color: #D3B65C;
  border-color: #D3B65C;
  color: #231F20;
}
.lu-training-button-selected:hover {
  background-color: hsl(45,57%,63%);
  border-color: hsl(45,57%,63%);
}
.lu-training-button-selected::before {
  border-bottom-color: #FFFFFF;
}
.lu-training-star {
    padding: 3px;
    background-color: #FFFFFF;
    color: hsl(345,6%,13%);
    font-size: 14px;
    font-weight: 500;
    width: 50px;
    height: 50px;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lu-training-diamond {
    padding: 3px;
    background-color: #FFFFFF;
    width: 50px;
    height: 50px;
    clip-path: polygon(50% 0%, 85% 50%, 50% 100%, 15% 50%);
    overflow: hidden;
}
.lu-training-triangle {
    padding: 3px;
    background-color: #FFFFFF;
    width: 50px;
    height: 50px;
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    overflow: hidden;
}
.lu-training-card {
    width: calc(100% - 6px);
    padding: 18px 14px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #C3CEDA;
    background-color: #231F20;
    position: absolute;
}
.lu-training-card > div {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lu-training-overlay-icon {
    position: absolute;
    width: 14%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lu-training-overlay-label {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -34%);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.08rem;
    text-shadow: 1px 1px rgba(211,182,92,0.5);
}
.lu-training-overlay-banner {
    padding-top: 10px;
    background-color: #D3B65C;
    color: #231F20;
    font-size: 13px;
    width: 36px;
    height: 70px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 78%, 0% 100%, 0% 0%);
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    left: 5%;
}
.lu-training-overlay-time {
    padding: 4px 8px;
    background-color: rgba(36,32,33,0.78);
    color: #D3B65C;
    font-size: 13px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 4px;
}
.lu-training-horizontal-slider-wrapper {
    background: linear-gradient(to right, rgba(211,182,92,0.05) 0%, rgba(211,182,92,0.6) 50%, hsl(45,57%,59%) 100%);
    color: #FFFFFF;
    width: 100%;
    height: 44px;
    cursor: pointer;
    position: relative;
}
.lu-training-horizontal-slider-labels {
    font-size: 15px;
    font-weight: bold;
}
.lu-training-horizontal-slider {
    background-color: hsl(345,6%,23%);
    height: 44px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}
.lu-training-horizontal-slider-bar {
    background-color: hsl(45,57%,59%);
    width: 24px;
    height: 54px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -5px;
}
.lu-training-up-arrow {
    padding: 3px;
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    height: 110px;
    margin-bottom: -50px;
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 0% 100%);
    overflow: hidden;
    cursor: pointer;
}
.lu-training-up-arrow > div {
    padding: 25px 10px;
    background-color: hsl(345,6%,13%);
    width: 100%;
    height: 108px;
    overflow: hidden;
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 0% 100%);
}
.lu-training-up-arrow:last-child {
  margin-bottom: 0;
  height: 74px;
  clip-path: polygon(0% 27.5px, 50% 0%, 100% 27.5px, 100% 100%, 0% 100%);
}
.lu-training-up-arrow:last-child > div {
  border-bottom: 4px solid #FFFFFF;
  height: 72px;
  clip-path: polygon(0% 27px, 50% 0%, 100% 27px, 100% 100%, 0% 100%);
}
.lu-training-up-arrow-selected > div {
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
}
.lu-training-up-arrow-notext > div {
  color: #FFFFFF;
}
.lu-training-up-arrow-highlight > div {
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
}
.lu-training-data-underline {
  border-top: 1px dotted #FFFFFF;
  margin:0 auto;
}
.lu-training-ribbon {
    background-color: #C3CEDA;
    color: #231F20;
    max-width: 280px;
    height: 44px;
    clip-path: polygon(0% 0%, 100% 0%, 92% 50%, 100% 100%, 0% 100%, 8% 50%);
    overflow: hidden;
    margin: 0 auto;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.lu-training-ribbon-highlight {
    background-color: #D3B65C;
    color: #231F20;
}
.lu-training-snowglobe {
  background-color: #D3B65C;
  color: #231F20;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  width: 72px;
  height: 68px;
  border-radius: 60% 60% 0 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.lu-training-snowglobe-label {
  background-color: #231F20;
  border: 1px solid #D3B65C;
  color: #D3B65C;
  padding: 4px;
  font-size: 13px;
  width: 72px;
  margin: 0 auto;
  margin-top: -14px;
  text-align: center;
}
.lu-training-grade {
  background-color: #D3B65C;
  color: #231F20;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lu-training-grade-md {
  font-size: 28px;
}
.lu-training-score {
    background-color: hsl(345,6%,13%);
    color: #FFFFFF;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0.3rem;
    text-align: center;
    width: 180px;
    height: 180px;
    padding-top: 10px;
    border-radius: 50%;
    position: absolute;
    left: 50px;
    top: 50px;
}
.lu-training-score-sm {
    font-size: 20px;
    font-weight: bold;
    width: 70px;
    height: 70px;
    padding-top: 8px;
    left: 15px;
    top: 15px;
}
.lu-training-score > div {
    font-size: 13px;
    margin-top: -8px;
    letter-spacing: 0.15rem;
}
.lu-training-score-gauge {
    width: 280px;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.lu-training-score-gauge-radial {
    background-color: #43464B;
    margin: 0 auto;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    transform: rotate(-90deg);
}
.lu-training-score-gauge-md {
    background-color: hsl(345,6%,13%);
    width: 140px;
    height: 70px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.lu-training-score-gauge-md-radial {
    background-color: #43464B;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    transform: rotate(-90deg);
}
.lu-training-score-md {
    background-color: hsl(345,6%,13%);
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 15px;
}
.lu-training-score-gauge-circle {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.lu-training-score-gauge-circle-radial {
    background-color: #0c9124;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-image: conic-gradient(#f59e07 0deg, #f5d751 0deg);
}
.lu-training-score-gauge-needle {
  background-color: #D3B65C;
  width:14px;
  height:134px;
  position:absolute;
  left:calc(50% - 7px);
  top:2px;
  transform:rotate(36deg);
  transform-origin:50% 100%;
  border-radius: 50% 50% 50% 50% / 95% 95% 5% 5%;
}
.lu-training-score-gauge-md-needle {
  background-color: #D3B65C;
  width:6px;
  height:64px;
  position:absolute;
  left:calc(50% - 3px);
  top:2px;
  transform:rotate(0deg);
  transform-origin:50% 100%;
  border-radius: 50% 50% 50% 50% / 93% 93% 7% 7%;
}
.lu-training-circle-value-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lu-training-circle-value-label {
    font-size: 13px;
    text-align: center;
}
.lu-training-circle-value {
    width: 36px;
    height: 36px;
    margin: 2px 5px;
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 0px 4px #FFF;
}
.lu-training-circle-value > div {
    background-color: #231F20;
    overflow: hidden;
    color: #38b6ff;
    font-size: 13px;
    font-weight: 100;
    text-align: center;
    width: 26px;
    height: 26px;
    padding-top: 3px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0px 0px 1px #FFF;
}
.lu-training-input-circle {
    width: 240px;
    height: 240px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 0px 14px #FFF;
}
.lu-training-input-circle-radial {
    background-color: #0c9124;
    margin: 0 auto;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background-image: conic-gradient(#f59e07 0deg, #f5d751 0deg);
}
.lu-training-input-circle-inside {
    background-color: #231F20;
    overflow: hidden;
    color: #38b6ff;
    font-weight: 100;
    letter-spacing: 0.2rem;
    text-align: center;
    width: 140px;
    height: 140px;
    padding-top: 26px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0px 0px 8px #FFF;
}
.lu-training-input-circle-text-input {
    background-color: transparent;
    color: #38b6ff;
    font-size: 54px;
    font-weight: 100;
    line-height: 54px;
    letter-spacing: 0.2rem;
    width: 128px;
    height: 70px;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}
.lu-training-input-circle-handle {
    background-color: #D3B65C;
    position: absolute;
    top: -5px;
    left: calc(50% - 15px);
    width: 30px;
    height: 61px;
    border-radius: 8px;
    transform-origin: 50% 0;
    transform: rotate(0deg);
}
.lu-training-graph-bar-container {
    margin:0 auto;
    margin-top: 4px;
    font-size:14px;
    color: #D3B65C;
    display:flex;
    align-items:center;
}
.lu-training-graph-bar-container:first-child {
    margin-top: 0;
}
.lu-training-graph-bar {
    background-color: #43464B;
    height:20px;
    position:relative;
}
.lu-training-graph-bar > div {
    background-color: #D3B65C;
    color: #231F20;
    text-align:center;
    top:0;
    left:0;
    width:0;
    height:100%;
}
.lu-training-score-circle {
    background-color: #231F20;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.3rem;
    text-align: center;
    width: 80px;
    height: 80px;
    padding-top: 14px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 20px;
}
.lu-training-flex {
  display: flex;
  justify-content: space-between;
}
.lu-training-flex-item {
  text-align: center;
  width: 56px;
  letter-spacing: 0.2rem;
}
.lu-training-grade-separator {
  border-top: 1px dotted #FFFFFF;
}
.lu-training-grade-separator > div {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FFFFFF;
  float: right;
  margin-top: -3px;
}
.lu-training-history-score {
  font-weight: bold;
}
.lu-training-label {
  font-size: 12px;
  letter-spacing: 0.14rem;
  background-color: #231F20;
}
.lu-share-button {
  background-color: #FFFFFF;
  color: #231F20;
  width: 54px;
  height: 54px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.lu-share-button > div {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid hsl(345,6%,13%);
  text-align: center;
  padding-top: 1px;
}
.lu-share-button > span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: hsl(345,6%,13%);
  position: absolute;
  right: 8px;
  top: 8px;
}
.lu-training-share-container {
  border: 1px solid #D3B65C;
  border-radius: 8px;
  overflow: hidden;
  margin:0 auto;
  max-width:520px;
}
.lu-training-group-button-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.lu-training-group-button {
  border: 1px solid #D3B65C;
  margin: 2px;
  padding: 2px 6px;
  float: left;
  transition: 0.5s;
  cursor: pointer;
}
.lu-training-group-button-selected {
  background-color: #D3B65C;
  color: #231F20;
}
.lu-info-icon-button {
  cursor:pointer;
  color: #D3B65C;
  font-size: 18px;
  position: relative;
}
.lu-training-switch {
  font-size: 36px;
  width: 40px;
}
.lu-training-timer {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: hsl(45,57%,59%);
  color: hsl(345,6%,13%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: conic-gradient(hsl(45,57%,59%) 100%, hsl(0,100%,90%) 100%, hsl(0,100%,90%));
  cursor: pointer;
}
.lu-training-timer-watch {
  width: 128px;
  height: 134px;
  color: #D3B65C;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lu-training-timer-watch img {
  position: absolute;
}
.lu-training-timer .lu-training-timer-value, .lu-training-timer-watch .lu-training-timer-value {
  font-size: 22px;
  font-weight: 500;
}
.lu-training-breathe {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lu-training-breathe > div:first-of-type {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #D3B65C;
  color: #231F20;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lu-training-breathe-value {
  font-size: 24px;
  font-weight: bold;
}
.lu-training-background-image {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center 50px;
  background-size: auto 78%;
}
.lu-content-truncate-gradient {
  position: relative;
  z-index: 999;
  text-align:center;
  font-size:13px;
  margin-top: -30px;
  padding-top: 36px;
  cursor: pointer;
  background: linear-gradient(to bottom, rgba(36,32,33,0) 0%, rgba(36,32,33,1) 50%, rgba(36,32,33,1) 100%);
}
.lu-content-truncate-gradient-overlay {
  background: linear-gradient(to bottom, rgba(67,70,75,0) 0%, rgba(67,70,75,1) 50%, rgba(67,70,75,1) 100%);
}
.lu-training-slider-wrapper {
  max-width: 520px;
  height: 120px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.lu-training-slider {
  width: 10000px;
  position: absolute;
}
.lu-training-slider-item {
  background-color: #231F20;
  border: 1px solid #C3CEDA;
  color: #C3CEDA;
  border-radius: 6px;
  cursor: pointer;
  float: left;
  position: relative;
  width: 200px;
  height: 120px;
  margin: 0 8px;
  padding: 8px 12px;
}
.lu-training-slider-item-accent {
  background-color: #D3B65C;
  color: #231F20;
  border-radius: 10px;
  cursor: pointer;
  float: left;
  position: relative;
  width: 320px;
  height: auto;
  margin-right:10px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lu-training-slider-item-info {
  font-size: 13px;
  letter-spacing: 0.08rem;
  border-top: 1px solid #231F20;
  text-align: center;
  margin:10px -12px 0 -12px;
  padding-top: 5px;
}
.lu-training-info-item {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 6px;
  float: left;
  padding: 4px 6px;
  height: 100%;
}
.lu-training-info-item-accent {
  border-color: #D3B65C;
}
.lu-content-truncate-gradient-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 10px;
  background: linear-gradient(to left, rgba(36,32,33,0) 0%, rgba(36,32,33,1) 100%);
}
.lu-content-truncate-gradient-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 10px;
  background: linear-gradient(to right, rgba(36,32,33,0) 0%, rgba(36,32,33,1) 100%);
}
.lu-training-user-message {
  position:absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  font-size:13px;
  text-align:center;
  background-color: inherit;
  padding: 4px 8px;
  border-radius: 6px;
  box-shadow: 0 2px 5px #666;
}
.lu-assessment-user-message {
  display: block;
  font-size:14px;
  text-align:center;
  padding: 4px 8px;
}
.lu-quote-corner-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  z-index: 1;
}
.lu-quote-corner-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    z-index: 1;
}
.lu-training-image-circle {
    border-radius: 50%;
    overflow: hidden;
}
.lu-training-float-options-container {
  display: flex;
  justify-content: center;
  font-size: 15px;
}
.lu-training-float-option {
  float: left;
  border: 1px solid #D3B65C;
  margin: 0 4px;
  padding: 4px 8px;
  cursor: pointer;
}
.lu-training-float-option-selected {
  background-color: #D3B65C;
  color: #231F20;
}
.lu-training-options-slider {
  background-color: #231F20;
  border: 1px solid #D3B65C;
  color: #D3B65C;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 28px;
  margin: 0 auto;
  padding: 0;
}
.lu-training-options-slider-label {
  float: left;
  height: 28px;
  padding: 4px 8px;
  border-right: 1px solid #D3B65C;
}
.lu-training-options-slider-item {
  float: left;
  position: relative;
  width: 40px;
  height: 28px;
  padding: 4px 8px;
  border-right: 1px solid #D3B65C;
  text-align: center;
}
.lu-training-options-slider-item:last-child {
  border-right: none;
}
.lu-training-options-slider-item-selected {
  background-color: #D3B65C;
  color: #231F20;
}
.lu-training-instruction-step {
  width: 28px;
  height: 28px;
  font-size: 14px;
  background-color: #D3B65C;
  color: #231F20;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lu-training-counter {
  max-width: 100px;
  margin: 0 auto;
  border: 1px solid #38b6ff;
}
.lu-training-counter > div {
  font-size:13px;
  border-bottom: 1px solid #38b6ff;
  background-color: #38b6ff;
  color: #231F20;
}
.lu-training-vertical-arrow-container {
  background-color: rgba(211,182,92,0.88);
  color: #231F20;
  clip-path: polygon(0% 0%, 50% 14%, 100% 0%, 100% 86%, 50% 100%, 0% 86%, 0% 0%);
  position: relative;
  padding: 12% 20px 17%;
  max-width: 420px;
  margin: 0 auto;
}
.lu-training-vertical-arrow-container-bottom {
  position: absolute;
  bottom: 2%;
  left: 50%;
  width: 82%;
  height: 11%;
  transform: translateX(-50%);
  background-color: #231F20;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 0%);
}
.lu-training-vertical-arrow-container > div {
  text-align: center;
}
.lu-training-vertical-arrow-container .lu-training-text {
  color: #FFF;
  text-align: left;
  max-width: none;
}
.lu-training-time-display {
  font-size:32px;
  color: #38b6ff;
  font-weight: 100;
  text-align: center;
}
.lu-training-time-ampm {
  font-size:18px;
  padding: 2px;
  cursor: pointer;
}
.lu-training-time-ampm-selected {
  background-color: #43464B;
  border-radius: 4px;
}
.lu-training-calender-dayofweek {
  font-size:14px;
  padding: 2px 6px;
  cursor: pointer;
  border: 1px solid #38b6ff;
  border-right: none;
  transition: 0.3s;
}
.lu-training-calender-dayofweek:last-child {
  border-right: 1px solid #38b6ff;
}
.lu-training-calender-dayofweek-selected {
  background-color: #38b6ff;
  color: #FFF;
}
.lu-training-arrow-up {
  width: 42px;
  height: 18px;
  margin: 0 auto;
  text-align: center;
  font-size: 10px;
  background-color: #D3B65C;
  color: #231F20;
  padding-top: 3px;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%, 50% 0%);
  cursor: pointer;
}
.lu-training-arrow-down {
  width: 42px;
  height: 18px;
  margin: 0 auto;
  text-align: center;
  font-size: 10px;
  background-color: #D3B65C;
  color: #231F20;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 0%);
  cursor: pointer;
}
.lu-training-relationship {
  border: 1px solid #C3CEDA;
  margin: 0 auto;
  max-width:520px;
  padding: 8px;
  cursor: pointer;
}
.lu-training-relationship-selected {
  border-color: #D3B65C;
}
@media screen and (max-width:520px) {
    .lu-training-lesson-preview-heading {
        font-size: 28px;
    }
}

/* Plan */

.lu-plan-nav-container {
  position: fixed;
  top: 55px;
  width: 100%;
  max-width:600px;
  height: 39px;
  margin:0 -15px;
  padding: 5px 15px;
  background-color: #231F20;
  z-index: 99;
}
.lu-plan-nav {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 13px;
  color: #C3CEDA;
  gap: 0;
}
.lu-plan-nav-item {
  border: 1px solid #FFFFFF;
  border-right: none;
  padding: 4px;
  cursor: pointer;
  width: 25%;
  text-align: center;
}
.lu-plan-nav-item:last-child {
  border-right: 1px solid #FFFFFF;
}
.lu-plan-nav-item:hover {
  color: #FFFFFF;
}
.lu-plan-nav-item-selected {
  color: #D3B65C;
}
.lu-plan-nav-item-selected:hover {
  color: #D3B65C;
}

/* Log */

.lu-calendar {
  border: 5px solid #C3CEDA;
  border-radius: 20px;
  margin-top: 24px;
  padding-bottom: 20px;
}
.lu-calendar-ring {
  margin-top: -24px;
  width: 28px;
  height: 48px;
  padding: 0 6px;
  background-color: #231F20;
  float: left;
}
.lu-calendar-ring > div {
  width: 16px;
  height: 48px;
  border-radius: 8px;
  background-color: #C3CEDA;
}
.lu-calendar-label {
  text-align: center;
  width: 30px;
}
.lu-calendar-day {
  width: 30px;
  height: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  position: relative;
}
.lu-calendar-day > div {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
.lu-log-score {
  margin: 0 auto;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  position: relative;
  font-size: 14px;
}
.lu-log-score > div {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
.lu-log-report-table {
  width: calc(100% + 20px);
  margin: -10px;
  border-spacing: 10px;
  border-collapse: separate;
}
.lu-log-report-table td {
  border-bottom: 1px solid #D3B65C;
  padding: 5px;
  margin: 5px;
}
.lu-log-report-header {
  font-weight: 100;
  font-size: 14px;
  background-color: #D3B65C;
  color: #231F20;
  padding: 6px;
}
.lu-log-report-table-cell-left {
  width: 70%;
  padding-right: 5%;
  text-align: right;
}
.lu-log-report-table-cell-right {
  width: 25%;
  text-align: center;
  vertical-align: center;
}
.lu-log-report-table-cell-right > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lu-log-report-table-cell-right > div > span {
  width: 28px;
  height: 28px;
  font-size: 14px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.lu-log-report-table-cell-right > div > span > span {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
.lu-log-bgcolor-gold {
  background-color: #D3B65C;
  border-color: #D3B65C;
  color: #231F20;
}
.lu-log-bgcolor-silver {
  background-color: #C3CEDA;
  border-color: #C3CEDA;
  color: #231F20;
}
.lu-log-bgcolor-bronze {
  background-color: #A97142;
  border-color: #A97142;
}
.lu-log-bgcolor-accent {
  background-color: #38b6ff;
  border-color: #38b6ff;
}
.lu-log-bgcolor-gray {
  background-color: #C3CEDA;
  border-color: #C3CEDA;
  color: #231F20;
}
.lu-log-empty {
  width: 28px;
  height: 28px;
  margin:0 auto;
  border-radius: 50%;
  border: 2px solid #A97142;
}
.lu-log-empty > div {
  width: 100%;
  height: 2px;
  background-color: #A97142;
  transform: rotate(135deg);
}

/* Goals */

.lu-goals-subheading {
  font-size: 17px;
  letter-spacing: 0.18rem;
  text-align: center;
}
.lu-goals-linkheading {
  font-size: 16px;
  letter-spacing: 0.1rem;
  text-align: center;
  cursor: pointer;
}
.lu-goals-text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-align: justify;
  padding: 4px 6px;
}
.lu-goals-text-underline {
  border-bottom: 1px dotted #FFFFFF;
}
.lu-goals-edit {
  padding: 8px 2px;
  font-size:18px;
  text-align: center;
  cursor: pointer;
}
.lu-goals-edit-disabled {
  color: #AAA;
  cursor: default;
}
.lu-goals-sort-container {
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  background-color: hsl(345,6%,13%);
  max-height: 45px;
  overflow: hidden;
  position: absolute;
  z-index: 9999;
}
.lu-goals-sort-invisible-container {
  visibility: hidden;
  top: auto;
}
.lu-goal-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.lu-goals-menu {
  position: absolute;
  height: 42px;
  top: 2px;
  left: 0;
  background-color: hsl(345,6%,13%);
}
.lu-goals-menu-item {
  float:left;
  padding: 4px 2px;
  font-size:18px;
  width: 48px;
  cursor: pointer;
  background-color: hsl(48,100%,50%);
  text-align: center;
}
.lu-goals-menu-item > div {
  font-size:10px;
  margin-top:-3px;
}
.lu-goals-menu-item2 {
  background-color: hsl(48,100%,45%)
}
.lu-goals-menu-item3 {
  background-color: hsl(48,100%,42%)
}
.lu-goals-menu-item4 {
  background-color: hsl(48,100%,38%)
}
.lu-goals-avatar {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 2px;
  left: 0px;
}
.lu-goals-property {
  position: absolute;
  width: 10px;
  height: 10px;
  font-size: 10px;
  top: 20px;
  left: 0px;
}

/* Feed */

.lu-feed-fixed-top-container {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
  margin-bottom: 8px;
  font-size: 13px;
  letter-spacing: 0.1rem;
  position: relative;
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.lu-feed-activity-container {
  padding-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 16px;
  border-bottom: 1px dotted #FFFFFF;
}
.lu-feed-activity-name {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1rem;
}
.lu-feed-actions {
  font-size: 12px;
  letter-spacing: 0.1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lu-feed-actions-item {
  width:90px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lu-feed-content-date {
  font-size: 13px;
  letter-spacing: 0.1rem;
}
.lu-feed-content-text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1rem;
  margin-top: 6px;
  overflow: hidden;
}
.lu-feed-image-wrapper {
  width: calc(100% + 40px);
  margin:0 auto;
  margin-top: 6px;
  margin-bottom: 8px;
  margin-left:-20px;
  margin-right:-20px;
  text-align:center;
}

/* Report */

.lu-report-label {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.14rem;
}
.lu-report-graph-container {
  width: 100%;
  height: 240px;
  position: relative;
  overflow: hidden;
}
.lu-report-line-graph {
   margin: 10px;
   width: 10000px;
   height: var(--line-chart-size);
   margin: 0;
   padding: 0;
   margin-top: 26px;
   position: absolute;
}
.lu-report-graph-labels {
  width: 10000px;
  height: 24px;
  position: absolute;
}
.lu-report-graph-label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  background-color: #FFFFFF;
  color: #FFFFFF;
  cursor: pointer;
  clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%);
  display: inline-block;
  padding: 1px;
  float: left;
}
.lu-report-graph-label > div {
  background-color: hsl(345,6%,13%);
  border: 1px solid #FFFFFF;
  clip-path: polygon(2px 0%, calc(100% - 11px) 0%, calc(100% - 1.5px) 50%, calc(100% - 11px) 100%, 2px 100%, 12px 50%);
  padding: 4px 12px 4px 15px;
}
.lu-report-graph-label-selected > div {
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
}
.lu-report-graph-label:first-of-type {
  clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%);
}
.lu-report-graph-label:first-of-type > div {
  padding-left: 6px;
  clip-path: polygon(0px 0%, calc(100% - 11px) 0%, calc(100% - 1.5px) 50%, calc(100% - 11px) 100%, 1px 100%);
}
.lu-report-graph {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 180px;
}
.lu-report-graph-item {
  background-color: #FFFFFF;
  color: hsl(345,6%,13%);
  border-radius: 50%;
  position: absolute;
  width: 26px;
  height: 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lu-report-graph-item-hidden {
  background-color: hsl(210,20%,55%);
}
.lu-report-graph-line-segment {
  background-color: #FFFFFF;
  height: 2px;
  position: absolute;
  z-index: -1;
  transform-origin: left bottom;
}
.lu-report-graph-meta {
  float: left;
  width: 50px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.lu-report-graph-peers {
  float: left;
  width: 50px;
  font-size: 14px;
  font-weight: normal;
  font-weight: bold;
  text-align: center;
  cursor: default;
}
.lu-content-slider-wrapper {
  width: 260px;
  height: 462px;
  margin: 0 auto;
  position:relative;
  overflow: hidden;
}
.lu-content-slider {
  width: 4000px;
  position: absolute;
}
.lu-content-slide {
  float: left;
  position: relative;
  width: 260px;
}

/* Journal */

.lu-journal-name {
  font-size: 16px;
  font-weight: bold;
  margin-top: 12px;
  letter-spacing: 0.08rem;
}
.lu-journal-visibility-message {
  font-size: 12px;
  letter-spacing: 0.04rem;
}
.lu-journal-comment-byline {
  font-size: 12px;
  letter-spacing: 0.1rem;
}
.lu-journal-comment-text {
  font-size: 15px;
  letter-spacing: 0.1rem;
  font-weight: 500;
}
.lu-journal-comment-input-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #FFFFFF;
  background-color: hsl(345,6%,13%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.lu-journal-summary-data {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1rem;
}

/* Slider */

.lu-slider-container {
  position: relative;
}
.lu-slider-label {
  position: absolute;
  font-size: 16px;
  letter-spacing: 0.1rem;
  white-space: nowrap;
}
.lu-slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  margin: 10px 0;
  width: 100%;
  height: 6px;
  background: #FFFFFF;
  border-radius: 3px;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.lu-slider:hover {
  opacity: 1;
}
.lu-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border: 3px solid #FFFFFF;
  border-radius: 14px;
  background-color: #D3B65C;
  cursor: pointer;
}
.lu-slider::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  border: 3px solid #FFFFFF;
  background-color: #D3B65C;
  cursor: pointer;
}
.lu-slider-days-label {
  font-size: 14px;
}
.lu-slider-days::-webkit-slider-thumb {
  width: 14.28%;
  height: 28px;
  border-radius: 6px;
  border: 2px solid #FFFFFF;
}

/* Switch Input */

.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing:content-box;
}
.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing:content-box;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing:content-box;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

/* Switch Flat */

.switch-flat {
    padding: 0;
    background: inherit;
    background-image: none;
}
.switch-flat .switch-label {
    background: #231F20;
    border: solid 2px #FFFFFF;
    box-shadow: none;
}
.switch-flat .switch-label:before {
    color: #FFFFFF;
}
.switch-flat .switch-label:after {
    color: #231F20;
}
.switch-flat .switch-handle {
    top: 6px;
    left: 6px;
    background: #FFFFFF;
    width: 22px;
    height: 22px;
    box-shadow: none;
}
.switch-flat .switch-handle:before {
    background: #231F20;
}
.switch-flat .switch-input:checked ~ .switch-label {
    background: #FFFFFF;
    border-color: #FFFFFF;
}
.switch-flat .switch-input:checked ~ .switch-handle {
    left: 72px;
    background: #231F20;
    box-shadow: none;
}

/* Checkbox */

.lu-form-checkbox-wrapper {
  display:flex;
  align-items:center;
}
.lu-form-checkbox-container {
  display: block;
  position: relative;
  float: left;
  width: 28px;
  height: 22px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lu-form-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.lu-form-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  background-color: #FFFFFF;
}
.lu-form-checkbox-container:hover input ~ .lu-form-checkbox {
  background-color: #EEEEEE;
}
.lu-form-checkbox-container input:checked ~ .lu-form-checkbox {
  background-color: #FFFFFF;
}
.lu-form-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}
.lu-form-checkbox-container input:checked ~ .lu-form-checkbox:after {
  display: block;
}
.lu-form-checkbox-container .lu-form-checkbox:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #231F20;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Messages */

.ut-messages-conversation-container {
  overflow-y: auto;
}
.ut-messages-conversation {
  border: 1px solid #CCC;
  cursor: pointer;
  padding: 12px 8px;
  margin-top: -1px;
}
.ut-messages-conversation-selected {
  border-left:4px solid #3A61BE;
  background-color:rgb(240,245,250);
}
.ut-messages-conversation-time {
  font-size: 90%;
  color: #888;
}
.ut-messages-conversation-recipients {
  font-size: 110%;
}
.ut-messages-context-name {
  font-size: 20px;
}
.ut-project-properties {
  width: 100%;
}
.ut-project-properties > div {
  float: left;
  padding-right: 24px;
  font-size: 90%;
}
.ut-project-properties > div:last-child {
  padding-right: 0;
}
.ut-project-images-container {
  margin-top: 12px;
}
.ut-project-images-container img {
  width: 100%;
}
.ut-project-activities-container {
  margin-top:12px;
  width: 50%;
}
.ut-project-activities-container > div {
  padding: 8px;
  font-size: 90%;
  margin-top:-1px;
  border:1px solid #CCC;
}
.ut-messages-container {
  width: 100%;
  border: 1px dotted #FFF;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px;
}
.ut-messages-form-container {
  margin-top: 6px;
}
.ut-messages {
  position: relative;
  top: 0;
  left: 0;
  width: 200%;
}
.message-container {
  padding: 10px;
  margin: 5px 0px;
  width: 70%;
  border-radius: 16px;
  background-color: #EEE;
  clear: both;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-attachment: fixed;
  position: relative;
}
.message-container:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}
.message-container:after {
  content: "";
  display: table;
  clear: both;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}
.message-author {
  color: #555;
  font-size: 80%;
  font-weight: bold;
}
.message-time {
  font-size: 80%;
  font-weight: normal;
  color: #555;
  margin-left: 10px;
}
.message-text {
  margin: 8px 0;
}
.messages {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0 20px;
  background-color: #d9edfc;
}
.message {
  border-radius: 18px;
  padding: 10px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
.mine .message {
  float: right;
  color: white;
  margin-left: 25%;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-color: #38b6ff;
  background-attachment: fixed;
  position: relative;
}
.mine .message:last-child:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}
.mine .message:last-child:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: #d9edfc;
  border-bottom-left-radius: 10px;
}
.yours .message {
  color: inherit;
  margin-right: 25%;
  background-color: hsl(206,85%,82%);
  position: relative;
}
.yours .message:last-child:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: hsl(206,85%,82%);
  border-bottom-right-radius: 15px;
}
.yours .message:last-child:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: #d9edfc;
  border-bottom-right-radius: 10px;
}

/* Landing Pages */

.lu-landing-content-heading1 {
  font-size:46px;
  line-height:54px;
}
.lu-landing-content-heading2 {
  font-size:32px;
  line-height:38px;
}
.lu-landing-content-heading3 {
  font-size:26px;
  line-height:30px;
}
.lu-landing-content-slider-container {
  float:left;
  width:73%;
  margin-left:2%;
}
.lu-landing-content-slider-label {
  font-size: 20px;
  float:left;
  width:25%;
  text-align: right;
}
.lu-landing-content-slider div {
  padding: 6px 8px;
  opacity: 0.65;
}
.lu-landing-content-slider div.lu-landing-content-slider-item-highlighted {
  opacity: 1;
  border-bottom: 2px solid #38b6ff;
}
.lu-landing-program-item {
  border: 1px solid #D3B65C;
  border-radius: 6px;
  padding: 10px 15px;
  margin:0 auto;
  margin-top: 1em;
  overflow: hidden;
}
.lu-landing-program-item-badge {
  display: inline-block;
  border-radius: 8px;
  margin-left: 5px;
  padding: 8px;
  background-color: #D3B65C;
  color: #231F20;
  font-size: 20px;
  text-align: center;
  margin-right: 10px;
}
.lu-landing-program-item-badge > div {
  margin-top: 10px;
  font-size: 34px;
  font-weight: 500;
  line-height: 34px;
}
.lu-landing-program-item-name {
  font-size: 24px;
  letter-spacing: 0.08rem;
  font-weight: 400;
  color: white;
  font-family: 'Lora', serif;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}
.lu-landing-program-item-heading {
  font-size: 20px;
  font-weight: 500;
  /*text-align: center;*/
  margin-top: 16px;
  margin-bottom: 4px;
  color: #D3B65C;
}
.lu-landing-program-item-heading:first-of-type {
  margin-top: 0;
}
.lu-landing-program-item-description {
  margin: 1em -15px -20px;
  padding: 20px;
  background-color: #43464B;
}
.lu-landing-review-container {
  background-color: #43464B;
  border-radius: 6px;
  max-width: 620px;
  margin:0 auto;
  padding: 20px;
}
.lu-landing-review-text {
  font-size: 110%;
  font-weight: 100;
  font-family: Lora, serif;
  margin-top: 12px;
}
.lu-landing-list {
  list-style-type: none;
}
.lu-landing-contrast-container {
  background-color: white;
  color: #231F20;
  padding: 32px;
  margin:0 -15px;
}
.lu-landing-check-item {
  display: flex;
  margin-top: 20px;
}

@media screen and (max-width: 520px) {
  .lu-landing-content-heading1 {
      font-size:32px;
      line-height:38px;
  }
  .lu-landing-content-heading2 {
      font-size:28px;
      line-height:32px;
  }
  .lu-landing-content-slider-container {
    width:100%;
    margin-left:0;
    margin-top:1em;
  }
  .lu-landing-content-slider-label {
    font-size: 20px;
    width:100%;
    text-align: left;
  }
}

@media screen and (min-width: 1500px) {
  .ut-account-project-top {
    width: 1500px;
  }
  .ut-account-project-nav {
    width: 1500px;
  }
}
@media screen and (max-width: 1499px) {
  .ut-account-project-top {
    width: 100%;
  }
  .ut-account-project-nav {
    width: 100%;
  }
}
@media screen and (max-width: 1414px) {
  .ut-account-project {
    width:60%;
  }
  .ut-project-messages-wrapper {
    width:40%;
  }
}
@media screen and (max-width: 1414px) {
  .ut-account-project-info {
    width:100%;
    padding: 0 15px;
  }
  .ut-project-images-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 1072px) {
  .ut-account-project {
    width:100%;
  }
  .ut-project-messages-tab {
    display:block;
  }
  .ut-project-messages-close {
    display:block;
    position:absolute;
    right:0;
    top:0;
    padding:12px;
    font-size:22px;
  }
  .ut-project-messages-wrapper {
    position:absolute;
    right:0;
    margin-top:5px;
    width:70%;
    max-width:500px;
    background-color:#FFF;
    display:none;
    border: 1px solid #CCC;
    border-right: none;
  }
  .ut-account-project-top-left {
    width:100%;
    padding-left:24px;
  }
  .ut-account-project-top-right {
    width:100%;
    margin-top:24px;
  }
}
@media screen and (max-width: 800px) {
  .ut-account-project-top-control {
    margin-top:12px;
  }
}
@media screen and (max-width: 520px) {
  .ut-project-messages-wrapper {
    width:100%;
  }
}

.top-nav-right-close {
  position:absolute;
  right:14px;
  top:14px;
  width:28px;
  height:28px;
  border:1px solid #FFFFFF;
  border-radius:16px;
  color: #231F20;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#mobileNavLeft {
  display: block;
  visibility: hidden;
  float: left;
}
#mobileNav, #mobileNavRightTrain {
  display: none;
  float: right;
}
#mobileNavBottom {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 99999999999;
  width: 100%;
  height: 56px;
  margin: 0 auto;
  padding: 0 15px;
  background-color: #231F20;
}
#mainNavBottom {
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 99999999999;
  width: 100%;
  height: calc(52px + env(safe-area-inset-bottom));
  margin: 0 auto;
  background-color: #231F20;
  border-top: 1px solid #D3B65C;
}
.bottom-nav-item {
  width:20%;
  float: left;
  padding: 5px;
  font-size: 11px;
  text-align: center;
}
.bottom-nav-img {
  height:26px;
  position:relative;
}
.bottom-nav-img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#wideNav {
  display: block;
}
.mobile-navigation {
  font-size: 16px;
  padding: 18px 22px 12px;
  cursor: pointer;
}
#mobile-navigation-icon {
  padding: 16px 20px;
  cursor: pointer;
}
#mobile-navigation-icon:hover {
  color: hsl(210,91%,28%);
}
#mobile-navigation a {
  display: block;
  margin: 10px;
  padding: 10px;
}
#mobileNavList, #wideNavList {
  display: none;
  position: fixed;
  z-index: 100;
  top: 56px;
  right: calc(50% - 340px);
  font-size: 16px;
  background-color: #231F20;
  border-left: 1px solid #D3B65C;
  border-bottom: 1px solid #D3B65C;
}
#wideNavList {
  border-right: 1px solid #D3B65C;
}
#mobileNavList .menu-item, #wideNavList .menu-item {
  text-transform: none;
  text-align: right;
  margin: 12px 16px;
  letter-spacing: 0.15rem;
}
#mobileNavList .menu-item > a, #wideNavList .menu-item > a {
  color: #C3CEDA;
}
#mobile-navigation-tip-button {
  margin: 18px 8px;
  cursor: pointer;
}
@media screen and (min-width: 1580px) {
  .ps-container-wide {
    width: 1580px;
  }
}
@media screen and (min-width: 1295px) {
  .ps-container {
    width: 1280px;
  }
  .services-search-container {
    width: 580px; 
  }
  .services-search-field {
    width: 490px;
  }
  .services-search-auto-complete {
    width: 490px;
  }
}
@media screen and (min-width: 835px) {
  .ps-container-narrow {
    width: 820px;
  }
}

@media screen and (max-width: 1280px) {
  #slideOverlay {
    font-size: 140%;
  }
}

@media screen and (max-width: 1200px) {
    #mobileNavLeft {
      visibility: hidden;
      display: block;
    }
    #mobileNav {
      display: block;
    }
    #mainNavBottom {
      display: block;
    }
    #wideNav {
      display: none;
    }
}

@media screen and (max-width: 980px) {
  .site-logo-div {
    padding: 10px 8px;
  }
  #ps-content {
    padding-top: 55px;
  }
  body {
    padding-bottom: 56px;
  }
  #site-navigation {
    text-align: center;
  }
  #slideImagesContainer {
    height: 320px;
  }
  #slideOverlay {
    font-size: 125%;
    width: 100%;
    height: 100%;
    padding: 2em 3em;
  }
  #slideOverlay h1 {
    font-size: 150%;
    margin-bottom: 20px;
  }
  .home-content-block {
    width: 50%;
    padding-right: 4%;
  }
  .home-content-block:nth-of-type(3n) {
    clear: left;
  }
  .home-content-block:nth-of-type(n+3) {
    margin-top: 2em;
  }
  .landing-top-banner {
    height: 320px;
  }
  .landing-top-banner-text {
    width: 50%;
    padding: 5px 20px;
  }
  .landing-top-banner-image {
    width: 50%;
  }
  .ps-post-video {
      height: 550px;
  }
}

@media screen and (max-width: 935px) {
  .hash-header::before {
    height: 1px;
    margin-top: -1px;
  }
  #ps-org-content {
    margin-top: 0px;
    height: 10px;
  }
  .pac-container {
    margin-top: 0;
  }
  .login-modal-container {
    margin-top: 200px;
  }
  #site-navigation ul {
    width: 580px;
    margin: auto;
    padding: 0;
  }
  .menu-item {
    margin: 12px 12px;
  }
  .squareContainer {
    width: calc(50% - 2rem);
    height: 20em;
  }
  .services-search-container {
    width: 520px; 
  }
  .services-search-field {
    width: 420px;
  }
  .services-search-auto-complete {
    width: 420px;
  }
  .services-search-label {
    font-size: 1.4em;
  }
  .ps-post-video {
      height: 528px;
  }
}

@media screen and (max-width: 860px) {
  #slideOverlay {
    font-size: 125%;
    width: 100%;
    height: 100%;
    padding: 2em 2em;
  }
  #slideOverlay h1 {
    font-size: 140%;
    margin-bottom: 20px;
  }
  .landing-top-banner {
    height: auto;
    padding-bottom: 10px;
  }
  .landing-top-banner-text {
    width: 100%;
    padding: 5px 20px;
  }
  .landing-top-banner-image {
    width: 100%;
    height: 200px;
  }
  .ps-post-video {
      height: 482px;
  }
}
@media screen and (max-width: 720px) {
  #mobileNavList {
    top: 55px;
    right: 0px;
  }
}
@media screen and (max-width: 600px) {
  .service-image-container {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .service-info {
    width: 100%;
    margin: auto;
    padding: 0 2em;
  }
  #slideOverlay {
    font-size: 125%;
    padding: 1em 3em;
  }
  .faq-wrapper {
    width: 100%;
  }
  .services-search-container {
    width: 480px; 
  }
  .services-search-field {
    width: 390px;
  }
  .services-search-auto-complete {
    width: 390px;
  }
  .image-container {
    width: 49%;
  }
  #problemImagesContainer > div {
    width: 49%;
  }
  .ps-post-video {
      height: 336px;
  }
}

@media screen and (max-width:520px) {
  body {
    padding-bottom: 56px;
  }
  #top-menu {
    padding: 0px;
  }
  #mobile-navigation-icon {
    padding: 16px;
  }
  #mobile-navigation-tip-button {
    margin: 13px 8px;
  }
  .site-logo-div {
    position: absolute;
    width: 50%;
    height: 50px;
    margin-left: 25%;
    padding: 12px 8px;
    text-align: center;
  }
  .site-logo-div img {
    max-height: 30px;
  }
  .headerServices {
    width: 100%;
    background-color: blue;
  }
  .login-modal-container {
    margin-top: 265px;
    width: 90%;
  }
  .overlay-close {
    top: 10px;
    right: 10px;
  }
  .home-content-block {
    width: 100%;
    padding-right: 0;
    margin-top: 2em;
  }
  .home-content-block:nth-of-type(n+1) {
    margin-top: 1em;
  }
  .home-content-block-3 {
    width: 100%;
    padding-right: 0;
    margin-top: 2em;
  }
  .home-content-block-left {
    padding-left: 0px;
    width: 100%;
  }
  .home-content-block-right {
    padding-right: 0px;
    width: 100%;
  }
  #slideImagesContainer {
    height: 250px;
  }
  #slideOverlay {
    font-size: 100%;
    padding: 0px 15px;
  }
  #slideOverlay h1 {
    margin-bottom: 10px;
  }
  #slideOverlay .app-button-lg {
    font-size:100%;
    padding: 8px 16px;
    margin: 10px auto;
    width: 100%;
  }
  #signupContainer {
    width: 100%;
    max-width: 460px;
  }
  .categories-list {
    width: 30%;
  }
  .categories-container {
    width: 66%;
  }
  .squareContainer {
    width: calc(100% - 2rem);
    height: 14em;
  }
  .ps-channel-image-wrapper {
    width: calc(100% + 35px);
    margin: 0 -20px;
    height: 200px;
  }
  .ps-channel-price-container {
    width: 48%;
    margin-right: 4%;
  }
  .ps-channel-price-container:nth-child(2n) {
    margin-right: 0;
  }
  .ps-pay-container {
    float: none;
    width: 100%;
    padding: 20px 0;
  }
  .ps-post-video {
      height: 276px;
  }
}

/* Brand Colors */

.brand-font-serif {
  font-family: 'Lora', serif;
}
.brand-font-sansserif {
  font-family: 'Open Sans', sans-serif;
}
.brand-color {
  color: #FFF;
}
.brand-color-text {
  color: #231F20;
}
.brand-color-accent {
  color: #D3B65C;
}
.brand-color-accent2 {
  color: #C3CEDA;
}
.brand-color-accent3 {
  color: #38b6ff;
}
.brand-color-bg {
  background-color: #FFFFFF;
}
.brand-color-bg-background {
  background-color: #231F20;
}
.brand-color-bg-background2 {
  background-color: #43464B;
}
.brand-color-bg-accent {
  background-color: #D3B65C;
}
.brand-color-bg-accent2 {
  background-color: #C3CEDA;
}
.brand-color-bg-accent3 {
  background-color: #38b6ff;
}
.brand-color-border-accent {
  border: 1px solid #D3B65C;
}
.brand-color-border-accent2 {
  border: 1px solid #C3CEDA;
}
.brand-color-border-accent3 {
  border: 1px solid #38b6ff;
}
.brand-color-medium {
  color: #118C4F;
}
.brand-color-light {
  color: #edf5e1;
}
.brand-background-light {
  color: #edf5e1;
}
.brand-background-medium {
  background-color: #118C4F;
}
.brand-background-medium-green {
  background-color: hsl(147,64%,61%);
}
a.brand-color-link {
  color: #D3B65C;
}
a.brand-color-link:hover {
  color: #C3CEDA;
}

/* Environment */

.lu-env-padding-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}
.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Input placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: hsl(0,0%,58%) !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #567a9f !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #567a9f !important;
}

/* Image Rendering */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */