/*
Theme Name: iBrattleboro
Author: MuseArts
Author URI: http://www.musearts.com/
Description: Basic Wordpress theme based on Foundation 6 and Twenty Sixteen.
Version: 1.3
Text Domain: ibrattleboro

*/

/* General Styles */

@font-face {
    font-family: 'merriweatherbold';
    src: url('fonts/merriweather-bold-webfont.woff2') format('woff2'),
         url('fonts/merriweather-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fonts/merriweatherregular';
    src: url('fonts/merriweather-regular-webfont.woff2') format('woff2'),
         url('fonts/Merriweather-Regular.ttf') format('truetype'),
         url('fonts/merriweather-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pt_serifregular';
    src: url('fonts/PTF55F-webfont.eot');
    src: url('fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTF55F-webfont.woff') format('woff'),
         url('fonts/PTF55F-webfont.ttf') format('truetype'),
         url('fonts/PTF55F-webfont.svg#pt_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-family: 'pt_serifregular', Georgia, serif;
	font-size: .9375rem;
	background-color:#fff;
}

.row { max-width: 1200px; }


.border1 {
	border: 1px red solid;
}


h1 {
	font-family: 'merriweatherregular', Georgia, serif;
	font-size: 1.8rem;
	color: #073abd;
}

h2 {
	font-family: 'merriweatherregular', Georgia, serif;
	font-size: 1.4rem;
	color: #3d6add;
	font-weight: bold;
	clear: both;
}

h3 {
	font-family: 'merriweatherbold', Georgia, serif;
	font-size: 1.2rem;
	color: #000;
}

h3.home_block_title {
	font-family: 'American Typewriter', Courier, sans-serif;
	font-size: 1.5rem;
}

h4 {
	font-family: 'merriweatherregular', serif;
	font-size: 1.1rem;
	color: #457415;
	font-weight: bold;
	line-height: 1;
	clear: both;
}

hr {
	margin-bottom: 1rem;
	margin-top: 1em;
}

a {
	/*color: #1138a4;*/
	color: #457415;
}

a:visited {
	color: #375ecb;
}

a:hover {
	color: #248f18;
	text-decoration: none;
}

.button {
	padding: 8px;	
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.button, a.button {
	background-color: #5CA805;
	color: #fff;
	border-radius: 12px;
	font-size: 1rem;
}

a.button:hover, a.button:active {
	background-color: #7ec929;
	color: #fff;
	text-decoration: none;
}

label {
	font-size: .975rem !important;
}

ul, ol, dl {
	font-size: 1em;
}

ul li, ol li {
	padding-top: 0em;	
}

.alignleft {
	float: left;	
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;	
}

.left, .alignleft {
	padding-right: .5em;	
}

.right, .alignright  {
	padding-left: .5em;	
}


blockquote {
	margin-left: 5em;
	margin-right: 5em;	
}

p {
	font-size: .9375rem;
}

.flex-video {
	margin-bottom: 0;
}

#header {
	padding-top: 0;
	padding-bottom: 0;
}

#content_wrapper {
	margin-top: 1em;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

/* Backgrounds */


#content, #sidebar, #homepage_content, #page_content {
	background-color: #FFFFFF;
}

div#content-container.row {
	background-color: #FFFFFF;
}

footer {
	background-color: #fff;
}

/* Header  */

.page header {
	margin-bottom: 0rem;
}

#branding {
	margin: 0;	
	padding: 0;
	clear: both;	
	background-color: #ffffff;
}

#header-logo.columns {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#logo {
	padding-top: .25em;
}

#quotebar {
	font-family: 'merriweatherregular', Georgia, serif;
	font-size: .9rem;
	background-color: #3300cc;
	color: #c7c5ce;
	padding: 3px;
}

#quotebar p {
	margin-bottom: 0 !important;
}

#weather {
	max-height: 100px;
}

#weather_link {
	margin-top: -2.5rem;
	font-size: .9rem;
}

.wp-forecast-curr-head {
	font-size: 1.4em !important;
}

.wp-forecast-fc {
	display:none;
}

/* Topbar */
/* See min-width 64.063em below */

header.site-topbar {
	background-color: #646567;
}

#site-topbar.top-bar {
	padding: .25rem;
	background-color: #646567;
}

.top-bar-left, .top-bar-right {
	padding-left: 1rem;
	font-size: .9rem;
	font-family: pt_sansregular, Helvetica, sans-serif;
	color: #fff;
}

#site-topbar.top-bar a, #site-topbar .menu .active > a, #site-topbar .menu > li > a {
	background-color: #646567;
	color: #fff;
}

#site-topbar.top-bar a:hover {
	color: #41ff44;
}

/* Navbar */

#headernav, #site-navbar.top-bar {
  background-color: #3d6add; /* Navy */
  padding: 0;
  height: auto;
}

#site-navbar.top-bar ul {
	background-color: #3d6add;
}



/* Footer */

#footerwidgetarea {
	clear: left;
	background-color: #649121;
	color: #fff;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 2rem;
}

#footerwidgetarea a, #footerwidgetarea li, #footerwidgetarea p {
	color: #A7D370;
}

#footerwidgetarea h4 {
	color: #fff;
}

#footerwidgetarea .menu > li {
	display: block;
	position: relative;
	float: none;
	margin-bottom: 0;
	line-height: 1;
	margin-left: 0 !important;
	color: #A7D370;
}


#footerwidgetarea .menu > li a {
	padding: 0;
	line-height: 1;
	color: #A7D370;
}

#footerwidgetarea .menu > li a:hover {
	text-decoration: underline;
}

#footerwidgetarea .menu .active > a {
	background-color: #649121;
}
/* Page layout */

#sidebar {
	margin-top: 2rem;
}

#page_content {
	margin-top: 0;
	padding-top: 2rem;
}

/* Homepage */

#home_wrapper #content_area {
	padding-top: 1rem;
}

#home_sidebar {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

div.home_comments {
	background-color: #FDFBE8;
	border: 1px #888888 solid;
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 1rem;
}

div.comment_entry {
	margin-bottom: 1rem;
}


#homecontent {
	background-color: #FDFBE8;
	border: 1px #888888 solid;
	border-radius: 8px;
	padding: 8px;
}

div#home_features div.card {
	/* background-color: #efefef; */
	border-top: 1px #888888 solid;
	border-left: 1px #888888 solid;
	padding: 4px;
	margin-bottom: 1rem;
}



div.home_headlines ul {
	list-style-type: none;
	line-height: normal;
	margin-left: 0;
}

div.home_headlines ul li {
	margin-bottom: .5rem;
}

div.home_headlines ul li a {
	font-weight: 500;
}

h2.home_h2 {
	font-family: 'merriweatherregular', Georgia, serif;
	font-size: 1.4rem;
	background-color: #3d6add;
	color: #fff;
	width: 100%;
	padding: 4px;
	font-weight: normal;
	clear: both;
}


h2.home_h2 a {
	color: #fff;
}

div.dp_pec_date_left { /* for Events */
	background: #444 !important;
}

h2.dp_pec_event_title {
	color: #375ecb;
}

h2.actual_month {
	background-color: none !important;
}




/* Posts */

#page_content .entry-content {
	margin-top: .5rem;
	margin-bottom: 1rem;
}

article  {
	clear:both;
	margin-bottom: 1rem;
}

article h1 {
	margin-bottom: 0;
}

article h2.entry-title, h2.entry-title a {
	margin-bottom: 0;
	color: #248f18;
}

h3.entry-title, h3.entry-title a {
	margin-bottom: 0;
	margin-top: 0;
	color: #458238 !important;
	background-color: #fff;
	padding: 0;
}

h4.entry-title, h4.entry-title a {
	font-size: 1.2;
}

.content-entry {
	padding-top: .5rem;
}

article .story_meta {
	font-size: .95rem;
	color: #848484;
}

div.results_thumb {
	margin-top: 6px;
	margin-right: 6px;
	float:left;
}

nav.pagination .nav-links a, nav.pagination .nav-links span {
	display: inline;
	float: left;
}

nav.pagination .nav-links span.current {
	background-color: #248f18;
}

nav.pagination .nav-links a:hover {
	color: #236e0c;
}

footer.entry-footer {
	width: 100%;
	padding: 0;
	text-align: left;
	color: #000;
	clear:left;
}

hr.ibratt-storydivider {
	height: 6px;
	background-image: url("https://www.ibrattleboro.com/wp-content/themes/ibrattleboro/images/bg_node.gif");
	background-repeat: repeat-x;
	margin-top: 0;
}

/* Comments */

h2.comments-title {
	width: 100%;
	background-color: #5ca805;
	padding: 6px;
	text-align: center;
	color: #fff;
	margin-bottom: 0;
}

ul.commentlist {
	margin-left: 0;
	padding-left: 0;
	border-top: 1px #cfcfcf solid;
}

ul.commentlist li.comment {
	list-style-type: none;
}

ul.commentlist div.comment-body {
	border: 1px #cfcfcf solid;
	border-top: none;
	padding: 6px;
}

div.comment-meta {
	font-size: .95rem;
	color: #555;
}

/* Business Directory */

div.wpbdp-main-links input.button {
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: auto;
	display: inline;
	float: right;
}

div.listing-actions {
	text-align: center;
}

a.wpbdp-button, input.wpbdp-button {
	width: auto;
	display: inline;
	float: left;
}

div.wpbdp-listing-excerpt {
	padding-left: 0 !important;
}

div.wpbdp-main-box .box-col {
	margin-bottom: 0 !important;
}

.wpbdp-main-box .submit-btn input[type="submit"] {
	padding-top: .6rem;
	padding-bottom: .5rem;	
}

.wpbdp-with-button-styles .listing-actions .wpbdp-button {
	font-size: 1rem !important;
}

.wpbdp-listing .listing-title h2 {
	font-family: 'merriweatherregular', serif;
	font-size: 1.4rem !important;
	color: #457415 !important;
	font-weight: bold;
	line-height: 1;
}

div.wpbdp-msg.tip {
    background: #fff;
    display: none;
}

div.wpbdp-plan-selection-wrapper {
	display: none;
}

.wpbdp-listing a:not(.wpbdp-button) {
    color: #457415 !important;
    text-decoration: none;
    border-bottom: 1px solid #F3F3F3;
}

/* Events Calendar */

.dp_pec_accordion_wrapper .dp_pec_accordion_event {
	background: #FDFBE8 !important;
}

.dp_pec_wrapper, .dp_pec_wrapper h2, .dp_pec_wrapper h2 a {
	font-family: 'pt_serifregular', Georgia, serif;
}

	

/* This Day In History */

.widget_this_day_in_history ul {
	margin-left: 0;
	list-style-type: none;
}

h4.tdih_year {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 0;
	padding-top: .5rem;
}

#historic_events_widget {
	font-size: .975rem;
}

/* Wp Advert */

div.adverts-flexbox-item {
	margin-top: 1rem;
}

div.advert-price, .adverts-price-box {
	background-color: #9CCC65 !important;
	color: #fff;
	border: none;
	margin-right: .5rem;
}

div.advert-price a:hover, div.advert-price a:active {
	background-color: #a9f255 !important;
	color: #fff;
	border: none;
}

.advert-link-text {
	color: #1138a4 !important;
}

/* Banner Display Advertisements */

div.ad_content {
	margin-bottom: 1rem;
}

/* BuddyPress */

#buddypress a.button {
	width: auto;
	display: inline-block;	
	padding: 4px;
}

/* Frontend Submissions - AP Post */

.ap-post-submission-message {
	font-size: larger;
	color: #660000;
}

.ap-form_field select {
	padding: 0 !important;
}


@media (max-width: 40.063em) {
	
#logo {
	padding-top: .5em;
	padding-bottom: .5em;
}
	
#site-navbar.top-bar ul li {
	margin: .7rem 1rem;
	padding-right: 0;
}

#site-navbar.top-bar ul li ul li {
	margin: 0.7rem 1rem;
}

#page_content {
	padding-top: 1rem;
}

#page_content .entry-content {
	margin-top: 0;
}

}

/* Hide icons on screens narrower than 75em (1200px) */
@media (max-width: 75em) {
	
#quotebar p {
	font-size: small;
}
    
}
