@charset "utf-8";
@import url("custom.flexslider.css");

/*Btn*/
.btn{display:inline-block; padding:8px 18px 10px; text-transform:uppercase; border:1px solid;}

.btn, .btn.inverse:hover{
	color:#FFFFFF;
	background: #19265C; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#19265C, #009BDB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#19265C, #009BDB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#19265C,#009BDB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#19265C,#009BDB); /* Standard syntax */
	border-color:#19265C;
}

.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}

/* Generalise
-------------------------------------------------------------------------------------- */
.heading.nospace{margin-bottom:0;}

/* Page Intro
-------------------------------------------------------------------------------------- */
#pageintro{padding:180px 0 200px;}
#pageintro article{max-width:65%; margin:0 auto; text-align:center;}
#pageintro article *{text-transform:uppercase;}
#pageintro article .heading{margin:0 0 30px 0; padding:0; line-height:1; font-size:46px;}
#pageintro article p{margin:0;}
#pageintro article p:first-of-type{margin-bottom:20px; font-size:18px; letter-spacing:5px;}
#pageintro article footer{margin-top:50px;}

/* Intro Blocks
-------------------------------------------------------------------------------------- */
#introblocks ul{display:table; width:100%; height:100%; border:none;}
#introblocks ul li{display:table-cell; width:33.33333333333333%; height:100%; padding:5% 2%; border:solid; border-collapse:collapse; border-width:0 1px 0 0;}
#introblocks ul li:last-child{border:0;}
#introblocks ul li *{margin:0; padding:0; line-height:normal;}
#introblocks ul li div{position:relative; padding-left:65px; word-wrap:break-word;}
#introblocks ul li div i{display:block; position:absolute; top:-2px; left:0; width:50px; font-size:46px; line-height:1;}
#introblocks ul li div .heading{font-size:1.2rem;}

/* Colours
-------------------------------------------------------------------------------------- */
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}

/* Intro Blocks */
#introblocks{color:#FFFFFF; background-color:rgba(255,255,255,.2);}
#introblocks li:hover{background:#009BDB;}
#introblocks ul, #introblocks ul li{border-color:#000000;}


@media screen and (max-width:650px){
	#pageintro li article{max-width:none; width:100%;}
	#pageintro li .heading{font-size:2rem;}

	#introblocks ul, #introblocks ul li{display:block; width:100%; height:100%;}
	#introblocks ul li{padding:25px; border-width:0 0 1px 0;}
}