/*
Theme Name: Harford Historical Society
Author: Main St. Design
Author URI: http://www.mainstdesign.net
Version: 1.0.0
*/

*,html {
	box-sizing:border-box;	
}
body {
	margin:0; padding:0;
	font-family:"urw-din";
	font-size:14px;
}
.wp-block-media-text__media img {
	height:auto!important;
}
.wp-block-latest-posts {
	margin:0; padding:0;
}
.wp-block-latest-posts > li > a {
	font-size:20px;
	color:#3c6997;
}
.wp-block-latest-posts__featured-image.alignleft {
	margin-right:6%!important;
}
#header {
	height:175px;
}
#content img {
	/*height:auto; */
}
.event-link a {
	color:#FFF!important;	
}
#cff a {
	color:#3c6997;
}
.inner {
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
#container {
	display:flex;
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
}
.wp-block-image figcaption {
	text-align:center;	
}
.hentry {
 clear:both!important;	
}
.events-gridview #container {
	display:block;
}
.events-gridview #sidebar, .events-gridview .header, .tribe-theme-harfordhistory .header {
	display:none;
}
.home #container {
	display:block;
	max-width:none;
	padding:0;
}
#content {
	flex:5;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
}
#content a:not(.button), #sidebar a {
	color:#3c6997;
}
#content p {
	margin-top:0;
}
.entry-content img {
	clear:both;
}
.entry-content h3, .entry-content h2, .entry-content h1 {
	clear:both;
}
	
#sidebar {
	flex:2;
	background-color:#efefef;
	max-width:285px;
	margin-top:30px;
}
#sidebar .widget-area > ul, #sidebar .widget-area > li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.tribe-events-widget-events-list__view-more  {
	padding-left:20px!important;
}
#sidebar .widget-title, #sidebar h2 {
	background-color:#3c6997;
	padding:5px 10px;
	color:#FFF;
	margin-top:0;
}
#sidebar .widget-area ul > li {
	margin-bottom:20px;
}
#sidebar .searchform {
	padding:0 10px;
	margin-top:20px;
}
#sidebar .tribe-list-widget {
	padding:0;
}
#sidebar .tribe-list-widget img {
	width:100%;
	height:auto;
}
#sidebar .tribe-events-widget-link {
	text-align:right;
	margin-right:10px;
}
#header .inner {
	height:100%;
}
#logo {
	display:block;
	background-image: url(images/logo.png);
	background-repeat:no-repeat;
	width:396px; height:135px;
	position:absolute;
	top:20px; left:20px;
}
#logo span {
	display:none;
}
#topbuttons {
	position:absolute;
	top:25px; right:15px;
}
#menu {
	width:100%;
	background-color:#3c6997;
	text-align:center;
	font-size:0;
}
#menu ul, #menu li {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
}
#menu a {
	display:inline-block;
	color:#FFF;
	text-transform:uppercase;
	padding:15px 15px;
	text-decoration:none;
	border-right:1px solid #FFF;
	letter-spacing:1px;
	font-size:14px;
	transition: all 0.5s;
}
#menu a:hover {
	background-color:#1d294e;
	color:#3c6997;
}
#menu ul li:first-child a {
	border-left:1px solid #FFF;
}
#menu li.menu-item-has-children {
	position:relative!important;	
}
#menu li.menu-item-has-children > a:after {
	content: '';
    border: 4px solid transparent;
    border-top: 4px solid #e07005;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: bottom;
}
#menu li.menu-item-has-children:hover > a:after {
	border-top:none;
	border-bottom: 4px solid #e07005;
	margin-bottom:6px;
}
#menu ul.sub-menu {
    position: absolute;
    z-index: 999;
    background-color: #3c6997;    
    transition: all 1s;
    max-height: 0;
    overflow-y: hidden;
    width: 200px;
    display: block;
}
#menu ul.sub-menu li {
    width: 100%;
}
#menu li:hover ul.sub-menu {   
    max-height: 500px; 
}
#menu li:hover > a {
	background-color: #CEEEF9;
}
#menu ul.sub-menu a {
    padding: 10px 20px;
    margin-left: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #e6e6e6;
}
.btn {
	display:inline-block;
	padding:5px 20px;
	border-radius:5px;
	background-color:#1d294e;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:middle;
	letter-spacing:1px;
	font-size:16px;
	transition: all 0.5s;
}
.btn:hover {
	background-color:#70ccec!important;
}
.facebook-icon {
	display:inline-block;
	background-image:url(images/facebook-icon.png);
	width:26px; height:26px;
	vertical-align:middle;
	margin-left:15px;
}
.youtube-icon {
	display:inline-block;
	background-image:url(images/youtube-icon.png);
	width:26px; height:26px;
	vertical-align:middle;
	margin-left:15px;
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
}
#heroimage {
	height:275px;	
	position:relative;
}

#heroimage .headerslide {
	height: 275px;
	width: 100%;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border-bottom:8px solid #3c6997;
}
.home #heroimage, .home #heroimage .headerslide {
	height:375px;
}
#heroimage .inner {
	height:100%;
	max-width:1200px;
	width:100%;
	position:absolute;
	margin:0 auto; top:0; left:0; right:0;
}
#heroimage .overlay {
	font-size:34px;
	font-family:Georgia;
	text-align:right;
	font-style:italic;
	position:absolute;
	right:0;
	top:20%;
	background-color:rgba(60,105,151,0.84);
	padding:20px 40px;
	color:#6fcaea;
	z-index:500;
}
#heroimage .overlay span {
	font-size:50px;
}
#events-section {
	padding:50px 10px;
}
#support-section {
	background-image: url(images/background.jpg);	
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:100px 10px;
	text-align:center;
	color:#FFF;
	font-size:25px;		
}
@keyframes animatedBackground {
	from { background-size:200% auto; }
	to { background-size:100% 100%; }
}
#support-section .title {
	font-size:40px;
	font-weight:bold;
	color:#70ccec;
}
#support-section .subtitle {
	margin-bottom:20px;
}
#icon-section .inner {
	display:flex;
	padding:100px 10px;
}
#icon-section .panel {
	text-align:center;
	margin:0 15px;
	flex:1;
}
#icon-section .panel p {
	line-height:12px;
}
#icon-section .panel a {
	text-decoration:none;
}
.icon-img {
	width:155px;
	height:155px;
	display:inline-block;
	margin-bottom:20px;
}
.icon-img.visit {
	background-image:url(images/visit-icon.png);
}
.icon-img.research {
	background-image:url(images/research-icon.png);
}
.icon-img.collections {
	background-image:url(images/collections-icon.png);
}
.icon-img.news {
	background-image:url(images/news-icon.png);
}
.icon-img.books {
	background-image:url(images/book-icon.png);
}
#icon-section .title {
	font-size:25px;
	font-weight:bold;
}
.title.red {
	color:#c72c46;
}
.title.green {
	color:#457447;
}
.title.purple {
	color:#5466b6;
}
.title.orange {
	color:#e07005;
}
.title.blue {
	color:#3c6997;
}
.btn.red {
	background-color:#c72c46;
}
.btn.green {
	background-color:#457447;
}
.btn.purple {
	background-color:#5466b6;
}
.btn.orange {
	background-color:#e07005;
}
.btn.blue {
	background-color:#3c6997;
}
#footer {
	border-top:8px solid #3c6997;
	clear:both;
	background-color:#1d294e;
	color:#FFF;
	padding:50px 10px;
}
#footer .inner {
	display:flex;
	align-items: top; 
}
#menu-useful-links {
	list-style-type:none;
	padding:0; margin:0;
}
#menu-useful-links a {
	color:#F27700;
	text-decoration:none;	
}
#copyright {
	margin:30px auto;
	font-size:12px;
	text-align:center;
}
h1, h1 a {
	font-size:35px;
	text-transform:uppercase;
	margin:0;
	margin-bottom:10px;
	color:#F27700;
	font-weight:normal;
	text-decoration:none;
}
h2, h2 a {
	font-size:20px;
	margin:0;
	color:#3c6997;
	font-weight:normal;
	text-decoration:none;
}
h3, h3 a {
	color:#3C6997;
	font-size:18px;
	margin:0;
	font-weight:normal;
	text-decoration:none;
}

.home h2, .home h2 a {
	font-size:40px;
	margin-bottom:10px;
}
.events-container {
	/*display:flex;*/
}
.events-featured {
	flex:1;
	margin-right:20px;	
}
.events-featured img {
	height:500px;
	width:386px;
}
.events-box {
	display:flex;
	flex-wrap:wrap;
	flex:2;
	font-size:0;
	align-items:center;
}
.events-box a {
	width:45%;
	flex-grow:0;
	margin-right:21px;
	text-decoration:none;
	height:auto;
	margin-bottom:20px;
}

.events-box a img {
	width:100%;
	height:180px;
}
.events-box .blue-bottom {
	background-color:#1F2D4D;
	padding:10px 5px;
	border-top:4px solid #336893;
	color:#FFF;
	text-align:center;
	font-size:12px;
}
.events-box .blue-bottom .event-date {
	text-transform:uppercase;
	color:#82BC43;
}
.nf-form-fields-required {
	display:none;
}
.nf-form-content {
	margin-top:20px!important;
}
.listcheckbox-container {
	float:left; width:50%; clear:none!important;
}
.nf-field-description {
	margin-bottom:10px;
}
.tiva-facebook-events-calendar .tiva-event-list {
	background-color:#FFF!important;
}
.tiva-facebook-events-calendar.full .tiva-facebook-events-calendar-wrap {
	box-shadow:none!important;
	border:none!important;
}
 .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


@media only screen and (max-width: 800px) {
	.entry-content img {
		max-width:100%;
		height:auto;
	}
	#footer .inner {
		display:block;
	}
	#icon-section .inner {
		display:block;
	}
	#icon-section .panel {
		margin:20px 15px;
	}	
	#logo {
		width:300px;
		background-size:contain;
		top:50px;
	}
	.events-container, .events-box {
		display:block;
	}
	.events-featured {
		margin-right:0;
	}
	.events-featured img {
		width:100%;
		height:auto;
	}	
	.events-box a img {
		height:auto;
	}
	#container {
		display:block;
	}
	#heroimage .overlay {
		font-size:18px;
	}
	#heroimage .overlay span {
		font-size:22px;
	}
	.home #heroimage, #heroimage {
		height:200px;
		
	}	
	.home #heroimage .headerslide, #heroimage .headerslide {
		border-top:8px solid #3c6997;
		height:200px;
	}
	#sidebar {
		max-width:100%;
	}
	.alignnone {
		margin-right:0!important;
	}
	#content {
		margin-right:0px!important;
	}
	.listcheckbox-container {
		float:none; width:auto; clear:both!important;
	}
}

.products .product {
	text-align:center;
}
.postid-3560 .woocommerce-product-gallery__trigger {
	display:none!important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form input.text, .woocommerce form select {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 400;
   border:solid 2px #e4e4e4;
}
.woocommerce div.product form.cart .button {
	float:none!important;
}

.woocommerce .up-sells {
	clear:both;
}
.woocommerce .up-sells h2, .woocommerce .cross-sells h2 {
	margin-bottom:15px;
}
.woocommerce .woocommerce-grouped-product-list, .woocommerce .woocommerce-product-details__short-description {
	margin-bottom:15px!important;
}
.woocommerce .quantity .qty {
	font-size:18px;
	padding:3px;
}
.woocommerce .single_variation {
	margin-bottom:15px!important;
}
.woocommerce .woocommerce-shipping-destination {
	display:none!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    line-height: 2.5ex;
    height: 6ex;
    overflow: hidden;
}
.term-virtual-yardsale .page-title {
	display:none;
}
.woocommerce ul.products li.product .price {
	font-size:1em!important;
	margin-bottom:0!important;
	margin-top:0.5em!important;
}
.woocommerce ul.products li.product a img {
	margin:0!important;
}

/* =WooCommerce Colors 
-------------------------------------------------------------- */
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#3c6997 !important;

background-color:#3c6997 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#3c6997 !important;

background-color:#3c6997 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #3c6997 !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #3c6997 !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
.entry-content .alignwide {
     margin-left: -80px;
     margin-right: -80px;
}
.entry-content .alignfull {
     margin-left: calc( -100vw / 2 + 100% / 2 );
     margin-right: calc( -100vw / 2 + 100% / 2 );
     max-width: 100vw;
}
.entry-content .alignfull img {
     width: 100vw;
}
.entry-content .wp-block-columns {
     padding: 5rem 0;
}
.entry-content .wp-block-editor-blocks-wrapper .wrapper-inner {
     max-width: 1110px;
     padding-left: 0;
     padding-right: 0;
}