/* 
Theme Name: Simpleads Co Ltd.
Version: 1.1
Description: Framework [B] - Bootstrap 3
Author: Simpleads Co Ltd. Developer
*/
/* / General / Sizes / Fonts  / Colors /'s  */
body {font-family: 'Open Sans', 'Lato-Regular'; color:#232323; font-size:16px;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
a, a:hover, a:link {text-decoration: none; outline: none;}
.float-left {float: left;}
.float-right {float: right;}
.padding-default {padding: 60px;}
.padding-top-bottom-default {padding-top: 60px;padding-bottom: 60px;}
.padding-top-bottom-50 {padding-top: 50px;padding-bottom: 50px;}
.padding-top-bottom-40 {padding-top: 40px;padding-bottom: 40px;}
.padding-top-bottom-30 {padding-top: 30px;padding-bottom: 30px;}
.padding-top-bottom-20 {padding-top: 20px;padding-bottom: 20px;}
.padding-left-righ-default {padding-right: 60px;padding-left: 60px;}
.padding-top-default {padding-top:60px;}
.padding-top-50 {padding-top:50px;}
.padding-top-40 {padding-top:40px;}
.padding-top-30 {padding-top:30px;}
.padding-bottom-default {padding-bottom:60px;}
.padding-bottom-50 {padding-bottom:50px;}
.padding-bottom-40 {padding-bottom:40px;}
.padding-bottom-30 {padding-bottom:30px;}
.margin-default {margin: 60px;}
.margin-top-bottom-default {margin-top: 60px;margin-bottom: 60px;}
.margin-top-bottom-50 {margin-top: 50px;margin-bottom: 50px;}
.margin-top-bottom-40 {margin-top: 40px;margin-bottom: 40px;}
.margin-top-bottom-30 {margin-top: 30px;margin-bottom: 30px;}
.margin-top-bottom-20 {margin-top: 20px;margin-bottom: 20px;}
.margin-left-righ-default {margin-right: 60px;margin-left: 60px;}
.margin-top-default {margin-top:60px;}
.margin-top-50 {margin-top:50px;}
.margin-top-40 {margin-top:40px;}
.margin-top-30 {margin-top:30px;}
.margin-bottom-default {margin-bottom:60px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-bottom-30 {margin-bottom:30px;}
.text-white, .text-white * {color:#ffffff;}
.text-black, .text-black * {color:#252934;}
.background-image-center {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.background-image-top {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.background-parallax {background-attachment:fixed;}
.page-title {
    font: 900 48px 'Open Sans', 'Lato-Regular';
    line-height: 1.2;
    margin-bottom: 30px;
}
.button-default {
    font: 600 24px 'Open Sans', 'Lato-Regular';
    display: inline-block;
    padding: 15px 35px;
    color: #fff;
    box-shadow: -2px 2px 10px -2px #000;
    }
/*Header */
#main-header{
    position: fixed;
    width: 100%;
    z-index: 99;
}
#cssmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
#cssmenu ul > li {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    line-height: 120px;
}
#cssmenu ul > li:last-child {
    margin-left: 20px;
    line-height: normal;
}
#cssmenu ul > li > a {
    padding: 15px 20px;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    transition: all 0.3s ease-in-out;
}
#cssmenu ul > li:last-child > a {
    display: block;
    padding: 10px;
}
#cssmenu ul > li > a:hover {
    color: #fcd61b;
    border-top: 2px solid #fcd61b;
    border-bottom: 2px solid #fcd61b;
}
#cssmenu ul > li:last-child > a:hover {
    border: none;
}
#cssmenu ul > li:last-child:hover {
    background-color: #2b2b2b;
}
#cssmenu ul .current_page_item > a, 
#cssmenu ul .current-menu-item > a {
    color: #fcd61b;
}
#cssmenu ul li .sub-menu {
    display: none;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    left: auto;
    margin: 0;
    border-radius: 0;
    border: 0;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.49);
    line-height: normal !important;
}
#cssmenu ul li:hover .sub-menu {
    display: block;
    opacity: 1;
}
#cssmenu ul li .sub-menu li {
    margin: 0;
}
#cssmenu ul li .sub-menu li a {
    padding: 10px 20px;
}
#cssmenu ul li .sub-menu li:hover {
    background-color: transparent !important;
}
#cssmenu ul li .sub-menu li a:hover{
    background-color: transparent !important;
    background-image: none !important;
}
.header-top {
    background: rgba(0, 0, 0, 0.8);
}
/*.menu-container {*/
/*    margin: 30px 0px;*/
/*}*/
.top-content{
    background: #27282a;
}
.top-left-text{
    color: #d7d7d7;
    padding: 10px;
    font-family: Poppin-Regular;
    font-size: 13px;
}
.headerlogo-img{
    margin: auto;
    padding: 2px;
    display: inline-block;
}
.top-social-media {
    text-align: right;
    margin-top: 5px;
    color: white;
}
.top-social-media ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.top-social-media ul > li {
    display: inline-block;
    margin-right: 5px;
}
.home-title-holder {
    padding: 270px 10px 0px;
    margin: 35px 0;
    text-align: center;
}
a.home-btn-call {
    color: #fcd61b;
    border: 3px solid;
    font-size: 25px;
    font-weight: 600;
    font-family: Poppin-Light;
    padding: 10px 45px 10px 20px;
    text-shadow: -4px 2px 3px #0e0e0ecf;
    letter-spacing: 2px;
    box-shadow: -1px 1px 9px 0px black;
    transition: background-color 0.3s ease;
}
a.home-btn-call:hover {
    background-color: #2b2b2b;
    color: #fcd61b;
}
.thunder-icon{
    margin:auto;
    display:inline-block;
    padding-right: 25px;
    text-shadow: -2px 3px 3px #0e0e0ecf;
}
.call-icon{
    margin:auto;
    display:inline-block;
    padding-right: 10px;
}
.call-nav {
    color: #fcd61b;
    font-weight: 600;
    font-size: 16px;
    /*padding: 12px 15px;*/
    border: 3px solid;
    margin-left: 30px;
}
i.fa.fa-phone {
    font-size: 26px;
    color: #fcd61b;
}
i.fa.fa-facebook {
    border: 1px solid;
    padding: 5px;
    width: 28px;
    padding-right: 9.5px;
    height: 26px;
    border-radius: 17px;
    transition: background-color 0.3s ease-in-out;
}
i.fa.fa-facebook:hover {
    background-color: #fcd61b;
}
i.fa.fa-instagram {
    border: 1px solid;
    padding: 5px;
    width: 28px;
    padding-right: 6px;
    height: 26px;
    border-radius: 17px;
    transition: background-color 0.3s ease-in-out;
}
i.fa.fa-instagram:hover {
    background-color: #fcd61b;
}
.top-social-media a {
    color: white;
}
hr {
    width:33%;
    margin-bottom: 45px;
}
/* Footer */
.footer-top {
    background-color: #2b2b2b;
    color: white;
    padding: 15px 0px 0px;
    font-size: 13px;
}
.footer-bottom {
    background-color: #2b2b2b;
}
.call-us {
    font-family: AlfaSlab-One;
}
.call-text{
    font-family: AlfaSlab-One;
    font-size: 50px;
    border-right: solid 1px white;
    padding: 20px 20px;
}
.we-text{
    font-family: sans-serif;
    color:white;
    font-size: 22px;
    font-weight: 600;
  padding: 20px 25px;
  position: relative;
    top: -10px;
}
/*.text-right{
    font-family: sans-serif;
    color:white;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 25px;
    position: relative;
    top: -10px;
}*/
.brand-img, .thunder-img{
    display: inline-block;
    margin:auto;
}
.contact-us{
    background-color: black;
    color:#edb00d;
    padding: 55px 0;
}
/* Sub-Pages */
.page-default-space{
    padding: 50px 0px 50px 0px;
     background-image: url(http://clutterbuckelectrical.com.au/wp-content/uploads/2019/02/Clutterbuck_Electrical_Dark_Grey_Background.jpg);
     color:white;
}
.content-font{
	font-family: Poppin-Light;
	line-height: 25px;
	margin-bottom: 30px;
	font-size:14px;
}
.title-font{
    margin-bottom: 20px;
    line-height: 45px;
    letter-spacing: 1px;
    font-family: Poppin-Bold;
}
span.call-text a {
    color: #edb00d;
}
/* About-Us page */
.banner-section{
    padding-top: 160px;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
.entry-title-holder {
    padding: 100px 0px 60px;
    margin: 10px;
}
.entry-title {
    text-align:center;
    color: #fcd61b;
    font-size: 50px;
    font-family: Poppin-Bold;
    text-shadow: -4px 1px 6px black;
    letter-spacing: 3px;
}
.sub-title {
    text-align: center;
    color: white;
    text-shadow: 3px 2px 8px black;
    font-size: 40px;
    font-family: Poppin-Light;
}

/*ReCaptcha Badge*/
.grecaptcha-badge {
    opacity: 0 !important;
}