:root {
	--carrot: #EE7541;
	--cobalt: #1E4987;
	--prasin: #4BB596;
	--text: #555657;
	--imperial: #EDD600;
}
body{
	font-family: Verdana;
	color: var(--text);
	font-size: 16px;
	line-height: 27px;
}
a{
	transition: color ease-in-out .3s;
}
@media (min-width: 75rem){
	.container {
		max-width: 95rem;
		width: calc(100vw - 4rem);
	}
}


.real_back{
	color: var(--prasin);
	font-size: 17px;
	font-weight: 700;
	line-height: 29px;
	position: relative;
	transition: all .3s ease-in-out;
}
@media (min-width: 75rem){
	.real_back{
		font-size: 19px;
	}
}
.real_back:hover,
.real_back:focus{
	color: var(--carrot);
}

h2,h3,h4,h5,.h2,.h3,.h4,.h5{
	color: var(--cobalt);
	font-weight: 700;
	margin-bottom: 1rem;
}

h2{
	font-size: 34px;
}
@media (min-width: 75rem){
	h2{
		font-size: 47px;
	}
}

h3{
	font-size: 24px;
	line-height: 35px;
	letter-spacing: -0.72px;
}

p a{
	color: var(--prasin);
	text-decoration-line: underline;
}
p a:hover,
p a:focus{
	color: var(--carrot);
}

.real_header{
	font-size: 19px;
	font-family: Verdana;
	font-weight: 700;
	letter-spacing: -0.19px;
	padding: 1rem 0;
}
.real_header .container{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
.real_logo{
	display: inline-block;
	margin-right: 1rem;
	max-width: 33vw;
}
.real_nav{
	display: none;
}
@media screen and (min-width: 75rem) {
	.real_logo{
		margin-right: 5.25rem;
	}
	.real_nav{
		display: flex;
		align-self: center;
	}
}

.real_nav ul{
	margin-bottom: 0;
}
.real_nav li{
	display: inline-block;
	margin-right: 4rem;
}
.real_nav li:last-child{
	margin-right: 0;
}
.real_nav a{
	color: var(--text);
	text-decoration: none;
}
.real_nav a:hover,
.real_nav a:focus{
	color: var(--prasin);
}
.real_header .real_back{
	margin-left: auto;
	align-self: center;
}
.real_back{
	text-decoration: none !important;
}
.real_back:hover,
.real_back:focus{
	color: var(--carrot);
}


/* project */ 


#project{
	padding-top: 4.5rem;
	padding-bottom: 3.5rem;
	position: relative;
	width: 100vw;
}
@media (min-width: 75rem){
	#project{
		padding-top: 8.5rem;
		padding-bottom: 6.5rem;
	}
}
#project:after{
	background: url('./../images/real-path-project.svg') no-repeat center top;
	height: 1523px;
	width: 3390px;
	position: absolute;
	top: 5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
}
.project_head{
	margin-bottom: 6rem;
}
.project_content{
	font-weight: 500;
	font-size: 19px;
}
#project .row{
	position: relative;
}
#project img{
	border-radius: 30px;
	position: absolute;
}
.project_head img{
	top: -8.5rem;
	right: 0;
	z-index: -1;
	max-width: 40vw;
	display: none;
}
.project_content p:last-child{
	margin-bottom: 0;
}
.project_content img{
	top: 50%;
	transform: translate(25%, -50%);
	right: 0;
	display: none;
}
@media screen and (min-width: 60rem) {
	.project_head img,
	.project_content img{
		display: inline-block;
	}
	#project:after{
		content: '';
	}
}
@media screen and (min-width: 75rem) {
	.project_head img{
		transform: scale(1);
		max-width: inherit;
	}
	.project_content img{
		left: 50%;
		right: auto;
	}
}

/* News & Events */ 
#news{
	padding-top: 4.5rem;
}
@media (min-width: 75rem){
	#news{
		padding-top: 8.5rem;
	}
}
#news .splide__slide{
	padding-top: 20px;
	padding-bottom: 20px;
}
#news .splide__arrows{
	position: absolute;
	top: 50%;
	left: .5rem;
	transform: translate(-100%, -50%);
	display: flex;
	flex-direction: column;
}
@media (min-width: 98rem){
	#news .splide__arrows{
		left: -1rem;
	}
}
#news .splide__arrow{
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	transform: none;
	width: 2rem;
	height: 2rem;
	margin-bottom: 1rem;
	background: none;
	border: 2px solid #939598;
	color: #939598;
	transition: all .3s ease-in-out;
}
#news .splide__arrow:hover,
#news .splide__arrow:focus{
	color: var(--prasin);
	border-color: var(--prasin);
}
#news .splide__arrow:last-child{
	margin-bottom: 0;
}
.real_post{
	border-radius: 30px;
	background: #FFF;
	box-shadow: 0px 0px 20px -2px rgba(60, 62, 84, 0.17);
	width: 38rem;
	max-width: 90vw;
	height: 100%;
	overflow: hidden;
}
.real_post_head{
	overflow: hidden;
}
.real_post_thumb{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 2/1;
}
.real_post_body{
	padding: 2rem;
}
@media (min-width: 75rem){
	.real_post_body{
		padding: 4rem;
	}
}
.real_post_meta{
	color: var(--carrot);
}
.real_post_title a{
	text-decoration: none;
	color: var(--cobalt);
}
.real_post_excerpt p{
	margin-bottom: 0;
}


/* Resources */ 
#resources{
	padding-top: 4.5rem;
	position: relative;
}
@media (min-width: 75rem){
	#resources{
		padding-top: 8.5rem;
	}
}
#resources:after{
	content: '';
	background: url('./../images/real-path-resources.svg') no-repeat center top;
	width: 1550px;
	height: 882px;
	position: absolute;
	top: 20rem;
	left: 50%;
	z-index: -1;
}

#resources h2{
	margin-bottom: 2rem;
}
#resources .container:first-child{
	border-bottom: 1px solid #1e498720;
	margin-bottom: 2rem;
}
.real_resource{
	margin-bottom: 2rem;
}
@media screen and (min-width: 75rem) {
	.real_resource_body{
		padding: 0 4rem;
	}
	.real_resource{
		margin-bottom: 0;
	}
}
.col-sm-12:last-child .real_resource{
	margin-bottom: 0;
}
.real_resource_body{
	padding: 0rem;
}
.real_resource_meta{
	color: var(--prasin);
}
.real_resource_title{
	margin-bottom: 0;
}
.real_resource_title a{
	text-decoration: none;
	color: var(--cobalt);
}
.real_more_container{
	text-align: center;
	width: 100%;
	font-size: 19px;
	font-weight: 700;
	line-height: 29px;
	margin-top: 1rem;
}
#resources .real_more_container{
	margin-top: 2rem;
}


.real_more{
	text-align: center;
	text-decoration: none !important;
	color: var(--prasin) !important;
}
.real_more:hover,
.real_more:focus{
	color: var(--carrot) !important;
}


/* coordinators */ 
#coordinators{
	padding-top: 4.5rem;
	max-width: 100vw;
	overflow: hidden;
}
@media (min-width: 75rem){
	#coordinators{
		padding-top: 8.5rem;
	}
}
#coordinators h2{
	margin-bottom: 2rem;
}
.coordinator_ecos,
.coordinator_anec{
	padding-top: 4.5rem;
	padding-bottom: 3.25rem;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
}
.coordinator_ecos{
	background: var(--prasin);
	border-radius: 0px 30px 30px 0px;
	padding-right: 2rem;
	margin-bottom: 3rem;
}
.coordinator_ecos:before{
	content: '';
	background: var(--prasin);
	position: absolute;
	top: 0;
	right: calc(100% - 2px);
	bottom: 0;
	width: 1000px;
	z-index: -1;
}
.coordinator_anec{
	background: var(--cobalt);
	border-radius: 30px 0px 0px 30px;
	padding-left: 2rem;
}
.coordinator_anec:after{
	content: '';
	background: var(--cobalt);
	position: absolute;
	top: 0;
	left: calc(100% - 2px);
	bottom: 0;
	width: 1000px;
	z-index: -1;
}
@media screen and (min-width: 75rem) {
	.coordinators_container{
		display: flex;
	}
	.coordinator_ecos,
	.coordinator_anec{
		width: calc(50% - .625rem);
	}
	.coordinator_ecos{
		padding-right: 8rem;
		margin-right: .625rem;
		margin-bottom: 0 !important;
	}
	.coordinator_anec{
		padding-left: 8rem;
		margin-left: .625rem;
	}
}
.coordinator_head{
	margin-bottom: 2rem;
	text-align: center;
}
.coordinator_thumb{
	background: #fff;
	border-radius: 50%;
	height: 140px;
	width: 140px;
	min-width: 140px;
	text-align: center;
	line-height: 140px;
	margin: 0 auto 1rem;
}
@media (min-width: 75rem){
	.coordinator_head{
		display: flex;
		flex-direction: row;
		text-align: left;
	}
	.coordinator_thumb{
		float: left;
		margin: 0 3rem 0 0;
	}
}
.coordinator_head h3{
	align-self: center;
	margin-bottom: 0;
	color: #fff;
}
.coordinator_body{
	margin-bottom: auto;
	padding-bottom: 1rem;
}
.coordinator_body *{
	color: #fff;
}
.coordinator_body *:last-child{
	margin-bottom: 0;
}
.real_learn_more{
	color: var(--imperial);
	font-size: 19px;
	font-weight: 700;
	line-height: 29px;
}
.real_learn_more{
	margin-top: 1rem;
}
.real_learn_more:hover,
.real_learn_more:focus{
	color: var(--carrot);
	text-decoration: none;
}



/* Footer */
.real_footer{
	background-color: #EDEFF1;
	padding-top: 5rem;
	padding-bottom: 1.5rem;
	margin-top: 8.5rem;
}
.real_footer p{
	margin-bottom: 0;
}
.real_footer img{
	float: left;
	margin-right: .5rem;
	margin-bottom: .5rem;
	position: relative;
	top: .5rem;
}
.real_credits{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	padding-top: 4.5rem;
}
@media (min-width: 75rem){
	.real_credits{
		padding-top: 8.5rem
	}
	.real_footer img{
		margin-right: 3rem;
		margin-bottom: 0;
	}
}
.real_credits p{
	margin-left: auto;
}
.real_footer a{
	font-weight: 700;
	line-height: 29px;
	color: var(--text);
	display: inline-block;
	margin-left: 4rem;
}
.real_footer a:hover,
.real_footer a:focus{
	text-decoration: none;
	color: var(--prasin);
}
.real_footer a:first-child{
	margin-left: 0;
}


.authorlist {
	display: inline-flex;
	align-items: center;
	margin: 0px 20px 20px 0px;
	font-size: 16px;
}
.authorlist img {
	max-width: 50px;
	margin-right: 10px;
}
.authorlist .item_author {
	padding-left: 6px;
	color: #1dd5c2;
	font-weight: 500;
}