/*
Theme Name: Modern Construction
Theme URI: https://www.themesglance.com/products/free-construction-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Modern Construction is a bold and versatile construction architecture theme crafted for construction companies, real estate agencies, contractors, architects, builders, renovation services, and related industries, offering a responsive, mobile-first design with cross-browser compatibility to ensure a seamless browsing experience across all devices. It features dedicated sections to showcase projects, portfolios, services, and client testimonials, helping businesses present their work with a high level of professionalism. Built with clean, optimized code, it ensures fast loading speeds while supporting strong SEO performance for improved search visibility. The theme includes flexible customization options such as logo integration, color schemes, layout settings, and microformats, enabling businesses to align their site with their brand identity. With built-in social media integration to boost online reach and multilingual compatibility for engaging global audiences, this construction architecture theme serves as a powerful solution for real estate firms, interior design studios, construction consultancies, and raw material trading businesses aiming to establish a strong and effective online presence. 
Demo: https://preview.themesglance.com/mega-construction-pro/
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.1.6
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.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 , block-patterns
*/
/*header*/
p{
	line-height: 1.8;
}
:root {
  --primary-color: #dfd229;
}
.cart-collaterals .wc-proceed-to-checkout a.checkout-button,
.woocommerce-MyAccount-content p a,
.woocommerce-cart-form__cart-item td a{
	text-decoration: underline !important;
}
.modern-construction-logo {
	border-bottom: 0;
	background-color: transparent !important;
	color: black  !important;
}
#header {
    border-bottom: 1px solid;
}
.page-template-custom-front-page #header{
	background: transparent;
	display: block;
}
.page-template-custom-front-page .modern-construction-logo{
	position: relative;
	text-align: center;
	z-index: 0;
    display: block;
    width: 100%;
    transform: none; 
    top: 0;
    left:0; 
    margin: 0; 
}
.post-info .entry-date:hover, .post-info .entry-author:hover, .page-template-custom-front-page .modern-construction-logo h1 a, .page-template-custom-front-page .modern-construction-logo p.site-title a, .woocommerce-message::before, .modern-construction-logo h1 a, .post-info i, #sidebar ul li a:hover, #sidebar h3,.comment a, .textwidget a{
	color: var(--primary-color);
}
.page-template-custom-front-page .modern-construction-logo p, .modern-construction-logo p, .modern-construction-logo h1 a, .modern-construction-logo p.site-title a{
	color: #121212;
	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, #comments input[type="submit"].submit, input[type="submit"], .nav-menu ul li a:hover,.nav-menu ul ul a, .pagination .current, .pagination a:hover,
.widget_calendar tbody a,.woocommerce-account .addresses .title .edit, .wp-block-calendar td a, .wp-block-calendar th a{
	background: var(--primary-color);
}
.nav-menu ul ul a:hover{
	color: var(--primary-color);
	background: #000 !important;
	border-left-color: var(--primary-color);
}
.nav-menu ul ul{
	border-color: var(--primary-color);
	padding: 0;
}
.navigation .nav-previous a, .navigation .nav-next a,#sidebar .tagcloud a:hover,.wp-block-tag-cloud a:hover,.footerinner .tagcloud a:hover{
	background: var(--primary-color);
	color: #121212;
}
.woocommerce-message{
	border-top-color:var(--primary-color);
}
#sidebar aside, #wrapper,#sidebar input[type="search"], .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
	border-color: #121212;
}
#header .nav ul li a:hover{
	background: #fff;
	color: #121212 !important;
}
.bradcrumbs a,.bradcrumbs span,.woocommerce-account .addresses .title .edit{
	color: #000;
}
#comments input[type="submit"], .serach_inner input[type="submit"]:hover,input[type="submit"]{
	color: #fff;
}
a, #header .nav ul li:hover > ul li a, .blog-sec h2 a,.grid-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, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
	color: #121212;
}
.woocommerce a.button,button.single_add_to_cart_button.button.alt,.woocommerce-notices-wrapper a.button.wc-forward,.woocommerce a.added_to_cart.wc-forward{
	color: #000 !important;
}
.bradcrumbs a:hover,.woocommerce a.button:hover,button.single_add_to_cart_button.button.alt:hover,.woocommerce-notices-wrapper a.button.wc-forward:hover{
	color: #fff !important;
}
.bradcrumbs a:hover,.blogbtn a{
	background: #121212 !important;
}
.blogbtn a{
	color: #fff;
}
.entry-content a, .comment p a, #footer p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description p a{
	text-decoration: none;
}
.title_post h1{
	padding: 10px;
}
.woocommerce form .form-row input.input-text:focus{
	opacity: 1;
    outline: 2px solid #000;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
	color: #000 !important;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
	color: #fff !important;
}
.woocommerce-products-header__title{
	padding: 10px;
}
#blog_post .blog-sec h2:hover a{
	color: var(--primary-color);
  }
/*Slider*/
.carousel-indicators{
	bottom: 40px !important;
}
#slider .carousel-indicators li{
	background: #fff;
}
#slider .carousel-indicators .active{
	background: var(--primary-color);
}
#slider .carousel-caption{
	bottom: 35%;
}
#slider .inner_carousel h1 {
    font-weight: 800;
    letter-spacing: 1px;
    color: #fff;
    font-size: 40px;
}
#slider .read-btn a {
    padding: 13px;
    background: var(--primary-color);
    color: #121212;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 700;
}
#slider i:hover, .product_meta a, .woocommerce p.stars a::before, .woocommerce-MyAccount-content a, .comment-meta a, span.post-title, .tags a i, .comment-meta.commentmetadata a, h2.entry-title {
	color: var(--primary-color);
}

/* Contact Section */
#contact-us{
	position: relative;
	z-index: 99;
	width: 100%;
	background: transparent;
	padding: 0;
}
#contact-us .contact {
    background: var(--primary-color);
}
#contact-us .contact p, #contact-us .contact i, #contact-us .contact p a{
	color: #121212;
}
#contact-us .contactbtn a {
    color: var(--primary-color);
    background: #121212;
    font-weight: 500;
    font-size: 14px;
}
#contact-us .contact p a:focus{
	outline-color: #121212;
}
#contact-us .call{
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
}
.about h3, .about p, .about h2 {
    color: #121212;
}
.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: var(--primary-color);
}
.nav-previous{
	margin:0;
}
.textbox a,#comments a.comment-reply-link, .back-to-top:hover, .back-to-top:focus{
	color: #121212;
}
.tags a:hover, a.button{
	border-color: var(--primary-color);
}
.back-to-top::before{
	border-bottom-color: var(--primary-color);
}
.back-to-top {
  color: #fff !important;
}
#comments a.comment-reply-link:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
	background: #121212;
	color: #fff;
}

/*----Service Section------*/
.service{
	background: #f7f7f7;
}
.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 {
    font-size: 23px;
}
.service-content {
    background: url(./images/tower.png) no-repeat;
    padding-left: 55px;
}
.service-category, .service-category .category-content p{
    text-align: center;
}
.service-category p{
	text-align: left;
}
.category-content h4{
	font-size: 18px;
	margin-top: 50px !important;
}
.category-content h4 a{
	color: #121212;
}
.footerinner .widget{
	padding: 0;
}
.category-content {
    background: #fff;
    margin-top: -33px;
    margin-bottom: 3rem !important;
}
.service-category img{
	width: 80px;
	height: 80px;
	border-radius: 50px;
}
/*----footer------*/
/*.inner {
    padding: 1%;
}*/
.copyright a{
	color: #000;
}

/* #footer .copyright a i{
	color: #000;
} */

#footer p{
	color: #121212;
}
#footer {
    background: #2b2f3f;
}
#footer .widget p{
	color: #fff;
	line-height: 1.5;
}
#footer input[type="submit"] {
    padding: 13px 2%;
    font-size: 12px;
}

/*----sidebar----*/
#sidebar form{
	border-color: #121212;
}
.sticky{
	background: #fff !important;
    box-shadow: 2px 2px 10px #000;
}
.woocommerce a.added_to_cart{
	display: block;
}
a.button.product_type_simple.add_to_cart_button ,.entry-content a{
	text-decoration: none !important;
}
#sidebar .wp-block-search__button{
	margin-left: 0px;
}
.post-categories li a{
	background: var(--primary-color);
    color: #121212;
}
.bradcrumbs span{
	background:var(--primary-color);
}
.pagination a:hover, .page-links a span:hover,span.page-links-title{
	color:#fff;
  background:var(--primary-color);
} 
.pagination .current, .page-links .current .page-number {
  padding: 10px 15px;
  color: #fff;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.page-links a span{
  background-color: #000;
}
#maincontent .wp-block-button a,#sidebar .wp-block-search__button,.wp-block-search__button{
  background: var(--primary-color);
  color: #000;
}
#maincontent .wp-block-button a:hover{
  background: #000 ;
  color: #fff;
  border: 1px solid #000;
}
#sidebar h3, #sidebar h2, #sidebar .wp-block-search__label{
	color: var(--primary-color);
	border-bottom: 1px solid var(--primary-color);
}
#sidebar .widget{
	border-color: var(--primary-color);;
}
#maincontent .wp-block-button .is-style-outline a:hover{
	color: #000 !important;
    background: transparent !important;
    border: 2px solid #000 !important;
}
#footer .wp-calendar-nav a{
	color: #fec200;
}
#footer .inner{
	background: var(--primary-color);
}
.bradcrumbs span,.bradcrumbs a{
	padding: 7px 15px;
}
a.wc-block-components-totals-coupon-link,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, 
a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, 
button.wc-block-components-checkout-place-order-button,.wc-block-grid__product-onsale,.woocommerce a.added_to_cart{
	background: var(--primary-color);
	color: #000 !important;
}
button.wc-block-components-checkout-place-order-button:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{
	background: #000 !important;
	color: #fff !important;
}
.wc-block-grid__product-onsale{
	border-color: var(--primary-color);
}

.woocommerce a.added_to_cart{
	color: #fff;
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
	padding: 8px 15px;
	text-transform: uppercase;
	font-weight: 700;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #000;
}

.woocommerce-Addresses .woocommerce-Address-title .edit{
	float: none!important;
}

.woocommerce-ordering .orderby{
	margin-top: 3px;
}

.nav-menu ul li a::after {
    bottom: 9px !important;
}

/*-----media---*/
@media screen and (max-width:768px){
	.bradcrumbs{
		padding-bottom: 10px;
	}
}
@media screen and (max-width:720px){
	#slider .carousel-caption{
		top: 20%;
		left: 10%;
		right: 10%;
		padding-top: 0rem !important;
	}
}
@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;
	}
}
@media screen and (max-width:425px){
	#contact-us .call{
		border:none;
	}
	#footer p{
		padding: 8px;
	}
	#sidebar {
	    margin-top: 5%;
	}
	.read-btn {
		margin-top: 0rem !important;
	}
	#slider .read-btn a{
		padding: 10px;
	}
	#contact-us .contact{
		margin-top: 25px;
	}
}
@media screen and (max-width:768px) and (min-width:426px){
	#slider .carousel-caption{
		bottom: 20%;
	}
}
@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 .modern-construction-logo p, .modern-construction-logo p, .page-template-custom-front-page .modern-construction-logo, .modern-construction-logo {
		text-align: left;
	}
	#sidebar .wp-block-search .wp-block-search__inside-wrapper{
		display: block;
	}
	#slider .carousel-caption{
		top: 20%;
	}
}
@media screen and (max-width: 720px){
	label{
		display: inline;
	}
	input.search-field{
		width: 60%;
		padding: 10px;
	}
	input[type="submit"]{
		padding: 10px;
	}
	#slider .inner_carousel h1 {
		font-size: 20px;
	}	
	#header .wrap{
		padding: 25px 30px !important;
	}
}
@media screen and (max-width: 767px){
	.contact p.diff-lay.px-2,.contact .col-lg-2.col-md-2{
		text-align: center;
	}
	.contact .row{
		gap: 1em;
	}
	#slider .inner_carousel p{
		display: none;
	}
}
@media screen and (max-width: 1000px){
	.menu-sec{
		background: transparent;
	}
	.toggle-menu{
		background: #000;
	}
	body.show-main-menu .side-nav{
		top: 47px;
	}
	.wrap{
		display: block;
		padding: 15px 30px !important;
	}
	.modern-construction-logo, .page-template-custom-front-page .modern-construction-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;
	}
}
@media screen and (max-width: 1000px){
	.video-post .entry-video iframe{
		width: auto;
	}
}
@media screen and (max-width:1350px) and (min-width:1001px){
	.video-post .entry-video iframe{
		width: 450px;
	}
}