/* Theme Name: Construction Child Theme Theme URI: https://themeforest.net/item/construction-wordpress-theme/14802222 Description: Construction Child Theme Author: AnpsThemes Author URI: http://themeforest.net/user/Anps/portfolio Template: construction Version: 1.0.0 License: GNU General Public License License URI: license.txt Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, left-sidebar, custom-colors, custom-header, custom-menu, theme-options, translation-ready, threaded-comments Text Domain: construction-child */ /* Place your custom CSS in this file */ p, li { color: #333!important; font-size: 16px; line-height: 22px; } header.classic { box-shadow: none; } .top-bar { background-color: #fff!important; border-bottom: none; } .contact-info li { font-size: 12px; } .top-bar .container .col-md-6 { padding: 0!important; } .content-container > .row > *.col-md-12 { padding-top: 0; } .site-header.classic .above-nav-bar .contact-info li { border: 0; } header.site-header.classic .mobile-wrap > ul > li > ul.sub-menu { top: 37px; } .page-header { margin-bottom: 70px!important; } header.site-header.classic .site-navigation .mobile-wrap > ul > li > a:hover { color: #ff4c4c!important} #menu-item-2276 a:hover, #menu-item-2280 a:hover { cursor: default!important;} #home-main-banner h2 { font-size: 32px; color: #222; font-weight: 600; } #home-main-banner p { color: #222; } #home-main-banner #button-id- { margin: 0 auto!important; width: 100%; } #home-services-column h3 { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #222;} #home-services-column h4 { font-size: 22px; font-weight: 600; margin-bottom: 5px; color: #222; text-align: center;} #home-book-consultation-bar h3 { color: #fff; } #home-book-consultation .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 26px!important; } #home-book-consultation-bar .wpb_wrapper a { background-color: #222; } #home-book-consultation-bar .wpb_wrapper a:hover { background-color: #333; } #home-recent-projects .title { font-size: 54px; margin-top: 30px; } #home-recent-projects .project-title { color: #fff; } #home-eight-reasons h2 { font-weight: 600; color: #222!important; margin-bottom: 20px; } #home-eight-reasons p { font-size: 30px; line-height: 36px; } #home-eight-reasons #button-id-2 { margin: 0 auto; width: 300px; } .jumbotron .wpb_column > .vc_column-inner:first-child > .wpb_wrapper { text-align: center; } #home-about-us h2 { font-size: 44px!important; } ul.testimonial-wrap li{ padding-bottom: 16px!important; } /* Subpages */ .page-header .page-title { color: #999!important; } #services-boxes1 h3, #services-boxes2 h3 { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #222;} #services-boxes1 .featured-content, #services-boxes2 .featured-content { padding-bottom: 30px;} #projects-page-portfolio .project-title { color: #fff; } .portfolio-template-default .col-md-7 { width: 100%!important; } .portfolio-template-default .info-table { display: none!important; } /* footer */ footer .textwidget p { color: #9C9C9C!important; padding-right: 10px; font-size: 15px; } .widget_nav_menu { font-size: 15px; } .site-footer .contact-info li { border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.127); padding: 5px 0 9px 33px; font-size: 15px; } .site-footer a { line-height: 33px; display: block; color: #9c9c9c; } .contact-info li:before { border: 0; } .site-footer .working-hours th, .site-footer .working-hours td { font-size: 14px; border: 0; padding: 0 12px; line-height: 18px; color: #9C9C9C; text-align: left;} .copyright-footer .textwidget { font-size: 11px; } .copyright-footer .textwidget a { display: inline!important; color: #877!important; } .copyright-footer .textwidget a:hover { display: inline!important; color: red; } /* ============================================================================= Media Queries for Responsive Design ========================================================================== */ /*** Responsive Styles Large Desktop And Above @media all and (min-width: 1405px) { } ***/ /*** Responsive Styles Standard Desktop Only ***/ @media all and (min-width: 1100px) and (max-width: 1405px) { .logo img { border: 0px solid red!important; width: 140px; } /* SUBPAGES */ .site-main { clear: both; margin-top: 40px; } } /*** Responsive Styles Tablet And Below ***/ @media all and (min-width: 980px) and (max-width: 1099px) { .logo img { border: 0px solid blue!important; width: 140px; } /* SUBPAGES */ .site-main { clear: both; margin-top: 40px; } } /*** Responsive Styles Tablet Only ***/ @media all and (min-width: 768px) and (max-width: 980px) { .logo img { border: 0px solid fuchsia!important; width: 140px; } #banner-sub-box { width: 80%; margin: 0 auto; } #home-book-consultation-bar h3 { text-align: center!important; font-size: 38px; } #home-book-consultation-button { margin: 0 auto!important; width: 60%; } #home-book-consultation-button a { width: 100%; margin: -30px 0 40px; } /* SUBPAGES */ .site-main { clear: both; margin-top: 40px; } } /*** Responsive Styles Smartphone Only ***/ @media all and (min-width: 480px) and (max-width: 767px) { .logo img { border: 0px solid lime!important; width: 120px; margin-bottom: 30px; } #banner-sub-box { width: 90%; margin: 0 auto; } #home-book-consultation-bar h3 { text-align: center!important; font-size: 32px; } #home-book-consultation-button { margin: 0 auto!important; width: 60%; } #home-book-consultation-button a { width: 100%; margin: -30px 0 40px; } /* SUBPAGES */ .site-main { clear: both; margin-top: 10px; } } /*** Responsive Styles Smartphone Portrait ***/ @media all and (min-width: 0px) and (max-width: 479px) { .logo img { border: 0px solid orange!important; width: 110px; margin-bottom: 20px; } #banner-sub-box { width: 90%; margin: 0 auto; } #home-main-banner h2 { font-size: 30px; } #home-eight-reasons #button-id-2 { width: 240px; } #home-book-consultation-bar h3 { text-align: center!important; font-size: 28px; } #home-book-consultation-button { margin: 0 auto!important; width: 60%; } #home-book-consultation-button a { width: 100%; margin: -30px 0 40px; } /* SUBPAGES */ .site-main { clear: both; margin-top: 10px; } .alignright, .alignleft { width: 100%; height: auto; margin: 20px auto 30px!important; display: block; } }