/*
** recent--projects
** v.3.0
*/
.org--project--node{
    max-width: 70vw;
}
.org--play--head {
    text-align: right;
    margin-bottom: 4vw;
	padding-right: 2vw;
}
.org--play--head:after {
    position: absolute;
    content: '';
    background-color: var(--darkblue);
    top: 0;
    right: 0;
    width: 0.35vw;
    height: 100%;
}
.org--play--head h2 {
    font-size: 2.3vw;
}
.org--play--head p {
    font-size: 1vw;
    margin-top: 0.5vw;
}
.org--team {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625vw, 1fr));
    gap: 2vw;
}
.org--player:before {
    position: absolute;
    content: '';
    width: calc( 100% + 1.042vw );
    height: calc( 100% + 1.042vw );
    border: 0.208vw solid #14234c;
    top: -0.781vw;
    left: -0.781vw;
    opacity: 0;
	z-index: -1;
    -webkit-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
}
.org--player:hover::before {
    opacity: 1;
	z-index: 1;
}
.org--player--i {
    background-color: #14234c;
    color: var(--cream);
    padding: 0.5vw 1vw;
}
.org--player--i h3 {
    font-size: 0.885vw;
    min-height: 3.75vw;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/*
** current--event
** v.3.0
*/
.current--event {
    background-color: #60808f;
    color: var(--cream);
    padding: 6vw 2vw;
}
.current--e--node {
    max-width: 70vw;
}
.current--e--1 {
	-ms-flex-preferred-size: 37%;
	flex-basis: 37%;
	margin-right: 8%;
}
.current--e--1 h3 {
    border-bottom: 0.052vw solid rgba(255,255,255,.15);
    padding-bottom: 0.35vw;
    display: inline-block;
}
.current--e--1 h1 {
    margin-top: 3vw;
    margin-bottom: 2vw;
    font-size: 1.8vw;
    line-height: 1.5;
}
.current--e--1 > a {
    display: inline-block;
    background-color: #14234c;
    padding: 0.5vw 1vw;
    color: var(--cream);
}
.current--e--1 > a:hover {
    background-color: var(--cream);
    color: #000;
}
.current--e--2 {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
}
.current--e--arrow {
    position: absolute;
    top: -2vw;
    right: -2vw;
    width: 4vw;
    height: 4vw;
    background-color: #14234c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 0.052vw solid #14234c;
}
.current--e--arrow > svg {
    width: 40%;
    height: 40%;
}
.current--e--arrow:hover {
    background-color: #e9e9e9;
    width: 5vw;
    height: 5vw;
    border-color: #000;
}
.current--e--arrow:hover svg * {
    fill: #000;
}
@media only screen and (min-width: 320px) and (max-width: 1366px){
	.org--project--node {
		max-width: 60rem;
	}
	.org--play--head h2 {
		font-size: 3rem;
	}
	.org--play--head p {
		font-size: 1rem;
		margin-top: 1rem;
	}
	.org--team {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 2rem;
	}
	.org--player--i {
		padding: 1rem;
	}
	.org--player--i h3 {
		font-size: 1.25rem;
	}
	.org--player--i h3 + h4 {
		font-size: 1rem;
	}
	.org--player:before {
		width: calc( 100% + 1.2393125rem );
		height: calc( 100% + 1.2393125rem );
		border-width: 0.247375rem;
		top: -0.928875rem;
		left: -0.928875rem;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1024px){
	.current--event {
		padding: 6rem 1.5rem;
	}
	.current--e--node {
		max-width: 55rem;
	}
	.current--e--1 h3 {
		border-bottom-width: 0.0625rem;
		padding-bottom: 0.25rem;
	}
	.current--e--1 h1 {
		margin-top: 2rem;
		margin-bottom: 2rem;
		font-size: 1.4rem;
	}
	.current--e--1 > a {
		padding: 0.5rem 0.75rem;
	}
	.current--e--arrow {
		top: -1.5rem;
		right: -1.5rem;
		width: 3rem;
		height: 3rem;
		border-width: 0.0625rem;
	}
	.current--e--arrow:hover {
		width: 4rem;
		height: 4rem;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	.org--play--head h2 {
		font-size: 0.9375rem;
	}
	.org--play--head p {
		font-size: 0.813rem;
	}
	.current--e--1 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 4rem;
	}
	.current--e--2 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.current--e--arrow {
		right: 0;
	}
}