/*
Theme Name: Modern Construction
Theme URI: https://www.themesglance.com/themes/free-construction-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Modern Construction WordPress theme is bold, powerful and stunning, designed specially to cater all the real estate businesses and services such as construction and building, contractor work, property dealing, real estate agency and broker-ship, repair, architecture, renovation, building material trading and any such relevant business. From serving the basic to advanced needs of builders and contractors, Modern Construction WordPress theme is capable enough to design a performance efficient website over a click. The code is optimized for faster page loading. It is readily responsive, cross-browser compatible and multilingual. This theme allows creating a portfolio, showcasing projects and services and publishing the most recent news and blog in the most professional manner. This multipurpose, mobile-first theme is SEO friendly and integrated with social media icons. As the theme is multipurpose, it works perfectly for other business websites apart from architects and construction profession. Demo: https://www.themesglance.com/mega-construction-pro/
Tested up to: 5.5.1
Requires PHP: 7.2.14
Version: 0.4.1
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: modern-construction
Template: mega-construction
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, featured-images, full-width-template, footer-widgets, one-column, sticky-post, two-columns, theme-options, threaded-comments, right-sidebar, left-sidebar, grid-layout, three-columns, blog
*/

/*header*/
p{
	line-height: 1.8;
}
#header {
    border:none;
}
.page-template-custom-front-page #header{
	background: transparent;
	display: block;
}
.page-template-custom-front-page .logo{
	position: relative;
	text-align: center;
	z-index: 0;
    display: block;
    width: 100%;
    transform: none; 
    top: 0;
    left:0; 
    margin: 0; 
}
.page-template-custom-front-page .logo h1 a, .page-template-custom-front-page .logo p.site-title a,
.woocommerce-message::before,
.logo h1 a,
.post-info i, #sidebar ul li a:hover,
#sidebar h1, .entry-content a, .comment p a, #sidebar .textwidget p a{
	color: #538232;
}
.page-template-custom-front-page .logo p,
.logo p, .logo h1 a, .logo p.site-title a{
	color: #333333;
	line-height: 1.5;
	margin: 0 !important;
}
.menu-sec{
	z-index: 0;
	border: none;
}
.wrap input[type="submit"]{
	background: url(images/search.png) no-repeat 12px center !important;
}
#header .nav ul li:hover > ul,
#header .nav ul li a:active,
.blogbtn a:hover,
#sidebar h3::before,
#sidebar input[type="submit"],
#footer input[type="submit"],
.woocommerce span.onsale,
.woocommerce a.button,
h1.page-title, h1.search-title,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce a.button.alt,
.title-box,
.bradcrumbs a,
nav.woocommerce-MyAccount-navigation ul li,
#wrapper h1,
#comments input[type="submit"].submit,
input[type="submit"],
.nav-menu ul ul a:hover,.nav-menu ul ul a, .pagination .current,.pagination a:hover{
	background: #ffffff !important;
}
.nav-menu ul li a:hover{
	color: #ffffff !important;
	background: #538232 !important;
	border-left-color: #333333;
}
.nav-menu ul ul{
	border-color: #ffffff;
	font-size: 20px;
}
.navigation .nav-previous a, .navigation .nav-next a,
#sidebar .tagcloud a:hover{
	background: #ffffff;
	color: #333333;
}
.woocommerce-message{
	border-top-color:#538232;
}
#sidebar aside, #wrapper,#sidebar input[type="search"]{
	border-color: #333333;
}
#header .nav ul li a:hover{
	background: #538232;
	color: #333333;
}
#comments input[type="submit"],
.serach_inner input[type="submit"]:hover,
input[type="submit"]{
	background: #538232;
	color: #333333;
}
#header .nav ul li:hover > ul li a,
.blog-sec h2 a,
#sidebar input[type="submit"],
.bradcrumbs a:hover, #wrapper .related-posts h2.related-posts-main-title,
.nav-menu ul ul a , #wrapper .related-posts h3 a,
.woocommerce td.product-name a, #footer input[type="submit"],
#comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover{
	background: #ffffff;
	color: #333333;
}
.blogbtn a{
	background: #ffffff;
	color: #333333;
}
.blogbtn{
	margin-top: 2%;
}

/*Slider*/
.carousel-indicators{
	bottom: 40px !important;
}
#slider .carousel-indicators li{
	background: #fff;
}
#slider .carousel-indicators .active{
	background: #538232;
}
#slider .carousel-caption{
	bottom: 35%;
}
#slider .inner_carousel h1 {
    font-weight: 800;
    letter-spacing: 1px;
    color: #fff;
    padding: 0px;
    font-size: 40px;
}
#slider .read-btn a {
    padding: 13px;
    background: #538232;
    color: #333333;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 700;
}
#slider .read-btn{
    margin-top: 5%;
}
#slider i:hover,
.product_meta a,
.woocommerce p.stars a::before,
.woocommerce-MyAccount-content a,
#wrapper p a,
.comment-meta a,
span.post-title, .tags a i, .comment-meta.commentmetadata a,
h2.entry-title {
	color: #538232;
}

/* Contact Section */
#contact-us{
	position: relative;
	z-index: 70;
	width: 100%;
	background: transparent;
	padding: 0;
	margin-top: 2em;
}
#contact-us .contact {
    background: #538232;
    padding: 8px 8px;
}
#contact-us .contact p,
#contact-us .contact i{
	color: #333333;
	padding: 0 10px;
}
#contact-us .contact p a{
	color: #333333;
}
#contact-us .contactbtn a {
    color: #538232;
    background: #ffffff;
    padding: 12px 25px;
    font-weight: bold;
    font-size: 10px;
}
#contact-us .contact p a:focus{
	outline-color: #ffffff;
}
#contact-us .call{
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
#contact-us .address{
	padding: 0 10px;
}
.about h2 a, .about p {
    color: #333333;
}
.textbox, .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
span.meta-nav,.woocommerce-product-search button,
.hvr-sweep-to-right:before, .tags a:hover, 
#comments a.comment-reply-link, a.button, .back-to-top {
    background: #ffffff;
}
.nav-previous{
	margin:0;
}
.textbox a,#comments a.comment-reply-link, .back-to-top:hover, .back-to-top:focus{
	color: #333333
}
.tags a:hover, a.button{
	border-color: #538232;
}
.back-to-top::before{
	border-bottom-color: #538232;
}
#comments a.comment-reply-link:hover{
	background: #538232;
	color: #fff;
}
.innerlightbox{
	padding: 4% 0;
}

/*----Service Section------*/
/*------------------------- Our Services -----------------------------*/
#our_services .heading-content h2 {
color: #ffffff;
}
#our_services .heading-content p {
font-size: 14px;
color: #ffffff;
font-weight: 400;
line-height: 24px;
}
.services_inner {
background: #ffffff;
margin: 15px 0;
}
.services_inner {
padding: 35px 25px;
}
.services_inner:hover {
background-color: #fec200;
}
#our_services .services-box h4{
font-size: 18px;
color: #01477f;
font-weight: bold;
padding-bottom: 15px;
}
.services-box p{
font-size: 14px;
color: #01477f;
font-weight: 400;
}
.services-icon {
margin-top: -70px;
}
.services-icon img {
margin-bottom: 10px;
}
.services_inner:hover .services-icon img {
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.our_services_outer {
margin-bottom: 25px;
}
/*------------------------- Services Shortcode -----------------------------*/
.service{
	background: #ffffff;
	padding: 3% 0;
}
.video-post .entry-video iframe{
    height: 340px;
    margin-top: 35px;
    margin-bottom: 30px;
}
.service-text p,
.service-category p {
    color: #b2b2b2;
    font-size: 14px;
}
.service-content h3 {
    text-align: left;
    padding-top: 30px;
    font-size: 23px;
}
.service-content {
    background: url(./images/tower.png) no-repeat;
    padding-left: 55px;
}
.service-category,
.service-category .category-content p{
    text-align: left;
}
.service-category p{
	text-align: left;
}
.category-content h4{
	margin:0;
	font-size: 18px;
	padding-top: 0; 
}
.category-content h4 a{
	color: #333333;
}
.footerinner .widget{
	padding: 0;
}
.category-content {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px; 
}

/*----footer------*/
.inner {
    background: #538232;
    padding: 1%;
}
.copyright a{
	color: #000;
	font-weight: 700;
}
#footer p,
.copyright a:hover{
	color: #333333;
}
#footer {
    background: #333333;
}
#footer .widget p{
	color: #fff;
	line-height: 1.5;
}
#footer input[type="submit"] {
    padding: 13px 2%;
    font-size: 12px;
}

/*----sidebar----*/
#sidebar form{
	border-color: #333333;
}

.sticky{
	background: #fff !important;
    box-shadow: 2px 2px 10px #000;
}
/*-----media---*/
@media screen and (max-width:768px){
	#footer input[type="submit"] {
	    padding: 13px 2%;
	    font-size: 12px;
	}
	#contact-us{
		position: relative;
	}
	#contact-us .contact{
		margin: 0;
	}
	#contact-us .contactbtn a{
		padding: 12px 17px;
	}
}
@media screen and (max-width:425px){
	.category-content{
		margin-top: -11%;
	}
	#contact-us .call{
		border:none;
	}
	#footer p{
		padding: 8px;
	}
}
@media screen and (max-width:768px) and (min-width:720px){
	#sidebar label{
		width: 67%;
	}
	#sidebar input[type="submit"]{
		width: 32%;
	}
	.page-template-custom-front-page .logo p, .logo p,
	.page-template-custom-front-page .logo, .logo {
		text-align: left;
	}
}
@media screen and (max-width: 1000px){
	.menu-sec{
		background: transparent;
	}
	.toggle-menu{
		background: #000;
		padding: 9px 12px;
	}
	.wrap{
		display: block;
		padding: 15px 30px !important;
	}
	.logo, .page-template-custom-front-page .logo{
		padding: 8px 0;
	}
	.nav-menu ul li a:hover,
	.nav-menu ul ul a{
		color: #fff !important;
	}
	.nav-menu ul ul a, .nav-menu ul li a:hover, .nav-menu ul ul a:hover,#header .nav ul li:hover > ul{
		background: unset !important;
	}
}