/**
Theme Name: Bailey
Author URI: https://nuzu.net
Author: Nuzu Team
Version: 0.1
*/

@font-face {
	font-family: 'Museo Sans Rounded 100';
	font-style: normal;
	font-weight: normal;
	src: local('Museo Sans Rounded 100'), url('assets/fonts/MuseoSansRounded100.woff') format('woff');
}

@font-face {
	font-family: 'Museo 300';
	font-style: normal;
	font-weight: normal;
	src: local('Museo 300'), url('assets/fonts/Museo300-Regular.woff') format('woff');
}
	
h1, h2, h3, h4{
	font-family: 'Museo 300';
	color:#605E50;
	
}

p, a{
	font-family: 'Museo Sans Rounded 100';
	color:#605E50;
}


.headwrp{
	background-color:black;
	opacity:0.9;
	position:fixed;
	z-index:5;
	top:0;
}

.admin-bar .headwrp{
	top:30px;
}

.logowrp{
	float:left;
}

.ubermenu-menu-2{
	float:right;
}

.headwrp .ubermenu-menu-2 .ubermenu-item a,
.headwrp .ubermenu-menu-2 .ubermenu-item a .ubermenu-target-text{
	color:#fff;
}

.logowrp{
	padding:25px 0px 0px 50px;
}

.logowrp img{
	height:50px;
}

.ubermenu-skin-minimal{
	font-size:17px !important;
	padding-right:30px !important;
}

.ubermenu-responsive-default.ubermenu{
	position:relative;
	top:-50px;
}

.headwrp .row .col{
	height:100px;
}

.innerbanner{
	position:relative;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:500px;
}

.innerbanner:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	background-color:black;
	opacity:0.4;
	height:100%;
	width:100%;
}

.innerbanner:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	background: #000;
	background: linear-gradient(180deg,rgba(0, 0, 0, 1) 11%, rgba(0, 0, 0, 0) 22%);
	height:100%;
	width:100%;
}

.title-page{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	z-index:1;
	padding-top:100px;
}

.title-page h1{
	color:white;
	font-size:4rem;
}

.main-content{
	padding:50px 0px;
}

.main-content .about-button{
	margin-top:70px;
}

.main-content .about-button a{
	text-decoration:none;
	padding:30px 50px;
	border:2px solid black;
	text-transform:uppercase;
	color:black;
}

.main-content .about-button a:hover{
	background-color:black;
	color:white;
}

.sec{
	padding:100px 0px;
}

.sec-item .sec-text-with-image .col-cont h2{
	padding:50px 0px 20px 0px;
}

.sec-item p{
	font-size:1.5rem;
}

.sec-text-with-bg-image{
	height:400px;
	margin-top:20px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sec-item .bg-gradient-class{
	position:relative;
}

.sec-item .bg-gradient-class:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:black;
	opacity:0.4;
}

.sec-text-with-bg-image .col-cont-wrp{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.bg-gradient-class .col-cont-wrp .col-cont{
	position:relative;
	z-index:1;
}

.sec-text-with-bg-image h2{
	position:relative;
	z-index:1;
}

.sec-text-with-bg-image a{
	color:White;
}


.sec-item .sec-text-with-image img{
	border-radius:10px;
}

.sec-item-3 p{
	font-size:1.1rem;
	padding-bottom:20px;
}

.sec-item .sec-text-with-image a.btn-style{
	margin-top:50px;
	text-decoration:none;
	padding:10px 30px;
	border:2px solid #605E50;
	text-transform:uppercase;
	color:#605E50;
}

.sec-item .sec-text-with-image a.btn-style:hover{
	background-color:#605E50;
	color:white;
}

.projects{
	padding:100px 0px;
	background-color:#F5F5F5;
}

.all-prj{
	position:relative;
	min-height:500px;
	background-color:white;
}

.box-img{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:200px;
}

.more-projects{
	text-align: center;
	 margin:50px 0px 20px 0px;
}

.more-projects a{
	padding:10px 30px;
	border:2px solid #605E50;
	text-decoration:none;
}

.more-projects a:hover{
	background-color:#605E50;
	color:white;
}

.projects .content{
	padding:20px;
}

.projects a{
	text-decoration:none;
}

.footer{
	background-color:#18191B;
	padding:50px 0px;
}

.footer .container{
	padding:0px 50px;
}

.f-content p{
	color:#6D6E6E;
	font-size:1.1rem;
	width: 200px;
}

.f-content a{
	color:white;
}

.flogo{
	padding:50px 0px;
}

.flogo img{
	height:50px;
}

.flist{
	position:relative;
	display:flex;
	justify-content:right;
	padding-top:50px;
}

.flist ul li{
	list-style:none;
	padding:10px 0px;
}

.flist ul li a{
	color:white;
	font-size:1.1rem;
}

.cright{
	text-align:center;
}

.cright .cimg img{
	height:80px;
}

.cright .copyright p{
	padding-top:10px;
	font-size:1.2rem;
	color:#6D6E6E;
}

.gform_title{
	display:none;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
	background-color:white;
	padding:15px 30px;
	color:black;
	border:2px solid black;
}

.page-id-28 input{
	border:unset;
	border-bottom:2px solid black;
}

.page-id-28 textarea{
	border:unset;
	border-bottom:2px solid black;
}

.blog_post{
	margin:20px 0px;
}

.blog_img{
	height:200px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width: 767.98px) {
	
	.headwrp{
		opacity: unset;
		position: relative;
	}
	
	.fa-bars{
		color:white;
	}
	
	.innerbanner{
		height:350px;
	}
	
	.ubermenu-skin-minimal.ubermenu-responsive-toggle{
		color:white !important;
		font-family: 'Museo Sans Rounded 100' !important;
	}
	
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu{
		top: -17px !important;
        background-color: black !important;
        width: 107% !important;
        left: 11px !important;
        position: relative !important;
	}
	
	.title-page {
		text-align:center;
	}
	
	.sec-item .sec-text-with-image .col-cont{
		padding-bottom:50px;
	}
	
	.sec-item .sec-text-with-image .col-cont h2{
		text-align:center;
	}
	
	.sec-item-3 p{
		text-align:center;
	}
	
	.sec {
		padding:50px 0px;
	}
	
	.all-prj{
		margin-bottom:40px;
	}
	
	.flist {
		position: relative;
		display: unset;
		justify-content: unset;
		padding-top: unset;
	}
	
	.flist .list ul{
		padding-left:0px;
	}
	
	.main-content .about-button{
		text-align:center;
	}
}