/*
Theme Name: TestSite
Theme URI: http://fcpl.dfz.us/
Description: it begins...
Author: darkflux
Author URI: https://darkflux.net/
Version: 0.0.0
*/

/* { border: 1px solid red; } */

body {
	background-size: 100%;
}

@media screen and (max-width:1020px) {
	#left-sidebar {
		display: none !important;
	}
	#right-sidebar {
		display: none !important;
	}
	aside#perfect-quotes-2 {
		display: none !important;
	}
	#content {
		margin: 0!important;
	}
	#top-sidebar {
		width: 73%!important;
	}

	#text-4 {
		float: none!important;
		position: initial!important;
	}
}

@media screen and (max-width:800px) {
	div.su-tabs-nav {
		height: 130px!important;
	}
	
	div.agenda {
		display: block;
		width: 100%;
	}
	
	div.month {
		display: none;
	}
	
    body. customize-support {
		margin-top: 20px!important;
	}
	
	.toggle-nav {
        display: inline-block !important;
    }
	
	.menu.main {
        display: none;
    }
	
	.mobmen {
		display: none;
        position: fixed;
		top: 0;
		left: 0px;
		width: 330px;
		height: calc(100vh - 100px);
        text-align: left;
		z-index: 99999;
	}
	
	div.menu-header-menu-container {
		height: 100vh!important;
		
    	margin: 0 auto;
		overflow: scroll;
	}
         
    .mobile-menu {
        display: inline-block;
		height: 95vh;
        position: relative;
		width: 90%;
    }
         
    .mobmen ul li {
        float: none;
        display: list-item!important;
        width: 100%;
        min-width: 200px;
    }
         
    .mobmen li:after { 
        content: none; 
    }
	

	
	.mobmen ul ul {
		display: block!important;
		position: relative !important;
		right: 0;
		width: 95%;
	}
	
	.mobmen ul ul li {
		left: 25px;
		list-style-type: disclosure-closed;
		width: 90%!important;
	}
	
	.mobmen ul ul li::marker {
		color: #fff;
	}
	
	div.menu-header-menu-container > ul > .sub-menu-columns > ul {
		height: 80vh;
		width: 90vw;
		overflow-y: scroll;
		position: relative;
		top: 0;
		bottom: 0;
		
	}
	
	
	div.menu-header-menu-container > ul > .sub-menu-columns > ul {
	    column-count: unset!important;
    }
	
	#headerimg {
		float: none!important;
		text-align: center;
		margin: auto;
	}
	#top-sidebar {
		width: 100%!important;
		position: relative;

	}

	#text-4 {
		float: none!important;
		position: initial!important;
	}

	.sub-menu-columns ul.sub-menu li:nth-child(odd) {
		float: none!important;
		text-align: center;
		margin: 0 auto;
	}
	.sub-menu-columns ul.sub-menu li:nth-child(even) {
		float: none!important;
		text-align: center;
		margin: 0 auto;
	}

	div#main {
		min-height: 400px;
		margin-bottom: 120px;
	}
	
	table#digresmob {
        display: table;
    }
	
	table#digres {
        display: none;
    }
	
	footer {
		text-align: center;
	}
	
	.socmed {
		float: none!important;
		margin: 0 auto;
        width: 180px;
	}
	
	#copyr {
		float: none!important;
		clear: both;
		width: 280px;
        margin: 0 auto;
	}

	.mission {
		clear: both;
		float: none!important;
		margin: 0!important;
	}
	
	
	#right-sidebar {
		clear: both;
	}
	
	ol.mis-slider.mis-slider_2 {
    	margin-top: 50px!important
    }

    .mis-nav-buttons_2 a.mis-prev, .mis-nav-buttons_2 a.mis-next {
    	padding-top: 90px!important
    }

    figure {
    	margin: 0;
    }

}


@media screen and (max-width:675px) {
	#top-sidebar {
		width: 100% !important;
		margin: 0 auto;
	}

	#tertiary-sidebar {
		margin: 0 auto;
		text-align: center;
	}

	#search-3 {
		margin: 0 auto;
		float: none !important;
		display: inline-block!important;
		right: initial !important;
		width: initial !important;
	}

	label.screen-reader-text:after {
		content: '\A';
		display: block;
	}

	#text-4 {
		margin: 0 auto;
		float: none !important;
		right: 0 !important;
	}

	.acct:after {
		left: 35px !important;
	}

	img.bldg {
		float: none!important;
	}
}

@media screen and (max-width:390px) {
	input#s {
		border-radius: 25px 25px 25px 25px !important;
	}

	input#searchsubmit {
		border-radius: 0 0 25px 25px !important;
	}
}

@media screen and (max-width:300px) {
	div#wrapper {
		display: none;
	}

	#hidden:after {
		content: "Thank you for visiting!";
		display: block;
		position: absolute;
		margin-top: 50px;
		color: white;
	}
}

.agenda {
	display: none;
}

.month {
	display: block;
}


.adv_browser_check_icons {
	width: 15%;
	text-align: center;
	margin: 0 auto!important;
}

.adv_browser_check_icons > li {
	float: right;
}

h2 {
	margin: 0;
}

p {
	color: white;
}

a {
	text-decoration: underline!important;
	font-weight: bold;
}

nav a {
	text-decoration: none!important;
}

img.alignnone {
	border: 1px solid lightgrey;
}

img.aligncenter {
	margin: 0 auto;
}

img.bldg {
	float: left;
}


body {
	background-image:url('https://fcpl.dfz.us/wp-content/uploads/2016/03/panel-wood_textures_walls_texture_desktop_1680x1050_hd-wallpaper-799950.jpg');
	background-repeat:repeat;
	background-attachment:fixed;
	margin-top: 0!important;
}

#wrapper {
	overflow: unset;
}

#header {
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
}

div#headerimg {
	width: 200px;
	float: left;
}

div#headerimg a img {
	width: 200px;
	height: 127px;
}

.logo {
	float: left;
}

#top-sidebar {
	color: white;
	float: right;
	width: 79%;
	height: 140px;
}

#tertiary-sidebar ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 24px;
}

aside#perfect-quotes-2 {
	display: block;
	width: 40%;
	height: 140px;
	background-color: rgba(0,0,0,0.5);
	line-height: 20px;
	float: left;
	position: relative;
	margin: 0;
}

#perfect-quotes-2>ul>li {
	display: table-cell;
	margin: 0;
}

aside#search-3 {
	display: block;
	position: relative;
	float: right;
	right: 4px;
	width: 460px;
}

input#s {
	padding: 10px;
	margin: 0;
	border: 0;
	border-radius: 25px 0 0 25px;
	width: 270px;
}

input#searchsubmit {
	background-color: blue;
	padding: 10px;
	margin: 0;
	border: 0;
	border-radius: 0 25px 25px 0;
	color: white;
	font-weight: bold;
	position: relative;
	right: 5px;
}

#searchform div label.screen-reader-text {
	color: white;
}

#text-4 {
	display: block;
	width: 300px;
	height: 110px;
	float: right;
	position: relative;
	right: 15%;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.5);
	padding: 5px 10px;
	margin: 7px auto;
}

#text-4 > div span a {
	display: inline-block;
	vertical-align: bottom;
	color: white;
	font-weight: bold;
}

.eg-icon {
	font-family: "Arial", sans-serif;
}

.eg-icon:before {
content: url(https://www.fulco.lib.in.us/wp-content/uploads/2014/09/evergreen-icon.png);
	margin: 0 15px;
        display: inline-block;
        vertical-align: bottom;
        border: none;
}

.acct:before {
content: "|";
	margin: auto;
        display: inline-block;
        vertical-align: bottom;
        border: none;
}

.acct {
	font-family: "Arial", sans-serif;
}

.acct:after {
	content: "EVERGREEN";
	position: relative;
	font-weight: bold;
	bottom: 50px;
	left: 105px;
	font-size: 22px;
	font-family: "Times", serif;
}


div.textwidget > hr {
	position: relative;
	bottom: 20px;
}

div.SRCS {
	position: relative;
	bottom: 20px;
	font-family: "Arial", sans-serif;
}

div.SRCS > b > a {
	color: white;
}

.toggle-nav {
    display: none;
	float: right;
    margin: 5px;
    font-size: 2em;
    transition: color linear 0.15s;
}

.toggle-nav a {
	color: #fff;
	font-weight: bold;
}

.toggle-nav a:link, 
.toggle-nav a:visited,
.toggle-nav a:hover, 
.toggle-nav a:active {
    text-decoration: none;
    color: #fff;
} 



#menu-header-menu.menu li a, .mobile-menu li a {
	background-color: gold;
	font-family: "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: black;
/*	text-shadow:
		-1px -1px 0 #aaa,
		1px -1px 0 #aaa,
		-1px 1px 0 #aaa,
		1px 1px 0 #aaa;*/
	text-decoration: none;
	white-space: nowrap;
	border-radius: 5px;
}

/* this section for menu dropdowns and hidden submenus */
div.menu-header-menu-container {
	text-align: center;
	position: relative;
	clear: both;
	background-color: black;
	height: auto;
	line-height: 30px;
	padding: 4px 0;
	z-index: 999999;
}
div.menu-header-menu-container ul { display: inline-block; padding: 0; margin: auto; list-style-type: none; z-index: 901; }
div.menu-header-menu-container li { width: auto; position: relative; }
div.menu-header-menu-container > ul > li { display: inline-block; }
div.menu-header-menu-container > ul li a { margin: 4px 2px; padding: 4px 8px; }

div.menu-header-menu-container ul li ul li a { margin: 2px 2px; padding: 4px 8px; }
div.menu-header-menu-container a, .menu a:visited {display:block; text-decoration:none; }
div.menu-header-menu-container ul ul { display: none; background-color: rgba(0,0,0,0.5); position: absolute; left:0; width: auto; z-index: 909; }
div.menu-header-menu-container ul ul li { width: auto; text-align: center; padding: 2px; }
div.menu-header-menu-container ul ul li:hover {  }

div.menu-header-menu-container ul ul ul { display: none; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 205px; width: auto; }
div.menu-header-menu-container ul ul ul li { width: auto; text-align: center; }
div.menu-header-menu-container ul ul ul li:hover { }

div.menu-header-menu-container table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the table so that it takes no part in the layout - required for IE to work */
div.menu-header-menu-container ul ul a, .menu ul ul a:visited, .menu ul ul ul a, .menu ul ul ul a:visited { }
div.menu-header-menu-container a:hover, .menu ul ul li:hover { }
div.menu-header-menu-container :hover > a, .menu ul ul :hover > a, .menu ul ul ul :hover > a {}

div.menu-header-menu-container ul li:hover > ul, div.menu-header-menu-container ul a:hover ul, div.menu-header-menu-container ul ul li:hover ul , div.menu-header-menu-container ul ul:hover { display: inline-block; }

.mobmen {
	display: none;
}

/* end dropdown submenus */

/* multicolumn submenus */

.sub-menu-columns ul.sub-menu li {
	display: inline-block;
	width: 340px;
	margin: 0 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
	
	
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
	
}

div.menu-header-menu-container > ul > .sub-menu-columns > ul {
	column-count:2;
}

div.menu-header-menu-container > ul > .last-menu > ul {
	left: initial;
	right: 0;
}

/* end multicolumn submenus */

#main {
	border-spacing: 10px 0;
	min-height: 550px;
	margin-bottom: 60px;
}

div.menu {
	display: none;
}

div.sidebar-menu-class {
	float: left;
}

div.sidebar-menu-class li {
	list-style-type: none;
	background-color: gold;
	padding: 10px;
	border: 1px;
}

div.sidebar-menu-class li a {
	color: white;
	text-shadow:
		-1px -1px 0 #aaa,
		1px -1px 0 #aaa,
		-1px 1px 0 #aaa,
		1px 1px 0 #aaa;
	text-decoration: none;
}

#left-sidebar {
	background-color: rgba(0,0,0,0.25);
	min-width: 240px;
	float: left;
	padding: 5px 0;
}

#primary-sidebar {
}

#primary-sidebar div h2.rounded {
	color: white;
	text-align: center;
	margin-bottom: 6px;
	font-family: "Arial", sans-serif;
}

div#featres > hr {
	margin-bottom: 16px;
}

#featres hr {
	width: 200px;
	border-color: gold;
	border-width: 3px;
	border-radius: 5px;
}

div.featres {
	text-align: center;
}

div.featres img {
	max-width: 180px!important;
	height: auto!important;
}

.featres > p {
	font-weight: bold;
	font-size: larger;
	margin: 6px;
	font-family: "Arial", sans-serif;
}

#more-res {
	width: 200px;
	border-radius: 5px;
	background-color: gold;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
}

.more-res {
/*	text-shadow:
		-1px -1px 0 #aaa,
		1px -1px 0 #aaa,
		-1px 1px 0 #aaa,
		1px 1px 0 #aaa;*/
	line-height: 18px;
	font-size: larger;
	text-decoration: none;
	color: black;
	font-family: "Arial", sans-serif;
}

.more-res:hover {
	background-color: grey;
}

#right-sidebar {
	float: right;
}

#content {
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	min-height: 528px;
}

div.post {
	padding-top: 10px;
	margin: 0 auto;
}

#content li, #content h1, #content h2, #content h3, #content p, #content div, #content a {
	color: white;
}

td#contact {
	padding: 0 10px;
}

.ms-ctimer {
	display: none !important;
}

.ms-nav-next, .ms-nav-prev {
	opacity: 0.3;
}

div#supsystic-slider-1 > .bx-wrapper {
	margin: 0 auto;
}

div.su-tabs {
	margin: auto;
}

div.su-tabs-nav {
	background-color: grey;
	height: 50px;
	padding-top: 10px;
}

div.su-tabs-nav span {
	font: 15px arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background-color: lightgrey;
}

table.gene {
	margin: 0 auto;
	padding: 2px;
}

td.pad {
	padding: 5px;
}

td.pad > u > a {
	font-size: larger;
}

#digresmob {
    display: none;
	border-spacing: 10px;
}

#digres {
    display: table;
	border-spacing: 10px;
}

#digresmob tr td a {
	display: inline-block;
}

.titler {
	padding: 10px;
	border: 10px;
	font-size: larger;
}

div#teencurv{
	border: 10px solid black;
	border-radius: 50px;
	width: 350px;
	margin: auto;
	background-color: lightgrey;
	padding: 20px;

}

[class*="su-column"] + [class*="su-column"]:last-child {
	float: none;
}

table.stack {
	margin-bottom: 10px;
}

#delimiter {
	clear: both;
}

#footer {
	background-color: rgba(0,0,0,0.75);
	color: white;
	height: auto;
	padding: 2px 10px;
	position: fixed;
	bottom: 0;
	width: 99%;
}

.title {
	font-size: 11pt;
	font-family: verdana;
	font-weight: bold;
}

.mission {
	text-align: center;
	margin: 0 262px 0 110px;
	color: #fff;
}

.statement {
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
}

.socmed {
	float: left;
	padding: 5px;
}

.socmed a {
}

#copyr {
	float: right;
	padding: 10px;
}

/*
Generic Styling, for Desktops/Laptops
*/

table.adj {
  border-collapse: collapse;

}

tr.alt > td {
	text-align: center;
	padding: 5px;
}

/* Zebra striping */
tr.alt:nth-of-type(odd) {
	background: gold;
	text-shadow: -1px -1px 0 #aaa, 1px -1px 0 #aaa, -1px 1px 0 #aaa, 1px 1px 0 #aaa;
}

td.adj {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}



/*
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.adj, thead.adj, tbody.adj, th.adj, td.adj, tr.adj {
		display: block;
	}

	tr.adj { border: 1px solid #ccc; }

	td.adj {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}
}