/*
Theme Name: Muskingum County Library System
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.3
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import 'style.css';

p, body {
	font-size:16px;
	line-height: 24px;
	font-weight:400;
}

a {
    font-weight: bold;
}

.et_pb_widget li a:hover {
    color: #1E6687 !important;
}

.small {
    font-size:14px;
    color:#656565;
}

h1 {
    font-size: 60px;
}
h2 {
    font-size: 50px;
    line-height: 1.2em;
    text-transform: uppercase;
}
h3 {
    font-size: 55px;
    color: #384a50;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
}
h4 {
    font-size: 30px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h5 {
    font-size: 25px;
    line-height: 1.2em;
}
h6 {
    font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
    color:#2A96C8 !important;
}

#et-top-navigation{
    margin-bottom:30px;
    margin-top:30px;
    padding:0 !important;
}

#logo {
    margin-top:30px;
}

.et_header_style_left  #et-top-navigation{
    padding:50px 0 0 0;
}

h4.widgettitle {
    font-size: 30px;
}

h2.new {
    color: #530b1f !important;
    font-size: 20px;
}

/******************MAIN PAGE SLIDER******************/
	.et_pb_slide_description {
		padding: 19% 8%;
		width: auto;
		margin: auto;
		text-align: left;
	}
	.et_pb_slide_content{
		font-size:20px !important;
		padding-top:20px;
	}
	.et_pb_slide_content p {
		font-size:20px !important;
		line-height:30px;
	}
	.et_pb_slide_description h2{
		color: #ffffff !important;
		border: solid;
		border-width: 1px 0px 1px 0px;
	}
	.et_pb_slide_with_image .et_pb_slide_description {
		width: 49.56%;
		padding-left: 0;
		padding-right: 0;
		text-align: left;
		float: right;
	}
/******************MAIN PAGE SLIDER******************END*/

.database-link {
    font-size: 20px;
    font-weight: bold;
}

a.bigblue {
    color: #FFF !important;
    text-align: center;
    font-size: 40px !important;
    padding-top: 15px !important;
    padding-bottom: 0px !important;
    max-height: 200px !important;
    border-radius: 10;
    border-width: 0;
    background: transparent;
    background: -moz-linear-gradient(top,#88bdff 0%,#60a7ff 100%);
    background: -o-linear-gradient(top,#88bdff 0%,#60a7ff 100%);
    background: -ms-linear-gradient(top,#88bdff 0%,#60a7ff 100%);
    border: 0 solid #3e8ff4;
}

a.big-button {
    font-weight: 600 !important;
    font-size: 30px !important;
    padding: 14px 24px;
    margin: 0;
    width: 100%;
    line-height: 1.25;
}

a.smallblue {
    color: #fff !important;
    background: #88bdff;
    background: -moz-linear-gradient(top,#88bdff 0%,#60a7ff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#88bdff),color-stop(100%,#60a7ff));
    background: -webkit-linear-gradient(top,#88bdff 0%,#60a7ff 0%);
    background: -o-linear-gradient(top,#88bdff 0%,#60a7ff 0%);
    background: -ms-linear-gradient(top,#88bdff 0%,#60a7ff 0%);
    background: linear-gradient(to bottom,#1f6687 0%,#1f6687 0%);
    border: 0 solid #3e8ff4;
}

a.small-button, a.icon-button {
    cursor: pointer;
    border-radius: 0;
    border-width: 0;
}

a.small-button:hover, a.icon-button:hover {
    background-color: #eee;
    border-color: #eee;
    padding: 6px 20px !important;
    color: #1e6687 !important;
}

a.big-button:hover {
    text-decoration: none;
    color: #f7cb10 !important;
}

frontblog-post {
    max-height: 200px !important;
}

.meetingroom img{
    border-radius: 20px;
}


#em_widget-3 {
	margin: 0 !important;
}

#text-7{
	margin: 0 !important;
}

.et_pb_row_inner .ezbh-img{
    display:none !important;
}

a.big-button, a.icon-button {
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 0px 0 0 rgba(255,255,255,0.4), 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0px 0 0 rgba(255,255,255,0.4), 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0 0px 0 0 rgba(255,255,255,0.4), 0px 0px 0px rgba(0,0,0,0.1);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 1.2;
}

.et_post_meta_wrapper img{
    border-radius: 20px;
}

.et_pb_widget li {
    margin-bottom: .5em;
    padding-left:2px !important;
    padding-right:2px !important;
}

.et_pb_widget_area ul, .et_pb_tabs_controls {
    list-style: none !important;
    padding: 5px !important;
    line-height: inherit !important;
}

.fc-center h2 {
    font-size:30px !important;
}

/******************FullWidth Main Navigation Drop Down Menu******************/
#top-menu .menu-item-has-children > a:first-child:after, .fullwidth-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
    font-family: '';
    content: "";
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 800;
}
#top-menu .menu-item-has-children > a:first-child, .fullwidth-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
	font-size:18px;
	padding: 34px 46px 34px 46px; /*THIS IS WHAT ACTUALLY FIXED IT... 10/24/2019*/
}
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul ul {
	/**** this changes the items within the dropdown list not the top menu items****/
    padding: 0;
    text-align: left;
    left:0;
}
#top-menu li li a, .fullwidth-menu li li a {
    /**** this changes the items within the dropdown list not the top menu items****/
	padding: 11px 0px; /*THIS ADJUSTS THE SPACING BETWEEN EACH MENU ITEM*/
    width: 200px;
}

/*NOT NEEDED
.fullwidth-menu li,  .fullwidth-menu > li:first-child {
    font-size:18px;
    padding: 30px 57px 0px 57px;   
}
.fullwidth-menu li,  .fullwidth-menu > li:last-child {
    font-size:18px;
    padding: 30px 57px 0px 57px;   
}
*/
/***********not needed*************
.fullwidth-menu-nav li li a:hover { 
	background-color:transparent !important; 
}
*/
.fullwidth-menu-nav li {
	font-weight:600;
}
.nav li:hover {
    visibility: inherit;
    background-color: #D01F54;
    /*padding-top: 30px; NOT NEEDED*/
}
/*
.nav li {
    visibility: inherit;
    /*padding-top: 30px; NOT NEEDED*
}
*/
#menu-main-nav {
    padding: 0 !important; /*without this, the nav bar is much taller*/
    /*line-height: 1.7em; NOT NEEDED*/
}
#et-secondary-menu .et-social-icons {
    margin-right: 20px;
    float: right;
}
#et-secondary-menu > ul > li a {
    /*padding-bottom: .75em; NOT NEEDED*/
    display: block;
    font-size: 14px;
}
#top-header, #et-secondary-nav li ul {
    background-color: #2a96c8;
    padding-top: 6px;
    padding-bottom: 6px;
}
/******************FullWidth Main Navigation Drop Down Menu******************END*/

#footer-widgets .footer-widget li:before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 3px;
    content: "";
    left: 0;
    position: absolute;
    top: 9px;
    display: none;
}

iframe, object, video {
    max-width: 100%;
    width: 200px;
    height: 300px;
}


.header-txt {
    background-color: #1E6687;
    width: 250px;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    margin-bottom: -3px
}

.muskingum-library-photo img {
    width: 100%;
    border-radius: 20px;
}

.col-test{
    height:210px;
}

input[type=text], input.text, input.title, textarea, select {
    margin: 0;
    padding: 10px;
}

#fbuilder .medium {
    width: 50% !important;
    padding-left: 9px !important;
    padding-right: 0;
}

#fbuilder .large {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 0;
}

#fbuilder .small {
    width: 25% !important;
    padding-left: 10px !important;
    padding-right: 0;
}

#main-footer {
    background-color: #113d51;
    background-image: url("/wp-content/uploads/2015/08/footer-bk1.png");
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #4E4E4E !important;
	opacity: 5;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #4E4E4E !important;
	opacity: 5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #4E4E4E !important;
	opacity: 5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #4E4E4E !important;
	opacity: 5;
}

input[type="date"] {
    margin: 0;
    background-color: #f1f1f1 !important;
    border: none !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    font-size: 14px;
    color: #4E4E4E !important;
    padding: 15px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text], input.text, input.title, textarea, select {
    margin: 0;
    background-color: #f1f1f1 !important;
    border: none !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 6px !important;
    font-size: 14px;
    color: #4E4E4E !important;
    padding: 15px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/******************WORDPRESS CONTACT FORM 7 PLUGIN******************/
	.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
		background-color: #f1f1f1 !important;
		border: none !important;
		width: 100% !important;
		-moz-border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		border-radius: 10px !important;
		font-size: 14px;
		color: #4E4E4E !important;
		padding: 16px !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.wpcf7-submit {
		color: #FFFFFF !important;
		cursor: pointer;
		font-size: 20px;
		font-weight: 500;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 15px 20px;
		background: #2A96C8;
		border: 0px solid;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		margin-left: 5px;
		float:right;
	}
	.wpcf7-submit:hover { 
		background-color: #eee; 
		border-color:#eee; 
		padding: 15px 20px !important; 
		color: #1e6687!important;
	}
	span.wpcf7-form-control-wrap{
	}
	div.wpcf7-mail-sent-ok {
		border: 0px solid #14538F;
		color: #2F76E2;
		font-size: 20px;
		text-align: center;
		padding: 20px;
		background-color: #E8E8E8;
		border-radius: 20px;
	}
	span.wpcf7-not-valid-tip {
		color: #f00;
		font-size: 1em;
		display: none;
	}
	div.wpcf7-validation-errors {
		border: 0px solid #f7e700;
		color: #FFFFFF;
		font-size: 20px;
		text-align: center;
		padding: 20px;
		background-color: #F33434;
		border-radius: 20px;
	}
/******************WORDPRESS CONTACT FORM 7 PLUGIN******************END*/

.sub-menu li {
padding-top:0px !important;
}

.blocksubmit {
    float: right;
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 11px 20px;
    background: #2A96C8;
    border: 0px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: 8px;
}

.blocksubmit:hover { 
	background-color: #eee; 
	border-color:#eee; 
	padding: 11px 20px !important; 
	color: #1e6687!important;
}

a.small-button, a.icon-button{
	color: #FFFFFF !important;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 11px 20px;
    background: #2A96C8;
    border: 0px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: 5px;
    width: 200px;
}

a.small-button:hover, a.icon-button:hover { 
	background-color: #eee; 
	border-color:#eee; 
	padding: 11px 20px !important; 
}

.welcome-message{
    float: left;
    font-size: 14px;
}

.et_pb_toggle_open h5.et_pb_toggle_title {
    color: #1E6687;
    line-height: 1.5;
}

.et_pb_toggle_close h5.et_pb_toggle_title {
    color: #1E6687;
    line-height: 1.5;
}

.et_pb_toggle {
    border: 0px solid #d9d9d9;
}

/****************Search Styles*****************/
#searchform{
    z-index:9.99999;
}
form.et-search-form {
    background: rgb(228, 228, 228) !important;
    float: right;
    width: 400px;
    height: 50px;
    margin-top: 30px;
    border-style: solid;
    border-color: darkgrey;
    border-width: 1px;
    border-radius: 10px;
}
.search-box {
    width:485px;
    float:right;
    background-color: #F3F3F3;
    padding:25px;
    border-radius: 12px
}
.text-entry-search {
    width:200px;
}
.site-search-button{
    padding:12px;
    border-radius:8px;
    font-size:14px;
    color: #fff !important;
    background-color: #2a96c8;
    border:none;
    margin-left:8px;
}
.search-box .et-search-form{
    width:200px;
    float:left;
    border-radius:8px !important;
}
.search-background {
    background-color: #fff;
    display:inline;
    padding:10px;
    border-radius:8px;
}
.search-box h5{
    color:#1E6687;
}
.search-box .big-button {
    width:25%;
    float:right;
    padding:15px;
}
.search-box input[type=text] {
    background-color:transparent !important;
}
.search-box select {
    background-color:transparent !important;
    color: #000 !important;
}
/****************Search Styles****************END*/

.my-div, #my-div {
    background-color: transparent;
    width: 100%;
    height: 100%;
}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.my-div img{
    padding-top: 50px;
    padding-bottom: 5px;
    height:110px;
    width: auto;
    margin: 20px auto;
    display:block;
}
a.fill-div:hover {
    background-color: rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    height:100%;
}
.mobile_menu_bar:before {
    color: rgb(255, 255, 255) !important;
}
a.fill-div-txt {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    padding: 80px 15px 0px 15px;
    font-weight: 600;
    line-height: 1.2;
}

.et_post_meta_wrapper h1{
    font-size: 35px;
    line-height: 1.5;
}

a.fill-div-txt:hover {
    background-color: rgba(0, 0, 0, 0.20);
    border-radius: 10px;
}

.et_header_style_left .logo_container {
    position: relative;
    height: 100%;
    width: 20%;
    display: inline-block;
    margin-top:8px;
}

.main_title {
    margin-bottom: 20px;
    font-size: 35px;
}

@media only screen and (max-width: 1072px){
	#et-secondary-menu {
		float: none;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1307px){
	.sidebar-navigation{
		margin-bottom:150px !important;
	}

	.search-box select {
		background-color: transparent !important;
		color: #000 !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.et_header_style_left .logo_container {
		position: relative;
		height: 100%;
		width: 45%;
		display: inline-block;
	}

	.search-box {
		width: 100%;
		float: right;
		background-color: #F3F3F3;
		padding: 25px;
		border-radius: 12px;
	}

	.blocksubmit {
		float: right;
		color: #FFFFFF !important;
		cursor: pointer;
		font-size: 20px;
		font-weight: 500;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 11px 20px !important;
		background: #2A96C8;
		border: 0px solid;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		margin-left: 8px;
		width: 100%;
	}

	input[type=text], input.text, input.title, textarea, select {
		margin: 0;
		padding: 10px;
		background-color: #eee !important;
		border: none !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		border-radius: 0 !important;
		font-size: 14px;
		color: #999 !important;
		padding: 10px !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

	.header-txt {
		background-color: #1E6687;
		width: 100%;
		padding: 10px;
		border-radius: 10px 10px 0 0;
		margin-bottom: -3px;
	}
}

@media (max-width: 1254px){
	#top-menu .menu-item-has-children > a:first-child, .fullwidth-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
		padding: 34px 22px 34px 22px; /*THIS IS ACTUALLY FIXING IT!!!!!!*/
	}
}

@media (max-width: 1040px){
    #et-top-navigation {
		margin-bottom: 50px;
		margin-top: 30px;
		padding: 0 !important;
		width: 40% !important;
	}
	.et_header_style_left .logo_container {
		position: relative;
		height: 100%;
		width: 55%;
		display: inline-block;
	}
}

@media (max-width: 980px){
	#padding {
		padding-bottom:0px !important;
	}
	#main-footer {
		margin-top: 0px;
	}

	.welcome-message {
		float: left;
		font-size: 19px;
		text-align: center;
		line-height: initial;
	}
	#et-top-navigation {
		margin-bottom: 50px;
		margin-top: 30px;
		padding: 0 !important;
		width: 100% !important;
	}
	.search-box {
		width: 100%;
		float: right;
		background-color: #F3F3F3;
		padding: 25px;
		border-radius: 12px;
	}
	#et_mobile_nav_menu{
		/*This converts the main navigation menu to a hamburger menu*/
		display:none;
	}
	.site-search-button {
		padding: 12px;
		border-radius: 8px;
		font-size: 14px;
		color: #fff !important;
		background-color: #2a96c8;
		border: none;
		margin-left: 8px;
		margin-top: 20px;
		float: right;
	}
	.site-search-button:hover {
		padding: 12px;
		border-radius: 8px;
		font-size: 14px;
		color: #fff !important;
		background-color: #eee;
		border: none;
		margin-left: 8px;
	}
	.search-box input[type=text] {
		background-color: transparent !important;
		margin-bottom: 20px;
	}
	.et_pb_widget {
		float: none; 
		max-width: 100%;
	}
	.et_header_style_left #logo, .et_header_style_split #logo {
		max-width: 100%;
	}
	.et_header_style_left .logo_container {
		position: relative;
		height: 100%;
		width: 100%;
		display: inline-block;
	}
	.widget_nav_menu{
		max-height: 200px;
	}
}

@media (max-width: 767px){
	.et_pb_slide_with_image .et_pb_slide_description {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: left;
		float: right;
	}
	.et_pb_slide_description h2 {
		font-size: 30px !important;
		text-align: center;
	}
	.et_pb_slide_content p {
		font-size: 20px !important;
		line-height: 30px;
		text-align: center;
	}
}