/*
Theme Name: Construction Base Child
Theme URI: https://wenthemes.com/item/wordpress-themes/construction-base/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Construction Base is a robust and responsive construction WordPress theme. It is simple and intuitive platform so that it would be easy for making resourceful business websites without any coding. It has been created specifically with one purpose in mind, to provide the easiest and most intuitive platform for construction companies, builders, woodworkers, contractors, and all similar, related fields of business. Although it is focused for construction area, it can be used in any type of business websites. It is very flexible and provided with convenient features and options for your business. Official Support Forum: https://themepalace.com/support-forum/ Full Demo: https://wenthemes.com/theme-demos/?demo=construction-base
Version: 1.0.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: construction-base-child
Template: construction-base
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog

Construction Base WordPress Theme, Copyright (C) 2017, WEN Themes
Construction Base is distributed under the terms of the GNU GPL

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

 /*
@import url("../construction-base/style.css");   */
body {
    font-family: 'Roboto', sans-serif;
    color: #888888;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

blockquote {
    background: #f0f0f0 none repeat scroll 0 0;
    border-left: 5px solid #cc0000;
    margin: 0 0 15px;
    padding: 20px 15px 5px;
}

button, a.button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
    font-size: 14px;
    margin: 10px;
    padding: 12px 30px;
    color: #ffffff !important;
    text-transform: uppercase;
    border-radius: 3px;
    background: #cc0000;
    border: none;
	transition: all 0.2s ease-in-out;
}

a:hover,
a:focus,
a:active {
    color: #cc0000;
}

.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover {
    background: #cc0000 none repeat scroll 0 0;
    color: #ffffff;
}

.entry-meta a:hover {
    color: #cc0000;
}

.comment-author.vcard {
    font-size: 18px;
    margin-bottom: 5px;
    color: #cc0000;
}

a.button-secondary:after {
    background: #cc0000;
}
a.more-link {
    margin-top: 30px;
    display: inline-block;
    padding: 10px 20px;
    background: #cc0000;
    border-radius: 3px;
    color: #fff;
    position: relative;
    z-index: 0;
}

#quick-contact a:hover {
    color: #cc0000;
}
#quick-contact li::before {
    color: #cc0000;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
}
.header-search-box > a:hover {
    background-color:#cc0000;
    color: #fff;
}

.main-navigation li > a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li:hover > a {
    color: #cc0000;
}
#main-slider .pager-box.cycle-pager-active {
    background-color: #cc0000;
    border-color:#fff;
}

#main-slider .cycle-prev:hover,
#main-slider .cycle-next:hover {
    background-color: #cc0000;
    color: #fff;
}

.sidebar  a:hover {
    color:#cc0000;
}

.widget_calendar caption {
    background: #cc0000 none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
	
.widget_calendar #today {
    background: #cc0000 none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a:hover {
    border: 1px solid #cc0000;
    color: #cc0000;
}

#colophon a {
    color:#cc0000;
}

#footer-widgets .widget-title::after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    margin-top: 5px;
    background: #cc0000;
}

.scrollup {
    border-radius: 100%;
    bottom: 60px;
    color: #fff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 7px 10px 7px;
    position: fixed;
    right: 15px;
    text-align: center;
    z-index: 99999;
    transition: all 0.5s ease-in-out 0s;
    font-weight: 100;
    font-size: 15px;
    background: #cc0000;
    height: 40px;
    width: 40px;
    border: 4px solid rgb(255, 255, 255);
}

.scrollup:hover {
    color:#fff;
    background-color: #cc0000;
}

#custom-header {
    padding: 150px 0;
    text-align: left;
    position: relative;
    z-index: 99;
    background-color: #cc0000;
}

#breadcrumb {
    color: #ffffff;
    padding: 15px 0;
    background: #cc0000;
    clear: both;
    overflow: hidden;
}

.widget h4 a:hover,
.widget h3 a:hover {
    color:#cc0000;
}

#sidebar-front-page-widget-area .widget-title::before {
    clear: both;
    content: "";
    display: block;
    left: 0;
    width: 46px;
    margin: 0;
    background: #cc0000;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -5px;
    height: 2px;
}


#sidebar-front-page-widget-area .widget-title::after {
    content: "";
    background-color: #cc0000;
    width: 100px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    display: block;
    margin: 10px auto;
}

.construction_base_widget_services .service-block-item a.service-icon:hover {
    background-color: #cc0000;
    color: #fff;
}

#sidebar-front-page-widget-area .construction_base_widget_call_to_action,
.construction_base_widget_call_to_action {
    background: #cc0000 none repeat scroll 0 0;
    padding: 85px 0;
    background-size: cover;
    position: relative;
    z-index: 9;
}
#sidebar-front-page-widget-area .cta-layout-1.construction_base_widget_call_to_action,
.cta-layout-1 .construction_base_widget_call_to_action {
    background: #cc0000;
    padding: 45px 0;
}

.construction_base_widget_latest_news .latest-news-date {
    background: #cc0000;
    text-align: center;
    color: #fff;
    width: 70px;
    border-radius: 5px 5px 0 0;
}
.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb > a:after {
    bottom: 0;
    display: block;
    height: 0;
    width: 100%;
    background: #cc0000;
    position: absolute;
    opacity: 0.4;
    z-index: 8;
    content: "";
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}

#sidebar-front-page-widget-area .featured-page-widget .widget-subtitle {
    font-style: italic;
    font-size: 19px;
    color: #cc0000;
    margin: 15px 0;
    text-align: left;
}
    #mobile-trigger i {
        background-color: #cc0000;
        border: 2px solid #fffffe;
        box-shadow: 0 1px 2px #000000;
        color: #ffffff;
        font-size: 21px;
        padding: 6px 8px;
    }

.btn_link { color: #ffffff; }

.btn_main,
 button {
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    padding: 7px 20px 7px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
    zoom: 1;
    text-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.5em;
    transition: all 0.2s ease;
    color: #ffffff !important;
    margin-right: 10px;
    background: #cc0000;
    border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.custom-button.button-secondary{
	color: #ffffff !important;
}

.custom-button.button-secondary:hover{
	color: #000000 !important;
}

.blog-author__img {
    margin: 0 auto 6px auto;
    border-radius: 50%;
}


.main-navigation ul li a {
    color: #232323;
    display: block;
    font-size: 16px;
    padding: 13px 13px;
    position: relative;
    z-index: 99;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}
	.menu-top-container .nav-button a {
    background-color: #cd3b29;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease-in;
}

.menu-top-container .nav-button a:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

.menu-top-container .nav-button:hover a::before {
    height: 0;
}

.header-search-box {
    float: right;
    margin-top: 11px;
    margin-right: 10px;
    position: relative;
}

.site-description {
    color: #aba0a0;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.document-gallery .document-icon .title {
	text-align: left;
	width: 115px;
	
}