/*
Theme Name: Ozlocal Custom theme
Theme URI: http://www.ozlocal.com.au
Author: Ozlocal team
Author URI: http://www.ozlocal.com.au
Description: Custom theme for ozlocal customers
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

 
@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
 
@font-face {
	font-family:"Intro-Inline"; 
	  src:  url('font/Intro.ttf.woff') format('woff'),
    url('font/Intro.ttf.svg#Intro') format('svg'),
    url('font/Intro.ttf.eot'),
    url('font/Intro.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
	}



@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans-bold.eot');
    src: url('fonts/opensans-bold.eot') format('embedded-opentype'),
         url('fonts/opensans-bold.woff') format('woff'),
         url('fonts/opensans-bold.ttf') format('truetype'),
         url('fonts/opensans-bold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'Open Sans','OpenSansLight';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light.eot') format('embedded-opentype'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.svg#OpenSansLight') format('svg');
}


.capitalise{text-transform :uppercase !important;}

.ult_modal-body h2{color:#000 !important;}
	.ult-modal-input-wrapper button{background: #ffffff !important;
    clear: both;
    margin-top: 4em !important;
    color: #000 !important;
    border-color: #000 !important;
    border-radius: 5px;
    padding: 10px 35px;
	
	Text-transform:uppercase;
		
		}
		
		#MGLSubmit input{float:none !important;    margin-bottom: 1em;}

		.MGLField textarea{width: 102% !important;
    height: 200px !important;}
		.MGLField input{width: 100%;
    padding: 5px !important;}

.roboto,.roboto p{    font-family: Roboto;
    font-weight: 400;
    font-style: normal;}
	
	button.btnfunction{margin-top: 0 !important;}

body,a,p,ul,li,img,div,table,tr, hr,span,h1,h2,h3,h4,h5,h6
{
border:none; margin:0px; padding:0px; text-decoration:none;
}
th,td{
 border-bottom: 1px solid #064D7E;
padding: .5em; 
}
body
{
font-family: "Roboto Condensed",sans-serif;
font-size:14px;
background:#fff;
color:#000;
}
p{ font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    font-style: normal;}
#wrapper
{ 
margin:0 auto;
}
#wrapper_inner
{
width:1151px;
margin:0 auto;
}
h1
{
font-size:24px;
color:#ac0404;
text-transform:uppercase;
font-weight:normal;
}
h2
{
font-size:20px;
color:#ac0404;
text-transform:uppercase;
font-weight:normal;
}
h5
{
color:#ac0404;
font-size:18px;
font-weight:normal;
font-family: "Roboto Condensed",sans-serif;
}
h6
{
color:#ac0404;
font-size:14px;
font-weight:700;
font-family: "Roboto Condensed",sans-serif;
}
strong{font-weight:700;
font-family: "Roboto Condensed",sans-serif;}
 
 

 .wpcf7-form-control{
	 
	padding: .5em !important;
    margin-bottom: 1em !important;
    width: 80% !important;
    margin-top: .4em !important;
	 }
.wpcf7-submit{    width: 25% !important;
    margin-right: 17%;}
 
 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline{    color: #000 !important;border-color: #000 !important;width: 300px;}
 
 input[type="submit"]{
	 
	 padding: .5em 4em;
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
    float: right;
    text-transform: uppercase;
 }
 
 .ninja-forms-field{    border: 0 !important;
    padding: .5em !important;
    float: right;
    width: 300px !important;;}
  
 .wpcf7-submit{background: #0F608F;
 
border: 0;
padding: .5em 2em;}
 
 
 
/* =Layout
-----------------------------------------------------------------------------*/
.wrapper {
	margin: auto;
max-width: 1136px;
padding: 0px 10px 1px 10px;
background: #FFF;
}
#main aside {
	background-color: #f6f6f6;
}
#blocks li {
	 
	line-height: 113px;
color: #636466;
font-size: 23px;
font-weight: 300;
border:0px;
}

#blocks li p{

font-size: 13px;
margin-top: 5px;
}


.lists-simple li{
margin-bottom:5px;
margin-left: 15px;
}



.bluebox{

background: #C5ECFF;
padding: 1em;
margin-right: 1em;
border-radius: 1em;
}




.bottommenu{
list-style: none;
}
 .bottommenu li a{
text-transform: uppercase;

}
.heading{
color: #FFF;
background:#C02126;
font-size: 25px;
padding: 8px;
margin-right: -11px;

}

#main-menu .nav-bar .nav-button-home a{ background:url("images/icohome.png") no-repeat 0px -2px transparent; }
#main-menu .nav-bar .nav-button-home a:hover{ background:url("images/icohomehover.png") no-repeat 0px -2px transparent;color :white }
#main-menu .nav-bar .nav-button-home:hover a{ background:url("images/icohomehover.png") no-repeat 0px -2px transparent;color :white }
#main-menu .nav-bar .nav-button-home .active{ background:url("images/icohomehover.png") no-repeat 0px -2px transparent;color :white }
#main-menu .nav-bar .nav-button-box a { background:url("images/icobox.png") no-repeat 0px -2px transparent; }
#main-menu .nav-bar .nav-button-box a:hover{ background:url("images/icoboxhover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-box:hover  a{ background:url("images/icoboxhover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-box .active{ background:url("images/icoboxhover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-about a { background:url("images/icoabout.png") no-repeat 0px -2px transparent; }
#main-menu .nav-bar .nav-button-about a:hover{ background:url("images/icoabouthover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-about:hover a{ background:url("images/icoabouthover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-about .active{ background:url("images/icoabouthover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-phone a { background:url("images/icophone.png") no-repeat 0px -2px transparent; }
#main-menu .nav-bar .nav-button-phone a:hover { background:url("images/icophonehover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-phone:hover a { background:url("images/icophonehover.png") no-repeat 0px -2px transparent; color :white}
#main-menu .nav-bar .nav-button-phone .active { background:url("images/icophonehover.png") no-repeat 0px -2px transparent; color :white}


#main-menu .nav-bar { list-style:none;}
#main-menu .nav-bar li {display: inline-block;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
height: 20px; 
vertical-align: bottom;
 
padding-bottom: 10px;
border:0px; }

#main-menu .nav-bar li:hover{

background:#c02126;
}
#main-menu .nav-bar .active{

background:#c02126;

}


#main-menu .nav-bar li a {
padding-left: 25px; /* Create padding on the left where the icon goes */
text-decoration: none;
text-transform: uppercase;
color: #333;
padding: 5px 1px 5px 33px;
}


.read{
float: right;
background: url("images/readarrow.jpg") no-repeat 85px 5px rgba(0, 0, 0, 0);
font-size: 16px;
text-decoration: none;
display: inline-block;
line-height: 30px;
padding-right: 30px;
}


.menu-icon1 { 
 
    position: absolute;
	
	display:none;
 
  width: 3em;
  height: 3em;
  cursor: pointer;
  /* to center */
  margin: 0 auto;
  float: right;
  -webkit-transition: all 0.3s;
	        transition: all 0.3s;
			    right: 1em;
    top: 3.5em;
}

.menu-icon1 > span {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 0.5em;
  margin-top: -0.5em;
  background-color: #fff;
   
}

.menu-icon1 > span:before,
.menu-icon1 > span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
   
  -webkit-transition: all 0.3s;
	        transition: all 0.3s;
}

.menu-icon1 > span:before {
  -webkit-transform: translateY(-1em);
	        transform: translateY(-1em);
}

.menu-icon1 > span:after {
  -webkit-transform: translateY(1em);
	        transform: translateY(1em);
}

/* OPENED */

.menu-icon1.open {
  -webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.menu-icon1.open > span:before {
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.menu-icon1.open > span:after {
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}


/* =Header
-----------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	 
}
#header h1 {
	float: left;
	margin: 0;
}
#header nav {
	 
	float: right;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #EEE;
padding: 0.5em 2.5em;
font-size: .85em;
background: #C1272D;
margin-left: -10px;
margin-right: -10px;
color:white;
}



#header{padding:15px 0px 15px 10px; display:block; min-height:100px;}
.logo{float:left;}
.logo_right_list{float:right;margin-top: 15px;}
.logo_right_list ul{list-style:none;}
.logo_right_list ul li{float:left; padding-right:10px;}

a{text-decoration: none;}

.footer .unit-20 a{border: 0;}
.footer .unit-25 a{border: 0;}
.unit-75 a{border-bottom:1px dotted;} 
 

.unit-75 strong{

color:#00a1ff;
}
.unit-75 h1 strong{ color:white; }
.current strong{ font-weight: 500;
color: #000; }
/* nav menu */
#nav{clear:both; background:#064d7e;   padding:7px;min-height: 20px;}
#nav ul{list-style-image:url(images/nav_list.png);margin: 0px; margin-top: 1px;  position: absolute;}/*
#nav ul li:first-child{list-style:none;} 
#nav ul li:last-child{list-style:none; padding-right:0px;padding-left: 0px;} 
#nav ul li{float:left;padding-left: 5px; padding-right: 30px;}
#nav ul li a{color:#fff; font-size:14px; font-family: "Roboto Condensed",sans-serif; display:block; }*/
 /*
#nav ul li:hover ul{display:block; position:relative; list-style:none; right: 5px; top: 8px;}
#nav ul li ul li{ float:none;background:rgba(94,124,161,0.5); border-bottom:1px solid #fff; padding:10px; width:178px;}
#nav ul li ul li:last-child{float:none;background:rgba(94,124,161,0.5); border-bottom:none; padding:10px; width:178px;}*/
#search_textbox{ border-radius:10px 10px 10px 10px; padding:3px; border:none; width:170px;margin-top: -5px;}
#search_submit{border:none; background:url(images/search_button.png) no-repeat; height:17px; width:17px; cursor:pointer;margin-left:10px;}
/* end nav menu 



 
 
 #nav .submenu{ background:url(images/submenu.png) 185px 16px no-repeat rgba(94,124,161,0.6);}
#nav ul ul{display:none; position:relative; list-style:none; right: 5px; top: 8px; z-index:9999; margin-right:-113px}
#nav ul li:hover ul{display:block;}
#nav ul ul li{ float:none;background:rgba(94,124,161,0.6); border-bottom:1px solid #fff; padding:10px; width:178px; margin-right:0px}
#nav ul ul li:last-child{border-bottom:none; width:178px; padding:10px;float:none;background:rgba(94,124,161,0.5);}
 
 
 */
 




.rightul{
margin-top: 2.8em;
list-style-image: url(images/sidebar_list_image.png);
list-style-position: inside;
line-height: 32px;
padding: 20px;
background: #0F608F;
margin-bottom: -25px;
}

.rightul li ul>li {

list-style-image: url(images/sidebar_list_image_small.png);
border-bottom:none;
}
.rightul li ul>li a {

font-size: 13px;
}

.rightul li{
border-bottom: 1px dotted #CCC;
padding: 3px;
 

}
.rightul li a{

color: #FFF;
font-size: 16px;
}

/* slider */
 
#slider_right_images{  }
#slider_right_images ul{list-style:none; line-height:25px;}
#slider_right_images ul li{text-align:center;}
#slider_right_images ul li a{color:#064d7e; font-family: "Roboto Condensed",sans-serif; font-size:18px;}
#slider_right_images ul li:first-child img{padding-top:0px;}
#slider_right_images ul li img{padding-top:17px;}

#slider_right{float:left; margin-left:10px;}
/* slider */

.newsul{
list-style:none;
margin-top: 1em;
}

.newsul li{
border-bottom:1px solid #ccc; padding:5px 25px; color:#4f4f4f;
}


.aboutul{
margin-top: 1em;
/*list-style-image: url(images/list_style_home.png);*/
 line-height: 22px; margin-left: 2em;

}
.aboutul1{
margin-top: 1em;
 list-style-image: url(images/list_style_home.png); 
 line-height: 22px; margin-left: 2em;

}

.menu{display:inline-block;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}
 
.menu-homepage-container{text-align:center}


.menu li a {
    color: black !important;
	/**font-family: "Intro-Inline" !important;
    font-weight: normal;
	    font-size: 30px !important;
		
		
 
text-decoration:none;
padding: 30px 0px 30px 25px;
display:block;
color:#ffffff;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;*/
}

.main-menu{
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
}

.menu ul {  display: none;  
margin: 0;
padding: 0;
  width: 250px;
position: absolute;
  top: 30px;
left: 0px;

  background: rgba(94, 124, 161, 0.6);}

.menu ul li {display:block;
float: none;
/* background: rgba(94, 124, 161, 0.6); */  /* border-bottom: 1px solid #FFF; */
margin:0;
padding:0;
}
.menu ul li a {
font-weight:normal;
display:block;

}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #064D7E;
color:#064D7E;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 250px;
	top: 0px;
}

.mobile-menu{display:none;
 
padding:11px;
background:#064D7E;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
border: 1px solid;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}
.hidebig{
display:block;

}

.sponsorlogo {  
    position: absolute;
    top: 15px;
    right: 0;
}

#mobileimage{display:none; }


		.mobileimage.addr{display:none !important;}

@media (min-width: 1200px) and (max-width: 1500px) {
		.menu li a{font-size: 17px !important;    padding: 5% 10%;}
}
@media (min-width: 979px) and (max-width: 1200px) {
	.menu li a{font-size: 15px !important;    padding: 9%;}
}
@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:12px !important;
padding:8px;}
}

@media (max-width: 767px) {
	
	.vc_parallax{display:none;}
	div.addr p{
		    font-size: 17px !important;
		}
		
		.ms-parent-id-1{display:none !important;}
		#mobileimage .ms-parent-id-1{display:block !important;}
		
		.mobileimage.addr{display:block !important;}
		
		
	#mobileimage{
    	/*display:block;*/
		    /*margin-top: -6em;*/
		}
		.desktext{display:none !important;}
		
	#rowaddr{
		margin-top: -1em !important;    margin-bottom: 0;
		}
		
		.toprow .ult-spacer {    display: none !important;}
	

.mainWrap{width:auto;padding:50px 20px;}

 #nav{display:none;} 

.mobile-menu{display:block;
 }
 
 .hidebig{
 display:none;
 }

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {
color: white;
border-left:0px solid #ffffff;    padding: .5em;}

.menu li a:hover, .menu li:hover > a{
 
color:#797979;
border-left:0px solid #fff;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

div.toprow .upb_row_bg {    background-size: 100% 100% !important;}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}





/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper { width: 748px; }
	#nav ul{position:relative;}
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .vc_custom_1466043160827,.vc_custom_1493538536044{
        background: rgba(0,0,0,0.5);
    }
	.wrapper { width: 300px; }
	#nav, #header h1 { float: none; }
	#header h1 { margin-bottom: .5em; }
	#nav ul li { margin: 0; float: none; margin-bottom: 1px;   }
	#nav ul li a, #nav ul li span { display: block; padding: 2px 5px; }
	#nav ul{position:relative;margin-left: 10px;}
	
	.sociallinks{margin:0 !important;display: none;}
	 div.toprow .upb_row_bg {background:none !important	;}
	div.toprow, .vc_custom_1445329794739{padding-top:0em !important;padding-right:0 !important;padding-left:0 !important;    
	/*min-height: 0vh !important;*/
	    
	}
	/* .sitelogo{text-align:center !important;} */
	
	.addr{margin:0 !important;}
	div.addr p{
     color: black !important;
    border: 4px double black;
 color:black;  
        
        padding:.5em}
		
.menu{display:none;}

.sponsorlogo img{    width: 250px;    margin-bottom: 1em;}

.sponsorlogo { position:relative; } 

.menu-icon1{display:block;}

.sponsorlogo{margin-bottom:0 !important;}
.fashionbutton{    position: relative !important;margin-bottom: .5em !important;}
.melbournelink{    position: relative !important;    left: auto !important;
    display: inline-block;
    margin: 0 auto;
    width: 100% !important;
    padding: 2em 0em !important;
    padding-top: 0 !important;
    margin-bottom: 1em !important;}

.fashionbutton div a div img{width: 250px !important;
    margin-top: 0 !important;}

.melbournelink img{width:250px !important;}


/*div.toprow{    */
    /*background: url(http://hotelcbd.net.au/wp-content/uploads/2016/06/hotel01lr-11.jpg) no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center center;*/
    /*background-color: rgba(0, 0, 0, 0.49) !important;}*/

div.toprow .vc_col-sm-12{   
    /*background: rgba(0, 0, 0, 0.53);*/
    padding-top: 1em;}

div.vc_custom_1445228387627{padding-right: 7% !important;
  
    padding-left: 7% !important;}



}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
div.toprow, .vc_custom_1445329794739{padding-top:0em !important;padding-right:0 !important;padding-left:0 !important;    min-height: 0vh !important;}
	.wrapper { width: 420px; }
		#nav ul{position:relative;margin-left: 10px;}
html, body { width:100%;  overflow-x:hidden; }
}









/* [Object] Modal
 * =============================== */
.modal {
 opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, 0.75);
    transition: opacity .25s ease;
    z-index: 99999;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: 250px;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}


 

.btn {
  cursor: pointer;
  background: #27ae60;
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
  border-radius: 3px;
}

.btn:hover,
.btn:focus {
  background: #2ecc71;
}

.btn:active {
  background: #27ae60;
  box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
}

.btn--blue {
  background: #2980b9;
}

.btn--blue:hover,
.btn--blue:focus {
  background: #3498db;
}

.btn--blue:active {
  background: #2980b9;
}

p img {
  max-width: 200px;
  height: auto;
  float: left;
  margin: 0 1em 1em 0;
}

.margin-bottom-zero{
 margin-bottom: 0px !important;   
}
}