main.main-container,
.bg-smu2030 {
    background: #E8E2DA;
}

.bg-smu2030-dark {
    background-color: #D0C6B7 !important;
}

main.main-container .az-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

main.main-container ul:not(.toolbar-menu):not(.nav-tabs) li {
    padding: 0.5rem 0;
}

.main-container a:not(.btn) {
    font-weight: 700;
}

.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.opener-wrapper {
    height: 90vh;
    min-height: 640px;
    display: flex;
    align-items: end;
    padding-top: 0 !important;
    padding-bottom: 2rem !important;
}

.opener-content {
    background: linear-gradient(90deg, rgba(233, 226, 218, 0.95) 33%, rgba(233, 226, 218, 0.5));
    clip-path: polygon(0 0, 98% 0, 100% 12%, 100% 88%, 98% 100%, 0 100%);
    padding: 2rem 0 1.5rem 0 !important;
    margin-right: 4rem;
}

.opener-content h1 {
    font-family: "libre franklin", sans-serif;
}

.logo-smu2030 {
    height: 200px;
    width: auto;
    margin: 0.5rem 1rem 0.5rem 0;
}

.az-section#anchors {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 1rem 0;
    background: rgba(233, 226, 218, 0.8);
    backdrop-filter: blur(8px);
}

.anchor-menu ul {
    padding: 0 1rem;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.anchor-menu ul li {
    padding: 0;
}

.anchor-menu ul li a {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border-radius: 0.5rem;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    display: block;
}

.anchor-menu ul li a:hover {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.15);
    transition: all ease-in-out 0.4s;
}

.content-divider {
    width: 100%;
    height: 100vh;
}

.bg-smu2030-dark a {
    color: #7C6544 !important;
}

.bg-gradient-blur {
    backdrop-filter: blur(1rem);
}

.bg-gradient-blur.top {
    background: linear-gradient(rgba(255, 255, 255, 0.5)0%, #FFF 50%);
}

.bg-gradient-blur.bottom {
    background: linear-gradient(#FFF 0%, #E8E2DA 75%);
}

.desired-outcome-text {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(1rem);
    width: 33%;
    padding: 1.5rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%);
}

.az-section#research .desired-outcome-text {
    left: 3rem;
}

.az-section#partnerships .desired-outcome-text {
    left: 3rem;
    right: auto;
}

.smu2030-marker-square {
    padding-left: 1.75rem;
    min-height: 2lh;
}

.smu2030-marker-square::before {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    background: #8a704c;
    display: block;
    position: absolute;
    left: 0;
    top: 0.25rem;
}

.smu2030-marker-square ul {
    padding-left: 1rem !important;
}

.az-row.si-list>.az-column>.az-row {
    margin: 0 !important;
    padding: 0.5rem 0 !important;
}

.si-marker {
    width: 3rem;
    font-weight: bold;
}

.si-desc {
    width: calc(100% - 3rem);
}

.enabler-icon {
    width: 64px;
    margin-right: 0.5rem;
}

.enabler-text {
    width: calc(100% - 64px - 0.5rem);
}

.enabler-text h5 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #141c52;
    margin-bottom: 0;
}

.compendium-link {
    width: 480px;
    margin: 0 auto;
    transform: translateY(0);
    transition: all ease-in-out 0.4s;
    display: block;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.22);
}

.compendium-link:hover {
    transform: translateY(0.25rem);
    transition: all ease-in-out 0.4s;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.33);
}

.compendium-link a::before {
    width: 64px;
    height: 64px;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font: var(--fa-font-solid);
    content: '\f019';
    font-size: 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
}

.compendium-link a:hover::before {
    background: rgba(0, 0, 0, 0.85);
}

.az-section#end-quote {
    padding-top: 8rem;
}

/******************************************************/

/* Quotes */

.quote-text {
    display: flex;
    justify-content: end;
}

.quote-simple,
.quote-set {
    background: rgba(255, 255, 255, 0.9);
}

.quote-set {
    background: rgba(255, 255, 255, 0.9);
    clip-path: polygon(0 30%, 75% 0, 100% 15%, 100% 100%, 0 100%);
    padding-top: 10rem;
}

.quote-simple,
.quote-text-content {
    padding: 1.5rem;
}

.quote-simple p,
.quote-text-content p {
    color: #7C6544;
}

.quote-simple.blue p {
    color: #666b98;
}

.quote-simple p.quote,
.quote-text-content p.quote {
    font-weight: 500;
    font-size: 1.25rem;
}

/**********************************************************/

/* Typography */

.ff-heading {
    font-family: Oswald, sans-serif;
}

.ff-body {
    font-family: "libre franklin", sans-serif;
}

.text-transform-none h1,
.text-transform-none h2,
.text-transform-none h3,
.text-transform-none h4,
.text-transform-none h5,
.text-transform-none h6 {
    text-transform: none;
}

.text-gold {
    color: #8a704c !important;
}

.title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.title.small {
    font-size: 1rem;
}

.smu2030-section-title h2::before {
    display: none;
}

.smu2030-section-title h2,
.smu2030-section-title h3 {
    font-weight: bold;
    font-family: 'Libre Franklin', sans-serif;
    margin-bottom: 1.5rem;
}

.smu2030-section-title h2 {
    padding-left: 0 !important;
    font-size: 2.5rem;
}

.smu2030-section-title h3 {
    font-size: 2rem;
}

.az-row.smu2030-mission .az-column {
    border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.az-row.smu2030-mission .az-column .lead {
    margin-bottom: 0;
}

/**********************************************************/

/* Strategy Plan */

.plan-summary,
.enablers {
    background: #FFF;
    border-radius: 1.5rem;
    border: 1px solid #8a704c;
}

.enablers {
    height: calc(100% - 0.5rem - 46px);
}

.plan-summary>div {
    display: grid;
    grid-template-columns: 1fr;     /* 1 column by default */
    gap: 1rem;									    /* spacing between boxes */
}

.enablers>div {
    display: grid;
    grid-template-columns: 1fr;     /* 1 column by default */
    gap: 1rem;									    /* spacing between boxes */
}

.plan-summary-item .az-link {
    width: 100%;
}

.plan-summary-item .az-link .az-image,
.plan-summary-item .az-column .az-image{
    width: 4rem;
    margin-right: 0.5rem;
}

.plan-summary-item .az-link .az-text {
    width: calc(100% - 4rem - 1rem);
}

.plan-summary-item .az-text ul {
    margin-bottom: 0;
}

.plan-summary-item .az-text ul li {
    padding: 0.25rem 0 !important;
}

.plan-summary-item .az-link .title::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    width: 1rem;
    transition: right ease-in-out 0.3s;
    position: absolute;
    right: 0.5rem;
    top: 0;
}

.plan-summary-item .az-link:hover .title::after {
    right: 0rem;
    transition: right ease-in-out 0.3s;
}

.plan-summary-item .az-link a {
    display: flex;
    align-items: center;
}

.plan-summary-item .indented-text {
    padding-left: 4.5rem;
}

.az-text.title-rounded {
    border-radius: 48px;
}

.strategy-pillar-title {
    background: #374782;
    color: #FFF;
    border-radius: 1.5rem;
    height: 5.5lh;
}

.strategy-pillar-title::after {
    content: "";
    display: block;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    bottom: -0.75rem;
    background: #374782;
    left: 50%;
}

.strategy-pillar-title .container,
.strategy-pillar-desc .container {
    padding: 0;
}

.strategy-pillar-title .az-text {
    line-height: 1.25;
}

.strategy-pillar-desc.blue {
    background: #d5d7e6;
}

.strategy-pillar-desc.gold {
    background: #E4D8CD;
}

.strategy-pillar-desc .pillar-numbering {
    width: 1.75rem;
    height: 1.75rem;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 1rem;
    left: -1.5rem;
    position: absolute;
}

.strategy-pillar-desc {
    height: 78%;
}

.strategy-pillar-desc.blue .pillar-numbering {
    background: #374782;
}

.strategy-pillar-desc.gold .pillar-numbering {
    background: #A18D70;
}

.strategy-pillar-desc .desc-text {
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #FFF !important;
}

.strategy-pillar-desc .az-text:nth-child(3) .desc-text {
	border-bottom: 0 !important;
}

/**********************************************************/

/* Responsive */

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .az-section#partnerships .az-image {
	    height: 440px;
	}
	
	.az-section#partnerships .az-image > img {
	    height: 100%;
	    object-fit: cover;
	}
	
	.az-section#partnerships .desired-outcome-text {
    width: 70%;
    top: 2rem;
    transform: none;
	}
}

@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .enablers .title,
    .strategy-pillar-title .title {
        font-size: 1rem;
    }
    .strategy-pillar-title {
		    height: 5.5lh;
		}
    .strategy-pillar-desc {
        height: 82%;
    }
}

@media screen and (max-width: 1199px) {
    .opener-content {
        margin-right: 2rem;
        margin-left: -1rem;
        padding: 1rem 0 .5rem 0 !important;
        clip-path: polygon(0 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 0 100%);
    }
    .plan-summary>div {
        grid-template-columns: repeat(2, 1fr);        /* 2 columns */
        grid-auto-rows: minmax(0, auto);
    }
    .enablers>div {
        grid-template-columns: repeat(3, 1fr);        /* 2 columns */
        grid-auto-rows: minmax(0, auto);
    }
    .plan-summary>.az-ctnr::before,
    .plan-summary>.az-ctnr::after,
    .enablers>.az-ctnr::before,
    .enablers>.az-ctnr::after{
        display: none !important;
    }
    .strategy-pillar-title {
		    height: 4.5lh;
		}
    .strategy-pillar-desc {
        height: 72%;
    }
}

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

    .logo-smu2030 {
        width: 20% !important;
        min-width: auto;
        height: auto;
    }
    
    .opener-content h1 {
        font-size: 4.5vw;
    }
    
    .strategy-pillar-desc {
        height: calc(100% - 11rem);
    }
    
    .desired-outcome-text {
      position: relative;
      width: 100%;
      top: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      transform: none;
      background: linear-gradient(180deg, rgba(255,255,255,0.5), #FFF);
      border-radius: 0 0 0.5rem 0.5rem;
      margin-top: -24px;
  }
}

@media screen and (max-width: 767px) {
    h5,
    .h5 {
        font-size: 1rem;
    }
    .lead {
        font-size: 1.125rem;
    }
    .opener-wrapper {
        height: 75vh;
        min-height: 50%;
    }
    .opener-content {
        margin-right: 1rem;
        margin-left: -1rem;
        padding: 1rem 0 .5rem 0 !important;
        clip-path: polygon(0 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 0 100%);
    }
    .logo-smu2030 {
        width: 25% !important;
        min-width: auto;
        height: auto;
        margin: 0.5rem;
    }
    .opener-content h1 {
        font-size: 5vw;
    }
    .az-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .az-section#anchors {
        padding: 0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    }
    .anchor-menu ul {
        gap: 0.25rem;
        padding: 0.5rem;
        flex-wrap: nowrap;
        overflow-x: scroll;
        width: 100vw;
        justify-content: start;
    }
    .anchor-menu ul li {
        display: block;
        width: fit-content;
    }
    .anchor-menu ul li a {
        padding: 0.5rem;
        font-size: 0.875rem;
        word-break: keep-all;
        white-space: nowrap;
    }
    .anchor-menu ul::before {
        content: "";
        display: block;
        width: 48px !important;
        height: 48px;
        background: linear-gradient(90deg, rgba(233, 226, 218, 1), transparent);
        position: absolute;
        left: 0;
    }
    .anchor-menu ul::after {
        content: "";
        display: block;
        width: 48px !important;
        height: 48px;
        background: linear-gradient(90deg, transparent, rgba(233, 226, 218, 1));
        position: absolute;
        right: 0;
    }
    .content-divider {
        height: 50vh !important;
        background-size: cover !important;
        background-position: 50% 50% !important;
    }
    .quote-simple {
        margin: 1.5rem 0;
    }
    .quote-simple p {
        text-align: center;
    }
    .profile-card .card-body>div {
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .profile-card .az-image {
        width: 33%;
        margin-right: 1rem;
    }

    .az-row.si-list .si-marker {
        margin-left: 1rem;
    }
    .az-row.si-list .si-desc {
        width: calc(100% - 3rem - 1rem);
    }
    .compendium-link {
        width: 100%;
    }
    .az-row.si-list>.az-column>.az-row:last-child {
        margin-bottom: 1rem !important;
    }
    .smu2030-marker-square {
        min-height: auto;
    }
    
    .plan-summary>div {
	    grid-template-columns: 1fr;     /* 1 column by default */
		}
	
		.enablers>div {
	    grid-template-columns: 1fr;     /* 1 column by default */
		}
		
		.enablers .az-image,
    .enablers .az-text {
        text-align: center;
    }
}

@media (min-width: 576px) {
    .page-scrolled--show-menu.page-scrolled--up #header.site-header--corporate-v2.scroll-stuck {
        top: -110px !important;
    }
}