@import url(../../fonts.googleapis.com/css%EF%B9%96family=Droid+Sans%EF%BD%9CTangerine.css);

body {font: normal 15px 'Droid Sans'; color: #666; background: #fff; margin: 0; padding: 0; line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {color: #333;}
h1, h2, h3 {font: normal 25px 'Droid Sans'; letter-spacing: 2px; margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #333;text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #333;text-decoration: none;}


a, a:visited {color: #999;text-decoration: underline;}
a:hover {color: #333;text-decoration: none;}
a img {border: none;}
ul {list-style-type:square;}
ul, ol {padding-left: 25px;}
ul ul, ol ol {padding-left: 25px;}

.component_heading {margin-top: 20px;}

#header_wrapper {border-top: 10px solid #000;}

#header_text {text-align: center;}
#header_text h1#site_heading {font: normal 100px 'Tangerine';color: #000; margin-bottom: 5px;text-shadow: rgba(153, 153, 153, 0.60) 2px 2px 6px;}
#header_text h1#site_heading a {color: #000;}
#header_text h2#site_subheading {font: normal 20px 'Droid Sans';color: #666; margin-top: 0px;}

#header_photo {padding: 30px 0px 0px 0px; text-align: center;
}
#header_photo img {width: 100%;-webkit-box-shadow: 0px 15px 41px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 15px 41px -9px rgba(0,0,0,0.75);
box-shadow: 0px 15px 41px -9px rgba(0,0,0,0.75);}

#primary_navigation {font: normal 18px 'Droid Sans'; letter-spacing: 2px; zoom: 1; overflow: hidden;}
#primary_navigation ul {list-style-type: none; padding: 0 0 30px 0; margin: 0; text-align:center;}
#primary_navigation ul li {display: inline-block; margin-right: 10px;}
#primary_navigation ul li a {display: inline-block; text-decoration: none; color: #333; padding: 30px 15px 0px 15px; margin-bottom: 5px;}
#primary_navigation ul li a:hover, #primary_navigation ul li.active a {color: #999; background: #fff url('../images/arrow.png') top center no-repeat;}
#primary_navigation ul li.last {margin-right: 0px;}

#primary_navigation ul.sf-menu ul.sub_navigation {background: #fff; background-image: none; border-radius: 0px;
-webkit-box-shadow: 0px 15px 25px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 15px 25px -9px rgba(0,0,0,0.75);
box-shadow: 0px 15px 25px -9px rgba(0,0,0,0.75);
}
#primary_navigation ul.sf-menu ul.sub_navigation li, #primary_navigation ul.sf-menu ul.sub_navigation li a {border-radius: 0px;}
#primary_navigation ul.sf-menu ul.sub_navigation li a {border-top: 0px; color: #000;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a, #primary_navigation ul.sf-menu ul.sub_navigation li a:hover {border-top: 0px; color: #666;background-image: none;}

#top_wrapper {padding-bottom: 10px;}
#content_background {padding: 0 10px;}
.location {padding: 10px 0; margin-top: 20px;}
.splash #top .location {border-bottom: 0px;}

.navigation_component ul {list-style-type: none; font-size: 18px; padding: 0; margin: 0;}
.navigation_component ul a {text-decoration: none;}
.navigation_component ul li {padding: 5px 0; margin: 0;}
.navigation_component ul ul {padding-left: 35px; list-style-type:square}

.blog_component ul li a, .blog_archive_component ul li a {text-decoration: none;}
.blog_component ul, .blog_archive_component ul {list-style-type: none; padding-left: 0;}
.blog_component .blog_post ul {list-style-type: disc; padding-left: 30px;}
.blog_component p.post_read_more {padding-bottom: 10px;}
.blog_component p.post_read_more a {padding: 10px; background: #000; color: #fff; text-decoration: none;}
.blog_component p.post_read_more a:hover {background: #999; color: #fff; text-decoration: none;}
.blog_component p.archived {text-align: right; padding-top: 10px;}
.blog_component p.archived a {padding: 10px; background: #999; color: #fff; text-decoration: none;}
.blog_component p.archived a:hover {background: #000; color: #fff; text-decoration: none;}

.blog_post .title {margin-top: 20px;}
.metadata {font-size: 11px; border-top: 1px solid #ccc;margin-top: 10px;padding-top: 5px;}

.comment.owner {border: none; background: #f1f1f1;}
.comment {border-bottom: 1px solid #ccc;}


.component input {min-height: 30px;}
.component input, .component textarea, .component select {font: normal 14px Georgia; border: none; color: #666; border: 1px solid #ccc; background-color:#f1f1f1; border-radius:0px;}
.component select {font: normal 14px Georgia; padding: 9px 0px;}
.component button, .blog_component p.post_read_more a, .blog_component p.archived a, input.form_field_submit_button, .submit_wrapper input {border-radius: 5px; padding: 10px 20px; background: #000; color: #fff; border: none; font-size: 16px;}
.component button:hover, .blog_component p.post_read_more a:hover, .blog_component p.archived a:hover, input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #666; color: #fff; font-size: 16px;border-radius:5px;}

.page_contact #component_657495 .asterion_vector_map {margin-top: -12px;}

.page_video .component_content p:has(video),
.page_video .component_content p:has(iframe[src*="youtube.com/embed"]) {
	display: flex;
	flex-wrap: wrap;
	gap: 28px 84px;
	align-items: flex-start;
	font-size: 0;
	line-height: 0;
}

.page_video .component_content p:has(video) video,
.page_video .component_content p:has(iframe[src*="youtube.com/embed"]) iframe {
	display: block;
	flex: 0 0 auto;
	max-width: 100%;
}

.page_video .component_content p[style*="text-align: center"]:has(video),
.page_video .component_content p[style*="text-align: center"]:has(iframe[src*="youtube.com/embed"]) {
	justify-content: center;
}

.page_video #component_374527 .component_content p:has(iframe[src*="youtube.com/embed"]),
.page_video #component_374907 .component_content p:has(iframe[src*="youtube.com/embed"]) {
	display: block;
	font-size: 0;
	line-height: 0;
	text-align: justify;
	margin: 0 0 58px 0;
}

.page_video #component_374527 .component_content p:has(iframe[src*="youtube.com/embed"]) iframe,
.page_video #component_374907 .component_content p:has(iframe[src*="youtube.com/embed"]) iframe {
	display: inline-block;
	width: 300px;
	height: 200px;
	vertical-align: top;
}

.page_video #component_374527 .component_content p:has(iframe[src*="youtube.com/embed"]):after,
.page_video #component_374907 .component_content p:has(iframe[src*="youtube.com/embed"]):after {
	content: "";
	display: inline-block;
	width: 100%;
}

@media screen and (max-width: 980px) {
	.page_video #component_374527 .component_content p:has(iframe[src*="youtube.com/embed"]),
	.page_video #component_374907 .component_content p:has(iframe[src*="youtube.com/embed"]) {
		text-align: center;
	}
}



#footer_wrapper {color: #a1a1a1; padding: 30px 10px 10px 10px; background: #0B0B0B;margin-top: 30px;}
#footer_wrapper a, #footer_wrapper a:visited, #footer_wrapper a:hover {color: #a1a1a1;}
#footer_wrapper .footer_icon_row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 34px;
	width: 100%;
	margin: 0;
	text-align: center;
}
#footer_wrapper .footer_icon_row a {
	display: flex;
	align-items: center;
	justify-content: center;
}
#footer_wrapper .footer_icon_row img {
	border: none;
	display: block;
	width: 100px;
	height: 100px;
}
#footer_wrapper .footer_icon_row .footer_github_link img {
	width: 150px;
	height: 100px;
	object-fit: contain;
}
#powered_by {padding: 10px 0 30px 0; text-align:center;}
#copyright {text-align:center;}





@media screen and (max-width: 650px) {
	#primary_navigation ul {padding-bottom: 15px;}
	#primary_navigation ul li a {padding: 5px 5px 0px 5px;}
}

@media screen and (max-width: 768px) {
	#primary_navigation ul li a {padding: 10px 10px 0px 10px;}
	#header_text h1#site_heading {font-size: 55px;}
	#header_text h2#site_subheading {font-size: 20px;}
}