/*
Theme Name: Central Lakes Shopping Village
Author: Synchromedia Group
Author URI: http://www.smg.com.au/

*/
body{ font: 15px/25px 'Roboto'; margin: 0px; padding: 0px; background:#78A5D3; background: url(images/back.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; color: #737A7E;
  -webkit-text-size-adjust: 100%; 
}
img{ max-width: 100%; height: auto;}
a{ font-weight: 700; color: #78A5D3; text-decoration: none; -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
a:hover{ color: #d39426;}
.wrapper{ padding: 30px; padding-top: 0px;}
#page{ width: 1200px; margin: 0px auto; background: #FFF;}
#header{ }
#logo{ float: left;  padding: 30px; padding-bottom: 0px;}
#logo img{ height: 100px; margin-top: -10px;}
.rightHead{ float: right; margin-top: -12px;}

h1,h2,h3,h4,h5,p,form{ margin: 0px; padding: 0px; }
h1{ font-weight: 400; font-size: 35px; line-height: 40px; font-family: 'Crimson Text'; text-transform: uppercase; margin-bottom: 30px; color: #0B5DA9; }
h2, .home #rightColumn h2{ font-weight: 400; font-size: 28px; line-height: 30px; color: #0B5DA9; margin-bottom: 15px; }
h3{ font-weight: 400; font-size: 18px; margin-bottom: 5px; font-style: italic;}
p{ margin-bottom: 20px;}
.home .entry-header{ display: none; }
.entry-header{ background: #0B5DA9; color: #FFF; margin-left: -30px; margin-right: -30px;}
.entry-header h1{ color: #FFF; padding: 10px 30px; }
#main{ clear:both;}
#menu{ clear:both;  float: right; }
#menu ul {margin: 0px; padding: 0px; width: 100%; display: table;}
#menu ul li{ list-style: none; display: inline-block; }
#menu ul li a{ padding: 0px 20px; text-decoration: none; color: #737A7E; text-align: center; font-family: 'Crimson Text'; text-transform: uppercase; font-size: 20px; font-weight: 300; line-height: 160px; border-top:1px solid #737A7E;display: block;
 -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
#menu ul li.current-menu-item a{ background: #737A7E; color: #FFF; font-weight: 400; }
#menu ul li#menu-item-17 a{ margin-right: 0px;  }
#menu ul li a:hover{ background: #0B5DA9; color: #FFF; font-weight: 400; }
#leftCol{ width: 48%; float: left; margin-right: 4%; text-align:center; }
#rightColumn{ width: 48%; float: left; text-align:center; }
#rightColumn table{ margin: 0px auto; }
.entry-content{ margin-bottom: 30px;}

#footer{ clear: both; padding-bottom: 20px; }

div.wpcf7{ float: right; margin-left: 30px; margin-bottom: 30px; padding: 15px !important; background: #d39426;}
input[type="text"], input[type="email"], textarea{ width: 96%; padding: 4px; font: 14px/24px 'Roboto';}
input[type="submit"]{ background: #163745; color: #FFF;  font: 14px/24px 'Roboto'; border: none; padding: 10px; }
input[type="submit"]:hover{ background: #0B5DA9; color: #FFF; cursor: pointer;}
.wpcf7 p{ margin-bottom: 5px;}
table{ margin-bottom: 20px; width: 400px;}
table td{ padding: 5px 10px; background: #737A7E; color: #FFF; vertical-align: top;}
table tr td{ -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
table tr:hover td{  background: #0B5DA9; }
.wpcf7 table td{ background: none; border: none;}
.wpcf7 table tr:hover td{ background: none;}

.alignleft{ float: left; margin-right: 30px; margin-bottom: 30px;}
.alignright{ float: right; margin-left: 30px; margin-bottom: 30px;}

#leftCol img, #rightColumn img{   }
img.noborder{ border: 0px !important;}

.noshadow{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  }
.cycloneslider-template-standard{ border: 1px solid #0B5DA9; }
.cycloneslider-caption{ background: none !important; opacity: 1 !important; bottom: 42% !important;}
.cycloneslider-template-standard .cycloneslider-caption-title{ text-align: center; font-size:50px !important; font-weight: 400 !important; color: #FFF !important; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}


.single-shop .attachment-post-thumbnail{ border: 1px solid #0B5DA9;float: right; margin-left: 30px; margin-bottom: 30px; width: 50%; height: auto;}

.assistive-text{ display: none;}

ul.shops{ list-style: none; margin: 0px; padding: 0px;  }
ul.shops .image img{ float: left; width: 50px; height: 50px; margin-right:20px;   }
ul.shops li a{ line-height: 40px; display: block; background: #737A7E;
    color: #FFF; padding-left: 10px; margin-bottom: 1px; }

ul.shops li a:hover{

background: #0B5DA9;
}
.slicknav_brand{ padding: 0px !important; }
.slicknav_brand img{ height: 44px;  }
.slicknav_nav li a{
    font-family: 'Crimson Text';
    text-transform: uppercase !important;
    padding: 20px 10px !important;
}
#footer{ text-align: center; font-size: 13px; padding-top: 30px; border-top: 1px solid #CCC;}

.home h1{ font-size: 55px; line-height: 55px; margin-bottom: 0px;  }
.home h2{ font-size: 35px; line-height: 35px;  font-family: inherit; margin-bottom: 10px;  } 
.home .entry-content{ text-align: center; }

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

#page{ width: auto; }
iframe{ width: 100% !important; }
}

@media screen and (max-width:960px) {
	#menu ul li a{ padding: 0px 10px; font-size: 16px;}
}
@media screen and (max-width:900px) {
	#leftCol{ margin: 0px; width: 100%; }
	#rightColumn{ width: 100%; }
}

@media screen and (max-width:750px) {
.wrapper{ padding: 10px; }
#header{ display: none; }
.entry-header{ margin-left: -10px; margin-right: -10px;}
.entry-header h1{ color: #FFF; padding: 10px; }
}
@media screen and (max-width:600px) {
.single-shop .attachment-post-thumbnail{ border: 1px solid #0B5DA9;float: right; margin-left: 0px; margin-bottom: 15px; width: 100%; height: auto; float: none;}
body{ font-size: 14px; line-height: 22px;}
img.alignright, img.alignleft{ width: 50%; height: auto;}
h1{ font-weight: 400; font-size: 25px; line-height: 30px; font-family: 'Crimson Text'; text-transform: uppercase; margin-bottom: 15px; color: #0B5DA9; }
h2{ font-weight: 400; font-size: 20px; line-height: 24px; color: #0B5DA9; margin-bottom: 15px; }
h3{ font-weight: 400; font-size: 16px; margin-bottom: 5px; font-style: italic;}
p{ margin-bottom: 15px;}
.home h1{ font-size: 37px; line-height: 37px; margin-bottom: 0px;  }
.home h2{ font-size: 25px; line-height: 25px;  font-family: inherit; margin-bottom: 10px;  } 
	}