/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* Coloring the top phone number bar */
.main-navigation ul ul, .footer-widgets-wrapper, .site-footer, .top-bar {
	background-color: #13294B;
}

/* Removing default green from the buttons */
.button:hover {
	border-color: white;
}

input[type=submit] {
	color: #13294B;
	border-color: #13294B;
}

/* Changing link colors to remove default green and make a bit more contrasty */
a {
	color: #3C80C3;
}

a:hover {
	color: #3c80c3;
	opacity: .7;
}

/* Increasing or matching text sizes across pages and widgets */
.widget.widget_text p {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

.wf-active .main-navigation {
	font-size: 1.3em;
}

.wf-active .header-widget-area {
	font-size: 1.3em;
}

.header-widget-area button, .header-widget-area input[type=button], .header-widget-area input[type=reset], .header-widget-area input[type=submit], .header-widget-area .button {
	font-size: 1.1em;
}

.wf-active .footer-widgets-wrapper .widget {
	font-size: 1.3em;
}

.wf-active .top-bar {
	font-size: 1.1em;
}

.wf-active .entry-content, .wf-active .entry-summary {
	font-size: 1.5em;
}

.wf-active .page-template-front-page .site-main > .hentry:first-of-type .entry-content {
	font-size: 1.6em !important;
}

/* Adjusting the font size of the header widget area added to the main body of the home page */
.entry-content .header-widget-area button, .header-widget-area input[type=button], .header-widget-area input[type=reset], .header-widget-area input[type=submit], .header-widget-area .button {
	font-size: 1em !important;
}

.entry-content .header-widget-area {
	font-size: 1em !important;
}

/* Removing the site title */
.site-title a {
	color: #6D6D6D;
	display: none;
}

/* Making things BLUE */
.sticky-wrapper, .site-info {
	background-color: #4B9CD3;
}

.header-widget-area {
	background-color: #4B9CD3;
}

/* Make the nav white */
.main-navigation a, .main-navigation a:visited, .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:visited:hover, .main-navigation a:visited:focus, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
	color: #ffffff;
}

/* Not sure what these two do */
.custom-header {
	display: none;
}

.home .custom-header {
	display: inline-block;
}

/* Removing the name of the home page */
.home h1 {
	display: none;
}

/* Preventing the headers from ALL CAPS */
h2, h3, h4 {
	text-transform: none;
}

/*
.wf-active #infinite-handle span, .header-widget-area .wf-active .button, .wf-active button, .wf-active input[type="button"], .wf-active input[type="reset"], .wf-active input[type="submit"] {
	font-size: 1.3em;
}	
*/
/* Not sure */
.wf-active .site-info {
	font-size: 11.2px;
	display: none;
}

/* Two desktop fixes: The testimonials are all a weird size and this fixes it, but then breaks on mobile so wrapped only for desktop. Also, there was weird padding on the menu items so my button looked wrong. */
@media screen and (min-width: 768px) {
	.front-testimonials .hentry p {
		font-size: .55em;
	}
	
	/* fixing padding to center text in the div now that i added a button */
	.main-navigation a {
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
	
	/* changing the padding on the "about" because the arrow screws things up visually */
	.menu-item-90 a {
		padding-right: 0 !important;
	}
	
	.menu-item-123 .menu-item-132 a {
		padding-right: 1.5em !important;
	}
	
	/* making the contact us menu item a call to action button */
	.menu-item-10 a {
		background: #4B9CD3;
		color: white;
		border: 2px solid;
		border-radius: 10px;
	}
	
	/* turning off the call to action button when you're on the contact us page */
	body.page-id-2 li.menu-item-10 a {
		color: white;
		background: #4B9CD3;
		border-color: white;
		border: 0 solid;
		opacity: .5;
		margin: 0 0 0 -15px !important;
	}
}

/* Some mobile fixes, most notably making the buttons a bit more responsive friendly and fixing the broken testimonial featured images that was supposed to be fixed in a theme update, but still isn't (https://wordpress.org/support/topic/testimonials-not-rendered-properly-on-ios-safari/) */
@media screen and (max-width: 767px) {
	/* making widget buttons move below the copy on mobile */
	.button {
		display: block;
	}
	
	/* Changing the menu color */
	button {
		color: #13294B !important;
		border-color: #13294B !important;
	}
	
	/* making the nav items all white */
	.main-navigation ul ul a {
		color: white !important;
	}
	
	/* Aligning the word "menu" with the hamburger icon */
	.genericon {
		vertical-align: sub;
		font-size: 15.5px;
	}
	
	/* fixing the testimonial spacing */
	.front-testimonials .hentry .post-thumbnail {
		bottom: -5%;
	}
	
	.front-testimonials .jetpack-testimonial {
		margin-bottom: 100px !important;
	}
	
	/* making the right align images centered on mobile */
	img {
		float: none !important;
		display: block !important;
		margin: .83em auto !important;
	}
	
	/* hacking the testimonial template for the bios */
	.bios {
		font-size: 1.5em !important;
		display: inline-block !important;
	}
	
	body.page-id-77 .front-testimonials .jetpack-testimonial {
		margin-bottom: 3.2em !important;
	}
}

/* Removes WP sign in button for non-logged in users */
#actionbar {
	display: none;
}

/* Forces text on header Contact Us widget to stay on one line */
.header-widget-area-wrapper {
	padding-top: 1.6em;
	padding-bottom: 1.6em;
	white-space: nowrap;
}

/* Services table lines */
tr:nth-child(even) {
	background: #eee;
}

tr:nth-child(odd) {
	background: #FFF;
}