/*!
Theme Name: Junkrats
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: junkrats
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.

Junkrats 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;
}
img{
    width:100%;
    height:auto;
}
header {
    padding: 7px 0px;
    border-top: 2px solid #46a293;
    box-shadow: 0px 0px 10px #45a091;
    position: sticky;
    background:#ffffff;
    top: 0;
    z-index:999;
}
.landing-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landing-page-header img {
    width: 180px;
    height: auto;
}
.book-online-btn a {
    background: #45a091;
    color: #ffffff;
    text-decoration: none;
    padding: 15px 40px;
    border: 1px solid #45a091;
    border-radius: 30px;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 18px;
}
.book-online-btn a:hover {
    background: #ffffff;
    color: #45a091;
}
.landing-white-footer {
    padding: 20px 0px;
    border-top: 2px solid #45a091;
}
.landing-footer a {
    text-decoration: none;
    color: #45a091;
    font-size: 30px;
    font-weight: 900;
    font-family: 'Poppins';
}
.landing-footer a:hover {
    color: #000000;
}
.landing-copyright {
    background: #45a091;
    padding: 5px 0px;
}
.landing-copyright p {
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    margin: 0;
    color: #ffffff;
    text-align: center;
}
.landing-footer img {
    width: 250px;
    height: auto;
}
.landing-banner, .fifth-section {
    position: relative;
    z-index: 0;
    padding:100px 0px;
}
.landing-banner:before, .fifth-section:before {
    content: "";
    background: #000000ad;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-position: center;
    top: 0;
    left:0;
}
.landing-banner-form {
    background: #ffffff36;
    padding: 40px;
    border-radius: 20px;
}
img.crown-img {
    width: 150px;
}
.banner-main-title h1 {
    font-size: 50px;
    color: #ffffff;
    font-family: 'Poppins';
    font-weight: 900;
    text-transform: uppercase;
    margin: 10px 0px;
}
.banner-description h3 {
    font-size: 26px;
    font-family: 'Poppins';
    margin: 20px 0px 10px;
    color: #47a093;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
}
.banner-description p {
    margin: 0;
    color: #ffffff;
    font-family: 'Poppins';
    letter-spacing: 0;
    font-size: 18px;
    line-height: 34px;
}
.landing-banner-form form input, .landing-banner-form form textarea {
    border: 2px solid #45a091;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
    color: #000000;
    padding: 11px 28px;
    width: 100%;
    margin: 0;
}
.landing-banner-form form textarea.wpcf7-form-control.wpcf7-textarea {
    height: 120px;
}
.landing-banner-form form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #45a091;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 40px;
    border: 1px solid #45a091;
    border-radius: 30px;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 18px;
}
.landing-banner-form form .wpcf7-response-output {
    color: #ffffff;
}
.landing-banner-form form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: #ffffff;
    color: #45a091;
}
span.wpcf7-spinner {
    display: none;
}
.landing-banner-form h2 {
    font-size: 36px;
    font-family: 'Poppins';
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}
section.second-section, section.fourth-section, section.third-section {
    margin: 70px 0px;
}
.main-title h2 {
    font-size: 38px;
    color: #000000;
    font-family: 'Poppins';
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px 0px;
}
.second-section-description p, .fourth-section-description p, .third-section-description p {
    margin: 0;
    color: #000000;
    font-family: 'Poppins';
    letter-spacing: 0;
    font-size: 18px;
    line-height: 34px;
}
.second-section .book-online-btn {
    margin: 40px 0px 15px;
}
.subheading {
    font-size: 22px;
    font-family: 'Poppins';
    color: #47a093;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
}
.third-section-image img, .fourth-section-image img{
    border-radius:15px;
}
.third-section .book-online-btn, .fourth-section-content .book-online-btn {
    margin: 40px 0px 15px;
}
.footer-buttons .book-online-btn a {
    font-size:18px;
    background: #45a091;
    color: #ffffff;
    border: 1px solid #45a091;
}
.footer-buttons .book-online-btn a:hover {
    background: #ffffff;
    color: #45a091;
}
 .footer-buttons .book-online-btn {
    margin: 30px 0px 15px;
}
.map-iframe iframe {
    width: 500px;
    height: 200px;
}
.fifth-section .main-title h2 {
    color: #ffffff;
    text-align: center;
    margin:0 0 50px 0;
}
.client-description p {
    margin: 0;
    color: #ffffff;
    font-family: 'Poppins';
    letter-spacing: 0;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
}
.landing-review img {
    width: 200px;
    margin: 0px auto 20px;
    display: flex;
}
.client-name h3 {
    font-size: 22px;
    font-family: 'Poppins';
    color: #47a093;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
    text-align: center;
    margin: 20px 0px 0px;
}
@media only screen and (max-width:1440px){
    .banner-main-title h1 {
        font-size: 44px;
    }
    .banner-description h3 {
        font-size: 22px;
    }
    .landing-banner-form h2 {
        font-size: 30px;
    }
    .main-title h2 {
        font-size: 34px;
    }
}
@media only screen and (max-width:1280px){
    img.crown-img {
        width: 100px;
    }
    .banner-main-title h1 {
        font-size: 40px;
    }
    .banner-description h3, .subheading {
        font-size: 20px;
    }
    .landing-banner-form h2, .landing-footer a {
        font-size: 24px;
    }
    .main-title h2 {
        font-size: 30px;
    }
    .second-section-description p, .fourth-section-description p, .third-section-description p, .client-description p {
        font-size: 16px;
        line-height: 30px;
    }
    .map-iframe iframe {
        width: 400px;
    }
    .landing-footer img {
        width: 200px;
    }
    .landing-copyright p {
        font-size: 14px;
    }
}
@media only screen and (max-width:991px){
    .landing-page-header img {
        width: 140px;
    }
    .book-online-btn a {
        padding: 10px 30px;
        font-size: 16px;
    }
    .banner-main-title h1 {
        font-size: 34px;
    }
    .banner-description h3, .subheading {
        font-size: 18px;
        margin: 10px 0px 10px;
    }
    .banner-description p {
        font-size: 15px;
        line-height: 28px;
    }
    .landing-banner-form {
        padding: 20px;
    }
    .landing-banner-form form input, .landing-banner-form form textarea {
        font-size: 14px;
        padding: 8px 15px;
    }
    .landing-banner-form form textarea.wpcf7-form-control.wpcf7-textarea {
        height: 90px;
    }
    .landing-banner-form form input.wpcf7-form-control.wpcf7-submit.has-spinner {
        padding: 8px 20px;
        font-size: 16px;
    }
    .second-section-description p, .fourth-section-description p, .third-section-description p, .client-description p {
        font-size: 14px;
        line-height: 25px;
    }
    .third-section .book-online-btn, .fourth-section-content .book-online-btn {
        margin: 25px 0px 15px;
    }
    .map-iframe iframe {
        width: 300px;
    }
    .landing-footer img {
        width: 160px;
    }
    .landing-footer a {
        font-size: 20px;
    }
}
@media only screen and (max-width:767px){
    .landing-footer {
        flex-flow: column;
    }
    .landing-banner, .fifth-section {
        padding: 50px 0px;
    }
    .banner-main-title h1 {
        font-size: 30px;
        text-align: center;
    }
    img.crown-img {
        width: 80px;
        margin: 0 auto;
        display: flex;
    }
    .banner-description h3, .subheading, .banner-description p, .second-section-description p, .fourth-section-description p, .third-section-description p, .client-description p {
        text-align: center;
    }
    .landing-banner-form {
        margin-top: 20px;
    }
    section.second-section, section.fourth-section, section.third-section {
        margin: 40px 0px;
    }
    .main-title h2 {
        font-size: 25px;
        margin: 0 0 10px 0;
        text-align:center;
    }
    section.third-section .row {
        flex-flow: column-reverse;
    }
    .third-section-image img, .fourth-section-image img, .landing-footer img {
        margin-bottom: 20px;
    }
    h2.landingform-title {
        text-align: center;
        font-size: 21px;
    }
    .third-section .book-online-btn, .fourth-section-content .book-online-btn {
        text-align: center;
    }
    .landing-review img {
        width: 120px;
        margin: 0px auto 10px;
    }
    .client-name h3 {
        font-size: 18px;
    }
    .fifth-section .main-title h2 {
        margin: 0 0 25px 0;
    }
    .map-iframe iframe {
        width: 100% !important;
        height: 250px;
    }

}