/*
Theme Name: Goshen Public Library
Theme URI: http://www.digitalhill.com/
Author: Digital Hill Multimedia
Author URI: http://www.digitalhill.com/
Description: This is a custom theme for Goshen Public Library
Template: dhwp-base
Version: 1.2.6
License: Proprietary
Text Domain: dhwp-gpl
Tags: 
see https://make.wordpress.org/themes/handbook/review/required/theme-tags/
see WordPress' CSS coding standards https://make.wordpress.org/core/handbook/coding-standards/css
*/

/* LIKELY SITE-SPECIFIC CHANGES */

.wp-block-separator.is-style-wide { border-bottom-width: 0; border-top: 1px solid #cccccc; }
table.wp-block-table.is-style-stripes { width: 100%; display: table; }
.wp-block-table.is-style-stripes td { vertical-align: top; }

/* PREHEADER */
header.preheader #gtranslate-2 { background-color: #fff; }
header.preheader #gtranslate-2 a:hover, header.preheader #gtranslate-2 a:active, header.preheader #gtranslate-2 a:focus { text-decoration: none; }
header.preheader #gtranslate-2 .switcher .selected a { padding: 0 5px; }
header.preheader #gtranslate-2 .switcher a img { vertical-align: top; }

/* HEADER */
header.dhheader .header-widget-container .dhflex-wrap { justify-content: flex-end; align-items: center; }
header.dhheader .header-widget-container .dhflex-wrap .width-25 { flex-basis: 14%; }

/* search */
#custom_html-7 { flex-basis: 50%; }
#custom_html-7.dhwidget-inline div { display: block; }
#custom_html-7 #search-box > form > div:nth-child(2) > label:nth-child(1) { font-size: 1em; }
#custom_html-7 #search-box h2 { text-align: left; color: #85BE00; font-size: 1.5em; font-weight: 800; margin: 0 0 .35em; }
#custom_html-7 #search-box > form > div:nth-child(1) > input[type="text"] { width: 90%; }

/* widgets */
#text-2 { padding: .45em 0; flex-basis: 11%; }
#text-2.dhwidget-inline p { vertical-align: middle; }
#text-2 .my-account-btn { padding: .65em; background-color: #f9f9f9; border: 1px solid #ddd; color: #FF7500; font-size: 1em; opacity: 1; }
#text-2 .my-account-btn:hover { text-decoration: none; background-color: #FF7500; border-color: #FF7500; color: #fff; }
#text-2 .my-account-btn:before { content: '\f2bd'; font-family: 'Font Awesome 5 Free'; font-size: 1.25em; font-weight: 900; margin-right: .25em; vertical-align: middle; }

#custom_html-3 { flex-basis: 20%; margin-top: -4px; }
#custom_html-3 a { opacity: 1; }
#custom_html-3 a:hover { opacity: 0.85; }
#custom_html-3 .fa-facebook-f { width: 40px; height: 40px; background-color: #3b5998; color: #fff; text-align: center; font-size: 1.3em; line-height: 40px; margin-right: .125em;  }
#custom_html-3 .fa-twitter { width: 40px; height: 40px; background-color: #1da1f2; color: #fff; text-align: center; font-size: 1.3em; line-height: 40px; margin-right: .125em; }
#custom_html-3 .fa-instagram { width: 40px; height: 40px; background-color: #833AB4; color: #fff; text-align: center; font-size: 1.3em; line-height: 40px; margin-right: .125em; }
#custom_html-3 .fa-pinterest-p { width: 40px; height: 40px; background-color: #bd081c; color: #fff; text-align: center; font-size: 1.3em; line-height: 40px; }
#custom_html-3 .fa-linkedin { width: 40px; height: 40px; background-color: #0072b1; color: #fff; text-align: center; font-size: 1.3em; line-height: 40px; }

/* HOME */

/* hero image */
.wp-block-cover.home-cover-content { justify-content: flex-end; min-height: 550px; }
.wp-block-cover.home-cover-content:before { content: url('http://goshenpl.digitalhill.com/wp-content/uploads/2019/10/home-content-shape.svg'); position: absolute; width: 630px; height: 450px; opacity: 0.85 !important; background-color: transparent; left: 55%; top: 10%; }
.wp-block-cover.home-cover-content .wp-block-cover__inner-container { width: 500px; padding: 0 5em; }
.wp-block-cover.home-cover-content .wp-block-cover__inner-container .wp-block-button__link { border: 2px solid #fff !important; }
.wp-block-cover.home-cover-content .wp-block-cover__inner-container .wp-block-button__link:hover { background-color: rgba(0,0,0,0.3) !important; border: 2px solid #fff !important; color: #fff !important; }

/* wow library widget */
.wow-widget-container .wow-widget > h2 > table > tbody > tr:nth-child(1) > td { display: none !important; }
.wow-widget tr:nth-child(4) > td { padding-top: .25em; background-color: #fff !important; }
.wow-widget tr:nth-child(5) > td { padding-top: .75em; background-color: #fff !important; }

/* INNER PAGES */
.wp-block-cover.alignfull:first-of-type { min-height: 200px; }
.wp-block-cover.alignfull:first-of-type h1 { font-size: 3.75em; }
.wp-block-media-text { margin: 1.5em 0; }

/* EVENT CALENDAR */

/* widget */
.tribe-mini-calendar thead, .tribe-mini-calendar th, .tribe-mini-calendar-nav td { background-color: #333 !important; border-color: #333 !important; }
.tribe-mini-calendar .tribe-events-present, .tribe-mini-calendar .tribe-mini-calendar-today { background-color: #85BE00 !important; }
.tribe-mini-calendar-event .list-info h2 a { color: #85BE00 !important; }

/* monthly calendar */
.tribe-events-calendar thead th { background-color: #333 !important; }
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { background-color: #85BE00 !important; }

/* notices */
.tribe-events-notices { background: rgba(133,190,0,.2) !important; border-color: rgba(133,190,0,.4) !important; color: #85BE00 !important;  }

/* GRAVITY FORMS */
.gform_wrapper textarea.medium { border-color: #d7d7d7; }

/* BLOG */
#recent-posts-2 ul, #archives-2 ul { padding-left: 0; list-style-type: none; border-bottom: 1px solid #eeeeee; padding-bottom: 1em; }
#recent-posts-2 li, #archives-2 li { margin-left: 0; }

/* FOOTER */

/* widgets */
footer.footer .dhflex-wrap { max-width: 1320px; }
footer.footer h3.widget-title { text-transform: uppercase; }

#nav_menu-5 ul { list-style-type: none; padding-left: 0; }

#custom_html-6 ul { list-style-type: none; padding-left: 0; }
#custom_html-6 ul li { display: inline; margin-right: .25em; }
#custom_html-6 { width: 200px; }
#custom_html-6 a { opacity: 1; }
#custom_html-6 a:hover { opacity: 0.85; }
#custom_html-6 .fa-facebook-f { width: 40px; padding: .5em 0; background-color: #3b5998; color: #fff; text-align: center; font-size: 1.3em; margin-right: .125em; }
#custom_html-6 .fa-twitter { width: 40px; padding: .5em 0; background-color: #1da1f2; color: #fff; text-align: center; font-size: 1.3em; }
#custom_html-6 .fa-instagram { width: 40px; padding: .5em 0; background-color: #833AB4; color: #fff; text-align: center; font-size: 1.3em; margin-right: .125em; }
#custom_html-6 .fa-pinterest-p { width: 40px; padding: .5em 0; background-color: #bd081c; color: #fff; text-align: center; font-size: 1.3em; }
#custom_html-6 .fa-linkedin { width: 40px; height: 40px; background-color: #0072b1; color: #fff; text-align: center; font-size: 1.3em; line-height: 40px; }


/* Normal Menu Styles */
/* 782 based on WP mobile menu flip */
@media (min-width: 783px) {
		
	.dhheader .content-area:not(.entry-content) { max-width: 100vw; padding: 0 14px; }
	
	.logo-container { padding-left: 14px; top: auto; }
	
	.dhlogoheaderwidget .header-widget-container { font-size: inherit; padding: 1em 14px 1em 0; }
	
	nav { width: 100%; }
	
	.dhfullmenu .dhmenu { /*display: grid; grid-template-columns: repeat(auto-fill, minmax(16.33%, 1fr));*/ display: flex; justify-content: space-between; }
	.dhfullmenu .dhmenu > li { text-align: center; border-left-width: 4px !important; width: 100%; border-right-width: 4px; }
	.dhfullmenu .dhmenu > li:nth-of-type(1) { border-left: none; }
	.dhfullmenu .dhmenu > li:last-of-type { border-right: none !important; }
	.dhfullmenu .dhmenu > li:nth-of-type(6):after { content: ""; display: block; background-color: #638F3D; position: absolute; width: 100vw; height: 100%; top:0; left: 100%; }
	/*.dhfullmenu .dhmenu > li:last-child { border-right-width: 4px !important; }*/
	.dhfullmenu .dhmenu > li:hover { cursor: pointer; }
	
	.dhfullmenu .dhmenu > li:nth-of-type(1), .dhmenu > li:nth-child(1) > ul { background-color: #333333; }
	.dhfullmenu .dhmenu > li:nth-of-type(2), .dhmenu > li:nth-child(2) > ul { background-color: #85be00; }
	.dhfullmenu .dhmenu > li:nth-of-type(3), .dhmenu > li:nth-child(3) > ul { background-color: #00939D; }
	.dhfullmenu .dhmenu > li:nth-of-type(4), .dhmenu > li:nth-child(4) > ul { background-color: #A20055; }
	.dhfullmenu .dhmenu > li:nth-of-type(5), .dhmenu > li:nth-child(5) > ul { background-color: #FF7500; }
	.dhfullmenu .dhmenu > li:nth-of-type(6), .dhmenu > li:nth-child(6) > ul { background-color: #638F3D; }
	
	/*.dhmenu > li > ul { border-top: 4px solid #fff; }*/
	.dhbottommenu { border-bottom: 0; }
	
	.dhmenu > li > ul > li > a:hover { text-decoration: none; /*cursor: default;*/ }
	.dhmenu ul a { color: #fff; }
	.dhmenu ul a:hover { opacity: 1; text-decoration: underline; }
	.dhmenu ul a,
	.dhmenu ul ul { background-color: transparent; }
	
	/* mega menu adjustments */
	.dhmenu > li { position: static; }
	/*.dhmenu > li > ul { width: 100%; padding-left:1em; box-sizing:border-box; padding-right:1em; display:block; left:0; overflow:hidden; max-height:0; transition:all linear .1s; -webkit-box-shadow: 0px 3px 27px -10px #555; -moz-box-shadow: 0px 3px 27px -10px #555; box-shadow: 0px 3px 27px -10px #555; }*/
	.dhmenu > li > ul { width: 100vw; /*padding-left:1em;*/ box-sizing:border-box; display:block; left:0; /*overflow:hidden; max-height:0;*/ transition:all linear .1s; border-top: none;
		-webkit-box-shadow: 0px 15px 15px -15px #555;
		-moz-box-shadow: 0px 15px 15px -15px #555;
		box-shadow: 0px 15px 15px -15px #555; }
	.dhmenu > li:last-child > ul { right: 0; }
	.dhmenu > li:hover > ul { padding:1.5em; }
	.dhmenu > li > ul > li { display:block; float:left; width:33.33%; padding-right: 1em; box-sizing:border-box; }
	.dhmenu > li:hover > ul > li > ul { display:block; position:static; left:0; z-index:1; opacity:1; border:none; width: 100%; /*float: right;*/ }
	.dhmenu > li:hover > ul > li > a { border: none; background-color: #fff; color: #555; padding: .25em; margin-bottom: .25em; font-size: 1.25em; line-height: 1.1; text-transform: uppercase; font-weight: bold; }
	
	.dhmenu > li:nth-of-type(1) > ul > li:before,
	.dhmenu > li:nth-of-type(2) > ul > li:before,
	.dhmenu > li:nth-of-type(3) > ul > li:before,
	.dhmenu > li:nth-of-type(4) > ul > li:before,
	.dhmenu > li:nth-of-type(5) > ul > li:before,
	.dhmenu > li:nth-of-type(6) > ul > li:before { content: " "; display: block; float: left; width: 100%; max-width: 160px; margin-right: 1.25em; height: 0; padding-top: 0; transition: all linear .1s; }
	.dhmenu > li:nth-of-type(1):hover > ul > li:before,
	.dhmenu > li:nth-of-type(2):hover > ul > li:before,
	.dhmenu > li:nth-of-type(3):hover > ul > li:before,
	.dhmenu > li:nth-of-type(4):hover > ul > li:before,
	.dhmenu > li:nth-of-type(5):hover > ul > li:before,
	.dhmenu > li:nth-of-type(6):hover > ul > li:before { padding-top:46%; /*background-size:cover; max-height: 240px;*/ background-repeat: no-repeat; max-width: 160px; }

	.dhmenu > li > ul > li { word-break: break-word; white-space: normal; }
	.dhmenu > li > ul > li > ul > li a { border: none; padding: .25em 0 .25em .5em; font-size: .8em; white-space: pre-line; }
	
	span.search-icon { display: none; }

}

/* adjust padding at certain sizes so menu doesn't crowd logo - might have to do this at a few different breakpoints */
/* works in conjunction with .logo-container {width} to ensure menu and logo don't overlap */
@media (max-width: 1300px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.8em .7em; } }
@media (max-width: 1150px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.6em .6em; } }

@media (max-width:1500px) {
	.dhmenu > li > ul { left: -14px; }
}

@media (max-width: 1333px) {
	.dhmenu > li:nth-of-type(1) > ul > li:before,
	.dhmenu > li:nth-of-type(2) > ul > li:before,
	.dhmenu > li:nth-of-type(3) > ul > li:before,
	.dhmenu > li:nth-of-type(4) > ul > li:before,
	.dhmenu > li:nth-of-type(5) > ul > li:before,
	.dhmenu > li:nth-of-type(6) > ul > li:before { display: none; }
}

@media (max-width: 1024px) {
	#custom_html-8 { display: none; }
	/*.dhmenu > li:hover > ul > li > ul { display:block; position:static; left:0; z-index:1; opacity:1; border:none; width: 43%; float: right; }*/
	header.dhheader .header-widget-container .dhflex-wrap .width-25 { flex-basis: 18%; }
	.wow-widget { display: block; width: 992px !important; overflow: hidden; }
	.wow-widget tr:nth-child(4) > td, .wow-widget-container .wow-widget tr:nth-child(5) > td { display: block; width: 992px !important; }
	#custom_html-6 img { padding-top: .5em; padding-left: 0; }
	#text-2 { flex-basis: 18%; }
	#custom_html-3 { flex-basis: 28%; }
}

@media (max-width: 820px) {
	.logo-container { padding-left: 0; top: 1em; }
	#custom_html-7 #search-box > form > div:nth-child(1) > input[type="text"] { width: auto; }
	#custom_html-3 img { height: 25px !important; }
	#custom_html-3 .fa-facebook-f, #custom_html-3 .fa-twitter, #custom_html-3 .fa-instagram, #custom_html-3 .fa-linkedin { width: 25px; height: 25px; line-height: 25px; }
	.wow-widget { display: block; width: 780px !important; overflow: hidden; margin: 0; }
	.wow-widget table { display: block; width: 780px !important; }
	.wow-widget tr:nth-child(4) > td, .wow-widget tr:nth-child(5) > td { display: block; width: 780px !important; }
}


/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	div#n2-ss-2 .n-uc-1a3f5235028b9-inner { background-size: 240% !important; padding-top: 2.25em !important; padding-bottom: 2.5em !important;  }
	#n2-ss-2 > div > div > div > div.n2-ss-slide.n2-ss-canvas.n2-ow.n2-ss-slide-4.n2-ss-slide-active > div > div > div > div > div { padding: 0 !important; }
	.desktop-only { display: block; position: absolute; width: 100%; left: 0; }
	#text-2 { position: absolute; top: -65px; left: 180px; z-index: 2; width: 150px; }
	#custom_html-8, /*#text-2,*/ #custom_html-3 { display: none; }
	span.dhmenu-icon { top: 28px; }
	
	.dhmenu { width: 108%; margin-left: -4%; top: -1; }
	.dhmenu > li:nth-child(1) { border-top: 1px solid #d7d7d7; }
	
	/* SEARCH MENU HEADER ADJUSTMENT */
	header.dhlogoheaderwidget { z-index: 3; }
	header.dhmenu-header { z-index: 2; }
	header.dhmenu-header.expanded { z-index:3; }
	header.dhmenu-header { top: 0; height: 140px; }
	
	/* SEARCH MENU */
	span.search-icon { position: absolute; top: 33px; right: 54px; z-index: 2; }
	span.search-icon > i { color: #000; font-size: 18px; }
	#custom_html-7 { /*display: none;*/ display: block; }
	/*#custom_html-7.show { display: block; }*/
	#custom_html-7.width-25 { flex-basis: 100%; float: none; background: #fff; padding: .5em 14px; }
	#custom_html-7 #search-box h2 { font-size: 1.4em; }
	#custom_html-7 #search-box > form > div:nth-child(1) > input[type="text"] { width: 80%; }
	#custom_html-7 #search-box > form > div:nth-child(1) > button { width: 10% !important; }
	
	/* WOW WIDGET */
	.wow-widget { display: block; width: 700px !important; overflow: hidden; }
	.wow-widget tr:nth-child(4) > td, .wow-widget tr:nth-child(5) > td { display: block; width: 700px !important; }
}

/* 600px mobile */
@media (max-width: 600px) {
	header.preheader #gtranslate-2 { float: none; width: 161px; margin: 0 auto 5px; }
	header.preheader .dhwidget:last-of-type { text-align: center; }	
	div#n2-ss-2 .n-uc-1a3f5235028b9-inner { background-size: 240% !important; padding-top: 2.25em !important; padding-bottom: 2.5em !important;  }
	.wow-widget { display: block; width: 385px !important; overflow: hidden; margin: 0; }
	.wow-widget tr:nth-child(4) > td, .wow-widget tr:nth-child(5) > td { display: block; width: 385px !important; }
	body > main > div > div.wp-block-cover.alignfull.has-background-dim-30.has-background-dim > div > h1 { font-size: 2.25em; }
	h1 { font-size: 2em !important; }
	h1 > strong { font-size: .75em; }
	ul.kb-gallery-ul { padding-left: 0; }
	.kb-gallery-ul[data-columns-xs="1"] .kadence-blocks-gallery-item { width: 50% !important; }
}

@media (max-width: 568px) {
	
}

@media (max-width: 375px) {
	.wow-widget { display: block; width: 345px !important; overflow: hidden; margin: 0; }
	.wow-widget tr:nth-child(4) > td, .wow-widget tr:nth-child(5) > td { display: block; width: 345px !important; }
}

/* Post date - BAB*/
.post-date {
  font-family: Aleo, serif; 
  font: 14px Arial;
}