/* Magnify Theme by Sarah Evans Designs */

/* GENERAL AND REST STYLES */

html {height: auto;}
body {margin:0; padding:0; font-weight: normal; font-style: normal; line-height: 1;  -webkit-font-smoothing: antialiased; 
background: url(http://surfeasy.com.au/packages/magnify/themes/magnify/images/bg.jpg) repeat-x top center #ce9e5c; }

 ul,  li {line-height: 1.6em;}
  a img { border: none; }
 {height:100%;  position: relative; }
 .clear {clear:both;}

 .main-container {padding:0.85em; padding-top:5em; background:#f1f1f1;}
 .main-block {margin-bottom:1.5em;} /* Adds bottom margin to each main-block */
 .side-block {margin-bottom:1.5em;} /* Adds bottom margin to each side-block */
 .footer-block {margin-bottom:1.5em;} /* Adds bottom margin to each footer-block */
 .slider-container {margin: -54px -.85em 2em;} /* Adds bottom margin to slider */


/* HEADER STYLES */
 .header-container { background:#343635; position: absolute; width:100%; z-index: 4;top: 119px; }
 .header-container .header { height:4.625em; }
 .header-container .header a:hover {border:0;}
 .header ul {float: none; display:inline-block; list-style-type: none;  margin:0; margin-top:-10px; }
 .logo-container {margin: auto;
padding: 20px; width:343px; }
 .logo-container h1 {
	background: url(http://surfeasy.com.au/packages/magnify/themes/magnify/images/logo.png) no-repeat; display: block; text-indent: -9999px; width: 300px; height: 79px;
}
/* NAVIGATION STYLES */
 .header .menu-button {display:none;}
 .header .navigation select { display: none; }
 .header .navigation{
	text-align: center;
}
 .header ul {margin:auto; height:4.625em;  }
 .header ul li {display: inline-block; border-top:0.25em solid #343635;font-size: 1em; margin: 0; float: left; position: relative; width: auto; color:#FFF; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; }
 .header ul li a {text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: 300; letter-spacing: 0.1em;  border-bottom:0;  padding:1.4em 1.3em; display: inline-block; text-transform: uppercase;  }
 .header ul li.nav-path-selected { /* customize_Nav_Selected_Top */ border-color:#3f9dd4; /* customize_Nav_Selected_Top */ }
 .header ul li.nav-path-selected ul li.nav-path-selected { background-color:#343635; }
 .header ul li.nav-path-selected ul li.nav-path-selected a {color:#FFF;}
 .header ul li:hover {background-color: #2c2e2d; visibility: inherit; /* fixes IE7 'sticky bug' */ }
 .header ul li.nav-path-selected:hover {background-color:#343635;}
 .header ul li.nav-path-selected ul li {border-color: #FFF;}
 .header ul li.nav-path-selected ul li.nav-path-selected:hover { cursor:none; color:#FFF; background:#343635;} 
 .header ul li.nav-path-selected ul li.nav-path-selected:hover a { color:#FFF;} 

 .header ul li a { margin:auto; height:100%; color:#FFF; -webkit-transition: color 1s ease-in-out; -moz-transition: color 1s ease-in-out; -ms-transition: color 1s ease-in-out; -o-transition: color 1s ease-in-out; transition: color 1s ease-in-out; }
 .header ul li.nav-selected a {/* customize_Nav_Link_Selected */ color:#3fa0d4; /* customize_Nav_Link_Selected */}
 .header ul li.nav-selected a:hover {cursor: default;}
 .header ul li ul { position: absolute; height:auto; top: -999em; width: 180px; /* left offset of submenus need to match */}
 .header ul li ul li {border:0;}
 .header ul li ul li a {padding:0px; border:0; width:100%; }
 .header ul li.nav-selected ul li a {color:#FFF; }
 .header ul li:hover ul {background:#343635;  width: 200px; left: 0; top:4.4em; z-index: 300;}
 .header ul li ul li {border-top: 1px solid #f1f1f1; padding: 6px; width:100%}
 .header ul li ul li:hover {/* customize_Nav_Background_Hover */ background-color:#3fa0d4; /* customize_Nav_Background_Hover */}
 .header ul li ul li a { margin-left:0; padding:6px 12px; font-size:15px; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -ms-transition: 0.4s ease; transition: 0.4s ease; }
 .header ul li ul li:hover a { color:#FFF; margin-left:4px;}
 .header ul li ul li.nav-path-selected a:hover { cursor:default; margin-left:0px;}


 .blog-thumb { /* customize_Blog_List_Background */ background-color:#3fa0d4; /* customize_Blog_List_Background */}


/* FOOTER */
 .footer {background:#343635; width:100%; color:#b3b3b3; padding-top:3em; margin-top:0.85em; }
 .footer ul {list-style: none; margin-top:1em;}
 .footer p,  .footer li { color:#b3b3b3; font-size: 0.9em;}
 .footer a {color:#FFF; }
 .footer a:hover {color:#FFF; text-decoration: underline; }
 .footer a.cta-link:hover {margin-left:4px; color:#FFF; text-decoration: none;}
 .footer .footer-credits-wrapper {background:#2c2e2d; margin-top:0.85em; padding:0.85em 0;}
 .footer .footer-credits {text-align: center;}
 .footer .footer-credits p,  .footer .footer-credits a {font-size:0.938em; font-family: 'Oswald', sans-serif; font-weight:300; letter-spacing: 0.1em; text-transform: uppercase; text-align:center;   color:#717171;}

/* SOCIAL ICONS - included in demo site */
 .socialIcon {width:48px; height:48px; float:left; margin:0 18px 18px 0; background:#535353; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out;}
 .socialIcon:hover {/* customize_Social_Hover */ background-color:#3fa0d4; /* customize_Social_Hover */ }

 .socialTwitter {background-image: url(http://surfeasy.com.au/packages/magnify/themes/magnify/images/social-twitter.png); background-repeat: no-repeat;}
 .socialLinkedin {background-image: url(http://surfeasy.com.au/packages/magnify/themes/magnify/images/social-linkedin.png); background-repeat: no-repeat;}
 .socialFacebook {background-image: url(http://surfeasy.com.au/packages/magnify/themes/magnify/images/social-facebook.png); background-repeat: no-repeat;}
 .socialGoogle {background-image: url(http://surfeasy.com.au/packages/magnify/themes/magnify/images/social-google.png); background-repeat: no-repeat;}




/* MEDIA QUERIES (Main structural styles are found in foundation.css) */

/* UNDER 947px STYLES */

@media only screen and (max-width: 947px) {
 .main-container {padding:0.9em; margin-top:0.85em; }
 .header-container { position:relative; top: 0px;}
 .header-container .header { height:auto; text-align: center;}
 .header-container .header a:hover {border:0;}
 .header ul {display: inline-block; float:none;  margin:auto; list-style-type: none; border-top: 0 }
 .logo-container {float:none; margin:auto; text-align: center; }

/* NAVIGATION STYLES */
 .header ul {height:auto;}
 .header ul li {border-top:0;  padding:0; margin:0;}
 .header ul li a { padding:12px 32px; font-size:16px;  }
 .header ul li:hover ul { top: 49px;}
 .header ul li.nav-path-selected {border-top:0;}
}


/* UNDER 767px STYLES */

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

 .header .navigation { display:none; padding:0;}
 .header ul li {width:100%; border-top:solid 1px #505050;}
 .header ul li a {width:100%;}
 .header ul li.nav-path-selected {border-top:solid 1px #505050;}
 .header ul li ul {display:none!important;}


  .footer .footer-bottom .footer-tag-line { text-align:left;}
  .logo-container {border-bottom: 0;}
  .header-container .header {border-bottom:0;}
  .footer p.footer-tag-line {text-align: right; }

  .header .menu-button { background: url(http://surfeasy.com.au/packages/magnify/themes/magnify/images/menu.png) #202120 center; display:block; float:right; position:absolute;right: -14px;
top: -57px; padding: 0.85em; margin:0.85em; width:2.4em;  vertical-align: middle; } }


.side-block .nav li {border-top:0.25em solid #343635;font-size: 1em; margin: 0;  position: relative; width: auto; color:#FFF; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; }
.side-block .nav li a {text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: 300; letter-spacing: 0.1em;  border-bottom:0;  padding:1.4em 1.4em; display: inline-block; text-transform: uppercase;  }


.side-block .nav { background: #343635; margin-top: 6px;}
.side-block .nav li {border:0; list-style: none;}
.side-block .nav li a {padding:0px; border:0; width:100%; }
.side-block .nav li {border-left: 3px solid #f1f1f1; padding: 6px; width:100%}
.side-block .nav li.nav-path-selected { /* customize_Nav_Selected_Top */ border-color:#3f9dd4; /* customize_Nav_Selected_Top */ }
.side-block .nav li:hover {/* customize_Nav_Background_Hover */ background-color:#3fa0d4; /* customize_Nav_Background_Hover */}
.side-block .nav li a { margin-left:0; padding:6px 12px; font-size:15px; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -ms-transition: 0.4s ease; transition: 0.4s ease; }
.side-block .nav li:hover a { color:#FFF; margin-left:4px;}
.side-block .nav li.nav-path-selected a:hover { cursor:default; margin-left:0px;}


.youtubeBlock {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youtubeBlock iframe,
.youtubeBlock iframe[style] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

