// StatementTeaser
.teaser-statement {
	padding: 65px 0;
    position: relative;
}

	.teaser-statement .container > *:first-child {
		margin-top: 0;
	}


// TeaserCard StatementTeaser
.teaser-card-statement {
    position: relative;
}

	.teaser-card-statement .container > *:first-child {
		margin-top: 0;
	}


.download-alert {
    position: relative;	
	border: 1px solid #006400;
	//border-left: 8px solid #006400;
	padding: 25px;
	border-radius: 8px;
	margin: 20px 10px 40px 10px;
}

// Tablet StatementTeaser
.tablet-statement {
    position: relative;	
	border: 1px solid #17a468;
	padding: 25px;
	border-radius: 8px;
	margin: 10px 0px;
}

.tablet-green {
    position: relative;	
	border: 1px solid #006400;
	padding: 25px;
	border-radius: 8px;
	margin: 10px 0px;
}

.tablet-blue {
    position: relative;	
	border: 1px solid #00308F;
	padding: 25px;
	border-radius: 8px;
	margin: 10px 0px;
}

.tablet-red {
    position: relative;	
	border: 1px solid #dc3545;
	padding: 25px;
	border-radius: 8px;
	margin: 10px 0px;
}


.tablet-container {
	margin-top: 0;
}




// StatementBlock
// to update for other bg colors 7/13
.block-statement {
	width: 100%;
	padding: 10px 0px 10px 0px;
    box-sizing: border-box;
}

.bg-orange {
	background-color: #ee4c7c;
}


	.block-statement .container > *:first-child {
		margin-top: 0;
	}



// New 2025jun2
.bg-radial {
	//background-image: radial-gradient(circle 500px at 80% 20%, #ee4c7c, #cb3889, #9e3092, #673094, #00308f);
	background-image: radial-gradient(circle 225px at 25% 25%, #eaf4f8, #00308f );
	//background-image: radial-gradient(circle 375px at 25% 25%, #00308f, #eaf4f8 );
	//background-image: radial-gradient(farthest-corner at 80% 25%,  #ee4c7c, #00308f );
}

.bg-radial-mobile {
	background-image: radial-gradient(circle 250px at 50% 17%, #eaf4f8, #00308f );
}

.bg-headinghouse {
	background-image: linear-gradient(to right, #ee4c7c, #d8385c, #c0253d, #a61220, #8b0000);
}

// StatementBar 4px
.statement-bar-blue {
	height: 4px;
	width: 100%;
	background-color: #41C5E3;
	background-image: -webkit-linear-gradient(90deg, #41C5E3, #C8DD7C);
	background-image: -o-linear-gradient(90deg,#41C5E3, #C8DD7C);
	background-image: linear-gradient(90deg, #16dfda 30%, #0345ff 70%);
}


.statement-bar-green {
	height: 4px;
	width: 100%;
	background-color: #41C5E3;
	background-image: -webkit-linear-gradient(90deg, #41C5E3, #C8DD7C);
	background-image: -o-linear-gradient(90deg,#41C5E3, #C8DD7C);
	background-image: linear-gradient(90deg, #16dfda 30%, #0345ff 70%);
}


.statement-bar-sk-blue {
	height: 4px;
	width: 100%;
	background-color: #41C5E3;
	background-image: -webkit-linear-gradient(90deg, #41C5E3, #C8DD7C);
	background-image: -o-linear-gradient(90deg,#41C5E3, #C8DD7C);
	background-image: linear-gradient(90deg, #16dfda 30%, #0345ff 70%);
}


.statement-bar-orange {
	height: 4px;
	width: 100%;
	background-color: #41C5E3;
	background-image: -webkit-linear-gradient(90deg, #41C5E3, #C8DD7C);
	background-image: -o-linear-gradient(90deg,#41C5E3, #C8DD7C);
	background-image: linear-gradient(90deg, #16dfda 30%, #0345ff 70%);
}


.statement-bar-red {
	height: 4px;
	width: 100%;
	background-color: #41C5E3;
	background-image: -webkit-linear-gradient(background: linear-gradient(90deg, rgba(234,244,248,1) 40%, rgba(238,76,124,1) 80%, rgba(154,23,80,1) 100%););
	background-image: -o-linear-gradient(background: linear-gradient(90deg, rgba(234,244,248,1) 40%, rgba(238,76,124,1) 80%, rgba(154,23,80,1) 100%););
	background-image: linear-gradient(background: linear-gradient(90deg, rgba(234,244,248,1) 40%, rgba(238,76,124,1) 80%, rgba(154,23,80,1) 100%););
}




// BlockTeaser, with Gradient as bg -- need update for other colors!
// new 719 // for Prof page
.block-teaser-info-grad {
	padding: 65px 0;
	width: 100%;
	background-color: #eaf4f8;
	background-image: -webkit-linear-gradient(0deg, rgba(23,210,204,.2) 0%, rgba(23,210,204,0) 100%);
	background-image: -o-linear-gradient(0deg, rgba(23,210,204,.2) 0%, rgba(23,210,204,0) 100%);
	background-image: linear-gradient(0deg, rgba(23,210,204,.2) 0%, rgba(23,210,204,0) 100%);
}
/*
*/

//new 7-8, for home/more-publications -- blue
.block-teaser-primary-grad {
	padding: 65px 0;
	width: 100%;
	background-image: -webkit-linear-gradient(180deg, rgba(234,244,248,1) 40%, rgba(0,48,143,1) 90%, rgba(0,48,143,1) 100%);
	background-image: -o-linear-gradient(180deg, rgba(234,244,248,1) 40%, rgba(0,48,143,1) 90%, rgba(0,48,143,1) 100%);
	background-image: linear-gradient(180deg, rgba(234,244,248,1) 40%, rgba(0,48,143,1) 90%, rgba(0,48,143,1) 100%);
}

	.block-teaser-primary-grad .container > *:first-child {
		margin-top: 0;
}


//new 7-8, for home/more-resources 
.block-teaser-red-grad {
	padding: 65px 0;
	width: 100%;
	background-image: -webkit-linear-gradient(180deg, rgba(234,244,248,1) 35%, rgba(238,76,124,1) 85%, rgba(154,23,80,1) 100%);
	background-image: -o-linear-gradient(180deg, rgba(234,244,248,1) 35%, rgba(238,76,124,1) 85%, rgba(154,23,80,1) 100%);
	background-image: linear-gradient(180deg, rgba(234,244,248,1) 35%, rgba(238,76,124,1) 85%, rgba(154,23,80,1) 100%);
}


	.block-teaser-red-grad .container > *:first-child {
		margin-top: 0;
}






// new 7-8; update for all other colors

.top-border-primary {
	border-top: 8px solid;
	border-top-color: #00308F;
	border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}


.left-border-primary {
	border-left: 8px solid;
	border-left-color: #00308F;
	border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.left-border-success {
	border-left: 8px solid;
	border-left-color: #17a468;
	border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}


.right-border-primary {
	border-right: 8px solid;
	border-right-color: #00308F;
	border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}




.left-border4px-primary {
	border-left: 4px solid;
	border-left-color: #00308F;
	border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}



// Overlapping effect, for about page
.block-over-primary {
    position: relative;
	margin-top: -200px;
	height: 100px;
	z-index: -1;
	background-image: -webkit-linear-gradient(135deg, rgba(234,244,248,1) 10%, rgba(0,48,143,1) 60%, rgba(0,48,143,1) 90%);
	background-image: -o-linear-gradient(135deg, rgba(234,244,248,1) 10%, rgba(0,48,143,1) 60%, rgba(0,48,143,1) 90%);
	background-image: linear-gradient(135deg, rgba(234,244,248,1) 10%, rgba(0,48,143,1) 60%, rgba(0,48,143,1) 90%);
}


.block-over-success {
    position: relative;
	margin-top: -200px;
	height: 100px;
	z-index: -1;
	background-image: -webkit-linear-gradient(90deg, rgba(23,164,104,1) 10%, rgba(23,164,104,1) 50%, rgba(234,244,248,1) 90%);
	background-image: -o-linear-gradient(90deg, rgba(23,164,104,1) 10%, rgba(23,164,104,1) 50%, rgba(234,244,248,1) 90%);
	background-image: linear-gradient(90deg, rgba(23,164,104,1) 10%, rgba(23,164,104,1) 50%, rgba(234,244,248,1) 90%);
}


.block-over-red {
    position: relative;
	margin-top: -200px;
	height: 100px;
	z-index: -1;
	background-image: -webkit-linear-gradient(90deg, rgba(154,23,80,1) 10%, rgba(154,23,80,1) 60%, rgba(234,244,248,1) 90%);
	background-image: -o-linear-gradient(90deg, rgba(154,23,80,1) 10%, rgba(154,23,80,1) 60%, rgba(234,244,248,1) 90%);
	background-image: linear-gradient(90deg, rgba(154,23,80,1) 10%, rgba(154,23,80,1) 60%, rgba(234,244,248,1) 90%);
}



// NoImageFullTeaserTopHeader
.top-header {
	color: #fff;
	background-color: #00308F;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.top-header-success {
	background-color: #17a468;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	}

.top-header-green {
	background-color: #006400;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	}

.top-header-red {
	background-color: #9a1750;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	}
		



.top-line {
	border-top: 1px solid #eee;
}