/* general */
html, body {
    background: #f7f7f7;
      width: 100%;
      font-family: 'Montserrat-Medium', Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
      color: #152d38;
    font-size: 16px;
      -webkit-font-smoothing: antialiased;
      margin: 0;
      line-height: 24px;
  }
  body {
    margin: auto !important;
  }
  body > form {
    margin: 0;
  }
  
  form {
      margin: 0 auto;
      margin-top: 20px
  }
  
  p {
      line-height: 24px;
  }
  
  h1 {
    font-size: 24px;
    font-family: 'Museo700';
    font-weight: normal;
  }
  
  p a {
      font-size: inherit;
      color: #152d38;
    margin-right: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
  }
  
  ul li a {
    font-size: inherit;
    color: #152d38;
    margin-right: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
  }
  
  p b {
    font-family: 'Montserrat-SemiBold';
    font-weight: normal;
  }
  
  p a:hover {
    color: #555
  }
  
  a:hover {
    text-decoration: none !important;
  }
  
  input {
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 14px;
    outline: 0;
    padding: 0 16px;
  }
  
  
  /* Set Primary and Header fonts */
  @font-face {
    font-family: 'Museo300';
    src: url('/sfsites/c/resource/MuseoFontFamily/Museo300.woff') format('woff');
  }
  @font-face {
    font-family: 'Museo500';
    src: url('/sfsites/c/resource/MuseoFontFamily/Museo500.woff') format('woff');
  }
  @font-face {
    font-family: 'Museo700';
    src: url('/sfsites/c/resource/MuseoFontFamily/Museo700.woff') format('woff');
  }
  @font-face {
    font-family: 'Montserrat-Light';
    src: url('/sfsites/c/resource/MontserratFontFamily/Montserrat-Light.woff') format('woff');
  }
  @font-face {
    font-family: 'Montserrat-Medium';
    src: url('/sfsites/c/resource/MontserratFontFamily/Montserrat-Medium.woff') format('woff');
  }
  @font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/sfsites/c/resource/MontserratFontFamily/Montserrat-SemiBold.woff') format('woff');
  }
  
  .slds-form-element__label{    
    color: rgb(0, 95, 178);
    font-size: 16px;   
  }
  
  
  .linkReturntoMain{
   text-decoration: none;  
   font-size: 15px;
    padding-top: 10px;
  } 
  
  .header__key-nav-strip__link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #444444;
    font-weight: 600;
    width: auto;
    background: #edf7fc;
    height: 50px;
    margin-top: -20px;
  }
  
  .header__key-nav-strip__link-list a{
    color: #444444;
    padding-right: 10px;
    padding-top: 10px;
  }
  
  .bta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-right: 400px;
    padding-left: 100px;
   
  } .header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
   /* justify-content: flex-end;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    padding-left: 1.07143rem;
  }
  
  .header .header__top .header__right .bta-container .bta-copy .subtitle span {
    padding-top: .5rem;
    margin-top: .35714rem;
    font-family: Museo,Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
    display: inline-block;
  }
  
  .logoClass {
    float:left;
    padding-top:15px;
  }
  
  .opening-hours {
    display: block;
    text-align:right;
    margin-top: -.5rem;
    font-size: .85714rem;
    font-weight: 600;
    color: #3076b1;
  }
  
  .phone-container{
    padding-left: 120px;
    float:right;
  }
  
  .contactNumber{
    font-size: 2rem;
    font-weight: 700;
    text-align: right;
    padding-left: 55px;
    color: #cc4684;
  }
  .bta-msg-content{
    padding-left: 10px;
    font-family: Museo,Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
    display: inline-block;
  }
  
  .bestSpan{ 
    margin-top: .35714rem;
    border-top: 1px dotted #ccc;
    color: #4465ad;
    padding-top: .5rem;
    font-size:14px;
  }
  
  .awardSpan{ 
    color:#444444;
    padding-top: .5rem;
    font-size:14px;
  }
  
  /*HH Details Tabs*/
  .forceCommunityTabset>.uiTabBar .uiTabItem .tabHeader {
    /* padding: var(--lwc-fcSpacingXSmall,8px) 0; */
    text-transform: var(--lwc-textTransform,none);
    /* padding: inherit; */
    background-color: #F2EFE7;
    border-color: transparent;
    color: #152D38;
    font-size: 14px !important;
    line-height: 16px;
    padding-top: 20px !important;
  }
  .forceCommunityTabset>.uiTabBar .uiTabItem.active:after {
    content: "";
    background: #152d38;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    margin-left: 80px;
    transform: rotateZ(45deg);
  }
  .forceCommunityTabset>.uiTabBar .uiTabItem.active .tabHeader {
    background-color: #152d38;
    color: white;
  }
  /*box shadow for the section*/
  /*.cb-section_row .cb-section_column:last-child >div {
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6); 
  }*/
  
  
  .tabHeader{
    width: 180px;
    height: 60px;
  }
  
  .uiTabset--default .tabs__nav {
    background-color: transparent;
    padding-left: 20px;
    border-bottom: 10px solid #152d38;
  }
  
  /*hide the discussions tabs */
  #askCommunity {display:none;}
  .selfServiceProfileMenu {
    display: none;
  }
  
  /* hide the discussion filter on the articles topic pages */
  .forceChatterFeedInner .page-header-filters {
    display: none;
  }
  
  /* Hide the discussion menu on the topic pages */
  li.record-feed {
    display: none;
  }
  .selfServiceArticleLayout .forcePageBlockSectionView.full .labelCol .osOutputLabel {
    display: none;
  }
  
  /*hide the login menu */
  .forceCommunityOmniBox .continue-post-wrapper {
    display: none;
  }
  .forceCommunityOmniBoxSwitcher .switcher-option {
    display: none;
  }
  
  /* decrease tab margin */
  .uiTabset--default .tabs__item+.tabs__item {
    margin-left: .5rem;
  }
  
  #page-container {
    max-width: 1170px !important;
    margin: auto !important;
    box-shadow: none !important;
    min-height: calc(100vh - 144px) !important;
  }
  #headerContainer {
    margin: 0 !important;
    background: #ffffff !important;
    padding: 0 20px !important;
  }
  
  #container {
      padding-top: 40px;
    position: relative;
      background: #fff;
  }
  
  /* title banner + notice */
  #ownerLoginBanner {
    background-color: #152d38!important;
    height: 80px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center
  }
  
  #ownerLoginSubBanner {
    background-color: #f4cc26!important;
    height: 48px;
    color: #152d38;
    margin-bottom: 0;
    font-family: "Montserrat-SemiBold" !important;
    font-weight: 400;
    text-align: center
  }
  #ownerLoginSubBanner a { 
    color: #152d38;
  }
  
  /* custom page headersa */
  h1#bannertitle {
    margin: 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 80px;
    padding: 0px;
    font-family: 'Museo700' !important;
  }
  div#headerContainer {
    height: 88px;
  }
  #headerContainer .header {
    height: 88px;
    box-sizing: border-box;
  }
  #headerContainer .header table {
    height: 100%;
  }
  .header__key-nav-strip__link-list {
      display: -webkit-box;
      display: -ms-flexbox;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Montserrat-Medium';
      list-style: none;
      margin: 0;
      padding: 0;
      width: auto;
      margin-top: -20px;
    background: none !important;
    height: auto !important;
  }
  .header__key-nav-strip__link-list a {
      color: #152d38;
    font-family: "Montserrat-Medium" !important;
  }
  .header__key-nav-strip__link-list a:hover {
      color: #152d38
  }
  .linkReturntoMain {
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin-top: 20px;
    padding: 0px !important;
    position: relative;
  }
  .linkReturntoMain:hover span {
    text-decoration: underline;
  }
  .linkReturntoMain span {
    margin-left: 5px;
  }
  .linkReturntoMain img {
    float: left;
    padding-top: 0px;
  }
  #subbannertitle {
      font-size: 16px!important;
      font-weight: 400;
      color: #152d38!important;
      line-height: 3!important
  }
  .subheaderlink {
      font-size: 16px!important;
      font-weight: 400;
      color: #152d38!important;
      line-height: 3!important;
      text-decoration: none
  }
  .subheaderlink:hover {
      font-size: 16px!important;
      font-weight: 400;
      color: #152d38!important;
      line-height: 3!important;
      text-decoration: underline
  }
  #subbannertitle,
  .subheaderlink,
  .subheaderlink:hover {
    font-size: 14px !important;
    line-height: 50px !important;
    font-family: 'Montserrat-SemiBold' !important;
  }
  .subheaderlink {
    text-decoration: underline;
  }
  #wrapperContent {
    margin-top: 16px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    background: #fff !important;
    overflow: auto;
    height: auto !important;
    box-sizing: border-box;
    overflow: auto;
    margin-bottom: 40px;
  }
  #mainContent {
    height: auto !important;
  }
  #footerregister {
    background-color: #f2efe7!important;
    height: 110px;
    color: #152d38;
    margin-top: 6rem;
    padding-top: 2rem!important;
    font-weight: 400;
    text-align: center
  }
  #footerregistertitle {
    font-size: 22px!important;
    font-weight: 400;
    color: #152d38!important
  }
  #footerregister {
    margin: 16px;
  }
  #footer {
      background-color: #152d38;
      width: 100%;
      height: 7.5rem;
      font-weight: 400;
      color: #fff;
      display: inline
  }
  .footertext {
      margin-left: 10%;
      margin-right: 10%;
      margin-bottom: 30px;
      margin-top: 30px;
    font-family: "Montserrat-Medium";
      font-size: 12px;
      color: #f2efe7;
      line-height: 1.5
  }
  #footer {
    bottom: initial !important;
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding-right: 0px;
    height: auto !important;
    overflow: auto;
  }
  #footer .footertext {
    margin: 36px auto !important;
    max-width: 1170px
  }
  #footer .footer-curve-1 {
    position: absolute;
    bottom: 0;
    left: -50px;
  }
  #footer .footer-curve-2 {
    position: absolute;
    top: 0;
    right: 0;
  }
  label {
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 14px !important;
    color: #152D38 !important;
    display: block;
    padding-bottom: 10px;
  }
  input[type="text"],
  input[type="password"] {
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-family: 'Montserrat-Medium' !important;
    font-size: 14px !important;
    color: #152D38 !important;
    width: 100%;
    transition: none;
  }
  .CustomLoginPage input[type="text"],
  .CustomLoginPage input[type="password"] {
    margin-bottom: 16px;
  }
  .CustomRegistrationPage input[type="text"] {
    margin-bottom: 16px;
  }
  .CustomRegistrationPage input ~ div {
    font-size: 14px;
  }
  .CustomRegistrationPage ul {
    list-style: none;
    padding: 0;
    font-size: 14px !important;
  }
  .CustomRegistrationPage ul li:before {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #29566C;
    position: absolute;
    content: '';
    left: 10px;
    top: 8px;
  }
  .CustomRegistrationPage ul li {
    padding-left: 30px;
    position: relative;
  }
  .CustomRegistrationPage ul li ~ li {
    margin-top: 16px;
    font-size: 14px !important;
  }
  
  .community-profile ul li.passed,
  .CustomRegistrationPage ul li.passed {
    color: #196B3E;
  }
  .community-profile #pwv,
  .CustomRegistrationPage #pwv {
    height: 4px;
    background: #196B3E;
    transition: width 0.2s ease;
  }
  .community-profile ul li.passed:before,
  .CustomRegistrationPage ul li.passed:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 12px;
    background: #196B3E;
    border-radius: 0px;
    transform: rotate(45deg);
    top: 7px;
    left: 14px;
  }
  .community-profile ul li.passed:after,
  .CustomRegistrationPage ul li.passed:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 6px;
    background: #196B3E;
    border-radius: 0px;
    transform: rotate(-45deg);
    top: 12px;
    left: 9px;
  }
  
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="text"]:active,
  input[type="password"]:active {
    border: 2px solid #0070EC !important;
  }
  .ForgotPasswordLink {
    font-family: 'Museo700' !important;
    font-size: 14px !important;
    color: #152D38 !important;
    text-decoration: underline;
    margin-top: -10px !important;
  }
  #footerregistertitle {
    margin-bottom: 10px !important;
    display: inline-block;
  }
  
  .registerlink {
    color: #152D38 !important;
    text-decoration: none;
  }
  .registerlink:hover {
    background: #2c5669 !important;
    color: #fff !important;
  }
  
  /* buttons */
  input[type="submit"],
  .registerlink {
    display: inline-block;
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 14px !important;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    min-width: 200px;
    line-height: 48px;
    background: none;
    padding: 0 40px;
    cursor: pointer;
    transition: background 0.2s ease;
  }
  
  /* dark buttons */
  .dark > input[type="submit"],
  #rememberPass input[type="submit"] {
    color: #fff !important;
    background: #152D38 !important;
    float: right;
  }
  .dark > input[type="submit"]:hover,
  #rememberPass input[type="submit"]:hover {
    background: #2c5669 !important
  }
  
  #rememberPass input[disabled="true"]:hover,
  #rememberPass input[disabled="true"],
  .dark input[disabled="true"]:hover,
  .dark input[disabled="true"] {
    background: #ECEDEE !important;
    border: 1px solid #ECEDEE !important;
    color: #2c5669 !important;
    cursor: not-allowed;
  }
  
  
  * input[data-error="true"],
  * lightning-input.error input {
    border: 2px solid #D42959 !important;
  }
  * lightning-input.valid input,
  * input[data-error="false"] {
    border: 2px solid #196B3E !important;
  }
  .input-error {
    font-size: 14px;
    font-family: "Montserrat-Medium";
    line-height: 24px;
    margin-top: -12px;
    margin-bottom: 12px;
    display: none;
  }
  lightning-input.error ~ .input-error,
  input[data-error="true"] ~ .input-error {
    display: block;
  }
  div#show-password {
    width: 44px;
    height: 24px;
    position: absolute;
    line-height: 24px;
    font-size: 14px;
    font-family: "Montserrat-SemiBold";
    right: 16px;
    top: 46px;
    cursor: pointer;
  }
  
  .errorbox,
  ul.apexmessages {
    background: #f4cc26;
    color: #152d38 !important;
    font-size: 14px !important;
    font-family: "Montserrat-Medium" !important;
    list-style: none;
    margin: 0 0 12px 0;
    padding: 10px;
    text-align: center;
    line-height: 24px  !important;
  }
  
  .checkbox-text {
    position: relative;
    margin-top: 4px;
  }
  .checkbox-text--faux {
    width: 24px;
    height: 24px;
    border: 1px solid #29566C;
    margin-top: 11px;
    float: left;
    background-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .checkbox-text input {
    -webkit-appearance: none;
    position: absolute;
    top: 6px;
    left: -6px;
    width: 24px;
    height: 30px;
    cursor: pointer;
  }
  .CustomLoginPage .checkbox-text input {
    width: 200px;
  }
  .checkbox-text input[checked="true"] ~ .checkbox-text--faux,
  .checkbox-text input:checked ~ .checkbox-text--faux {
    background-size: 12px !important;
  }
  .checkbox-text:hover label {
    text-decoration: underline;
  }
  .checkbox-text label {
    float: left;
    margin-left: 10px;
    font-family: 'Montserrat-Medium' !important;
    font-size: 14px !important;
    margin-top: 10px;
  }
  #rememberPass input[type="submit"] {
    margin-top: 0px !important;
  }
  #rememberPass {
    padding-bottom: 60px !important;
  }
  
  /* back to login link */
  .backtologin {
    position: absolute;
    top: 24px;
    left: 24px;
    color: #152d38;
    font-family: 'Montserrat-SemiBold';
    text-decoration: none;
    padding-left: 10px;
  }
  .backtologin img {
    position: absolute;
    left: 0;
    top: 3px;
  }
  .backtologin span {
    text-decoration: underline;
    font-family: 'Montserrat-SemiBold';
    font-size: 14px;
    line-height: 20px;
    margin-left: 2px;
  }
  .backtologin span:hover {
    text-decoration: underline;
    color: #29506C;
  }
  
  /* register checkboxes */
  table.checkboxes {
    border-collapse: collapse;
    margin: 20px 0 30px 0;
  }
  table.checkboxes td {
    vertical-align: top;
  }
  table.checkboxes .checkbox-text--faux {
    margin-top: 0px;
  }
  table.checkboxes .checkbox-text {
    margin: 10px;
  }
  table.checkboxes .textFont {
    margin: 0px;
    padding: 10px 0 0 0 ;
    font-size: 14px;
    font-family: 'Museo500' !important;
    line-height: 20px;
  }
  table.checkboxes tr.greyed {
    height: 80px !important;
    background: #f7f7f7;
  }
  table.checkboxes .textFont a {
    color: #0070EC
  }
  
  /* tc stuff */
  .tc-section {
    width: calc(100% - 48px);
    display: block; 
    background: #29566C;
    height: 48px;
    color: #fff;
    font-family: 'Museo700';
    font-size: 14px;
    line-height: 48px;
    padding: 0 16px;
    cursor: pointer;
    position: relative;
  }
  .tc-section[data-open="false"] ~ .tc-section {
    margin-top: 10px;
  }
  .tc-section img {
    position: absolute;
    right: 24px;
    top: 20px;
  }
  .tc-section[data-open="false"] .down,
  .tc-section[data-open="true"] .up {
    display: block;
  }
  .tc-section[data-open="false"] .up,
  .tc-section[data-open="true"] .down {
    display: none;
  }
  .tc-text {
    padding: 16px;
  }
  .tc-text[data-open="false"] {
    display: none;
  }
  
  /* lightning inherited overrides */
  .forceCommunitySection .cb-section_column {
    padding: 0px !important;
  }
  .logoClass {
    float: none !important;
    padding-top: 0px !important;
  }
  .forceCommunitySection .cb-section_row {
    max-width: 100% !important;
    width: 1170px !important;
    min-height: auto !important;
  }
  .body {
    width: 1170px !important;
    min-height: calc(100vh - 144px) !important
  }
  
  /* lightning navigation menu */
  .community-menu {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    margin-right: 20px;
    width: 277px;
    box-sizing: border-box;
  }
  .community-menu .community-menu--items_submenu a {
    font-family: 'Museo500' !important;
  }
  .community-menu .community-menu--items li {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .community-menu .community-menu--items li h3 {
    height: 48px;
    line-height: 48px;
    transition: none;
    position: relative;
    padding: 0 0 0 46px;
  }
  .community-menu .community-menu--items li a {
    font-family: 'Museo700';
    font-weight: normal;
    font-size: 16px;
    color: #152D38;
    text-decoration: none;
    transition: none;
  }
  .community-menu .community-menu--items li img {
    margin: 0 10px 0 16px;
    position: absolute;
    left: 0px;
    top: 14px;
    width: 20px;
    height: 20px;
  }
  .community-menu .community-menu--items li img:nth-child(1) {
    display: none;
  }
  .community-menu .community-menu--items li img:nth-child(2) {
    display: block;
  }
  .community-menu .community-menu--items li:hover img:nth-child(1),
  .community-menu .community-menu--items li[data-selected="true"] img:nth-child(1) {
    display: block;
  }
  .community-menu .community-menu--items li:hover img:nth-child(2),
  .community-menu .community-menu--items li[data-selected="true"] img:nth-child(2) {
    display: none !important;
  }
  .community-menu .community-menu--items li[data-selected="true"] > a > h3 {
    background: #152D38 !important;
    color: #fff;
  }
  .community-menu .community-menu--items li[data-selected="true"] > a {
    color: #fff;
    cursor: default !important;
  }
  .community-menu .community-menu--items li:hover > a > h3 {
    background: #29566C;
  }
  .community-menu .community-menu--items li:hover > a {
    color: #fff;
  }
  .community-menu--items_submenu li {
    height: 48px;
    line-height: 48px;
    transition: none;
    position: relative;
    font-size: 14px;
    font-family: "Montserrat-Medium";
    padding: 0 0 0 56px !important;
  }
  .community-menu--items_submenu li[data-selected="true"],
  .community-menu--items_submenu li:hover {
    background: #29566C !important;
    color: #fff;
  }
  .community-menu--items_submenu li a {
    font-family: 'Museo700';
    font-weight: normal;
    font-size: 16px;
    color: #152D38;
    text-decoration: none;
    transition: none;
  }
  
  /* dashboard */
  .community-dashboard {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
  }
  .community-dashboard--header {
    height: 240px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .community-dashboard--header > div {
    background: linear-gradient(180deg, rgba(0,109,181,0.19) 10%, #29506C 70%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .community-dashboard--header span {
    position: absolute;
    bottom: 0;
    display: block;
    color: #fff;
    z-index: 100;
    padding: 18px 24px;
  }
  .community-dashboard--header span h4 {
    height: 40px;
    color: #FFFFFF;
    font-family: 'Museo700';
    display: block;
    width: 100%;
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 40px;
  }
  .community-dashboard--header span p {
    font-family: 'Museo500';
    font-size: 16px;
  }
  .community-dashboard--cards {
    padding: 24px;
  }
  .community-dashboard--cards_card {
    width: calc(50% - 10px);
    display: inline-block;
    border-radius: 32px;
    padding: 24px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .community-dashboard--cards_card > div {
    background: linear-gradient(180deg, rgba(0,109,181,0.19) 10%, #29506C 70%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: inherit;
  }
  .community-dashboard--cards_card.alt {
    background: #F2EFE7;
  }
  .community-dashboard--cards > a:nth-child(1) > div,
  .community-dashboard--cards > a:nth-child(3) > div {
    margin-right: 10px;
  }
  .community-dashboard--cards > a:nth-child(2) > div,
  .community-dashboard--cards > a:nth-child(4) > div {
    margin-left: 10px;
  }
  .community-dashboard--cards > a:nth-child(1) > div,
  .community-dashboard--cards > a:nth-child(2) > div {
    margin-bottom: 16px;
  }
  .community-dashboard--cards_card h4 {
    font-family: 'Museo700';
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    position: relative;
    z-index: 100;
  }
  .community-dashboard--cards_card.alt h4 {
    color: #152D38;
    padding-top: 19px;
  }
  .community-dashboard--cards_card p {
    font-family: 'Museo500';
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    position: relative;
    z-index: 100;
  }
  .community-dashboard--cards_card.alt p {
    color: #152D38;
  }
  .community-dashboard--cards_card img {
    padding: 39px 0 24px 0;
    position: relative;
    z-index: 100;
  }
  .community-dashboard--cards_card.alt img {
    padding: 13px 0 0 0;
  }
  
  
  
  /* message */
  .community-messages {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
    min-height: 680px;
    padding: 24px;
    position: relative;
  }
  .community-messages h2 {
    font-family: 'Museo700';
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .community-messages table {
    border-collapse: collapse;
  }
  .community-messages table tr {
    box-shadow: 0 -1px 0 0 #E5E5E5;
    height: 48px;
    font-size: 14px;
    cursor: pointer;
  }
  .community-messages table tr:nth-child(1) {
    box-shadow: none !important;
  }
  .community-messages table tr:hover {
    background: #D6E6EF;
  }
  .community-messages table tr:nth-child(odd) {
    background: #F4F4F4;
  }
  .community-messages table tr td:nth-child(1) {
    padding-left: 32px;
  }
  .community-messages table tr td:nth-child(3) {
    width: 120px;
  }
  .community-messages--details_tools button,
  .community-messages table tr td button {
    appearance: none;
    border: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 8px;
    background: none !important;
  }
  .community-messages--details_tools {
    margin-top: 48px;
    height: 40px;
  }
  .community-messages--details_tools span {
    float: left;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Museo700';
  }
  .community-messages--details_tools ul {
    float: right;
  }
  .community-messages--details_tools ul li {
    float: left;
    background: none !important;
  }
  .community-messages--details_message h2 {
    font-size: 20px !important;
    font-family: 'Montserrat-SemiBold' !important;
  }
  .community-messages--details_message * {
    font-size: 16px !important;
    font-family: 'Montserrat-Regular' !important;
  }
  .community-messages--details_message b {
    font-family: 'Montserrat-SemiBold' !important;
  }
  .community-messages--details_message a {
    display: inline !important;
    font-size: 16px !important;
    float: none;
    color: #0070EC;
    font-family: 'Montserrat-SemiBold' !important;
    text-decoration: underline;
  }
  .community-messages--list_tablerow[data-unread="false"] {
    background: #D6E6EF !important;
    font-family: 'Montserrat-SemiBold';
  }
  .community-messages--list_tablerow[data-unread="false"] td:nth-child(1) span {
    width: 8px;
    height: 8px;
    background: #0070EC;
    border-radius: 8px;
    position: absolute;
    margin-left: -15px;
    margin-top: 7px;
  }
  .community-messages--list_table thead tr th {
    font-family: 'Museo700';
    font-size: 14px;
    height: 48px;
    background: #29566C;
    color: #fff;
    padding: 0 16px;
  }
  
  /* contact page */
  .community-contact {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
    min-height: 680px;
    padding: 24px;
    position: relative;
  }
  .community-contact--form {
    width: 504px;
    float: left;
    margin-right: 38px;
  }
  .community-contact--form h2 {
    font-family: 'Museo700';
    font-size: 24px;
    line-height: 40px;
  }
  .community-contact--form p {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .community-contact--form .slds-form-element label {
    display: none;
  }
  .community-contact--form select {
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-family: 'Museo500' !important;
    font-size: 14px !important;
    color: #152D38 !important;
    width: 100%;
    padding: 0 16px !important;
    transition: none;
    margin-bottom: 16px;
  }
  .community-contact--form select:focus,
  .community-contact--form select:active {
    border: 2px solid #0070EC !important;
  }
  .community-contact--form textarea {
    height: 202px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-family: 'Museo500' !important;
    font-size: 14px !important;
    color: #152D38 !important;
    width: 100%;
    padding: 16px;
    transition: none;
  }
  .community-contact--form textarea:focus,
  .community-contact--form textarea:active {
    border: 2px solid #0070EC !important;
  }
  .slds-select_container:before {
    display: none;
  }
  .slds-select_container:after {
    top: 20px;
  }
  .community-contact--info {
    box-sizing: border-box;
    width: 262px;
    margin: 40px 12px 0 12px;
    float: left;
    background: #F2EFE7;
    border-radius: 32px;
    padding: 24px;
  }
  .community-contact--info h3 {
    font-family: 'Museo700';
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .community-contact--info h4 {
    font-family: 'Museo700';
    font-size: 14px;
    line-height: 20px;
  }
  .community-contact--info p {
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    line-height: 20px;
  }
  .community-contact--info a {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #0070EC;
    text-decoration: underline;
  }
  .community-contact--form button.slds-button {
    display: inline-block;
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 14px !important;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    min-width: 200px !important;
    line-height: 48px !important;
    background: none !important;
    padding: 0 40px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    color: #fff !important;
    background: #152D38 !important;
    float: right;
    margin-top: 16px;
    text-transform: uppercase !important;
  }
  .community-contact--form button:hover {
    background: #2c5669 !important
  }
  .community-contact--form button[disabled="true"],
  .community-contact--form button[disabled="true"]:hover {
    background: #ECEDEE !important;
    border: 1px solid #ECEDEE !important;
    color: #2c5669 !important;
    cursor: not-allowed;
  }
  
  /* help + advice */
  .community-info {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
    min-height: 680px;
    padding: 24px;
    position: relative;
  }
  .community-info h2 {
    font-family: 'Museo700';
    font-size: 24px;
    line-height: 40px;
  }
  .community-info p {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 32px;
  }
  .community-info--tile {
    border: none;
    background: #F2EFE7;
    border-radius: 32px;
    height: 168px;
    box-sizing: border-box;
    padding: 24px;
    text-align: left;
    float: left;
    outline: none;
  }
  .community-info--tile.alt {
    background: #152D38;
    color: #fff;
  }
  .community-info--tile h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Museo700';
  }
  .community-info--tile h4 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 4px;
    font-family: 'Museo700';
  }
  .community-info--tile.alt p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding-bottom: 13px;
  }
  .community-info--tile p {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding-bottom: 8px;
  }
  .community-info--tile button {
    padding: 0;
    border: 0;
    background: none;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Museo700';
  }
  .community-info--tile button img {
    margin-right: 3px;
  }
  button.community-info--tile:hover {
    background: #29566C;
    color: #fff !important;
  }
  button.community-info--tile:hover h4,
  button.community-info--tile:hover a {
    color: #fff !important;
  }
  button.community-info--tile .w {
    display: none;
  }
  button.community-info--tile .b {
    display: block;
  }
  button.community-info--tile:hover .b {
    display: none !important;
  }
  button.community-info--tile:hover .w {
    display: block !important;
  }
  
  
  /* useful links */
  .community-links {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
    min-height: 680px;
    padding: 24px;
    position: relative;
    margin-bottom: 34px;
  }
  .community-links--link {
    width: 100%;
    height: 128px;
    position: relative;
  }
  .community-links--link > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    border: 0px solid transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .community-links--link h3 {
    padding-left: 223px;
    font-size: 24px;
    line-height: 40px;
    font-family: 'Museo700';
  }
  .community-links--link p {
    padding-left: 223px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Montserrat-Medium';
  }
  .community-links--link a button {
    margin-left: 223px;
    margin-top: 16px;
    height: 48px;
    padding: 0;
    border-radius: 0;
    border: 1px solid #152D38;
    box-sizing: border-box;
    background: none;
    width: 152px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
  }
  .community-links--link a button:hover {
    background: #29566C;
    color: #fff;
    border-color: #29566C;
  }
  .community-links--link a button:focus {
    background: #152d38;
    color: #fff;
    border-color: #152d38;    
  }
  .community-links--link > div {
    margin-top: 16px;
  }
  .community-links--link > div a {
    display: block;
    float: left;
  }
  .community-links--link > div a.store-a {
    margin-left: 223px;
  }
  .community-links--link > div a.store-b {
    margin-left: 8px;
  }
  .community-links--link > div a img {
    height: 48px;
    border-radius: 4px;
  }
  .community-links--divider {
    margin: 24px 0;
    height: 1px;
    background: #E5E5E5;
  }
  
  /* profile page */
  .community-profile {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
    min-height: 680px;
    padding: 24px;
    position: relative;
    overflow: auto;
    margin-bottom: 24px;
  }
  .community-profile--form {
    width: 504px;
    float: left;
    margin-right: 38px;
  }
  .community-profile > h2,
  .community-profile--form h2 {
    font-family: 'Museo700';
    font-size: 24px;
    line-height: 40px;
  }
  .community-profile--form p {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .community-profile--form .slds-form-element label {
    display: none;
  }
  .community-profile--form input {
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-family: "Montserrat-Medium" !important;
    font-size: 14px !important;
    color: #152D38 !important;
    width: 100%;
    padding: 0 16px !important;
    transition: none;
    margin-bottom: 16px;
  }
  .community-profile--form input:focus,
  .community-profile--form input:active {
    border: 2px solid #0070EC !important;
  }
  .community-profile--info {
    box-sizing: border-box;
    width: 262px;
    margin: 40px 12px 0 12px;
    float: left;
    background: #F2EFE7;
    border-radius: 32px;
    padding: 24px;
  }
  .community-profile--info h3 {
    font-family: 'Museo700';
    font-size: 20px;
    line-height: 17px;
    margin-bottom: 16px;
  }
  .community-profile--info h4 {
    font-family: 'Museo700';
    font-size: 16px;
    line-height: 20px;
  }
  .community-profile--info p {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 20px;
    line-break: anywhere;
  }
  .community-profile--info div {
    position: relative;
  }
  .community-profile--info div img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .community-profile--info div h5 {
    padding-left: 36px;
    font-family: 'Museo700';
    font-size: 16px;
    line-height: 24px;
    color: #152d38;
  }
  .community-profile--info div h5:hover {
    text-decoration: underline;
  }
  .community-profile button.slds-button,
  .community-profile--form button.slds-button {
    display: inline-block;
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 14px !important;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    min-width: 200px !important;
    line-height: 48px !important;
    background: none !important;
    padding: 0 40px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    color: #fff !important;
    background: #152D38 !important;
    float: right;
    margin-top: 16px;
    text-transform: uppercase !important;
  }
  .community-profile button:hover,
  .community-profile--form button:hover {
    background: #2c5669 !important
  }
  .community-profile button[disabled="true"],
  .community-profile button[disabled="true"]:hover,
  .community-profile--form button[disabled="true"],
  .community-profile--form button[disabled="true"]:hover {
    background: #ECEDEE !important;
    border: 1px solid #ECEDEE !important;
    color: #2c5669 !important;
    cursor: not-allowed !important;
  }
  .community-profile ul {
    list-style: none;
    padding: 0;
    font-size: 14px !important;
  }
  .community-profile ul li:before {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #29566C;
    position: absolute;
    content: '';
    left: 10px;
    top: 8px;
  }
  .community-profile ul li {
    padding-left: 30px;
    position: relative;
  }
  .community-profile ul li ~ li {
    margin-top: 16px;
    font-size: 14px !important;
  }
  .community-profile .slds-form-element label {
    display: none;
  }
  
  /* update marketing prefs */
  .community-profile .slds-checkbox_toggle {
    display: block !important;
  }
  .community-profile .slds-checkbox_on,
  .community-profile .slds-checkbox_off {
    display: none !important;
  }
  .community-profile .slds-form-element__label {
    font-size: 14px;
    line-height: 24px;
    color: #152D38;
    font-family: 'Museo500';
  }
  .community-profile .slds-checkbox_faux {
    width: 48px !important;
    height: 24px !important;
  }
  .community-profile .slds-checkbox_faux:after {
    width: 20px !important;
    height: 20px !important;
    top: 2px !important;
    left: 2px !important;
  }
  .community-profile .slds-checkbox_faux:before {
    width: 20px !important;
    height: 20px !important;
    top: 2px !important;
    right: 2px !important;
  }
  .community-profile .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
    display: none !important;
  }
  
  .community-profile .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux {
    background: #196B3E;
  }
  .community-profile  span .slds-checkbox_faux{
     background: #F2EFE7;
     border:none;
  }
  .community-profile  .slds-checkbox_faux:after{
     background: #152D38;
  }
  
  /* hh detail header + tabs */
  .community-hh {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
    min-height: 680px;
    position: relative;
    overflow: auto;
    margin-bottom: 24px;
  }
  .community-hh--header {
    position: relative !important;
  }
  .community-hh--header.community-dashboard--header span {
    bottom: 52px !important;
  }
  .community-hh--header_tabs {
    background: none !important;
    position: absolute !important;
    height: 52px !important;
    bottom: 0 !important;
    left: 0 !important;
    top: initial !important;
    padding-left: 22px;
  }
  .community-hh--header_tabs ul li {
    float: left;
  }
  .community-hh--header_tabs ul li button {
    height: 52px;
    width: 124px;
    border: none;
    background: #F2EFE7;
    line-height: 18px;
    color: #152D38;
    margin: 0 2px;
    font-size: 14px;
    font-family: 'Museo500';
    position: relative;
    outline: none !important;
  }
  .community-hh--header_tabs ul li button:hover,
  .community-hh--header_tabs ul li button[data-selected="true"] {
    background: #152D38;
    color: #fff;
  }
  .community-hh--header_tabs ul li button[data-selected="true"]:after {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -20px;
    left: 52px;
    content: "";
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #152D38 transparent transparent transparent;
  }
  .community-hh--header {
    border-bottom: 10px solid #152D38;
  }
  
  /* hh detail tab sections + tables */
  .community-tab {
    padding: 24px;
  }
  
  .community-tab h4 {
    font-family: 'Museo700';
    font-size: 24px;
    line-height: 40px;
  }
  .community-table {
    width: 100%;
    margin-top: 16px;
  }
  .community-table ~ .community-table {
    margin-top: 32px;
  }
  .community-table th {
    background: #29566C;
    height: 40px;
    color: #fff;
    padding: 0 16px;
    font-size: 14px;
    font-family: 'Museo700';
    font-weight: normal;
  }
  .community-table td {
    width: 50%;
    height: 40px;
    font-size: 14px;
    vertical-align: top;
    padding: 8px 16px;
    font-weight: normal;
    font-family: 'Museo500';
  }
  .community-table td.label {
    font-family: 'Museo700';
  }
  .community-table tr:nth-child(odd) {
    background: #F4F4F4;
  }
  .community-table tr {
    box-shadow: 0 -1px 0 0 #E5E5E5;
  }
  .community-table tr:nth-child(1) {
    box-shadow: none;
  }
  .community-table td a {
    display: block;
    margin-top: 8px;
    color: #0070EC;
    font-family: 'Museo700';
    text-decoration: underline;
  }
  .community-tab--content.shrink {
    width: 522px;
    float: left;
    box-sizing: border-box;
    padding-bottom: 24px;
  }
  .community-tab--content.shrink .community-table {
    width: 522px;
    box-sizing: border-box;
  }
  .community-tc span {
    width: 50%;
    font-family: 'Museo500';
  }
  .community-tc span:nth-child(1) {
    font-family: 'Museo700';
  }
  .community-tab--sidebar {
    background: #F2EFE7;
    border-radius: 32px;
    margin-top: 16px;
    padding: 24px;
    width: 262px;
    float: left;
    box-sizing: border-box;
    margin-left: 40px;
  }
  .community-tab--sidebar h4 {
    font-size: 14px;
    line-height: 16px;
    font-family: 'Museo700';
  }
  .community-tab--sidebar h4 ~ h4 {
    margin-top: 16px;
  }
  .community-tab--sidebar p {
    font-size: 14px;
    font-family: 'Museo500';
  }
  .community-tab--sidebar p b {
    font-family: 'Museo700';
    font-size: 16px;
    padding-right: 4px;
  }
  .community-tab--sidebar h3 {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Museo700';
    margin-top: 16px;
    color: #152D38
  }
  .community-tab--sidebar h3:hover {
    text-decoration: underline;
  }
  .community-tab--sidebar a:hover {
    text-decoration: none;
  }
  .community-tab--sidebar h3 img {
    margin-right: 8px
  }
  .community-notice {
    font-size: 12px;
    font-family: 'Museo700';
    display: inline-block;
    height: 24px;
    background: #D42959;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
  }
  .community-tab {
    font-size: 16px;
    overflow: auto;
  }
  .community-tab--section {
    height: 64px;
    background: #F4F4F4;
    padding: 9px 16px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 20px;
    margin-top: 24px;
  }
  .community-tab--section p {
    width: 50%;
    display: block;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
  }
  .community-tab--section p b {
    width: 140px;
    display: inline-block;
  }
  .community-table.auto td {
    width: auto !important;
  }
  .community-table tr.total {
    background: none !important;
  }
  .community-table tr.total td {
    text-align: right;
  }
  .community-table tr:hover {
    background: #D6E6EF;
  }
  .community-tab .slds-button {
    display: inline-block;
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 14px !important;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #fff !important;
    background: #152D38 !important;
    min-width: 200px;
    line-height: 48px;
    background: none;
    padding: 0 40px;
    cursor: pointer;
    margin-top: 16px;
    transition: background 0.2s ease;
    float: right;
  }
  .community-tab .slds-button:hover {
    background: #29566C;
  }
  .community-tab--section {
    position: relative;
  }
  .community-tab--select {
    position: absolute;
    right: 0;
    top: 0;
    width: 280px;
  }
  .community-tab--select label {
    float: left;
    line-height: 80px;
  }
  .community-tab--select .slds-form-element {
    float: right;
    margin-right: 16px;
  }
  .community-tab--select .slds-form-element select {
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-family: 'Museo500' !important;
    font-size: 14px !important;
    color: #152D38 !important;
    box-sizing: border-box !important;
    width: 100%;
    padding: 0 16px !important;
    transition: none;
    margin-bottom: 16px;
    width: 164px;
  }
  .community-tab--section p {
    width: 50% !important;
    display: block !important;
    overflow: hidden !important;
    height: 20px !important;
    text-overflow: ellipsis !important;
  }
  .community-tab--empty .slds-file-selector.slds-file-selector_files {
    height: 289px;
    border: 1px dashed #7DBFE0;
    border-radius: 4px;
    width: 100%;
    position: absolute;
  }
  .community-tab--empty .slds-file-selector__dropzone {
    width: 100%;
    border: none;
  }
  .community-tab--empty {
    position: relative;
    height: 289px;
    margin-bottom: 48px;
  }
  .community-tab--empty h5 {
    position: absolute;
    top: 110px;
    text-align: center;
    pointer-events: none;
    font-size: 20px;
    line-height: 24px;
    right: 0;
    left: 0;
  }
  .community-tab--empty .slds-file-selector__body {
    margin: 100px auto !important;
    display: block;
    width: 200px;
  }
  .community-tab--empty slot[interop-primitiveFileDroppableZone_primitiveFileDroppableZone] {
    display: block;
  }
  .community-tab--empty .slds-file-selector__text {
    text-align: center;
    width: 200px;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Museo500';
  }
  .community-tab--empty .slds-file-selector__text:after {
    content: ' your files here';
  }
  
  /* delete confirm popup */
  .community-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
  }
  .community-popup--overlay {
    background: #152D38;
    opacity: 0.6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
  }
  .community-popup table {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    vertical-align: middle;
    text-align: center;
  }
  .community-popup--box {
    width: 480px;
    height: 248px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    margin: auto;
    padding: 32px;
    box-sizing: border-box;
  }
  .community-popup--box h2 {
    font-family: 'Museo700';
    font-size: 24px;
    line-height: 40px;
    text-align: center;
  }
  .community-popup--box p {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 16px 0 30px 0;
  }
  .community-popup--box button {
    display: inline-block;
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 14px !important;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    min-width: 200px !important;
    line-height: 48px !important;
    background: none !important;
    padding: 0 40px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    color: #152D38 !important;
    margin: 0px !important;
    background: #fff !important;
    text-transform: uppercase !important;
  }
  .community-popup--box button:nth-child(1) {
    margin-right: 8px !important; 
  }
  .community-popup--box button:nth-child(2) {
    margin-left: 8px !important;
  }
  .community-popup--box button.dark {
    background: #152D38 !important;
    color: #fff !important;
  }
  .community-popup--box button:hover {
    background: #2c5669 !important;
    color: #fff !important;
  }
  span.mcount {
    position: absolute;
    width: 24px;
    height: 24px;
    background: #D42959;
    color: #fff !important;
    border-radius: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    font-family: 'Museo700';
    right: 16px;
    top: 12px;
  }
  
  .community-ls {
    position: relative;
    margin-bottom: 24px;
  }
  .community-ls .community-ls--app {
    position: relative;
    background: #fff;
    width: 590px;
    overflow: auto;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
  }
  .community-ls .community-ls--table table {
    width: 100%;
  }
  .community-ls .community-ls--table table tr[data-summer="true"] {
    background: #F7E0DF;
  }
  .community-ls .community-ls--table table tr[data-season="true"] {
    background: #F8F2CA;
  }
  .community-ls .community-ls--table table tr[data-past="true"] {
    display: none;
  }
  .community-ls .community-ls--table table tr[data-FebHalfTerm="true"] {
    background: #dfe7f7;
  }
  .community-ls .community-ls--table table tr[data-Festive="true"] {
    background: #23d17a;
  }
  .community-ls .community-ls--options button span {
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin-right: 4px;
    margin-top: 4px;
    border-radius: 12px;
  }
  
  .community-ls .community-ls--progress div {
    height: 8px;
    background: rgb(41,86,108, 0.2);
  }
  .community-ls .community-ls--progress > label {
    padding: 12px 24px 0 24px;
    color: #152D38;
    opacity: 0.6;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 14px;
    line-height: 24px;
  }
  .community-ls .community-ls--progress div span {
    height: 8px;
    display: block;
    background: #29566C;
    width: 0;
  }
  .community-ls .community-ls--progress div[data-step="1"] span {
    width: 16.67%;
  }
  .community-ls .community-ls--progress div[data-step="2"] span {
    width: 33.34%;
  }
  .community-ls .community-ls--progress div[data-step="3"] span {
    width: 50%;
  }
  .community-ls .community-ls--progress div[data-step="4"] span {
    width: 66.67%;
  }
  .community-ls .community-ls--progress div[data-step="5"] span {
    width: 83.34%;
  }
  .community-ls .community-ls--progress div[data-step="6"] span {
    width: 100%;
  }
  
  .community-ls .community-ls--app h1,
  .community-ls .community-ls--app p {
    padding: 0 24px;
    color: #152D38;
  }
  .community-ls .community-ls--app h1 {
    font-family: "Museo700" !important;
    font-size: 24px;
    line-height: 40px;
  }
  .community-ls .community-ls--app p {
    font-family: "Montserrat-Medium" !important;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 32px;
  }
  .community-ls .community-ls--app p b {
    font-family: "Montserrat-SemiBold" !important;
  }
  
  .community-ls .community-ls--options {
    font-family: "Museo700" !important;
    font-size: 16px;
    line-height: 20px;
    padding: 0 24px;
  }
  .community-ls .community-ls--options_filters,
  .community-ls .community-ls--options_profile {
    padding-top: 16px;
    border-top: 1px solid rgba(41,86,108, 0.1);
    margin-top: 16px;
  }
  .community-ls .community-ls--options_profile {
    padding-bottom: 16px;
  }
  .community-ls--options > div {
    padding: 16px !important;
    margin: 0 !important;
  }
  
  
  .community-ls .community-ls--options button,
  .community-ls .community-ls--options select {
    font-size: 12px;
    font-family: "Museo700" !important;
    height: 24px;
    border: 1px solid #29566C;
    outline: none;
    color: #29566C;
    box-sizing: border-box;
    padding: 0 8px;
    cursor: pointer;
    border-radius: 4px;
    background: none;
    margin-left: 8px;
  }
  .community-ls .community-ls--options button[data-selected="true"] {
    background: #29566C;
    color: white;
  }
  
  .community-ls .community-ls--table {
    background: #fff;
    padding: 0 24px;
    margin-bottom: 24px;
  }
  
  
  .community-ls .community-ls--table th {
    font-family: "Museo700" !important;
    font-size: 14px;
    background: #29566C;
    padding: 0 16px;
    line-height: 40px;
    color: #fff;
    height: 40px;
  }
  .community-ls .community-ls--table tr.alt th {
    background: #F7F7F7 !important;
    font-family: "Museo500" !important;
    color: #152D38;
    font-weight: normal !important;
  }
  .community-ls .community-ls--table tr.alt th b {
    font-family: "Museo700" !important;
  }
  .community-ls .community-ls--table td {
    font-family: "Montserrat-Medium" !important;
    font-size: 14px;
    padding: 0 16px;
    color: #152D38;
    position: relative;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #E5E5E5;
  }
  .community-ls .community-ls--table tr:nth-child(odd) {
    background: #F7F7F7;
  }
  
  .community-ls .community-ls--table td input {
    appearance: none;
    width: 100px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: -3px;
    z-index: 1;
  }
  .community-ls .community-ls--table td p {
    position: relative;
    z-index: 10;
    padding: 0 0 0 30px;
    margin: 0;
    font-size: 14px !important;
    line-height: 40px;
    pointer-events: none;
  }
  .community-ls .community-ls--table td span.checked,
  .community-ls .community-ls--table td input:checked ~ span {
    background-size: 12px;
  }
  .community-ls .community-ls--table td span {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    border: 1px solid #949494;
    z-index: 10;
    background-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
  }
  .community-ls .community-ls--table td span.checked {
    border: 0px !important;
    position: relative;
    display: block;
    top: 0;
    margin: auto;
  }
  
  .community-ls .community-ls--summary {
    position: absolute;
    background: #F2EFE7;   
    top: 0px;
    right: 0;
    width: 262px;
    padding: 24px;
    border-radius: 32px;
    box-sizing: border-box;
  }
  .community-ls .community-ls--checklist {
    position: absolute;
    background: #F2EFE7;   
    top: 484px;
    right: 0;
    width: 262px;
    padding: 24px;
    border-radius: 32px;
    box-sizing: border-box;
  }
  
  .community-ls .community-ls--summary h2,
  .community-ls .community-ls--checklist h2 {
    font-family: "Museo700" !important;
    font-size: 16px;
    line-height: 16px;
    color: #152D38;
    padding-bottom: 12px;
  }
  .community-ls .community-ls--summary h3 {
    font-family: "Montserrat-SemiBold" !important;
    font-size: 14px;
    line-height: 24px;
    color: #29566C;
  }
  .community-ls .community-ls--summary p,
  .community-ls .community-ls--checklist p {
    font-family: "Montserrat-Medium" !important;
    font-size: 14px;
    
  }
  .community-ls .community-ls--summary p label,
  .community-ls .community-ls--checklist p label {
    display: inline-block;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 14px;
  }
  .community-ls .community-ls--summary span,
  .community-ls .community-ls--checklist span {
    float: right;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 14px;
  }
  .community-ls .community-ls--summary .stotal {
    padding: 16px 0;
    border-top: 1px solid rgb(41,86,108, 0.1);
  }
  
  
  
  .community-ls .community-ls--summary .total {
    font-size: 16px;
  }
  .community-ls .community-ls--summary .stotal label,
  .community-ls .community-ls--summary .total label {
    color: #29566C;
  }
  .community-ls .community-ls--summary .total span {
    font-size: 16px;
  }
  
  .community-ls .community-ls--checklist button,
  .community-ls .community-ls--summary button {
    width: 100%;
    height: 40px;
    background: #152D38;
    outline: none;
    color: #fff;
    font-family: "Montserrat-Medium" !important;
    font-size: 14px;
    border: none;
    margin-top: 16px;
    text-transform: uppercase;
    cursor: pointer;
  }
  .community-ls .community-ls--summary button:hover,
  .community-ls .community-ls--checklist button:hover {
    background: #2c5669 !important
  }
  
  .community-ls .community-ls--summary button[disabled="true"]:hover,
  .community-ls .community-ls--summary button[disabled="true"],
  .community-ls .community-ls--summary button[disabled]:hover,
  .community-ls .community-ls--summary button[disabled],
  .community-ls .community-ls--checklist button[disabled="true"]:hover,
  .community-ls .community-ls--checklist button[disabled="true"],
  .community-ls .community-ls--checklist button[disabled]:hover,
  .community-ls .community-ls--checlkist button[disabled] {
    opacity: 0.4;
    background: #152D38 !important;
    cursor: not-allowed;
  }
  .community-ls .community-ls--summary span[data-valid="false"],
  .community-ls .community-ls--checklist span[data-valid="false"] {
    color: #D42959
  }
  .community-ls .community-ls--summary span[data-valid="true"],
  .community-ls .community-ls--checklist span[data-valid="true"] {
    color: #196B3E
  }
  
  .community-ls--app > button,
  .community-ls--popup button {
    height: 40px;
    padding: 0 16px;
    color: #152D38;
    border: 1px solid #152D38;
    background: none;
    float: right;
    margin-right: 8px;
    font-family: "Montserrat-Medium" !important;
    font-size: 14px;
    margin-top: 16px;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
  }
  .community-ls--app > button.dark,
  .community-ls--popup button.dark {
    background: #152D38;
    color: #fff;
    margin-right: 24px;
    border: 1px solid #152D38;
    margin-bottom: 24px;
  }
  .community-ls--app > button:hover,
  .community-ls--popup button:hover {
    background: #2c5669 !important;
    border: 1px solid #2c5669;
    color: #fff;
  }
  
  .community-ls--popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .community-ls--overlay {
    background: rgb(21,45,56,0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .community-ls--popup table {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .community-ls--popup table td {
    vertical-align: middle;
  }
  .community-ls--popup table td > div {
    width: 600px;
    height: 626px;
    background: #fff;
    margin: auto;
  }
  .community-ls--popup h1 {
    padding: 0 24px;
  }
  .community-ls--popup p {
    padding: 10px 24px;
  }
  .community-ls--popup.alt table td > div {
    width: 480px;
    height: 360px;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    border-radius: 4px;
  }
  .community-ls--popup.alt table td > div h1 {
    line-height: 40px;
    padding-bottom: 16px;
  }
  .community-ls--popup.alt table td > div p {
    padding-bottom: 40px;
    font-size: 16px;
  }
  .community-ls--popup.alt table td > div button {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .community-ls--popup.alt table td > div button.dark {
    margin-right: 0px;
    margin-left: 5px;
  }
  
  
  .community-ls--popup.tut table td > div {
    background: #29566C;
    color: #fff;
    border-radius: 4px;
    height: auto;
    position: relative;
    box-sizing: border-box;
    padding: 12px 0 12px 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    overflow: auto;
  }
  .community-ls--popup.tut .community-ls--progress label {
    color: #fff !important;
  }
  .community-ls--popup.tut .community-ls--progress a {
    position: absolute;
    right: 24px;
    font-family: "Montserrat-Medium";
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    top: 20px;
    color: #fff;
  }
  .community-ls--popup.tut h1 {
    line-height: 40px;
  }
  .community-ls--popup.tut p {
    font-family: "Montserrat-Medium";
    font-size: 16px;
    line-height: 24px;
  }
  .community-ls--popup.tut .community-ls--tutorial {
    width: 200px;
    height: 40px;
    margin: 20px auto;
    float: right;
  }
  .community-ls--popup.tut .community-ls--tutorial span {
    height: 12px;
    width: 12px;
    background: #152D38;
    border-radius: 12px;
    display: inline-block;
    margin: 14px 6px;
  }
  .community-ls--popup.tut .community-ls--tutorial[data-step="1"] span:nth-child(1) {
    background: #fff;
  }
  .community-ls--popup.tut .community-ls--tutorial[data-step="2"] span:nth-child(2) {
    background: #fff;
  }
  .community-ls--popup.tut .community-ls--tutorial[data-step="3"] span:nth-child(3) {
    background: #fff;
  }
  .community-ls--popup.tut .community-ls--tutorial[data-step="4"] span:nth-child(4) {
    background: #fff;
  }
  .community-ls--popup.tut button {
    height: 48px;
    padding: 0 32px;
    float: left;
    margin-left: 24px;
    border-color: #fff;
    color: #fff;
  }
  .community-ls--popup.tut button.dark {
    background: #fff;
    border-color: #fff;
    color: #152D38;
    float: right;
  }
  .community-ls--popup.tut button:hover {
    background: #152D38 !important;
    color: #fff;
    border-color: #152D38;
  
  }
  
  .community-ls[data-tutorial="1"] .community-ls--app,
  .community-ls[data-tutorial="2"] .community-ls--app,
  .community-ls[data-tutorial="3"] .community-ls--app,
  .community-ls[data-tutorial="4"] .community-ls--app,
  .community-ls[data-tutorial="5"] .community-ls--app {
    overflow: visible !important;
  }
  .community-ls[data-tutorial="1"] .community-ls--app .community-ls--table,
  .community-ls[data-tutorial="2"] .community-ls--app .community-ls--table,
  .community-ls[data-tutorial="3"] .community-ls--app .community-ls--table,
  .community-ls[data-tutorial="4"] .community-ls--app .community-ls--table,
  .community-ls[data-tutorial="5"] .community-ls--app .community-ls--table {
    overflow: hidden;
    height: 162px;
  }
  .community-ls[data-tutorial="1"] .community-ls--app .community-ls--popup.tut {
    z-index: 10000;
    position: absolute;
    left: 0px;
    width: 600px !important;
    top: 260px;
  }
  .community-ls[data-tutorial="2"] .community-ls--app .community-ls--popup.tut {
    z-index: 10000;
    position: absolute;
    left: 0px;
    top: 260px;
  }
  .community-ls[data-tutorial="3"] .community-ls--app .community-ls--popup.tut {
    z-index: 10000;
    position: absolute;
    left: 0px;
    top: 316px;
  }
  .community-ls[data-tutorial="4"] .community-ls--app .community-ls--popup.tut {
    z-index: 10000;
    position: absolute;
    left: 0px;
    top: 540px;
  }
  .community-ls[data-tutorial="5"] .community-ls--app .community-ls--popup.tut {
    z-index: 10000;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .community-ls--app .community-ls--popup.tut table {
    height: 100px !important;
    width: 100% !important;
  }
  .community-ls[data-tutorial="1"] *[data-tutorial="1"],
  .community-ls[data-tutorial="2"] *[data-tutorial="1"] {
    background: #fff;
    z-index: 10000;
    position: relative;
    pointer-events: none;
  }
  .community-ls[data-tutorial="3"] *[data-tutorial="3"] {
    background: #fff;
    z-index: 10000;
    position: relative;
    pointer-events: none;
  }
  .community-ls[data-tutorial="4"] *[data-tutorial="4"] {
    background: #fff;
    z-index: 10000;
    position: relative;
    pointer-events: none;
  }
  .community-ls[data-tutorial="5"] .community-ls--summary[data-tutorial="5"] {
    z-index: 10000;
    pointer-events: none;
  }
  .community-ls--options > div {
    padding: 16px !important;
    margin: 0 !important;
  }
  .community-ls--app .community-ls--popup.tut table td > div h1,
  .community-ls--app .community-ls--popup.tut table td > div p {
    color: #fff !important;
  }
  
  .community-tab--left > button {
    height: 40px;
    padding: 0 16px;
    color: #152D38;
    border: 1px solid #152D38;
    background: none;
    float: right;
    margin-right: 8px;
    font-family: "Montserrat-Medium" !important;
    font-size: 14px;
    margin-top: 16px;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
  }
  .community-tab--left > button.dark {
    background: #152D38;
    color: #fff;
    margin-right: 24px;
    border: 1px solid #152D38;
    margin-bottom: 24px;
  }
  .community-tab--left > button:hover {
    background: #2c5669 !important;
    border: 1px solid #2c5669;
    color: #fff;
  }
  
  .community-ls--popup iframe {
    width: 100%;
    height: 360px;
    border: none;
  }
  .community-ls--popup p {
    font-size: 16px;
  }
  
  .community-ls .community-ls--table td input[disabled] ~ span {
    background: #ccc;
    background-image: none !important;
  }
  .community-ls .community-ls--table td input[disabled] ~ p {
    opacity: 0.5;
  }
  
  .community-ls--table {
    position: relative;
  }
  
  .community-ls--weeks {
    position: absolute;
    top: 62px;
    left: -25px;
  }
  .community-ls--weeks tr,
  .community-ls--weeks td {
    background: none !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 41px !important;
    box-sizing: border-box !important;
  }
  .community-ls--weeks td div {
    transform: rotate(-90deg);
    float: left;
    box-sizing: border-box !important;
    border-bottom: 1px solid #D42959;
    width: 82px;
    color: #D42959;
    line-height: 17px;
    text-align: center;
    padding: 0px;
    position: relative;
    margin: -3px 0 0 0;
  }
  .community-ls--weeks td div:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 5px;
    background: #D42959;
    left: 0;
    top: 17px;
  }
  .community-ls--weeks td div:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 5px;
    background: #D42959;
    left: 82px;
    top: 17px;
  }
  
  c-insurance-renewal-message .slds-card {
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    margin-bottom: -8px;
  }
  
  c-insurance-renewal-message .slds-button {
    float: right;
    height: 48px !important;
    border: 1px solid #29566C !important;
    box-sizing: border-box;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 14px !important;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #fff !important;
    background: #152D38 !important;
    min-width: 200px;
    line-height: 48px;
    background: none;
    padding: 0 40px;
    cursor: pointer;
    margin-top: 16px;
    margin-right: 16px;
    transition: background 0.2s ease;
  }
  
  c-insurance-renewal-message .slds-button:hover {
    background: #29566C !important;
  }
  
  c-insurance-renewal-message .slds-card__footer {
    padding: 0 0 58px 0 !important;
    margin: 0 0 1.5rem 0 !important;
  }
  
  c-insurance-renewal-message .slds-card__header {
    margin-bottom: 0px;
  }
  c-insurance-renewal .slds-card__header .slds-text-heading_small,
  c-insurance-renewal-message .slds-card__header .slds-text-heading_small {
    font-size: 20px !important;
  }
  
  c-insurance-renewal-message .slds-card__body {
    padding: 0px !important;
    margin: 0px !important;
  }
  
  c-insurance-renewal-message .slds-card__body p{
    padding: 4px 16px 0 16px;
    line-height: 20px;
  }
  
  c-insurance-renewal .slds-media__figure,
  c-insurance-renewal-message .slds-media__figure {
    display: none;
  }

  .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), 
  .siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
    margin-bottom: 0px !important;
  }