/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twenty-twenty-one-child/
 Description:  Twenty Twenty One Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/
body {
	background: transparent; 
	font-size: 16px;
    font-weight: 400;
    line-height: 1.5; color: #444444;
}
h1, h2, h3, h2, h5, h6 {
    padding: 0;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #556270; 
    margin-top: 0;
}
h1	{font-size: 36px; }
h2 {
    text-transform: uppercase;
    font-size: 30px; margin-bottom: 16px;
}
h3 { font-size: 26px;}
h4 { font-size: 22px;}
h5 { font-size: 18px;}
h6 { font-size: 16px;}
p {	font-size: 16px;
    font-weight: 400;
    line-height: 1.5; margin-bottom: 16px;}
section {padding: 40px 0;}
.breadcrumbs h1 {color: #ffffff;}
.footer-info a {color: #88c548; font-size: 16px; font-weight: 700;}
.footer-info a:hover {color: #ffffff; text-decoration: none;}
.nf-form-fields-required {display: none;}
.ninja-forms-form-wrap .nf-form-content{max-width:100%;}
.smw-content i {color: #d9232d; font-size: 40px; margin-bottom: 15px; display: inline-block;}
.sm-wrap { margin-bottom: 20px; padding: 30px; border-radius: 6px; background-color: #f8f9fa; text-align: center;}
.sm-wrap h4 {font-weight: 700; margin-bottom: 15px; margin-top: 0; font-size: 18px;}
.footer-cta {text-align: center; padding: 20px 0;}
.footer-cta h2 {color: #ffffff; text-transform: initial;}
.page-id-414 .breadcrumbs {
    padding: 15px 0;
    background: #4a5562;
    min-height: 40px;
    margin-top: 0;
    color: #ffffff;
}
.pg-intro {
    padding: 100px 0 20px 0;
}
@media (min-width: 320px) {
  #hero { height: 190px;}
}
@media (min-width: 480px) {
  #hero { height: 240px;}
}
@media (min-width: 576px) {
  #hero { height: 375px;}
}
@media (min-width: 768px) {
  #hero { height: 375px;}
}
@media (min-width: 992px) {
  #hero { height: 550px;}
}

@media (max-width: 480px) {
    #header .logo img {
        max-height: 60px;
    }
    .mobile-nav-toggle {
        right: 15px;
        top: 3px;
        padding-right: 0;
    }
    .get-started-btn {
            font-size: 12px;
    }
    #hero h2 {
        font-size: 20px;
    }
    
}
@media (max-width: 576px) { 
    .get-started-btn {margin-right: 100px;}
    .mobile-nav-toggle {top: 11px;}
}
@media (max-width: 767px) {
    #hero .carousel-control-prev { left: 5px;}
    #hero .carousel-control-next { right: 5px; }
    #hero .carousel-control-next-icon, #hero .carousel-control-prev-icon { font-size: 20px; padding: 7px; }
    #hero .carousel-control-prev, #hero .carousel-control-next { top: 30px;}
}