/*
 Theme Name:   myRoofIQ Theme
 Theme URI:    https://www.cambioagency.com
 Description:  Theme for myRoofIQ
 Author:       Cambio Agency
 Author URI:   https://www.cambioagency.com
 Template:     cambio_bs4
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         cambioagency
 Text Domain:  cambio_bs4-child
*/


body {
	font-family: 'Lato', sans-serif;
}

.nav-up {
    top: -77px;
}

.navbar-logo {
    max-height: 50px;
}

.h1, h1, .h3, h3, .h4, h4, .h5, h5 {
	color: #0D204A;
	font-family: 'Lato', sans-serif;
}

a, a:visited {
    color: #0d1f4b!important;
    font-weight: inherit;
}

.text-muted {
    color: #818590!important;
}

div#primary {
	padding: 0;
}

.hero {
	min-height: none;
}

.overlay-hero {
	background: rgba(255,255,255,.1);
    padding: 110px 0 70px 0;
}

.overlay-topbanner {
	padding-top: 180px;
	padding-bottom: 80px;
    background: rgba(50,50,50,.7);
    background-size: contain;
}

.overlay-topbanner h1 {
	color: #fff;
}

.bg-main {
	background: #FFFFFF url('/wp-content/uploads/bg-hero-home.jpg') no-repeat center bottom;
	background-size: cover;
}

.bg-home-blur {
	background: #8a8f93 url('/wp-content/uploads/bg-home-roof-blur.jpg') no-repeat center center;
	background-size: cover;
}

.bg-home {
	background: #8a8f93 url('/wp-content/uploads/bg-home-roof.jpg') no-repeat center center;
	background-size: cover;
}

.bg-commercial-fade-left {
	background: #FFFFFF url('/wp-content/uploads/bg-commercial-desktop.jpg') no-repeat center center;
	background-size: cover;
}

.btn-primary {
    color: #fff!important;
    background-color: #0D204A;
    border-color: #0D204A;
}

.btn-primary:visited {
    color: #fff!important;
    background-color: #0D204A;
    border-color: #0D204A;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1a3b81;
    border-color: #1a3b81;
}

.img-icon {
	max-width: 60px;
}

.img-stars {
    max-width: 100px;
    margin-bottom: 10px;
}

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

.bg-white-transparent {
	background: rgba(255,255,255,.7);
    backdrop-filter: saturate(180%) blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.bg-blue-light {
	background-color: #10B4D1;
}

.bg-secondary {
	background: #485779!important;
}

.bg-blue-dark {
	background-color: #0D204A;
}

.nav-phone.btn.btn-primary a{
	color:white!important;
}

@media (max-width: 767px) {
	
	.navbar-light .navbar-nav .nav-link {
		font-size: 1.2rem;
	}
	
	.navbar-nav {
	    padding: 10px;
	}
	
	.display-3 {
		font-size: 2.5rem;
	}
	
	.overlay-hero {
	    padding: 80px 0 10px 0;
	}
	
}