/*
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 WordPress theme crafted for construction companies, real estate agencies, contractors, architects, builders, renovation services, and related industries. With its responsive, mobile-first design and cross-browser compatibility, it ensures a smooth browsing experience on all devices. The theme offers dedicated sections for showcasing projects, portfolios, services, and client testimonials, making it easy to present your work with professionalism. Built with clean and optimized code, it delivers fast loading speeds while maintaining strong SEO performance for better search rankings. Its customization options include support for logos, colors, layouts, and microformats, allowing businesses to align their website with their brand identity. Social media integration enhances visibility, while multilingual compatibility makes it suitable for global audiences. Whether you’re running a real estate firm, interior design studio, construction consultancy, or raw material trading business, Modern Construction provides a powerful platform to establish a professional online presence and attract potential clients effectively. 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.2
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;
}
.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 .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 .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 h3,.comment a, .textwidget a{
	color: var(--primary-color);
}
.page-template-custom-front-page .logo p, .logo p, .logo h1 a, .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 .logo p, .logo p, .page-template-custom-front-page .logo, .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;
	}
	.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;
	}
}
@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;
	}
}