/*
  GLP Journey personal CSS overrides
  ----------------------------------
  Add your own CSS edits in this file.

  This file loads AFTER assets/styles.css, so rules here will supersede
  the app's default styles when selectors are equally or more specific.

  Future update packages should not replace this file.
*/


.brand-panel
 {
   padding-top: .0; 
	 padding-bottom: .6rem;
}

.topbar {
    gap: 0;
    margin-bottom: 0;
}

.brand-logo {
    width: min(510px, 94%);
    max-height: 160px;
}

.add-main-button img {
    width: 36px;
    height: 36px;
}

.desktop-nav {
    margin: 1.3rem 0 .6rem;
}

.edit-icon img {
    width: 80%;
    height: 80%;
}

.edit-icon {
    border: none;
}

.week-hero .dates {
    font-size: .8rem;
}

.week-hero {
    background: var(--blue);
    color: white;
    padding: 1.1rem 1.2rem 0;
    min-height: 70px;
}
.week-hero h2 {
   font-size: 1.6rem;
}

.week-card {
    gap: .0; 
	min-height: 480px;
	border: 0px solid var(--coral);
}

.hero-value {
    margin-bottom: .5rem;
}

.measure-tile span {
    font-weight: 400;
}

.summary-card {
    border: 0px solid var(--coral); 
 
}

.hero-label {
	font-size: 1.4rem;
}

.hero-value {
    font-size: 1rem;
}


@media (min-width: 980px) {
    .week-hero h2 {
        font-size: 1.6rem;
    }
	.hero-label {
        font-size: 1.4rem;
    }
	.week-card {
        min-height: 480px;
    }
	    .footer-menu {
        border-radius: 0;
    }
}

@media (min-width: 501px) and (max-width: 979px) {
    .week-hero h2 {
        font-size: 1.35rem;
    }
	.hero-label {
    font-size: 1.2rem;
}
	.hero-value {
    font-size: 1rem;
}
	    .week-card {
         min-height: 460px;
    }
}

@media (max-width: 500px) {
	.week-card {
         margin-top: 1.5rem;
    }
}

@media (max-width: 700px) {
	.brand-logo {
    max-width: 75%;
}
	.add-main-button img {
    width: 24px;
    height: 24px;
}
	.add-menu-wrap {
    top: 0.8rem;
}
}