@import url( fonts.css );

:root {
	--font-family-heading: 'Arial', serif;
	--font-family-body: 'Arial', sans-serif;
	--font-family-body-secondary: 'Roboto', sans-serif;
	--font-family-menu: 'Verdana', sans-serif;
	--font-family-footer-body: 'Verdana', sans-serif;
	--font-family-secondary: 'Roboto', sans-serif;

	--font-size-heading-one: 300%;
	--font-size-heading-two: 250%;
	--font-size-heading-three: 150%;
	--font-size-heading-four: 100%;
	--font-size-heading-five: 100%;

	--height-header: 140px;
	--height-header-active: 100px;
	--height-header-mobile: 80px;

	--padding-section-spacing: 6rem;

	--color-heading: #000000;
	--color-body: #000000;
	--color-accent: #DC143C;
	/* --color-accent-secondary: #00244A; */

	--color-menu-background: #FFFFFF;
	--color-menu-text: #081f2c;
	--color-menu-background-hover: #DC143C;
	--color-menu-text-hover: #FFFFFF;

	--color-button-primary: #93B66E;
	--color-button-text-primary: #FFFFFF;
	--color-button-secondary: #FFFFFF;
	--color-button-text-secondary: #93B66E;

	--color-form-field-border: #cccccc;
	--color-footer-background: #000000;
	--color-footer-text: #ffffff;
	--color-inside-cta-background: #cccccc;
}


/*--- BASE STYLES ---*/


body {
	background-color: #ffffff;
	color: var(--color-body);
	font-family: var(--font-family-body);
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

img {
	max-width: 100%;
	height: auto!important;
}

iframe {
	max-width: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p {
	line-height: 1.8em;
}

h3.second{
	font-family: var(--font-family-secondary);
}

h3.lora{
	font-family: var(--font-family-body-secondary);
}

p.lora {
	font-family: var(--font-family-body-secondary);
}

hr {
	border: 0;
	border-top: 2px solid #000000;
	width: 20%;
	margin: 20px auto;
}

.heading, h1, h2, h3, h4, h5 {
	color: var(--color-heading);
	font-family: var(--font-family-heading);
	font-weight: normal;
	letter-spacing: 0px;
	line-height: normal;
	text-transform: none;
}

h1,
.heading.one {
	font-size: var(--font-size-heading-one);
}

h2,
.heading.two {
	font-size: var(--font-size-heading-two);
}

h3,
.heading.three {
	font-size: var(--font-size-heading-three);
	text-transform: uppercase;
}

h4,
.heading.four {
	font-size: var(--font-size-heading-four);
}

h5,
.heading.five {
	font-size: var(--font-size-heading-five);
}

.heading a, h1 a, h2 a, h3 a, h4 a {
	color: inherit;
	text-decoration: none;
}

.heading em, h1 em, h2 em, h3 em, h4 em {
	font-style: normal;
	color: #c6c6c6;
}

.italic-title {
	font-size: 120%;
	font-style: italic;
	margin: 20px 0;
}

.subtitle {
	font-size: var(--font-size-heading-three);
	margin: 20px 0;
}


/*--- MAIN WRAPPER ---*/


.wrapper {
	margin: 0px auto;
	padding: 0px 20px;
	position: relative;
	text-align: left;
	/* max-width: 1685px; */
	max-width: 1885px;
}

.wrapper.inside {
	max-width: 1485px;
}

.wrapper.small {
	max-width: 1285px;
}


/*--- HEADER ---*/


#header {
	/* background-color: transparent;
	height: var(--height-header);
	left: 0;
	padding: 0;
	position: relative;
	top: 0px;
	width: 100%;
	z-index: 999;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; */
	background-color: transparent;
    height: var(--height-header);
    /* left: 0; */
    padding: 0;
    position: relative;
    /* text-align: center; */
    /* justify-content: center; */
    /* top: 0px; */
    /* width: 100%; */
    z-index: 999;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;

}

/* #header.active {
	top: 0;
} */

/* #header.open,
#header.active,
#header:hover {
	background-color: #ffffff;
} */

/* #header.open,
#header.active {
	height: var(--height-header-active);
} */

#back-top {
	background-image: url( ../images/top.png );
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.5);
	background-size: 20px auto;
	/*border-radius:  4px;*/
	bottom: 10px;
	opacity: 0;
	position: fixed;
	right: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	visibility: hidden;
	width: 45px;
	z-index: 800;
}

#back-top:hover {
	background-color: var(--color-accent);
}

#back-top a {
	display: block;
	height: 45px;
	text-align: left;
	text-indent: -9999px;
	width: 45px;
}

#back-top.active {
	opacity: 1;
	visibility: visible;
}

div.page-title {
	padding: 6rem 0;
	background-image: url( '../images/page-title-background.jpg' );
	background-size: cover;
	background-repeat: no-repeat;
}



div.page-title h1 {
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}

#logo {
	/* float: left; */
	/* width: 300px;
	padding: 10px 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; */

	justify-content: center;
    margin: auto;
    text-align: center;
    margin: auto;
    position: relative;
    width: 200px;
}
}

#header.active #logo {
	width: 125px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#logo img {
	height: auto;
	max-width: 100%;
	width: auto;
}

#navigation {
	height: 180px;
	text-align: right;
	margin-left: 200px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#header.open #navigation,
#header.active #navigation {
	height: var(--height-header-active);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


/*--- MENU ---*/


ul#menu {
	border: 0px none;
	display: inline-block;
	height: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#menu li {
	background: none;
	display: block;
	float: left; /*For Gecko*/
	height: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
}

ul#menu ul {
	background-color: var(--color-menu-background);
	display: none;
	left: 0;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 210px;
}

ul#menu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	font: 1px/0px serif;
	visibility: hidden;
}

ul#menu ul li {
	background-image: none;
	background-color: var(--color-menu-background);
	border: none;
	color: var(--color-menu-text);
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	height: auto;
	padding: 0px;
	text-transform: uppercase;
	text-align: left;
	width: 210px;
}

/* Root Menu */
ul#menu a {
	color: var(--color-menu-text);
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font-family: var(--font-family-menu);
	font-size: 100%;
	font-weight: normal;
	height: 100%;
	padding: 0px 20px;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 99;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

ul#menu > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

ul#menu > li > a > span {
	padding: 0px;
}

ul#menu ul a {
	letter-spacing: normal;
	text-transform: none;
}

/* ul#menu > li:last-of-type a span {
	background-color: #ffffff;
	color: #000000;
	display: inline-block;
	font-size: 90%;
	padding: 14px 24px;
	text-transform: none;
}

ul#menu > li:last-of-type a span:hover {
	background-color: #cccccc;
	color: #000000;
} */

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
	color: var(--color-accent);
	text-decoration: none;
}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
	color: var(--color-menu-text);
	float: none;
	height: auto;
	line-height: 1.1em;
	padding: 10px 22px;
	text-decoration: none;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li:hover, ul#menu li.iehover li.iehover {
	background-color: var(--color-menu-background-hover);

}

ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
	background-color: var(--color-menu-background-hover);
	color: var(--color-menu-text-hover);
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
	background-color: var(--color-menu-background);
	color: var(--color-menu-text);
}

/* 3rd Menu Hover Persistence */
ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
	background-color: var(--color-menu-background-hover);
	color: var(--color-menu-text-hover);
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
	background-color: var(--color-menu-background);
	color: var(--color-menu-text);
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
	background-color: var(--color-menu-background-hover);
	color: var(--color-menu-text-hover);
}

ul#menu ul ul,
ul#menu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
	display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
	display: block;
}

/*--- BASE CONTENT STYLES ---*/

#content-container {
	background-color: #FFFFFF;
	min-height: 300px;
}

#content-container.inside {
	background-color: #ffffff;
	background-image: url( '../images/page-title-background.png' );
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	/* padding-top: 100px; */
	min-height: 600px;
}

.page-section-container {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: var(--padding-section-spacing) 0;
	position: relative;
	text-align: center;
}

.page-section-container .wrapper {
	text-align: center;
}

.page-section-container.dark {
	background-color: #000000;
}

.page-section-container.white {
	background-color: #ffffff;
}

.page-section-container.dark h1,
.page-section-container.dark h2,
.page-section-container.dark h3,
.page-section-container.dark h4,
.page-section-container.dark h5,
.page-section-container.dark .heading,
.page-section-container.dark p {
	color: #ffffff;
}

.page-section-container.dark hr {
	border-color: #ffffff;
}

.page-section-container.dark .subtitle {
	color: #ffffff;
}

#content-container.inside .page-section-container:first-of-type {
	padding-top: 0;
}

/*--- CONTENT ---*/


/*--- CALL TO ACTION ---*/

#cta-container {
	background-image: url( '../images/cta-background.png' );
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: var(--padding-section-spacing) 0;
	text-align: center;
}

#cta-container .heading.one,
#cta-container .heading.two {
	margin: 10px 0;
}

#cta-container .wrapper {
	text-align: center;
}

#cta-container .cta-button {
	margin: 2rem 0;
}

#cta-container .btn {
	margin: 0 20px;
}

#cta-container p {
	max-width: 70%;
	margin: 16px auto;
}

#cta-container hr {
	width: 10%;
	margin: 20px auto;
}


/* ALTERNATE CTA */


.cta-container-alt {
	background-color: var(--color-inside-cta-background);
	color: #ffffff;
	text-align: left;
	width: 100%;
}

.cta-flex-container-alt {
	background-image: url( '../images/cta-watermark.png' );
	background-size: auto 100%;
	background-position: calc(50% - 100px) center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: var(--padding-section-spacing);
}

.cta-flex-container-alt .cta-item {
	padding: 0;
}

.cta-container-alt .heading.two,
.cta-container-alt .heading.three a,
.cta-container-alt .heading.four a {
	color: #ffffff;
}

.cta-container-alt .contact-flex-item i {
	color: var(--color-accent);
}

.cta-container-alt a:not(.btn) {
	color: inherit;
}

.cta-container-alt .cta-item.contact span {
	font-size: 120%;
	margin: 0 20px 0 0;
}

/*--- NAVIGATION ---*/


div.navigation-container {
	text-align: center;
	display: inline-block;
	font-family: var(--font-family-body);
	font-size: 110%;
	padding: 12px 5px;
	margin: 20px auto 20px auto;
	width: 100%;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}

div.navigation-container a {
	color: #000000;
	padding: 6px;
	text-decoration: none;
	font-size: 110%;
}

div.navigation-container span {
	color: #C50019;
	padding: 6px;
	font-size: 110%;
}

/*--- FOOTER ---*/

#footer-container {
	background-color: #3E548B;
	color: var(--color-footer-text);
	font-family: var(--font-family-footer-body);
	padding: var(--padding-section-spacing) 0;
	text-align: left;
}

#footer-container a {
	color: var(--color-footer-text);
	margin: 0;
	text-decoration: none;
}

#footer-container p {
	color: var(--color-footer-text);
	margin: 5px 0;
}

.footer-item-container{
	text-align: center;
}
/* #footer-container p.muted,
#footer-container p.muted a {
	color: #cccccc;
} */

.contact-flex-item {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	font-size: 100%;
	margin: 0 20px;
}

.contact-flex-item i {
	color: var(--color-accent);
	padding-right: 15px;
}

.contact-flex-item p {
	margin: 0!important;
}

.contact-flex-item a {
	color: inherit;
}

.contact-flex-item span {
	width: 25%;
	padding-right: 10px;
	text-transform: uppercase;
}

.social-media-buttons {
	position: relative;
	text-align: center;
	margin: 4rem 0 0 0;
}

.social-button {
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	/* border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; */
	display: inline-block;
	height: 45px;
	text-align: center;
	text-indent: -9999px;
	vertical-align: middle;
	width: 45px;
}

a.social-button {
	position: relative;
}

a.social-button img {
	position: absolute;
	top:0;
	right:0;
}

.social-button:hover {
	background-color: #ffffff;
}

.social-button.alternate:hover {
	background-color: #ffffff;
}

.social-button img {
	height:100%;
	width: 100%;
	padding:2px;
	display:block;
}

.social-button.youtube img {
	padding: 4px;
}

.social-button.instagram img {
	padding: 4px;
}


/*--- TABLE ---*/


#content-container table {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 10px;
}

#content-container th {
	background-color: #303030;
	color: #ffffff;
}

#content-container tr {
	background-color: #ffffff;
}

#content-container tr:nth-child(even) {
	background-color: #f3f3f3;
}

#content-container td {
	padding: 15px 15px;
	font-size: 100%;
}


/*--- MESSGE BOXES ---*/


div.msg-error,
div.msg-success,
div.msg-warning,
div.msg-information,
div.msg-question {
	background-repeat: no-repeat;
	background-position: 34px center;
	color: #f5f5f5;
	padding: 17px 10px 17px 104px;
	text-align: left;
	margin-bottom: 10px;
	min-height: 40px;
}

div.msg-error {
	background-image: url( '../images/message-error-bg.png' );
	background-color: #dd2327;
	border: 6px solid #f7464a;
}

div.msg-information {
	background-image: url( ../images/message-info-bg.png );
	background-color: #5f5f5f;
	border: 6px solid #291d11;
}

div.msg-question {
	background-image: url( ../images/message-question-bg.png );
	background-color: #007d7b;
	border: 6px solid #46bfbd;
}

div.msg-success {
	background-image: url( '../images/message-success-bg.png' );
	background-color: #5ba800;
	border: 6px solid #79dd03;
}

div.msg-warning {
	background-image: url( '../images/message-warning-bg.png' );
	background-color: #fdb45c;
	border: 6px solid #fdce5c;
	color: #291d11;
}

div.msg-error a,
div.msg-success a,
div.msg-warning a,
div.msg-information a,
div.msg-question a {
	color: inherit;
	text-decoration: underline;
}

span.input-error {
	color: #C20000;
	display: block;
	margin: 5px;
}

.clear {
	clear: both;
}


/*--- BUTTON STYLES ---*/


.btn {
	border: 2px solid var(--color-button-primary);
	background-color: var(--color-button-primary);
	color: var(--color-button-text-primary);
	cursor: pointer;
	display: inline-block;
	font-family: var(--font-family-body);
	font-size: 100%;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0px;
	padding: 14px 28px;
	text-decoration: none;
	text-transform: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn:hover {
	border-color: var(--color-button-primary);
	background-color: var(--color-button-secondary);
	color: var(--color-button-text-secondary);
}

.btn.alternate {
	border-color: var(--color-button-secondary);
	background-color: var(--color-button-secondary);
	color: var(--color-button-text-secondary);
}

.btn.alternate:hover {
	border-color: var(--color-button-primary);
	background-color: var(--color-button-primary);
	color: var(--color-button-text-primary);
}

.btn.ghost {
	border-color: var(--color-button-primary);
	background-color: transparent;
	color: var(--color-button-primary);
}

.btn.ghost:hover {
	border-color: var(--color-button-primary);
	background-color: var(--color-button-primary);
	color: var(--color-button-text-primary);
}

.btn.alternate.ghost {
	border-color: var(--color-button-secondary);
	background-color: transparent;
	color: var(--color-button-secondary);
}

.btn.alternate.ghost:hover {
	border-color: var(--color-button-secondary);
	background-color: var(--color-button-secondary);
	color: var(--color-button-text-secondary);
}


/*--- FORM STYLES ---*/


div.input {
	margin: 7px 0;
}

select.form,
input[type=text].form,
textarea.form,
form.notify select,
form.notify input[type=text],
form.notify textarea {
	background: #ffffff; /* Old browsers */
	border: 1px solid var(--color-form-field-border);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #00264c;
	display: inline-block;
	font-family: var(--font-family-body);
	font-size: 90%;
	margin: 0px;
	max-width: 400px;
	padding: 13px 15px;
	width: 100%;
}

form.notify label {
	display: block;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

form.notify label.inline {
	display: inline-block;
}

form.notify label.error {
	color: red;
	display: block;
}


/*--- OTHER STYLES ---*/


#map {
	height: 350px;
}

img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto!important;
}

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto!important;
}

img.right.big,
img.left.big {
	max-width: 560px;
}

a.video-link {
	display: block;
	position: relative;
}

.video-link:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/playbutton.png);
	background-size: 155px;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	pointer-events: none;
}

.line-border {
	overflow: hidden;
	text-align: center;
}

.line-border:before,
.line-border:after {
	background-color: #e7e7e7;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.line-border:before {
	right: 0.5em;
	margin-left: -50%;
}

.line-border:after {
	left: 0.5em;
	margin-right: -50%;
}



.page-title-container {
	background-color: #ffffff;
	background-image: url('../images/Headermermuse.jpg');
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0px;

}

.page-title-container.no-bg {
	background: none;
}

.page-title-container.no-bg div.page-title {
	padding-bottom: 0;
}

.page-entry-title-container{
	background-color: #ffffff;
	background-image: url('../images/Moon-photo.jpg');
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0px;

}

/* .blog-entry-background {
	background-color: transparent;
	background-image: url('../images/wave.png');
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0px;
	z-index: 999;
	position: relative;
    padding: 10px 20px;

} */

/* .page-title-container.no-bg {
	background: none;
}

.page-title-container.no-bg div.page-title {
	padding-bottom: 0;
} */

h2.entry-title{
	color: #3E548B;
	font-size: 600%;
	margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;

}
.entry-logo{
	max-width: 70px;

}


.flex{
	display: flex;
	align-items: center;
	padding: 20px 0px;
}