/*
	Theme Name: BubbleUP Bootstrap Child
	Template: bubbleup
	
	brown: d8d2c4
	dark brown: 7c6755
	green: 18783c
*/

/* Generic START */
body {
	margin: 0;
	font-size: 18px;
}

a { color: #18783c; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

header { padding: 0; }

input,
textarea { max-width: 100%; }

iframe { border: none; }

/* #content ul { display: inline-block; } */

img { max-width: 100%; }

.light { font-weight: 300; }

.roboto { font-family: 'Roboto', sans-serif; }

.pt-sans { font-family: 'PT Sans', sans-serif; }

.text-decoration-none { text-decoration: none; }

.text-align-center { text-align: center; }

.text-align-right { text-align: right; }

.text-align-left { text-align: left; }

.black { color: #000; }

.white { color: #fff; }

.green { color: #18783c; }

.red { color: #db2323; }

.brown-bg { background: #d8d2c4; }

.dark-brown-bg { background: #7c6755; }

.green-bg { background: #18783c; }

.padding-top { padding-top: 1em; }

.padding-right { padding-right: 1em; }

.padding-right-2 { padding-right: 2em; }

.padding-bottom { padding-bottom: 1em; }

.padding-1 {
	padding-top: 1em;
	padding-bottom: 1em;
}

.padding-2 {
	padding-top: 2em;
	padding-bottom: 2em;
}

.padding-3 { padding-top: 3em; }

.position-1 { 
	position: relative;
	right: -0.65em;
}

hr { border-top: 1px #18783c solid; }

.uppercase { text-transform: uppercase; }

.font-2 { font-size: 2em; }
/* Generic END */

/* Header START */
header .quote { text-align: right; }

header .get-a-quote { width: 6.75em; }
/* Header END */

/* Menu START */
#header-nav-wrap div { display: inline !important; } /* menu wrapper adjusts when menu goes to 2 lines */

#header-nav .nav > li a {
	padding: 1em !important;
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
	color: #18783c !important;
}

#header-nav .nav > li > a {
	padding: 1.5em !important;
	border-right: 1px #18783c solid;
	margin-left: -0.275em;
}

	#header-nav .nav > li:last-child > a { border: none; }
	
	#header-nav .nav > li a:hover {
		background: #18783c !important;
		color: #fff !important;
	}

#header-nav .nav > li .dropdown-menu .current-menu-item a { background: #18783c !important; }

#header-nav .current-menu-item a,
#header-nav .nav .open > a,
#header-nav .current-menu-item a,
#header-nav .nav .open > a,
#header-nav .nav .open > a:hover,
#header-nav .nav .open > a:focus { color: #18783c !important; }

#header-nav .nav .caret { display: none; }

#header-nav .nav > li .dropdown-menu { background: #d8d2c4; }

	#header-nav .nav > li .dropdown-menu a:hover { background: #7c6755 !important; }
	
.is-sticky #sticky-wrap { background: #d8d2c4; }

	.is-sticky #header-nav .nav > li > a { padding: 0.75em !important; }
/* Menu END */

/* Mobile Menu START */
#mobile-nav .dropdown-menu > li .dropdown-menu { /* display third level drop-down */
	display: block;
	margin-left: 0.5em;
}

.dropdown-menu > .active > a { background-color: transparent; } /* overwrite bootstrap default color */
/* Mobile Menu END */

/* ACF START */
.full-width-image { background-attachment: scroll !important; } /* iPad fix. change to fixed on bigger screens */

	.full-width-image .container-fluid { background: rgba(255, 255, 255, 0.75); }

.gallery .gallery-item { vertical-align: text-top; }

.gallery .gallery-image:hover {
	background: #000;
	-webkit-transition: 1.5s;
	transition: 1.5s;
}
/* ACF END */

/* Front Page START */
.home .get-a-quote-full {
	position: relative;
	bottom: 7em;
	margin-bottom: -4.5em;
}

.home .circles {
	margin-top: -1em;
	border-top: 1.4em #231f20 solid;
	background: rgba(255, 255, 255, 0.9);
	border-bottom: 1.4em #231f20 solid;
}

.home a:first-child .circle { background: url(images/circle-janitorial.png) top center no-repeat; }

.home a:nth-child(2) .circle { background: url(images/circle-construction.png) top center no-repeat; }

.home a:nth-child(3) .circle { background: url(images/circle-hard-surface.png) top center no-repeat; }

.home a:nth-child(4) .circle { background: url(images/circle-commercial.png) top center no-repeat; }

.home a:nth-child(5) .circle { background: url(images/circle-facility.png) top center no-repeat; }

.home a:nth-child(6) .circle { background: url(images/circle-upholstery.png) top center no-repeat; }

.home .circle {
	margin-top: 3.5%;
	height: 7.2em;
	margin-bottom: 4.25em;	
}

.home a .circle:hover,
.home .circle:hover .uppercase {
	background-position: bottom;
	color: #18783c;
}

	.home .circle .uppercase {
		position: relative;
		top: 8.5em;
		color: #6e777f;
	}

.home .welcome .title {
	border-top: 0.25em #000 solid;
	padding: 1.25em;
	background: #d8d2c4;
	border-bottom: 0.25em #000 solid;
}

.home .welcome img.bottom { margin-top: -0.35em; }

.home .button-black {
	margin-top: 2em;
	padding: 0.5em 2.9em 0.6em;
	display: inline-block;
	border: 1px #000 solid;
	color: #000;
}

	.home a.button-black:hover {
		background: #000; 
		transition: 0.2s;
		-webkit-transition: 0.2s;
		color: #fff;
		text-decoration: none;
	}

.home .button-white {
	margin-top: 2em;
	padding: 0.5em 2.9em 0.6em;
	display: inline-block;
	border: 1px #fff solid;
	color: #fff;
}

	.home a.button-white:hover {
		background: #fff; 
		transition: 0.2s;
		-webkit-transition: 0.2s;
		color: #000;
		text-decoration: none;
	}	
/* Front Page END */

/* Content START */
.button-green {
	margin-top: 2em;
	padding: 0.3em 2.9em 0.4em;
	display: inline-block;
	background: #18783c;
	border: 1px #18783c solid;
	font-size: 0.6em;
	color: #fff;
}

	a.button-green:hover {
		background: none; 
		transition: 0.2s;
		-webkit-transition: 0.2s;
		color: #18783c;
		text-decoration: none;
	}
/* Content END */

/* Footer START */
footer {
	background: #000;
	font-size: 1em;
}

	footer a,
	footer a:hover { color: #fff; }

footer .social-media a:hover { text-decoration: none; }

#lower-footer {
	background: transparent;
	padding: 0;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	font-size: 0.75em;
}
/* Footer END */

@media (min-width: 768px) {
	.gallery .gallery-item { width: 48%; }
	
	.home .boxes { text-align: right; }
}

@media (min-width: 992px) {
	.font-1 { font-size: 1.25em; }
	
	.gallery .gallery-item { width: 23%; }
}

@media (min-width: 1200px) {
	.full-width-image { background-attachment: fixed !important; }
	
	.home .banner {
		background: url(images/banner-bg.jpg) 0 23.5em repeat-x;
		height: 57.7em;
	}
	
	.home .circles {
		margin-top: 0;
		border-top: none;
		position: relative;
		top: -18.675em;
		height: 16.25em;
	}

	.home .welcome {
		position: relative;
		top: -9em;
	}
}