/*
 Theme Name:     Smart 1 Custom Child Theme
 Description:    TEN20 Child Theme
 Author:       Smart 1 Marketing
 Author URI:   http://smart1marketing.com
 Template:     Divi
 Version:      1.0.0
*/

 
/* =Theme customization starts here
------------------------------------------------------- */

/* =Remove hero buttons sitewide -- */
.sec-hero .et_pb_button, .sec-int-header .et_pb_button {display:none!important;}


/* =Override misc theme defaults -- */
#et-info-phone:before, #et-info-email:before {content: none;}
span.fsRequiredMarker {color:red; font-weight:700;}
#footer-info a {font-weight: 500;}

#top-menu li li {padding: 0;}
#top-menu li li a {
    width: 240px;
    padding: 6px 10px;
    font-weight: 300;
}


@media (max-width: 980px) {
	#et-secondary-menu, #et-secondary-nav {display: block!important;}
	.et_secondary_nav_only_menu #top-header {display: block;}
	.et_secondary_nav_only_menu #main-header {top: 30px!important;}
}


#top-header .container {padding-top: 0;}

body {font-weight: 300;}

#et-secondary-menu {float: none;}
.et-cart-info {float:right;}
#et-secondary-menu>ul>li a {text-decoration: none;
	text-align: center;
/* =underline -- */}

.mobile_menu_bar:before, .mobile_menu_bar:after {color: #ffffff!important;}

.et_mobile_menu {padding: 0%;}
.et_mobile_menu .s1m-button {
    width:100%;
    padding: 0;
}

#et-info {float: right; background-color:#a24a26; text-align: center;}
#et-info-phone {margin-left: 13px;}

#main-header .nav li ul a {color: #ffffff!important;}
#main-header .nav li ul  {border: 1px solid #ffffff;}

/*Vertical alignment*/
.s1m-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}


/*FormStack Forms*/
.fsBody .fsForm {
	margin-top: 0 !important;
	padding-top: 0 !important;
}


/*Logo size/position*/
.logo_container img {margin-top:5px;}
@media only screen and (max-width: 980px) {
#logo {
min-height: 130px;
}
}
@media only screen and (min-width: 981px) {
#logo {
min-height: 209px;
}
}

.mobile_menu_bar:before, .mobile_menu_bar:after {color: #ffffff;}

/* =Home page styles
------------------------------------------------------- */

/*Hero section .sec-hero*/
.sec-hero .et_pb_fullwidth_header_container {padding: 4% 0;}
.sec-hero h2 {font-size:4em; text-transform:uppercase;}
.sec-hero h3 {color: #dbba45!important; font-size:2.5em;}

@media (max-width: 980px) {
	.sec-hero .et_pb_fullwidth_header_container {padding: 4% 0;}
	.sec-hero h2 {font-size:3em;}
	.sec-hero h3 {font-size:2em;}
}

@media (max-width: 767px) {
	.sec-hero .et_pb_fullwidth_header_container {padding: 4% 0;}
	.sec-hero h2 {font-size:2em;}
	.sec-hero h3 {font-size:1.25em;}
	body #page-container .sec-hero.et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button,
	body #page-container .sec-hero.et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {font-size: 14px;}
	.sec-hero .et_pb_fullwidth_header {padding: 0;}
}

@media (max-width: 450px) {
	.sec-hero .et_pb_fullwidth_header_container {padding: 4% 0;}
	.sec-hero h2 {font-size:1.2em;}
	.sec-hero h3 {font-size:0.85em;}
	body #page-container .sec-hero.et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button,
	body #page-container .sec-hero.et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {font-size: 12px;}
	.sec-hero .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {width: 95%;}
}

/*CTA/Blurb section .sec-ctas*/
.sec-ctas .et_pb_blurb_content {padding: 25% 3%;}
.sec-ctas .et_pb_main_blurb_image {margin-bottom: 60px;}
.sec-ctas h4 {color:#ffffff; text-transform:uppercase; font-size:2em; font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif; letter-spacing:1px}
.sec-ctas p {color:#ffffff; text-transform:uppercase; font-size:3.5em; font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; font-weight:400;}


@media (max-width: 980px) {
	.sec-ctas .et_pb_blurb_content {padding: 10% 3%;}
	.sec-ctas .et_pb_main_blurb_image {margin-bottom: 20px;}
}

@media (max-width: 450px) {
	.sec-ctas h4 {font-size:1.2em;}
	.sec-ctas p {font-size:2.5em;}
}

/*Our Story section .sec-our-story*/
.sec-our-story h2 {text-transform:uppercase; font-size:3em;}
.sec-our-story p {max-width:900px; margin:0 auto;}

.sec-our-story .et_pb_blurb_content {max-width: 981px;}

@media (max-width: 767px) {
	.et_pb_section.sec-our-story {padding-bottom:0;}
	.sec-our-story h2 {text-transform:uppercase; font-size:2em;}
}

@media (max-width: 450px) {
	.s1m-button {font-size: 0.8em;}
}


/*Rendered facility image section .sec-story-render*/
.sec-story-render p {color:#ffffff; padding:10% 5%}
.sec-story-render .et_pb_text {padding:15% 8% 15% 10%}
.sec-story-render .et_pb_column { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

.sec-story-render .et_pb_gutters1 .et_pb_column_1_4.col-offset-left {margin-left: -10%; width: 33%;}


@media (max-width: 980px) {
	.sec-story-render .et_pb_gutters1 .et_pb_column_1_4.col-offset-left {margin-left: 0; width: 100%; margin-top:5%;}
}


/*Rendered Stadium image section .sec-stadium-info*/
.sec-stadium-info img {margin-top:-30%}
.sec-stadium-info .et_pb_text {padding-top:16%;}
.sec-stadium-info p {color:#ffffff;}

@media (max-width: 980px) {
	.sec-stadium-info img {margin-top:0}
	.sec-stadium-info .et_pb_text {padding-top:0;}
	.sec-stadium-info .et_pb_image_1 {text-align: center;}
}


/* =Interior page styles
------------------------------------------------------- */

/*Header .sec-int-header*/
.sec-int-header .et_pb_fullwidth_header {padding: 19% 0;}
.sec-int-header h1 {font-size:5em; text-transform:uppercase; text-align: center;}

/*Craftsman Section .sec-craftsman*/
.sec-craftsman img {margin-top:-30%;}

@media (max-width: 980px) {
	.sec-craftsman img {margin-top:0; margin-left:auto; margin-right:auto;}
	.sec-craftsman .et_pb_image {text-align: center;}
}


/*IPA Info Section .sec-ipa*/
.sec-ipa .et_pb_column { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}
.sec-ipa h2 {text-transform:uppercase; font-size:4em; padding-bottom:50px;}
.sec-ipa .et_pb_row {z-index:9;}
.sec-ipa img {max-width:90%; margin:0 auto;}

@media (max-width: 980px) {
	.sec-ipa img {max-width:100%;}
	.et_pb_column.col-hide-sm {display:none;}
	.sec-ipa p:not(.has-background):last-of-type {padding-bottom: 50px;}
	.sec-ipa:before {
		background-image: url(https://www.ten20brewery.com/wp-content/uploads/2020/03/header-our-brews.jpg);
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.2;
}
}

/*Pilsner Info Section .sec-pilsner*/
.sec-pilsner .et_pb_text {background-color:#702e1a; padding: 21% 8% 25% 10%;}
.sec-pilsner h2 {color:#ffffff; text-transform:uppercase; font-size:4em; padding-bottom:50px;}
.sec-pilsner p {color:#ffffff;}

.sec-pilsner .et_pb_row {margin-top:-4%;}
.sec-pilsner img {margin-left: -2%; margin-top: -5%;}
.sec-pilsner .col-z-4 {z-index:4;}
.sec-pilsner .col-z-4 .et_pb_module {margin-right: -5%;}


@media (max-width: 980px) {
	.sec-pilsner .et_pb_row {margin-top:0;}
	.sec-pilsner img {margin-left: 0; margin-top: 0;}
	.sec-pilsner .col-z-4 .et_pb_module {margin-right:0;}
	.sec-pilsner .et_pb_text {background-color:rgba(112,46,26,0.5);}
	.sec-pilsner .et_pb_row {width: 100%; padding-bottom: 0!important;}
	.sec-pilsner {padding-bottom: 0!important;}
	.sec-pilsner:before {
		background-image: url(https://www.ten20brewery.com/wp-content/uploads/2020/03/pilsner-info-image.jpg);
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.5;
}
}

/*Beer List Section .sec-beer-list*/

.sec-beer-list .beer-item {font-size:1em; padding: 2%;}
.sec-beer-list h2 {color:#223345; font-size:4em; letter-spacing:1px; text-transform:uppercase;}
.sec-beer-list .beer-name h4 {
	color:#702e1a;
	font-size:1.2em;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 500;}

.beer-type h5 {font-size:1em;}
.beer-desc {line-height:1.2em; color:#000000;}





/*Quote Section .sec-quote*/
.sec-quote h4 {color:#a24a26; font-size:1.5em; letter-spacing:2px; padding:1em; font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;}

.sec-quote .et_pb_column:before {
	content:url(https://www.ten20brewery.com/wp-content/uploads/2020/03/quote-left.png);
	position:absolute;
}

.sec-quote .et_pb_column:after {
	content:url(https://www.ten20brewery.com/wp-content/uploads/2020/03/quote-right.png);
	position:absolute;
	right:0;
	bottom: 0;
}

/*Our Founders Section .sec-our-founders*/
.sec-our-founders .et_pb_team_member {margin-top:50px;}
.sec-our-founders .et_pb_module_header {color:#0b2344;}
.sec-our-founders .et_pb_member_position {color:#d25b2e;}
.sec-our-founders .et_pb_team_member {
    border-bottom: 1px solid #f2e6e1;
    padding-bottom: 3%;
}



/*Our Team Section .sec-our-team*/
.sec-our-team .et_pb_module_header {color:#0b2344;}
.sec-our-team .et_pb_member_position {color:#d25b2e;}

/*Our Events blurbs section .sec-event-blurbs*/
.sec-event-blurbs .et_pb_module_header {color:#0b2344;}
.sec-event-blurbs ul {list-style: none; padding: 0 0 23px 0;}
.sec-event-blurbs ul li {margin-bottom:1em;}
.sec-event-blurbs ul li:last-child {margin-bottom:0;}

/*Blue Background text module .mod-blue-bak*/
.mod-blue-bak {padding:10%}
.mod-blue-bak h5 {color:#ffffff;}


/* --- Das Buttons --- */
.s1m-button {
    position: relative;
    padding: 0.5em 3em;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.7em !important;
	text-transform:uppercase;
	background: transparent;
    display: inline-block;
    text-shadow: none;
    text-decoration: none;
    border: 0;
}


.s1m-brown-button:hover {background: #223345;}

.s1m-brown-button {
	color:#ffffff;
    background: #a24a26;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    }


/* --- Footer modifications --- */
#footer-widgets .footer-widget li:before {border-radius: 0; border-width: 0;}

/* --- nav button --- */
#et-info, #et-secondary-menu > ul > li a {
    padding-top: .75em;
}

.hero_shadow{
	text-shadow: 2px 2px #000000;
	
}

h1.events{
	font-family: bebas-neue,sans-serif;
	font-size:62px !important;
	font-weight:500 !important;
	color:#fff !important;
	text-transform:uppercase !important;
}

h1.eventsblue{
	font-family: bebas-neue,sans-serif;
	font-size:62px !important;
	font-weight:500 !important;
	color:#0a0030 !important;
	text-transform:uppercase !important;
}

.bebas{
	font-family: bebas-neue,sans-serif;
/*	font-weight: 400;*/
	font-style: normal;
	font-size:15px;
}

.bebasblue{
	font-family: bebas-neue,sans-serif;
/*	font-weight: 400;*/
	font-style: normal;
	color:#0a0030 !important;
	text-transform:uppercase;
	font-size:19px;
}

.eventscol{
	padding-top:50px !important;
	padding-bottom:50px !important;
	padding-left:100px !important;
	padding-right:100px !important;
	border:4px solid #000 !important;
}

.eventscol2{
	padding-top:30px !important;
	padding-bottom:30px !important;
	padding-left:20px !important;
	border:4px solid #000 !important;
}

@media only screen and (max-width: 600px) {
	.eventscol{
		padding-top:10px !important;
		padding-bottom:10px !important;
		padding-left:20px !important;
		padding-right:20px !important;
		border:2px solid #000 !important;
	}

	.eventscol2{
		padding-top:20px !important;
		padding-bottom:20px !important;
		padding-left:10px !important;
		border:2px solid #000 !important;
	}
	h1.events{
		font-family: bebas-neue,sans-serif;
		font-size:22px !important;
		font-weight:500 !important;
		color:#fff !important;
		text-transform:uppercase !important;
	}

	h1.eventsblue{
		font-family: bebas-neue,sans-serif;
		font-size:22px !important;
		font-weight:500 !important;
		color:#0a0030 !important;
		text-transform:uppercase !important;
	}
	
}

.et_pb_slide_title{
	display:none !important;
}