/*!
Theme Name:   My Cleantastic LLC
Template:     wp-bootstrap-starter
Author:       Ben
Description:  Child theme based on Bootstrap 4
Version:      3.1.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 */

@import url("../wp-bootstrap-starter/style.css");
body{
    color: #000;
}
a:hover{
    text-decoration: none;
}
.top-header {
    background: #37709f;
}
.top-header h3 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}
header#masthead {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #ffffff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0), inset 0 -1px 0 rgba(0,0,0,0);
}
header#masthead .phone{
    font-size: 20px;
    color: #000;
}
header#masthead .phone:hover{
    color: #37709f;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}
header#masthead .phone i{
    color: #37709f;
    transform: rotate(-45deg);
    font-size: 26px;
}
header#masthead nav{
    border-top: 1px solid #f2f2f2;
    margin-top: 25px;
}
.navbar-light .navbar-toggler{
    border: 1px solid #37709e;
    margin: 10px 0;
    color: #37709e;
    font-size: 16px;
    font-weight: 500;
}
#main-nav #menu-primary-menu li a{
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #37709f;
    padding: 20px 10px;
}
#main-nav #menu-primary-menu li.current-menu-item a {
    color: #7bc148;
    font-weight: 500;
}
#main-nav #menu-primary-menu li:hover a{
    color: #7bc148;
}
#main-nav #menu-primary-menu li:hover a::before,
#main-nav #menu-primary-menu li:hover a::after,
#main-nav #menu-primary-menu li.current-menu-item a::before,
#main-nav #menu-primary-menu li.current-menu-item a::after{
    opacity: 1;
}
#main-nav #menu-primary-menu li a::before{
    top: 0;
    /*-webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);*/
}
#main-nav #menu-primary-menu li a::after{
    bottom: 0;
    /*-webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);*/
}
#main-nav #menu-primary-menu li:hover a::before,
#main-nav #menu-primary-menu li.current-menu-item a::before{
    top: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
#main-nav #menu-primary-menu li:hover a::after,
#main-nav #menu-primary-menu li.current-menu-item a::after{
    bottom: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
#main-nav #menu-primary-menu li a::before,
#main-nav #menu-primary-menu li a::after{
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #7bc148;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
#page-sub-header{
    text-align: left;
    padding-bottom: 5rem;
    color: white;
}
.border-green{
    border: 2px solid #72b840;
}
.form-heading {
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.form-heading h2,
.form-heading h3{
    font-family: 'Droid Sans';
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0;
    color: #fff;
}
.form-heading h2{
    font-size: 30pt;
}
.form-heading h3{
    font-size: 18pt;
}
.ft-18pt{
    font-size: 18pt;
}
label{
    font-size: 16px;
    margin-bottom: 0;
}
span.req-field{
    color: #c70202;
}
.list-style-none{
    list-style-type: none;
}
.feat-list{
    color: white;
    padding-left: 0;
}
.feat-list li:not(:last-child){
    padding-bottom: 20px;
}
.feat-list li img{
    margin-right: 20px;
}

.vc_row-fluid div.pt-2 div.vc_column-inner{
    padding-top: 0 !important;
}
.cleaning-req-form label,
.text-blue{
    color: #37709f;
}
.services .wpb_single_image {
    margin-bottom: 15px;
}
.services img{
    border: 2px solid #7BC148;
}
.img-border-green img{
    border: 2px solid #7BC148;
}
h4.page-title{
    font-size: 24pt;
    font-family: 'Droid Sans';
    text-shadow: 1px 1px 0px #000000;
}
.text-green{
    color: #7BC148;
}
.text-red{
    color: #FF0000;
}
body:not(.theme-preset-active) footer#colophon {
    color: #fff;
    background-color: #37709e;
    padding: 25px 0;
}
.footer-nav li:not(:last-child) {
    margin-right: .5rem;
}
.footer-nav li {
    display: inline-block;
}
.btn{
    background: #7bc148;
    border-radius: 0;
    border-color: transparent;
}

@media (min-width: 768px) {
    #main-nav #menu-primary-menu li:not(:last-child){
        margin-right: 15px;
    }
}