/*
Theme Name: Associated Locksmiths
Theme URI: http://www.associatedlocksmiths.com.au
Author: Mr. Digital Web Marketing
Author URI: http://www.mrdigital.com.au
*/

/* MAIN STYLESHEET
*/




a {
text-decoration:none; 
color:#0056a7;
}

#logo
{
display:inline-block;
float:left;
}

#phone
{
display:inline-block;
float:right;
text-align:right;
}

#phone h1
{
font-size:24px;
font-family:BebasNeueRegular;
text-transform:uppercase;
}

#phone h3
{
font-size:62px;
font-family:BebasNeueRegular;
text-transform:uppercase;
}

#menu
{
background:#f0f0f0;
}

#slider
{
}

#content
{
line-height:1.7em;
padding:20px 0px 0px 10px;
}

#content h1
{
font-size:35px;
margin-bottom:10px;
font-family:BebasNeueRegular;
}

#content h2
{
font-size:23px;
margin-bottom:0px;
padding-bottom:0px;
letter-spacing:2px;
font-family:BebasNeueRegular;
}

#content h3
{
font-size:18px;
margin-bottom:0px;
padding-bottom:0px;
letter-spacing:2px;
font-weight:normal;
font-family:BebasNeueRegular;
}

strong {font-weight:bold}

p {margin:10px 0px 10px 0px}

#contactbox
{
float:right;
margin:0px 10px 10px 10px;
padding:20px;
width:250px;
background:#f0f0f0;
border:1px solid #e0e0e0;
}

#contactbox input
{
width:220px;
padding:5px;
font-family:inherit;
border:1px solid #e0e0e0;
}

#contactbox textarea
{
width:220px;
height:50px;
font-family:inherit;
border:1px solid #e0e0e0;
}

#contactbox .button
{
text-transform:uppercase;
background:#00A550;
color:#fff;
font-weight:bold;
}

#contactbox .gfield_label
{
font-weight:bold;
}

#sidebar
{
text-align:center;
}

#sidebar img
{
margin-bottom:10px;
width:30%;
padding:5px;
border:1px solid #f0f0f0;
margin:2px;
}

#sidebar a
{
margin-left:auto;
margin-right:auto;
font-family:BebasNeueRegular;
color:#fff;
font-size:30px;
display:block;
padding:10px;
width:80%;
background:#00A550;
text-decoration:none;
text-transform:uppercase;
margin-bottom:5px;
}

#sidebar a:hover
{
background:#0055A6;
}


#footer
{
line-height:1.6em;
font-size:11px;
}

.associated 
{
float:left;
} 

.copyright
{
float:left;
margin-left:20px;
}

.licences
{
float:right;
margin-left:20px;
}

.pagepicleft
{
margin:10px 10px 10px 0px;
padding:5px;
float:left;
border:1px solid #f0f0f0;
width:200px
}

.pagepicright
{
margin:10px 0px 10px 10px;
padding:5px;
float:right;
border:1px solid #f0f0f0;
width:200px
}

.services
{
float:left;
padding-left:30px;
}

#map
{
margin:5px 5px 5px 0px;
padding:5px;
height:200px;
border:1px solid #f0f0f0;
}

.ml
{
padding-bottom:10px;
}

.gform_title
{
font-size:20px;
margin-bottom:0px;
padding-bottom:0px;
letter-spacing:2px;
font-family:BebasNeueRegular;
}

.linkblock
{
display:inline-block;
width:100px;
}





.callus {display:none}

#cssmenu.small-screen #menu-button:before {background:#333}
#cssmenu.small-screen #menu-button:before, #cssmenu.small-screen #menu-button:after {border-color:#333; color:#333}
 #cssmenu > ul > li > a {color:#333; font-family:"BebasNeueRegular", sans-serif; font-size:18px; font-weight:300}
#cssmenu {background:#f0f0f0 !important}
#cssmenu > ul > li:hover {background:#00A550}
#cssmenu > ul > li.active{background:#00A550}
#cssmenu > ul > li.active a {color:#fff;}
#cssmenu.small-screen #menu-button {color:#333; font-family:"BebasNeueRegular", sans-serif; font-size:22px; font-weight:300}


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


body {background:#fff !important}

.container_24 {padding:0}
.container_24,
.grid_24,
.grid_16,
.grid_12,
.grid_8,
.grid_4

{width:100% !important; padding:0 !important; box-shadow:none; border:none}

.grid_24 {width:90%;  display:block; margin:0 auto}

#content {width:90%; margin:0 auto; display:block}
#logo img {width:80%; margin: 20px 0; }

#contactbox,
#contactbox input,
#contactbox textarea 
.pagepicleft,
.pagepicright

{width:90% !important; float:none; margin:0 auto;}

.divider {width:100% !important; background-size:100% !important;}


#logo, #phone {width:80%; display:block; clear:both; float:none; text-align:center; margin:0 auto}

.theme-default .nivoSlider {box-shadow:none !Important}

.services {
  float: none;
  padding-left: 30px;
}

#content h2 {line-height:1.2}


#content
{
font-size:16px;
padding:0;
}

.ml {display:none}
#phone h3 {font-size:40px}

#sidebar img {width:50%; margin:0 auto; display:block; float:none; padding:0; margin-bottom:20px; clear:both;}
.associated, .copyright, .licences {margin:0 auto; text-align:center; display:block; float:none; padding:0; margin-bottom:20px; clear:both;}


body {min-width:100% !important}



p {margin:0}
.callus {display:block;  background:#00A550; padding:20px 0; text-align:center; font-size:30px; color:#fff; font-weight:300; font-family:"BebasNeueRegular", sans-serif; width:100%}
}