/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */
/*
 * Body
 */
/* line 17, ../sass/pages.scss */
body {
  margin: 0;
  padding: 0;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
/* line 30, ../sass/pages.scss */
#skip-link {
  margin: 0;
}
/* line 34, ../sass/pages.scss */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}





/*
 * Header
 */
/* line 48, ../sass/pages.scss */
#header {
  background: url(../images/header.jpg) top left repeat-x;
  padding: 6px 0 0 0 !important;
}

/* line 53, ../sass/pages.scss */
#logo {
  /* Wrapping link for logo */
  float: left;
  /* LTR */
  margin: 0;
  padding: 0;
}
/* line 57, ../sass/pages.scss */
#logo img {
  vertical-align: bottom;
}

/* line 62, ../sass/pages.scss */
#name-and-slogan {
  /* Wrapper for website name and slogan */
  float: left;
}

/* line 66, ../sass/pages.scss */
#site-name {
  /* The name of the website */
  margin: 15px 0 0 0;
  font-size: 1.6em;
  font-weight: 100;
  line-height: 1em;
  font-family: Trajan;
}
/* line 74, ../sass/pages.scss */
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
/* line 80, ../sass/pages.scss */
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

/* line 85, ../sass/pages.scss */
#site-slogan {
  /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: .85em;
  font-weight: 100;
}

/* ---------------------------------------------------- Updated Search 11/6/19 */

/* line 91, ../sass/pages.scss */
.region-header {
    /* Wrapper for any blocks placed in the header region */
    /*clear: both; */
    /* Clear the logo */
    float: right;
    margin: 0;
    padding: 6px 0 0 0;
    width: auto;
    max-width: 500px;
    z-index: 100;
}

.region-header a,
.region-header p,
.region-header span,
.region-header label {
    text-decoration: none;
    color: rgb(162,157,151);
    color: #414649;
    font-size: 14px;
    padding-right: 6px;
    display: inline-block;
    vertical-align: middle;
}

.region-header p label {
    cursor: pointer;
}

.region-header p label:last-of-type {
    padding-right: 0;
}

.region-header p label.selected {
    text-decoration: underline;
    color: #020202;
}

.region-header p label input {
    display: none;
}

.region-header p {
    padding: 0;
    margin: 0;
}

.region-header form {
    display: inline !important;
}

.region-header form input.searchfield {
    float: none;
    padding-left: 5px;
}

.region-header form input.submit {
    float: none;
}

.region-header p.site-search-radios:before {
    content: '';
    background-color: #a29d97;
    height: 14px;
    width: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

/* line 98, ../sass/pages.scss */
#block-block-4 {
  display: block;
  float: right;
  margin: 0;
}
/* line 102, ../sass/pages.scss */
#block-block-4 img {
  padding-left: 16px;
}
/* line 105, ../sass/pages.scss */
#block-block-4 p {
  margin: 0;
}

/* line 109, ../sass/pages.scss */
#block-superfish-1 {
  display: block;
}
/* line 111, ../sass/pages.scss */
#block-superfish-1 a {
  text-decoration: none;
}

/*
 * Main (container for everything else)
 */
/*
 * Content
 */
/* line 127, ../sass/pages.scss */
#content {
  position: relative;
  margin-top: 8px;
  padding-top: 20px;
  color: #585858;
}
/* line 132, ../sass/pages.scss */
#content h1.title {
  font-size: 1.2em;
  color: #585858;
  font-weight: 100;
}
/* line 137, ../sass/pages.scss */
#content a {
  text-decoration: none;
  color: #0c78b1;
  /* color: rgb(12,120,177); */
}
/* line 142, ../sass/pages.scss */
#content a:hover {
  text-decoration: underline;
}

/* line 148, ../sass/pages.scss */
.breadcrumb {
  /* The path to the current page in the form of a list of links */
}
/* line 149, ../sass/pages.scss */
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
/* line 153, ../sass/pages.scss */
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 166, ../sass/pages.scss */
h1.title,
h2.node-title,
h2.block-title,
h2.title,
h2.comment-form,
h3.title {
  /* Comment title */
  margin: 0;
}

/* line 170, ../sass/pages.scss */
tr.even {
  /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */
  /* Drupal core uses a #eee background */
}

/* line 174, ../sass/pages.scss */
tr.odd {
  /* background-color: #eee; */
  /* Drupal core uses a #eee background */
}

/* line 178, ../sass/pages.scss */
div.messages {
  /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0;
  /* Drupal core uses "6px 0" margin */
}
/* line 181, ../sass/pages.scss */
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 187, ../sass/pages.scss */
div.status {
  /* Normal priority messages */
}

/* line 191, ../sass/pages.scss */
div.warning,
tr.warning {
  /* Medium priority messages */
  /* border: 1px solid #f0c020; */
  /* Drupal core uses: 1px solid #f0c020 */
}

/* line 196, ../sass/pages.scss */
div.error,
tr.error {
  /* High priority messages. See also the .error declaration below. */
}

/* line 199, ../sass/pages.scss */
.error {
  /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */
  /* Drupal core uses a #e55 background */
}

/* line 203, ../sass/pages.scss */
.warning {
  /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */
  /* Drupal core uses a #e09010 background */
}

/* line 207, ../sass/pages.scss */
.tabs {
  /* See also the tabs.css file. */
}

/* line 210, ../sass/pages.scss */
.region-help {
  /* Help text on a page */
}

/* line 213, ../sass/pages.scss */
.more-help-link {
  /* Link to more help */
}

/* line 216, ../sass/pages.scss */
.region-content {
  /* Wrapper for the actual page content */
}

/* line 219, ../sass/pages.scss */
ul.inline {
  /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
/* line 223, ../sass/pages.scss */
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
  /* LTR */
}

/* line 229, ../sass/pages.scss */
span.field-label {
  /* The inline field label used by the Fences module */
  padding: 0 1em 0 0;
  /* LTR */
}

/* line 233, ../sass/pages.scss */
.item-list .pager {
  /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
/* line 236, ../sass/pages.scss */
.item-list .pager li {
  /* Each page number in the pager list */
  padding: 0 0.5em;
}

/* line 241, ../sass/pages.scss */
.feed-icon {
  /* The link to the RSS or Atom feed for the current list of content */
  display: none;
}

/* line 245, ../sass/pages.scss */
.more-link {
  /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
/*
 * Footer
 */
/*
 * Page bottom
 */
/* line 279, ../sass/pages.scss */
.region-bottom {
  /* Wrapper for any blocks placed in the page bottom region */
  margin-bottom: 0;
  line-height: 1em;
  background: #aea391;
}
/* line 283, ../sass/pages.scss */
.region-bottom .block {
  margin-bottom: 0;
}
/* line 284, ../sass/pages.scss */
.region-bottom p {
  margin: 0;
  text-align: right;
  font-size: .7em;
    padding: 5px 0;
}
/* line 288, ../sass/pages.scss */
.region-bottom p img {
  margin-right: 10px;
  margin-bottom: 0;
    vertical-align: middle;
}

/* line 292, ../sass/pages.scss */
.field-body .media-image {
  padding: 8px;
}

/* line 294, ../sass/pages.scss */
.field-body ul {
  position: relative;
  left: 12px;
}

/* line 296, ../sass/pages.scss */
li.blog_usernames_blog {
  display: none !important;
}

/* line 298, ../sass/pages.scss */
.region-sidebar-first {
  padding-top: 18px;
}
/* line 300, ../sass/pages.scss */
.region-sidebar-first .block {
  border: 1px solid #efefef;
}
/* line 301, ../sass/pages.scss */
.region-sidebar-first h2.block-title {
  /* color: #585858; */
  color: white;
  /* background: #9a6c52; */
  background: #7c292c;
  font-size: 1.1em;
  font-weight: 100;
  border-bottom: 3px solid #efefef;
  margin: 0 0px;
  padding: 0 8px;
}
/* line 312, ../sass/pages.scss */
.region-sidebar-first ul {
  padding: 0 0 0 10px;
  margin: 12px 0;
}
/* line 316, ../sass/pages.scss */
.region-sidebar-first li {
  list-style: none !important;
}
/* line 318, ../sass/pages.scss */
.region-sidebar-first li a {
  text-decoration: none;
  /* color: rgb(12,120,177); */
  color: #0c78b1;
}
/* line 323, ../sass/pages.scss */
.region-sidebar-first li a:hover {
  color: #285526;
}
/* line 325, ../sass/pages.scss */
.region-sidebar-first form {
  padding: 6px;
}

/* line 331, ../sass/pages.scss */
#triptych-wrapper a {
  color: #0c78b1;
}
/* line 332, ../sass/pages.scss */
#triptych-wrapper #block-block-5 {
  padding-left: 6px;
}

/* line 335, ../sass/pages.scss */
table.calendar-legend {
  margin: 0; /* Updated by winnefox 4/6/23 */
}



/* line 339, ../sass/pages.scss */
.content img {
  padding: 8px;
}

/* line 341, ../sass/pages.scss */
label {
  color: #585858;
  font-weight: 100 !important;
}

/* line 344, ../sass/pages.scss */
.field-body p {
  clear: both;
}
/* line 345, ../sass/pages.scss */
.field-body img {
  padding: 4px 12px;
}

/* line 351, ../sass/pages.scss */
.panel-panel ul.links {
  display: none;
}

/* line 355, ../sass/pages.scss */
.view-lucy-s-book-mark .views-row {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

/* line 363, ../sass/pages.scss */
.view-coming-soon #whatsnewrow {
  border: thin solid #285028;
  background: #ffffff;
  height: 108px;
  width: 47%;
  display: block;
  float: left;
  padding: 0;
  margin: 0 20px 0 0;
}
/* line 373, ../sass/pages.scss */
.view-coming-soon #whatsnewimage {
  height: 100px;
  display: block;
  margin: 0;
  float: left;
  background: url(../images/noimage.png) no-repeat;
}
/* line 379, ../sass/pages.scss */
.view-coming-soon #whatsnewimage img {
  height: 100%;
  margin: 4px 0 0 4px;
  max-width: 120px;
}
/* line 385, ../sass/pages.scss */
.view-coming-soon #whatsnewtext {
  display: block;
  float: right;
  height: 100px;
  width: 26%;
  height: 68px;
  overflow: hidden;
  text-align: left;
  padding: 10px 10px 10px 130px;
  position: absolute;
}
/* line 396, ../sass/pages.scss */
.view-coming-soon #whatsnewavail {
  display: block;
  float: right;
  height: 20px;
  text-align: right;
  position: relative;
  top: 84px;
  right: 6px;
}
/* line 405, ../sass/pages.scss */
.view-coming-soon article.node-new-materials {
  clear: both;
  overflow: hidden;
}
/* line 411, ../sass/pages.scss */
.view-coming-soon .view-new-arrivals .views-field-view-node {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 8px;
  margin-bottom: 8px;
  clear: both;
}

/* -------------- */
/* line 422, ../sass/pages.scss */
.whatsnew-old #whatsnewrow {
  border: thin solid #285028;
  background: #ffffff;
  height: 108px;
  width: 47%;
  display: block;
  float: left;
  padding: 0;
  margin: 0 20px 0 0;
}
/* line 432, ../sass/pages.scss */
.whatsnew-old #whatsnewimage {
  height: 100px;
  display: block;
  margin: 0;
  float: left;
  background: url(../images/noimage.png) no-repeat;
}
/* line 438, ../sass/pages.scss */
.whatsnew-old #whatsnewimage img {
  height: 100%;
  margin: 4px 0 0 4px;
  max-width: 120px;
}
/* line 444, ../sass/pages.scss */
.whatsnew-old #whatsnewtext {
  display: block;
  float: right;
  height: 100px;
  width: 26%;
  height: 68px;
  overflow: hidden;
  text-align: left;
  padding: 10px 10px 10px 130px;
  position: absolute;
}
/* line 455, ../sass/pages.scss */
.whatsnew-old #whatsnewavail {
  display: block;
  float: right;
  height: 20px;
  text-align: right;
  position: relative;
  top: 84px;
  right: 6px;
}
/* line 464, ../sass/pages.scss */
.whatsnew-old article.node-new-materials {
  clear: both;
  overflow: hidden;
}
/* line 470, ../sass/pages.scss */
.whatsnew-old .view-new-arrivals .views-field-view-node {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 8px;
  margin-bottom: 8px;
  clear: both;
}

/* -------------- */
/* line 480, ../sass/pages.scss */
ul.pager {
  text-align: center;
  list-style: none;
}
/* line 483, ../sass/pages.scss */
ul.pager li {
  display: inline;
}

/* area for top block of panels */
/* line 489, ../sass/pages.scss */
.panel-3col-33-stacked .panel-col-top .inside {
  overflow: hidden;
  margin: 0;
}
/* line 493, ../sass/pages.scss */
.panel-3col-33-stacked .panel-col-top p {
  margin: 0;
}

/* line 498, ../sass/pages.scss */
article.node-611 .print-link, article.node-942 .print-link, article.node-612 .print-link, article.node-1387 .print-link, article.node-90 .print-link {
  display: none;
}
/* line 499, ../sass/pages.scss */
article.node-611 img, article.node-942 img, article.node-612 img, article.node-1387 img, article.node-90 img {
  padding: 0;
}

/* Front page styling */
/* line 505, ../sass/pages.scss */
#quicktabs-upcoming_events ul {
  font-size: .8em;
}

/* line 509, ../sass/pages.scss */
.flex-nav-container {
  margin-bottom: 0;
}

/* line 511, ../sass/pages.scss */
.ui-tabs-panel {
  padding: 1em 1em 0 1em !important;
}

/* line 514, ../sass/pages.scss */
.panels-flexible-row {
  padding: 0 !important;
}

/* line 516, ../sass/pages.scss */
.panel-3col-33-stacked {
  width: 100%;
  margin-top: 4px;
  overflow: hidden;
}
/* line 520, ../sass/pages.scss */
.panel-3col-33-stacked p img {
  padding: 0 0 0 10px;
}
/* line 521, ../sass/pages.scss */
.panel-3col-33-stacked .inside {
  margin: 0 0.5em 0 0 !important;
}

/* line 524, ../sass/pages.scss */
#triptych .region {
  overflow: hidden;
  height: 160px;
}
/* line 527, ../sass/pages.scss */
#triptych .region h2 {
  line-height: 1em;
  margin-top: 4px;
}
/* line 528, ../sass/pages.scss */
#triptych .region form {
  margin-top: 12px;
}

/* line 534, ../sass/pages.scss */
.ui-widget-content {
  border: 4px solid white;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  height: 334px;
}
/* line 538, ../sass/pages.scss */
.ui-widget-content .ui-widget-content {
  border: none;
  box-shadow: none;
}
/* line 539, ../sass/pages.scss */
.ui-widget-content .more-link {
  text-align: right;
  font-size: .7em;
  margin-top: -4px;
}

/* line 542, ../sass/pages.scss */
.panels-flexible-region-14-post_1 {
  border-top: 1px solid #e2e2e2;
  padding-top: 12px;
}

/* line 544, ../sass/pages.scss */
.views-field-nothing {
  text-align: right;
}

/* line 546, ../sass/pages.scss */
.view-id-intranet_blog_rasd .views-row, .view-id-intranet_blog_c_fos .views-row, .view-id-intranet_blog_circulation_pages .views-row, .view-id-intranet_blog_pubserv .views-row, .view-id-intranet_blog_tech .views-row, .view-id-intranet_blog_need_to_know .views-row {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: dashed 1px #ccc;
}
/* line 551, ../sass/pages.scss */
.view-id-intranet_blog_rasd .views-field-title a, .view-id-intranet_blog_c_fos .views-field-title a, .view-id-intranet_blog_circulation_pages .views-field-title a, .view-id-intranet_blog_pubserv .views-field-title a, .view-id-intranet_blog_tech .views-field-title a, .view-id-intranet_blog_need_to_know .views-field-title a {
  font-size: 1.2em;
}

/* line 555, ../sass/pages.scss */
.month-view .views-field-title {
  font-size: 1.4em;
  line-height: 1.2em;
}

/* Added by Jay H. March 2019 */

table.board-meeting-table {
	border: none !important;
	width: 100%;
	box-sizing: border-box;
}

table.board-meeting-table th {
	border: none !important;
	padding: 10px 0;
}

table.board-meeting-table tr {
	border: none !important;
}

table.board-meeting-table td {
	border: none !important;
	padding: 10px 0;
	max-width: 300px;
}

table.board-meeting-table td:first-of-type {
	padding-right: 50px;
}

/*****************************************************
******************************************** Winnefox
*****************************************************/

.view .date-nav-wrapper .date-prev {
	margin-right: 15px;
}

.view .date-nav-wrapper .date-prev a, 
.view .date-nav-wrapper .date-next a{
    padding: 5px;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

.view-content {
	position: relative;
}

.oshkosh-col-container {
	font-size: 0;
	padding: 15px 0;
	display: block;
	position: relative;
	width: 100%;
}

.oshkosh-col-1,
.oshkosh-col-1-5,
.oshkosh-col-2,
.oshkosh-col-3,
.oshkosh-col-4,
.oshkosh-col-5, 
.oshkosh-col-6 {
	padding: 15px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	color: #333;
	font-size: 18px;
	width: 100%;
	position: relative;
}

.oshkosh-col-1 {
	width: 25%;
}

.oshkosh-col-1-5 {
    width: 33.33%;
}

.oshkosh-col-2 {
	width: 50%;
}

.oshkosh-col-3 {
	width: 75%;
}

.oshkosh-col-4 {
	width: 100%;
}

.oshkosh-align-top,
.oshkosh-align-top [class^="oshkosh-col-"] {
	vertical-align: top;
}

.recommended .img,
.staff-member .img,
.contest-submission .img {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding-bottom: 100%;
	cursor: pointer;
}

.view-f-stop-photography-contest .contest-submission .img {
    background-position: top;
}

.view-f-stop-resilience .contest-submission .img {
    background-position: top;
}

.contest-submission .img {
    background-color: #efefef;
    background-size: cover;
}

.recommended .img:hover,
.staff-member .img:hover,
.contest-submission .img:hover {
	background-color: #eee;
}

.recommended .info-container,
.staff-member .info-container,
.contest-submission .info-container {
	display: none;
}

.recommended .name,
.staff-member .name,
.staff-member .position,
.contest-submission .name {
	font-size: 16px;
	margin: 0;
	padding: 5px;
	text-align: center;
	text-transform: capitalize;
}

.staff-member .position {
	font-weight: bold;
    padding-top: 0;
}

.contest-submission.congratulations:before,
.contest-submission.judges-choice:before,
.contest-submission.winner:before,
.contest-submission.first:before,
.contest-submission.second:before,
.contest-submission.third:before,
.contest-submission.honorable:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ccc;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    
}

.contest-submission.judges-choice:before {
    content: 'Judges Choice';
    background-color: #000;
    color: gold; 
}

.contest-submission.honorable:before {
    content: 'Honorable Mention';
    background-color: #000;
    color: gold; 
}

.contest-submission.congratulations:before {
    content: 'Congratulations ';
    background-color: #463EFF;
    color: lightyellow; 
}


.contest-submission.winner:before,
.contest-submission.first:before {
    content: 'Winner';
    background-color: #2253a0;
    
}

.contest-submission.first:before {
    content: 'First Place';
    
}

.contest-submission.second:before {
    content: 'Second Place';
    background-color: #a3223e;
}

.contest-submission.third:before {
    content: 'Third Place';
    background-color: #e1b061;
}

#oshkosh-body-lightbox {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12;
    transition: all ease-in-out 0.3s;
    opacity: 0;
}

#oshkosh-lightbox {
	transition: all ease-in-out .3s;
	display: none;
	visibility: hidden;
	z-index: -1000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#oshkosh-lightbox:before {
	content: '';
	background-color: #fff;
	opacity: 0.45;
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#oshkosh-lightbox.visible {
	display: block;
	visibility: visible;
	z-index: 100;
}

#oshkosh-lightbox .oshkosh-lightbox-content {
	position: fixed;
	display: block;
	background-color: #7c292c;
	color: #fff;
	width: 100%;
	max-width: 750px;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	box-shadow: 0 2px 5px 1px rgba(49,16,17,0.3);
	left: 0;
	right: 0;
	top: 25%;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container {
	font-size: 16px;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container h3 {
	display: inline-block;
	color: #fff;
	font-size: 24px;
    line-height: 30px;
	margin: 0;
	padding: 0;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container a {
	display: inline-block;
	color: #fff;
	font-size: 18px;
    line-height: 24px;
	margin: 0;
	padding: 0;
    text-decoration: none;
    vertical-align: middle;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container a.link-to-catalog,
#oshkosh-lightbox .oshkosh-lightbox-content .info-container a.button {
	font-size: 16px;
	padding-top: 15px;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    background-color: #571d1f;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container a.link-to-catalog:hover,
#oshkosh-lightbox .oshkosh-lightbox-content .info-container a.button:hover {
    background-color: #3d1416;
    text-decoration: none;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container .external-link-img {
	background-image: url("../images/external-link.png");
	background-repeat: no-repeat;
	background-size: contain;
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container span {
	display: block;
	opacity: 0.7;
	font-size: 15px;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container p {
	display: block;
	margin: 0;
	padding: 5px 0;
}

#oshkosh-lightbox .oshkosh-lightbox-content .info-container p:first-of-type:before {
	content: '';
	display: block;
	height: 1px;
	background-color: #fff;
	opacity: 0.5;
	margin: 0 0 15px;
}

#oshkosh-lightbox .oshkosh-lightbox-content .submission-images-container {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    font-size: 0;
}

#oshkosh-lightbox .oshkosh-lightbox-content .submission-images-container .submission-image {
    display: inline-block;
    width: 125px;
    height: 125px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 5px 5px 0 0;
}

#oshkosh-lightbox .oshkosh-lightbox-close {
	width: auto;
	text-align: right;
	color: #fff;
    background-color: #7c292c;
	font-size: 16px;
	padding: 5px 15px;
	cursor: pointer;
	font-weight: normal;
	position: absolute;
	right: 0;
    top: -30px;
}

/* The following is for MGCBCC and other webforms */

article.node-14795 {
    
}

article.node-14795 .field-name-body {
    max-width: 800px;
    margin: 0 auto;
}

article.node-14795 p,
article.node-16140 p{
    
}

article.node-14795 ul,
article.node-16140 ul {
    
}

article.node-14795 form {
    padding: 0 30px;
}

article.node-14795 form div.webform-layout-box .form-item,
article.node-16140 form div.webform-layout-box .form-item {
    margin: 15px 0;
    padding-right: 15px;
}

article.node-16140 form div.webform-layout-box .form-item.form-type-radio {
    margin-top: 0;
}

article.node-16140 form .form-item .description {
	font-size: 1em;
}

article.node-14795 form .form-item label,
article.node-16140 form .form-item label {
    font-weight: bold !important;
}

article.node-14795 form .form-item label.option,
article.node-16140 form .form-item label.option {
    font-weight: normal !important;
}

article.node-14795 form .webform-component-fieldset legend,
article.node-16140 form .webform-component-fieldset legend {
    font-size: 24px;
}

article .webform-component--disclaimer {
    border: none;
    border-left: 5px solid #7c292c;
    margin: 15px 0;
    padding: 15px;
}

article.node-15025 form div.webform-layout-box .form-item,
article.node-15026 form div.webform-layout-box .form-item,
article.node-17365 form div.webform-layout-box .form-item {
    margin: 15px 0;
    padding-right: 15px;
}

article.node-15025 form .form-item label,
article.node-15026 form .form-item label,
article.node-17365 form .form-item label {
    font-weight: bold !important;
}

article.node-15025 form .form-item label.option,
article.node-15026 form .form-item label.option,
article.node-17365 form .form-item label.option {
    font-weight: normal !important;
}

/* The following is for website redesign surveys */
#opl-libraryworks-survey {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    padding: 1.5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-in-out 0.3s;
}

#opl-libraryworks-survey.open {
    opacity: 1;
    visibility: visible;
}

#opl-libraryworks-survey > .inner {
    background-color: #f3f4ec;
    max-width: 700px;
    padding: 1rem;
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.5);
    flex-direction: column;
}

#opl-libraryworks-survey > .inner > .left,
#opl-libraryworks-survey > .inner > .right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: center;
}

#opl-libraryworks-survey > .inner > .left img {
    max-width: 200px;
    margin: 0 0 1rem;
}

#opl-libraryworks-survey > .inner > .right {
    padding: 1rem;
    max-width: 500px;
}

#opl-libraryworks-survey h3 {
    margin: 0 0 0.5rem;
    font-size: 2rem;
}

#opl-libraryworks-survey p {
    margin: 0.5rem 0;
}

#opl-libraryworks-survey button,
#opl-libraryworks-survey a {
    outline: unset;
    text-decoration: none;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    margin: 0.5rem 0.5rem 0 0;
    color: #fff;
    font-size: 1rem;
    transition: all ease-in-out 0.3s;
}

#opl-libraryworks-survey button {
    background-color: #ccc;
    color: #2E2E2E;
    opacity: 0.75;
}

#opl-libraryworks-survey button:hover {
    opacity: 1
}

#opl-libraryworks-survey a {
    background-color: #7c292c;
}

#opl-libraryworks-survey a:hover {
    background-color: #AE393E;
}

@media (min-width: 768px) {

    #opl-libraryworks-survey > .inner {
        flex-direction: row;
    }

    #opl-libraryworks-survey > .inner > .left img {
        margin: 0;
    }

}

/* ------------------------------------------------------ Calendar */

/* Added by Winnefox 4/25/23 */
.calendar.legend {
    width: 100%;
}

/* Added by Winnefox 4/25/23 to fix the fixed height set on the calendar td */
.calendar-calendar .month-view .full tr.date-box, 
.calendar-calendar .month-view .full tr.date-box td, 
.calendar-calendar .month-view .full tr.multi-day, 
.calendar-calendar .month-view .full tr.multi-day td { 
    height: auto; 
    max-height: unset;
}

.calendar-calendar .month-view .full tr.multi-day td {
    height: 100%;
}

/* Added by Winnefox 4/25/23 to handle long events */
.calendar-calendar .month-view .full .inner, 
.calendar-calendar .week-view .full .multi-day .inner {
    height: auto;
    min-height: auto;
    max-height: 250px;
    max-height: 35vh;
    overflow: auto;
    scrollbar-width: thin;
}

@media only screen and (max-width: 992px) {
    
    .calendar-calendar .month-view .full .inner, 
    .calendar-calendar .week-view .full .multi-day .inner {
        max-height: unset;
    }

}

.calendar-calendar .day-view td .stripe:not(:first-of-type), 
.calendar-calendar .month-view .full td .stripe:not(:first-of-type), 
.calendar-calendar .week-view .full td .stripe:not(:first-of-type) {
    -moz-border-radius: 0;
    border-radius: 0;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff {
    display: none;
}

.calendar-calendar .month-view .full td.multi-day div.monthview {
    padding-bottom: 5px;
}

.calendar-calendar .day-view td .stripe, 
.calendar-calendar .month-view .full td .stripe, 
.calendar-calendar .week-view .full td .stripe {
    z-index: 0; /* Updated 4/26/23 */
    position: relative;
}

/* Added 4/26/23 */
.calendar-calendar .date-repeat-rule { 
    display: none;
}

.calendar-calendar .date-repeat-instance {
    display: inline-block;
}

.calendar-calendar td span.date-display-single, 
.calendar-calendar td span.date-display-start, 
.calendar-calendar td span.date-display-end, 
.calendar-calendar td span.date-display-separator {
    font-weight: normal;
    font-size: 0.85rem;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    height: 100%;
    width: 20px;
    text-align: center;
    padding: 0;
    z-index: 5;
    line-height: 30px;
}

.calendar-calendar .month-view .full td.single-day div.monthview, 
.calendar-calendar .week-view .full td.single-day div.weekview, 
.calendar-calendar .day-view .full td.single-day div.dayview {
    padding: 0;
}

.calendar-calendar td .inner div.calendar div.views-field {
    padding: 0 5px !important;
}

/*
 * Chat Widget
 */

#chat-widget {
    display: none;
}


/*
 * Images as caption
 */

.media-element-container.media-caption {
    float: none;
    display: inline-block;
    max-width: 175px;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
}

.media-element-container.media-caption img.file-caption {
    margin: 0 auto;
    clear: both;
    float: none !important;
}

.media-element-container.media-caption .field-name-field-caption {
    word-wrap: normal;
    display: inline-block;
    width: 100%;
}

/*
 * ------------------------------------------------------------- Winnefox
 */

#page, .region-bottom {
    max-width:1340px;
}

body.front .panels-flexible-row-14-1-inside .field-name-field-image img {
    width: 100%;
}

body.front .panels-flexible-row-14-1-inside .views-row-first {
    padding-left: 0;
}

body.front .panels-flexible-row-14-1-inside .views-row-last {
    padding-right: 0;
}

/*
 * Calendar
 */

.calendar-calendar .month-view .full td.multi-day div.monthview, 
.calendar-calendar .week-view .full td.multi-day div.weekview, 
.calendar-calendar .day-view .full td.multi-day div.dayview {
    color: #606060;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continuation, 
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation {
    color: #2d2d2d;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, 
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, 
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, 
.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
    background-color: #dfdfdf;
}

/*
 * Alert
 */

#alert {
    padding: 5px 15px;
    background-color: rgb(254, 226, 74);
}

#alert .region-alert .block {
    margin: 0;
}

#alert .region-alert .block p:nth-of-type(n+2) {
    padding-top: 5px;
}

#alert .region-alert .block p {
    margin: 0;
    padding: 0;
    display: inline-block;
}

#alert .region-alert .block-title {
    margin-right: 5px;
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
}

#winnefoxsocialfeed.container {
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
    padding: 0 0 0 15px;
    margin: 10px 0 15px;
    border-left: 1px solid #e2e2e2;
    z-index: 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

#winnefoxsocialfeed.container .feed-data {
    height: 400px;
    max-height: 400px;
    padding-right: 15px;
    overflow-y: scroll;
}

#winnefoxsocialfeed.container.loading {
    overflow-y: hidden;
}

#winnefoxsocialfeed.container.loading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 2;
}

#winnefoxsocialfeed.container.loading .loader {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin: auto;
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
}

#winnefoxsocialfeed.container.loading .row.loading {

}

#winnefoxsocialfeed.container.loading .row.loading .title,
#winnefoxsocialfeed.container.loading .row.loading .created-time,
#winnefoxsocialfeed.container.loading .row.loading .message {
    background-color: #e2e2e2;
    color: #e2e2e2;
    margin-bottom: 5px;
}

#winnefoxsocialfeed.container.loading .row.loading .title:before,
#winnefoxsocialfeed.container.loading .row.loading .created-time:before,
#winnefoxsocialfeed.container.loading .row.loading .message:before {
    content: 'loading';
}

#winnefoxsocialfeed.container.loading .row.loading .title {
    width: 80%;
}

#winnefoxsocialfeed.container.loading .row.loading .created-time {
    width: 150px;
}

#winnefoxsocialfeed.container.loading .row.loading .message {
    
}


#winnefoxsocialfeed.container h2 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: #0c78b1;
    padding-bottom: 5px;
}

#winnefoxsocialfeed.container .row {
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
}

#winnefoxsocialfeed.container .row:nth-child(1) {
    padding-top: 0;
}

#winnefoxsocialfeed.container .row.header {
    display: none;
}

#winnefoxsocialfeed.container .row:last-of-type {
    border-bottom: transparent;
}

#winnefoxsocialfeed.container .row .col {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 5px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
}

#winnefoxsocialfeed.container .col.focus {
    font-size: 0px;
    line-height: 0;
}

#winnefoxsocialfeed.container .col.body {

}

#winnefoxsocialfeed.container .col.footer {
    text-align: left;
    padding: 0;
}

#winnefoxsocialfeed.container.facebook .title {
    display: block;
    padding: 0 0 5px;
    color: #7c292c;
}

#winnefoxsocialfeed.container.facebook .message {
    margin: 0;
    padding: 5px 0;
    line-height: 1.5em;
    font-size: 16px;
    max-height: 400px;
    overflow: hidden;
}

#winnefoxsocialfeed.container.facebook .created-time {
    font-size: 12px;
    line-height: 18px;
    color: #666;
    display: block;
    padding: 0 0 5px;
}

#winnefoxsocialfeed.container.facebook .created-time > .icon {
    height: 15px;
    width: 18px;
    background-size: contain;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    background-repeat: no-repeat;
}

#winnefoxsocialfeed.container.facebook .media {
    width: 100%;
    display: inline-block;
    height: 150px;
    background-position: center;
    background-size: cover;
    vertical-align: top;
    position: relative;
    background-color: #e2e2e2;
}

#winnefoxsocialfeed.container.facebook .subattachments {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    max-height: 150px;
    overflow: hidden;
}

#winnefoxsocialfeed.container.facebook .row.album .media {
    width: 50%;
    border-bottom: 1px solid #fff;
}

#winnefoxsocialfeed.container.facebook .row.album .subattachments .media {
    width: 50%;
    border: 1px solid #fff;
    border-top: transparent;
    border-right: transparent;
    box-sizing: border-box;
    display: inline-block;
    height: 76px;
}

#winnefoxsocialfeed.container.facebook .row.album .title {
    display: none;
}

#winnefoxsocialfeed.container.facebook .row.video_inline .col.focus a.video:before,
#winnefoxsocialfeed.container.facebook .row.album .col.focus > a.album:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

#winnefoxsocialfeed.container.facebook .row.video_inline .col.focus a.video:hover:before,
#winnefoxsocialfeed.container.facebook .row.album .col.focus > a.album:hover:before {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#winnefoxsocialfeed.container.facebook .row.video_inline .col.focus a.video:after,
#winnefoxsocialfeed.container.facebook .row.album .col.focus > a.album:after {
    content: '';
    background-image: url('../images/play-button.png');
    background-size: contain;
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

#winnefoxsocialfeed.container.facebook .row.album .col.focus > a.album:after {
    background-image: url('../images/album.png');
}

#winnefoxsocialfeed.container.facebook .row .col.focus .media.full {
    height: auto;
}

#winnefoxsocialfeed.container.facebook .row .col.focus .media.full img {
    width: 100%;
    height: auto;
}

#winnefoxsocialfeed.container.facebook .row .col.focus .media.safe-image {
    display: none !important;
}

#winnefoxsocialfeed.container.facebook .fb-button {
    background-color: #395693;
    padding: 5px 10px 5px 5px;
    color: #fff;
    text-decoration: none;
    position: relative;
    -webkit-transition: ease-in-out 0.3s all;
    transition: ease-in-out 0.3s all;

    display: inline-block;
}

#winnefoxsocialfeed.container.facebook .fb-button:hover {
    background-color: #4267b2;
}

#winnefoxsocialfeed.container.facebook .fb-button span {
    vertical-align: middle;
    display: inline-block;
}

#winnefoxsocialfeed.container.facebook .fb-button:before {
    content: '';
    background-image: url('../images/facebook.png');
    background-size: contain;
    height: 20px;
    width: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

#flexslider-1 {
    margin-bottom: 55px;
    min-height: 390px;
}

/* Poetry Walk */

#poetry-walk {
    position: relative;
}

#poetry-walk .contest-submission {
    visibility: visible;
}

#poetry-walk.loading .contest-submission {
    visibility: hidden;
    max-height: 300px;
    overflow: visible;
}

#poetry-walk .contest-submission.poet {
    text-align: center;
}

#poetry-walk .contest-submission.poet > .inner {
    background-color: #fafafa;
    border-radius: 15px;
    padding: 15px;
}

#poetry-walk .contest-submission.poet h3 {
    margin: 0;
    padding: 15px 0 15px 65px;
    color: #2d2d2d;
    position: relative;
    display: inline-block;
    text-align: left;
}

#poetry-walk .contest-submission.poet h3:before {
    content: '';
    background-image: url("../images/poem.svg");
    height: 50px;
    width: 50px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

#poetry-walk .contest-submission.poet .button,
#other-poems .button {
    text-decoration: none !important;
    padding: 10px 15px;
    display: block;
    position: relative;
    color: #2d2d2d;
    transition: color ease-in-out 0.3s;
}

#other-poems .button {
    display: inline-block;
    margin: 0 5px 5px 0;
}

#poetry-walk .contest-submission.poet .button:hover,
#other-poems .button:hover,
#other-poems .button.current {
    color: #7c292c;
}

#poetry-walk .contest-submission.poet .button:after,
#other-poems .button:after {
    content: '';
    background-color: #7c292c;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    transition: all ease-in-out 0.3s;
    transform-origin: center;
    margin: auto;
}

#poetry-walk .contest-submission.poet .button:hover:after,
#other-poems .button:hover:after,
#other-poems .button.current:after {
    width: 100%;
}

body.logged-in #poems-container {
    top: 100px;
    bottom: 100px;
}

#poems-container {
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    font-size: 18px;
    height: 100vh;
    overflow-y: auto;
    padding: 15px 15px 30px;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
}

#poems-container-bg {
    position: fixed;
    background-color: #000;
    z-index: 145;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.75;
}

#close-poems {
    background-color: #7c292c;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    display: inline-block;
    transition: all ease-in-out 0.3s;
}

#close-poems span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

#close-poems span.icon {
    background-image: url("../images/poem-white.svg");
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

#close-poems:hover {
    background-color: #4c1a1e;
}

#other-poems {
    padding: 5px;
    border-left: 5px solid #fafafa;
    margin: 15px 0;
}

#other-poems .button {
    padding: 5px;
}

#poem-title {
    display: block;
    font-size: 40px;
    line-height: 48px;
    margin: 15px 0;
}

#poems-by {
    font-size: 20px;
    margin: 15px 0;
    display: block;
    color: #77b3f1;
}

#current-poem {
    padding: 15px;
}

#current-poem > br:first-child {
    display: none;
}

#current-poem p {
    margin: 0 0 10px;
}

#current-poem p + p:empty {
    margin-top: 15px;
}

@media only screen and (max-width: 992px) {
    
    .oshkosh-col-1-5 {
        width: 50%;
    }

}

@media only screen and (max-width: 768px) {

	.oshkosh-col-1 {
		width: 50%;
	}
    
    .oshkosh-col-1-5 {
        width: 100%;
    }

	.oshkosh-col-2,
	.oshkosh-col-3 {
		width: 100%;
	}

	.oshkosh-col-4 {
		width: 100%;
	}

	.oshkosh-col-1.oshkosh-sm-col-6,
	.oshkosh-col-2.oshkosh-sm-col-6,
	.oshkosh-col-3.oshkosh-sm-col-6,
	.oshkosh-col-4.oshkosh-sm-col-6,
	.oshkosh-col-5.oshkosh-sm-col-6,
	.oshkosh-col-6.oshkosh-sm-col-6 {
		width: 100%;
	}
	
	#oshkosh-lightbox .oshkosh-lightbox-content {
		top: 75px;
        bottom: 75px;
	}
    
    #oshkosh-lightbox .oshkosh-lightbox-content .info-container {
        overflow-y: scroll;
        height: 100%;
        padding-right: 10px;
    }

}

@media only screen and (max-width: 702px) {

	#winnefoxsocialfeed.container {
        padding: 0 15px;
        border-left: none;
    }

    #winnefoxsocialfeed.container .feed-data {
        height: 450px;
        max-height: 450px;
    }
    
    #flexslider-1 {
        min-height: 200px;
    }
    
    

}

@media only screen and (max-width: 480px) {

}