/*
Theme Name: bootstrapped
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bootstrapped
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bootstrapped is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	color: #6f6f6e;
}

body {
	margin: 0;
	color: #6f6f6e;
	font-family: verdana, sans-serif;
}


a {
	background-color: transparent;
	text-decoration: none;
	    color: #fdb415;
}

a:active,
a:hover {
	outline: 0;
	text-decoration: none;
	color: inherit;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

#top-bar-container{
	background-color: #f5f5f5;
}

#top-bar{
	border-left: solid 2px #b7b3b1;
	padding: 0;
	font-size: 16px;
	color: #a9a9a9;
	font-family: arial;
}

@media(min-width:1200px){
	#top-bar{
		font-size: 20px;
	}
}

#top-bar .col-lg-3, #top-bar .col-md-3, #top-bar .col-lg-2, #top-bar .col-lg-4 {
	text-align: center;
	border-right: 2px solid #b7b3b1;
	line-height: 45px;
	height: 49px;
}

#top-bar .col-lg-3:last-child, #top-bar .col-md-3:last-child {
	border-right: 0;
	padding :0;
}

#top-bar .col-lg-3:nth-child(3){
	border-right: 2px solid #b7b3b1;
}

@media(min-width:990px){
	#top-bar .col-lg-3:nth-child(3){
		border-right: 0;
	}	
}

#top-bar .social-box{
	display: inline-block;
	border-right: 2px solid #b7b3b1;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 32px;
	text-align:center;
	height: 49px;
}

#top-bar .social-box:first-child{
	border-left: 2px solid #b7b3b1;
}

#top-bar div:nth-child(4){
	display: none;
}
@media(min-width:990px){
	#top-bar div:nth-child(4){
		display: inline-block;
	}
}
#logo{
	max-width: 220px;
	width: 100%;
}

@media(min-width:500px){
	#logo{
		max-width: 350px;
	}
}

#primary-menu{
    list-style: none;
    width: 440px;
    margin: 0;
    padding: 0;

}

#primary-menu li{
	display: block;
	text-transform: uppercase;
	padding-left: 20px;
    padding-right: 20px;
	text-align:right;
}

@media(min-width:990px){
	#primary-menu li{
		display: inline-block;
		text-align:left;
	}	
}

#primary-menu li a{
	color: #be2029;
}

.gray-hr{
	background-color: #f5f5f5;
	min-height:20px;
}

.menu{
    display: inline-block;
    vertical-align: bottom;
    right: 15px;
    position: absolute;
    bottom: 0;
    font-size: 20px;	
}

#hero{
	background-size:cover;
	background-position:center;
	height: 1000px;
	padding-top:130px;
}

.hero-callout{
	width: 100%;
	padding-top:50px;
	padding-bottom:50px;
	position: relative;
	text-align:right;
	background-color:rgba(255,255,255,0.6);
}

.hero-callout h1{
    font-size: 32px;
    font-style: italic;
    color: #000;
    margin-right: 30px;
    font-weight: bold;
    display: inline-block;
}

.hero-callout a.yellow-btn{
	background-color: #fdb415;
	border-radius:20px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	padding:15px;
	text-transform: uppercase;
	margin-right:20px;
	display:inline-block;
	margin-top:-10px;
}

.hero-callout .container{
	margin-right: 0px;
}

#request-callout{
	padding-top:30px;
	padding-bottom:30px;
	font-size: 25px;
}

#request-callout a.yellow-btn{
	background-color: #fdb415;
	border-radius:20px;
	color:#fff;
	font-weight:bold;
	font-size:28px;
	padding:15px;
	text-transform: uppercase;
	display:inline-block;
}

#request-callout p{
	display: inline-block;
	width: 100%;
	max-width: 490px;
}

#product-callout{
	text-align: center;
	background-color: #f5f5f5;
	padding-bottom:50px;
}

#product-callout .callout-container{
	margin-top: 50px;
}


#product-callout h2{
	margin-top:45px;
	font-size:52px;
}

#product-callout .sub-title{
	font-size:30px;
}

#product-callout .callout{
	background-color: #fff;
	transition: all 0.3s;
}

#product-callout .callout .image{
	background-size:cover;
	background-position:center;
	height:250px;
}

#product-callout .callout p{
	margin-bottom: 0px;
    padding-bottom: 50px;
    padding-left: 15px;
    font-size: 20px;
    padding-right: 15px;
    font-family: verdana;
	color: #6f6f6e;
}

#product-callout .callout:hover p{
	color: #6f6f6e;
}

#product-callout .callout:hover h4{
	color: #fdb415;
}

#product-callout .callout:hover{
	opacity: 0.7;
}

#product-callout .callout h4{
	text-transform: uppercase;
	font-weight: bold;
}

#product-callout .callout hr{
	margin-top: 5px;
    max-width: 200px;
    border-top: 2px solid #fdb415;
}

.no-padding{
	padding: 0;
}

.bg-image{
	background-size:cover;
	background-position: center;
}

#contractor-cta{
	font-size:28px;
	padding-top:20px;
	padding-bottom:20px;
}

#contractor-cta a{
	color: #fdb415;
}

#contractor-cta p{
	margin-bottom: 0px;
}

#contractor-cta .visual-br{
    margin-top: 20px;	
}

#contractor-cta .visual-br .bg-image, .visual-br{
	height: 75px;
}

@media(min-width:768px){
	#contractor-cta .visual-br .bg-image, .visual-br{
		height: 100px;
	}	
}

@media(min-width:990px){
	#contractor-cta .visual-br .bg-image, .visual-br{
		height: 185px;
	}	
}

@media(min-width:1200px){
	#contractor-cta .visual-br .bg-image, .visual-br{
		height: 325px;
	}
}


#testimonials{
	
}

#testimonials h3{
	text-transform: uppercase;
	font-size: 32px;
}

@media(min-width:990px){
	#testimonials h3{
		font-size: 52px;
	}
}

#testimonials p{
	font-size:24px;
	font-style:italic;
	margin-top:20px;
}

#contact-cta{
	background-color: #fdb415;
}

.icon-sphere {
    display: inline-block;
    float: none;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 75px;
    font-size: 30px;
    height: 75px;
    display: inline-block;
    border-radius: 245px;
    background-color: #fff;
    text-align: center;
    color: #fdb415;
    padding: 10px;
    vertical-align: top;
    line-height: 55px;
    margin-bottom: 25px;
}

#contact-cta{
	margin-top:25px;
}

#contact-cta .callout{
	display:block;
	vertical-align: top;
	margin:10px;
}

#contact-cta .callout span{
	display:inline-block;
	color: #fff;
	font-size:20px;
	margin-left:5px;
	
}

@media(min-width:600px){
	#contact-cta .callout span{
		margin-left:20px;
	}
}

#contact-cta .callout:nth-child(1) span{
	margin-top:20px;
}

#contact-cta .callout:nth-child(2) span{
	margin-top:15px;
}

#contact-cta .callout:nth-child(3) span{
	margin-top:40px;
}

@media(min-width:1200px){
	#contact-cta .callout{
		display:inline-block;
	}
}

#contact-info{
	font-size: 22px;
	background-color:#f5f5f5;
	padding-top:50px;
}

#contact-info .container{
	padding-left: 40px;
	padding-right: 40px;
}

.facebook-footer-btn{
	background-color: #fdb415;
	text-align: center;
	padding: 20px;
	padding-left: 40px;
	padding-right: 40px;
	display:inline-block;
	margin-top:10px;
}

.facebook-footer-btn i{
	color: #fff;
	font-size: 83px;
}

.page-title{
	font-size: 30px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0;
	text-transform: uppercase;
}

h2.subtitle{
	font-size:28px;
	margin-top:50px;
}

.productpage .main-image{
	height: 480px;
	margin-bottom:15px;
	margin-top:15px;
}

.productpage .image{
	height: 125px;
}

@media(min-width:768px){
	.productpage .image{
		height: 275px;
	}	
}

.product-left-img-col{
	padding-right: 7px;
}

.product-right-img-col{
	padding-left: 7px;
}

.product-content{
	font-size: 20px;
}

.product-content p{
	padding: 10px;
	margin-top:20px;
	margin-bottom:20px;
}

.product-features{
	margin-top:40px;
}

.product-features li{
    background: url(http://sunrise.localhost/wp-content/uploads/2018/04/yellow-check.jpg) no-repeat left top;
    padding: 0px 0px 0px 50px;
    list-style: none;
    margin-top: 40px;
}

#product-contact-cta{
	background-color: #fdb415;
	margin-top:50px;
	margin-bottom:50px;
	padding-top:20px;
	padding-bottom:20px;
}

#product-contact-cta p{
	display: inline-block;
    color: #fff;
    font-size: 28px;
    max-width: 680px;
}

#product-contact-cta .white-btn{
    background-color: #fff;
    border-radius: 20px;
    color: #fdb415;
    font-size: 28px;
    padding: 15px;
    text-transform: uppercase;
    display: inline-block;	
    vertical-align:top;
    margin-top: 10px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#youtube-cta{
	margin-bottom: 50px;
}

#youtube-cta .callout{
	margin-top: 50px;
	margin-bottom: 50px;
	color: #fdb415;
	font-size: 28px;
	text-align: center;
}

.aboutpage p{
	font-size: 28px;
}

.aboutpage img{
	margin: 20px;
}

.error-404{
	background-color:#f4f4f4;
	padding-top:200px;
	padding-bottom:200px;
}

#contact-form-container{
	padding-top:50px;
	padding-bottom:50px;
}

::-webkit-input-placeholder, input[type=submit] { /* Chrome/Opera/Safari */
  font-size: 20px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	border: none !important;
}

#contact-form-container input{
	height: 64px;
}

#contact-form-container input[type='submit']{
	border: 0;
	outline: 0;
	background-color:#fdb415;
	color: #fff;
	border-radius:20px;
	padding-left:20px;
	padding-right:20px;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:25px;
}

.nav-tabs a {
    border: none !important;
    background-color: #e4e2e2;
    color:#6f6f6e;
    margin: 10px;
    font-size: 20px;
}

.nav-tabs li.active a,.nav-tabs li.active a:hover, .nav-tabs li.active a:active{
	background-color: #fdb415 !important;
	color: #fff !important;
}

.contractorpage .tab-content{
	margin-top:20px;
}

.contractorpage .tab-content .image{
	height: 250px;
	border: 10px solid #f5f5f5;
	outline: 5px solid #fff;
}

.contractorpage .tab-content h3{
	padding-top:10px;
}

.contractorpage .tab-content p{
	font-size: 20px;
}

.nav-tabs li:first-child a{
	margin-left: 10px;
}

.nav-tabs li a{
	margin-right: 10px;
}

.email-txt{
	font-size:16px;
}

.desktop-right{
	margin-top:20px;
	float: none;
	text-align: left;
}	

.hidden-small{
	display: none;
}
@media(min-width:768px){
	.nav-tabs li:first-child a{
		margin-left: 0px;
	}	
	.nav-tabs li a{
		margin-right: 0px !important;
	}
	.email-txt{
		font-size:20px;
	}

}

@media(min-width:990px){
	.desktop-right{
		margin-top:0px;
		float: right;
		text-align: left;
	}	

}

@media(min-width:1200px){
	.hidden-small{
		display: block;
	}		
}


.site-header ul.sub-menu{
	display: block;
    position: initial;
    background-color: #fff;
    right: 100px;
    width: 340px;
    margin: auto !important;	
}

.site-header ul.sub-menu li{
    display: block !important;
    text-align: left !important;	
}

.site-header ul.sub-menu li a{
	line-height: 50px;
}

.footer ul.sub-menu{
	background-color: transparent;
}



@media(min-width:990px){
	.site-header ul.sub-menu{
		display: none;
		border: 2px solid #ccc;
		position: absolute;
		width: 210px;
		margin: 0;
	}
	.site-header ul.submenu:not( :hover ){ 
		display: none;
	 }	

	.site-header #primary-menu .menu-item-has-children:hover > ul {
		display: block;
	}
	.site-header #primary-menu ul.submenu:hover{
		display: block;
	}	 


	
	.site-header ul.sub-menu li{	
		border-bottom: 2px solid #eee;
		text-align: center !important;	
	}
}