/*
Theme Name: Construction Architect
Theme URI: https://www.themescarts.com/products/construction-architect/
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: The Construction Architecture WordPress Theme is a powerful and versatile choice designed for architects, construction companies, contractors, builders, property developers, and engineering consultancies, making it ideal for modern construction businesses looking to create a professional online presence. This theme excels in various applications, including architecture portfolios, civil engineering websites, interior design studios, industrial construction firms, real estate developer platforms, and design-build companies. It is perfect for showcasing both residential and commercial projects, renovation services, modular construction, as well as smart building solutions, all while blending clean aesthetics with functional layouts that attract high-value clients and boost project inquiries. Built with SEO-optimized, fast-loading, and secure code, it offers smooth performance, mobile responsiveness, and crisp visuals across all devices. Enhanced with retina-ready graphics, structured layouts, and bold typography, it presents portfolios, services, and project highlights professionally. Featuring Full Site Editing (FSE) support and flexible customization options, this theme allows for effortless personalization of banners, project galleries, service sections, team showcases, testimonials, and CTAs without any coding. Integrated lead-generation tools, interactive layouts, translation readiness, and a Bootstrap-powered framework ensure stability, scalability, and global usability, making it suitable for sustainable design firms, smart city development initiatives, green building agencies, and construction management services. Additionally, it can be used for roofing contractor sites, plumbing and electrical services, and construction project showcase platforms. By combining modern design trends with advanced functionality, the Construction Architecture WordPress Theme establishes authority, builds trust, and presents your work clearly and confidently, ensuring your online presence communicates reliability and excellence in architecture and construction.
Version: 2.0.8
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: construction-architect
Requires PHP: 5.6
Tested up to: 7.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, education, photography, portfolio

Construction Architect WordPress Theme has been created by ThemesCarts(themescarts.com), 2025.
Construction Architect WordPress Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Poppins", sans-serif !important;
}

h1,h2,h3,h4,h5,h6{	
	
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 
	gap:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-button__link{
	font-weight: normal;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--extra-primary) !important;}

/* Scroll To Top */
.return-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
    z-index: 9999;
}
.return-to-top-btn .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.return-to-top-btn.show {
    opacity: 1;
    visibility: visible;
}
.return-to-top-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.return-to-top-btn:active {
    transform: translateY(-1px);
}
.return-to-top-btn span {
    pointer-events: none;
}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}
.about-LeftBX{ position:relative !important;}
.about-BlueBX{ position: absolute !important; bottom:0%; right:18%; 
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomright: 40px;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.yellow-CircleBx{ width:80px !important; height:80px !important; text-align:center;}

.top-fourbx{box-shadow: 0 0px 20px 0 rgb(0 0 0 / 10%); border-radius:10px; margin:0 1% !important; border:1px solid transparent;}
.top-fourbx:hover{border:1px solid #007cf9;}
.fourbx-thumb{ width:100px; height:100px; line-height:80px; overflow:hidden; text-align:center; margin:0 auto; background-color:#f4f6f9; border-radius:100%; padding:10px;}


.header-search-box button {
    background: transparent;
    padding: 13px;
}
.call-info span.dashicons {
    color: var(--wp--preset--color--extra-primary);
    font-size: 34px;
}
.services-box{
	clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0 100%, 0% 20%);
}
.testimonial-inner-box {
    position: relative;
    margin-top: -150px !important;
}
.quotes-box {
    position: absolute;
    right: 15px;
    top: 15px;
}
.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}
.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--extra-primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}
.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}
.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--extra-primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}

/* Header */
.home .header-wrap{
	position: absolute;
	width: 100%;
	padding-top: 20px !important;
}
.header-wrap .header-info {
  position: fixed;
  top: 0;
  right: 0;
  width: 380px;
  height: 100vh;
  background: var(--wp--preset--color--primary);
  display: none;
  transition: transform 0.7s ease, opacity 0.7s ease;
  z-index: 10000;
  overflow-y: auto;
  box-shadow: -2px 0px 5px 1px #ffffff;
}
.header-wrap .header-info.block-editor-block-list__block.wp-block{
	display: block;
	position: unset;
	width: 100%;
}
.header-wrap .header-info.active {
  display: block;
}
.header-wrap .header-search-box button.wp-block-search__button{
	border: 1px solid var(--wp--preset--color--extra-secondary);
	border-radius: 50%;
}
.header-wrap .header-search-box button.wp-block-search__button, .header-wrap .header-open-btn a{
	height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-wrap .header-open-btn a .dashicons{
	font-size: 25px;
    display: contents;
}
.header-wrap .header-search-box{
	position: relative;
}
.header-wrap .header-search-box .wp-block-search__input{
	position: absolute;
	right: 0;
	bottom: -45px;
}
.header-wrap .header-info .header-phone-info a, .header-wrap .header-info .header-mail-info a, .header-wrap .header-info .header-location-info a{
	text-decoration: none;
}
.header-wrap .header-info .header-phone-info a:hover, .header-wrap .header-info .header-mail-info a:hover, .header-wrap .header-info .header-location-info a:hover{
	color: var(--wp--preset--color--extra-secondary);
}

/* Banner */
.slider-wrapper .custom-controls{
	position: absolute;
	bottom: 50px;
    right: 20%;
    transform: translateX(50%);
    backdrop-filter: blur(10px);
    z-index: 1;
    box-shadow: 0px 0px 0px 1px #9D9797;
    width: 300px;
}
.slider-wrapper .custom-controls .custom-dots{
	flex-direction: column;
    align-items: flex-start;
}
.slider-wrapper .custom-controls .num-dot{
	background-color: #0000;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	border-bottom: 1px solid #9D9797;
	padding-bottom: 15px;
	opacity: 0.7;
	cursor: pointer;
	text-align: left;
}
.slider-wrapper .custom-controls .num-dot.active{
	opacity: 1;
}
.slider-wrapper, .banner-wrap .banner-title, .our-work-section .work-box .work-up-box{
	position: relative;
}
.banner-wrap .banner-title:after, .our-work-section .work-box .work-up-box:after{
	content: '';
	position: absolute;
	height: 4px;
	left: 0;
	bottom: -2px;
	background-color: var(--wp--preset--color--foreground);
	border-radius: 12px;
}
.banner-wrap .banner-title:after{
	width: 35%;
} 
.our-work-section .work-box .work-up-box:after{
	width: 15%;
}

/* Our Work */
.our-work-section .work-sec-head-box .work-sec-title-box, .our-work-section .work-sec-head-box .work-sec-head-img{
	width: 40%;
}
.our-work-section .work-sec-head-box .work-sec-head-img .wp-block-cover__background{
	margin-top: 0;
}
.our-work-section .work-box .work-icon{
	background-color: var(--wp--preset--color--extra-quaternary);
	height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.our-work-section .work-box .work-icon img{
	height: 34px;
	width: auto;
}
.our-work-section .work-box .work-count{
	color: transparent;       
	-webkit-text-stroke: 1px #ffffff; 
	background-color: transparent;
	font-family: sans-serif;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	opacity: 0.4;
}
footer .footer-3 a, footer .footer-4 a, footer .footer-5 a{
	text-decoration: none;
}
@media (max-width: 1100px) {
	.post-page-area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media (max-width: 990px) {
	.post-page-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		padding-right: 0 !important;
	}
}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}
pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}

.entry-content {
    overflow-wrap: anywhere;
    overflow: hidden;
    padding: 30px 0;
}

/*Woocommerce Account page CSS*/

nav.woocommerce-MyAccount-navigation li {
  border: 1px solid var(--wp--preset--color--primary) !important;
  margin-bottom: 10px;
  padding: 10px !important;
  background-color: var(--wp--preset--color--primary) !important;
}
nav.woocommerce-MyAccount-navigation li a{
  color: #fff;
  padding: 10px 0 !important;
  text-decoration: none !important;
}
nav.woocommerce-MyAccount-navigation li:hover {
    background-color: transparent !important;
    border-color: #000 !important;
}
nav.woocommerce-MyAccount-navigation li:hover a{
  color:var(--wp--preset--color--primary);
}
.wc-block-components-notice-banner {
	margin: 0;

}
.buy-now-button{
	padding: 5px 10px !important;
	color: #000 !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--extra-secondary) !important;
}

a.added_to_cart.wc-forward {
    background-color: #32373c;
    color: #fff;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
}

/*  Account Page CSS */
.woocommerce-account h2 {
	font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit {
	background: var(--wp--preset--color--extra-secondary);
	margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit {
	padding: 8px 12px !important;
	font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
}
.woocommerce-account .addresses .title .edit{
	color: #fff !important;
	text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.woocommerce-account .addresses .title .edit {
    float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li:last-child {
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 2rem;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
}
.meta-category a{
	color: #fff !important;
	text-decoration: none !important;
}
.post-navigation-link-previous a,
.post-navigation-link-next a {
  text-decoration: none;
}
.post-navigation-link-previous ,
.post-navigation-link-next {
  background: var(--wp--preset--color--extra-secondary);
  color: var(--wp--preset--color--secondary);
  padding: 7px 20px;
  border-radius: 5px;
}
.post-pgntion{
	margin-top: 40px;
}