body {
    overflow-x: none;
    background-color: #FAF9F6 !important;
}

.desktop-safe-contractor-logo {
    width: 7rem;
    height: 125px;
    margin-left: 150px !important;
}

/* For screens less than 1400px */
@media (max-width: 1400px) {
    .desktop-safe-contractor-logo {
        margin-left: 1rem !important;
    }
}

/* For screens less than 1000px */
@media (max-width: 1200px) {
    /* Hide desktop-service, show mobile-service */
    .desktop-safe-contractor-logo {
        width: 6rem !important;
        height: 160px; 
        margin-left: 0 !important;
    }
}

/* For screens less than 1000px */
@media (max-width: 990px) {
    /* Hide desktop-service, show mobile-service */
    .desktop-service {
        display: none;
    }
    .mobile-service {
        display: block;
    }

    .mobile-safe-contractor-logo {
        width: 5rem !important;
    }

    .main-logo {
        width: 8rem;
    }

    .desktop-safe-contractor-logo {
        width: 0rem !important;
        height: 0px !important; 
    }
}

/* For screens 1000px and wider */
@media (min-width: 991px) {
    /* Hide mobile-service, show desktop-service */
    .mobile-service {
        display: none;
    }
    .desktop-service {
        display: block;
    }

    .mobile-safe-contractor-logo {
        width: 0rem !important;
    }

    .main-logo {
        width: 16rem;
    }

    .navbar-collapse {
        justify-content: center !important;
    }
}

.dropdown-item.active, .dropdown-item:active {
    color: white !important;
    text-decoration: none;
    background-color: #7fd858 !important;
}

/* Will remove Yii2 Flashes */
#w0-success-0 {
    display: none !important;
}

@font-face {
    font-family: "Fancy";
    src: url(\media\fonts\source\source\Elsie-Regular.ttf) format("truetype");
}

.cursive {
    font-family: 'Pacifico', cursive !important; 
}

.title-text {
    font-family: 'Lato', sans-serif;
}

.text-secondary {
    color: #89cff0 !important;
}

.bg-primary, .btn-primary {
    background-color: #89cff0 !important;
}

.bg-secondary, .btn-secondary{
    background-color: #7FD858 !important;
}

.bg-white {
    background-color: #FAF9F6 !important;
}

.border-secondary {
    border-color: #7FD858 !important;
}

.col-md {
    margin: 0 !important;
}

hr {
    border: none;
    border-top: none;
    opacity: 1;
}

.bg-light {
    background-color: #D5FFFF !important;
}

.text-primary {
    color: #7FD858 !important;
}

.text-decoration-none.text-primary > a.nav-link {
    color: #7FD858 !important;
}

.update-link {
    color: blue !important;
}

div.link-section > .d-flex > a{
    text-decoration: none;
    color: white;
}

img#contactform-verifycode-image {
    border: 3px solid #7FD858 !important;
}

.footer-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    color: white;
  }
  

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    .parallax {
        /* The image used */
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)), url('https://static.vecteezy.com/system/resources/thumbnails/001/794/537/original/light-being-reflected-in-the-ripples-of-water-in-a-swimming-pool-4k-free-video.jpg');
        /* Full height */
        height: 100%; 
        /* Create the parallax scrolling effect */     
        background-size: cover;
    }
}

@supports not (-webkit-touch-callout: none) {
    /* CSS for other than iOS devices */ 
    .parallax {
        /* The image used */
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)), url('https://static.vecteezy.com/system/resources/thumbnails/001/794/537/original/light-being-reflected-in-the-ripples-of-water-in-a-swimming-pool-4k-free-video.jpg');
        /* Full height */
        height: 100%; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.wrp {
    max-width:1200px;
    padding:20px;
    margin:0 auto;
}

.field {
    margin-bottom:20px;
}
.field_name {
    color: #686868;
    font-size: 11px;
}

.wp-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 15px 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wp-link {
    font-size: 11px;
}
.wp-ctrl {
    padding-bottom:15px;
}
.wp-img {
    text-align:center;
}

.wp-btn {
    display:inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height:55px;
    background: #FE7879;
    border-radius: 5px;
    color:#fff;
    text-decoration: none;
    padding: 0 90px;
    margin-top: 15px;
}
.wp-btn:hover, wp-btn:active {
    background: #e97374;
    color:#fff;
}

.wed-field {
    margin-top:15px;
}
.wed-field label {
    color: #686868;
    font-size: 11px;
}

.footer {
    margin-top:40px;
    border-top: 1px solid #E6E6E6;
    padding:20px 0;
}
.footer-txt {
    color: #888888;
    font-size:11px;
}

@media (min-width: 1140px) {
    body {
        font-size:16px;
    }
}

blockquote {
    margin: 24px;
    padding: 8px 24px;
    border-left: 4px solid #ccc;
    background: #f9f9f9;
}

table {
    border-collapse: collapse;
    width: 100%;
}

thead {
    background-color: #0d6efd;
    color: #fff;
}

tbody {
    background-color: #f8f9fa;
}

tr {
    border-bottom: 1px solid #dee2e6;
}

td, th {
    padding: 0.75rem;
    text-align: left;
    border: 1px solid #dee2e6;
}