/******
Do a find and replace to change all colours / fonts

Colour:
main dark grey #575757
Lighter grey #8f8f8f

Font:
'Quicksand' is the google font
********/
html,
body {
    height: 100%;
	color: #000;
	font-size: 16px;
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
}
/* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
		/* ----- Margin for Single Column Sticky Footer -----*/
        margin: 0 auto -231px;
		/* background-image: url(img/bg-tile.png); */
      }

      /* Set the fixed height of the footer here */
      #push/*, #footer*/ {
		/* ----- Height for Single Column Sticky Footer -----*/
        height: 231px;
      }
h1 {
	color: #3868b2;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	letter-spacing: 1px;
	/*font-family: 'Quicksand', sans-serif;*/
}
h2, h3 {
	color: #3868b2;
	letter-spacing: 1px;
	/*font-family: 'Quicksand', sans-serif;*/
}

#page-top {
	position: relative;
	height: 250px;
	margin-top: 186px;
}
#page-top.other-page {
    display: none;
}

/* ----- IF One Column Header -----*/
header {
	background-color: #fff;
}
header.home-header {
	background-color: rgba(255, 255, 255, 0.8);
	position: relative;
	top: -186px;
}
header.other-header {
	display: none;
}
.navbar-header {
    text-align: center;
}
.navbar-brand {
    color: #3868b2;
	height: 100%;
	font-size: 18px;
	float: none;
	display: block;
	font-weight: 500;
}
.navbar-brand:focus, .navbar-brand:hover {
    color: #3868b2;
}
.navbar-brand > img {
	margin: 0 auto 15px;
}
@media (min-width: 576px) {
	#page-top {
	margin-top: 152px;
	}
	header.home-header {
	top: -152px;
	}
	.container > .navbar-header {
	display: table;
	margin: 10px auto;
    text-align: left;
	float: none !important;
	}
	.navbar-brand {
	float: none !important;
	display: inline;
	font-size: 34px;
	}
	.navbar-brand > img {
	display: inline-block;
	padding-right: 20px;
	margin: 0;
	}
}
@media (min-width: 768px) {
	.navbar-brand {
	font-size: 42px;
	}	
}
@media (min-width: 992px) {
	#page-top {
	height: 100%;
	margin-top: 0;
	top: -40px
	}
	header.home-header {
	top: 40px;
	}
	.navbar-brand {
	font-size: 54px;
	}
}
@media (min-width: 1200px) {
}
@media (min-width: 1300px) {
	header.home-header {
    background: rgba(255, 255, 255, 0.8);
	}
}
/* ----- One Column Header END -----*/
#tagline {
	color: #fff;
	padding: 15px;
	text-align: right;
	font-size: 26px;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-family:'kg_fall_for_you', Helvetica, sans-serif;
}

section#main-text {
	
}
section#main-text.home-text {
	text-align: center;
	border-top: 5px solid #0047ab;
	border-bottom: 5px solid #0047ab;
}
section#main-text a {
    color: #e7711b;
}
/*section#main-text.home-text #content h1 {
    display: none;
}*/
section#main-text.home-text h1 {
	margin-bottom: 20px;
	line-height: 1;
	text-transform: uppercase;
	font-size: 28px;
}
section#main-text.home-text h2 {
    font-size: 26px;
}
/*#ceop {
	padding: 5px 0;
	border-bottom: 5px solid #0047ab;
}
#ceop img {
	width: 240px;
	display: block;
	margin:  0 auto;
}*/

#logos {
	padding: 40px 0 20px;
	border-bottom: 5px solid #0047ab;
}
#logos img {
	height: 80px;
	display: block;
	margin: 0 auto 22px;
}

/* ----- Events Styles -----*/
section#events_section {
	background: #fff;
	position: relative;
	z-index: 0;
	padding-bottom: 30px;
}
section#events_section .container {
	padding-top: 20px;
    padding-bottom: 40px;
	position: relative;
}
#events_section h1 {
	text-align: center;
	font-size: 15px;
	margin-bottom: 0;
}
#events_section h1 a {
    color: #3868b2;
}
#events_section h1 a:hover, #events_section h1 a:focus {
	text-decoration: none;
    color: #315b9b;
}
#events_section .divider {
    border-bottom: 2px solid #5d2d70;
    width: 40%;
    margin: auto;
    margin-bottom: 20px;
}
#events_section .controls {
    margin: 0 auto;
    /*width: 200px;*/
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
	display: none;
}
#events_section .controls .left {
    float: left;
}
#events_section .controls .right {
    float: right;
}
#events_section .main_title, #school-list .main_title{
    text-align: center;
    margin-bottom: 40px;
}
#events_section .container .item{
    display: none;
}
#events_section .container .item.active{
    display: block;
}
#events_section .event-col{
    text-align: center;
}
#events_section .event-col:not(.first-child){
    margin-top: 20px;
}
#events_section .event-col .event-container.odd {
    padding: 30px 20px;
    position: relative;
    border: 5px solid #94b8e0;
	background: #0047ab;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#events_section .event-col .event-container.even {
    padding: 30px 20px;
    position: relative;
    border: 5px solid #0047ab;
	background: #94b8e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#events_section .event-col .event-container::before {
  	content: "";
  	background: #ccc;
  	opacity: 0.1;
  	top: 0;
  	left: 0;
 	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: 0;
}
#events_section .event-col .event-container::before {
    -webkit-transition: opacity 0.4s ease-in;
	-moz-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in;
}
#events_section .event-col .event-container:hover::before {
    opacity: 0.5;
}
#events_section .event-col .event-container .event-link{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#events_section .event-col .event-container .fa.fa-calendar {
    position: absolute;
    top: -45px;
    font-size: 46px;
    background: #355ea8;
    padding: 16px;
    color: #fff;
	border: 2px solid #355ea8;
	z-index: 1;
	border-radius: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90px;
	height: 90px;
}
#events_section .box.events{
    display: inline-block;
    width: 100%;
}
#events_section .event-col .event-container .event-date{
    font-size: 40px;
    margin-top: 10px;
}
#events_section .event-col .event-container.odd .event-date, #events_section .event-col .event-container.odd .event-time, #events_section .event-col .event-container.odd .event-fulldetails {
    color: #fff;
}
#events_section .event-col .event-container.even .event-date, #events_section .event-col .event-container.even .event-time, #events_section .event-col .event-container.even .event-fulldetails {
    color: #0047ab;
}
#events_section .event-col .event-container .event-time {
	font-size: 32px;
}

#events_section .event-col .event-container.odd .event-title{
    margin-top: 20px;
    font-size: 22px;
    color: #fff;
}
#events_section .event-col .event-container.even .event-title{
    margin-top: 20px;
    font-size: 22px;
    color: #fff;
}
#events_section .event-col .event-container .event-fulldetails{
	font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;
	margin-top: 30px;
}
#events_section .box.events .content{
    display: inline-block;
    width: 100%;
}
#events_section .left, #events_section .right {
    cursor: pointer;
	-webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
	background: #3868b2;
	color: #fff;
	width: 44px;
	height: 44px;
	font-size: 36px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#events_section .right {
	padding: 1px 17px;
}
#events_section .left {
	padding: 1px;
}
#events_section .left:hover, #events_section .right:hover {
    background: #315b9b; 
}
.calendar-link-row {
	position: absolute;
	bottom: -8px;
	width: 100%;
}
.calendar-button {
	font-size: 22px;
}
.calendar-button a {
	color: #355ea8;
}
span.left-panel {
	z-index: 999;
	position: absolute;
    left: -20px;
    top: 50%;
    background: #355ea8;
    color: #fff;
    padding: 10px;
	cursor: pointer;
	display: none;
}
span.right-panel {
	z-index: 999;
	position: absolute;
    right: -20px;
    top: 50%;
    background: #355ea8;
    color: #fff;
    padding: 10px;	
	cursor: pointer;
	display: none;
}


/* ----- Quick Links Styles -----*/

section#quick-links {
	background:	#fff;
}
.quick-links-column {
	padding: 0;
	background: #94b8e0;
	position: relative;
}
.quick-links-column:hover, .quick-links-column a:hover .ql-header {
	background: #75a2d7;
}
.quick-links-column::after {
	content: '';
    left: 50%;
    z-index: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: inherit;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	position: absolute;
	pointer-events: none;
	top: -30px;
}
.ql-header {
	padding: 52px 10px 10px;
	height: 100px;
	margin: 0;
	color: #fff;
	background-color: #94b8e0;
	z-index: 1;
	position: relative;
	text-transform: uppercase;
}
.ql-header::after {
	content: "";
	font-family: 'FontAwesome';
    z-index: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
	color: #fff;
	position: absolute;
	pointer-events: none;
	top: -22px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-top: 9px;
	font-size: 32px;
	border: 3px solid #0047ab;
	/*display: none;*/
}
.gallery-col .ql-header::after {
	content: "\f030";
}
.classes-col .ql-header::after {
	content: "\f006";
}
.calendar-col .ql-header::after {
	content: "\f1ea";
}
.quick-links-column.classes-col {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.quick-links-column a {
	color: #fff;
}
.quick-links-column a:hover {
	text-decoration: none;
}
.quick-links-column a:hover .ql-header.green {
	background-color: #939c6f;
}
.quick-links-column a:hover .ql-header.blue {
	background-color: #1f9292;
}
/* ----- Quick Links END -----*/



/* --- TWITTER --- */

section#twitter-blocks {
	
}
.twitter-title {
	margin-top: 20px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
#twitter-blocks .btn {
	color: #6ebbe4;
	background: #fff;
	border: 2px solid #6ebbe4;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size: 18px;
	padding-right: 45px;
	position: relative;
	float: right;
	width: 148px;
	display: none;
}
#twitter-blocks .btn:hover {
	color: #53aedf;
	border: 2px solid #53aedf;
}
#twitter-blocks .btn::after {
	font-family: 'FontAwesome';
	content: "\f099";
	font-size: 28px;
	position: absolute;
	right: 10px;
	top: -1px;
}

.tweet-col {
    overflow: hidden;
}
.tweet-holder {
    /*text-align: center;*/
    position: relative;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	border: 5px solid #94b8e0;
}
.tweet-holder .image {
	background-position: center;
	background-size: cover;
	height: 250px;
	overflow: hidden;
}
.tweet-col .time {
    padding: 20px 16px;
	font-weight: 700;
	font-size: 13px;
}
#twitter-blocks .time img {
    height: 50px;
    width: 50px;
    float: left;
	margin-right: 15px;
}
#twitter-blocks .time a {
    color: #3868b2;
}
.tweet-col .tweet {
    padding: 10px 20px 20px;
    position: relative;
    line-height: 1.5em;
    font-size: 16px;
	color: #000;
}

#twitter-blocks a.PrettyLink.hashtag.customisable, #twitter-blocks a.PrettyLink.profile.customisable.h-card{
	color: #6ca1d2;
	text-decoration: none;
}

/********** CONTACT STYLES ********/

section#contact {
}
.contact-wrap {
	background-color: #b0cae8;
}
#contact_details {
}
#contact_details .pad_out {
	padding: 34px 0;
	color: #3868b2;
}
#contact_details h2 {
	margin-top: 0;
	margin-bottom: 20px;
}
#contact_details .contact-title {
	font-size: 18px;
	font-weight: 700;
}
#contact_details .contact-phone {
	margin-bottom: 5px;
}
#contact_details .contact-phone, #contact_details .contact-email {
	color: #3868b2;
	font-size: 18px;
}
#contact_details .contact-name {
	margin-bottom: 20px;
}
#contact_details .contact-email {
	margin-bottom: 20px;
}
#contact_details .contact-phone a, #contact_details .contact-email a {
	color: #3868b2;
}
#contact_details a.advocate-school {
	display: block;
	margin: 0 auto 30px;
}
#contact_details a.advocate-school img {
	width: 100px;
}
#contact_details .btn {
    display: block;
	position: relative;
    font-size: 18px;
    background: #fff;
    border: 2px solid #0047ab;
    padding: 8px 10px;
    color: #3868b2;
    letter-spacing: 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#contact_details .btn:hover {
    background: #75a2d7;
	color: #fff;
}
#contact_details .btn::before {
    position: absolute;
    content: "\f023";
    font-family: FontAwesome;
    font-size: 32px;
    color: #3868b2;
    right: 10px;
    top: 0;
}
.map-wrap {
    margin-bottom: -6px;
    padding-right: 0;
    padding-left: 0;
}
.inner-map a.circle-link {
	border-radius: 300px;
	height: 300px;
	width: 300px;
	margin: 50px auto 0;
	background-color: rgba(148, 184, 224, 0.8);
	-webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
	display: none;
}
.inner-map a.circle-link:hover {
	background-color: rgba(148, 184, 224, 0.7);
}


/* ----- Mobile Black Bar Styles -----*/
#mobile_black_bar {
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
}
#mobile_black_bar a {
	display:block;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-size:20px;
}
#mobile_black_bar .staff_login, #mobile_black_bar .blogs {
	background: #000;
}
#mobile_black_bar .parent_login {
	background: #666;
}

/* ----- Footer Styles -----*/

footer {
	padding: 20px;
	background-color: #94b8e0;
	color: #3868b2;
	text-align: center;
}
footer a {
	color: #3868b2;
	text-decoration: none;
}
footer a:hover {
	color: #3868b2;
	text-decoration: underline;
}

/* ----- Common Styles -----*/

.top-buffer {
	padding-top: 40px;
}
.bottom-buffer {
	padding-bottom: 20px
}

/* ----- Responsive Styles -----*/

@media(min-width:380px) {
	#events_section h1 {
	font-size: 18px;
	}
	.tweet-col .time {
	font-size: 14px;
	}
}
@media (min-width: 470px) {
	#tagline {
    padding: 20px;
    bottom: 0px;
	right: 4%;
	}
	#logos img {
		height: 80px;
	}
	#events_section h1 {
	font-size: 25px;
	}
	#events_section .top-arrow-left {
    margin-right: 20px;
	}
	#events_section .top-arrow-right {
    margin-left: 20px;
	}
	.tweet-holder .image {
	height: 300px;
	}
	.tweet-col .time {
	font-size: 16px;
	}
	#contact_details .pad_out {
	padding: 34px 18px;
	}
	#contact_details .contact-phone, #contact_details .contact-email {
    font-size: 20px;
	}
	#contact_details .btn {
    width: 250px;
	margin: 0 auto;
	}
}
@media(min-width: 576px) {
	#tagline {
	font-size: 28px;
	text-shadow: 1px 1px #666;
	}
	
	section#events_section .container {
    padding-bottom: 60px;
	}
	#events_section h1 {
	font-size: 36px;
	}
	#events_section .top-arrow-left {
    margin-right: 20px;
	}
	#events_section .top-arrow-right {
    margin-left: 20px;
	}
	.calendar-button {
	font-size: 32px;
	}
	#contact_details .pad_out {
	padding: 34px 42px;
	}
	#contact_details h2 {
	font-size: 28px;
	}
	#contact_details p {
	font-size: 20px;
	}
	#contact_details p:nth-child(2) {  
	font-size: 22px;
	}
	#contact_details .contact-phone, #contact_details .contact-email {
	font-size: 22px;
	}
	/* ----- Wrap and Push for Two Column Sticky Footer -----*/
	#wrap {
    margin: 0 auto -208px;
    }
    #push {
    height: 208px;
    }
}
@media(min-width: 768px) {
	#tagline {
    font-size: 36px;
	}
	section#main-text.home-text {
	/*background: url(img/leaf_01.png) no-repeat 2% 2%;*/
	background-size: 80px;
	padding-top: 80px;
	}
	section#main-text.home-text h1 {
    font-size: 36px;
	}
	#logos img {
		height: 90px;
	}
	#events_section h1 {
    /*background: url(img/leaf_03.png) no-repeat 100% 8px;*/
	background-size: 50px;
	}
	#twitter-blocks {
    /*background: url(img/leaf_02.png) no-repeat 5% 50px;*/
	background-size: 90px;
	}
	.twitter-title {
    margin-left: 170px;
    margin-right: 22px;
	}
	#twitter-blocks .btn {
	display: block;
	}
	#contact_details .pad_out {
	padding: 50px 50px;
	}
	#contact_details h2 {
	font-size: 30px;
	}
	#contact_details .btn {
	margin: 0;
	}
}

@media(min-width:992px) {
	#tagline {
    font-size: 42px;
	bottom: 40px;
	right: 9%;
	}
	section#main-text.home-text {
	margin-top: -40px;
	padding-bottom: 60px;
	/*background: url(img/leaf_01.png) no-repeat 2% 4%/80px, url(img/leaf_04.png) no-repeat 4% 99%/50px, url(img/leaf_02.png) no-repeat 97% 96%/70px;*/
	}
	section#main-text.home-text h1 {
    font-size: 46px;
	}
	.col-mdd-5 {
		width: 20%;
	}
	
	.sm-column.lower {
	background: #6b793a; /* Old browsers */
	background: -moz-linear-gradient(top, transparent 40%, #6b793a 40%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, transparent 40%,#6b793a 40%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, transparent 40%,#6b793a 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#6b793a',GradientType=0 ); /* IE6-9 */
	}
	.facebook-column {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	}
	#ceop img {
		width: 260px;
	}
	section#events_section .container {
	padding-top: 40px;
	padding-bottom: 80px;
	}
	#events_section .controls {
	display: block;
	}
	#events_section .right {
	padding: 3px 17px;
	margin-left: 30px;
	}
	#events_section .left {
	padding: 3px;
	margin-right: 30px;
	}
	section#events_section {
    padding-bottom: 40px;
	}
	/*#twitter-blocks {
    background: url(img/leaf_02.png) no-repeat 5% 50px/100px, url(img/leaf_04.png) no-repeat 95% 1%/50px;
	}*/
	.tweet-col .time {
	font-size: 12px;
	}
	.tweet-col .tweet {
		height: 180px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.ql-header span::after {
	display: none;
	}
	.quick-links-column.classes-col {
	border-top: none;
	border-bottom: none;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	}
	.border-div {
	position: absolute;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	}
	.col-mdd-7 {
		width: 14.2857142857%;
		float: left;
	}
	#logos img {
		height: 70px;
	}
	section#contact {
	background-image: url(img/medium-map.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	}
	.contact-wrap {
	background: transparent;
	}
	#contact_details {
    /*background: rgba(148, 184, 224, 0.8) url('img/leaf_01.png') no-repeat 94% 10px;*/
	background: rgba(148, 184, 224, 0.8);
	background-size: 90px;
    margin: 0 0 0 4%;
	position: relative;
	}
	#contact_details .pad_out {
	padding: 30px 0 30px 30px;
	}
	#contact_details .contact-name {
    margin-bottom: 30px;
	}
	#contact_details p {
    font-size: 17px;
	}
	#contact_details .contact-phone, #contact_details .contact-email {
	font-size: 20px;
	}
	#contact_details .contact-email {
    margin-bottom: 18px;
	}
	#contact_details a.advocate-school {
		margin: 0;
		position: absolute;
		bottom: 30px;
		right: 20px;
	}
	#contact_details .logo-wrap img {
	margin-bottom: 0;
	}
	.map-wrap {
    margin-bottom: 0;
    padding-right: 15px;
    padding-left: 15px;
	}
	.inner-map a.circle-link {
		display: block;
	}
	.inner-map iframe {
		display: none;
	}
	section#bottom_login {
		display: none;
	}
	section#mobile_black_bar {
		display: none;
	}
	/* ----- Wrap and Push for Two Column Sticky Footer -----*/
	#wrap {
    margin: 0 auto -63px;
    }
    #push {
    height: 63px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
	#twitter-title {
    margin-left: 140px;
    margin-right: 0;
    font-size: 32px;
    line-height: 42px;
	}
}
@media(min-width:1200px) {
	#tagline {
    font-size: 44px;
	}
	#logos img {
		height: 80px;
	}
	section#events_section {
    background-size: 100px;
	}
	.tweet-col .time {
	font-size: 16px;
	}
	#contact_details {
	margin: 0 0 0 10%;
	width: 600px;
	}
	#contact_details a.advocate-school {
		right: 30px;
	}
	#contact_details a.advocate-school img {
		width: 120px;
	}
}
@media(min-width:1300px) {
	section#events_section .container {
	padding-top: 20px;
	}
	#events_section .top-arrow-left, #events_section .top-arrow-right {
    display: none;
	}
	span.left-panel {
	display: block;
	}
	span.right-panel {
	display: block;
	}
}
@media(min-width:1400px) {
	.ql-header span::after {
	display: block;
	}
	section#main-text {
	padding-bottom: 40px;
	}
	section#events_section {
    background-size: 100px;
	}
	#contact_details .pad_out {
    padding: 30px 40px;
	}
	#contact_details p {
	font-size: 18px;
	}
}
@media(min-width:1500px) {
	span.left-panel {
    left: -40px;
	}
	span.right-panel {
    right: -40px;
	}
}
@media(min-width:1700px) {
	#tagline {
    font-size: 76px;
	}
	section#main-text {
	padding-bottom: 40px;
	}
	section#main-text.home-text {
	margin-top: -40px;
	padding-bottom: 60px;
	}
	section#events_section {
    background-size: 100px;
	}
	span.left-panel {
    left: -70px;
	}
	span.right-panel {
    right: -70px;
	}
	#contact_details {
	width: auto;
	margin: 0 0 0 10%;
	}
	#contact_details .pad_out {
    padding: 36px 40px;
	}
	#contact_details p {
    font-size: 21px;
	}
	#contact_details .contact-phone, #contact_details .contact-email {
    font-size: 22px;
	}
}
@media(min-width:2200px) {
	.map-wrap {
    margin-bottom: 0;
    padding-right: 15px;
    padding-left: 210px;
	}
}



/********** SOCIAL MEDIA STYLES ********/

section#social-media {
	background: #e4e4e4;
	padding-top: 10px;
	position: relative;
	text-align: center;
    border-bottom: 5px solid #0047ab;
  }
  #social-media h1 {
	margin-bottom: 30px;
	width: 290px;
  }
  #social-media h1 span {
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;
  }
  #social-media h1 div {
	margin-top: 5px;
	margin-left: 10px;
	width: 64px;
	height: 5px;
	float: left;
  }
  #social-media h1 div#orange {
	background: #f93;
	margin-left: 0;
  }
  #social-media h1 div#yellow {
	background: #cc0;
  }
  #social-media h1 div#pink {
	background: #c6c;
  }
  #social-media h1 div#blue {
	background: #3cf;
  }
  #social-media .head-container {
	display: none;
  }
  #social-media a.social-head:hover,
  #social-media a.social-head:focus {
	text-decoration: none;
  }
  #social-media h2.social-heading {
	text-align: left;
	font-size: 24px;
	margin-top: 10px;
	margin-left: 60px;
	margin-bottom: 25px;
	position: relative;
	font-weight: 500;
  }
  #social-media h2.social-heading.twitter-heading {
	font-size: 20px;
  }
  #social-media h2.social-heading.twitter-heading:hover span {
	text-decoration: underline;
  }
  #social-media h2.social-heading.twitter-heading span {
	color: #999;
	display: table;
	font-weight: 400;
	margin-top: 5px;
	font-size: 20px;
  }
  #social-media h2.social-heading::before {
	font-family: FontAwesome;
	position: absolute;
	font-size: 40px;
	color: #fff;
	width: 60px;
	height: 60px;
	top: 50%;
	left: -60px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 58px;
	text-align: center;
  }
  #social-media h2.social-heading.twitter-heading::before {
	content: "\f099";
	color: #fff;
  }
  #social-media h2.social-heading.face-heading::before {
	content: "\f09a";
	color: #fff;
  }
  section#social-media a.social-title {
	color: #fff;
  }
  a.social-title:hover {
	text-decoration: underline;
  }
  section#social-media a.social-title:focus {
	text-decoration: none;
  }
  .inner-twitter-tweet,
  .inner-facebook-feed {
	/*
	border: 2px solid #999;
	background-color: #fff;
	*/
  }
  .inner-facebook-feed .face-col{
	padding: 0px 2px !important;
  }
  .inner-facebook-feed .facebook-holder{
	border: 2px solid #999;
	background-color: #fff;
  }
  .tweet-col {
	overflow: hidden;
	/*margin-bottom: 20px;*/
	padding: 0;
	/*border: 2px solid #f3c943;*/
  }
  .tweet-holder {
	background: #fff;
	padding-bottom: 10px;
  }
  section#social-media a {
	color: #1da1f2;
  }
  /*section#social-media a:hover {
	  text-decoration: underline !important;
  }*/
  
  .tweet-col .image {
	background-position: center;
	background-size: cover;
	height: 250px;
	overflow: hidden;
  }
  .tweet-col .time {
	padding: 15px 10px 10px;
	line-height: 1.5em;
	font-size: 16px;
	color: #900;
	overflow: hidden;
  }
  .tweet-col .time img {
	height: 40px;
	width: 40px;
	float: left;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
  }
  .tweet-col .time span {
	font-weight: 500;
  }
  .tweet-col .tweet {
	padding: 0 10px 20px;
	position: relative;
	line-height: 1.5em;
	font-size: 16px;
	color: #666;
	overflow: hidden;
  }
  
  #social-media a.PrettyLink.hashtag.customisable,
  #social-media a.PrettyLink.profile.customisable.h-card {
	color: #6ca1d2;
	text-decoration: none;
  }
  
  #social-media .face-col {
	overflow: hidden;
	padding: 0;
	/*border: 2px solid #f3c943;*/
  }
  .facebook-holder {
	/*text-align: center;*/
	background-color: #fff;
	padding-bottom: 10px;
  }
  
  /*section#social-media a:hover {
	  text-decoration: none !important;
  }*/
  /*#social-media .face-col h2 {
	  text-align: center;
	  margin-top: 0;
	  font-size: 24px;
	  position: relative;
	  color: #fff;
	  font-weight: 500;
  }
  #social-media .face-col h2::before {
	  font-family: 'FontAwesome';
	  content: "\f09a";
	  color: #fff;
	  font-size: 42px;
	  position: absolute;
	  left: 0;
	  top: -8px;
  }*/
  
  .facebook-holder .image {
	background-position: center;
	background-size: cover;
	height: 250px;
	overflow: hidden;
  }
  .face-col .face-time {
	padding: 15px 10px 10px;
	font-size: 13px;
	color: #900;
	line-height: 1.5em;
  }
  .face-col .face-time span {
	font-weight: 500;
  }
  .face-col .face-time a {
	color: #fff;
  }
  section#social-media .face-col .face-time a:hover {
	text-decoration: underline !important;
  }
  .face-col .face-time img {
	height: 40px;
	width: 40px;
	float: left;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
  }
  .face-col .text {
	padding: 0 10px 20px;
	position: relative;
	line-height: 1.5em;
	font-size: 16px;
	color: #666;
	overflow: hidden;
  }
  /*** Triangle Section Separator Styles ***/
  
  /* Common style for pseudo-elements */
  section::before,
  section::after {
	position: absolute;
	content: "";
	pointer-events: none;
  }
  @media (min-width: 370px) {
	#social-media h2.social-heading.twitter-heading {
	  font-size: 24px;
	}
}  
@media (min-width: 470px) {

	#social-media h1 {
	  font-size: 46px;
	  width: 400px;
	}
	#social-media h1 div {
	  width: 90px;
	}
}
@media (min-width: 576px) {
	#social-media h2.social-heading,
	#social-media h2.social-heading.twitter-heading {
	  font-size: 26px;
	  margin-left: 80px;
	}
	#social-media h2.social-heading.twitter-heading span {
	  font-size: 22px;
	}
	#social-media h2.social-heading::before {
	  font-size: 60px;
	  left: -70px;
	}
}
@media (min-width: 768px) {
	#social-media h2.social-heading.twitter-heading {
	  font-size: 20px;
	  margin-bottom: 33px;
	}
	#social-media h2.social-heading.twitter-heading span {
	  font-size: 20px;
	}
}
@media (min-width: 992px) {
	#social-media h2.social-heading {
		font-size: 22px;
		margin-bottom: 25px;
		height: 59px;
		padding-top: 17px;
		margin-top: 10px;
	  }
	  #social-media h2.social-heading.twitter-heading {
		font-size: 22px;
		margin-bottom: 25px;
		height: 54px;
		margin-top: 15px;
		padding-top: 0;
	  }
	  #social-media h2.social-heading.twitter-heading span {
		font-size: 18px;
	  }
}
@media (min-width: 1200px) {
	#social-media h1.social-mobile-header {
		display: none;
	  }
	  #social-media .head-container {
		display: block;
		position: relative;
		height: 662px;
	  }
	  #social-media .head-container .header-wrap {
		position: absolute;
		bottom: 90px;
		left: 25px;
		height: 155px;
		width: 360px;
	  }
	  #social-media .head-container h1 {
		font-size: 56px;
		margin-bottom: 0;
		position: relative;
		width: auto;
	  }
}