/*
Theme Name: Architect Civil Engineer
Theme URI: https://www.ovationthemes.com/products/free-architect-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Architect Civil Engineer is an ultimate solution for architecture, civil engineering, construction, building design, bridge engineering, residential design, commercial construction, interior architecture, engineering consulting and architectural firms looking to build a professional online presence under the architect civil engineer framework with relevance to construction architecture services and design-focused industries. This theme is designed to showcase your work and expertise with a sleek and modern layout that helps impress clients and present projects effectively. It allows you to highlight services and completed projects in a structured way so potential clients can clearly understand your capabilities. The interface is user-friendly and allows easy customization of colors, fonts, and layouts to match your brand identity without technical complexity. It also supports websites for architects, interior designers, civil engineers, draftmen, and related professionals, making it highly versatile for the construction and design sector. Built-in SEO optimization helps improve search visibility so your target audience can easily find your services online, while responsive design ensures the website performs smoothly across desktops, tablets, and mobile devices.
Version: 5.4
Requires PHP: 5.6
Tested up to: 6.9
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: architect-civil-engineer
Template: construction-firm
Tags: wide-blocks, block-styles, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, flexible-header, featured-image-header, custom-menu, custom-logo, sticky-post, full-width-template, editor-style, featured-images, footer-widgets, threaded-comments, post-formats, blog, portfolio, photography

Architect Civil Engineer WordPress Theme, Copyright 2022 pewilliams
Architect Civil Engineer is distributed under the terms of the GNU GPL

Architect Civil Engineer WordPress Theme is child theme of Construction Firm WordPress Theme, Copyright 2022 pewilliams
Construction Firm WordPress Theme is distributed under the terms of the GNU GPL
*/

span.entry-author a,.comment-author a,.product_meta a,.widget_text a,.comment-content p a {
    text-decoration: underline;
}

:root {
    --theme-primary-color:#ffee02;
    --theme-heading-color:#1d1d1d;
    --theme-text-color:#787878;
    --theme-primary-fade:#fffde7;
    --serive-box-bg-color:#212529;
    --theme-footer-color:#1d1d1d;
}

/*color chnage*/
.gb_nav_menu li a,.info-box p{
    color: #212529;
    font-weight: 600;
}
.inner-box h4 a{
    color: var(--theme-primary-color);
}
.gb_nav_menu ul ul a:hover,.home-btn a:hover  {
    background: #212529 !important;
}
.gb_nav_menu ul ul li.page_item_has_children:after,
.gb_nav_menu ul ul li.menu-item-has-children:after,.gb_nav_menu ul ul a,
.gb_nav_menu li.page_item_has_children:after, 
.gb_nav_menu li.menu-item-has-children:after,
.page-numbers.current,
.page-numbers:not(.dots):hover, .page-numbers:not(.dots):focus,
.navigation.pagination .prev.page-numbers:focus:before, 
.navigation.pagination .prev.page-numbers:hover:before, 
.navigation.pagination .next.page-numbers:focus:before, 
.navigation.pagination .next.page-numbers:hover:before,
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #212529;
}
.site-info a,.site-info .footer-copyright,.woocommerce ul.products li.product .onsale, 
.woocommerce span.onsale,.home-btn a, .box-button a,
.carousel-control-prev:focus, .carousel-control-prev:hover, 
.carousel-control-next:focus, .carousel-control-next:hover,
.box ul li a,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, .woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt,button, input[type="button"],
input[type="submit"],.site-footer .search-form .search-submit,
.architect-civil-engineer-logo h1, .site-title, .site-title a,.architect-civil-engineer-logo p,.architect-civil-engineer-logo p a,.links i, .links span, .top_bar p,
.architect-civil-engineer-logo h1 a,a.added_to_cart.wc-forward,.wc-block-cart__submit-container a{
    color: #1d1d1d;
}
#sidebar .tagcloud a:hover, .site-footer .tagcloud a:hover,
nav.woocommerce-MyAccount-navigation ul li a{
    color: #1d1d1d !important;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar ,
.comment-author .avatar{
    padding: 2px;
}
#projects-box, #middle-sec{
    background:transparent;
}
.inner-box hr{
    border-color: var(--post-bg-color);
}
ul.sub-menu ul.sub-menu {
    right: 100% !important;
    left: auto !important;
}
/*preloader*/
#loader,#loader:after{
    border-top-color: var(--theme-primary-color);
}
#loader:before{
    border-top-color: #1d1d1d;
}
.spinner > div{
    background-color: #1d1d1d;
}
.img-box img{
    width: 100%;
}
#about-us .img-box img{
    height: 450px;
    object-fit: cover;
}
#about-us h4 {
    font-size: 40px;
}
#about-us h3 {
    background: var(--theme-primary-color);
    display: inline-block;
    padding: 15px;
    font-size: 15px;
    letter-spacing: 5px;
    text-transform: uppercase;
}
#about-us .link-more {
    text-align: left !important;
}
.page-template-custom-home-page .top_header {
    position: absolute;
    width: 100%;
    z-index: 999;
    right: 0;
    left: 0;
}
div#gb_responsive {
    display: block;
    text-align: right;
}
.menu_header {
    border: none;
}
.architect-civil-engineer-logo {
    position: relative;
    padding: 13px 0;
    text-align: center;
}
ul#menu-primary {
    z-index: 999;
    position: relative;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
    background: rgba(0,0,0,0.2);
}
.inner-box{
    background: var(--serive-box-bg-color);
    box-shadow: none;
}
.inner-box h4 a {
    font-size: 16px;
}
.inner-box p{
    color: var(--post-bg-color);
    font-size: 14px;
}
#middle-sec{
    background: transparent;
}
#about-us p{
    font-size: 16px;
}
h3.slid-sm-head {
    color: #fff;
    font-size: 18px;
    background: rgba(0,0,0,0.5);
    letter-spacing: 4px;
    font-weight: normal;
    display: inline-block;
}
/* Default*/

/* Accessibility */
/* Text meant only for screen readers. */
.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 !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

@media screen and (max-width: 991px){
    .top_header{
        background-color: var(--theme-primary-color);
        border-top: 1px solid #000;
    }
    .toggle-menu button {
        color: #1d1d1d;
        margin: 0 !important;
    }
    .toggle-menu button i{
        color: #1d1d1d;
    }
    .side_gb_nav{
        background: #1d1d1d;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-primary-color) !important;
    }
    .side_gb_nav #top_gb_menu {
        text-align: left;
    }
    .architect-civil-engineer-logo{
        text-align: center;
    }
    .gb_nav_menu ul ul{
        background: transparent;
    }
}
@media screen and (max-width: 782px){
    .page-template-custom-home-page .top_header {
        position: static;
    }
    .menu_header {
        background: transparent;
    }
    h3.slid-sm-head{
        display: none;
    }
}
@media screen and (max-width:767px){
    #about-us .img-box img{
        height: auto;
    }
}
@media screen and (max-width:575px){
    #projects-box h3,#about-us h4{
        font-size: 25px;
    }
    .architect-civil-engineer-logo,.site-title {
        text-align: left;
    }
}