@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body { font-family: 'Open Sans'; background: #55C3F1; min-height: 100vh; font-size: 1.4rem; line-height: 1.8; }
 }

p { word-wrap: break-word; }

.site-branding { background: #FAFBFB; }
.site-logo { padding-top: 20px; }
.secondary-logo { float: right; }
.secondary-logo img { max-height: 70px; margin-top: 10px; }
.gray-box, .blue-box, .darkgray-box { padding: 30px; border-radius: 10px; margin-bottom: 25px; }
.gray-box { background: #EEE; }
.blue-box { background: #e0eaf8; }
.darkgray-box { background: #E8F3E5; }
.responsive-mainnav li a, .responsive-topnav li a { color: #FFF; }
.main-navigation li, .top-navigation li { margin-right: 5px; }
.site-header { margin: 0; background: #FFF; }
.site-content { padding-top: 50px; background: #FFF; }
.img-fullwidth { width: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: inherit; }
h3 { font-size: 1.6rem; }
.no-h1 h1 { display: none; }
.no-h1 h2 { color: #4999CA; margin-top: 47px; font-weight: 200; }
/*.site-navigation-container:after { border-top: 3px solid #C8EDFB; content: ''; background: url(images/header.jpg) no-repeat center center; background-size: cover; width: 100%; height: 200px; display: block; border-bottom: 3px solid #EEE; }*/

.main-navigation { background: transparent; font-family: inherit; }
.main-navigation a { padding: 12px 15px; color: #0A4458; font-size: 15px; }
.page-entry-header, .archive-page-header, .search-page-header { border: none; }
.page-entry-title, .archive-page-title, .search-page-title { background: none; padding: 0; color: #55C3F1; font-size: 2.8rem; font-weight: 200; font-family: inherit; }

.button, a.button { background: #55C3F1; color: #FFF; border-radius: 4px; padding: 3px 10px; display: inline-block; margin-top: 10px; font-size: 11px; text-transform: uppercase; }
.button.active, .button:hover, .button:focus, .button:active,
a.button.active, a.button:hover, a.button:focus, a.button:active { color: #FFF; text-decoration: none; background: #3DA5D1; }

.site-navigation-container { background: #174816; margin-top: 30px; }
.menu-top-menu-container { margin-top: 0px; }
.main-navigation ul ul { background: #F9F9F9; padding: 0; top: 39px; }
.main-navigation ul ul li { border-bottom: 1px solid #E7ECF1; padding: 0; margin: 0; width: 100%; display: block; }
.main-navigation ul ul li a { border-radius: 0; padding: 10px 15px;  display: block; color: #616161; }
.main-navigation ul ul a:hover { background: #F0F0F0; color: #616161; }
.main-navigation ul ul li.current-menu-item { border: none; border-bottom: 1px solid #E7ECF1; }
.main-navigation .menu-item-has-children > a::after, .main-navigation .page_item_has_children > a::after { content: "\f078"; position: relative; top: -2px; }
.main-navigation li.current-menu-item { background: #a3a316; }
.page-entry-title, .archive-page-title, .search-page-title { color: #a3a316; }
.main-navigation ul { position: relative; top: 0px; }
.main-navigation li { margin-right: 38px; }
.main-navigation > li.current-menu-item { background-color: transparent; color: #FFF; border-bottom: 3px solid #FFF; }
.main-navigation li.current-menu-item a { color: #FFF; }
.main-navigation a { padding: 16px 8px 14px; color: #FFF; font-size: 14px; }
.main-navigation a:hover { color: #FFF; background: rgba(255,255,255,0.1); }

.fullwidth-box { /*margin-top: -50px;*/ margin-bottom: 40px; }
.tag-block { padding: 5px 10px; color: #FFF; border-radius: 3px; }

.site-footer, .footer-site-info { background: #4999CA; color: #FFF; }
.site-footer { margin-top: 0; }
.footer-site-info a { border: none; }
.footer-site-info a.active, .footer-site-info a:hover, .footer-site-info a:focus, .footer-site-info a:active { color: #FFF; text-decoration: underline; }

.wpcf7-form { background: #f5f5f5; padding: 30px; }
.wpcf7-form label, .wpcf7-form input[type="text"], .wpcf7-form  input[type="email"], .wpcf7-form  input[type="url"], .wpcf7-form  input[type="password"], .wpcf7-form  input[type="search"] { display: block; width: 100%; }
.wpcf7-form textarea { height: 110px; }

#captcha { margin-bottom: 15px; }

@media (max-width: 768px) {
	.site-logo, .secondary-logo { width: 50%; }
	.site-logo { padding-top: 18px; }
	.secondary-logo { padding-top: 13px; }
	.site-branding { min-height: 85px; }
	.site-navigation-container { margin-left: -20px; margin-right: -20px; }
	#main-nav-button, #top-nav-button { margin: 0; }
}