/*
Theme Name: Catch Basin Authority
Theme URI: http://underscores.me/
Author: Mike Scott
Author URI: http://mikescott.ca
Description: A theme for Catch Basin Authority based on Underscores
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cba
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.

Catch Basin Authority 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/
*/

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #2D2926;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
}
button, .button, button:visited, .button:visited {
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1rem;
	text-transform: uppercase;
	background-color: #DA291C;
	border: none;
}
button:hover, .button:hover, button:active, .button:active {
	color: #FFF;
	background-color: #8B1B13;
	border: none;
}

#masthead {
	padding: 1.25rem 0;
}
#masthead .custom-logo {
	width: 100px;
}
.top-bar section#top-header {
    width: 100% !important;
}
.top-bar section#top-header a{
    color: #fff !important;
}
.top-bar {
    background: #DA291C !important;
}
.float-right a{
    float:right !important;
}
.menu-item-has-children:hover .sub-menu {
    opacity: 1 !important;
}
#main #home-intro {
    margin-top: 2.5rem;
}
.benefits-home .fa-plus:before {
    content: "\f105";
}
.benefits-home .fa-minus:before {
    content: "\f107";
}
.benefits-home p {
    font-size: 15px !important;
}
.benefits-home h1 {
    font-size: 1.875rem;
}
article.homepage-article-services h2 {
    margin-bottom: 20px;
}
article.homepage-article-services {
    text-align: center;
}
article.homepage-article-services h4 {
    margin-top: 15px;
    margin-bottom: 15px;
}
article.homepage-article-services-2{
margin-top:30px;
margin-bottom:30px;
}
article.homepage-article-services p {
    min-height: 100px;
}
article.homepage-article-services-2 h4 {
    font-size: 20px;
}
.benefits-home .ea-expand-icon {
    background: red;
    border-radius: 30px;
    width: 30px;
    font-size: 19px !important;
    color: white !important;
}
.benefits-home .ea-card.sp-ea-single {
    background: transparent !important;
    border: none !important;
}
.benefits-home {
    padding-top: 50px;
}
ul.sub-menu {
    opacity: 0;
}
ul.sub-menu {
    position: absolute !important;
    z-index: 9999 !important;
    list-style: none;
}
ul.sub-menu {
    padding: 0 !important;
    margin: 0 !important;
}
ul.sub-menu {
    padding: 0 !important;
    margin: 0 !important;
    background: #eee;
}
ul.sub-menu li a{
    padding: 15px 20px !important;
    margin: 0 !important;
}
.menu-item-has-children a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-right: 0px;
	padding-left: 5px;
}
.menu-item-has-children .sub-menu a:after {
    content: "" !important;
}
.wpcf7 .cell.medium-6.large-6 {
    width: 50% !important;
    float: left;
    padding: 10px;
    margin-top: 0 !important;
}
.wpcf7 .cell.small-12.medium-12.large-12 {
    width: 100% !important;
    margin-top: 0 !important;
    padding: 10px !important;
    clear: both;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    background: #DA291C;
    color: #fff;
}



@media screen and (min-width: 40em) {
	#masthead .custom-logo {
		width: 166px;
	}
}
#masthead .site-title, #masthead .site-description {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -100%;
	overflow: hidden;
}
#masthead .cell {
	display: flex;
}
#masthead .main-navigation ul {
	display: none;
}
#masthead .menu-toggle, #masthead .main-navigation.toggled ul {
	display: block;
}
#masthead .menu-toggle {
	padding: 0.5rem 0 0.5rem 2.25rem;
	color: #2D2926;
	background-color: inherit;
	background-image: url(images/icon-menu.png);
	background-repeat: no-repeat;
	background-size: 26px 21px;
	background-position: left center;
}
@media screen and (min-width: 64em) {
	#masthead .menu-toggle {
		display: none;
	}
	#masthead .main-navigation ul, #masthead .main-navigation.toggled ul {
		display: flex;
	}
}
#masthead #site-navigation {
	margin-top: 1rem;
	margin-left: auto;
	font-size: 1.25rem;
	color: #2D2926;
}
footer#colophon {
    padding-bottom: 0;
}
form.wpcf7-form input, form.wpcf7-form textarea {
    padding-left: 10px;
}
#main .sp-ea-one.sp-easy-accordion a:not(.button), #main .sp-ea-one.sp-easy-accordion a:visited:not(.button) {
    border-bottom: none;
}
.page-id-13 .sp-easy-accordion iframe {
    width: 600px;
}
@media screen and (max-width: 768px) {
	ul.sub-menu {
    position: relative !important;
    opacity: 1;
    background: transparent;
    margin-left: 20px !important;
}
	
.menu-item-has-children a:after{
     content: none !important;
}
	.footer-logo img {
    width: 250px !important;
    padding-bottom: 15px;
}
#colophon ul#secondary-menu li, #colophon ul#secondary-menu {
    display: inline-block;
}
#colophon .cell.small-12.large-6 {
    text-align: center !important;
}
}
@media screen and (max-width: 767px) {
	section#top-header .cell {
    		width: 50%;
	}
	
}
@media screen and (min-width: 40em) {
	#masthead #site-navigation {
		margin-top: 2rem;
	}
}
#masthead #site-navigation a, #masthead #site-navigation a:visited {
	padding: 1rem 1rem;
	color: #FFF;
}
#masthead #site-navigation a:hover, #masthead #site-navigation a:active {
	color: #FFF;
	background-color: #8B1B13;
}
@media screen and (min-width: 64em) {
	#masthead #site-navigation a, #masthead #site-navigation a:visited {
		padding: .7rem 1rem;
		color: #2D2926;
	}
	#masthead #site-navigation a:hover, #masthead #site-navigation a:active {
		color: #DA291C;
		background: none;
	}
	#masthead #site-navigation li:last-child a {
		padding-right: 0;
	}
}
#masthead #primary-menu {
	margin-top: 2.0625rem;
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	background-color: rgba(218,41,28,0.95);
}
@media screen and (min-width: 40em) {
	#masthead #primary-menu {
		margin-top: 3.5rem;
	}
}
@media screen and (min-width: 64em) {
	#masthead #primary-menu {
		margin-top: 0;
		position: relative;
		top: inherit;
		background: none;
	}
}

#home-hero {
	margin-bottom: 2.5rem;
	color: #FFF;
	background-color: #2D2926;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
@media screen and (min-width: 40em) {
	#home-hero {
		margin-bottom: 5rem;
	}	
}
#home-hero-inner {
	padding: 6rem 0;
	background-color: rgba(45,41,48,0.7);
}
#home-hero h2 {
	margin: 0;
	font-size: 1.875rem;
	line-height: 1;
}
#home-hero h3 {
	margin: 0;
	font-size: 1.125rem;
	line-height: 1;
}
@media screen and (min-width: 40em) {
	#home-hero-inner {
		padding: 10rem 0;
	}	
	#home-hero h2 {
		font-size: 4rem;
	}
	#home-hero h3 {
		font-size: 2.25rem;
	}
	
}
#main a:not(.button), #main a:visited:not(.button) {
	padding-bottom: 0.125rem;
	color: #5B584D;
	border-bottom: 1px solid #5B584D;
}
#main a:hover:not(.button), #main a:active:not(.button) {
	color: #816E6E;
	border-bottom-color: #816E6E;
}
#main #home-intro {
	margin-bottom: 2.5rem;
}
#main #home-intro h2 {
	color: #DA291C;
	line-height: 1;
}
#main #home-intro p:last-child {
	margin-bottom: 0;
}
@media screen and (min-width: 40em) {
	#main #home-intro {
		margin-bottom: 5rem;
	}	
	#main #home-intro h2 {
		margin-bottom: 1.5rem;
		font-size: 1.875rem;
	}
	#main #home-intro p {
		font-size: 1.25rem;
	}	
}
#main .homepage-article {
	padding: 1.25rem 0;
	margin-bottom: 1.25rem;
}
@media screen and (min-width: 40em) {
	#main .homepage-article {
		padding: 2.5rem 0;
		margin-bottom: 2.5rem;
	}
}
#main .homepage-article .grid-container {
	position: relative;
}
#main .homepage-article .homepage-article-image {
	z-index: 100;
}
#main .homepage-article .homepage-article-image img {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
@media screen and (min-width: 40em) {
	#main .homepage-article .homepage-article-image {
		position: absolute;
		top: -2.5rem;
		right: 0;
	}
	#main .homepage-article .homepage-article-image-left {
		left: 0;
	}
}
#main .homepage-article .homepage-article-text {
	margin: 0 1rem;
	padding: 1rem;
	background-color: #ECECEB;
}
#main .homepage-article .homepage-article-text p:last-child {
	margin-bottom: 0;
}
#main .homepage-article .homepage-article-text .button {
	margin-bottom: 0;
}
#main .homepage-article .homepage-article-text h1 {
	margin: 1.125rem 0;
	font-size: 1.125rem;
	line-height: 1;
}
@media screen and (min-width: 40em) {
	#main .homepage-article .homepage-article-text {
		margin: 0;
		padding: 2.5rem;
		padding-right: 45%;
	}
	#main .homepage-article .homepage-article-text.homepage-article-text-left {
		padding-left: 45%;
		padding-right: 2.5rem;
	}
	#main .homepage-article .homepage-article-text h1 {
		margin-top: 0;
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 64em) {
	#main .homepage-article .homepage-article-text {
		padding-right: 33.333%
	}
	#main .homepage-article .homepage-article-text.homepage-article-text-left {
		padding-left: 33.333%;
		padding-right: 2.5rem;
	}
}
#main .entry-header {
	background-color: #ECECEB;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
}
#main .entry-header .entry-header-text {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	background-color: #ECECEB;
}
@media screen and (min-width: 40em) {
	#main .entry-header {
		padding-top: 0 !important;
		background-position: right center;
		background-size: auto;
	}
	#main .entry-header .entry-header-text {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}
#main .entry-header h1.entry-title, #main .entry-header h2.entry-subtitle {
	margin: 0;
	line-height: 1;
}
#main .entry-header h1.entry-title {
	font-size: 1.875rem;
}
#main .entry-header h2.entry-subtitle {
	font-size: 1.5rem;
	color: #DA291C;
}
@media screen and (min-width: 40em) {
	#main .entry-header h1.entry-title {
		font-size: 2.25rem;
	}
	#main .entry-header h2.entry-subtitle {
		font-size: 1.875rem;
	}
}
#main .entry-content {
	margin: 2.5rem 0;
}
@media screen and (min-width: 40em) {
	#main .entry-content {
		margin: 5rem 0;
	}
}
#main .entry-content h1, #main .entry-content h2 {
	margin-bottom: 1.125rem;
	font-size: 1.5rem;
	line-height: 1;
}
#main .entry-content h3 {
	margin-top: 2rem;
	margin-bottom: 1.125rem;
	color: #DA291C;
	font-size: 1.125rem;
	line-height: 1;
}
#main .entry-content h4, #main .entry-content h5, #main .entry-content h6 {
	margin-top: 2rem;
	margin-bottom: 1.125rem;
	color: #4D4542;
	font-size: 1.0625rem;
	line-height: 1;
}
#main .entry-content p:last-child {
	margin-bottom: 0;
}
@media screen and (min-width: 40em) {
	#main .entry-content h1, #main .entry-content h2 {
		font-size: 1.875rem;
	}
	#main .entry-content h3 {
		font-size: 1.5rem;
	}
	#main .entry-content h4, #main .entry-content h5, #main .entry-content h6 {
		font-size: 1.25rem;
	}
}
#main .entry-content .entry-image {
	margin-top: 2.5rem;
}
#main .entry-content .entry-image img {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
@media screen and (min-width: 40em) {
	#main .entry-content .entry-image {
		margin-top: 0;
	}
}
#main .entry-content .content-row .cell {
	margin-top: 2.5rem;
}
@media screen and (min-width: 40em) {
	#main .entry-content .content-row .cell {
		margin-top: 5rem;
	}
}
#main .entry-content .content-row h1:first-child,
#main .entry-content .content-row h2:first-child,
#main .entry-content .content-row h3:first-child,
#main .entry-content .content-row h4:first-child,
#main .entry-content .content-row h5:first-child,
#main .entry-content .content-row h6:first-child {
	margin-top: 0;
}
#main .entry-content .thumbnail {
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	position: relative;
	-webkit-transition: scale 0.25s ease;
	-moz-transition: scale 0.25s ease;
	transition: scale 0.25s ease;
}
#main .entry-content .thumbnail.thumbnail-onethird {
	margin: 1%;
	width: 31.333%;
}
#main .entry-content .thumbnail.thumbnail-onehalf {
	margin: 1%;
	width: 48%;
}
#main .entry-content .thumbnail:hover {
	z-index: 1000;
	transform: scale(1.1);
}
#main .entry-content .gallery-item {
	padding: 0.5rem;
}
#main .entry-content .gallery-item a {
	margin: 0;
	padding: 0;
	border: none;
}
#main .entry-content .gallery-item img {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	position: relative;
	-webkit-transition: scale 0.25s ease;
	-moz-transition: scale 0.25s ease;
	transition: scale 0.25s ease;
}
#main .entry-content .gallery-item img:hover {
	z-index: 1000;
	transform: scale(1.05);
}
#main .entry-footer {
	margin-bottom: 2.5rem;
}
@media screen and (min-width: 40em) {
	#main .entry-footer {
		margin-bottom: 5rem;
	}
}

#contact-banner {
	color: #FFF;
	background-color: #DA291C;
	background-image: url(images/homepage-header.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#contact-banner-inner {
	padding: 2.5rem 0;
	background-color: rgba(218,41,28,0.9);
}
@media screen and (min-width: 40em) {
	#contact-banner-inner {
		padding: 5rem 0;
	}
}
#contact-banner .widget {
	margin: 0;
}
#contact-banner h2 {
	font-size: 1.25rem;
}
#contact-banner p:last-child {
	margin-bottom: 0;
}
@media screen and (min-width: 40em) {
	#contact-banner h2 {
		font-size: 1.875rem;
	}
	#contact-banner p {
		font-size: 1.25rem;
	}
}
#contact-banner .button, #contact-banner .button:visited {
	margin: 0;
	color: #FFF;
	font-size: 1.25rem;
	background-color: #2D2926;
}
#contact-banner .button:hover, #contact-banner .button:active {
	color: #2D2926;
	background-color: #FFF;
}

#secondary-footer {
	margin: 2.5rem 0;
}
#secondary-footer .widget:last-child {
	margin-bottom: 0;
}
#secondary-footer h2 {
	color: #DA291C;
	font-size: 1rem;
}
#secondary-footer p:last-child {
	margin: 0;
}
#secondary-footer img {
	margin: 1rem;
}
@media screen and (min-width: 40em) {
	#secondary-footer {
		margin: 5rem 0;
	}
	#secondary-footer h2 {
		font-size: 1.125rem;
	}
	#secondary-footer img {
		margin: 1rem 1.5rem;
	}
}

#colophon {
	padding: 2.5rem 0;
	color: #FFF;
	background-color: #2D2926;
}
@media screen and (min-width: 40em) {
	#colophon {
		padding: 3.5rem 0;
	}
}
#colophon .primary-footer-left h2 {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -100%;
	overflow: hidden;
}
#colophon .primary-footer-right h2 {
	margin: 0;
	padding: 0;
	font-size: 1rem;
}
#colophon .primary-footer-left p, #colophon .primary-footer-right p {
	margin: 0;
}
#colophon-secondary {
	color: #D0D0CE;
	font-size: 0.875rem;
}
#colophon-secondary ul {
	margin-bottom: 1rem;
	display: block;
}
@media screen and (min-width: 40em) {
	#colophon-secondary ul {
		display: flex;
	}
}
#colophon-secondary a, #colophon-secondary a:visited {
	margin-right: 0.5rem;
	padding-left: 0;
	padding-right: 0;
	color: #D0D0CE;
	text-decoration: underline;
}
#colophon-secondary a:hover, #colophon-secondary a:active {
	color: #FFF;
}