/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        4.4.5
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/* General styles */

body {
	font-family: Montserrat, sans-serif;
	font-size: .95em;
}

#page-container {
	overflow: hidden;
}

h1 {
  font-family: Volkhov;
	font-weight: bold;
	color: #006a52;
}

h2 {
	font-family: Oswald;
	font-weight: bold;
}

.subHeading {
	font-family: Volkhov;
	font-weight: bold;
	color: #006a52;
	font-size:26px;
}

a {
	color: #006a52;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

h1 a:hover {
	text-decoration: none;
}

.et_pb_menu_search-input {
	font-size: 25px !important;
}

/*.centered {
	margin-right: auto;
	margin-left: auto;
}*/

#hoursBox:hover {
	text-decoration: underline;
}

.singleLineBox {
	max-height: 80px;
}

.libraryLogo{
	position: relative;
	top: -40px;
	left: 150px;	
}

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

.oneLine {
	color: #006a52;
}

.et_mobile_menu {
	border-top:2px solid #ffd200;
}

/* For site search */

#displaySearch {
	padding: 20px 50px;
	background-color:#FFC600;
	background-image: url("https://lucyscribnerlibrary.reclaim.hosting/wp-content/uploads/2020/04/magnifying-glass-black-no-background-small.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* Search box test */

#searchContainer {
	height: 155px;
}

#searchOptionPlaceholder {
	display: inline-block;
}

#searchSelection {
	padding: 10px 20px;
	margin-right: 10px;
	background-color: #F0F3F5;
	display: inline-block;
	color: #000000;
	width: 20%;
	max-height: 70px;
	border: 2px solid black;
	vertical-align: middle;
}

#searchSelection img {
	float: right;
}

#searchLabel {
	display: inline-block;
	padding-top: 10px;
	vertical-align: top;
}

#searchOptions {
	display: none;
	background-color: #F0F3F5;
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 105px;
}

#searchOptions ul {
	background-color: #F0F3F5;
	padding: 5px;
}

#searchOptions li {
	list-style-type: none;
	border-bottom: 2px solid black;
}

#searchOptions li:hover {
	background-color: #706868;
	color: #ffffff;
}

.buttonSearch {
	background-color: transparent;
	border: none;
	padding: 10px;
	font-size: 14px;
}

.searchSubHeading {
	font-size: 12px;
}

#searchInput {
	display: inline-block;
	background-color: #F0F3F5;
	position: relative;
	top: 0px;
	width: 650px;
	border: 2px solid black;
	vertical-align: middle;
}

#searchBox {
	width: 90%;
	background-color: #F0F3F5;
	border: none;
	font-size: 1.5em;
	position: relative;
	right: -10px;
	top: -10px;
	vertical-align: middle;
	float: left;
}

#submit {
	border: none;
	background-image: url('https://lucyscribnerlibrary.reclaim.hosting/search/magnifyingGlass.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-color: transparent;
	width: 50px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 15px;
}

#otherLinks {
	margin-top: 10px;
}

#otherLinks a{
	color: #000000;
}

#otherLinks a:hover{
	color: #006a52;
}


/* Mid-page styles */

/*.linkBox {
	margin-right: 20px !important;
}*/

.linkBox:hover  {
	text-decoration: underline;
}

.linkBox img {
	max-width: 150px;
}

/* Footer */
.footerBox {
	max-width: 30%;
	padding: 5px;
}

.footerBoxNew {
	display: inline;
	float: none;
	vertical-align: top;
}

#socialMedia a {
	padding-left: 5px;
}

.bottomLinks {
	display: inline;
	float: right;
	color: #ffffff;
}

.bottomLinks li {
	list-style-type: none;
}

.bottomLinks a {
	color:#ffffff;
	font-weight: normal;
}

.bottomLinksMobile li {
	list-style-type: none;
	color: #ffffff;
}

.bottomLinksMobile a {
	color:#ffffff;
	font-weight: normal;
}

/* Post titles need at least 1.3 em of space */
.entry-title {
	line-height: 1.3em;
}

/* For Art in the Library gallery */
.nav-single a {
	color: #006A52;
}

/* For the yellow all upcoming events button */
	.borderButton {
	text-align: center;
	background-color: #ffd200;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	position: sticky;
	left: 20px;
	top: -15px;
}

/* Contact Page styles */

.et_pb_team_member_image {
	max-width: 40%;
	margin-right: auto;
	margin-left: auto;
}

#departments a  {
	font-weight: normal;
}

.person a {
	font-weight: normal;
}

.bottomHeader {
	font-weight: bold;
}

#address {
		font-size: 14px;
		margin-top: 0px;
	}

/* Mobile focused style */
@media all and (max-width: 500px){
	
	.libraryLogo {
		max-width: 195px;
		position: relative;
	  top: 10px;
	  left: 10px;	
	}
	
	.noMobileDisplay {
		display: none;
	}
	
	.hours_frame2 {
		display:inline-block;
		position: relative;
		left: 230px;
		top: -70px;
	}
	
	.mobileDropDown {
		display: block;
	}
	
	#searchContainer {
		padding-top: 10px;
		height: 220px;
		position: relative;
		top: 170px;
	}
	
	#searchSelection {
		width: 95%;
		margin-right: 0px;
	}
	
	#searchOptions {
	position: absolute;
	z-index: 2;
	left: 9px;
	top: 105px;
	width: 95%;
}
	
	#searchInput {
		margin-top: 10px;
		width: 95%;
	}
	
	#otherLinks {
		font-size: 12px;
	}
	
	div > select {
		width: 270px;
	}
	
	.centered {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	
	#iconBox {
		position: relative;
		top: 20px;
	}
	
	.linkBox{
		/*max-width: 50%;*/
	}
	
	.oneLine {
		font-size: 16px !important;
		text-align: center;
	}

	#address {
		font-size: 10px;
		margin-top: -10px;
	}
}

@media all and (min-width: 501px) and (max-width: 750px){
	
	.noMobileDisplay {
		display: none;
	}
	
	.libraryLogo {
		position: relative;
	  top: 10px;
	  left: 10px;	
	}
	
	.hours_frame2 {
		display:inline-block;
		position: relative;
		left: 450px;
		top: -70px;
	}
	
	#searchContainer {
		height: 240px;
		position: relative;
		top: 160px;
	}

	#searchSelection {
		width: 95%;
		margin-right: 0px;
	}
	
	#searchOptions {
		width: 95%;
		position: absolute;
		left: 12px;
		top: 105px;
	}
	
	#searchInput {
		width: 95%;
		margin-top: 10px;
	}
	
	#iconBox {
		position: relative;
		top: 20px;
	}
	
	.linkBox{
		width: 70% !important;
	}
	
	.linkBox h1 {
		text-align: center;
	}
}

/* Tablet-focused styles */
@media all and (min-width: 751px) and (max-width: 960px){
	
	#leftColumn {
		max-width: 50%;
	}
	
	#rightColumn {
		max-width: 50%;
	}
	
	.libraryLogo {
		max-width: 195px;
		position: relative;
	  top: 10px;
	  left: 10px;	
	}
	
	.noMobileDisplay {
		display: none;
	}
	
	.hours_frame2 {
		display: none;
	}
	
	#searchContainer {
		height: 240px;
		position: relative;
		top: 160px;
	}
	
	#searchSelection {
		width: 95%;
		margin-right: 0px;
	}

	#searchOptions {
		width: 95%;
		position: absolute;
		left: 12px;
		top: 105px;
	}

	#searchInput {
		width: 95%;
		margin-top: 10px;
	}
	
	#iconBox {
		position: relative;
		top: 20px;
	}
	
	.linkBox h1 {
		text-align: center;
	}
}
	
/* For larger screens */
@media all and (min-width: 961px){
	
	#leftColumn {
		max-width: auto;
	}
	
	.hours_frame2 {
		display: none;
	}
	
	#rightColumn {
		max-width: auto;
	}
	
	.noMobileDisplay {
		display: inline;
	}
	
	.noLargeDisplay {
		display: none;
	}
	
	form > select {
		max-width: 27%;
	}
	
	#searchSelection {
		max-width: 200px;
	}
	
	.oneLine {
		font-size: 21px !important;
	}
	
	#iconBox {
		padding-top: 45px;
	}
	
	#announcements {
		min-height: 305px;
	}
}	

@media all and (min-width: 900px) and (max-width: 1250px){
	.borderButton {
		position: sticky;
		left: 45px;
		top: -15px;
	}
}

@media all and (min-width: 950px) and (max-width: 1150px){
	#footerColumn1 {
		position: absolute;
		left: 50px;
	}
	
	#footerLinks1 {
		left: 230px;
		margin-right: -200px !important;
	}
	
	.footerLinks {
		position: absolute;
		left: 200px;
		margin: 0px;
	}
	
}