/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} @import url("http://fonts.googleapis.com/css?family=Libre+Baskerville");
@import url("http://fonts.googleapis.com/css?family=Exo+2:400,700"); .clear-after:after {
clear:both;
content:"";
display:block;
}
.centre-wrap {
max-width:1000px;
margin:0 auto;
}
a {
text-decoration:none;
} #top-section-wrap {
background-color:blue;
} #header-wrap {
padding:20px 0;	
background-color:#005580; 
color:#fff;	
} #site-title {
width:39%;
float:left;
padding:0 0 0 1%;
display:block;
color:#fff;
}
#site-title > div {		
font-family: 'Exo 2', sans-serif;	
font-size:2rem;		
font-weight:700;	
padding:0 0 10px;		
text-transform:uppercase;	
}
#site-title > div > span {
color:#ffcc33;
}
#site-title > span {
font-family: Arial, sans-serif;		
display:block;
} #header-message {
width:35%;
float:left;
text-align:center;
font-family: Arial, sans-serif;
font-weight:400;
letter-spacing:2px;
line-height:1.4rem;
padding:10px 1% 0;
} #header-phone {
width:22%;
float:right;		
text-transform:uppercase;	
}
#header-phone > div {
float:right;
font-family: 'Exo 2', sans-serif;
padding:0 1% 0 0;
}
#header-phone > div > span {
font-size:1.6rem;
color:#ffcc33;	
display:block;	
font-weight:700;
}
#header-phone > div > a {
display:block;
text-decoration:none;
font-size:2rem;
color:#fff;
}
div.wpcf7-validation-errors {
display: none !important;
}
span.wpcf7-not-valid-tip {
background: #fff none repeat scroll 0 0;
border-radius: 7px;
color: #f00;
display: block;
font-size: 12px !important;
left: 2px;
padding: 4px 0 !important;
position: absolute;
top: 2px;
} #main-menu-wrap {
background-color:#ffcc33;
border-style:solid;
border-top-width:4px;
border-top-color:#ffebb3;
border-bottom-width:2px;
border-bottom-color:#99823d;
}
#main-menu-toggle {
background-color:#ffcc33;
background-image:url(//coogee-locksmiths.com.au/wp-content/themes/clean-theme/images/mobile-menu-button.png);
background-repeat:no-repeat;
background-position:left center;
display:none;
height:40px;
}
#main-menu a {
text-decoration:none;
font-family: 'Exo 2', sans-serif;	
letter-spacing:1px;
font-size:0.9rem;
} #main-menu > li {
float:left;
}
#main-menu > li > a {
display:block;
padding:10px 15px;
color:#000;
font-weight:700;
}
#main-menu > li:hover > a {
background-color:#005580;		
color:#fff;
} #main-menu > .menu-item-has-children {
position:relative;
}
#main-menu > .menu-item-has-children > ul {
background-color:#005580;
position:absolute;
display:none;
width:220px;
z-index:1000;
}
#main-menu > .menu-item-has-children:hover > ul {
display:block;
}
#main-menu > .menu-item-has-children > ul > li > a {
display:block;
padding:10px 15px;
color:#fff;
}
#main-menu > .menu-item-has-children > ul > li:hover > a {
background-color:#308fbf;
}
#main-menu > .menu-item-has-children > div {
display:none;
} #home-banner {
background-color:#fff2cc;
border-bottom-width:2px;
border-color:#99823d;
border-style:solid;
}
#home-banner > .centre-wrap {
height:340px;
} #banner-contact-form {
width:30%;
float:right;
position:relative;
height:10px;
}
#banner-contact-form > section {
width:240px;
margin:0 10px;
position:absolute;
right:0;
background:#005580;
overflow:hidden;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
#banner-contact-form > section > span {
padding:10px 0;
color:#ffcc33;
text-align:center;
width:100%;
font-family: 'Exo 2', sans-serif;
font-size:2rem;
letter-spacing:1px;
font-weight:700;
display:block;
}
#banner-contact-form > section > div {
width:100%;
margin:15px 0 0;
}
#banner-contact-form .main-form-element > span {
display:block;
margin:0 0 12px;
}
#banner-contact-form .main-form-element > span > span {
color:#ffcccc;
}
#banner-contact-form .main-form-element > span > input {
width:190px;
margin:0 20px;
padding:2px 5px; border-color:#000;
font-family: Arial, sans-serif;
font-size:1rem;
border-radius:5px;
border:none;
}
#banner-contact-form .main-form-element > span > textarea {
width:190px;
margin:0 20px;
padding:0 5px;
height:3rem; font-family: Arial, sans-serif;
font-size:1rem;
border-radius:5px;
border:none;
}
#banner-contact-form .main-form-element > span > span {
margin:0 20px;
padding:5px 0;
font-family: Arial, sans-serif;
}
#banner-contact-form .main-form-captcha {
margin:0 0 12px;
}
#banner-contact-form .main-form-captcha > img {
margin:0 0 0 20px;
float:left; border-radius:5px;
height:22px;
border:none;
}
#banner-contact-form .main-form-captcha > span {
float:right;
}
#banner-contact-form .main-form-captcha > span > input {
width:70px;
padding:2px 5px;
margin:0 20px 0 0; font-family: Arial, sans-serif;
font-size:1rem;
border-radius:5px;
border:none;
}
#banner-contact-form .main-form-captcha > span > span {
width:70px;
padding:2px 5px;
margin:0 20px 0 0;
font-family: Arial, sans-serif;
color:#ffcccc;
}
#banner-contact-form .main-form-submit > input {
display:block;
margin:0 20px;
padding:4px 0;
width:200px;
border-width:2px;
font-size:1.4rem;
border-radius:20px;
border-style:solid;
background-color:#ff1919;
color:#fff;
border-left-color:#ff8080;
border-top-color:#ff8080;
border-right-color:#991f1f;
border-bottom-color:#991f1f;
}
#banner-contact-form form > .wpcf7-validation-errors {
width: 190px;
margin: 0 20px 20px;
padding: 5px;
border:none;
font-family: Arial, sans-serif;
font-size:1rem;
text-align:center;
color:#ffcccc;
} #banner-selling-points {
width:34%;
float:left;
padding:0 0.5%;
}
#banner-selling-points > div {
font-size:2rem;
font-weight:700;
color:#ff3333;
font-family: 'Exo 2', sans-serif;
padding:20px 0;
}
#banner-selling-points > ul > li {
font-size:1.1rem;
font-family: 'Libre Baskerville', serif;
margin:0 0 15px 20px;
line-height:1.5rem;
} #banner-image {
width:35%;
float:left;
text-align:center;
}
#banner-image > img {
width:210px;
padding:20px 0 0;
padding:20px 0 0;
} #body-wrap {
margin:50px 0 0;
}
#body-wrap > .centre-wrap {
font-family: 'Libre Baskerville', serif;
line-height:1.5rem;	
}
#body-wrap p {
margin:0 0 15px;
} #body-wrap h1,
#body-wrap h2,
#body-wrap h3 {
font-family: 'Exo 2', sans-serif;
}
#body-wrap h1 {
font-size: 2.2rem;
color: #ff3333;
padding:0 0 20px;
}
#body-wrap h2 {
font-size: 1.6rem;
color: #005580;
padding:30px 0 10px;
}
#body-wrap h3 {
font-size: 1.2rem;
color: #005580;
padding:20px 0 5px;
} #body-wrap ul {
margin:5px 0 20px;
}
#body-wrap ul > li {
margin:0 0 0 20px;
}
#body-wrap ol {
margin:5px 0 20px;
}
#body-wrap ol > li {
margin:0 0 0 35px;
}
#body-wrap .list-two-column {
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
} #body-wrap a {
text-decoration:none;
color:#0083cc;
}
#body-wrap a:hover {
color:#ff6666;
} #body-wrap table {
margin: 0 0 15px;
}
#body-wrap table th,
#body-wrap table td {
padding:0 10px;
}
#body-wrap .table-header-left th:first-child {
text-align:right;
} .google-map-wrap > iframe {
width:100%;
}  #banner-services {
padding:0 0 50px;
}
#banner-services > article {
width:20.9%;
padding:0 2%;
float:left;
border-left-style:solid;
border-left-width:1px;
text-align:center;
border-color:#cccccc;
}
#banner-services > article:first-child {
border-left:none;
}
#banner-services > article img {
}
#banner-services > article header {
text-align:center;
font-size:1.5rem;
font-weight:700;
color:#ff3333;
padding:0 0 10px;
} #body-full-width {
padding:0 1%;
} #body-main-column {
width:68%;
padding:0 1%;
float:left;
} #sidebar-column {
width:28%;
padding:0 1%;
float:right;
}
#sidebar-column > .widget-wrap {
padding:0 0 10px;
} #sidebar-contact-form {
background: #005580;
border-radius: 10px;
overflow: hidden;
}
#sidebar-contact-form > span {
display:block;
font-size: 2rem;
font-weight: 700;
color: #ffcc33;
font-family: 'Exo 2', sans-serif;
text-align:center;
padding: 12px 0;
letter-spacing: 1px;
}
#sidebar-contact-form > div {
margin: 10px 0 0;
}
#sidebar-contact-form .main-form-element {
margin:0;
}
#sidebar-contact-form .main-form-element > span {
display:block;
margin:0 0 10px;
}
#sidebar-contact-form .main-form-element > span > input {
width:85%;
margin:0 5%;
padding:2px 2.4%; border-color:#000;
font-family: Arial, sans-serif;
font-size:1rem;
border-radius:5px;
border:none;
}
#sidebar-contact-form .main-form-element > span > textarea {
width:85%;
margin:0 5%;
padding:2px 2.4%;
height:3rem; font-family: Arial, sans-serif;
font-size:1rem;
border-radius:5px;
border:none;
}
#sidebar-contact-form .main-form-element > span > span {
padding:0 5%;
font-family: Arial, sans-serif;
}
#sidebar-contact-form .main-form-captcha {
margin:0 0 10px;
}
#sidebar-contact-form .main-form-captcha > img {
margin:0 0 0 5%;
float:left; border-radius:5px;
height:23px;
border:none;
}
#sidebar-contact-form .main-form-captcha > span {
float:right;
margin:0 5% 0 0;
}
#sidebar-contact-form .main-form-captcha > span > input {
width:120px;
padding:2px 5px;
margin:0; font-family: Arial, sans-serif;
font-size:1rem;
border-radius:5px;
border:none;
}
#sidebar-contact-form .main-form-captcha > span > span {
width:120px;
padding:2px 5px;
margin:0;
font-family: Arial, sans-serif;
}
#sidebar-contact-form .main-form-submit > input {
display:block;
margin:0 auto;
padding:5px 0;
width:90%;
border-width:2px;
font-size:1.5rem;
border-radius:20px;
border-style:solid;
background-color:#ff1919;
color:#fff;
border-left-color:#ff8080;
border-top-color:#ff8080;
border-right-color:#991f1f;
border-bottom-color:#991f1f;
}
#sidebar-contact-form form > .wpcf7-validation-errors {
width:90%;
margin:0 5% 20px;
padding:5px 0;
border:none;
font-family: Arial, sans-serif;
font-size:1rem;
text-align:center;
color:#f00;
} #footer-menu-wrap {
background-color:#ffcc33;
margin:50px 0 0;
border-style:solid;
border-top-width:2px;
border-top-color:#ffebb3;
border-bottom-width:4px;
border-bottom-color:#99823d;
} #footer-menu {
width:70%;
float:left;
}
#footer-menu > li {
float:left;
}
#footer-menu > li > a {
display:block;
padding:10px 15px;
text-decoration:none;
font-family: 'Exo 2', sans-serif;
letter-spacing:1px;
font-size:0.9rem;
color:#000;
font-weight:700;
}
#footer-menu > li:hover > a {
background-color:#ffaa00;
} #footer-logo {
width:30%;
float:right;
}
#footer-logo > img {
width:100%;
} #secondary-menu-wrap {
background-color:#005580;
padding:5px 0;
} #footer-social-media {
width:30%;
float:left;
}
#footer-social-media > li {
float:left;
}
#footer-social-media > li > a {
display:block;
padding:0 10px 0;
width:32px;
}
#footer-social-media > li > a > img {
width:100%;
} #footer-extra-menu {
width:40%;
float:left;
}
#footer-extra-menu > li {
float:left;
}
#footer-extra-menu > li > a {
display:block;
padding:10px 15px;
letter-spacing:1px;
font-size:0.9rem;
color:#fff;
font-family: Arial, sans-serif;
}
#footer-extra-menu > li > a:hover {
color:#ff3333
} #footer-extra-image {
width:30%;
float:right;
text-align:right;
}
#footer-extra-image > img {
width:100%;
max-width:231px;
} #copyright-row-wrap {
background-color:#005580;
padding:5px 0;
font-family: Arial, sans-serif;
font-size:0.9rem;
color:#fff;
} #copyright-text {
width:40%;
float:left;
} #company-link {
width:40%;
float:right;
text-align:right;
}
#company-link > a {
color:#fff;
}
#company-link > a:hover {
color:#ff3333;
} #micro-data {
width:20%;
float:left;
text-align:center;
}  @media only screen and (max-width:768px) {  #site-title {
width:69%;
float:left;
}
#site-title > div {
text-align:center;
}
#site-title > span {
text-align:center;
} #header-phone {
width:29%;
float:right;
}
#header-phone > div > span {
text-align:center;
}
#header-phone > div > a {	
text-align:center;
} #header-message {
width:100%;
float:none;
clear:both;
padding:20px 0 0;
}   #banner-contact-form {
float:none;
width:100%;
}
#banner-contact-form > section {
position:absolute;
border:none;
}
#banner-contact-form > section > div {
display:none;
} #banner-selling-points {
width:49%;
}
#banner-selling-points > div {
font-size:1.8rem;
padding: 20px 0 20px;
} #banner-image {
width:50%;
} #body-main-column {
width:63%;
padding:0 1%;
} #sidebar-column {
width:33%;
padding:0 1%;
}  #footer-menu > li {
width:33%;
}
#footer-menu > li > a {
padding:10px 0;
text-align:center;
}  #footer-social-media {
width:40%;
float:right;
}
#footer-social-media > li {
float:right;
} #footer-extra-menu {
width:60%;
}
#footer-extra-menu > li {
width:50%;
}
#footer-extra-menu > li > a {
padding:5px 0;
text-align:center;
} #footer-extra-image {
clear:both;
float:none;
width:100%;
text-align:center;
}  #copyright-text {
float:left;
width:39%;
padding:0 0 0 1%;
} #company-link {
float:right;
width:39%;
padding:0 1% 0 0;
} #micro-data {
float:left;
width:20%;
}
}
@media only screen and (max-width:767px) {
#banner-selling-points {box-sizing: border-box;}
#micro-data {  display: none;}
}  @media only screen and (min-width:361px) { #main-menu {
display:block !important;
}
}
@media only screen and (max-width:360px) {  #site-title {
width:100%;
float:none;
padding:0 0 30px;
}
#site-title > div > span {
display:block;
} #header-message {
width:100%;
float:none;
text-align:center;
} #header-phone {
width:100%;
float:none;
text-align:center;
}
#header-phone > div {
float:none;
display:inline-block;
} #main-menu-wrap > nav {
position:relative;
}
#main-menu-toggle {
display:block;
} #main-menu {
display:none;
position:absolute;
width:100%;
z-index:999;
background-color:#ffcc33;
}
#main-menu > li {
float:none;
}
#main-menu > li > a {
border-top-style:dotted;
border-width:1px;
border-color:#fff;
} #main-menu > .menu-item-has-children > div {
display:block;
right:0;
position:absolute;
background-image:url(//coogee-locksmiths.com.au/wp-content/themes/clean-theme/images/mobile-menu-arrow.png);
background-repeat:no-repeat;
background-position:right top;
width:100px;
height:35px;
}
#main-menu > .menu-item-has-children > ul {
width:75%;
}
#main-menu > .menu-item-has-children:hover > ul {
display:none;
}
#main-menu > .menu-item-has-children > ul > li > a {
border-top-style:dotted;
border-width:1px;
border-color:#fff;
}  #banner-contact-form > section {
margin:0 auto;
} #banner-selling-points {
margin:40px 0 0;
width:100%;
}
#banner-selling-points > div {
font-size:1.8rem;
}
#banner-selling-points > ul > li {
font-size: 1.1rem;
margin: 0 0 8px 20px;
} #banner-image {
display:none;
}  #body-wrap h1 {
line-height:1.8rem;
}  #banner-services {
}
#banner-services > article {
width:80%;
padding:20px 10% 0;
float:none;
border-top-style:solid;
border-top-width:1px;
border-left:none;
}
#banner-services > article:first-child {
border-top:none;
}
#banner-services > article img {
}
#banner-services > article header {
} #body-main-column {
width:98%;
float:none;
margin:0 0 40px;
} #sidebar-column {
width:98%;
float:none;
}  #footer-menu {
width:100%;
float:none;
}
#footer-menu > li {
width:100%;
} #footer-logo {
width:100%;
float:none;
}  #footer-social-media {
width:100%;
float:none;
text-align:center;
}
#footer-social-media > li {
display:inline-block;
float:none;
} #footer-extra-menu {
float:none;
width:100%;
}
#footer-extra-menu > li {
width:100%;
}
#footer-extra-menu > li > a {
padding:5px 0;
text-align:center;
}  #copyright-text {
text-align:center;
float:none;
width:100%;
padding:5px 0;
} #company-link {
text-align:center;
float:none;
width:100%;
padding:5px 0;
} #micro-data {
width:100%;
padding:5px 0;
}
}