/*
Theme Name: Scce website
Theme URI: -
Author: Hawk & Hound
Author URI: http://hawkandhound.com.au
Description: Theme for SCCE
Version: 1.0
License: GNU General Public License v2 or later

*/

@import "reset.css";


* 									{ margin: 0; padding: 0;}
body								{ font: 16px "futura-pt", sans-serif; color: #221f1e; background-color: #dbdcdd;}
a									{ text-decoration: none; }
ul									{ list-style: none; }


h1, h2, h3, h4, h5, p 				{ margin-bottom: .5em; }


#border_banner {width:95%;  margin:0 auto; margin-top:20px;}

.responsive-tabs .responsive-tabs__list__item {
	background: transparent;
	border: 1px solid transparent;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
	font-size: 18px;
	line-height: 19px;
	text-transform: inherit;
	margin: 1px 12px 0 0;
	padding: 10px 12px 10px;
	white-space: nowrap;
	float: left;
	font-size:15pt!important; font-weight:900!important; color: #04c0df!important;
}
@media screen and (min-width: 450px) and (max-width: 1150px) {
.responsive-tabs .responsive-tabs__list__item {font-size:13pt!important; font-weight:400!important; }

.responsive-tabs .responsive-tabs__heading--active,
	.responsive-tabs .responsive-tabs__heading--active:hover {
		background: #fff!important;
		color: #04c0df!important;
font-size:14pt!important; font-weight:900!important;
	}

.responsive-tabs .responsive-tabs__heading:hover {
		background: #fff!important;
		color: #04c0df!important;
font-size:14pt!important; font-weight:900!important;
	}

.responsive-tabs .responsive-tabs__heading {
		background: #fff;
		
		color: #04c0df!important;
		
font-size:14pt!important; font-weight:900!important;
	}


}

a:link, a:visited {color: #04c0df;}

a:hover {color: #46308d;}

a:link h4, a:visited h4, a:hover h4 {color: #000!important; }

h4 a:link, h4 a:visited, h4 a:hover {color: #000!important; }

p.small {
	font-size: .8em;
}

table {
	font-size: 120%;
}

.ecs-event-list li {list-style-type:none;}


h1,
h2,
h3,
h4,
h5,
p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


h1,
.h1 {
	font-size: 24px;
	font-weight: 900;
}


h2,
.h2 {
	font-size: 18px;
	font-weight: 400;
}


h3,
.h3 {
	font-size: 16px;
	font-weight: 900;
}


h4,
.h4 { color:#000;
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
}


h5,
.h5 {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}


p,
.p {
	font-size: 16px;
	font-weight: 400;
}
#schools h2{font-size:18pt; font-weight:900; color: #04c0df;}

/* Destinations */
/* ----------------------- */

.flex_16 {width:16.6%; float:left; display:inline; text-align:center; text-transform:uppercase; padding:5px 5px 0px 5px;}
.flex_16 a:hover {color: #04c0df;}
#spacer {height:70px; clear:both;}
#spacer2 {height:10px; clear:both;}

/* Accordion */
/* ----------------------- */


/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.accords {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.labels {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
border:1px solid #dddddd;
  background: #fff;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}

.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

.tab-content p {
  margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 110em;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.accords input[type=checkbox] + label::after {
  content: "+";
}
.accords input[type=radio] + label::after {
  content: "\25BC";
}
.accords input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.accords input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
/* Responsive Video */
/* ----------------------- */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
min-height:1200px;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 

} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}

/* Register Popup */
/* ----------------------- */


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  height:100%;  z-index:99999999;  overflow-x: hidden;

}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  max-width:400px;
  position: relative;
  transition: all 5s ease-in-out;
  overflow:auto;
}

.popup h2 {
  
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #fff;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.footable th { vertical-align: top;}



@media all and (min-width: 768px) {
	h1,
	.h1 {
		font-size: 30px;
	}


	h2,
	.h2 {
		font-size: 22px;
	}
}

/* 
WORDPRESS IMAGE ALIGNMENT CLASSES
*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

nav.main-nav ul ul {
	z-index: 100;
}

#wrapper {
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	z-index: 1;
	-moz-box-shadow:  0px 3px 5px 0px #ccc;
  	-webkit-box-shadow: 0px 3px 5px 0px #ccc;
  	box-shadow:         0px 3px 5px 0px #ccc;
	border-left: 1px solid #c1c0c0;
	border-right: 1px solid #c1c0c0;
}

/* For  {modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

header {
	width: 100%;
	float: left;
}

#header-background-wrap {
	width: 100%;
	/*background: url('images/header-bg.jpg');*/
	background-repeat: repeat-y;
	background-position: top center;
	position: relative;
	overflow: auto;
	background-color: #f7fbfc;
}


#header-background {
	position: relative;
	width: 100%;
	/* float: left; */
	max-height: 127px;
	margin-bottom: 20px;
}

#header-background img {
	max-height: 127px;
	vertical-align: bottom;
	z-index: -10;
}


.header-contact {
	position: absolute;
	bottom: 5px;
	left: 36.64%;

}


.header-contact > li {
	display: inline-block;
}

.header-contact > li:not(:first-child) {
	margin-left: 5px;
}

.header-contact .desktop {
	display: none;
}


.navbar {
	min-height: 0;
	border-bottom: 0;
	border: none;
	margin-bottom: 0;
}


.navbar-default {
	background-color: #f7fbfc;
}


.navbar-nav {
	background-color: #04c0df;
	margin-top: 0;
}


.navbar-nav > li > a {
	padding-top: 2.5px;
	padding-bottom: 2.5px;
}


.navbar-nav > li:first-child {
	margin-top: 15px;
}


.navbar-nav > li > ul > li > a {
	color: white;
	padding-left: 30px;
}

.navbar-nav > li > ul {
	padding-bottom: 15px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
	color: white;
}


.navbar-toggle  {
	position: absolute;
	left: 80%;
	bottom: 10px;
	padding: 0;
	margin: 0;
	border: 0;
}


@media all and (min-width: 768px) {
	.navbar-nav {
		background-color: #f7fbfc;
		margin-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		text-align: center;
	}

	.navbar-nav > li > ul {
		display: none;
	}


	.navbar-nav > li > a {
		color: #04c0df!important;
		text-transform: capitalize!important;
		padding: 0 5px;
		font-size: 14px;
	}

	.header-contact {
		left: auto;
		right: 40px;
		top: 50%;
		transform: translateY(-50%);
	}

	.header-contact .mobile {
		display: none;
	}

	.header-contact .desktop {
		display: block;
		font-size: 28px;
		line-height: 28px;
		padding-bottom: 2px;
		font-weight: 300;
	}


	.header-contact > li {
		vertical-align: bottom;
	}


	.navbar-nav > li:first-child {
		margin-top: 0;
	}


	/* Dropdown Menu */
	.navbar-nav > li:hover > ul,
	.navbar-nav > li:active > ul {
		display: block;
	}


	.navbar-nav > li > ul {
		position: absolute;
		left: 0;
		background-color: #04c0df;
		padding: 10px;
		width: 200px;
		text-align: left;
	}


	.navbar-nav > li {
		line-height: 20px;
	}


	.navbar-nav > li > ul > li > a {
		display: block;
		padding-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}


}


i.icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;;
	background-size: 30px 30px;
}


i.icon-facebook {
	background-image: url('images/nav-icons/facebook.png');
}


i.icon-instagram {
	background-image: url('images/nav-icons/instagram.png');
}


i.icon-phone {
	background-image: url('images/nav-icons/phone.png');
}


i.icon-email {
	background-image: url('images/nav-icons/mail.png');
}


i.icon-bars {
	background-image: url('images/nav-icons/bars.png');
	width: 40px;
	height: 20px;
	background-size: 40px 20px;
	background-position: center;
}

#main-navigation {
	font-family: "futura-pt", sans-serif;
	margin: 0 auto;
	z-index: 100;
}

nav.main-nav {
	width: 100%;
}

nav.main-nav li > a:after {
    content:url(images/arrow.jpg);
	text-align: right;
	zoom: 40%;
	        -moz-transform: scale(0.4);
	        -webkit-transform: scale(1.0);
}

nav.main-nav li > a:only-child:after {
    content: '';
}

h1 {
	color: #04c0df;
}

h1.page-title {
	text-align: left;
}

h2 {
	color: #04c0df;
}

.collapseomatic {
	font-size: 1.2em;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #04c0df;
	font-weight: bold;
	text-transform: uppercase;
}

li.categories {
	font-size: 1.2em;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #04c0df;
	font-weight: bold;
	list-style: none;
	padding-bottom: 5px;
}
li.categories ul li {
	font-size: .8em;
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	line-height: 130%;
	border-bottom: 1px solid #221f1e;
	padding: 5px 0;
}

li.categories ul li a:link, li.categories ul li a:visited, li.categories ul li a:hover {
	color: #231f20;
}

#home-icons h2 {
	margin: 20px 0;
}

h3 {
	color: #04c0df;
}

p {
	color: #231f20;
	font-weight: 300;
	line-height: 130%;
}



.breadcrumbs {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #Fa9D1C;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: 20px;
display:none;
}

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover {
	color: #Fa9D1C;
}

h1.home {
	padding-bottom: 50px;
	text-align: center;
	width: 90%;
	margin: 0 5%;
}

h2.schools {font-size:20pt!important; font-weight:900!important; color: #04c0df!important;}

#padder {margin:30px 0px 50px 0px; text-align:center; font-size: 30px; font-weight:900!important; color: #04c0df; }
#padder2 {margin:30px 0px 50px 10px; text-align:left; font-size: 30px; font-weight:900!important; color: #04c0df; }
#content-wrap {
	width: 100%;
	float: left;
}

#content {
	padding: 0 1.2254902%;
	margin: 20px 3.9215686%;
	width: 89.7058823%;
	float: left;
}

#banner {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
        padding-bottom:50px;
}

#banner img {
	max-width: 100%;
	height: auto;
}

#home-icons {
	width: 100%;
	
	padding-top: 40px;
	float: left;
}


#home-icons p {
	line-height: 1.5;
text-align: left;
}


#home-icons .clear {
	height: 15px;
}


#home-icons a:hover,
#home-icons a:active {
	color: inherit;
}

.icon-one, .icon-two, .icon-three, .icon-four {
	width: 23.4042553%;
	float: left;
	text-align: left;
}

.icon-one img, .icon-two img, .icon-three img, .icon-four img {
	max-width: 70%;
}

.icon-one {
	margin-right: 1.06382979%;
}

.icon-two, .icon-three {
	margin: 0 1.06382979%;
}

.icon-four {
	margin-left: 1.06382979%;
}

#home-featured {
	margin: 25px 0;
	width: 100%;
	float: left;
}


#home-latest-news {
	margin: 20px 0;
	width: 100%;
	float: left;
	padding: 20px 0;
	border: 1px solid #bdbfc1;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	text-align: justify;
	    -ms-text-justify: distribute-all-lines;
	    text-justify: distribute-all-lines;
	font-size: 80%;
	
}


#home-latest-news .read-more {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-top: 20px;
}


#home-latest-news .button-more {
	display: inline-block;
	font-size: 22px;
	padding: 10px 25px;
	color: white;
	background-color: #04c0df;
	margin-top: 40px;
	line-height: 1;
}


#home-latest-news .read-more:hover,
#home-latest-news .read-more:active {
	color: inherit;
}


#home-latest-news .clear {
	display: none;
}


#home-latest-news h1 {
	color: #04c0df;
}

#latest-news-logo {
	width: 100%;
	text-align: center;
	margin: -39px 0 20px 0;
}

#latest-news-logo img {
	width: 163px;
	height: 37px;
}

.home-latest-post-image {
	display: block;
	width: 100%;
}

.home-latest-post-image img {
	max-width: 100%;
	height: auto;
}

.home-latest-post-text {
	text-align: left;
}

.home-latest-post-text .title {
	color: #04c0df;
	margin-top: 10px;
}

.home-latest-post {
	width: 100%;
	vertical-align: top;
	    display: inline-block;
	    *display: inline;
	    zoom: 1;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

#phone {
	width: 100%;
	text-align: center;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	color: #04c0df;
	font-size: 24px;
}

footer {
	width: 100%;
	float: left;
	background: url('images/footer-bg.jpg');
	background-size: 100% 100%;
	background-position: top center;
	padding: 20px 0;
	margin-top: 60px;
	text-align: center;
}

.facebook-footer {
	float: right;
	text-align: left;
	margin: 0 40px 0 0;
	font-size: 16px;
}

.facebook-footer a:link, .facebook-footer a:visited {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #231f20;
}

.facebook-footer img {
	width: 15px;
	height: 15px;
}

nav.footer ul {
	list-style: none;
	font-size: .7em;
}

nav.footer ul li {
	display: inline-block;
	margin: 0 20px;
}

nav.footer ul li a {
	color: gray;
}

.full {
	width: 100%;
	float: left;
}

.blog-post-paragraph ul, .full ul, .left ul {
	list-style: disc inside;
	font-weight: 300;
	line-height: 150%;
}

.blog-post-paragraph ol, .full ol, .left ol {
	list-style:decimal inside;
	font-weight: 300;
	line-height: 150%;
}

.full p, .full table, .full h1, .full h2, .full h3, .full h4, .full h5 {
	margin-top: 20px;
}

.postcards {
	width: 100%;
	float: left;
	margin: 40px 0;
}

.postcard-post {
	float: left;
	width: 42.553191%;
	float: left;
	margin: 20px 4.2553191% 0 0;
}

.postcard-post-image {
	width: 25%;
	float: left;
}

.postcard-post-image img {
	max-width: 100%;
	height: auto;
}

.postcard-post-text {
	width: 70%;
	float: right;
	text-align: left;
}

.postcard-post-text a:hover,
.postcard-post-text a:active {
	text-decoration: none;
}

.left {
	width: 48.93617%;
	float: left;
}

.featured-image {
	width: 48.93617%;
	float: right;
}

.featured-image img {
	width: 100%;
	height: auto;
}

nav.country {
	width: 100%;
	float: left;
}

nav.country ul {
	list-style: none;
	text-align: center;
}

nav.country ul li {
	display: inline;
	width: 12.5%;
	float: left;
	margin: 40px 0 0 0;
}

nav.country ul li a:link, nav.country ul li a:visited, nav.country ul li a:hover {
	color: #Fa9D1C;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

nav.country ul li a img {
	width: 60%;
	margin: 5px 10%;
}

nav.country ul li a img:hover {
	opacity: .8;
}

table {
	width: 100%;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	  -webkit-border-radius: 20px; 

	  /* Firefox 1-3.6 */
	  -moz-border-radius: 20px; 

	  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 20px;
	background: white;
	overflow: hidden;
	color: white;
	text-align: left;
}

th {background: #74cee2;}

tr:nth-child(odd) {background: #9fdbea;}
tr:nth-child(even) {background: #74cee2;}

table tr th {
	padding: 15px 20px;
}

table tr td {
	padding: 20px;
}

/* New Mobile Tables */

.footable {
	width: 100%;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	  -webkit-border-radius: 20px; 

	  /* Firefox 1-3.6 */
	  -moz-border-radius: 20px; 

	  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 20px;
	background: white;
	overflow: hidden;
	color: black;
	text-align: left;
}

.footable th {background: #fff; color:#04c0df;}

.footable tr:nth-child(odd) {background: #dfeff9; font-weight:300;}
.footable tr:nth-child(even) {background: #fff; font-weight:300;}

.footable tr th {
	padding: 15px 20px;
}

.footable tr td {
	padding: 20px;
}





#sidebar {display:none;
	width: 23.404255%;
	float: right;
}

.blog-wrap {
	width: 100%;
	float: left;
}

.blog-post {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
	margin-bottom: 40px;
}

.blog-post-text {
	width: 31.428571%;
	float: left;
	margin-right: 2.8571429%;
}

.blog-post-text p {
	font-size: .8em;
}

.blog-featured-image {
	width: 65.714286%;
	float: left;
}

.blog-featured-image img {
	width: 100%;
	height: auto;
}

.blog-single-featured-image {
	width: 100%;
	height: auto;
}

.blog-single-featured-image img {
	width: 100%;
	height: auto;
}

.postcard-post:nth-child(2n+1) { clear: both; }



.instagram-feed {
	clear: both;
	padding-top: 20px;
}


.instagram-feed .title {
	text-align: center;
	color: #231f20;
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
	position: relative;
    z-index: 1;
}


.instagram-feed .title:before {
	border-top: 1px solid #000000;
    content: "";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}


.instagram-feed .title a > span {
	display: inline-block;
	background-color: white;
	padding: 0 15px;
}


.instagram-feed .title a > span > span {
	font-size: 16px;
	font-weight: bold;
}

.instagram-feed .title a > span > span:before{
	content: ' ';
	display: block;
}


.instagram-feed .title a:hover,
.instagram-feed .title a:active,
.instagram-feed .title a:visited,
.instagram-feed .title a:link{
	text-decoration: none!important;
	color: #231f20!important;
}


.instagram-feed .tagline {
	float: left;
	font-size: 16px;
	font-weight: 900;
	color: #04c0df;
	padding-left: 10px;
	line-height: 30px;
}


.instagram-feed .social-links {
	float: right;
	padding-right: 10px;
}


.instagram-feed .social-links li {
	display: inline-block;
}



@media all and (min-width: 768px) {
	.instagram-feed .title {
		font-size: 22px;
	}
}

@media all and (max-width: 779px) {



/* Destinations */
/* ----------------------- */

.flex_16 {width:50%; float:left; display:inline; text-align:center; text-transform:uppercase; padding:20px 5px;}
.flex_16 a:hover {color: #04c0df;}


	nav.main-nav {
		display: none;
	}
	
	nav.mobile-nav {
		width: 100%;
	}
	
	nav.mobile-nav select {
		-webkit-appearance: none;
		width: 100%;
		border-radius: 0;
		padding: 0 10%;
		height: 40px;
		background: #04c0df;
		color: white;
		text-align: center;
	}
	
	#header-background-wrap {
		width: 100%;
	}
	
	#header-background {
		margin: 0;
	}
	
	.postcard-post {
		width: 100%;
		float: left;
		margin: 20px 0 0 0;
	}
	
	table {
		font-size: 70%;
	}
}

@media screen and (min-width: 450px) and (max-width: 950px) {
.header-contact {

left:45%;
	
	

}


}

@media screen and (min-width: 100px) and (max-width: 450px) {
.header-contact {
position:absolute;
left:34%;
	bottom:0px;
	

}

#header-background {
	position: relative;
	width: 100%;
	
	max-height: 95px;
	margin-bottom: 20px;
}
}

@media all and (min-width: 768px) {

	.home-latest-post {
		float: left;
		width: 50%;
		padding: 0 7.5px;
	}

	#home-latest-news {
		margin-left: -7.5px;
		margin-right: -7.5px;
	}

	#home-latest-news h1 {
		padding: 0 7.5px;
	}

	#home-latest-news .clear:nth-of-type(4),
	#home-latest-news .clear:nth-of-type(8) {
		display: block;
		clear: both;
		height: 20px;
	}
}


@media all and (min-width: 992px) {
	.navbar-nav > li > a {
		padding: 0 8px;
		font-size: 18px;
	}



	.home-latest-post {
		float: left;
		width: 33.33333333333%;
		padding: 0 15px;
	}


	#home-latest-news {
		margin-left: 15px;
		margin-right: 15px;
	}

	#home-latest-news h1 {
		padding: 0 15px;
	}


	#home-latest-news .clear:nth-of-type(4) {
		display: none;
		height: 0;
	}


	#home-latest-news .clear:nth-of-type(6) {
		display: block;
		clear: both;
		height: 20px;
	}


	#home-latest-news .clear:nth-of-type(8) {
		display: none;
		height: 0;
	}

}


@media all and (min-width: 1200px) {
	.navbar-nav > li > a {
		padding: 0 10px;
		font-size: 22px;
	}
}

@media all and (min-width: 481px) {
	a.mobile img {
		display: none;
		visibility: hidden;
	}
}


@media all and (min-width: 780px) {
	#home-icons .clear {
		height: 0;
	}
}

@media all and (max-width: 779px) {
	nav.country ul li {
		width: 25%;
	}


	.icon-one, .icon-two, .icon-three, .icon-four {
		width: 45%;
		margin: 0 2.5%;
		float: left;
		text-align: center;
	}
	
	.clear {
		width: 100%;
		float: left;
	}

	
	#home-featured-post {
		float: left;
		width: 100%;
		padding-left: 0%;
		padding-right: 0%;
		background-color: none;
		border-top: 1px solid #bdbfc1;
	}
	
	.home-latest-post {
		float: left;
		margin-top: 20px;
	}
	

	.home-latest-post-image img {
		max-width: 100%;
		height: auto;
	}

	.home-latest-post-text {
		text-align: left;
	}
	
	#sidebar {
		width: 23.404255%;
		float: right;
	}

	.blog-wrap {
		width: 74.468085%;
		float: left;
	}

	.blog-post {
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}

	.blog-post-text {
		width: 50%;
		float: left;
		margin-right: 2%;
	}

	.blog-post-text p {
		font-size: .8em;
	}

	.blog-featured-image {
		width: 40%;
		float: left;
	}

	.blog-featured-image img {
		width: 100%;
		height: auto;
	}

	.blog-single-featured-image {
		width: 100%;
	}

	.blog-single-featured-image img {
		width: 100%;
		height: auto;
	}
}

@media all and (max-width: 680px) {
	.blog-wrap {
		width: 74.468085%;
		float: left;
	}

	.blog-post {
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}

	.blog-post-text {
		width: 100%;
		float: left;
		margin-right: 0;
	}

	.blog-post-text p {
		font-size: .8em;
	}

	.blog-featured-image {
		width: 100%;
		float: left;
	}

	.blog-featured-image img {
		width: 100%;
		height: auto;
	}

	.blog-single-featured-image {
		width: 100%;
	}

	.blog-single-featured-image img {
		width: 100%;
		height: auto;
	}
}


@media all and (max-width: 480px) {
	a.desktop img {
		display: none;
		visibility: hidden;
	}
	
	#header-background-wrap {
		float: left;
	}
	
/* Destinations mobile */
/* ----------------------- */

.flex_16 {width:100%; float:left; display:inline; text-align:center; text-transform:uppercase; padding:20px 5px;}
.flex_16 a:hover {color: #04c0df;}
	
	h1.home {
		padding-bottom: 20px;
	}
	
	h1.page-title {
		text-align: left;
	}
	
	
	.left {
		width: 100%;
	}
	
	.featured-image {
		width: 100%;
	}
	
	nav.country ul li {
		width: 50%;
	}
	
	.icon-one, .icon-two, .icon-three, .icon-four {
		width: 90%;
		margin: 5%;
		float: left;
		text-align: center;
	}
	
	.blog-wrap {
		width: 100%;
		float: left;
	}
	
	#sidebar {
		width: 100%;
		float: left;
	}
	
	
	
	#gallery-button {
		width: 100%;
		float: left;
		background: white;
		z-index: 1000;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-weight: bold;
		color: #923b8a;
		text-transform: uppercase;
		text-align: center;
	}
	
	#gallery-button a {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	
	.facebook-footer {
		float: left;
		width: 100%;
		margin: 20px 0 0 0;
		text-align: center;
	}
	
}

@media all and (min-width: 481px) {
	#gallery-button {
		position: relative;
		text-align: center;
		top: 0px;
		right: 0;
		width: 150px;
		height: 30px;
		padding: 5px 0 0 0;
		float: right;
		margin: 0 20px -35px 0;
		background: url('images/gallery-button-bg.png');
		background-size: 100%;
		z-index: 1000;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-weight: bold;
		color: #923b8a;
		text-transform: uppercase;
	}
}

@media all and (max-width: 959px) {
	#home-latest-news {
		width: 100%;
		float: left;
	}
}

@media all and (min-width: 780px) and (max-width: 959px) {
	
	#home-featured-post {
		float: left;
		width: 40%;
		padding-left: 5%;
		padding-right: 5%;
		background-color: #aff4ff;
	}

	#main-navigation {
		max-width: 960px;
		margin: 20px 3.92156863%;
	}

	/* 
		LEVEL ONE
	*/
	nav.main-nav ul                         { position: relative;}
	nav.main-nav ul li                      { font-weight: bold; float: left; zoom: 1; min-width: 12.5%; }
	nav.main-nav ul a:hover		            { color: #46308d; }
	nav.main-nav ul a:active                { color: #ffa500; }
	nav.main-nav ul li a                    { text-align: center; display: block; padding: 4px 0; color: #04c0df; }
	nav.main-nav ul li.hover,
	nav.main-nav ul li:hover                { color: black; position: relative; }
	nav.main-nav ul li.hover a              { color: black; }


	/* 
		LEVEL TWO
	*/
	nav.main-nav ul ul 						{ width: 100%; visibility: hidden; position: absolute; top: 100%; left: 0; background: #f5f5f5; }
	nav.main-nav ul ul li 					{ font-weight: normal; color: #000; float: none; padding: 10px 0; background: none; }
	nav.main-nav ul ul li:hover 			{ background: none; }					  
	                                    /* IE 6 & 7 Needs Inline Block */
	nav.main-nav ul ul li a					{ background: none; width: 100%; display: inline-block; } 
	nav.main-nav ul ul li a.hover, nav.main-nav ul ul li a:hover { background: none; }

	/* 
		LEVEL THREE
	*/
	nav.main-nav ul ul ul 					{ left: 100%; top: 0; }
	nav.main-nav ul li:hover > ul 			{ visibility: visible; }
	
}

@media all and (min-width: 960px) {

nav.main-nav {
	margin: 20px 3.92156863%;
	width: 92.1568627%;
}

/* 
	LEVEL ONE
*/
nav.main-nav ul                         { position: relative;}
nav.main-nav ul li                      { font-weight: bold; float: left; zoom: 1; min-width: 12.5%; background: url('images/nav-border.jpg'); background-position: right top; background-repeat: repeat-y; padding: 20px 0; }
nav.main-nav ul li:last-child, nav.main-nav ul li.hover:last-child, nav.main-nav ul li:hover:last-child			{ background: none; }
nav.main-nav ul a:hover		            { color: #46308d; }
nav.main-nav ul a:active                { color: #ffa500; }
nav.main-nav ul li a                    { text-align: center; display: block; padding: 4px 0; color: #04c0df; }
nav.main-nav ul li.hover,
nav.main-nav ul li:hover                { color: black; position: relative; background: url('images/nav-border.jpg'); background-position: right top; background-repeat: repeat-y; }
nav.main-nav ul li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
nav.main-nav ul ul 						{ width: 100%; visibility: hidden; position: absolute; top: 100%; left: 0; background: #f5f5f5; }
nav.main-nav ul ul li 					{ font-weight: normal; color: #000; float: none; padding: 10px 0; background: none; }
nav.main-nav ul ul li:hover 			{ background: none; }					  
                                    /* IE 6 & 7 Needs Inline Block */
nav.main-nav ul ul li a					{ background: none; width: 100%; display: inline-block; } 
nav.main-nav ul ul li a.hover, nav.main-nav ul ul li a:hover { background: none; }

/* 
	LEVEL THREE
*/
nav.main-nav ul ul ul 					{ left: 100%; top: 0; }
nav.main-nav ul li:hover > ul 			{ visibility: visible; }

}

@media print { 
	header {
		display: none;
	}
	
	body {
		font-family: helvetica, arial, sans-serif;
	}
}