/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
/*--------------------------------------------------------------*/


body,
input,
select,
textarea {
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
button,
.button,
.entry-meta,
.entry-footer,
.comment-list .reply,
.comment-metadata,
.widget_recent_entries .post-date,
.widget_rss .rss-date,
.main-navigation ul > li > a,
.main-navigation ul ul a,
.author-title,
.search-form ::-webkit-input-placeholder,
.testimonials .entry-title,
.widget .testimonial-entry-title,
.site-title,
.site-description,
.site-info { 
	font-family: "Oswald", sans-serif;
}

.recent-posts-title, .page-title {
	text-transform: uppercase;
}

.entry-title,
.widget .testimonial-entry p:first-of-type,
.testimonials .hentry p:first-of-type {
	font-weight: 400;
}


/*# Links
--------------------------------------------------------------*/
a {
	color: #005393;
	text-decoration: none;
}
a:visited {
	color: #005393;
}
a:hover, a:focus, a:active {
	color: #003660;
	text-decoration: underline;
}



.ugb-text {
    	text-shadow: 1px 0px 6px black;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
#infinite-handle span {
	background: #005393;
	color: white;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
#infinite-handle span:hover {
	background: #003660;
	color: #fff;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:active,
.button:focus,
#infinite-handle span:active,
#infinite-handle span:focus {
	background: #003660;
	color: #fff;
}
.button:visited {
	color: #fff;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation a:hover {
	color: #003660;
}
.main-navigation ul > li > a {
	color: #000;
}

.main-navigation .menu-toggle {
	background: #005393;
}

form.search-form {
	margin-bottom: 0em;
}

.site-content {
    margin-top: -39px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	background: #005393;
}

/*--------------------------------------------------------------
# Formatting
--------------------------------------------------------------*/
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
	background-color: #005393;
	color: #fff;
}
.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
	background: #003660;
}

.list__header {
	
	color: grey;
}

.header-overlay {
		background: #000;
	}

.header-overlay:before {
		background: rgba(0, 0, 0, 0.5);
}

.featured-content .hentry {
	background: #000;
}

.site-title {
		font-size: 14px;
		width: 200px;
}

.site-header .jetpack-social-navigation a:hover {
	color: #003660;
}

.site-info {
	display: none;
}

.featured-content .hentry:hover .entry-title {
	color: #003660;
}

#text-2 > div > div > div > div > p {color:white;}

#text-2 > div > div > div > span {color:white;}

#text-2 > div > div > div > span > a {color:white}

@media screen and ( min-width: 36rem ) {
	.mobile {
		display: none;
	}
}