/*
 Theme Name:   Downtown Brenham
 Theme URI:    http://downtownbrenham.com/
 Description:  Twenty Sixteen Child Theme for Downtown Brenham
 Author:       Ryan Eisworth
 Author URI:   http://rlntx.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  downtownbrenham
*/

@import url('https://fonts.googleapis.com/css?family=Viaoda+Libre|Amarante|Prata|Rubik&display=swap');
@import url('fa-all.css');


/* ======
Temporary
====== */
.grecaptcha-badge { 
	visibility: hidden; 
}

.planner-row .panel-grid-cell .so-panel {
	padding-top: 0 !important;
}

.centerme .textwidget p {
	text-align: center;
}

.italicizeme p {
	font-style: italic;
}

.entry-content p {
	text-align: justify;
}

#dateDiv .ui-datepicker{
	margin: auto;
}

#textbox {
	padding-top: 2em;
	padding-bottom: 2em;
}

.event-search, h2.entry-title {
	margin-bottom: 0;
}

#wedding-header.page-header-hero-black h1::after {
	margin-top: -15px;
}

.wfw-float {
	content: url('/wp-content/themes/downtownbrenham/wfw.png');
	position: fixed;
	width: 200px;
	height: auto;
	bottom: 1%;
	right: 1%;
	max-width: 25%;
	border-radius: 50%;
	text-align: center;
	z-index: 999;
}


/* ======================
Image Grid Customizations
====================== */
	/* create the inset boarder on each grid icon */
	.vbt-grid .lsow-entry-info {
		height: 100%;
		width: 100%;
		border-width: 0px;
		border-color: white;
		border-style: solid;
		background-color: rgba(89,70,70,0.75);
		pointer-events: none;
	}
	
	/* style font for post/page title */
	.vbt-grid .lsow-entry-info h3.lsow-post-title {
		opacity: 1 !important;
	}

	/* hide extra information */
	.vbt-grid .lsow-terms {
		display: none !important;
	}
	
	/* insert blue bell icon */
	.vbt-grid .lsow-post-title::before{
		display: block;
	}

	.lsow-post-title {
		padding-top: 34% !important;
	}

	/* proportionally size all the icons */
	.vbt-grid .lsow-grid-container img { 
		height: 300px; /*was 22vw*/
		object-fit: cover;
	}
	
	/* make the font for the page/post title bold */
	.vbt-grid h3 {
		font-weight: 400 !important;
		font-size: 24px !important;
	}
	
	.vbt-grid {
		max-widtH: 1280px;
		margin: auto;
	}
/* =====================
Site-Wide Customizations
===================== */ 
	#masthead {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	body:not(.custom-background-image)::after {
		content: none;
	}
	
	.site-footer {
		padding-bottom: 2em;
	}
	
	/* adds gradient to header images */
	.page-header-hero .sow-slider-image-wrapper {
		background-image: linear-gradient(to bottom, rgba(0,0,0,.8),rgba(0,0,0,.5),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
	}
	
	.page-header-hero2 .sow-slider-image-wrapper {
		background-image: linear-gradient(to bottom, rgba(0,0,0,.8),rgba(0,0,0,.5),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
	}

	.page-header-hero-black .sow-slider-image-wrapper {
		background-image: linear-gradient(to bottom, rgba(255,255,255,.8),rgba(255,255,255,.5),rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0));
	}

	/* adds blue bell logo to header images */
	.page-header-hero h1::after, .page-header-hero h2::after {
		width: 43%;
		margin-left: auto;
		display: block;
		margin-right: auto;
		margin-top: -15px;
		padding-top: .5em;
		filter: drop-shadow( 0 2px 2px rgba(0, 0, 0, 0.6));
	}

	.page-header-hero2 h1::after, .page-header-hero h2::after {
		width: 95%;
		margin-left: auto;
		display: block;
		margin-right: auto;
		margin-top: -25px;
		filter: drop-shadow( 0 2px 2px rgba(0, 0, 0, 0.6));

	}

	.page-header-hero-black h1::after, .page-header-hero-black h2::after {
		width: 43%;
		margin-left: auto;
		display: block;
		margin-right: auto;
		margin-top: -25px;
		padding-top: .2em;
		filter: drop-shadow( 0 2px 2px rgba(0, 0, 0, 0.6));
	}

	/* kill the top padding on the page header heros */	
	.so-no-top-padding .panel-grid-cell .widget {
		padding-top: 0 !important;
	}
	
	/* =======
	Menu Stuff 
	======= */	
		
		/* =======
		Search Box
		======= */
			.search-form {
				float: left;
				margin-top: 3px;
				width: 155px;
			}

			.search-field {
				font-size: .8em;
			}	
	
			.search-submit::before {
				font-size: .8em;
				line-height: 2.0em;
			}
	
			.menu-mini-nav-menu-container {
				float: right;
			}
	
			button {
				background: #dddddd;
				color: #000000;
			}
	
		#mininav-menu { 
			width: 100%;
			float: right;
			padding-left: 0;
		}

		#site-navigation {
			float: right;
			clear: right;
		}
		.main-navigation {
			font-family: 'Prata', serif;
			font-size: .85em;
		}
	
		.main-navigation .menu-item-has-children > a:after {
			content: "\f431";
			position: absolute;
			right: 0.800em;
			top: 0.6em;
		}

		.mini-navigation {
			font-family: Montserrat, "Helvetica Neue", sans-serif;
			font-size: .75em;
			float: right;
		}

		.site-footer .mini-navigation {
			margin-bottom: 1.75em;
		}

		.mini-navigation ul {
			list-style: none;
			margin: 0;
		}

		.mini-navigation li {
			border-top: 1px solid #d1d1d1;
			position: relative;
		}

		.mini-navigation a {
			color: #1a1a1a;
			display: block;
			line-height: 1.3125;
			outline-offset: -1px;
			padding: 0.84375em 0;
		}

		.mini-navigation a:hover,
		.mini-navigation a:focus {
			color: #5c1e15;
		}

		.mini-navigation .current-menu-item > a,
		.mini-navigation .current-menu-ancestor > a {
			font-weight: 700;
		}

		.mini-navigation ul ul {
			display: none;
			margin-left: 0.875em;
		}

		.no-js .mini-navigation ul ul {
			display: block;
		}

		.mini-navigation ul .toggled-on {
			display: block;
		}

		.mini-navigation .primary-menu {
			border-bottom: 1px solid #d1d1d1;
		}

		.mini-navigation .menu-item-has-children > a {
			margin-right: 56px;
		}
	
		.mini-navigation {
			margin: 0 -0.875em;
		}

		.mini-navigation .primary-menu,
		.mini-navigation .primary-menu > li {
			border: 0;
		}

		.mini-navigation .primary-menu > li {
			float: left;
		}

		.mini-navigation a {
			outline-offset: -8px;
			padding: 0.65625em 0.875em;
			white-space: nowrap;
		}

		.mini-navigation li:hover > a,
		.mini-navigation li.focus > a {
			color: #5c1e15;
		}

		.mini-navigation ul ul {
			border-bottom: 1px solid #d1d1d1;
			display: block;
			left: -999em;
			margin: 0;
			position: absolute;
			z-index: 99999;
		}

		.mini-navigation ul ul ul {
			top: -1px;
		}

		.mini-navigation ul ul ul:before,
		.mini-navigation ul ul ul:after {
			border: 0;
		}

		.mini-navigation ul ul li {
			background-color: #fff;
			border: 1px solid #d1d1d1;
			border-bottom-width: 0;
		}

		.mini-navigation ul ul a {
			white-space: normal;
			width: 12.6875em;
		}

		.mini-navigation ul ul:before,
		.mini-navigation ul ul:after {
			border-style: solid;
			content: "";
			position: absolute;
		}

		.mini-navigation ul ul:before {
			border-color: #d1d1d1 transparent;
			border-width: 0 10px 10px;
			right: 9px;
			top: -9px;
		}

		.mini-navigation ul ul:after {
			border-color: #fff transparent;
			border-width: 0 8px 8px;
			right: 11px;
			top: -7px;
		}

		.mini-navigation li:hover > ul,
		.mini-navigation li.focus > ul {
			left: auto;
			right: 0;
		}

		.mini-navigation ul ul li:hover > ul,
		.mini-navigation ul ul li.focus > ul {
			left: auto;
			right: 100%;
		}

		.mini-navigation .menu-item-has-children > a {
			margin: 0;
			padding-right: 2.25em;
		}

		.mini-navigation .menu-item-has-children > a:after {
			content: "\f431";
			font-size: 1em;
			position: absolute;
			right: 0.9em;
			top: 0.75em;
		}

		.mini-navigation ul ul .menu-item-has-children > a {
			padding-right: 2.0625em;
		}

		.mini-navigation ul ul .menu-item-has-children > a:after {
			right: 0.5625em;
			top: 0.875em;
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
		}

		.mini-navigation .mininav-menu,
		.mini-navigation .mininav-menu > li {
			border: 0;
		}

		.mini-navigation .mininav-menu > li {
			float: left;
		}
	
	/* attempts to have images load right-side up */
	img {
		image-orientation: from-image;
	}
	
	/* apply fonts */
	body {
	 }

	/* raise font size */
	p {
		font-size: 120%;
	}	 
	
	/* apply font choices to headings */
	h1, h2 {
	 	font-family: "Viaoda Libre", serif !important;
	 	font-weight: 400 !important;
	}

	h3, h4, h5 {
		font-family: "Prata" !important;
		font-weight: 200 !important;
	}

	 
	/* kill strangely-implemented link underlining */
	.entry-content a, .entry-summary a, .taxonomy-description a, 
		.logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a {
		box-shadow: none;
	}
	 
	.right-bar h2 {
		font-size: 1.2em;
	}
	 
	.right-bar article {
		border-left-width: 7px;
		border-left-style: solid;
		border-left-color: #0e295c;
	}
	.right-bar .entry-content {
		margin-left: 5px !important;
	}
 
	/* Remove page boarder */
	#page {
		margin: 0;
	}

	.entry-header h1 {
		text-align: center;	
	}
	
	article.accounts {
		margin-left: 15%;
		border-left-style: solid;
		border-left-width: 12px;
		border-left-color: #0e295c;
	}
	
	article.accounts>header.entry-header {
		margin-left: 5px;
	}
	
	article.accounts>header.entry-header>h2 {
		font-family: 'Prata';
		font-size: 150%;
	}

	/* Fixes gray bar at top of screen when admin bar is visible. */
	body:not(.custom-background-image).admin-bar:before {
		top: 0px;
	}
	
	body::before {
		display: none !important;
	}
	
	/* Take the stupid-looking black line off the page header. */
	.page-header {
		border-top: 0;
	}
	
	.navigation {
		color: #0e295c;
	}

	@media screen and (min-width: 44.375em) {
		.entry-header,
		.post-thumbnail,
		.entry-content,
		.entry-summary,
		.entry-footer,
		.comments-area,
		.image-navigation,
		.page-header,
		.page-content,
		.content-bottom-widgets {
			margin-right: 7.6923%;
		}
	}

	.post-thumbnail {
		max-width: 600px;
		margin: 1em auto;
		text-align: center;
	}
	
	@media screen and (max-width: 44.375em) {
		.entry-content p {
			text-align: left;
		}
	}
	
			
/* ======================
Homepage Specific Changes
====================== */

	/* Don't show the "Home" title */
	.home .entry-title { 
		display: none; 
	}
	
	/* Move the text on SiteOrigin Hero Widgets up ("Welcome to Brenham" text) */
	.sow-slider-image-wrapper {
		padding-top: 2% !important;
	}

	/* Remove space between the Instagram feed and Footer Widgets */
	.home #main {
		margin-bottom: 0;
	}

	/* Eliminate the black line above SiteOrigin widgets. */
	.widget {
		border-top: 0px;
	}

	/* Don't show the Edit link inline on homepage. It looks bad between the
	Instagram feed and the footer widget block. */
	.home .entry-footer {
		display: none;
	}
	
	/* For div with id 'special-banner' style the children... */
	#special-banner a {
		color: white;
		text-decoration: underline;
	}
	
	#special-banner p {
		text-align: center;
	}

/* ===========================
Events Calendar Customizations
=========================== */
	#datePickers {
		margin: auto;
		width: 480px;;
	}

	#dateStartDiv {
		float: left;
	}

	#dateEndDiv {
		float: right;
	}
	
	.ui-datepicker-inline {
		margin: auto;
	}

	@media (max-width: 58em) { 
		#datePickers {
			width: unset;
			padding: calc( 50px + 0px ) 20px 50px 20px;
		}

		.ui-datepicker {
			width: 220px !important;
		}
		
		#dateStartDiv {
			float: none;
 		}

		#dateEndDiv {
			float: none;
		}
	}
	article.event>.event-image {
		float: right;
		padding: 5px;
		max-width: 25%;
	}
	
	.event-image img{
		max-width:100%;
		text-align:center;
	}
	
	.event-text>header.entry-header>h2.entry-title {
		margin-bottom: 0;
	}
	
	.page-template article.event>.event-text {
		max-width: 70%;
	}
	
	.single-event .entry-content {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100% !important;
	}
	
	.single-event #main > article.event::after {
		display: none;
	}
	
	.single-event .entry-header {
		margin-left: 15%;
		text-align: center;
	}
	
	.single-event .dateline {
		text-align: center;
	}
	
	article.event>.event-text {
		display: inline-block;
		width: 100%;
	}
	
	#main>article.event {
		margin-bottom: 4em;
	}
	
	#DisabledFixToNotBeOnSearches-main>article.event::after {
		content: '';
		position: relative;
		width: 50%;
		height: 3px;
		top: 2em;
		background: black;
		left: 25%;
		display: block;
		text-align: center;
	}

	.so-panel>#primary>main>article.event {
		border-color: #5c1e15;
		border-radius: 10px;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 15px;
		overflow: auto;
		display: table;
	}
	
	.so-panel>#primary>main>article.event>.event-text>.entry-content {
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 0 !important;
		margin-right: 5% !important;
		width: 100% !important;
	}
	
	.so-panel>#primary>main>article.event>.event-text>header.entry-header {
		margin-left: 5px;
	}	

	.clearfix:after {
		content: "";
		clear: both;
		display: table;
	}

	@media screen and (max-width: 600px) {
		article.event>.event-image {
			clear: both;
			float: none;
			max-width: 100%;
		}
		
		article.event>.event-text {
			max-width: 100%
		}
	}
	
/* ===========================
Account Listing Customizations
=========================== */
        .account-image-large>img {
                width: 100%;
        }

        .account-content {
                padding-left: 10px;
                padding-right: 10px;
        }

	.dateline p {
		margin-bottom: 0;
	}
	
	article.account>.account-image {
		float: left;
		padding: 5px;
		max-width: 25%;
	}
	
	article.account>header.entry-header {
		margin-left: 6px;
	}
	
	article.account>header.entry-header>h2 {
		margin-bottom: 0;
	}
	
	article.account>.addressline {
		margin-left: 8px;
		font-size: 12pt;
		margin-top: -6px;
	}
	
	.account-image img{
		max-width:100%;
		text-align:center;
	}
	
	.account-text>header.entry-header>h2.entry-title {
		margin-bottom: 0;
	}
	
	article.account>.account-text {
		max-width: 70%;
		display: inline-block;
	}
	
	#main>article.account {
		margin-bottom: 6em;
	}
	/*
	#main>article.account::after {
		content: '';
		position: absolute;
		width: 50%;
		height: 3px;
		margin-top: 2em;
		background: black;
		left: 25%;
		display: block;
		text-align: center;
	}
	*/
	.so-panel>#primary>main>article.account {
		border-color: #5c1e15;
		border-radius: 0px;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 10px;
		
	}
	
	.so-panel>#primary>main>article.account .entry-content {
		width: 71.42857144% !important;
	}

	@media screen and (max-width: 44.375em) {
		.so-panel>#primary>main>article.account .entry-content {
			width: auto !important;
			margin-left: .25em !important;
		}


	}	

	.so-panel>#primary>main>article.account>.event-text>.entry-content {
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 0 !important;
		margin-right: 5% !important;
		width: 100% !important;
	}
	
	.so-panel>#primary>main>article.account>.event-text>header.entry-header {
		margin-left: 5px;
	}	


	@media screen and (max-width: 600px) {
		article.account>.account-image {
			clear: both;
			float: none;
			max-width: 100%;
		}
		
		article.account>.account-text {
			max-width: 100%
		}
	}
	
	
/* ==========
Event Sidebar
========== */
	.event-sidebar-container {
		border-color: #5c1e15;
		border-radius: 10px;
		border-style: solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 15px;
		font-size: 90%;
		padding-left: 3px;
		margin-right: 3%;
		margin-left: 3%;
		margin-bottom: 1em;
		padding-top: 1px;
	}
	
	.event-sidebar-container h2 {
		font-size: 1.5em;
		margin-bottom: 0;
		font-weight: 100;
	}
	
	.event-sidebar-container>header.entry-header {
		margin-left: 0;
	}

	.event-sidebar-content>.dateline>p {
		margin-bottom: 0px;
	}
	
/* ============
Article Sidebar
============= */

	article.article-sidebar {
		padding-bottom: 4em;
		overflow: auto;
		clear: both;
	}
	
	article.article-sidebar>header.entry-header {
		margin: 0;
	}
	
	article.article-sidebar>header.entry-header>h2.entry-title {
		margin-bottom: .25em !important;
	}
	
	article.article-sidebar>a.post-thumbnail {
		margin-bottom: 0;
	}
	
	article.article-sidebar>.entry-content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	

/* ==================
Footer Customizations 
================== */

	#siteorigin-panels-builder-2 {
		padding-top: 0;
	}

	#content-bottom-widgets > .widget-area {
		margin-bottom: 0;
	}

	.site-footer {
		padding-top: 2.5em;
		background-color: #5c1e14;
		color: #dedede;
		display: flex;
		padding-left: 4.5455% !important;
		padding-right: 4.5455% !important;
	}

	.site-footer a {
		color: #dedede;
	}
	
	.site-footer a:hover,
	.site-footer a:focus {
		color: #fff;
	}
	
	
	.site-footer .secondary-menu {
		margin-bottom: 1.75em;
	}

	.secondary-menu ul {
		list-style: none;
		margin: 0;
	}

	.secondary-menu li {
		border-top: 1px solid #d1d1d1;
		position: relative;
	}

	.secondary-menu a {
		color: #1a1a1a;
		display: block;
		line-height: 1.3125;
		outline-offset: -1px;
		padding: 0.84375em 0;
	}

	.secondary-menu a:hover,
	.secondary-menu a:focus {
		color: #5c1e15;
	}

	.secondary-menu .current-menu-item > a,
	.secondary-menu .current-menu-ancestor > a {
		font-weight: 700;
	}

	.secondary-menu ul ul {
		display: none;
		margin-left: 0.875em;
	}

	.no-js .secondary-menu ul ul {
		display: block;
	}

	.secondary-menu ul .toggled-on {
		display: block;
	}

	.secondary-menu .primary-menu {
		border-bottom: 1px solid #d1d1d1;
	}

	.secondary-menu .menu-item-has-children > a {
		margin-right: 56px;
	}
