html{
	height: 100%;
	box-sizing: border-box;
}

body {
	padding-bottom: 120px;
	position: relative;
	margin: 0;
	min-height: 100%;
	color: #343434;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.logo{
	width: 300px
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

h1{
	font-family: 'Nunito Sans', sans-serif;
}



.footer{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
  margin-top: 25px;
}


.text-align-center{
	text-align: center;
}

.bg-dark-pinstripe{
	background: url('../images/bg-pinstripe.png') repeat;
}

.bg-gray{
	background: #9d9d9d;
}

.white{
	color:#fff;
}

.padding-t-5{
	padding-top:5px;
}
.padding-t-10{
	padding-top:10px;
}
.padding-t-15{
	padding-top:15px;
}
.padding-t-20{
	padding-top:20px;
}
.padding-t-25{
	padding-top:25px;
}
.padding-b-5{
	padding-bottom:5px;
}
.padding-b-10{
	padding-bottom:10px;
}
.padding-b-15{
	padding-bottom:15px;
}
.padding-b-20{
	padding-bottom:20px;
}
.padding-b-25{
	padding-bottom:25px;
}

.margin-t-50{
	margin-top:50px;
}

.return-link{
	position: absolute;
	right:0px;
	bottom:10px;
}

.position-relative{
	position: relative;
}

.gray{
	color:#939393;
}
.gray-hover:active,
.gray-hover:hover{
	color:#939393;
}

.dark-blue{
	color: #194e9a;
}
.dark-blue-hover:hover{
	color: #194e9a;
}

.font-18{
	font-size: 18px;
}
.margin-t-5{
	margin-top: 5px;
}
.margin-t-10{
	margin-top: 10px;
}
.margin-t-25{
	margin-top: 25px;
}
.margin-b-15{
	margin-bottom: 15px;
}
.margin-b-20{
	margin-bottom: 20px;
}
.margin-b-25{
	margin-bottom: 25px;
}
.margin-b-50{
	margin-bottom: 50px;
}
.margin-b-75{
	margin-bottom: 75px;
}
.margin-b-100{
	margin-bottom: 100px;
}
.font-36{
    font-size: 36px;
}

.bold{
	font-weight: bold;
}

.image-container {
	margin:0 1%;
	margin-bottom: 30px;
	float: left;
	position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(47, 57, 108, 0.75);
}

.image-container:hover .overlay {
  opacity: 1;
}

.bottom-shadow{
	box-shadow: 1px 1px 48px 5px #e1e1e1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  line-height: 20px;
}

.display-block{
	display:block;
}

.hover-cursor{
	cursor: pointer;
	text-decoration: none;
}
.hover-cursor:hover{
	text-decoration: none;
}

@media(max-width : 768px) {
	.image-container{
		width: 100%;
	}
	body {
    	padding-bottom: 0;
	}
	.footer{
		position: relative;
	}
	.overlay{
		opacity: 1;
	}
	.text {
	    color: white;
	    font-size: 20px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    line-height: 20px;
	}
	.glyphicon-play-circle{
		font-size: 50px;
	}
	.return-link{
	    display: block;
	    position: relative;
	    margin-top: 10px;
	}
	
    .logo{
		width: 50%;
	}
}

/* map styles */

.map{
	position: relative;
	width: 100%;
	max-width: 1900px;
	margin:0 auto;
	/*margin-top:35px;*/
}

.map-image{
	width: 100%;
}

.marker {
    position: absolute;
    width: 60px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px 1px 5px #2e3871;
}

.marker-img{
	width: 25px;
	position: absolute;
	top:0px;
	bottom:0px;
}

.marker-thumbnail {
	width: 200px;
	bottom: -60px;
	position: absolute;
	left: 67%;
	border: 2px solid #444;
	display: none;
}

.marker-thumbnail-bottom-left {
	left: -215px !important;
    bottom: -167px !important;
}

.marker span{
	display:none;
	position: absolute;
	top: 38px;
	width: 125px;
	text-align: center;
	left: -54px;
	color:#fff;
	z-index: 1000;
}

/*.springfield .marker-1{top:31.97%; left:36.43%;}*/
/*.springfield .marker-2{top:42.70%; left:24.02%;}*/
/*.springfield .marker-3{top:42.64%; left:19.37%;}*/
/*.springfield .marker-4{top:41.47%; left:28.83%;}*/
/*.springfield .marker-5{top:27.83%; left:28.31%;}*/
.springfield .marker-6{top:34.22%; left:21.32%;}
.springfield .marker-7{top:33.51%; left:18.17%;}
/*.springfield .marker-8{top:32.91%; left:67.66%;}*/
/*.springfield .marker-9{top:39.45%; left:73.27%;}*/
/*.springfield .marker-10{top:34.70%; left:31.84%;}*/
/*.springfield .marker-11{top:31.26%; left:24.72%;}*/
/*.springfield .marker-12{top:27.81%; left:23.24%;}*/
.springfield .marker-13{top:14.99%; left:44.83%;}
.springfield .marker-14{top:15.11%; left:60.39%;}

.springfield .marker-3{top:48.81%; left:19.05%;}
.springfield .marker-2{top:48.69%; left:23.60%;}
.springfield .marker-4{top:46.91%; left:28.78%;}
.springfield .marker-12{top:25.09%; left:23.45%;}
.springfield .marker-11{top:32.71%; left:25.40%;}
.springfield .marker-5{top:25.11%; left:29.20%;}
.springfield .marker-10{top:38.51%; left:32.58%;}
.springfield .marker-1{top:31.97%; left:36.80%;}
.springfield .marker-8{top:32.00%; left:68.55%;}
.springfield .marker-9{top:43.26%; left:73.95%;}

.ipswich .marker-1{top:29.10%; left:65.69%;}
.ipswich .marker-2{top:29.30%; left:68.55%;}
.ipswich .marker-3{top:30.81%; left:63.05%;}
.ipswich .marker-4{top:31.94%; left:64.41%;}
.ipswich .marker-5{top:41.91%; left:26.41%;}
.ipswich .marker-6{top:42.25%; left:28.85%;}
.ipswich .marker-7{top:38.51%; left:18.22%;}
.ipswich .marker-7{top:43.11%; left:7.96%;}
.ipswich .marker-8{top:37.55%; left:61.45%;}
.ipswich .marker-9{top:35.85%; left:58.95%;}
.ipswich .marker-10{top:40.06%; left:37.26%;}
.ipswich .marker-11{top:38.92%; left:76.77%;}
.ipswich .marker-12{top:35.96%; left:67.34%;}
.ipswich .marker-13{top:24.95%; left:67.20%;}
.ipswich .marker-14{top:58.97%; left:49.92%;}
.ipswich .marker-15{top:16.24%; left:53.18%;}
.ipswich .marker-16{top:17.69%; left:40.45%;}


.toowoomba .marker-1{top:16.15%; left:16.48%;}
.toowoomba .marker-2{top:63.72%; left:48.76%;}
.toowoomba .marker-3{top:19.12%; left:15.41%;}
.toowoomba .marker-4{top:45.52%; left:35.67%;}
.toowoomba .marker-5{top:44.59%; left:49.25%;}
.toowoomba .marker-6{top:46.35%; left:48.27%;}
.toowoomba .marker-7{top:63.63%; left:55.85%;}
.toowoomba .marker-8{top:62.18%; left:54.29%;}
.toowoomba .marker-9{top:61.11%; left:57.42%;}
.toowoomba .marker-10{top:60.74%; left:46.47%;}
.toowoomba .marker-11{top:14.74%; left:12.79%;}
.toowoomba .marker-12{top:15.16%; left:14.37%;}
.toowoomba .marker-13{top:18.26%; left:11.79%;}
.toowoomba .marker-14{top:49.32%; left:38.26%;}
.toowoomba .marker-15{top:52.10%; left:37.00%;}
.toowoomba .marker-16{top:47.63%; left:32.37%;}
.toowoomba .marker-17{top:47.42%; left:34.21%;}
.toowoomba .marker-18{top:52.89%; left:47.05%;}
.toowoomba .marker-19{top:48.05%; left:49.37%;}
.toowoomba .marker-20{top:51.16%; left:51.95%;}
.toowoomba .marker-21{top:51.89%; left:50.58%;}
.toowoomba .marker-22{top:53.26%; left:53.32%;}
.toowoomba .marker-23{top:18.63%; left:18.79%;}
.toowoomba .marker-24{top:22.68%; left:20.53%;}
.toowoomba .marker-25{top:25.32%; left:36.21%;}
.toowoomba .marker-26{top:60.47%; left:36.16%;}
.toowoomba .marker-27{top:51.42%; left:42.79%;}
.toowoomba .marker-28{top:66.89%; left:77.63%;}
.toowoomba .marker-29{top:48.84%; left:56.68%;}
.toowoomba .marker-31{top:8.00%; left:38.21%;}
.toowoomba .marker-30{top:18.00%; left:68.63%;}

@media only screen and (max-width: 500px) {

	body {
		background: #fff !important;
	}

	.text {
	    color: white;
	    font-size: 30px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    line-height: 30px;
	}
	.logo{
		width: 90%;
	}

	.map{
		width: 100%;
	}

}


/* mobile map styles */
@media only screen and (max-width: 764px) {
	.map{
		margin-top:0;
		width: 100%;
	}

	.marker span{
		position: inherit;
		display: block;
		color:#02133d;;
		width: 100%;
		top:auto;
	}
	a.marker {
	    position: initial;
	    top: auto;
	    left: auto;
	    display: block;
	    width: 100%;
	    border-top: 1px solid #14163d;
	    color: #252952;
	    text-shadow: none;
	    padding:10px;
	    font-size: 16px;
	}

	a.marker:hover{
		background: #efefef;
	}

	a.marker img{
		display: none;
	}

	.map img{
		display: none;
	}
}

@media only screen and (max-width: 1120px) and (min-width: 765px){

	.marker-thumbnail {
		width: 150px;
		bottom: -60px;
		position: absolute;
		left: 67%;
		border: 2px solid #444;
		display: none;
	}

	.marker-thumbnail-bottom-left {
		left: -163px !important;
    	bottom: -121px !important;
	}

	/*

	.map-image{
		width: 750px;
		height: 290px;
	}

	.marker-sports-centre{
		top: 36px;
    	left: 124px;
	}

	.marker-vce-study-centre {
	    right: 547px;
    	top: 68px;
	}

	.marker-middle-school{
		left: 498px;
    	top: 109px;
	}

	.marker-the-pavillion{
		left: 312px;
    	top: 111px;
	}

	.marker-science-labs{
		left: 379px;
    	top: 135px;
	}

	.marker-patsy-venn{
		left: 540px;
    	top: -8px;
	}
	*/

}