/* Modern Brown */
@import url(//fonts.googleapis.com/css?family=Marcellus+SC|Open+Sans:400,700);
/* Media Queries*/

/**Links**/
a{}
a:is(:hover, :focus) {
    outline: 0px;
}
a:focus-visible {
    outline: 2px solid #156f9d; /*hex color can be replaced here with org color or link color*/
}
/** images **/
img {
	border: 0px;
}
/** fonts/spans **/
.bold{
	font-weight: 700;
}
/** inputs **/
.submit_btn {
	background-color:#46a4d3;
	color:#ffffff;
	border: 0px;
	padding:5px 10px;
	margin:8px 5px;
}
/** utility **/
.clear-both{
	clear: both;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}

/**Backgrounds/wrappers/full-page specifics**/
body {
	background-color: #ffffff;
	background-image:url('../images/iStock_000009712604Large.jpg');
	background-attachment:fixed;
	padding:0px;
	line-height: normal;
	background-repeat:no-repeat;

background-position: 0px 50%;

background-color:#6A9AD2;
}
#page-wrapper {
}

/* rows and columns margin inside grid+ */
#gm-canvas .row, #gm-canvas .column {
    margin-top: 1em;
    margin-bottom: 1em;
}

.embed-wrapper { display: contents; }

/****--- head area ---****/
#login-wrapper{
	background-color:#e0cd6b;
	font-family:'Open Sans', sans-serif;
	width: 100%;
	min-height: 50px;
}
.ls-box{
	margin:10px 5px;
	border-radius:0px !important;
	color:#e0cd6b;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:700;
	font-style:normal;
}
#forgot-pw{
	color:#46a4d3;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	padding:10px 5px;
	font-weight:700;
	font-style:normal;
}
#header-wrapper{
	background-repeat:no-repeat;
	background-position: center center;
	position: relative;
	background-color: rgba(255, 255, 255, .7);
	overflow: auto;
}
#header-logo{
	width: 24%;
	padding: 10px;
	float:left;
	text-align:center;
	margin-top: 0px;
}
#header-name-tagline{
	float:left;
	width: 73%;
}
#header-name{
	color: #478104;
	font-family: 'Marcellus SC',verdana;
	padding: 10px;
}
#header-tagline{
	font-size: 20px;
	color: #7fba00;
	font-family: 'Marcellus SC',verdana;
	padding-left: 10px;
}
.valign-center{
	display: table-cell;
}
#logo img{
}
.title-cell{
	line-height:normal;
	padding-left:40px;
}
/****--- nav area ---***
	
.nav-wrapper{
	background-color:#/*nav_bgcolor;
	background-image: url('../images//*scheme_image_nav_image');
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 57px;
}

#nav li {
	font-family: '/*scheme_subhead_font','/*scheme_header_font', sans-serif;
	font-size:22px;
	font-weight:600;
}
#nav li a {
	color: #/*nav_link_color;
	text-decoration:none;
	padding: 15px 23px 9px 23px;
	border-bottom: 3px solid #/*nav_bgcolor;
}
#nav li a:hover {
	color: #/*nav_hover_color;
	background-color: #/*nav_hover_bgcolor;
	transition: .3s;
	border-bottom: 3px solid #/*content_header_accent;
}
.potato-menu-item{
	background-color:#e0cd6b;
}

/*--------------------------------------------------------------------*/
.nav-wrapper{
	background-color:#e0cd6b;
	background-image: url('../images/blue_squares_more.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	/* height: 57px; */
}

@media (max-width: 767px) {
	.nav-wrapper {
		height: 57px;
	}
}
.navbar-default{
	/* background-color:nav_bgcolor; */
	background-image: url('../images//*scheme_image_nav_image');
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 57px;
	
}
.navbar-toggle{ /* The little button in small mode */
	/* margin-top: ; */
	background-color: #000000;
	background-image: url(../images/nav-button.png);
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 15px;
	float: left;
}
.navbar{ 
	min-height: 30px !important;
	color: #ffffff;
	margin-top: ;
	margin-bottom: 0px;
}
#site_nav .navbar-nav{ /* First UL in lists*/
	margin-top: ;
}
#site_nav .nav li {
	font-size: 16px;
	font-weight: 700;
	position:relative;
	float: left;
	list-style-type: none;
}
#site_nav .nav li a { /* All the menu items */
	color: #ffffff !important;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 7px;
	padding-left: 22px;
	padding-right: 22px;
	border-bottom: ;
	height: 57px;
	font-size: 16px;
	transition: .3s;


}
#site_nav .navbar-default .navbar-nav>.open>a, #site_nav .navbar-default .navbar-nav>.open>a:hover, #site_nav .navbar-default .navbar-nav>.open>a:focus {
	color: #ffffff !important;
	background-color: #ebd14d !important;
}
#site_nav .nav .open>a, #site_nav .nav .open>a:hover, #site_nav .nav .open>a:focus {
	background-color: #ebd14d;
    border-bottom: 3px solid #428bca;
	
}
#site_nav .nav>li>a:hover, #site_nav .nav>li>a:focus {
	text-decoration: none;
	background-color: #ebd14d;
}
#site_nav .nav>li>a:hover {
	background-color: #ebd14d !important;
	color: #ffffff !important;
	transition: .3s;
	border-bottom: 3px solid #e0cd6b;
	
}
#site_nav .nav li ul { /* second-level lists */
	background: #;
}

#site_nav .nav li ul li { /* second level items */
	
}

#site_nav .nav li ul li a { /* second level links */
	color: #;
	background-color: #;
}

#site_nav .nav li ul li a:hover {
	background: #; 
	color: #;
	transition: .3s;
}
#site_nav .dropdown-menu li{
	width: 100%;
}
#site_nav .dropdown-toggle:focus{
	color: #ffffff;
	border-bottom: 3px solid #e0cd6b;
}
#site_nav .dropdown-toggle:hover{
	color: #ffffff;
	border-bottom: 3px solid #e0cd6b;
}
#site_nav .dropdown-menu{
	background-color: #e0cd6b;
	padding: 0px;
}


#site_nav .dropdown-menu>li>a:hover, #site_nav .dropdown-menu>li>a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #ebd14d;
}

/****--- calendar area ---****/
#gcal{
}
.fc-widget-content{
	border:1px solid #e0cd6b !important;
}
.fc-header-title h2 {
	font-size: .9em;
	white-space: normal !important;
	margin: 8px 20px 0px 0px;
}
.fc-header{
	margin-top: 10px;
}	
.fc-view-month .fc-event, .fc-view-agendaWeek .fc-event {
	font-size: 0;
	overflow: hidden;
	height: 2px;
}
.fc-view-agendaWeek .fc-event-vert {
	font-size: 0;
	overflow: hidden;
	width: 2px !important;
}
.fc-agenda-axis {
	width: 20px !important;
	font-size: .9em;
}
.fc-button-content {
	padding: 0;
}
.fc-event-skin{
	border-color: #46a4d3 !important;
	background-color: #46a4d3 !important;
}
/****--- content area ---****/

.content-wrapper{
}
.content-head{
	color:#ffffff;
	background-color:#46a4d3;
	font-family: 'Open Sans','Marcellus SC', sans-serif;
	font-size:20px;
	font-weight:400;
	padding: 15px 5px 5px 10px;
	
	margin-top: 20px;
	min-height:20px;
	background-image: url('../images/yellow_squares_less.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}
.content-title{}
.content-accent{
	height: 3px;
	background-color:#e0cd6b;
	margin:0px 3px;
}
.content-body{
	color:#000000;
	border: 1px solid #46a4d3;
	border-top: 0px;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	padding: 15px;
	font-weight:400;
	background-color: rgba(255,255,255,.95);
	min-height:55px;
	margin:0px 5px;
	overflow: auto;
}
.slider-wrapper{
	float:left;
	padding:10px 0px;
	width: 100%;
	height: 280px;
}
.slider-wrapper img{
	border-radius:8px;
	margin-left:25px;
}
.mms-page-wrapper{
	
}

/****--- events/news-area ---****/
.content-body .event-news-container{
	border-bottom: 2px solid #e0cd6b;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.content-body .event-news-container:last-of-type{
	border-bottom: 0px;
}
.event-news-date-box-text {
	background-color: #e0cd6b;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	padding: 10px;
	margin-right: 15px;
}
.event-news-date-box a{
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #e0cd6b;
	background-color: #46a4d3;
	min-width: 86px;
	padding: 10px;
	margin-right: 15px;
	display: block;
}
.event-news-title{
	font-size: 16px;
	font-weight: 700;
	color: #46a4d3;
}
.news-date{
	display: none;
}
.news-body{
	font-size: 14px;
}


/****--- foot area ---****/
.footer-wrapper{
	background-color:#ffffff;
	padding: 20px 0px;
}
.footer-content{
	color:#000000;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	font-weight:400;
	padding:10px 20px
}
.footer-content li {
	float:left;
	padding-right:20px;
}
.social-media {
	padding: 10px 0px;
}
.social-media a{
	padding: 0px 15px;
}
.vieth-line{
	margin: 0px auto;
	font-size: 12px;
	padding-left: 25px;
	text-decoration: underline;
	text-align:center;
}
.vieth-line a{
	color: #070145;
}

@media (min-width: 1200px) {
	#header-name{
		font-size:4em;
		line-height: 1em;
		margin-top: 0px;
	}
	.nav-s{
		display: none;
	}
}
@media (min-width: 980px) and (max-width: 1199px) { 
	#header-name{
		font-size:3em;
		line-height:1em;
		margin-top: 0px;
	}
	.nav-s{
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#header-name{
		font-size:2.2em;
		line-height:1em;
		margin-top: 0px;
	}
	.nav-s{
		display: none;
	}
}
@media (max-width: 767px) {
	.nav-s{
		display: block;
	}
	#header-name{
		font-size:2.2em;
		line-height:1em;
		margin-top: 0px;
	}
	body{
		background-image:cover;
		background-position-y: auto;
	}
	.jPanelMenu-panel{
		background-color: transparent !important;
	}
	.navbar-default{
		height: auto;
	}
	.navbar-nav li{
		display: block;
		width: 100%;
	}
	.navbar-nav{
		background-color: #e0cd6b;
	}
	.navbar-collapse{
		z-index: 99;
		position: relative
	}
	.dropdown li{
		display: block;
		width: 100%;
		background-color: #e0cd6b;
	}
	.navbar-nav>.open>a:focus {
		background-color: #ebd14d;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 20px 15px 5px 25px;
	}
}
@media (max-width: 480px) { 
	#header-name{
		font-size:1.5em;
		line-height:1em;
		margin-top: 0px;
	}
	body{
		background-image:cover;
		background-position-y: auto;
	}
	.jPanelMenu-panel{
		background-color: transparent !important;
	}
	.navbar-default{
		height: auto;
	}
	.navbar-nav li{
		display: block;
		width: 100%;
		background-color: #e0cd6b;
	}
	.navbar-collapse{
		z-index: 99;
		position: relative
	}
	.dropdown li{
		display: block;
		width: 100%;
		background-color: #e0cd6b;
	}
	.navbar-nav>.open>a:focus {
		background-color: #ebd14d;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 20px 15px 5px 25px;
	}
 }