/* Library pages */

.basic-table td { vertical-align: top; }

form#simple a:link, form#simple a:hover, form#simple a:visited { transition: 0.2s ease; }


/* New search box */
#onesearch-form {
    background: #ccc;
    border: 4px solid #ccc;
    padding: 5px 10px;
    float: center;
}
select {
    display: none;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

#onesearch-form input {
    outline: none;
}

#onesearch-form input[type="text"] {
    background: url(https://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    font: bold 16px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 80%;
    padding: 8px 15px 8px 30px;
}

#form-submit {
    background: #6A6F75;
    border-width: 0px;
    padding: 9px 0px;
    width: 18%;
    cursor: pointer;
    font: bold 16px Arial, Helvetica;
    color: #fff;
    text-shadow: 0 1px 0 #555;
}

#form-submit:hover {
    background: #4f5356;
}

#form-submit:active {
    background: #5b5d60;
    outline: none;
}

#form-submit::-moz-focus-inner {
    border: 0;
}

/* */

form .btn { margin: 20px 10px; }

section#libmain { display: inline-block; width: 100%; }
section#libmain .lib-info { display: inline-block; width: fit-content; margin: 2em 1em; vertical-align: top; }
section#libmain .lib-info img { margin: auto; }
section#libmain .lib-info > ul > li { list-style: none; font-size: 1.3em; line-height: 2em; }

section#libmain .libchat { display: inline-block; width: 300px; padding:15px; border: 1px solid #888; border-radius: 25px; background-color: #f9f9f9; vertical-align: bottom; }

aside#lib-aside { display: inline-block; width: fit-content; vertical-align: top; }
aside#lib-aside .libnews { display: fit-content; }
aside#lib-aside .lib-chat { display: block; width: 80%; margin: 2em auto; padding: 10px; border: 1px solid #ccc; vertical-align: top; background: #F9F9F9; border-radius: 5px; }
aside#lib-aside h2 { background: #ccc; text-align: center; border-radius: 10px 10px 0 0; border: 1px solid #a6a6a6; }

section#libhours { width: 100%; margin-bottom: 2em; }
section#libhours .hoursbox { display: inline-block; width: 49%; padding: 1em; vertical-align: top; }
section#libhours .hoursbox  h3 { margin-top: 0.5em; }
section#libhours .hoursbox .icons { width: 20px; height: 20px; float: left; vertical-align: bottom; margin-right: 1em; }
section#libhours .hoursbox .libcontact { height: 20px; margin: 30px 10px; line-height: 20px; }
section#libhours .hoursbox .libcontact-sm { height: 30px; width: fit-content; margin: 10px; line-height: 30px; }
section#libhours .hoursbox .sm-icons { float: right; width: 30px; height: 30px; margin-right: 1em; }

.socialmedia-icon { vertical-align: middle; text-align: center; }

section#libmain .askintro { width: 40%; display: inline-block; vertical-align: top; margin: 20px; }


/* Media Queries */


@media (max-width: 1648px) {
	
	#simple { width: 100%; }
	
	form .btn { font-size: .8em; min-width: fit-content; max-height: fit-content; }
	
	section#libmain h2 { font-size: 2em; }
	
	section#libmain .lib-info > ul > li { list-style: none; font-size: 1em; }
}

@media (max-width: 1520px) {
	section#libmain .libchat { margin-left: 25px; }
}

@media (max-width: 1400px) {
	form .btn { margin: 20px 0px; }
}

@media (min-width: 700px) {
	form .btn { min-height: 44px; }
	
}

@media (max-width: 700px) {
	
	section#libmain .lib-info { width: 49%; margin: 1em 0em; }
	
	section#libhours { width: 82%; }
	section#libhours .hoursbox { width: 100%; }
	section#libmain .askintro { width: 100%; }
}

@media (max-width: 450px) {
	section#libmain .lib-info { width: 100%; }
	
}