.section-gradient-light-to-blue {
	background: linear-gradient(180deg, #FFFFFF 0%, var(--blue-light) 100%);
    padding: 2rem 0;
}

.left-indent {
	@media(min-width: 62rem) {
		position: relative;
		background: #fff;
		left: 5rem;
		top: 2rem;
		z-index: 5;
		padding: 2rem;
		box-shadow: var(--box-shadow);
		margin-bottom: 2rem;
	}
}

.section-light-blue {
	background: var(--alt-blue-light);
	padding-top:2rem;
	padding-bottom: 2rem;
}

.section-gradient {
	background: linear-gradient(135deg, rgba(223, 237, 246, 1) 39%, rgba(206,149,214,1) 75%, rgba(231,117,0,1) 100%);
	padding: 2rem;
}


.section-beige {
	background-color: var(--neutral);
	padding: 2rem;
}

.section-gradient-green {
	background: var(--gradient-green);
	padding: 2rem;
}

.section-green {
	background: var(--green);
	padding: 2rem;
}

.section-gradient-citp-blue {
	background: var(--gradient-citp-blue);
	color: #fff;
}

.section-gradient-citp-blue {
	
}
@media (min-width: 40em) and (max-width: 60rem) {
    .section-gradient-citp-blue.layout-block-padding-large.layout[class*=twocol] .layout__region--thirds,
    .section-gradient-citp-blue.layout-block-padding-large.layout[class*=twocol] .layout__region--67,
    .section-gradient-citp-blue.layout[class*=twocol] .layout__region--thirds
    .section-gradient-citp-blue.layout[class*=twocol] .layout__region--67,
    .section-gradient-citp-blue .layout[class*=twocol] .layout__region--thirds,
    .section-gradient-citp-blue .layout--twocol-33-67 .layout__region,
    .layout-block-padding-medium .section-gradient-citp-blue.layout[class*=twocol] .layout__region--thirds,
    .layout-block-padding-medium .section-gradient-citp-blue.layout[class*=twocol] .layout__region--67{
        flex: 0 0 100%;
    }
}