/* make width of each section 100% and centre the entry content, so we can easily change the background colour */
.single-location .site-content {
	width:100% !important;
	max-width:100%!important;
	padding: 0 !important;
}
.single-location .site-content .site-main > article .entry-content, 
.single-location .site-content .site-main > article .entry-header, 
.single-location .site-content .site-main > .location_section, 
.single-location .site-content .site-main > .testimonials-list, 
.single-location .site-content .site-main >.responsive-grid {
	max-width:1650px;
	width: 90%;
	/*margin: 0 auto 20px auto;*/
	margin: 0 auto;
	padding-left: 7.5%;
	padding-right: 7.5%;
}
/* change the background colour of every odd section */
.single-location .bg-colour-section:nth-child(even) {
	background: #f8f8f8;
}
.single-location .toggle-container .toggle-element {
	background:transparent;
	padding: 0;
	float:none;
}
.single-location .location-toggle {
	margin-bottom: 0;
	padding-bottom: 20px;
	padding-top: 20px;
}
/* Fee boxes */
.fee_box {
	background-color: #F0F0F0;
	/*min-height: 464px;*/
	min-height: 815px;
	padding:40px 40px 25px 40px;
	margin-bottom:30px;
	position:relative;
}
.fee_box p, .fee_box h2, .fee_box h3 {
	margin: 0;
	font-family: "proxima-nova",sans-serif;
	line-height:1.1;
	color:#000;
}
.fee_box p {
	line-height:1.15;
	margin-bottom:8px;
}
.fee_box p:last-of-type {
	margin-bottom:20px;
}
.fee_box h2{
	min-height:56px;
}
.fee_boxes button, .fee_boxes .button {
	font-family: 'Pathway Gothic One', sans-serif;
    text-transform: uppercase;
    font-size: 21px;
}
.fee_boxes .fa {
	padding-left:10px;
	font-weight: bold;
}
.fee_boxes .column-1-4{
	position:relative;
}
.fee_boxes .column-1-4:after{
	content: "\f067";
    color: #000;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size:47px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    right:-9.5%;
    right:-32px;
    z-index:10;
    top:39%;
    top:101px;
}
.fee_boxes .column-1-4:last-of-type:after{
	content:'';
}
/*accommodation info */
.single-location .accommodation-info .button{
	width: 100%;
	text-align:center;
	padding: 0;
}
.single-location .accommodation-info .button a{
	display:block;
	width: 100%;
	padding: 7px 14px;
}
.single-location .accommodation-info .button a:before{
	content: '\f1c1';
	color: #fff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}
.single-location .accommodation-info .responsive-grid div[class*='column-']{
	margin-bottom:0!important;
}
.single-location .accommodation-info .responsive-grid div[class*='column-'] p{
	margin-bottom:20px;
	margin-top:0;
}
	
/* contact information */
.single-location .contact-info .vfbp-form {
	margin-top: -10px;
}

/* quick links menu */
.quick-links-menu {
    text-align: center;
    font-size: 110%;
    background:#155fa4;
    color:#fff;
}
.quick-links-menu ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-weight: 400;
}
.quick-links-menu li {
    display: inline-block;
    position: relative;
}
.quick-links-menu li:hover > a, .quick-links-menu li:focus > a, .quick-links-menu li a:hover, .quick-links-menu li a:focus {
    /*color: #155fa4;
    color: #cccccc;*/
    background: #145591;
}
.quick-links-menu a {
    display: block;
    text-align: left;
    text-decoration: none;
    padding: 8px 12px;
    background: transparent;
    color: #fff;
    -webkit-transition: all 350ms ease-in;
    -moz-transition: all 350ms ease-in;
    -o-transition: all 350ms ease-in;
    transition: all 350ms ease-in;
}
/* overwrite the padding of the column-1-4 with margin so that all columns are the same size */
@media screen and (max-width:1770px){
	.fee_box {
		padding: 40px 15px 25px 15px;
	}
}
@media screen and (min-width:1485px){
	.fee_boxes.responsive-grid .column-1-4 {
		width:23.5%;
		margin-right:2%;
		padding-right:0;
	}	
	.fee_boxes.responsive-grid .column-1-4:last-of-type {
		margin-right:0;
	}
	/* CSS hacks to make fee boxes the same height above 1485px */
	.fee_boxes {
		overflow:hidden;
	}
	.fee_box {
		padding-bottom:100%;
		margin-bottom:-100%;
	}
}
@media screen and (max-width:1485px) and (min-width:1024px){
	.fee_boxes.responsive-grid .column-1-4 {
		width: 48%;
		margin-right:2%;
		margin-bottom:3%;
		padding-right:0;
	}
	.fee_boxes .column-1-4:after{
		right: -28px;
	}
	.fee_box{
		min-height:545px;
	}
	.fee_boxes.responsive-grid .column-1-4:nth-child(odd){
		clear:left
	}
	.fee_boxes.responsive-grid .column-1-4:nth-child(even){
		clear:right;
		
	}
}
/* keep all of the fee boxes the same size */
@media screen and (max-width:1024px) and (min-width:678px){
	.fee_box{
		min-height:625px;
	}
}

/*move the plus signs down the bottom of the fee boxes */
@media screen and (max-width: 678px){
	.fee_boxes .column-1-4:after{
		position:static;
		width:100%;
		text-align:center;
	}
	.fee_boxes.responsive-grid div[class*='column-'] {
		margin-bottom:0!important;
	}
	/* dot points in columns */
	.location .entry-content .responsive-grid div[class*='column-'] ul{
		margin-bottom:-20px;
	}
	.fee_box {
		margin-bottom:0;
		min-height:0;
		padding:10px;
	}
}
/* make the sections that are widened like site-content behave like site content */
@media screen and (max-width: 1024px) and (min-width: 679px){
	.single-location .site-content .site-main > article .entry-content, 
	.single-location .site-content .site-main > article .entry-header, 
	.single-location .site-content .site-main > .location_section, 
	.single-location .site-content .site-main > .testimonials-list, 
	.single-location .site-content .site-main >.responsive-grid {
		width: 95%;
		padding-left: 25px;
		padding-right: 25px;
	}
}