/*
Theme Name: Constructa Group
Theme URI: https://egsolutions.com.au
Author: EG Solutions
Author URI: https://egsolutions.com.au
Description: Custom WordPress theme for Constructa Group by EG Solutions - Web Design Sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: constructa-group
*/

/* Add your custom styles below */ 

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');


body,p,div,span, ul li, li a, li span{
	font-family: "Roboto Flex", sans-serif !important;
	line-height:1.66 !important;
}
p {
	color:#222;
}

h1,h2,h3,h4,h5,h6, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-family: "Roboto Condensed", sans-serif !important;
	font-weight: 600 !important;
	color:#222;
	line-height:1.2 !important;
}
.hfe-nav-menu ul li, .hfe-nav-menu ul li a {
	font-family: "Roboto Condensed", sans-serif !important;
}
.call_to_action_btn a {
	background-color: #40692c !important;
}
.home_btn_project, .home_btn_contact {
	max-width:220px !important;
	display: inline-block !important;
}
h2.slider_heading {
	font-weight: 800 !important;
	letter-spacing: -1px !important;
}
.image_box figure {
	background-color:#fff !important;
	border-radius:50% !important;
	padding:20px;
}
.request-booking a {
	padding: 22px 45px !important;
}

.green_btn a, .green_btn span, .green_btn div, .request-booking, .request-booking a {
	font-family: "Roboto Condensed", sans-serif !important;
	color: #fff !important;
}
.white_txt, .white_txt p, .white_txt div, .white_txt span, .white_txt h1, .white_txt h2, .white_txt h3, .white_txt h4, .white_txt h5 {
	color: #fff !important;
}
.yellow_btn, .yellow_btn p, .yellow_btn div, .yellow_btn span, .yellow_btn h1, .yellow_btn h2, .yellow_btn h3, .yellow_btn h4, .yellow_btn h5 {
	color: #fff !important;
}

/*** Contact Forms ***/

input[type="text"], input[type="email"], input[type="tel"], textarea {
	padding: 10px;
    border: 1px solid #d2ddcd;
    border-radius: 5px;
    display: block !important;
	width:100% !important;
}
.contact_form_button {
	background-color: #40692C !important;
	border: 1px solid #40692C;
    font-weight: bold;
    padding: 18px 36px;
}
.constructa_lists, .constructa_lists li, constructa_lists li a {
	
}


/*** Project pages ***/

.type-project, .type-project a {
	text-decoration: none;
	color: #222 !important;
}
.project-card {
	border:1px solid #f1f1f1 !important;
}
.project-categories span.project-category-txt {
	background-color: #EBC80A !important;
	border-radius: 12px !important;
}

.project_info_main {
	box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.1);
}

.project_information_main {
	border-radius: 20px;
    margin-bottom: 2rem;
    background: #fff;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
	padding:0px 0px 20px;
	overflow:hidden;
	margin:0px !important;
}

.project_information_main div.project_information_main_heading {
	padding: 12px 20px 10px;
    background: #40692C;
    color: #fff;
}
.project_information_main div.project_information_main_heading h2, .project_information_main div.project_information_main_heading h3, .project_information_main div.project_information_main_heading h4 {
	color: #fff !important;
}
.project_information_txt {
	padding: 0px 20px 0px 20px;
}
.project_information_txt ul li {
	padding: 6px 0px;
	color: #2b2b2b;
}

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

	.header_main {
		display:block !important;	
	}
	.header_left {
		float: left;
		margin:0px !important;
		padding:0px !important;
	}
	.home_banner_bottom {
		margin-top: 0px !important;
	}
	
	.home_banner_bottom_row {
		display: table-row !important;
	}
	.home_banner_bottom div.image_box {
		width: 50% !important;
		float:left;
		display: table-column !important;
		text-align:center !important;
	}
	.banner_bottom_info {
		text-align:center !important;
	}
	
	
	.header_middle {
		width: 82% !important;
	}
	.header_middle div.hfe-nav-menu__toggle, .header_middle div.main_menu {
		width:100%;
		text-align: end !important;
	}
	.header_right {
		width:100%;
		text-align:center !important;
	}
	.header_right div.green_btn {
		float:none !important;
		margin: 0px auto !important;
	}
	
	
}

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

	.header_left {
		width: 50% !important;
		float:left;
		padding: 6px 0px 0px !important;
	}
	.header_middle {
		width: 50% !important;
	}
	.header_right {
		display: none;
	}
	
}