/*!
Theme Name: Allandoneconstructionservices
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: allandoneconstructionservices
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Allandoneconstructionservices is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

body, * {
    margin:0;
    padding:0;
}
p, ul li, ol li{
    font-size:16px;
    margin:0;
    font-family: 'Montserrat';
    font-weight:400;
}
a{
    text-decoration:none;
    font-size:16px;
    font-family: 'Montserrat';
    font-weight:700;
}
h1, h2, h3, h4, h5, h6, ul, ol{
    margin:0;
}
img{
    width:100%;
    height:100%;
}


/*header css start*/
.green-header {
    background: #2C2E7F;
    padding: 5px 0px;
}
.header-social-repeater .header-social-icon-box a img {
    width: 25px;
    height: auto;
    margin-right: 5px;
}
.header-social-icon-box a:hover img {
    background: #FFC736;
    border-radius: 50%;
    padding: 0;
    transform: translateY(-5px) scale(1.05);
    transition: transform 0.3s ease, background 0.3s ease;
}
.green-header-text h4 {
    font-family: 'Bebas Neue';
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color:#FFFFFF;
}
.white-header {
    background: #ffffff;
    box-shadow: 0px 3px 6px #00000029;
    padding: 12px 0px;
    border-top: 3px solid #FFC736;
    border-bottom: 3px solid #FFC736;
}
.green-button a {
    background: #FFC736;
    color: #000000;
    border-radius: 30px;
    padding: 14px 30px;
    border: 1px solid #FFC736;
}
.green-button a:hover {
    color: #000000;
    background: #ffffff;
}
.header-email-phone a {
    font-family: 'Bebas Neue';
    font-size: 30px;
    color: #000000;
    font-weight: 500;
    margin-left: 10px;
}
.header-email-phone a:hover {
    color: #FFC736;
}
.header-email-phone img {
    width: 40px;
}
.header-email-phone {
    margin-right: 25px;
}
header {
    position: sticky;
    top: 0;
    z-index: 9999;
}
.message-img {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}
.message-img img {
    width: 75px;
    height: 75px;
}
/*header css end*/

/*footer css start*/
.footer-phone a:hover {
    color: #FFC736;
}
.black-footer {
    background: #000000;
    padding: 70px 0px;
    border-top: 5px solid #FFC736;
}
.footer-badges {
    text-align: right;
}
.footer-badges img {
    width: 245px;
    height: auto;
}
.footer-logo a img {
    width: 380px;
}
.footer-phone a {
    color: #FFFFFF;
    font-family: 'Bebas Neue';
    font-size: 40px;
    font-weight: 500;
    margin-left: 15px;
}
.footer-phone a:hover {
    color: #FFC736;
}
.footer-phone img {
    width: 55px;
    height: auto;
}
.black-footer .button-groups {
    margin-top: 40px;
    margin-bottom: 14px;
}
.green-footer {
    background: #2C2E7F;
    padding: 5px 0px;
}
.copy-right-text h5, .copy-right-text h5 a {
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 500;
}
.copy-right-text h5 a:hover {
    color: #000000;
}
/*footer css end*/

/*Banner Section css*/
.banner-section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 135px);
}
.banner-content h3 {
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 500;
    background: #ffffff;
    width: fit-content;
    margin: 0 auto;
    padding: 7px 35px;
    border-radius: 30px;
}
.banner-content h1 {
    color: #ffffff;
    font-family: 'Bebas Neue';
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 70px;
    width: 50%;
    margin: 10px auto;
    line-height: 80px;
}
.banner-content h1 span {
    color: #FFC736;
}
.banner-content p {
    color: #FFFFFF;
    font-size: 22px;
    font-family: 'Montserrat';
    width: 60%;
    margin: 0 auto;
}
.white-button a {
    background: #ffffff;
    color: #000000;
    border-radius: 30px;
    padding: 14px 30px;
    border: 1px solid #000000;
}
.white-button a:hover {
    background: #FFC736;
    color: #000000;
}
.banner-content .button-groups {
    margin: 35px 0px 15px;
}
.banner-content .green-button {
    margin-right: 10px;
}
section.get-estimate-section {
    background: #2C2E7F;
    padding: 20px 0px;
}
/*Banner Section css end*/

/*get free estimate section start*/
.free-estimate-form h2 {
    font-size: 44px;
    font-family: 'Bebas Neue';
    color: #ffffff;
}
.free-estimate-form form input {
    width: 100%;
    font-size: 15px;
    color: #000000;
    font-family: 'Montserrat';
    font-weight: 500;
    padding: 10px 22px;
    border-radius: 30px;
    margin-right: 20px;
    border:1px solid #FFC736;
}
.free-estimate-form form input::placeholder {
    font-size: 15px;
    color: #000000;
    font-family: 'Montserrat';
    font-weight: 500;
}
span.wpcf7-spinner {
    display: none;
}
.free-estimate-form form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #FFC736;
    margin: 0;
    font-weight: 700;
}
.free-estimate-form form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: #ffffff;
}
/*get free estimate section end*/


/* Popular service css */

section.service_section {
    padding: 80px 0px;
    border-bottom: 4px solid #FFC736;
    margin-bottom: 3px;
}
.service-main-title h2 {
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 900;
    text-shadow: 2px 1px #FFC736;
}
.service_block {
    background: #fff;
    border: 1px solid #FFC736;
    border-radius: 15px;
    overflow: hidden;
    padding: 10px;
    height: 100%;
    border-right: 5px solid #FFC736;
    border-bottom: 5px solid #FFC736;
    transition: 0.5s;
}
.service_block:hover {
    box-shadow: 0px 0px 10px #b7e367;
}
.service_inner img {
    border-radius: 13px;
}
.service_inner {
    position: relative;
    overflow: hidden;
    border-radius: 13px;
}
.service_overlay {
    position: absolute;
    top: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #2c2e7fb5;
    padding: 15px;
    transition: 0.5s;
}
.service_overlay ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    color: #fff;
    display: flex;
    flex-flow: row wrap;
}
.service_overlay ul li {
    font-weight: 600;
    color: #ffffff;
    width: 50%;
    padding: 5px;
    padding-left: 30px;
    background-repeat: no-repeat !IMPORTANT;
    background-size: 28px !important;
    background-position-y: 3px !IMPORTANT;
}
.service_description {
    padding: 0px 15px;
    padding-top: 15px;
}
.service_description h3 {
    color: #000000;
    font-family: 'Bebas Neue';
    font-size: 28px;
    font-weight:500;
}
.service_footer {
    margin-top: 30px;
}
.service_description p {
    color: #000000;
    line-height: 26px;
}
.service_section .col-md-4 {
    margin-bottom: 25px;
}
.service_block:hover .service_overlay {
    top: 0px;
}
.service_footer h3 {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 45px;
    color: #000000;
}
.service_footer .button_groups .green-button {
    margin-right:10px;
}
/* service css */

/*Why choose About Us Section start*/
section.why-choose-about-us {
    border-top: 4px solid #2C2E7F;
}
.why-choose-about-content h2.green-border-heading {
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 900;
    text-shadow: 2px 1px #FFC736;
    width: 80%;
    margin: 0 0 30px 0;
    position: relative;
}
h2.green-border-heading::after {
    content: "";
    position: absolute;
    border: 4px solid #2C2E7F;
    width: 100px;
    height: 5px;
    bottom: -15px;
    left: 0;
}
.why-choose-about-content h3 {
    background: #FFC736;
    width: fit-content;
    font-size: 18px;
    font-family: 'Montserrat';
    padding: 5px 18px;
    border-radius: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}
.why-choose-about-content ul {
    display: flex;
    flex-flow: row wrap;
    margin: 15px 0px 0px;
    padding-left: 20px;
}
.why-choose-about-content ul li {
    color: #000000;
    font-weight: 600;
    line-height: 35px;
    width: 50%;
}
.why-choose-about-content .button-groups .green-button, .about-title-desc .button-groups .green-button, .service_footer .button-groups  .green-button {
    margin-right: 10px;
}
.why-choose-about-img img {
    border-radius: 20px;
}
.why-choose-about-content .button-groups {
    margin-top: 40px;
}
section.why-choose-about-us .row {
    margin:70px 0px;
}
section.why-choose-about-us .row:nth-child(even) {
    flex-flow: row-reverse;
}
/*Why choose About Us Section End*/

/* Green service slide css */

.service_slide_block {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.service_inner_slide_wrap {
  display: inline-flex;
  animation: scroll 50s linear infinite;
}
.service_inner_slide {
  display: inline-block;
  white-space: nowrap;
  font-size: 18px;
  transition: background 0.3s;
}
.service_inner_slide a {
    text-decoration: none;
    color: #ffffff !important;
    font-size: 40px;
    font-weight: 500;
    margin-right: 50px;
    font-family: 'Bebas Neue';
    text-shadow: 2px 1px #FFC736;
    line-height: 50px;
    letter-spacing:1.5px;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
section.service_slide_section {
    background: #2C2E7F;
    padding: 10px 0px;
}
.service_inner_slide {
    display: inline-flex;
    position: relative;
    align-items: center;
}
/* green service slide css */

/*testimonial section start*/
.testimonial-title h2 {
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 900;
    text-shadow: 2px 1px #FFC736;
    text-align: center;
    margin-bottom: 45px;
}
section.testimonial-section {
    background: #F6F6F6;
    padding: 70px;
    border-bottom: 4px solid #2C2E7F;
}
.testimonial-slide-box {
    background: #ffffff;
    border: 1px solid #FFC736;
    border-radius: 15px;
    padding: 30px;
    min-height: 265px;
    border-bottom: 5px solid #FFC736;
}
.testimonial-box-name-review h4 {
    color: #000000;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-bottom:10px;
}
.testimonial-box-name-review img {
    width: 125px;
    height: auto;
}
.testimonial-box-title {
    margin-bottom: 20px;
}
img.testimonial-google-img {
    width: 42px;
}
.testimonial-section span.swiper-pagination-bullet {
    border: 1px solid #000000;
    padding: 8px;
    background: transparent;
    position: relative;
    opacity: 100%;
}
.testimonial-section div#testimonial-slider {
    padding-bottom: 70px;
}
.testimonial-section  span.swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: #FFC736;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*testimonial section end*/

/*Areas We Serve Section Start*/
.area-serve-title h2 {
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 900;
    text-shadow: 2px 1px #FFC736;
    margin-bottom: 40px;
}
section.area-serve-section {
    padding: 60px 0px;
    border-top: 4px solid #FFC736;
    border-bottom: 4px solid #2C2E7F;
    margin: 4px 0px;
}
.areas-listing {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Montserrat';
}
.areas-listing img {
    width: 45px;
}
.area-serve-listing-image {
    margin: 20px 0px 30px;
}
.area-serve-map iframe {
    width: 100%;
    border-radius: 20px;
    border: 3px solid #FFC736 !important;
    height: 460px;
}
/*Areas We Serve Section End*/

/*Gallery section start*/
section.our-latest-gallery-section {
    background: #000000;
    padding: 70px 0px;
    margin: 3px 0px;
    border-top: 3px solid #FFC736;
    border-bottom: 3px solid #FFC736;
}
.gallery-title h2 {
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 900;
    text-shadow: 2px 2px #FFC736;
    margin-bottom: 40px;
    color: #ffffff;
    letter-spacing: 2px;
}
.gallery-slide img {
    border-radius: 20px;
    border: 2px solid #FFC736;
}
/*Gallery Section end*/

/*contact form section start*/
section.contact-form-section {
    border-top: 3px solid #2C2E7F;
    padding: 70px 0px;
}
.contact-info h3 {
    background: #FFC736;
    width: fit-content;
    font-size: 18px;
    font-family: 'Montserrat';
    padding: 5px 18px;
    border-radius: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}
.contact-info h2 {
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 900;
    text-shadow: 2px 1px #FFC736;
    margin-bottom: 30px;
    position: relative;
}
.phone-email-list {
    margin-top: 30px;
}
.phone-email img {
    width: 38px;
    margin-right: 10px;
}
.phone-email a {
    font-family: 'Bebas Neue';
    font-size: 30px;
    font-weight: 500;
    color: #000E32;
}
.phone-email {
    margin-bottom: 12px;
}
.contact-form-title-box {
    background: #2C2E7F;
    padding: 23px;
    text-align: center;
    border-radius: 20px 20px 0px 0px;
}
.contact-form-shortcode-box {
    background: #000000;
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
}
.contact-form-shortcode-box select, .contact-form-shortcode-box input, .contact-form-shortcode-box textarea {
    width: 100%;
    font-size: 15px;
    color: #000000;
    font-family: 'Montserrat';
    font-weight: 500;
    padding: 10px 22px;
    border-radius: 30px;
    margin-right: 0px;
    border: 1px solid #E9E9E9;
    margin-bottom: 10px;
    height: 45px;
}
.contact-form-shortcode-box input::placeholder, .contact-form-shortcode-box textarea::placeholder {
    color: #000000;
    font-size: 15px;
}
.acceptance-checkbox span.wpcf7-list-item label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 10px 0px 20px;
}
.acceptance-checkbox  span.wpcf7-list-item-label {
    color: #ffffff;
    margin-left: 10px;
}
.acceptance-checkbox .wpcf7-list-item {
    margin: 0 0 0 3px;
}
.acceptance-checkbox input[type="checkbox"] {
    width: fit-content;
    margin: 0;
    height: auto;
}
.contact-form-shortcode-box input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    font-size: 15px;
    color: #000000;
    font-family: 'Montserrat';
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 30px;
    margin-right: 0px;
    border: 1px solid #FFC736;
    background: #FFC736;
}
.contact-form-shortcode-box input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: #ffffff;
}
.wpcf7-response-output {
    color: #ffffff;
}
.contact-form-title-box h3 {
    color: #ffffff;
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 700;
    margin-bottom: 10px;
}
.contact-form-title-box h4 {
    color: #ffffff;
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 500;
    margin-bottom: 0;
}
/*contact form section end*/


@media only screen and (max-width:1400px){
    .why-choose-about-content h2.green-border-heading {
        width: 90%;
    }
    .contact-form-shortcode-box select, .contact-form-shortcode-box input, .contact-form-shortcode-box textarea {
        padding: 8px 16px;
    }
}
@media only screen and (max-width:1280px){
    a, p, ul li, ol li, .areas-listing {
        font-size: 14px;
    }
    .green-header-text h4 {
        font-size: 16px;
    }
    .header-email-phone a {
        font-size: 20px;
    }
    .banner-content p {
        font-size: 18px;
        width: 70%;
    }
    .green-button a, .white-button a {
        padding: 10px 24px;
    }
    .free-estimate-form h2, .why-choose-about-content h2.green-border-heading {
        font-size: 28px;
    }
    .free-estimate-form form input {
        font-size: 14px;
        padding: 9px 18px;
    }
    section.service_section, section.testimonial-section, section.why-choose-about-us .row, section.area-serve-section, section.our-latest-gallery-section, .black-footer {
        padding: 55px 0px;
    }
    .service_overlay {
        padding: 8px;
    }
    .service_overlay ul li {
        padding: 3px;
        padding-left: 26px;
        font-size: 14px;
        background-size: 22px !important;
    }
    .service-main-title h2, .testimonial-title h2, .area-serve-title h2, .gallery-title h2, .footer-phone a, .contact-info h2 {
        font-size: 30px;
    }
    .service_footer h3 {
        font-size: 22px;
    }
    .why-choose-about-content h3 {
        font-size: 14px;
        padding: 5px 14px;
    }
    .why-choose-about-content ul li {
        line-height: 30px;
        font-size: 13px;
    }
    .why-choose-about-content .button-groups {
        margin-top: 30px;
    }
    .service_inner_slide a {
        font-size: 30px;
        line-height: 40px;
    }
    .testimonial-section div#testimonial-slider {
        padding-bottom: 60px;
    }
    .contact-form-title-box h3, .contact-form-title-box h4{
        font-size: 26px;
    }
    .areas-listing img {
        width: 35px;
    }
    .footer-logo a img {
        width: 280px;
    }
    .footer-phone img {
        width: 40px;
    }
}
@media only screen and (max-width:1100px) {
    .contact-form-shortcode-box .row .col-md-6.col-12 {
        width: 100%;
    }
}
@media only screen and (max-width:992px){
    .green-header-text h4 {
        font-size: 14px;
    }
    .header-email-phone img {
        width: 26px;
    }
    .header-email-phone a {
        font-size: 18px;
        margin-left: 7px;
    }
    .green-button a, .white-button a {
        padding: 8px 20px;
    }
    .banner-content h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .banner-content p {
        font-size: 16px;
    }
    .free-estimate-form h2 {
        margin-right: 20px;
    }
    .free-estimate-form .row .col-12 {
        width: 48%;
        margin-bottom: 15px;
    }
    section.service_section .row .col-lg-4.col-md-6.col-12 {
        margin-bottom: 20px;
    }
    section.why-choose-about-us .row {
        margin: 0px;
    }
    section.service_section, section.testimonial-section, section.why-choose-about-us .row, section.area-serve-section, section.our-latest-gallery-section, .black-footer {
        padding: 45px 0px;
    }
    section.why-choose-about-us .row, section.why-choose-about-us .row:nth-child(even), section.area-serve-section .row.map-content-row {
        flex-flow: column;
    }
    section.why-choose-about-us .row .col-12, section.why-choose-about-us .row:nth-child(even) .col-12, section.area-serve-section .row .col-12.map-content-col {
        width: 100%;
    }
    .why-choose-about-img img {
        margin-bottom: 20px;
    }
    .about-title-desc {
        margin-top: 20px;
    }
    .contact-info h3 {
        font-size: 14px;
        padding: 5px 14px;
    }
    .service-main-title h2, .testimonial-title h2, .area-serve-title h2, .gallery-title h2, .footer-phone a, .contact-info h2 {
        font-size: 26px;
    }
    .phone-email a {
        font-size: 24px;
    }
    .contact-form-title-box h3, .contact-form-title-box h4{
        font-size: 24px;
    }
    .phone-email img {
        width: 30px;
    }
    .footer-logo a img {
        width: 200px;
    }
    .footer-badges img {
        width: 170px;
    }
    .black-footer .button-groups {
        margin-top: 30px;
    }
    .copy-right-text h5, .copy-right-text h5 a {
        font-size: 14px;
    }
}
@media only screen and (max-width:767px){
    a, p, ul li, ol li, .areas-listing {
        font-size: 12px;
    }
    .green-header .row {
        justify-content: center;
        text-align: center;
    }
    .header-social-repeater {
        justify-content: center;
        margin-bottom: 10px;
    }
    .header-email-phone {
        display: none !important;
    }
    .green-button a, .white-button a {
        padding: 8px 12px;
    }
    .banner-content h3 {
        font-size: 12px;
        padding: 5px 15px;
    }
    .banner-content h1 {
        font-size: 40px;
        line-height: 46px;
        width: 100%;
    }
    .banner-content p {
        font-size: 14px;
        width: 100%;
    }
    .banner-content .button-groups {
        margin: 20px 0px 10px;
    }
    .banner-section {
        height: auto;
        padding: 60px 0px;
    }
    .free-estimate-form {
        flex-flow: column;
    }
    .free-estimate-form .row .col-12 {
        width: 100%;
        margin-bottom: 10px;
    }
    .free-estimate-form h2 {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.service_section, section.testimonial-section, section.why-choose-about-us .row, section.area-serve-section, section.our-latest-gallery-section, .black-footer {
        padding: 40px 0px;
    }
    section.service_section .row .col-md-6.col-12.mb-5 {
        margin-bottom: 20px !important;
    }
    .service_description h3 {
        font-size: 24px;
    }
    .service_footer {
        margin-top: 5px;
    }
    .service_footer h3 {
        margin-bottom: 25px;
    }
    .service-main-title h2, .testimonial-title h2, .area-serve-title h2, .gallery-title h2, .contact-info h2, .free-estimate-form h2, .why-choose-about-content h2.green-border-heading {
        font-size: 24px;
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }
    h2.green-border-heading::after {
        display: none;
    }
    .why-choose-about-content ul li {
        line-height: 18px;
        font-size: 12px;
        margin-bottom: 5px;
    }
    .button-groups .green-button {
        margin-right: 0 !important;
        margin-bottom:20px;
    }
    .button-groups {
        flex-flow: column;
    }
    .why-choose-about-content h3, .contact-info h3 {
        margin: 10px auto;
    }
    .area-serve-map iframe {
        height: 260px;
    }
    .white-header .button-groups .green-button {
        margin-bottom: 0;
    }
    .message-img img {
        width: 55px;
        height: 55px;
    }
    section.contact-form-section {
        padding: 40px 0px;
    }
    .footer-logo {
        text-align: center;
        margin-bottom: 15px;
    }
    .black-footer .button-groups {
        margin-top: 20px;
    }
    .footer-phone img {
        width: 33px;
    }
    .footer-badges {
        text-align: center;
    }
    .copy-right-text h5, .copy-right-text h5 a {
        font-size: 12px;
    }
    .contact-form-title-box h3, .contact-form-title-box h4{
        font-size: 20px;
    }
}
@media only screen and (max-width:480px) {
	.free-estimate-form form input {
		margin-right: 0px;
	}
}