/* Page Styles */
.page-menu.columns {
	position:relative;
}
.page-menu.columns:before, .page-menu.columns:after {
    content: '';
    width: 999px;
    position: absolute;
    height: 100%;
    top: 0;
}

.page-menu.columns:before {
    left: -998px;
    background-color: #2DA2D5;
}


.page-menu.columns:after {
    right: -998px;
}

.items-count-1.page-menu.columns:after {
    background-color: #2DA2D5;
}
.items-count-2.page-menu.columns:after {
    background-color: #1493C4;
}

.items-count-3.page-menu.columns:after {
    background-color: #1288B6;
}

.items-count-4.page-menu.columns:after {
    background-color: #107EAE;
}

.items-count-5.page-menu.columns:after {
    background-color: #0073A4;
}

.items-count-6.page-menu.columns:after {
    background-color: #006593;
}

.items-count-7.page-menu.columns:after {
    background-color: #0e5d87;
}


.page-menu.columns > div a {
	color:#fff;
	font-size: 0.9em;
    font-weight: 800;
    line-height: 1.4em;
    text-transform: uppercase;
	padding:20px 0;
	text-align:center;
	width:100%;
	height: 100%;
    display: flex;
    align-items: center;
	justify-content:center;
	justify-items:center;
}


.page-menu.columns > div:first-child{
	background-color:#2DA2D5;
}

.page-menu.columns > div:first-child:hover{
	background-color:rgba(45,162,213,.7);
}

.page-menu.columns > div:nth-child(2){
	background-color:#1493C4;
}

.page-menu.columns > div:nth-child(2):hover{
	background-color:rgba(20,147,196,.7);
}

.page-menu.columns > div:nth-child(3){
	background-color:#1288B6;
}
.page-menu.columns > div:nth-child(3):hover{
	background-color:rgba(18,136,182,.7);
}
.page-menu.columns > div:nth-child(4){
	background-color:#107EAE;
}
.page-menu.columns > div:nth-child(4):hover{
	background-color:rgba(16,126,174,.7);
}
.page-menu.columns > div:nth-child(5){
	background-color:#0073A4;
}
.page-menu.columns > div:nth-child(5):hover{
	background-color:rgba(0,115,164,.7);
}

.page-menu.columns > div:nth-child(6){
	background-color:#006593;
}
.page-menu.columns > div:nth-child(6):hover{
	background-color:rgba(0,101,147,.7);
}

.page-menu.columns > div:nth-child(7){
	background-color:#0e5d87;
}
.page-menu.columns > div:nth-child(7):hover{
	background-color:rgba(14,93,135,.7);
}


.column.page-menu-item.is-current {
	position:relative;
	overflow:hidden;
}

.column.page-menu-item.is-current:after {
	width:20px;
	height:20px;
	background:white;
	transform:rotate(45deg);
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:auto;
	z-index:5;
	content:'';
}

@media(max-width:768px){
	.columns.page-menu {
		margin-top: -1.25rem;
		margin-left: -1.3rem;
		margin-right: -1.3rem;
	}
}