/*
Theme Name: KooMoo Constructions
Theme URI: http://www.webnovation.com.au/
Template: shapely
Author: the Webnovation team
Author URI: http://www.webnovation.com.au/
Version: 1.0.1493208943
Updated: 2017-04-26 12:15:43

*/
body {
	font-family: 'Montserrat';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	color: #414042;
}
.site-title, .menu, .btn, .button, .menu, h1, h2, h3, h4, h5, h6, .module.widget-handle .title,input, textarea, .widget .widget-title, .post-content .shapely-category a {
	font-family: 'Montserrat';
	font-weight: normal;
	font-style: normal;
}
p{
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6{
	color: #414042;
	margin-bottom: 22px;
	font-style: italic;
}
h2{
	font-size: 48px;
	font-weight: normal;
	font-style: italic;
}
.btn, .button {
    border: 2px solid #9b9b9b !important;
    padding: 14px 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #414042;
	font-size: 24px;
    margin: 0;
    margin-bottom: 24px;
	line-height: 24px;
	background: #fff;
}
.back-to-top {
    border: 2px solid #745cf9;
    padding: 0;
    line-height: 36px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    color: #745cf9;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    margin-bottom: 24px;
}
.btn:hover, .button:hover {
    background: #9EBB3C;
    color: #fff;
}
a{
	font-weight: normal;
}
input[type="text"], input[type="search"], input[type="email"], input[type="tel"] {
    background: #fff;
    border: none;
    width: 100%;
    height: 58px;
    padding-left: 15px;
	font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 0;
	border: 2px solid #9c9c9c;
	color: #414042;
}
textarea {
    background: #fff;
    width: 100%;
    padding: 15px 15px;
	font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 0;
	border: 2px solid #9c9c9c;
	color: #414042;
}
section, footer {
    padding: 0;
}
.has-dots::before{
	width:23px;
	height:23px;
	background: url(images/icon-green-dot.png) no-repeat;
	content:"";
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 2px;
}
.has-dots::after{
	width:23px;
	height:23px;
	background: url(images/icon-green-dot.png) no-repeat;
	content:"";
	display: inline-block;
	margin-left: 7px;
	margin-bottom: 2px;
}
.has-dots-white::before,.has-dots-white::after{
	background: url(images/icon-white-dot.png) no-repeat;	
}

.home-block-main{
	background: #9EBB3C;
	color: #fff;
	font-style: italic;
	padding-top: 24px;
}
.home-block-main h2, .home-block-main h1{
	color: #fff;	
}
.home-block-services{
	padding: 68px 0 46px 0;
	font-style: italic;
	color: #414042;
}
.home-block-services h2{
	margin-bottom: 45px;
}
.home-block-services img{
	margin-bottom: 20px;
}
.home-block-services h3{
	font-size: 24px;
	color: #414042;
	margin: 0 0 16px 0;
	line-height: 24px;
}
.home-block-services .top{
	padding-bottom: 16px;
}
#da-thumbs {
    margin-top: 0px !important;
}
#da-thumbs li {
    box-shadow: 0 0px 0px rgba(0,0,0,0.1) !important;
    background: none !important;
    margin: 5px !important;
    padding: 0px !important;
    float: left !important;
}
#da-thumbs li a div span {
	font-style: italic !important;
    color: rgba(65,64,66,0.90) !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important;
    border-bottom: 1px solid rgba(65,64,66,0.50) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(65,64,66,0.50) !important;
	font-size: 24px !important;
	line-height: 30px !important;
}
#da-thumbs li a div {
    background: rgba(255,255,255,0.5) !important;
}
.webn-sep{
	margin: 0 0 48px 0;
}
.webn-sep div{
	background:  rgba(65,64,66,0.80);
	margin: 0 auto;
	width: 119px;
	height: 2px;
}
.home-block-portfolio section{
	padding: 0px 0 40px 0 !important;
}
.home-block-portfolio h2 {
    margin-bottom: 40px;
}
.home-block-contact h2{
	margin-bottom: 70px;
}
.home-block-contact #da-thumbs{
	margin: 20px auto !important;
}
.page-template-page-templatestemplate-home-php .content-area {
    padding-bottom: 48px;
}
footer{
	color: #414042;
	font-size: 24px;
	padding: 44px 0 44px 0;
}
footer a{
	color: #414042 !important;
	font-size: 24px;	
	font-weight: normal;
}
footer .top{
	padding-bottom: 140px;
	padding-bottom: 24px;
}
footer .middle{
	font-size: 14px;
	padding-bottom: 40px;
    color: #414042;	
	padding-left: 15px;
	padding-right: 15px;
}
footer .middle a{
    color: #0E58A5 !important;
	font-size: 14px;
}
footer .middle p{
    color: #414042;		
}
footer .bottom{
	color: #231F20;
	font-size: 10px;
	text-transform: uppercase;
}
footer .bottom a{
	font-size: 10px;
	color: #231F20 !important;	
}
header.site-header{
	position: absolute;
	width: 100%;
	height: 137px;
	left: 0px;
	top: 0px;
	z-index: 1000;
}
header.site-header .nav-container {
    min-height: 137px;
}
header.site-header nav {
    border-bottom: 0px;
	background: rgba(255,255,255,0.70);
}
header.site-header nav.scrolled{
    background: #fff;
}
header.site-header .nav-bar {
    height: auto;
    max-height: 137px;
    line-height: 135px;
}
header.site-header .nav-bar .module, header.site-header .nav-bar .module-group {
    height: 137px;
}
header.site-header  .nav-bar a {
    height: 137px;
}
header.site-header a.logo img{
    vertical-align: top;
	margin-top: 12px;
}
.menu li a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0px;
    color: #414042;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    max-width: 100%;
    white-space: normal;
}
header.site-header .module-group.right .module.left{
	padding: 0;
	padding-left: 0px;
}
#site-navigation .module.left {
	padding-left: 0px;
}
header.site-header .module {
    padding-right: 0px;
}
header.site-header  .menu {
    height: 137px;
}
.menu > li {
    margin-right: 29px;
}
.menu li.current-menu-item > a{
	color: #0E58A5;
	font-weight: bold;
}
.logo{
	max-height: 100%;
}
.menu li a:hover{
	color: #0E58A5;
	font-weight: bold;	
}
.page-heading{
	height: 315px;
}
.hentry {
    margin: 44px 0;
}
.page-container {
    padding: 44px 0;
}
.services-template .service{
	margin: 0 0 80px 0px;
}
.services-template .service img{
	display: block;
	margin: 0 0 40px 0;
}
.services-template .service h3{
	color: #414042;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 22px 0;
	text-transform: uppercase;
}
.services-template .service p, .services-template .service ul{
	margin: 0;
}
.services-template .service ul{
	margin-left: 20px;
}
.services-template .service .service-text{
	padding: 0 0 13px 0;
}
.services-template .service .btn-services{
	padding: 25px 9px;
	background: #9EBB3C;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
}

/* Responsive */
@media (min-width: 1236px){
	#da-thumbs li {
		margin: 0px 24px 24px 0 !important;
		width: auto !important;
	}
	body.home #da-thumbs li:nth-child(3n+3) {
		margin-right: 0px !important;
	}
}
@media (min-width: 1200px){
	.container {
		width: 1236px;
	}	
	body.home .home-block-main .container p{
		width: 850px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 1026px){
	.page-template-services .page-container{
		width: 1026px;
	}	
}
@media (max-width: 1236px){
	#da-thumbs li {
		width:32%;
	}
	#da-thumbs li img {
		width: auto !important;
	}
	.menu li a {
		font-size: 16px;
	}
}
@media (min-width: 1300px)  and (max-width:1236px) {
	.menu > li {
		margin-right: 1em;
	}
	.navbar-collapse {
		padding: 0px;
	}
}
@media (min-width: 991px)  and (max-width:1300px) {
	.menu li a {
		font-size: 14px;
	}
	.menu > li {
		margin-right: 1em;
	}
	.navbar-collapse {
		padding: 0px;
	}
}
@media (max-width: 991px){
	.nav-bar .module {
		height: auto !important;
	}	
	header.site-header .menu {
		height: auto !important;
	}
	.menu li a {
		height: auto !important;
	}
	header.site-header .nav-bar .module-group {
		height: auto !important;
	}
	.navbar-collapse.collapse {
		padding-bottom: 10px;
	}
	.services-template .service{
		margin: 0 0 40px 0px;
	}
}
@media (max-width: 850px){
	.home-block-main .container p{
		width: 100%;
		display: block;
	}
}

@media (max-width: 767px){
	p {
		font-size: 14px;
	}
	h2{
		font-size: 28px;
	}
	.home-block-services h2{
		margin-bottom: 24px;		
	}
	.home-block-services{
		padding-top: 2em;
	}
	.has-dots::before, .has-dots::after{
		margin-bottom: 0px;
		margin-top: 3px;
	}
	.home-block-services h3{
		font-size: 20px;
	}
	.home-block-services .top{
		padding-bottom: 0px;
	}
	.webn-sep{
		margin-bottom: 22px;
	}
	.home-block-services {
		padding-bottom: 10px;
	}
	.home-block-portfolio h2 {
		margin-bottom: 22px;
	}
	.home-block-contact h2{
		margin-bottom: 24px;
	}
	#da-thumbs {
		margin-top: 0px !important;
	}
	.page-template-page-templatestemplate-home-php .content-area {
		padding-bottom: 20px;
	}
	footer .bottom .text-left{
		text-align: center;
	}
	footer .bottom .text-right{
		text-align: center;
	}
	footer .top{
		padding-bottom: 80px;
		padding-bottom: 24px;
	}
	footer{
		padding-bottom: 60px;
	}
	#da-thumbs li {
		width: 99%;
	}
	#da-thumbs li img {
		width: auto !important;
		margin: 0 auto;
	}

    .site-title-container {
        width: 84%;
    }

    .nav-bar, .nav-bar .module-group, .nav-bar .module {
        height: auto;
    }

    .nav-bar .module {
        padding: 0 16px;
    }

    .nav-bar .module-group {
        width: 100%;
    }

    .nav-bar .module-group .module {
        display: block;
        float: none;
        width: 100%;
    }

    .menu {
        height: auto;
    }

    .menu a {
        height: auto;
        line-height: 24px;
        padding: 4px 0;
    }

    .menu li {
        line-height: 24px;
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .menu > li ul {
        position: relative;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        left: 0;
        border: 0 !important;
        box-shadow: none;
    }

    .menu > li > ul {
        position: relative;
        opacity: 1;
        visibility: visible;
        display: none;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
    }

    .menu > li > ul > .dropdown:after {
        content: "\f107";
    }

    .menu > li > ul > li > ul {
        left: 0 !important;
        display: none;
        padding: 0;
    }

    .menu > li > ul li a {
        padding: 4px 16px;
    }

    .dropdown .dropdown li {
        padding-left: 18px;
    }

    .dropdown {
        padding-right: 0;
    }

    .module.widget-handle {
        border-left: none;
        line-height: 40px;
        min-height: 40px;
    }

    .module.widget-handle i {
        line-height: 40px;
    }

    .module.widget-handle .title {
        display: inline-block;
        position: relative;
        bottom: 3px;
        margin-left: 8px;
    }

    .widget-handle .function {
        width: 100%;
        max-width: 300px;
        position: relative;
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        visibility: visible;
        margin-top: 0;
        display: none;
        box-shadow: none !important;
    }

    .toggle-search .function {
        display: block;
    }

    .search-widget-handle .search {
        padding: 0 15px;
    }

    .mobile-toggle i {
        line-height: 53px !important;
    }
}

.waving-wrap{
	margin-bottom: 24px;
}
button.waving-button{
	box-shadow: rgba(30, 22, 54, 0.0) 0 0px 0px 0px inset !important;	
	border: 2px solid #636363 !important;	
}
button.waving-button:hover {
	background: #636363;
	box-shadow: rgba(30, 22, 54, 0.0) 0 0px 0px 0px inset !important;
}