/* these are your root variables - change these to modify the colors or fonts and it will update all the styles in the theme */

:root {
    --main-color: #3b4d69;
    --main-color-lighter: #94a387;
	--main-color-darker: #163549;
	--main-color-darkest: #1d3446;
    --secondary-color: #cb8f67;
    --secondary-color-lighter: #304F63;
	--gray: #373737;
	--gray-lighter: #ebebeb;
    --white: #ffffff;
	--text-xs: 12px;
	--text-sm: 14px;
	--text-base: 16px;
	--text-lg: 18px;
	--text-xl: 20px;
	--leading-base: 1.6;
	--leading-tight: 1.2;
	--font-body: 'Lato', sans-serif;
	--font-display: 'Lato', sans-serif;
	--rounded: 16px;
	--prose-max-w: 65ch;
	--footerbck: #3b4d69;
}
/* RLC Changes */

#dnn_GreenPaneHP	{background-color: #adbb9e}
#dnn_GreenPaneHP p {color: #fff; font-weight: bold; Font-size: 1.8em}
#dnn_FooterPane1 a, #dnn_FooterPane1 strong, #dnn_FooterPane1 p {color: #fff !important}
#dnn_FooterPane2 a, #dnn_FooterPane2 strong, #dnn_FooterPane2 p {color: #fff !important}
#dnn_FooterPane3 a, #dnn_FooterPane3 strong, #dnn_FooterPane3 p {color: #fff !important}
#dnn_FooterPane4 a, #dnn_FooterPane4 strong, #dnn_FooterPane4 p {color: #fff !important}
.footergreen	{color:#adbb9e; font-weight:bold}
.RLC  {color:#000}
.footertext  {color:#fff; font-size: var(--text-sm)}
a:hover.footertext, a:link.footertext, a:visited.footertext  {color: #fff !important}
.footertext a:hover, .footertext a:link, .footertext a:visited  {color: #fff !important}
#dnn_HeroPaneHP, #dnn_AboutPane2, #dnn_HeroPane	{margin-bottom:40px}
#dnn_EventPane, #dnn_AnnPane	{margin-top:40px}

.eds_news_Triumph.eds_subCollection_news .EDN_article.EDN_articleInBox {background: none !important}
.edn_384_article_list_wrapper {width: 100% !important}
.EDN_articleInBox.edn_articleWrapper {width: 40% !important}
.EDN_simpleDate {margin: 0 15px 5px 0 !important}
.edn_articleWrapper h2 {margin: 0 15px 7px 0 !important; font-weight: bold}
.EDN_article_content {padding: 0 !important}

p ul li {list-style-type: circle !important}
.MenuContainer {background-color: #3b4d69; margin-top:10px}
 .MenuContainer ul li {list-style-type: none !important}


.eds_news_BlogOne .date_box {left: 0px !important}
.eds_news_BlogOne .article h1 a {padding-left: 55px !important}
.eds_news_BlogOne.eds_style_predefined_blue.eds_subCollection_news .article h2 {padding-left: 55px !important}

/*HP News */
.eds_news_Advantage .card .card-title {background-color: #ebebeb; min-height: 50px; padding: 5px}
.eds_news_Advantage.eds_style_predefined_pacific h2 a:link:hover {color: #720029 !important}
.eds_news_Advantage .card-title a:hover {color: #720029 !important}
.eds_news_Advantage .description, .eds_news_Advantage .card-description, .eds_news_Advantage .footer-big p {color: #444 !important}
.eds_news_NewsOne.eds_subCollection_news .article.in_list.box .article_image > span .date {font-size: 13px !important; font-weight: bold !important}

/*HP Events */
.article.multi_layout.two_collumn.small h1 a  {color:#203060 !important; font-size: 1.3em !important; }
.eds_news_BlogOne.eds_subCollection_news p {color: #203060 !important}
.eds_news_BlogOne .date_box, .eds_news_BlogOne .date_box p.year {background: #203060 !important; margin-left: 0 !important}
.eds_news_BlogOne.eds_subCollection_news p {line-height: inherit !important; margin-left:60px !important}
.eds_news_BlogOne .date_box p.day {font-size: 17px !important; margin: 0 !important; color: #fff !important}
.eds_news_BlogOne .date_box p.month {margin: 0 !important; color: #fff !important}
.eds_news_BlogOne .date_box p.year {margin: 0 !important; color: #fff !important}
.eds_news_BlogOne.eds_subCollection_news .article.multi_layout.two_collumn.small h1 {margin: 5px 0 7px !important}

/* calendar */
.eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc-toolbar h2, .qtip.edn_calendarbox_Press.viking_blue .qtip-content div.title span a, .eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc-event.has_events:hover {color: var(--main-color) !important}

.eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc .fc-day-header  {background-color: var(--main-color) !important}
.eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc {border-color: var(--main-color) !important;  }
.eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc-button-group .fc-next-button:hover, .eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc-button-group .fc-prev-button:hover, .qtip.edn_calendarbox_Press.viking_blue .qtip-content .wrapper > .article > a:hover {background-color: var(--main-color) !important; border-color: var(--main-color) !important;} 
.eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc-button-group .fc-next-button, .eds_news_Press.eds_style_predefined_viking_blue.eds_subCollection_calendar .fc-button-group .fc-prev-button {border-color: var(--main-color) !important;} 

/* News */
.eds_news_Ozone.eds_style_predefined_health.eds_subCollection_news.eds_templateGroup_listArticle2 .edn_article.edn_listArticle2 .edn_articleTitle a  {color: var(--main-color) !important}
.eds_news_Ozone.eds_style_predefined_health.eds_subCollection_news .edn_mediaContainer.edn_withTime > time  {background-color: var(--main-color) !important}

/* Camps */
.basic .Header {border-bottom: 1px solid #222d65 !important; font-size: 14px;}

body#Body {
	font-family: var(--font-body);
	color: var(--gray);
	font-size: var(--text-base);
	line-height: var(--leading-base);
	
}

header {
	
}

@media (min-width: 1280px) {
	header.xl-sticky {
		position: sticky !important;
		top: 0;
		width: 100%;
		background: #fff;
	}

}

@media (max-width: 1024px) {
	#dnn_ServicesPane	{margin-top:65px; }
	#dnn_HistoryPane {margin-top:0px}
.sidebar	{display: none}

}

@media (max-width: 800px) {
	#dnn_ServicesPane	{margin-top:65px; }
	#dnn_HistoryPane {margin-top:0px}
	.ServicesContainer {background: #222d65; min-height:0px}
	.HistoryContainer {background: #00618e}
	#dnn_EventPicPane {display: none}
	.sidebar	{display: none}
.AboutContainer {background:#000}
#dnn_FooterPane2 p {padding-left: 10px}
}

@media (max-width: 375px) {
	#dnn_ServicesPane	{margin-top:0px; }
	#dnn_HistoryPane {margin-top:0px}
	.ServicesContainer {background: #222d65; min-height:0px}
	.HistoryContainer {background: #00618e}
	#dnn_EventPicPane {display: none}
.sidebar	{display: none}
.AboutContainer {background:#000}
#dnn_FooterPane2 p {padding-left: 10px}
.HuntContainer	{background:#fff}
#dnn_HuntPane {transform:none}
 #dnn_Pane1, #dnn_Pane2 {padding: 10px 0 }
.EventsContainer {background:#f1e7d4}
}
@media (max-width: 320px) {
	#dnn_ServicesPane	{margin-top:0px; }
	#dnn_HistoryPane {margin-top:0px}
	.ServicesContainer {background: #222d65; min-height:0px}
	.HistoryContainer {background: #00618e}
	#dnn_EventPicPane {display: none}
.sidebar	{display: none}
.AboutContainer {background:#000}
#dnn_FooterPane2 p {padding-left: 10px}
.HuntContainer	{background:#fff}
#dnn_HuntPane {transform:none}
#dnn_Pane1, #dnn_Pane2 {padding: 10px 0 }
.EventsContainer {background:#f1e7d4}
}
/* minor tweaks to .Normal styles */
.Normal {
	font-family: var(--font-body);
	color: var(--gray);
	font-size: var(--text-base);
	line-height: var(--leading-base);
	
}
.Normal ul {
	list-style: disc;
}

.Normal ul ::marker {
	color: var(--main-color);
}

h1,h2,h3,h4,h5,h6 {
	font-family: var(--font-display);
}

a {
    color: var(--main-color); font-weight: bold
}
a:visited {
    color: var(--main-color);
}
a:hover {
    color: var(--main-color-lighter); text-decoration: underline;
}

.z-30 {
	z-index: 30;
}

/* button styles */

.btn-primary {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--white);
}

.btn-primary:visited {
    color: var(--white);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.bg-primary {
	background-color: #242b66 !important;
}
.bg-primary a {
	color: var(--white);
}

.bg-primary-darker {
	background-color: var(--main-color-darker) !important;
}
.bg-primary-darker a {
	color: var(--white);
}
.bg-primary-darkest {
	background-color: var(--main-color-darkest) !important;
}
.bg-primary-darkest a {
	color: var(--white);
}
.footerbck { background-color: var(--footerbck) !important; }


/* dnn search widget */
.search {
	display: flex;
	align-items: center;
}
#dnn_dnnSearch_ClassicSearch {
	display: inline-flex;
}
.searchInputContainer {
	flex: none;
	margin: 0 !important;
}
.searchInputContainer .NormalTextBox:focus {
	outline: var(--main-color-lighter);
}
a.search-button {
	display: inline-flex;
	flex: none;
	width: 31px;
	height: 31px;
	position: relative;
	text-align: center;
	align-items: center;
	overflow: hidden;
	font-size: var(--text-sm);
	text-decoration: none !important;
}
a.search-button::before {
	flex: none;
	top: 0;
	left: 0;
	width: 31px;
	height: 31px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f002";
	color: var(--white);
}

a.search-button:hover::before {
	opacity: 0.7;
}

/* social media links */

.social-media a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 25px;
	height: 25px;
	border-radius: 9999px;
}

.social-media a i {
	flex: none;
}

.social-media a:hover {
	background: var(--main-color-lighter);
	color: var(--main-color);
}

/* main navigation on desktop */

nav#nav-main ul.root {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-flex;
	align-items: center;
	justify-content: start;
}

nav#nav-main ul.root li.menu-item {
	flex: none;
	position: relative;
	padding: 10px 20px;
	list-style-type: none !important;
}


/* We use a span to just make aligning things easier */
nav#nav-main ul.root li.menu-item > span {
	display: inline-flex;
}

/* the link */
nav#nav-main ul.root li.menu-item > span a {
	color: #ffffff;
	font-weight: bold;
	display: block;
	font-size: var(--text-lg);
	text-decoration: none;
}

/* the caret that apperas when a menu item has children */
nav#nav-main ul.root li.menu-item > span i {
	margin-left: 10px;
}

/* style the active parent page */
nav#nav-main ul.root li.menu-item > span a.active {
	color: #ffffff;
	text-decoration: underline; 
}

/* style the menu when the user hovers over it */
nav#nav-main ul.root li.menu-item:hover {
	background: #ffffff;
}
nav#nav-main ul.root li.menu-item:hover > span a {
	color: var(--main-color);
}
nav#nav-main ul.root li.menu-item:hover > span i {
	color: var(--white);
}


/* when the user hovers over the parent item, show the dropdown menu */
nav#nav-main ul.root li.menu-item:hover > .menu-dropdown {
	display: block !important;
}

/* dropdown menu */

nav#nav-main ul.root li.menu-item .menu-dropdown {
	display: none;
	position: absolute;
	transform: translateX(-50%);
	top: 100%;
	left: 50%;
	background: #5f8496;
	width: 275px;
	padding: 15px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	text-align: left;
}

nav#nav-main ul.child-menu  {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav#nav-main ul.child-menu > li {
	position: relative;
}

nav#nav-main ul.child-menu > li > a {
	color: var(--white);
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}

nav#nav-main ul.child-menu > li > a:hover {
	background-color: var(--white);
	color: #5788d7;
}

/* active page */
nav#nav-main ul.child-menu > li > a.active {
	background: #5788d7;	
	
}

/*third level menu*/

nav#nav-main ul.grandchild-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav#nav-main ul.grandchild-menu li a {
	color: var(--white);
	font-size: var(--text-sm);
	padding: 5px 10px 5px 30px;
	display: block;
	text-decoration: none;
}

nav#nav-main ul.grandchild-menu li a.active {
	font-weight: bold;
	background-color: var(--main-color-lighter);
}



/* mobile navigation */

nav#nav-mobile ul.root {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	display: flex;
	flex-direction: column;
	background-color: var(--main-color);
}

nav#nav-mobile ul.root li.menu-item {
	flex: none;
	position: relative;
	padding: 10px 0px;
list-style-type: none !important;
}


/* We use a span to just make aligning things easier */
nav#nav-mobile ul.root li.menu-item > span {
	display: flex;
	justify-content: space-between;
}

/* the link */
nav#nav-mobile ul.root li.menu-item > span a {
	color: var(--white);
	font-weight: bold;
	display: block;
	font-size: var(--text-lg);
	text-decoration: none;
	flex: none;
}
nav#nav-mobile ul.root li.menu-item > span a:hover {
	color: var(--white);
	background-color: var(--main-color-lighter);
}


/* the caret that appears when a menu item has children */

nav#nav-mobile ul.root li.menu-item span.dropdown-caret {
	width: 40px;
	margin-left: auto;
	flex: none;
	text-align: center;
}

nav#nav-mobile ul.root li.menu-item span.dropdown-caret i {
	color: var(--white);
}

span.dropdown-caret.active-caret i::before {
	content: "\f077";color: var(--white);
}

/* the parent page has a child page that is active so make indicate that it's active somehow */
nav#nav-mobile ul.root li.menu-item > span a.breadcrumb-active {
	color: var(--main-color-lighter);
}

/* style the active parent page */
nav#nav-mobile ul.root li.menu-item > span a.active {
	color: var(--white);
}


/* dropdown menu */

nav#nav-mobile ul.root li.menu-item .menu-dropdown {
	display: none;
	background: var(--main-color);
	padding: 15px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;

}

nav#nav-mobile ul.child-menu  {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav#nav-mobile ul.child-menu > li {
	position: relative;
list-style-type: none !important;
}

nav#nav-mobile ul.child-menu > li > a {
	color: var(--white);
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}

nav#nav-mobile ul.child-menu > li > a:hover {
	background-color: var(--main-color-lighter);
	color: var(--white);
}

/* active page */
nav#nav-mobile ul.child-menu > li > a.active {
	background: var(--main-color);	
}

/*third level menu*/

nav#nav-mobile ul.grandchild-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav#nav-mobile ul.grandchild-menu li a {
	color: var(--white);
	font-size: var(--text-sm);
	padding: 5px 10px 5px 30px;
	display: block;
	text-decoration: none;
}

nav#nav-mobile ul.grandchild-menu li a.active {
	font-weight: bold;
	background-color: var(--main-color-lighter);
}



/* sidebar navigation */

nav.sidebar > ul.root {
	margin: 0;
	padding: 15px;
	list-style: none;
	background: var(--main-color);
}

nav.sidebar > ul.root > li {
	display: block;
}

nav.sidebar > ul.root > li > a {
	color: #fff;
	padding: 15px 10px;
	display: flex;
	width: 100%;
	font-weight: bold;
	align-items: center;
	justify-content: between;
	text-decoration: none;
	transition: ease-in-out 0.2s all;
	line-height: var(--leading-tight);
}

nav.sidebar > ul.root > li > a:hover {
	background: #ffffff;
	color: var(--dark-gray);
}

/* if the child page in the sidebar is active, show an indicator on the parent of that active page */

nav.sidebar > ul.root > li > a.breadcrumb-active {
	background: #ffffff;
	color: var(--dark-gray);
}

/* active top page in the sidebar */
nav.sidebar > ul.root > li > a.active {
	background: #ffffff;
	color: var(--dark-gray);
}

/* submenu in the sidebar */
nav.sidebar ul.child-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav.sidebar ul.child-menu > li {
	
}

nav.sidebar ul.child-menu > li > a {
	color: #ffffff;
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	font-size: var(--text-sm);
}

nav.sidebar ul.child-menu > li a:hover {
	opacity: 0.7;
}

nav.sidebar ul.child-menu > li > a.active {
	font-weight: bold;
	background-color: var(--main-color-lighter);
}


/* re-style the dnn login */

.LoginPanel {
	width: auto !important;
	float: none !important;
	display: flex !important;
	padding: 0 !important;
	max-width: 100% !important;
	justify-content: center;
}

.LoginPanel > div {
	min-width: 300px;   
	max-width: 500px;
}

/* style the form item wrapper */

.LoginPanel .dnnForm .dnnFormItem {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

/* style the form label */

.LoginPanel .dnnFormItem > .dnnLabel {
	margin-top: 0;
}

.LoginPanel .dnnFormItem > .dnnLabel label {
	display: block; 
}

.LoginPanel .dnnLabel {
	display: block;
	float: none;
	position: relative;
	width: auto;
	padding-right: 0;
	margin-right: 0;
	overflow: visible;
	text-align: left;
}

/* boostrap fix - remove the yellow background from the checkbox field */
.dnnCheckbox .mark {
	background: none !important;
}

/* give the Remember Me checkbox a smaller text size */
.dnnLoginRememberMe {
	font-size: 15px;
}

/* style the login panel text input fields */
.LoginPanel .dnnLoginService input[type="text"], 
.LoginPanel .dnnLoginService input[type="password"] {
	width: 100% !important;
	min-width: 100%;
	margin: 0;
	border-radius: 1px;
	padding: 10px;
}

/* hide the empty label beside the Reset Password button */
.LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
	display: none;
}

.LoginPanel ul.dnnActions {
	margin: 0 !important;
	padding: 0 !important;
}

/* primary action buttons - also used in dnn modal popups */

.dnnPrimaryAction, 
.dnnFormItem input[type="submit"], 
a.dnnPrimaryAction {
	background: var(--main-color);
	border: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
}
.dnnPrimaryAction:hover, 
.dnnFormItem input[type="submit"]:hover, 
a.dnnPrimaryAction:hover {
	background: var(--main-color-lighter) !important;
	text-decoration: none !important;
}

/* secondary action buttons - also used in dnn modal popups */

.dnnSecondaryAction, 
.dnnFormItem input[type="submit"], 
a.dnnSecondaryAction {
	background: #f5f5f5;
	border: none;
	color: #555;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
}
.dnnSecondaryAction:hover, 
.dnnFormItem input[type="submit"]:hover, 
a.dnnSecondaryAction:hover {
	background: #f1f1f1 !important;
	text-decoration: none !important;
}

.sc-content-block-menu.sc-content-block-quick-insert {
	display: none !important;
	visibility: hidden !important;
}