/* kapnick savory page css */

:root {
  --main-color-1: #bbd444;   /*uses: tour button*/
  --main-color-2: #f7901e;   /*uses: devices button*/
  --main-color-3: #3a6ea8;   /*uses: banner*/
  --main-color-4: #545255;   /*uses: */
  
  --secondary-color-1: #d1cfd1;   /*uses: */
  --secondary-color-2: #6d6a6c;   /*uses: */
  --secondary-color-3: #8da9d6;   /*uses: links*/
  --secondary-color-4: #ffffff;   /*uses: */
  
  --font-stack: 'Century Gothic', sans-serif;
  
  --heading-font: var(--font-stack);
  --heading-font-weight: bold;
  
  --body-font: var(--font-stack);
  --body-font-weight: normal;
  
  --sub-heading-font: var(--font-stack);
  --sub-heading-font-style: italic;
  
  --nav-color: #697586;

}






/* mobile app only stuff (my well app)*/
html body.is-mobile-app #my-body {
    min-height: 1200px !important;
}
html body.is-mobile-app .absolute-iframe{
    min-height: 1200px;
}


/*cancel out core stuff*/
html.challenges{
    margin:0 0 0 0 !important;
}

html body.page-master{
    margin:0;
}
html .w-dashboard .widget-dock{
    position:unset !important;
    padding:0;
}
html .padded-top{
    padding:unset;
}

html .k-window{
    border-radius:12px;
    overflow: auto;
    position:absolute !important;
    /* height: 98% !important; */
    /* top: 1% !important; */
}
html #my-body .k-i-arrow-60-down:before,
html #my-body .k-i-arrow-60-up:before,
html #my-body .k-i-arrow-end-left:before,
html #my-body .k-i-arrow-60-left:before,
html #my-body .k-i-arrow-end-right:before,
html #my-body .k-i-arrow-60-right:before {
    font-family: WebComponentsIcons;
}
html.noScroll.k-mobile{
    position: initial !important;
}


/*global stuff ------------  */
html #my-body *:not(u) {
    /*font-family: 'Plus Jakarta Sans' !important;*/
    text-decoration: none !important;
    box-sizing:border-box;
}
html #my-body a{
    color: var(--secondary-color-3);
}
html #my-body a[target="_blank"]{
    position:relative;
}



html #my-body a[target="_blank"]:not(.target-blank-no-symbol):after,
html #my-body a[target="_blank"]:not(.target-blank-no-symbol):before {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    font-family: monospace;
}
/*
html #my-body a[target="_blank"]:not(.target-blank-no-symbol):after {
    content: "↗";
    right: -18px;
    top: -6px;
}
html #my-body a[target="_blank"]:not(.target-blank-no-symbol):before {
    content: "⃞";
    right: -10px;
}

html #my-body > div:not(#my-nav) a.nav-link:after,
html #my-body > div:not(#my-nav) .w-wellScore a.nav-link:after {
    content: "↗";
}
*/
html #my-body > div:not(#my-nav) a.nav-link:after{
    margin-left: 12px;
    font-size: 26px;
}
html #my-body > div:not(#my-nav) .w-wellScore a.nav-link:after{
    margin-left: 3px;
    font-size: 1rem;
}
html #my-body .page-island {
    background: #FFFFFF;
    border: 1px solid #E3E8EF;
    box-shadow: 0 4px 25px rgba(154, 164, 178, 0.2);
    border-radius: 16px;
    padding: 24px;
    position: relative;
}
html #my-body .my-layer > div[id] {
    scroll-margin-top: 96px;
}


html #my-body .video-container,
html #my-body .my-routes-container{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  padding-top: 0;
  overflow: hidden;
}
html #my-body .video-container iframe,
html #my-body .my-routes-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

@media screen and (max-width: 1320px) {
    html #my-body .my-routes-container{
      padding-bottom: 64.25%;;
    }
}
@media screen and (max-width: 1000px) {
    html #my-body .my-routes-container{
      padding-bottom: 72.25%;;
    }
}
@media screen and (max-width: 700px) {
    html #my-body .my-routes-container{
      padding-bottom: 104.25%;;
    }
}
@media screen and (max-width: 600px) {
    html #my-body .my-routes-container{
      padding-bottom: 130.25%;;
    }
}
@media screen and (max-width: 500px) {
    html #my-body .my-routes-container{
      padding-bottom: 160.25%;;
    }
}


/*flex box global classes*/
html .flex-container{
    display: flex;
}
html .flex-column{
    flex-direction: column;
}
html .flex-row{
    flex-direction: row;
}
html .flex-wrap{
    flex-wrap: wrap;
}
html .flex-justify-space-between{
    justify-content: space-between;
}
html .flex-justify-space-evenly{
    justify-content: space-evenly;
}
html .flex-justify-space-around{
    justify-content: space-evenly;
}
html .flex-justify-center{
    justify-content: center;
}
html .flex-justify-stretch{
    justify-content: stretch;
}
html .flex-align-items-start{
    align-items: flex-start;
}
html .flex-align-items-center{
    align-items: center;
}
html .flex-gap-8{
    gap: 8px;
}
html .flex-gap-20{
    gap: 20px;
}
html .flex-gap-32{
    gap: 32px;
}
html .flex-third {
    flex-grow: 1;
    flex-basis: 30%;
}
html .flex-two-third {
    flex-grow: 2;
    flex-basis: 60%;
}
html .flex-three-third {
    flex-grow: 1;
}
@media screen and (max-width: 600px) {
    html .flex-third {
        flex-basis: 100%;
    }
}
html .flex-grow-1{
    flex-grow: 1;
}


/*floats*/
html .float-right{
    float: right;
}
html .float-left{
    float: left;
}
html .float-clear{
    clear: both;
}

/* absolute iframes*/
html .absolute-iframe{
    width: 100%;
    height: calc(100vh - 96px);
    position: absolute;
    left: 0;
    right: 0;
    top: 96px;
    bottom: 0;
}
html form.loggedOut .absolute-iframe{
    height: 100vh;
    top: 0;
}

html #my-body > div{
    padding: 0 10%;
}
@media screen and (max-width: 1320px) {
    html #my-body > div{
        padding: 0 10px;
    }
}

/*global poof-on-size*/
@media screen and (max-width: 500px) {
    html .max-500{
        display: none !important;
    }
}





/* freshworks widget */
html.admin #freshworks-container{
    display:none;
}


/*new page struct*/
html .my-layer:first-child {
    margin-top:  14px;
}


/*page struct*/
html #my-body > div:not(#my-nav):not(#my-sub-nav):not(.page-visiting):not(#my-footer){
    display:none;
}
html #my-body{
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    width: 100%;
    background: #F8FAFC;
    box-sizing: border-box;
    overflow: auto;
}
html #my-nav{
    /* Auto layout */
    align-items: center;
    width: 100%;
    height: 96px;
    background: #FFFFFF;
    border-bottom: 1px solid #E3E8EF;
    z-index: 2001;
    position: sticky;
    top: 0;
}

html #pageForm.loggedIn #my-body{
    padding-bottom:36px;
}
html #my-body .box-header {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #202939;
}
html #my-body .box-content {
    position: relative;
}
html #my-body .clear-box-bg {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* footer*/
html #my-footer {
    background-color:#4d4c48;
    padding: 12px 0 !important;
    margin-top: 36px;
    margin-bottom: -36px;
}
html form.loggedIn #my-footer {
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
html #my-footer > p{
    color: #9d9b94;
}
html #my-footer #google-translate-goes-here{
    filter: grayscale(1);
}
html #my-footer #google-translate-goes-here select{
    border-radius: 6px;
}
html #my-footer > .flex-container {
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    text-align: center;
}
html #my-footer > .flex-container > div {
    flex-basis: 20%;
}
html #my-footer > .flex-container > div > img {
    max-width: 200px;
    max-height: 40px;
    
}
html #my-footer > .flex-container > div > a {
    color: #dddbd0;
}


html #my-footer > p {
    text-align: center;
    font-size: .8rem;
    margin: 12px 0 0;
}
@media screen and (max-width: 480px) {
    html #my-footer > .flex-container > div {
        flex-basis: 100%;
    }
    html #my-page-loggedout > .flex-container {
        margin-bottom: 200px !important;
    }
}

html #my-body.store #my-footer,
html #my-body.events #my-footer,
html #my-body.hra #my-footer,
html #my-body.library #my-footer,
html #my-body.contact #my-footer,
html #my-body.rewards #my-footer,
html #my-body.faq #my-footer,
html #my-body.license #my-footer,
html #my-body.challenge #my-footer,
html #my-body.enrollment #my-footer,
html #my-body.thrive1 #my-footer,
html #my-body.thrive2 #my-footer,
html #my-body.course #my-footer{
    display: none !important;
}
html #my-body.articles #my-footer{
    display: none !important;
}
html #my-body.mymeasurements #my-footer{
    display: none !important;
}
html #my-body.bcdm-enrollment #my-footer{
    display: none !important;
}


/*nav menu*/
html #my-nav .widget.w-logo img {
    max-width: 200px;
    max-height: 48px;
    width: auto;
}

html #my-nav .nav-menu {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-grow: 1;
}
html #my-nav button.nav-toggle {
    display: none;
}

html #my-nav .nav-collapse {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}
html #my-nav .nav-menu > div {
    position: relative;
}
html #my-nav .nav-menu > div.nav-dropdown > span:after{
    content:"∟";
    position: relative;
    transform: rotate(315deg);
    display: inline-block;
    left: 10px;
    top: -3px;
}

html #my-nav .nav-menu > div.nav-dropdown:hover > span:after{
    transform: rotate(135deg);
    left: 10px;
    top: 4px;
}
html #my-nav .nav-menu a.nav-link[data-for="welcome"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="welcome"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=b73f96c1-13ff-4325-b7f8-90254b0b8c20);
}
html #my-nav .nav-menu a.nav-link[data-for="trackers"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="trackers"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=2388abbc-fc8f-49a1-b8c5-9b6ac8ffc2b1);
}
html #my-nav .nav-menu a.nav-link[data-for="points"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="points"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=ef0cd842-457d-4f09-b3d0-f5c04a2b5e6a);
}

html #my-nav .nav-menu a.nav-link[data-for="hra"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="hra"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=ef0cd842-457d-4f09-b3d0-f5c04a2b5e6a);
}

html #my-nav .nav-menu a.nav-link[data-for="ras"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="ras"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=2be08f09-5c97-4a38-9c68-aef0bffa9a73);
}

html #my-nav .nav-menu a.nav-link[data-for="rewards"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="rewards"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=ef0cd842-457d-4f09-b3d0-f5c04a2b5e6a);
}

html #my-nav .nav-menu a.nav-link[data-for="learn"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="learn"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=06acfbb9-4d8a-4daf-a0f2-5f06e51d3afe);
    filter: contrast(0.2);
}

html #my-nav .nav-menu a.nav-link[data-for="store"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="store"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=c939ef54-aa58-465e-bcdb-b82b0ea2eca7);
}

html #my-nav .nav-menu a.nav-link[data-for="participate"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="participate"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=d4ff529c-048d-4f0c-950e-9c585915f619);
}
html #my-nav .nav-menu > .nav-dropdown > a.nav-link[data-for="coaching"]:before,
html #my-nav .nav-menu > .nav-dropdown > span.nav-dropdown-label[data-for="coaching"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=06fe27bf-a3f1-45ef-b408-5a54c5084e88);
}
html #my-nav .nav-menu a.nav-link[data-for="help"]:before,
html #my-nav .nav-menu span.nav-dropdown-label[data-for="help"]:before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=093a629f-cedb-4e1b-b30b-b25a8b178959);
}

html #my-nav .nav-menu > div > a:before,
html #my-nav .nav-menu > div > span:before{
    position: relative;
    top: 4px;
    margin-right: 10px;
    filter: saturate(0.1);
}


html #my-nav .nav-menu > div:hover > a,
html #my-nav .nav-menu > div:hover > span,
html #my-nav .nav-menu a.viewing{
    color:var(--secondary-color-3);
    position: relative;
}

html #my-nav .nav-menu a.viewing:after {
    content: "";
    background-color: #EFF8FF;
    width: calc(100%);
    height: 44px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 6px;
}

html #my-nav .nav-menu .nav-list a.viewing:after {
    top: -1px;
    width: 100%;
    left: 0;
}


html #my-nav .nav-menu > div:hover > a:before,
html #my-nav .nav-menu > div:hover > span:before,
html #my-nav .nav-menu a.viewing:before{
    filter: saturate(1);
}
html #my-nav .nav-menu .nav-list {
    display:none;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #EEF2F6;
    padding:8px;
    box-shadow: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
    border-radius: 12px;
    z-index:4;
    min-width:240px;
    top: 34px;
    right: 0;
}
html #my-nav .nav-menu > div:hover .nav-list {
    display: inline;
}
html #my-nav .nav-menu > div .nav-list a,
html #my-nav .nav-menu > div .nav-list span{
    display:block;
    text-decoration:none;
    padding:8px;
    border-radius: 6px;
    /*font-family: 'Plus Jakarta Sans';*/
    font-weight: 500;
    font-size: 14px;
}
html #my-nav .nav-menu > div .nav-list > div:not(:last-child) {
    margin-bottom:8px;
}
html #my-nav .nav-menu > div .nav-list a:hover,
html #my-nav .nav-menu > div .nav-list span:hover{
    background-color:#EFF8FF;
    color: var(--main-color-1);
}

html #my-nav .nav-menu a,
html #my-nav .nav-menu span{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    
    
    /* Shades/Gray/500 */
    color: var(--nav-color) !important;
    white-space: nowrap;
    z-index:1;
    
    padding: 12px;
}

html #my-nav .widget.w-inbox {
    /* commented out becuase its easier to leave as default image
    background-image: url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?maxsize=80&id=00e7cce7-37d4-4fa9-b698-1b05064481ed);
    */
    height: 40px;
    margin-right: 14px;
    border-radius: 6px;
}

html #my-nav .w-inbox .w-inbox-count{
    top:0px;
}

html #my-nav .w-inbox:hover,
html #my-nav .w-inbox.is-selected {
    background-color: #f0f0f0;
}

html #pageForm.loggedIn.default_aspx #my-nav .widget.w-user {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    /* position:relative; */
    /* top: 28px; */
}

html #my-nav .nav-mail-profile {
    min-width: 104px;
}

html #my-nav .faux-hover{
    color: var(--secondary-color-3) !important;
}
html #my-nav .faux-hover:before {
    filter: saturate(1) !important;
}
html #my-nav .faux-hover:after {
    transform: rotate(135deg) !important;
    left: 10px !important;
    top: 4px !important;
}

html .k-animation-container.burt {
    display: block  !important;
    overflow: visible  !important;
}

html .w-user-popup.ernie {
    display: block  !important;
    transform: translateY(0) !important;
}



/* small nav stuff*/

html #my-nav.nav-expanded .nav-menu {
    flex-direction: column;
    /* width: calc(100% - 24px); */
}
html #my-nav.nav-expanded .nav-spacer {
    display: none;
}
html #my-nav.nav-sm button.nav-toggle {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    border: none;
    background: none;
    padding: 0;
    position: relative;
}
html #my-nav.nav-sm .nav-collapse {
    display: none;
}
html #my-nav.nav-sm {
    justify-content: space-between;
}
html #my-nav.nav-sm.nav-expanded .nav-collapse {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 95px;
    gap: 10px;
    background-color: white;
    padding: 12px;
    width: calc(100% - 24px);
    border-top: 1px solid #EEF2F6;
    border-bottom: 1px solid #E3E8EF;
    box-shadow: 0px 20px 20px 0px rgb(154 164 178 / 20%);
    box-sizing: content-box;
    z-index: 2001;
}

html #my-nav .nav-toggle div {
    background-color: #344054;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    width: 18px;
    left: calc(50% - 9px);
    pointer-events: none;
}
html #my-nav .nav-toggle div:first-child {
    top: 14px;
}
html #my-nav .nav-toggle div:last-child {
    bottom: 12px;
}
html #my-nav.nav-expanded .nav-toggle div:first-child{
    transform: rotate(45deg);
    top: 21px;
}
html #my-nav.nav-expanded .nav-toggle div:nth-child(2){
    display:none;
}
html #my-nav.nav-expanded .nav-toggle div:last-child{
    transform: rotate(-45deg);
    bottom: 17px;
}
html #my-nav.nav-expanded .nav-menu {
    flex-direction: column;
    /* width: calc(100% - 24px); */
    order: 1;
    width: 100%;
}

html #my-nav.nav-expanded .nav-spacer {
    display: none;
}
html #my-nav.nav-expanded .nav-menu > div > a,
html #my-nav.nav-expanded .nav-menu > div > span {
    display: block;
    position: relative;
}
html #my-nav.nav-sm .nav-menu a.viewing:after {
    top: 5px;
}
html #my-nav.nav-expanded .nav-menu > div.nav-dropdown > span:after {
    right:0;
    position: absolute;
    top: unset;
    left: unset;
}

html #my-nav.nav-expanded .nav-mail-profile {
    align-self: flex-end;
}

html #my-nav.nav-expanded .nav-menu > div:hover .nav-list {
    left: 140px;
    top: 40px;
    right: 46px;
}

html #my-nav.nav-expanded .nav-menu > div {
    height: 52px;
    padding: 0;
}

/* sub nav stuff */
html #my-sub-nav > div {
    position: relative;
    top: 7px;
    right: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 12px;
}
html #my-sub-nav > div > button {
    /*position: absolute;*/
    /*right: 0;*/
    height: 24px;
    border-radius: 12px;
    border: 1px solid;
    color: white;
}
html #my-sub-nav > div > button[data-purpose="start tour"] { 
    /*right: 0;*/
    border-color: var(--main-color-3);
    background-color: var(--main-color-3);
}
html #my-sub-nav > div > button[data-purpose="show device pop"] {
    /*right: 74px;*/
    border-color: var(--main-color-3);
    background-color: var(--main-color-3);
}
html #my-sub-nav > div > button:after {
    border-radius: 50%;
    background-color: white;
    height: 22px;
    width: 22px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: -1px;
    font-weight: bold;
    line-height: 21px;
}
html #my-sub-nav > div > button[data-purpose="start tour"]:after {
    content: "⮞";
    color: var(--main-color-3);
}
html #my-sub-nav > div > button[data-purpose="show device pop"]:after {
    content: "❐";
    color: var(--main-color-3);
}
html #my-sub-nav > div > button:hover {
    cursor:pointer;
}
html #my-sub-nav > div > button[data-purpose="start tour"]:hover {
    filter: brightness(0.9);
}
html #my-sub-nav > div > button[data-purpose="show device pop"]:hover {
    filter: brightness(0.9);
}
html .driver-popover{
    border-radius: 16px;
    max-width:400px;
    min-width:280px;
    z-index:3000000000;
}
html .driver-popover .driver-popover-title{
    font-size: 1.2rem;
}
html .driver-popover .driver-popover-description,
html .driver-popover .driver-popover-footer *{
    font-size: 1rem;
}
html .driver-popover-description p{
    margin: 0 0 6px 0;
}



/*welcome header*/
/*welcome header and Social header*/
html .my-welcome-header,
html #my-social-header{
    background-color: var(--main-color-3);
    padding: 24px 28px;
    min-height: 116px;
    height:100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    display: flex;
}
html .my-welcome-header{
    align-content: center;
    flex-wrap: wrap;
}
html #my-social-header{
    flex-basis: 100%;
    flex-direction:column;
    gap:10px;
}
html .my-welcome-header .user-avatar{
    border-radius: 50%;
}
html .my-welcome-header > div > div:first-child{
    width: 92px;
}

html .my-welcome-header > div > div{
    display: inline-block;
    position: relative;
}
html .my-welcome-header > div > div:nth-child(1){
    top: 3px;
}
html .my-welcome-header > div > div:nth-child(2){
    top: -6px;
}
html .my-welcome-header span,
html #my-social-header span,
html #my-social-header p{
    font-style: normal;
    color: #FFFFFF;
}
html .my-welcome-header > div > div > div:first-child span,
html #my-social-header > div:first-child span{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.02em;
}
html .my-welcome-header > div > div > div:last-child span,
html #my-social-header > div:last-child p{
    font-weight: 200;
    font-size: 16px;
    line-height: 24px;
}
html #my-social-header > div:last-child p{
    text-align:right;
    margin: 0;
}
@media screen and (max-width: 1180px) {
    html .my-welcome-header > div > div > div:first-child span,
    html #my-social-header > div:first-child span{
        font-size: 22px;
    }
}


    
    
/* health tips */
html #my-body .w-healthTip table{
    max-width:100% !important;
}
html #my-body .w-healthTip > table > tbody > tr:last-child {
    display: none;
}
html #my-body .w-healthTip table .tip-quad > div{
    min-width: 300px;
    border-radius: 12px;
}
html #my-body .w-healthTip table .tip-quad.tip-1 > div{
    background-color: white;
    color: var(--secondary-color-2);
    border: 1px solid rgba(126, 126, 126, 0.1);
}
html #my-body .w-healthTip table .tip-quad.tip-2 > div{
    background-color: white;
    color: var(--secondary-color-2);
    border: 1px solid rgba(126, 126, 126, 0.1);
}
html #my-body .w-healthTip table .tip-quad.tip-3 > div{
    background-color: white;
    color: var(--secondary-color-2);
    border: 1px solid rgba(126, 126, 126, 0.1);
}
html #my-body .w-healthTip table .tip-quad.tip-4 > div{
    background-color: white;
    color: var(--secondary-color-2);
    border: 1px solid rgba(126, 126, 126, 0.1);
}

html #my-body .w-healthTip table .tip-quad > div > div{
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 16px 16px 8px;
    gap: 4px;
    align-items: center;
    justify-content: center;
    background-color: white;
}

html #my-body .w-healthTip table .tip-quad > div > div > p{
    text-align: center;
    margin:0;
    align-self: center;
}
html #my-body .w-healthTip table .tip-quad > div > div > p:first-child{
    height:28px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}
html #my-body .w-healthTip table .tip-quad > div > div > p:last-child{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    border-top: 2px solid hwb(0deg 32% 68% / 7%);
    padding: 0 20px;
    min-height: 88px;
    display: flex;
    align-items: center;
    flex-grow: 1;
}




/* wellness score */
/*html #my-body .w-wellScore *{*/
/*    font-size:1rem;*/
/*}*/
/*html #my-body .w-wellScore .summary,*/
/*html #my-body .w-wellScore .score-desc .icon{*/
/*    display:none;*/
/*}*/
/*html #my-body .w-wellScore .icon{*/

/*}*/
/*html #my-body .w-wellScore .desc{*/
/*    width:80%;*/
/*}*/
/*html body.blank-theme .k-tooltip.k-widget{*/
/*    width:auto !important;*/
/*}*/

/*html #my-body .w-wellScore .score-desc{*/
/*    margin:12px 0;*/
/*}*/

/*html #my-body .w-wellScore .score-desc *{*/
/*    font-size: 0.9rem*/
/*}*/

/*html #my-body .w-wellScore .score-desc .desc {*/
/*    width: 100%;*/
/*}*/

/*html #my-body .w-wellScore .score-desc .desc p,*/
/*html #my-body .w-wellScore .score-desc .desc ul,*/
/*html #my-body .w-wellScore .score-desc .desc ol{*/
/*    margin: 12px 0;*/
/*}*/
/*html #my-body .w-wellScore a[target='_blank'] ~ img.info-tip {*/
    /*margin-left: 20px; */
/*}*/



/* quick links */

html #my-body .quicklinks ul {
    margin: 16px 0 0 0;
    padding: 0;
    list-style-type: none;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
html #my-body .quicklinks ul li:not(:last-child){
    margin-bottom:12px;
}


/* video and slideshow */
html #my-body .my-slideshow {
  position: relative;
  border-radius:16px;
  border: 1px solid #E3E8EF;
  box-shadow: 0 4px 25px rgba(154, 164, 178, 0.2);
  overflow:hidden;
}
html #my-body .my-slideshow > div:not(.slide-controls),
html #my-body .my-slideshow > img {
  width: 100%;
  height: 100%;
  display: none;
}
html #my-body .my-slideshow > div:not(.slide-controls) {
  display: block;
}
html #my-body .my-slideshow .slide-controls{
    position: absolute;
    bottom: calc(50% + 32px);
    width: 100%;
    height: 0;
    overflow: visible;
}
html #my-body .my-slideshow .slide-controls > a{
    opacity:40%;
    margin:12px;
}
html #my-body .my-slideshow .slide-controls > a:hover{
    opacity:80%;
}
html #my-body .my-slideshow .slide-controls > a:first-child{
    float:left;
}
html #my-body .my-slideshow .slide-controls > a:last-child{
    float:right;
}
html #my-body .my-slideshow .slide-controls > a:last-child > img{
    transform: scaleX(-1);
}


/* Devices */
html .my-devices .box-container > div {
    background: #FCFCFD;
    border: 1px solid #EEF2F6;
    border-radius: 6px;
    padding: 12px;
}
html .my-devices .box-container > div:not(:last-child) {
    margin-bottom: 12px;
}
html .my-devices .widget.initialized.w-fitbit:before {
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?maxsize=26&id=d4d28c9c-eb64-4cc9-b1a6-9df101e49261") "  fitbit";
}
html .my-devices .widget.initialized.w-googleFit:before {
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?maxsize=26&id=cb371003-aeb2-4d89-9922-18c7dfe3cbbc") "  Google fit";
}
html .my-devices .widget.initialized.w-garmin:before {
    content: url("CoreHealth.Web.UI.ImageStore.axd?id=1dca0ffd-f0cb-44dd-886b-4b3f563378b3");
    transform: scale(0.8);
    transform-origin: left;
}
html .my-devices .validic:before {
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?maxsize=30&id=5d4bede7-34a3-4263-a1bc-83a3c7be29b8") "  Validic";
}
html .my-devices .validic:hover:before {
    cursor:pointer;
    content: "Click to see devices";
    font-size:18px !important;
    height: 36px;
    text-align:center;
    line-height: 2;
}

html .my-devices .widget.initialized:before,
html .my-devices .validic:before{
    display:block;
    font-size: 28px;
    white-space: break-spaces;
}
html .my-devices .widget.initialized.w-devices:before {
    content: "Connected devices";
    font-size: 1rem !important;
}




/*Challenges*/
html .w-myChallenges .nonetoshow{
    border: none;
}
html .w-myChallenges .bx-wrapper {
    max-width: calc(100% - 120px) !important;
}



/*Activity*/
html .flex-container > .my-tracker-item {
    flex-grow: 1;
    flex-basis: 30%;
    min-height: 120px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 310px) {
  html .flex-container > .my-tracker-item {
    min-width: 220px;
  }
}
@media screen and (max-width: 309px) {
  html .flex-container > .my-tracker-item {
    min-width: 100%;
  }
}
html .flex-container > .my-tracker-item .ch-tracker > img{
    opacity: 50%;
}
html .flex-container > .my-tracker-item .ch-tracker > img[src$=".png"]{
    opacity: 100%;
}
html .flex-container > .my-tracker-item.steps {
    background-color: #DAF4BE;
    border: 1px solid rgba(43, 66, 18, 0.1);
    color: #2B4212;
}
html .flex-container > .my-tracker-item.steps .tracker-icon{
    background-image:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=e0897238-4039-4fef-978f-afa35a292d44);
    background-size: 78px;
    right: 9px;
}
html .flex-container > .my-tracker-item.minutes,
html .flex-container > .my-tracker-item.dairy{
    background-color: #E5E2FE;
    border: 1px solid rgba(62, 28, 150, 0.1);
    color: #3E1C96;
}
html .flex-container > .my-tracker-item.minutes .tracker-icon{
    background-image:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=c48d72fb-9496-413f-8fb6-cfcc50bab39f);
    background-size: 104px;
}
html .flex-container > .my-tracker-item.dairy .ch-tracker > img{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=2b52dbe7-ed4f-40d2-8f12-1b53719f2454") !important;
}
html .flex-container > .my-tracker-item.dairy .ch-tracker > img[src$=".png"]{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=958a38d7-7b76-4f66-b350-c708f5a902a2") !important;
}
html .flex-container > .my-tracker-item.calories,
html .flex-container > .my-tracker-item.protein {
    background-color: #FEF7C3;
    border: 1px solid rgba(113, 59, 18, 0.1);
    color:#713B12;
}
html .flex-container > .my-tracker-item.calories .tracker-icon{
    background-image:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=4d31a684-c82e-4830-924d-574bbd9ed54a);
}
html .flex-container > .my-tracker-item.protein .ch-tracker > img{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=d58774e9-8662-47d8-b6f4-937dd13e7de6") !important;
}
html .flex-container > .my-tracker-item.protein .ch-tracker > img[src$=".png"]{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=487226cc-d263-458d-8378-ba69fef330b4") !important;
}
html .flex-container > .my-tracker-item.sleep {
    background-color: #C7DAFF;
    border: 1px solid rgba(0, 53, 158, 0.1);
    color:#00359E;
}
html .flex-container > .my-tracker-item.sleep .tracker-icon{
    background-image:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=59fe8959-79be-4bdd-b194-6c5679f47bdd);
}
html .flex-container > .my-tracker-item.sleep .ch-tracker > img{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=20920be7-5459-45f4-b7ac-847852b336c6") !important;
}
html .flex-container > .my-tracker-item.sleep .ch-tracker > img[src$=".png"]{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=dbf0feb8-ea14-482b-91e5-c43247cd53d0") !important;
}
html .flex-container > .my-tracker-item.water {
    background-color: #B2DDFF;
    border: 1px solid rgba(14, 88, 153, 0.1);
    color:#0E5899;
}
html .flex-container > .my-tracker-item.water .tracker-icon{
    background-image:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=fcc19049-2e48-4053-9223-79647ae5451e);
    background-size: 65px;
    right: -2px;
}
html .flex-container > .my-tracker-item.water .ch-tracker > img{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=4b1bff5f-5c8f-45c1-a55b-b2bfba5fd132") !important;
}
html .flex-container > .my-tracker-item.water .ch-tracker > img[src$=".png"]{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=72a31943-f817-4da9-8d9d-0e853ebaa0a0") !important;
}
html .flex-container > .my-tracker-item.mindfulness {
    background-color: #FFCCD4;
    border: 1px solid rgba(137, 18, 62, 0.1);
    color:#89123E;
}
html .flex-container > .my-tracker-item.mindfulness .tracker-icon{
    background-image:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=a89b75e7-4edb-497c-a1e0-9b5f1c0cf339);
    background-size: 92px;
    right: -2px;
}
html .flex-container > .my-tracker-item.mindfulness .ch-tracker > img{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=3ebf44ce-b829-4461-9c05-7a0e3d30dc93") !important;
}
html .flex-container > .my-tracker-item.mindfulness .ch-tracker > img[src$=".png"]{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=e772328c-8efd-4870-a3bc-4f6e2339a3a6") !important;
}
html .flex-container > .my-tracker-item.fruit {
    background-color: #DAF4BE;
    border: 1px solid rgba(43, 66, 18, 0.1);
    color: #2B4212;
}
html .flex-container > .my-tracker-item.fruit .tracker-icon{
    background-image:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=aab07262-b35e-4792-801a-94ad010d157a);
    background-size: 92px;
    right: -2px;
}
html .flex-container > .my-tracker-item.fruit .ch-tracker > img{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=b28ff639-0c37-4140-8907-eabdd3b1720c") !important;
}
html .flex-container > .my-tracker-item.fruit .ch-tracker > img[src$=".png"]{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=fcdb7de3-4ff4-4741-ae8a-3188f9bc30f8") !important;
}
html .flex-container > .my-tracker-item.grain {
    background-color: #FFDDC7;
    border: 1px solid rgba(119, 26, 13, 0.1);
    color: #771A0D;
}
html .flex-container > .my-tracker-item.grain .ch-tracker > img{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=9eccb47f-3061-4bd5-8e93-2008318ced6e") !important;
}
html .flex-container > .my-tracker-item.grain .ch-tracker > img[src$=".png"]{
    content:url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=f9886919-e8bb-4051-b75f-0ff008d85a6f") !important;
}
html .flex-container > .my-tracker-item .tracker-icon{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 92px;
    position: absolute;
    bottom: -2px;
    right: -2px;
    background-blend-mode: multiply;
    filter: opacity(0.25);
    pointer-events: none;
}

html #my-activity .ch-trackers,
html #my-activity .ch-total-points,
html #my-activity .h-outofrange{
    display: none !important;
}

html .my-tracker-item > span {
    display: block;
    text-align: center;
    padding: 16px;
}
html .my-tracker-item > div .ch-points,
html .my-tracker-item.steps > div:first-of-type,
html .my-tracker-item.minutes > div:first-of-type,
html .my-tracker-item.calories > div:first-of-type{
    text-align:center;
    font-weight: 600;
    font-size: 60px;
    line-height: 45px;
}
html .my-tracker-item .widget.initialized.w-trackerChart {
    display: block;
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    transition: top .25s;
    transition-timing-function: ease-out;
}
html .my-tracker-item.show-chart .widget.initialized.w-trackerChart {
    top: 0%;
}
html .my-tracker-item .w-trackerChart .k-dropdown{
    width: 100%;
}

html .my-tracker-item > a{
    position: absolute;
    top: -3px;
    right: 12px;
    font-size: 32px;
    transform: rotate(0deg);
    transition: transform .25s;
    transition-timing-function: ease-out;
}
html .my-tracker-item.show-chart > a{
    transform: rotate(-540deg);
}

html .my-tracker-item .hide-me-if-you-want {
    display: none;
}
html .my-tracker-item .widget.w-trackerMulti {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}
html .my-tracker-item .widget.w-trackerMulti .ch-points {
    order: -1;
    display: inline-block;
}
html .my-tracker-item .widget.w-trackerMulti .ch-trackers {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    padding: 24px 0 12px;
    gap: 12px;
    min-height: 160px;
    align-content: center;
    width: 100%;
    max-width: 245px;
}

html .my-tracker-item .widget.w-trackerMulti .ch-trackers > .ch-tracker {
    flex-basis: 50px;
    padding: 0;
}





/*logged out page*/
html #my-page-loggedout {
    width: 100%;
    position: absolute;
}
html #my-page-loggedout > div:first-child {
    height: 60px;
}
html #my-page-loggedout > div:nth-child(2) {
    height: calc(100% - 92px);
}
html #my-page-loggedout > div:last-child {
    height:32px;
}
html #my-page-loggedout > div:last-child ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
html #my-page-loggedout > div:last-child li {
    float:left;
}
html #my-page-loggedout > div:last-child li:not(:first-child):before {
    content:"|";
    width: 22px;
    display: inline-block;
    text-align: center;
}
html #my-page-loggedout .page-island {
    max-width: 370px;
}
html #my-page-loggedout .w-logo img{
    max-width: 80%;
    margin: 0 auto;
}
html #my-page-loggedout label {
    display: block;
    padding-bottom:6px;
}
html #my-page-loggedout input:not([type=checkbox]) {
    width:100%;
    height: 36px;
    font-size:1rem;
}

html #my-page-loggedout .welcomeMessage > p:first-child {
    margin: 0 0 12px 0;
}
html #my-page-loggedout .welcomeMessage > p:not(:first-child):not(:last-child) {
    margin: 12px 0;
}
html #my-page-loggedout .welcomeMessage > p:last-child {
    margin: 12px 0 0 0;
}
html #my-page-loggedout .welcomeMessage > p{
    text-align: justify;
    font-size: 1rem;
}

html #my-page-loggedout a.forgot-password {
    font-size:11px;
}
html #my-page-loggedout .logged-out-input-grp{
    text-align: center;
}
html #my-page-loggedout .my-button {
    min-width: calc(370px / 2);
    height: auto;
    font-size: 1rem;
    background: var(--secondary-color-3);
    border-radius: 6px;
    border: none;
    color: white;
    padding: 8px;
}
html #my-page-loggedout .my-button:hover {
    background: #53B1FD;
}
html #my-page-loggedout .my-button:active {
    background: var(--main-color-1);
}
html #my-page-loggedout .my-button:focus {
    border: 3px solid #9cd3ff;
}
html #my-page-loggedout .logged-out-input-grp label {
    font-size: 11px;
}
html #my-page-loggedout .need-help {
    margin-bottom: 0;
    font-size: 14px;
}
html #my-page-loggedout #store-links {
    margin-bottom: 20px;
}
html #my-page-loggedout #store-links img {
    width: 130px;
    margin: 0 3px;
}
html #my-page-loggedout #fine-print-links{
    position: fixed;
    bottom: 6px;
}





/* activity chart and trackers */
html #my-page-trackers .w-activityChart .k-chart{
    height: 300px;
    margin: 12px 0 0;
    clear:both;
}
html #my-page-trackers .w-activityChart .k-widget.k-dropdown{
    float: right;
    margin-left: 12px;
}
html #my-page-trackers .w-progress > .circle {
    text-align: center;
}
html #my-page-trackers .w-progress > .circle canvas {
    width: 100% !important;
    height: auto !important;
    max-width: 250px;
}
html #my-page-trackers .activity-value-display {
    text-align: center;
    position: relative;
    height: 0;
    top: -159px;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 12px;
}
html #my-page-trackers .activity-add-grp {
    text-align: center;
}
html #my-page-trackers .activity-add-grp > div {
    margin-bottom: 12px;
}
html #my-page-trackers .widget.w-history {
    position: absolute;
    right: 0;
    top: -32px;
}
html #my-page-trackers .widget.w-calendar.horiz {
    margin-bottom: 12px;
}

@media screen and (max-width: 480px) {
    html .k-animation-container > .k-list-container > .k-list-scroller {
        width: 100vw !important;
    }
}
html .k-animation-container > .k-list-container > .k-list-scroller .k-list .k-item > div > div {
  padding-left: 0;
  background-image: none;
}



/* goals */
html #my-body .w-goalssummary {
    text-align:center;    
}
html #my-body .w-goalssummary table {
    width:100%;
    text-align:left;
    margin-bottom: 8px;
}
html #my-body .w-goalssummary .goalDetails {
    background: var(--secondary-color-3);
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 12px 0 8px;
    display: inline-block;
}

html #my-body .w-goals .textGoals:empty,
html #my-body .w-goals .goalHeader > div:first-child{
    display: none;
}
html #my-body .w-goals .goalHeader > div:nth-child(2){
    width: 100%;
}

html #my-body .w-goals .grid-all, 
html #my-body .w-goals .grid-12,
html #my-body .w-goals .grid-whole,
html #my-body .w-goals .grid-11,
html #my-body .w-goals .grid-10,
html #my-body .w-goals .grid-9,
html #my-body .w-goals .grid-three-quarters,
html #my-body .w-goals .grid-8,
html #my-body .w-goals .grid-two-thirds,
html #my-body .w-goals .grid-7,
html #my-body .w-goals .grid-6,
html #my-body .w-goals .grid-half,
html #my-body .w-goals .grid-5,
html #my-body .w-goals .grid-4,
html #my-body .w-goals .grid-third,
html #my-body .w-goals .grid-3,
html #my-body .w-goals .grid-quarter,
html #my-body .w-goals .grid-2,
html #my-body .w-goals .grid-1{
    width: initial;
    margin: initial;
    clear: initial;
    float: initial;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    *
    behavior: initial;
}

html #my-body .w-goals {
    padding-top: 32px;
}

html #my-body .w-goals .textGoals{
    margin-bottom: 18px;
}
html #my-body .w-goals .textGoals .textGoalRow{
    margin-bottom: 8px;
}
html #my-body .w-goals .textGoals .textGoalRow > div {
    display: inline-block;
}
html #my-body .w-goals .textGoals .textGoalRow .editGoal{
    position: absolute;
    right: 0;
}
html #my-body .w-goals .textGoals .textGoalRow .textHeader:after{
    content: ":";
}
html #my-body .w-goals .goalHeader > div:nth-child(2) > div:first-child{
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
}
html #my-body .w-goals .goalHeader > div:nth-child(2) > div:first-child > div{
    margin: 0;
    display: inline;
    transform: scale(1.2);
}
html #my-body .w-goals .goalHeader > div:nth-child(2) > div:first-child > div{
    margin: 0;
    display: inline;
    transform: scale(1.2);
    cursor:pointer;
}
html #my-body .w-goals .goalHeader > div:nth-child(2) > div:first-child > div.nextWeek{
    margin-left: 12px;
    
}

html #my-body .w-goals .goalHeader > div:nth-child(2) > div:nth-child(2){

}

html #my-body .w-goals .goalHeader .nextWeek:after {
    content: '(weeks)';
    display:inline;
    position:absolute;
    top: -3px;
    left: 22px;
    text-wrap: nowrap;
}

html #my-body .w-goals .goalRow .goalProgress.onTrack {
  border-bottom: 4px solid #6feb3b;
}

html #my-body .w-goals .goalRow .goalProgress.atRisk {
  border-bottom: 4px solid #ffa22b;
}

html #my-body .w-goals .goalRow .goalProgress.warning{
  border-bottom: 4px solid #ff0000;
}

html #my-body .w-goals .goalRow .goalProgress:not(:last-of-type){
  border-right: 1px solid #b3b3b3;
}

html #my-body .w-goals .goalHeader .goalProgressHeader > div:first-child {
    position: absolute;
    top: -26px;
}

html #my-body .w-goals .goalHeader .goalProgressHeader{
    height: 100%;
    border: 1px solid #ffffff;
    border-radius: 6px 6px 0 0;
}
html #my-body .w-goals .goalHeader .goalProgressHeader,
html #my-body .w-goals .goalProgress{
    width:calc(100% / 7);
    margin:0;
}
html #my-body .w-goals .goalHeader .goalProgressHeader{
    padding:0;
}
html #my-body .w-goals .goalProgress{
    padding: 6px 6px 1px;
    height: auto;
}
html #my-body .w-goals .goalProgress.trackerGoalItem > img {
    background-color: white;
    border-radius: 4px;
    padding: 3px;
}

html #my-body .w-goals .goalHeader > div:nth-child(2) > div:nth-child(2) .goalProgressHeader:nth-child(even){
    background-color: #b2ddff;
}
html #my-body .w-goals .goalHeader > div:nth-child(2) > div:nth-child(2) .goalProgressHeader:nth-child(odd){
    background-color: #b2ddff;
}
html #my-body .w-goals .goalHeader > div:nth-child(2) > div:nth-child(2) .goalProgressHeader.currentDay{
    background-color: #daf4be;
}
html #my-body .w-goals .goalHeader > div:nth-child(2) > div:nth-child(2) .goalProgressHeader > div:first-child{
    font-weight: bold;
}
html #my-body .w-goals .goalList .goalRow > .desc {
    /*width: calc(30% - 2em);*/
    width: 100%;
    display: inline-block;
}
html #my-body .w-goals .goalList .goalRow > .desc a.editGoal{
    display: block;
}
html #my-body .w-goals .goalList .goalRow > div:nth-child(2) {
    width: 70%;
    display: inline-block;
}
@media screen and (max-width: 800px) {
    html #my-body .w-goals .goalList .goalRow > div:not(.desc) {
        padding-left: 2em;
    }
}




/*healthylife learn (workshops)*/
html #my-page-workshops #my-workshop-topics .box-header,
html #my-page-coaching .page-island .box-header{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #364152;
}
html #my-workshop-topics-thrive .box-header{
    font-size: 32px;
}
html #my-workshop-topics .workshop-topic {
    height: 40px;
    border-radius: 12px;
    padding: 8px 16px 8px 40px;
    background-color:red;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
}
html #my-workshop-topics .workshop-topic *{
    pointer-events: none;
}




html #my-workshop-topics .workshop-topic:active span{
    filter:brightness(0) invert(1);
}

html #my-workshop-topics .workshop-topic[data-topic="fitness"] span:before,
html #my-workshops-fitness .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=f8f0a2eb-51fa-4b9c-98bd-bdb27b0b325c");
}
html #my-workshop-topics .workshop-topic[data-topic="fitness"] span:before{
    left: -34px;
    top: -15px;
}



html #my-workshop-topics .workshop-topic[data-topic="nutrition"] span:before,
html #my-workshops-nutrition .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=8f7291dc-d61b-4232-a0fc-18b1be021a93");
}
html #my-workshop-topics .workshop-topic[data-topic="nutrition"] span:before{
    left: -42px;
    top: -14px;
}



html #my-workshop-topics .workshop-topic[data-topic="general health"] span:before,
html #my-workshops-general-health .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=fa924148-08a7-44d7-82b3-631480c9166f");
}
html #my-workshop-topics .workshop-topic[data-topic="general health"] span:before{
    left: -38px;
    top: -14px;
}



html #my-workshop-topics .workshop-topic[data-topic="heart health"] span:before,
html #my-workshops-heart-health .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=ee2539a6-d4a5-4688-a462-3baec289b9d0");
}
html #my-workshop-topics .workshop-topic[data-topic="heart health"] span:before{
    left: -43px;
    top: -11px;
}



html #my-workshop-topics .workshop-topic[data-topic="stress management"] span:before,
html #my-workshops-stress-management .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=761a39b7-2a0e-4425-bf65-4c40dda484c7");
}
html #my-workshop-topics .workshop-topic[data-topic="stress management"] span:before{
    left: -42px;
    top: -13px;
}



html #my-workshop-topics .workshop-topic[data-topic="true wellbeing"] span:before,
html #my-workshops-true-wellbeing .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=9d1b1986-1dff-4657-aaca-e5ae54890d30");
}
html #my-workshop-topics .workshop-topic[data-topic="true wellbeing"] span:before{
    left: -36px;
    top: -13px;
}



html #my-workshop-topics .workshop-topic[data-topic="yoga pt ergonomics"] span:before,
html #my-workshops-yoga-pt-ergonomics .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=44a8c84a-6fe2-4343-aff3-81d423a14698");
}
html #my-workshop-topics .workshop-topic[data-topic="yoga pt ergonomics"] span:before{
    left: -40px;
    top: -14px;
}



html #my-workshop-topics .workshop-topic[data-topic="financial wellbeing"] span:before,
html #my-workshops-financial-wellbeing .box-header:before{
    content: url("https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=53a304df-eff5-4feb-b26b-99a7ca50efe9");
}
html #my-workshop-topics .workshop-topic[data-topic="financial wellbeing"] span:before{
    left: -42px;
    top: -14px;
}



html #my-workshop-topics .workshop-topic span{
    position:relative;
    top: 1px;
}



html #my-workshop-topics .workshop-topic span:before{
    transform: scale(.5);
    position: absolute;
}



html #my-page-workshops > .my-layer > div[id^="my-workshops"] .box-header:before{
    transform: scale(.75);
    display: inline-block;
    position: relative;
    left: -1px;
    top: 9px;
}


html #my-workshop-topics .workshop-topic[data-topic="fitness"],
html #my-workshops-fitness .box-header {
    color: #1570EF;
    background-color: #D1E9FF;
}
html #my-workshop-topics .workshop-topic[data-topic="fitness"]:hover{
    background-color: #B2DDFF;
}
html #my-workshop-topics .workshop-topic[data-topic="fitness"]:active{
    background-color: #0085ff;
}
html #my-workshop-topics .workshop-topic[data-topic="nutrition"],
html #my-workshops-nutrition .box-header {
    color: #099250;
    background-color: #D3F8DF;
}
html #my-workshop-topics .workshop-topic[data-topic="nutrition"]:hover{
    background-color: #AAF0C4;
}
html #my-workshop-topics .workshop-topic[data-topic="nutrition"]:active{
    background-color: #16B364;
}
html #my-workshop-topics .workshop-topic[data-topic="general health"],
html #my-workshops-general-health .box-header {
    color: #CA8504;
    background-color: #FEF7C3;
}
html #my-workshop-topics .workshop-topic[data-topic="general health"]:hover{
    background-color: #FEEE95;
}
html #my-workshop-topics .workshop-topic[data-topic="general health"]:active{
    background-color: #EAAA08;
}
html #my-workshop-topics .workshop-topic[data-topic="heart health"],
html #my-workshops-heart-health .box-header {
    color: #E31B54;
    background-color: #FFE4E8;
}
html #my-workshop-topics .workshop-topic[data-topic="heart health"]:hover{
    background-color: #FECDD6;
}
html #my-workshop-topics .workshop-topic[data-topic="heart health"]:active{
    background-color: #F63D68;
}
html #my-workshop-topics .workshop-topic[data-topic="stress management"],
html #my-workshops-stress-management .box-header {
    color: #E62E05;
    background-color: #FFE6D5;
}
html #my-workshop-topics .workshop-topic[data-topic="stress management"]:hover{
    background-color: #FFD6AE;
}
html #my-workshop-topics .workshop-topic[data-topic="stress management"]:active{
    background-color: #FF4405;
}
html #my-workshop-topics .workshop-topic[data-topic="true wellbeing"],
html #my-workshops-true-wellbeing .box-header {
    color: #6938EF;
    background-color: #EBE9FE;
}
html #my-workshop-topics .workshop-topic[data-topic="true wellbeing"]:hover{

    background-color: #D9D6FE;
}
html #my-workshop-topics .workshop-topic[data-topic="true wellbeing"]:active{
    background-color: #7A5AF8;
}
html #my-workshop-topics .workshop-topic[data-topic="yoga pt ergonomics"],
html #my-workshops-yoga-pt-ergonomics .box-header {
    color: #0E9384;
    background-color: #CCFBEF;
}
html #my-workshop-topics .workshop-topic[data-topic="yoga pt ergonomics"]:hover{
    background-color: #99F6E0;
}
html #my-workshop-topics .workshop-topic[data-topic="yoga pt ergonomics"]:active{
    background-color: #15B79E;
}
html #my-workshop-topics .workshop-topic[data-topic="financial wellbeing"],
html #my-workshops-financial-wellbeing .box-header {
    color: #4F7A21;
    background-color: #E6F4D7;
}
html #my-workshop-topics .workshop-topic[data-topic="financial wellbeing"]:hover{
    background-color: #CEEAB0;
}
html #my-workshop-topics .workshop-topic[data-topic="financial wellbeing"]:active{
    background-color: #669F2A;
}
html #my-page-workshops .box-header {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.02em;
    background:none;
}

html #my-body .workshop-card {
    width: 360px;
    min-height: 520px;
    background: #FFFFFF;
    border: 1px solid #EEF2F6;
    box-shadow: 0 4px 25px rgba(154, 164, 178, 0.2);
    border-radius: 12px;
    overflow:hidden;
    position: relative;
}
html #my-body #my-workshops-fitness-thrive .workshop-card{
    width: 299px;
    min-height: 450px;
}
html #my-body .workshop-card > div {
    padding: 4px 16px 16px;
}

html #my-body .workshop-card h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #364152;
}

html #my-body .workshop-card span{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9AA4B2;
    margin-right: 26px;
}
html #my-body .workshop-card span:before{
    margin-right: 6px;
    position:relative;
    top: 2px;
}
html #my-body .workshop-card span:nth-child(2):before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=c5b5d380-a66c-4127-93fe-1f0fb3bcd20e);
}
html #my-body .workshop-card span:nth-child(3):before{
    content:url(https://corehealthylife.com/CoreHealth.Web.UI.ImageStore.axd?id=bddc66b0-77f6-4526-8f71-524a8bbbdf3f);
}

html #my-body .workshop-card p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;    
    color: #4B5565;
}

html #my-body .workshop-card .my-spacer {
    height: 40px;
}

html #my-body .workshop-card button {
    display:block;
    padding: 0px 16px;
    height: 40px;
    background: var(--secondary-color-3);
    border-radius: 6px;
    border: none;
    color: white;
    font-size: 1.1rem;
    cursor: pointer;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
}

html #my-body .workshop-card button:hover{
    background: #53B1FD;
}
html #my-body .workshop-card button:active{
    background: var(--main-color-1);
}
html #my-body .workshop-card button.open{
    cursor: wait;
}
html #my-body .workshop-card button.open:after{
    content: "ing..."
}







/* HRA */
html #my-body #my-page-hra .my-layer > h2,
html #my-body #my-page-hra .my-layer > p{
    position: relative;
    z-index: 1;
    padding-right:16px;
}
html #my-body #my-page-hra .my-layer > iframe{
    z-index: 0;
}
html #my-page-hra > div > h2 > button{
    background: var(--secondary-color-3);
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    border: none;
    float: right;
    position: relative;
    top: -5px;
}
html #my-page-hra > div > h2 > button:hover{
    background: #53B1FD;
}
html #my-page-hra > div > h2 > button:active{
    background: var(--main-color-1);
}


/* coaching (self) */
html #my-page-coaching .my-coaching-card {
    background-color:#F8FAFC;
    border-radius:16px;
    overflow:hidden;
}
html #my-page-coaching .my-coaching-card > div{
    display: inline;
    float:left;
    overflow:hidden;
    border-radius:0 0 0 16px;
}
html #my-page-coaching .my-coaching-card > div:first-child {
    width: 310px;
}
html #my-page-coaching .my-coaching-card > div:last-child {
    width: calc(100% - 310px);
    padding: 12px;
}

html #my-page-coaching .my-coaching-card > div:first-child img{
        transform: scale(1.5);
    }


html #my-page-coaching .my-coaching-card > div:last-child > a {
    float:right;
    left: -19px;
}

@media screen and (max-width: 1130px) {
    html #my-page-coaching .my-coaching-card > div:first-child {
        margin: 20px auto 0;
        border-radius: 16px;
        height: 130px;
        float: unset;
        display: block;
    }
    html #my-page-coaching .my-coaching-card > div:first-child img{
        transform-origin: center;
        transform: scale(1);
        position: relative;
        top: -39px;
    }
    html #my-page-coaching .my-coaching-card > div:last-child {
        width: 100%;
    }
}

html #my-page-coaching .my-coaching-card p {
    font-size:14px;
}



/* bcdm user facing dashboard */

html #my-page-bcdm-user-dash [data-point-of-interest="coaching-call-status"] .bcdm-loaded-has-enrollments p,
html #my-page-bcdm-user-dash [data-point-of-interest="coaching-program-resources"] .bcdm-loaded-has-enrollments p,
html #my-page-bcdm-user-dash [data-point-of-interest="coaching-program-resources"] .bcdm-loaded-has-enrollments ul,
html #my-page-bcdm-user-dash [data-point-of-interest="coaching-programs"] .bcdm-loaded-has-enrollments ul{
    margin:0;
}
html #my-page-bcdm-user-dash [data-point-of-interest="additional-resources"] .box-container p:last-child{
    margin-bottom: 0;
}
html #my-page-bcdm-user-dash [data-point-of-interest="coaching-call-status"] .bcdm-loaded-has-enrollments h5,
html #my-page-bcdm-user-dash [data-point-of-interest="coaching-program-resources"] .bcdm-loaded-has-enrollments h5{
    position:absolute;
    top: 24px;
    right: 24px;
}

html #my-page-bcdm-user-dash #my-slide-show {
  position: relative;
  width: 100%;
  overflow: hidden;
}

html #my-page-bcdm-user-dash #my-slide-show img{
  width: 100%;
}

html #my-page-bcdm-user-dash #my-slide-show .slide-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease;
  display: none;
}

html #my-page-bcdm-user-dash #my-slide-show .slide-active {
  opacity: 1;
  display: block;
}

html #my-page-bcdm-user-dash #my-slide-show .slide-show-control-prev,
html #my-page-bcdm-user-dash #my-slide-show .slide-show-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 10px;
}

html #my-page-bcdm-user-dash #my-slide-show .slide-show-control-prev {
  left: 10px;
}

html #my-page-bcdm-user-dash #my-slide-show .slide-show-control-next {
  right: 10px;
}

html .bcdm-welcome-go-to-enroll,
html .bcdm-welcome,
html.healthcoaching .normal-welcome{
    display: none;
}
html .normal-welcome,
html.healthcoaching .bcdm-welcome{
    display: flex;
}
html #my-page-loggedout .my-button.make-me-green {
    background:#51b236;
}
html #my-page-loggedout .my-button.make-me-green:hover {
    background: #8ecd7d;
}



/* Social - Buddies*/
html #my-page-social .w-buddies .buddies-section,
html #my-page-social .w-buddies .buddies-section > ul,
html #my-page-social .w-buddies .buddies-section > ul > li{
    border-radius: 12px;
    overflow:hidden;
}
html #my-page-social .w-buddies .buddies-section > ul > li > span{
    border-radius: 12px 12px 0 0;
}
html #my-page-social .w-buddies .buddies-section > ul > li > div{
    border-radius: 0 0 12px 12px;
}

/* Social - msg board */
html.theme-blank .groupDetails .name {
    max-width: 80vw;
    /* min-width: 300px; */
    width: 99%;
    font-size: 1rem;
    overflow:auto;
}

html.theme-blank .groupDetails .name h1 {
    margin-bottom:10px;
}

html.theme-blank .groupDetails .name [id=litDesc] {
    white-space: pre-line;
}

html.theme-blank .groupDetails .name [id=divAction] {
    font-size:1.3rem;
    font-weight:bold;
    margin-top:10px;
}

html.theme-blank .groupDetails .messageboard{
    position: absolute;
    top: 30px;
    right: 20px;
    transform: scale(2);
}




/* Change standard Register button for Cbiz */

/*.w-register{*/
/*    min-width: calc(370px / 2);*/
/*    height: 36px;*/
/*    font-size: 1rem;*/
/*    background: var(--secondary-color-3);*/
/*    border-radius: 6px;*/
/*    border: none;*/
/*    color: white;*/
/*    line-height: 2.3em;*/
/*    margin: auto 21%;*/
/*}*/

/*.w-register:hover{*/
/*    background:#53b1fdc7;*/
/*}*/




/* Challenges Only locale */
html.challengesonly button[data-purpose="start tour"],
html.challengesonly #my-page-welcome > div:nth-child(2),
html.challengesonly #my-page-welcome > div:nth-child(5){
    display:none !important;
}



/* Challenges Only OCC */
html.occ button[data-purpose="start tour"],
html.occ #my-page-welcome > div:nth-child(2),
html.occ #my-page-welcome > div:nth-child(5){
    display:none !important;
}







html.k-mobile > body > form{
    min-height: 1000px !important;
}









/* random bug fix for short modals */
html .k-widget.k-window[data-role="draggable"]{
    min-height: 80% !important;
    max-height: 100vh !important;
}






html div.recommended-course {
    box-shadow: 0px 0px 10px 5px rgb(255 134 0 / 66%) !important;
    border: 4px solid #ff8600 !important;
}

html #your-recommendations a:after {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    position: inherit !important;
}













/* Thrive */

#my-page-thrive2 body {
    background-color: #f0f4f7;
    color: #333;
    line-height: 1.6;
    padding: 0;
}
#my-page-thrive2 header {
display:none;
}
#my-page-thrive2 .headernew{
    display:block !important;
    padding-top: 20px;
    background-color: #fff2f2bd;
    border: 0.5px solid #d1d1d1;
}
#my-page-thrive2 .header-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#my-page-thrive2 .logo h1 {
    font-size: 36px;
    color: #7aa46f;
    margin: 0;
}
#my-page-thrive2 .menu {
    display: flex;
    gap: 20px;
}
#my-page-thrive2 .menu a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    padding: 10px;
}
#my-page-thrive2 .login-btn {
    padding: 10px 20px;
    background-color: #3a7667;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}
#my-page-thrive2 .main-content {
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #edf1f5;
    border-radius: 10px;
}
#my-page-thrive2 .text-content {
    max-width: 600px;
}
#my-page-thrive2 .module-label {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 20px;
    color: #3a7667;
    font-weight: bold;
}
#my-page-thrive2 .dot {
    height: 10px;
    width: 10px;
    background-color: #3a7667;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
#my-page-thrive2 h2 {
    font-size: 40px;
    margin-bottom: 20px;
    color: #1c2653;
}
#my-page-thrive2 p {
    font-size: 18px;
    color: #555;
}
#my-page-thrive2 .buttons {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
#my-page-thrive2 video {
    border-radius: 10px;
}
#my-page-thrive2 button {
    padding: 12px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 170px;
}
#my-page-thrive2 button:hover{
    background-color:#34a77d;
}
#my-page-thrive2 .view-modules {
    background-color: #3a7667;
    color: white;
}
#my-page-thrive2 .enroll {
    background-color: #227f5d;
    color: white;
}
#my-page-thrive2 .image-content img {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#my-page-thrive2 .padded {
    padding: 0em;
}
/* Modules Section */
#my-page-thrive2 .modules-section {
    background-color: #FFFFFF;
    padding: 60px 0;
}
#my-page-thrive2 .modules-section h2 {
    text-align: center;
    font-size: 36px;
    color: #0F4C81;
    margin-bottom: 50px;
}
#my-page-thrive2 .modules-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#my-page-thrive2 .module {
    width: 18%;
    text-align: center;
    margin-bottom: 30px;
}
#my-page-thrive2 .module img {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
}
#my-page-thrive2 .module h3 {
    font-size: 12px;
    color: #0F4C81;
    font-weight: 200;
}
#my-page-thrive2 .module p {
    font-size: 16px;
    color: #434343;
    font-weight: 800;
}
#my-page-thrive2 p.moduledescription {
    font-weight: 100;
    text-align: center;
}
#my-page-thrive2 .features-benefits {
    padding: 50px 0;
    background-color: #f4f8fc;
    text-align: center;
    width: 100%;
}
#my-page-thrive2 .content-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
#my-page-thrive2 .heading {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
#my-page-thrive2 .heading hr {
    flex-grow: 1;
    border: 1px solid #A8CEBB;
}
#my-page-thrive2 .heading span {
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
#my-page-thrive2 .features-benefits-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}
#my-page-thrive2 .features, 
#my-page-thrive2 .benefits {
    width: 25%;
    text-align: left;
}
#my-page-thrive2 .features h3, 
#my-page-thrive2 .benefits h3 {
    font-size: 24px;
    color: #1c2653;
    margin-bottom: 20px;
    font-weight: 700;
}
#my-page-thrive2 .features ul, 
#my-page-thrive2 .benefits ul {
    list-style-type: none;
}
#my-page-thrive2 .features li, 
#my-page-thrive2 .benefits li {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}
#my-page-thrive2 .features li::before, 
#my-page-thrive2 .benefits li::before {
    content: '●';
    color: #3A7667;
    position: absolute;
    left: 0;
    top: 0px;
}
#my-page-thrive2 .image-placeholder {
    width: 45%;
}
#my-page-thrive2 .image-placeholder img {
    width: 100%;
    border-radius: 8px;
}
/* Responsive Design */
@media only screen and (max-width: 768px) {
    
    #my-page-thrive2 .main-content{
    flex-direction: column-reverse !important;

    }
    #my-page-thrive2 .features, 
    #my-page-thrive2 .benefits {
        width: 100%;
    }

    #my-page-thrive2 .image-placeholder {
        width: 100%;
        margin-top: 20px;
    }
}
#my-page-thrive2 .bio-section {
    padding: 50px 0;
    background-color: #f4f8fc;
    text-align: center;
}
#my-page-thrive2 .content-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
#my-page-thrive2 .intro-text h4 {
    font-size: 16px;
    color: #1c2653;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
#my-page-thrive2 .intro-text p {
    font-size: 18px;
    color: #555;
    margin-bottom: 40px;
}
#my-page-thrive2 .bio-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    flex-wrap: wrap;
}
#my-page-thrive2 .bio-image {
    flex: 1;
    min-width: 300px;
}
#my-page-thrive2 .bio-image img {
    width: 100%;
    border-radius: 8px;
}
#my-page-thrive2 .bio-details {
    flex: 2;
    min-width: 300px;
    text-align: left;
}
#my-page-thrive2 .bio-details h3 {
    font-size: 28px;
    color: #1c2653;
    margin-bottom: 20px;
    font-weight: bold;
}
#my-page-thrive2 .bio-details p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.8;
}
/* Responsive Design */
@media (max-width: 768px) {
    #my-page-thrive2 .bio-content {
        flex-direction: column;
    }

    #my-page-thrive2 .bio-image, 
    #my-page-thrive2 .bio-details {
        width: 100%;
    }
}
#my-page-thrive2 footer {
    background-color: #d1d1d1;
    padding: 0;
    text-align: center;
    color: #333;
}
#my-page-thrive2 .footer-content {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
#my-page-thrive2 .logo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
#my-page-thrive2 .logo-container img {
    max-width: 300px;
    margin-bottom: 10px;
    margin-top: 20px;
}
#my-page-thrive2 .logo-container span {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}
#my-page-thrive2 .footer-content p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #555;
}
#my-page-thrive2 .contact-info p {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
}
#my-page-thrive2 .contact-info a {
    color: #333;
    text-decoration: none;
}
#my-page-thrive2 .social-icons {
    margin-top: 20px;
}
#my-page-thrive2 .social-icons a {
    margin: 0 10px;
    display: inline-block;
}
#my-page-thrive2 .social-icons img {
    width: 24px;
    height: 24px;
}
#my-page-thrive2 .footer-bottom {
    background-color: #e9edf0;
    padding: 10px 0;
    margin-top: 20px;
}
#my-page-thrive2 .footer-bottom p {
    font-size: 14px;
    color: #333;
}
/* Responsive */
@media (max-width: 768px) {
    #my-page-thrive2 .footer-content {
        text-align: center;
    }
}






/*#my-page-hra iframe.absolute-iframe,*/
#my-page-contact iframe.absolute-iframe {
    width: 80%;  /* Makes it responsive and scale down on smaller screens */
    left: 50%;
    transform: translateX(-50%); /* Centers the iframe */
}

#my-page-hra iframe.absolute-iframe {
    
}

#my-page-contact iframe.absolute-iframe {
    max-width: 610px;  /* Restricts the maximum width */
}




/* Outstanding Tasks */
#my-page-welcome .w-outstandingTasks:before{
    content: "Outstanding Tasks";
    font-size: 18px;
    line-height: 24px;
    color: #202939;
    margin-bottom: 16px;
    display: block;
}
#my-page-welcome .w-outstandingTasks{
    display: block;
}
#my-page-welcome .w-outstandingTasks > div{
    margin-bottom: 16px;
    padding-left: 16px;
}
#my-page-welcome .w-outstandingTasks > div:last-child{
    margin-bottom: 0;
}