/*
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 firm looking to build a professional online presence. This theme is designed to showcase your work and expertise, with a sleek and modern layout that will impress your clients. With this Theme, you can easily highlight your services and projects, making it easy for potential clients to see what you have to offer. The user-friendly interface allows you to customize the theme to fit your unique style, with options to change colors, fonts, and layouts. But the benefits of this theme don’t stop there. You can create website related to architect, interior designer, civile engineer, draftman, etc using this theme. With built-in SEO optimization, your website will rank higher on search engines, ensuring that your target audience can find you quickly and easily. And with responsive design, your website will look great on any device, from desktops to mobile phones. Demo: https://trial.ovationthemes.com/architect-civil-engineer/
Version: 4.3
Requires PHP: 5.6
Tested up to: 6.8
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,
.logo h1, .site-title, .site-title a,.logo p,.logo p a,.links i, .links span, .top_bar p,
.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;
}
.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;
    }
    .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;
    }
    .logo,.site-title {
        text-align: left;
    }
}