/*Side Nav Social Media Icon Fix */

.off-canvas .social_media {
    position: relative;
    bottom: inherit;
    left: inherit;
    display: flex;
    justify-content: center;
		margin-top: 10px;
    -ms-transform: inherit;
    transform: inherit;
	  margin-left: inherit;
}

/* Body P Fix */
.section-1 p {
	color:#0a0a0a;
}

.homepage-block-2 .slick-slide {
	margin-top:2rem;
}

/*********************
Welcome Splash Page Styles
*********************/

#splash-grid.row {
	
}

#splash-grid.row .cta-block {
    text-align: center;
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    min-height: 205px;
    justify-content: center;
    border: 1px solid #fff;
		background-size: cover;
}

#splash-grid.row a.wrapper {
	

}

#splash-grid.row h1 {
		color:#231f20;
		text-decoration: none;
	  font-family: ltc_winchellregular;
}

#splash-grid.row h1:hover {
	
}

@media screen and (min-width: 1024px) {
	#splash-grid.row .cta-block {
		padding: 5rem 1rem;
	}
}

/*********************
NEW What's On Tap
*********************/

.whats-on-tap-container {
	padding: 2rem 0;
}
.whats-on-tap-page-list {
	list-style-type: none;
	margin: auto;
	text-align: center;
}
.whats-on-tap-page-list li {
	margin-bottom: 1.5rem;
}
.whats-on-tap-page-list li p.beer-name {
	color: #66973e;
	font-size: 1.5rem;
	margin-bottom: 0;
}
.whats-on-tap-page-list li span.type {
	font-weight: 600;
}
.whats-on-tap-page-list li p.beer-name:before {
	content: attr(data-pos)'. ';
	font-size: 1.35rem;
}
.whats-on-tap-page-list li p.description {
	font-size: 1rem;
	max-width: 75%;
	margin: auto;
}

/*********************
Mailchimp Form Signup Styles
*********************/

#mc_embed_signup
{
	background:#fff;
	clear:left;
	font-size:14px;
	font-family:ltc_winchellregular;
	border: 1px #000;
}
	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

/*********************
Rewards Program Styles
*********************/
.iframe-container {
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}

/*********************
Gravity Forms input text field border override
*********************/
.entry-content input {
	border: 2px solid
}

.ginput_container_textarea {
	border: 2px solid black
}

.footer-logo {
	display: block;
	max-width: 500px;
	margin-bottom: 1.5rem;
}
@media screen and  (max-width: 500px ) {
	.footer-logo {
		max-width: 100%;
	}
}