@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;700&display=swap');

/* font-family: 'Raleway', sans-serif; */

body, h1,h2,h3,h4,h5,h6,table,ul,li,a {
	font-family: 'Raleway', sans-serif;
}
.home-header .text-area {
	position:relative;
}

.home-header .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(53,102,251, 0.4);
}

.home-header .overlay::before {
	content:"";
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url('../img/trees-watermark.svg');
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size:45%;
}

.box-area {
	background-image:url('../img/trees-watermark.svg');
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:30%;
}
.box-area h1 {
	font-size: 1.8rem;
    font-weight: 500;
}
.box-area .callout::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.contact-details {
	margin-top:1rem;
	font-size:1.1rem;
	color:#fff;
}
.contact-details a {
	color:#fff;
	margin-right:1rem;
}
.top-bar, .top-bar ul {
	background:transparent;
}

.academy-card .card-section {
	min-height: 135px;
    margin-top: 3rem;
    display: inline-block;
	position: relative;
	z-index: 99999;
}
.academy-card {
	position:relative;
}


.academy-card.navy::before {
	background-color:#012c61;
}
.academy-card.purple::before {
	background-color:#6a3e98;
}
.academy-card.yellow::before {
	background-color:#f7c10f;
}
.academy-card.red::before {
	background-color:#e62224;
}

.box-area-two .cell:hover > .academy-card::before {
	opacity:0;
}

.box-area .callout::before {
	transition: opacity 1.5s;
}
.box-area .cell:hover > .callout::before {
	opacity:0;
}

.home-header .text-area h5 {
    color: #fff;
    margin-bottom: 0px;
    font-style: normal;
	font-size: 3rem;
    padding-left: 5rem;
    padding-top: 16rem;
}

.footer {
	background-color:#fff;
}
.footer h3 {
	color:#012c61;
}
.footer p, .footer a {
	color: #676666 !important;
}
.footer p strong {
	color:#000;
}

.box-area-two p {
	color:#fff !important;
}
.box-area-two .academy-card {
	box-shadow:initial;
}

.site-logo {
    margin: 30px 20% 4rem;
	max-width:60% !important;
	padding:0;
}
.logo-side {
	position:relative;
	padding-left:2rem;
	padding-right:2rem;
	padding-bottom:3rem;
}
.logo-side h4 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	color:#2D2D94;
	opacity:1;
	font-weight:700;
	font-size:3rem;
}
.box-area h1 {
	color:#2D2D94 !important;
}
.box-area p {
    color: #012c61 !important; 
    line-height: inherit;
    width: 100%;
    margin: 0;
    margin-bottom: 1rem;
}
.box-area h4 {
	color:#2D2D94 !important;
	opacity:0.9;
    font-size: 2.6rem;
    font-weight: 700;
}
.box-area .callout {
	min-height:200px;
	padding:0;
	border-width:0px;
}
.box-area-two h1 {
	opacity:0.5;
	font-weight:700;
}
.box-area-two .academy-card img {
	position:absolute;
	top:5px;
	right:5px;
	z-index:999999;
	width:22%;
}

.box-area .callout .card-text {
	margin-top: 0rem;
    padding: 1rem;
    padding-top: 14rem;
    background-image: url(../img/navigation-bottoms-yellow.svg);
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    position: relative;
    background-size: 75%;
	transition: background-size 2s;
}
.box-area .callout .card-text:hover {
	background-size:160%;
}

.box-area .callout .card-text p, .box-area .callout .card-text h4 {
	margin-bottom:0px;
}
.box-area .callout .card-text p {
	color:white !important; 
	font-size:0.75rem;
}
.box-area .callout .card-text h4 {
	color:#fff !important;
}
.box-area-two .academy-card h4 {
    color: #fff;
    font-size: 1.2rem;
    
}
.box-area-two .academy-card h4 a {
	display: block;
	padding-right: 16rem;
    width: 100%;
}

.align-right.vertical.menu>li>a:hover {
	background-color:transparent;
}
.backstretch {
	min-height:550px;
}

.logos {
	border-width:0px;
}
.contact-details {
	background-color:#002A61;
	margin:0;
	font-size:0.9rem;
	padding-top:5px;
	padding-bottom:5px;
}
.menu-box {
	background-color:#2D2D94;
}


.academy-card .card-section {
	margin-top: 0rem;
	padding: 1rem;
	padding-top: 14rem;
	background-image: url(../img/navigation-calendar.svg);
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 100%;
}
/* .academy-card.event-card {
	background-image:url('../img/navigation-calendar-green.svg');
} */

.academy-card.event-card h3 {
	color:#fff;
	font-size:1.4rem;
	position:absolute;
}
.logo-side .contact-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.proud-to-be h2 {
	color: #3566fb;
    opacity: 1;
    font-weight: 700;
    font-size: 3rem;
	padding-top:2rem;
}

.footer {
	background-image:url('../img/theavenue.gif');
	background-size:20%;
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#2D2D94;
}
.footer h3, .footer p, .footer a, .footer p strong {
	color:#fff !important;
}
.footer-bottom {
	background-color:#012c61;
}

.subpage-title-bar {
	background-image:none;
}
a.right .has-tip {
    border-radius: 50%;
    margin-top: 5px;
    margin-right: 5px;
    padding: 5px;
    background: white;
}
.align-right.vertical.menu>li>a {
	position:relative;
	z-index:2;
	color:#fff !important;
}
.align-right.vertical.menu>li>a::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:0%;
	background-color:#002861;
	height:100%;
	z-index:-1;
	transition:width 1s;
	border-radius:10px;
}
.align-right.vertical.menu>li:hover>a::before {
	width:100%;
}
.dropdown.menu a:hover {
	opacity:0.8;
}
.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
	border-radius:10px;
	text-align:left;
}
.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu a {
	text-align:left;
}
.contact-details, .menu-box {
	position:relative;
	z-index:10;
}
.page-wrapper {
	background-image:url('../img/trees-watermark.svg');
	background-size:30%;
}
.home-header .text-area h5 span {
	color:#f7c10f;
}
.submenu {
	background-color:#2a51c8 !important;
}

.proud-to-be .academy-card .card-section {
    margin-top: 9rem;
    padding: 1rem;
    padding-top: 5rem;
    background-image: url(../img/navigation-bottoms.svg);
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.proud-to-be .academy-card img {
	position:absolute;
	top:5px;
	right:5px;
	z-index:999999;
	width:22%;
}

.proud-to-be .academy-card {
	position:relative;
	background-size:cover;
}
.proud-to-be .academy-card::before {
	content: "";
	position:absolute; 
	width:100%;
	height:100%;
	opacity:0.7;
	transition: opacity 1.5s;
}
.proud-to-be .academy-card h4 a {
    display: block;
    padding-right: 6rem;
	color:#fff;
	font-size:1.2rem;
}
.proud-to-be .cell:hover > .academy-card::before {
	opacity:0;
}

.proud-to-be .callout::before {
	transition: opacity 1.5s;
}


@media (max-width: 640px) {
	.box-area-two .academy-card h4 a {
		padding-right:11rem;
	}
	.footer {
		background-image:none;
	}
	.logo-side {
		padding:0;
	}
	.logo-size .site-logo {
		padding-bottom:0px;
	}
	.title-bar {
		padding-bottom:0.5rem;
		border-bottom:4px solid #f7c10f;
	}
	
	.academy-card .card-section, .box-area .callout .card-text {
		margin-left: -1px;
    	margin-bottom: -1px;
	}
	.top-bar ul {
		background: #012c61 !important;
	}
	.top-bar ul .submenu {
		border: 0px;
		background: #00234d !important;
	}
	.home-header .text-area h5 {
		padding-top:10rem;
	}
	.drilldown a {
		background-color:#002861;
	}
	.home-header .text-area h5 {
		display: none;
	}
	.contact-details {
		font-size:1rem;
		text-align: center;
	}
	.site-logo {
		padding: 30px 10px;
		width: 60%;
    	margin: 0 20%;
	}
	.backstretch {
		min-height:480px;
	}
	.home-header {
		min-height: 165px;
		overflow:hidden;
	}
	.home-header.sub-page {
		min-height:0;
	}
	
}

.wp-block-file a {
	color: #2D2D94;
	background-color:transparent;
	text-decoration:underline;
	font-size:1.2rem;
	padding:1rem;
	font-weight:bold;
}