/*
Theme Name: Beer Institute
Theme URI:  http://
Description: 
Version:
Author: 
Author URI: 
*/


/*

	COLOR/FONT KEY:
	
	
		
		
		font-family: "bebas-neue";
		font-family: "din-2014";
		
		

*/

/* .js div#preloader { position: fixed; left: 0; top: 0; z-index: 1001; width: 100%; height: 100%; overflow: visible; background: #fff no-repeat center center; } */


* {
	margin: 0;
	-webkit-hyphens: none;
	hyphens: none;
	-webkit-font-smoothing: antialiased;
}

a img {
	border: none;
	outline: none;
}

body {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	
	font-family: "din-2014";
}

.wrap {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: left;
/* 	justify-content: left; Change to Center if everything should be centered */
}

.flex.flex-col {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex2 {
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	flex-direction: column;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
}

main {
	overflow-x: hidden;
}


/* ------------ General Styles ------------ */

p {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
}

a:hover {
	
}

a:visited {

}

strong {
	
}

h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	margin-bottom: 20px;
	font-size: 24px;
}

h2 {
	margin-bottom: 20px;
	font-size: 20px;
}

h3 {
	margin-bottom: 15px;
}

h4 {

}

ul {
	
}

a.button, #gform_submit_button_1, .gform_button {
	padding: 18px 80px 18px 18px;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	font-size: 15px;
	position: relative;
	transition: padding 500ms;
	box-sizing: border-box;
	font-weight: bold;
}

#gform_submit_button_1, .gform_button {
	outline: none;
	border: none;
	width: 100%;
}

#gform_submit_button_1:hover, .gform_button {
	background: #d5351c !important;
}

.gform_wrapper .gform_footer {
	margin: 0 !important;
	width: 94% !important;
	padding: 0 !important;
}

a.button.yellow {
	color: #383838;
	background: #febc2e;
}

a.button.yellow:active {
	background: #e7a122;
}

a.button:hover {
	padding: 18px 80px 18px 28px;
}

a.button:hover span {
	background-color: none;
}

a.button.red, #gform_submit_button_1, .gform_button {
	color: #fff !important;
	background: #ef5139;
	
}

#gform_submit_button_1, .gform_button {
	background: #ef5139 url(images/submit.png) no-repeat top right !important;
	background-size: contain;
	transition: background 300ms;
	cursor: pointer;
}



a.button span {
	display: block;
	width: 58px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 400ms;
}

a.button.yellow span {
	background: #e7a122 url(images/arrow.svg) no-repeat center center;
}

a.button.yellow:hover span {
	background: url(images/arrow.svg) no-repeat center center;
}

a.button.red span {
	background: #d5351c url(images/red_arrow.svg) no-repeat center center;
}

a.button.red:hover span {
	background: url(images/red_arrow.svg) no-repeat center center;
}

.page-box a.button span {
	background: #f7f6f3 url(images/right-arrow.svg) no-repeat center center;
}

.page-box a.button:hover span {
	background: url(images/right-arrow.svg) no-repeat center center;
	
}

.page-box a.button:hover {
	padding: 18px 80px 18px 18px;
}


/* ------------- Header -------------- */


#header {
	background: #ffffff;
	position: relative;
	box-sizing: border-box;
	transition: top 0.2s linear;
/* 	overflow: hidden; */
}

#header .wrap {
	padding: 30px 0 0 0;
}



#header.sticky {
	position:fixed;
	top:0;
	left: 0;
	right: 0;
	z-index:999;
	transition:top 0.2s top ease-in-out;
	z-index: 1000;
	background: #fff;

}
#header.scrolled.slideDown {
	top:0;

}






#header.scrolled ul.nav {

}

#header h1 {
	max-width: 120px;
	height: auto;
	margin-bottom: 0;
	transition: all ease 600ms;
}

#header.scrolled h1 {
	max-width: 120px;
	height: auto;
}

/* --------- Front Page --------- */

#featured {
	padding-top: 0;
	margin-top: 0;
}

#intro {
	background: #f7f6f3;
	padding-top: 65px;
}

#intro-footer {
	padding-bottom: 100px;
}

#intro .cycle-slideshow {
	width: 100%;
	position: relative;
}

#intro .cycle-slideshow img {
	width: 100%;
	height: auto;
	background: black;
}

#intro #pagers {
	width: 100%;
	height: 32px;
	z-index: 600;
}

#intro .featured-bucket {
	position: relative;
}

#intro .cycle-prev, #intro .cycle-next {
	display: block;
	width: 58px;
	height: 58px;
	color: #fff;
	line-height: 58px;
	text-align: center;
	font-size: 40px;
	position: absolute;
	bottom: 0;
	cursor: pointer;
	z-index: 600;
	background: rgba(247,246,243,0.25);
	transition: all 300ms;
}

#intro .cycle-prev:hover, #intro .cycle-next:hover {
	background: rgba(247,246,243,1);
	cursor: pointer;
}

#intro .cycle-prev:active, #intro .cycle-next:active {
	background: rgba(247,246,243,50);
}

#intro .cycle-prev i, #intro .cycle-next i {
	display: block;
	width: 58px;
	height: 58px;
	cursor: pointer;
	z-index: 601;
	line-height: 58px;
}

#intro .cycle-prev i:before, #intro .cycle-next i:before {
	z-index: 602;
}

#intro .cycle-prev:hover i, #intro .cycle-next:hover i {
	color: #000;
}

#intro .cycle-next {
	right: 0;
}

#intro .cycle-prev {
	right: 58px;
}

/* pager */
#pager { 
    text-align: right; width: 100%; z-index: 500;  overflow: hidden;
}
#pager span { 
    font-family: arial; font-size: 45px; width: 16px; height: 16px; 
    display: inline-block; color: #eaeaea; cursor: pointer; vertical-align: middle;
}
#pager span.cycle-pager-active { color: #febc2e;font-size: 50px;}
.cycle-pager > * { cursor: pointer;}


#intro .follow-bar {
	background: #fff;
	padding: 30px 35px;
	margin-bottom: 50px;
	margin-top: 35px;
}

#intro .follow-bar h4 {
	font-size: 16px;
	font-weight: 600;
	color: #a1a1a1;
	margin-bottom: 0;
}

.email-header {
	margin-top: 20px;
	
}

.email-header img {
	width: 100%;
	height: auto;
	margin-bottom: -9px !important;
}

.email-header h4 {
	padding: 30px 35px;
	font-family: "bebas-neue";
	font-weight: 300;
	font-size: 20px;
	background: #fff url(images/beer.svg) no-repeat center right;
	background-position-x: 90%;
}

.email-footer header {
	padding: 40px 30px;
	
}

.email-footer h5 {
	color: #383838;
	font-family: "bebas-neue";
	font-weight: 300;
	font-size: 70px;
	line-height: 70px;
}

.email-footer header p {
	margin-bottom: 0;
	font-size: 16px;
	color: #383838;
	line-height: 18px;
}

.email-footer .capture {
	background: #f7f6f3 url(images/quote.svg) no-repeat top left;
	background-position-x: 40px;
	background-position-y: -10px;
	padding:35px 42px;
	color: #383838;
	font-size: 16px;
	line-height: 18px;
}

.email-footer .capture form label {
	display: none !important;
}

.email-footer .capture form input#input_1_1 {
	width: 100%;
max-width: 100%;
min-width: 100%;
border: none;
outline: none;
color: #bababa;
font-size: 16px;
padding: 15px 20px;
border: 1px solid #fff;
}

.email-footer .capture form input#input_1_1:hover {
	border: 1px solid #383838;
}

.slide h4 {
	font-size: 70px;
	color: #383838;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 74px;
	margin-bottom: 60px;
}

.slide h5 {
	font-size: 16px;
	color: #383838;
	margin-bottom: 5px;
	font-weight: normal;
}

.slide {
	padding-top: 60px;
	padding-bottom: 80px !important;
}

#pride, #pride .wrap {
	min-height: 480px;
}


.box {
	padding: 40px 20px;
	background: #fff;
	box-shadow: 10px 10px rgba(0,0,0,0.1);
}

.box h1, .box .h2, .box h3, .box h4, .box h5, .next-bucket h4 {
	color: #383838;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 52px;
	font-size: 47px;
	margin-bottom: 40px;
}


@media (min-width: 700px) {
   
   .next-bucket h4 {
		font-size: 30px;
		line-height: 40px;
	}
   
}

@media (min-width: 1100px) {
   
   .next-bucket h4 {
		font-size: 42px;
		line-height: 50px;
	}
   
}

.next-bucket h5 {
	color: #383838;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 26px;
	font-size: 22px;
	margin-bottom: 5px;
}



.box p {
	margin-bottom: 5px;
}

.box strong a, .bucket:not(.news-bucket):not(.social-bucket):not(.page-box):not(.contact-bucket):not(.next-bucket):not(.twitter-feed) a, span.line a{
	font-weight: normal;
	color: #383838;
	font-size: 15px;
	padding-top: 15px;
	transition: all 400ms;
	background: url(images/line.svg) no-repeat top left;
}

.bucket.next-bucket:hover a {

}

.twitter-feed a:hover {
	background: none !important;
}

.siema div {
	clear: none !important;
	float: left !important;
}

.siema i.si-btn {
	width: 16px; height: 16px; 
	display: inline-block; color: #eaeaea; cursor: pointer; vertical-align: middle;
	padding: 0 4px;
	text-align: center;
	color: #febc2e;font-size: 50px;
}

.siema i.si-btn:hover, .siema i.si-btn:active {
	color: #ccc;
}


.siema span:before {
	
}

.next-bucket h4 a {
	color: #383838;
}

#pride .column.four {
	width: 34% !important;
}

#buckets {
	padding: 100px 0;
}

.box.bucket {
	padding: 0;
	background: #f7f6f3;
	box-shadow: 10px 10px rgba(0,0,0,0.1);
	transform: background 500ms;
}

.box.bucket:hover {
	background: #fff;
}

.column.third.bucket, .column.featured-bucket.email-bucket {
	width: 28.5% !important;
	margin-right: 7.2% !important;
}

.column.third {
	width: 28.5% !important;
	margin-right: 7.2% !important;
}

.column.third.last {
	margin-right: 0 !important;
}

.column.featured-bucket.email-bucket {
	margin-right: 0 !important;
	margin-top: 8px;
}

.column.featured-bucket.slider-bucket, .column.twothirds {
	width: 64.2% !important;
	margin-top: 13px !important;
}



.column.third.bucket img {
	width: 100%;
	height: auto;
}

#follow {
	list-style: none;
	text-align: center;
	padding-left: 15px;
}

#follow li {
	display: inline;
	padding: 0 9px;
}

#follow li a {
	font-size: 30px;
}

@media (max-width: 1280px) {
	#intro .follow-bar h4 {display:none;}
}	

@media (max-width: 1100px) {
	
	#follow {
		padding-left: 0;
	}
	
	#follow li {
		display: inline;
		padding: 0 10px;
	}
	
}	


#follow li#facebook a {
	color: #3c5a97;
}

#follow li#twitter a {
	color: #2ca9e0;
}

#follow li#youtube a {
	color: #be0800;
}

#follow li#insta a {
	color: #ec4855;
}



#follow:hover li a {
	color: #dddddd !important;
	transition: all 300ms;
}

#follow:hover li#facebook.li-on a {
	color: #3c5a97 !important;
}

#follow:hover li#twitter.li-on a {
	color: #2ca9e0 !important;
}

#follow:hover li#youtube.li-on a {
	color: #be0800 !important;
}

#follow:hover li#insta.li-on a {
	color: #ec4855 !important;
}

#buckets .box.bucket {
	box-shadow: none;
	margin: 0;
	transition: all 0.3s ease-in-out;
	box-shadow: 10px 10px rgba(0,0,0,0.1) !important;
}

#buckets .box.bucket:hover {
	
	
	
}

.bucket section {
	padding: 60px 25px 100px 25px;
}

.column.third.bucket.last {
	margin-right: 0 !important;
}

.bucket:not(.social-bucket):not(.contact-bucket):not(.twitter-feed) section a {
	position: absolute;
	bottom: 60px;
}

.bucket:not(.social-bucket):not(.contact-bucket):not(.twitter-feed) section:hover a {
	background: url(images/line2.svg) no-repeat top left;
	font-weight: bold;
}

#pride .box:hover a {
	background: url(images/line2.svg) no-repeat top left !important;
	font-weight: bold !important;
}

.bucket.more-bucket:hover a.bucket.next-bucket:hover a {
	background: url(images/line2.svg) no-repeat top left !important;
	font-weight: bold !important;
}

#buckets .box:hover a, .bucket.red-box:hover a {
	background: url(images/line2.svg) no-repeat top left !important;
	font-weight: bold !important;
}

.bucket.more-bucket section:hover a, .bucket.next-bucket:hover .go-link a  {
	background: url(images/line3.png) no-repeat top left !important;
	font-weight: bold;
}

.column.eight.bucket {
	width: 64.3% !important;
}

.home-sb .bucket {
	background: #ef5139;
	padding: 45px 25px;
	position: relative;
}

.home-sb .bucket h4 {
	color: #fff;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 52px;
	font-size: 47px;
	margin-bottom: 40px;
}

.home-sb .bucket section {
	padding: 0 0 60px 0;
}


.home-sb .bucket:not(.twitter-feed) a {
	position: absolute;
	bottom: 30px;
}

.home-sb .bucket:not(.twitter-feed) section:hover a {
	background: url(images/line3.png) no-repeat top left;
	font-weight: bold;
}

.home-sb .red-box img {
	position: absolute;
	right: 25px;
	bottom: 30px;
}

#news {
	background: #383838;
	color: #f7f6f3;
	padding: 50px 65px 100px 65px;
}

#ctf .ctf-tweet-actions a {
	clear: none !important;
}

.news-bucket {
	position: relative;
}

#news h4 {
	color: #fff;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 52px;
	font-size: 47px;
	margin-bottom: 40px;
}

#news .search h5 {
	font-size: 14px;
	font-weight: normal;
	color: #f7f6f3;
	text-align: right;
}

#news .divider {
	height: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
}

#news a {
	color: #f7f6f3;
}

#news ul {
	margin-top: 30px;
}

#news a {
	color: #35383d;
}



#news ul li {
	padding: 50px 0 50px 0;
	border-bottom: 1px solid #505050;
	
	background: url(images/circle.svg) no-repeat center right;
	background-size: 32px 32px;
	transition: all 300ms;
}

#news ul li:hover {
	background: url(images/circle_on.svg) no-repeat center right;
	background-size: 32px 32px;
	border-bottom: 1px solid #fff;
}

#news ul li:first-child {
	margin-top: -60px;
}

#news ul li:last-child {
	border-bottom: 0;
}

#news ul li a {
	box-sizing: border-box;
	width: 100%;
	color: #f7f6f3;
	padding-right: 70px;
}

#news ul li a i {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	
	
	-webkit-justify-content: flex-end;
   justify-content: flex-end;
}

#news ul li a h5 {
	padding-right: 70px;
	box-sizing: border-box;
	font-weight: normal;
	-webkit-align-self: flex-start;
   align-self: flex-start;
}



.news-bucket a.button.red {
	position: absolute;
	bottom: 0;
	right: 0;
	min-width: 250px;
}

.home-sb .twitter-feed {
	background: #f7f6f3;
	margin-top: 55px;
	color: #383838;
}

.home-sb .twitter-feed h4 {
	color: #383838 !important;
}

#contact {
	display: none;
	background: url(images/contact_bg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	box-sizing: border-box;
	min-height: 660px;
	padding: 100px 0;
}

body.home #contact, body.page-id-111 #contact {
	display: block;
}

#contact.open {
	
}

#contact .bucket {
	min-height: 250px;
}

section#content {
	padding-bottom: 100px;
}

#contact .bucket {
	background: #ffffff;
}

#contact h5 {
	font-size: 18px;
	font-family: "bebas-neue";
	font-weight: 300;
	padding: 32px 44px 10px;
}

#contact address {
	font-size: 16px;
	color: #383838;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 40px;
}

.contact-bucket address a {
	color: #383838;
}

#contact address.contact-block {
	color: #b8b7b5;
	text-transform: uppercase;
	margin-bottom: 40px;
}

#contact address p {
	margin-bottom: 0;
}

#contact cite {
	display: block;
	color: #b8b7b5;
	text-transform: uppercase;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	padding-top: 10px;
	border-top: 1px solid #b8b7b5;
}

#contact cite p {
	margin-bottom: 0;
}

#contact .bucket section {
	padding: 40px 40px 30px 40px;
}

#contact #last-box {
	position: relative;
	background: #ffbc2f;
	margin-top: 320px;
}

#contact #last-box section {
	padding: 60px 25px 100px 25px;
}

#last-box h4 {
	color: #383838;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 52px;
	font-size: 47px;
	margin-bottom: 40px;
}

.acf-map {
	width: 100%;
	height: 150px;
}

/*======= Map Styling ============*/
.gmnoprint a, .gmnoprint span {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
#GMapsID div div a div img{
    display:none;
}

.social {
	list-style: none;
}

.social li {
	padding: 18px 0;
	border-bottom: 1px solid #e3e3e3;
}

.social li:last-child {
	border-bottom: 0;
}

.social li a {
	padding-left: 30px;
	color: #383838;
	font-size: 20px;
}

.social li a:hover {
	background: none !important;
}

.social i.fab.fa-facebook {
	color: #3c5a97 !important;
}

.social i.fab.fa-twitter {
	color: #2ca9e0;
}

.social i.fab.fa-youtube {
	color: #be0800;
}

.social i.fab.fa-instagram {
	color: #ec4855;
}

.bucket.social-bucket section {
	padding: 0 40px 30px 40px !important;
}

/* -------- Page Template ---------- */

#page-intro {
	position: relative;
	z-index: 50;
	height: 600px;
}

#page-intro img.hero-img {
	position: absolute;
	right: -100px;
}

#page-intro .page-title {
	background: #ef5139;
	color: #fff;
	margin-top: 80px;
	min-height: 250px;
}

#page-intro .page-title img.page-icon {
	max-width: 57px;
	height: auto;
	position: relative;
	left: -25px;
}

#page-intro .page-title h2 {
	color: #fff;
	padding-left: 10px;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 52px;
	font-size: 47px;
	margin-bottom: 0;
	text-align: left;
}

@media only screen
and (min-width : 700px)
and (max-width : 900px) {

#page-intro .page-title h2 {
	line-height: 35px;
	font-size: 30px;
	padding-left: 0;
}	

}

@media only screen
and (min-width : 901px)
and (max-width : 1170px) {

#page-intro .page-title h2 {
	line-height: 42px;
	font-size: 38px;
	padding-left: 1px;
}	

}

#page-content {
	position: relative;
	
	z-index: 100;
	margin-top: -180px;
}

#page-content .wrap {
	background: #fff;
	padding: 65px 100px 0 0;
}

#page-content .post h1, #blog-header .three strong, #blog-header .four strong, #blog-header .five strong, #blog-header .six strong {
	font-family: "din-2014";
	font-weight: bold;
	color: #383838;
	font-size: 38px;
	line-height: 44px;
	margin-bottom: 50px;
}

#blog-header .three strong, #blog-header .four strong, #blog-header .five strong, #blog-header .six strong {margin-bottom: 0 !important;}

#page-content .post form label {
	display: none;
}

#page-content .post form input, #page-content .post form textarea {
	border: 1px solid #cccccc;
	outline: none;
	color: #bababa;
	padding-left: 15px;
}

#page-content .post form input:hover, #page-content .post form textarea:hover {
	border: 1px solid #383838;
}

.gform_wrapper .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 15px 20px !important;
    height: auto !important;
    border: 1px solid #cccccc !important;
    border-radius: 0 !important;
	background: none !important;
    background-clip: padding-box;
    box-shadow: none !important;
    color: #383838;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.gform_wrapper .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 10px !important;
    height: 100%;
}

.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
   background: url(images/down-tri.png) no-repeat !important;
}


.post form .chosen-single div b {
    display: none !important;
    
}



.post form a.chosen-single {
	color: #383838 !important;
	text-decoration: none !important;
	background-image: url(images/down-tri.png) no-repeat center right !important;
	display: block;
}


form ul li {
	background: none !important;
}

#page-content .post ul, #page-content .post ol {
	margin-left: 20px;
	margin-bottom: 20px;
}

#page-content .post ul {
	list-style: none;
}

#page-content .post ul > li {
	background: url(images/bullet1.png) no-repeat top left;
	padding-left: 15px;
	background-position-y: 11px;
	margin-bottom: 15px;
}

ol {
    list-style-type: decimal;
}

ol > li > ol {
    list-style-type: lower-alpha;
}

ol > li > ol > li > ol {
    list-style-type: upper-roman;
}

#page-content .post ul li ul li {
	background: url(images/dash.png) no-repeat top left;
	padding-left: 15px;
	background-position-y: 11px;
}

::selection {
  background: #febc2e; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #febc2e; /* Gecko Browsers */
}

#page-content .post a:not(ul.ssbp-list li a){
	color: #ef5139;
	text-decoration: underline;
}

.twitter-feed a {
	color: #ef5139;
}

#page-content .post h2 {
	font-family: "din-2014";
	font-weight: normal;
	color: #737373;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 30px;
}

#page-content .post .recipe h2.recipe-title a, #page-content .post .blog-post h2.post-title a {
	font-family: "din-2014";
font-weight: bold;
color: #383838;
font-size: 38px;
line-height: 44px;
margin-bottom: 50px;text-decoration: none;
}

#page-content .post .recipe, .blog-post {
	padding: 30px 0;
	border-bottom: 1px dashed #cccccc;
}

#blog-header {
	margin-bottom: 50px;
}

#staff h5 {
	font-size: 22px;
}

#staff h6 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 30px;
}

#staff .bar {
	display: block;
	height: 5px;
	width: 77px;
	background: #eaeaea;
	margin-bottom: 30px;
}

.m-item {
	margin-bottom: 30px !important;
	margin: 0 auto;

}

.m-item img {
	display: table;
	margin: 0 auto !important;
}

.staff-member {
	margin-bottom: 40px;
}

strong.date {
	font-size: 20px;
	text-transform: uppercase;
	color: #383838;
	font-weight: normal;
}

@media (max-width: 1100px) {
	
	#blog-header strong, strong.date {
		font-size: 15px !important;
		text-transform: uppercase;
		color: #383838;
		font-weight: normal;
	}
	
}	

@media (max-width: 1000px) {
	
	.flex.share strong {
		display: none;
	}
	
}

#blog-header strong a {
	text-decoration: none !important;
	color: #383838 !important;
}

strong.date {
	display: block;
	margin-bottom: 50px;
	color: #737373;
}

#blog-header .column.last {
	text-align: right;
}

.eight.post {
	margin-bottom: 50px;
}

.blog-post h3.post-subtitle {
	font-size: 15px !important;
	color: #737373 !important;
}

#page-content .post:first-child {
	border-top: 1px dashed #cccccc;
}

.wp-pagenavi {
	padding-top: 50px;
	display: block;
}

.wp-pagenavi a, .wp-pagenavi span {
	border: none;
	color: #8d8d8d !important;
	text-decoration: none !important;
	padding: 0 0 5px 0 !important;
	margin-right: 10px;
}

.wp-pagenavi span.current {
	color: #383838 !important;
	border-bottom: 1px solid #383838 !important;
}

#page-content .post .recipe a.button, .blog-post a.button, .report-post a.button {
	text-decoration: none !important;
	
	background: #e2e2e2;
	color: #383838 !important;
	padding: 12px 30px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	position: relative;
	transition: padding 500ms;
	box-sizing: border-box;
	font-weight: bold;
}

.blog-post a.button {
	margin-top: 40px;
}

#page-content .post .recipe a.button:hover, .blog-post a.button:hover, .report-post a.button:hover {
	background: #febc2e;
}


#page-content .post h3 {
	font-family: "din-2014";
	font-weight: bold;
	color: #383838;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 40px;
}

#page-content .post {
	font-size: 18px;
	line-height: 26px;
	color: #383838;
	font-family: "din-2014";
	font-weight: normal;
}

#page-content .post p {
	margin-bottom: 40px;
}

#page-content .post img {
	max-width: 105%;
	margin-left: -5%;
}

#page-content .post .wp-caption {
	position: relative;
}

#page-content .post .wp-caption:after {
	content: "";
	display: block;
	position: absolute;
	right: -10px;
	top: -100px;
	min-height: 600px;
	z-index: 10;
	width: 300px;
	background: #f7f6f3;
}

#page-content .post .wp-caption img {
	z-index: 20;
	position: relative;
}

#page-content .post .wp-caption-text {
	margin-top: 25px;
	background: url(images/caption.svg) no-repeat center left;
	padding-left: 130px;
}

.next-bucket {
	background: #ffbc2f;
	float: right !important;
	padding: 50px 35px;
}

#focus {
	padding: 120px 0;
	background: #383838;
}

.page-box {
	margin-bottom: 70px;
	background: #f7f6f3;
	height: 286px;
	position: relative;
	transition: background 400ms ease-in-out;
}

.page-box:hover {
	background: #20bc83 !important;}

.page-box.box4, .page-box.box5, .page-box.box6 {
	margin-bottom: 0;
}

.page-box img {
	position: absolute;
	bottom: 20px;
	right: 20px;
	max-width: 50%;
	height: auto;
	z-index: 10;
}

.page-box.box1 img {
	max-width: 55%;
}

.page-box h3 {
	padding: 35px 29px;
	position: relative;
	z-index: 50;
}

.page-box h3 a {
	color: #383838;
}

.page-box a.button {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	color: #383838;
	line-height: 15px;
	background: #ffffff;
	height: 58px;
	z-index: 20;
}

#page-content .post ul.ssbp-list {
	list-style: none !important;
	margin: 0 !important;
	padding-left: 35px;
}

ul.ssbp-list li {
	background: none !important;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}

.ssbp--fixed-left {
	display: none;
}

.ssbp-set--two .ssbp-btn {
	background: none;
	border: none;
}

/*
.flex.share {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: right;
	justify-content: left;
/* 	justify-content: left; Change to Center if everything should be centered 
}
*/

.flex.share {
	justify-content: right;
	padding-left: 10%;
}

@media (max-width: 800px) {
	.flex.share {
	justify-content: right;
	padding-left: 10%;
}
}	

#blog-header, #blog-header .column {
	height: 48px;
}



.ssbp-set--two .ssbp-btn {
	height: 48px !important;
	line-height: 32px !important;
}

#pride-intro {
	padding: 130px 0;
	background: #febc2f url(images/pride2.jpg) no-repeat center center;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
}

#pride-intro h1 {
	font-size: 70px;
	line-height: 70px;
	letter-spacing: 0 !important;
	font-weight: bold;
	font-family: "bebas-neue";
	margin-bottom: 60px;
}

#pride-intro p:last-child {
	margin-bottom: 0;
}

#pride-intro .pride-text {
	width: 60%;
	margin: 0 auto !important;
}

#pride-content {
	padding: 100px 0;
}

.member {
	margin-bottom: 42px;
}

a.faces-photo {
	display: block;
	position: relative;
}

.faces-name {
	position: absolute;
	bottom: 7px;
	left: 0;
	background-color: #383836;
	color: #fcba58;
	font-family: "bebas-neue";
	text-decoration: none;
	padding: 0.5rem 2.5rem 0.5rem 1rem;
	
	white-space: nowrap;
}

.faces-content {
	border-bottom: 2px solid #fcba58;
	border-top: 2px solid #fcba58;
	clear: both;
	line-height: 1.6;
	padding: 2rem 0;
	margin-bottom: 60px;
	text-align: center;
}

#fob-sec0 .faces-content {
	display: none;
}


.faces-overlay {
    background-color: rgba(56, 56, 54, 0.9);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    min-height: 100%;
    width: 100%;
    z-index: -1;
    
    overflow: hidden;
    
    padding: 3rem 2rem;
    
    opacity: 0;
    transition: opacity 1000ms;
    
    box-sizing: border-box;
    max-width: 100vw;
}

.overlay-active .faces-overlay {
    overflow-y: scroll;
	min-height: 50vh;
    opacity: 1;
    z-index: 1000;
}

.slider-wrapper {
    margin: 0 auto;
    max-width: 996px;
}

.faces-single {
    background-color: #fff;
    margin-bottom: 3rem;
    padding: 2rem;
}

.faces-single-header {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }
    .faces-single-header h2 {
        margin: 0;   
    }
    .faces-heading {
        display: flex;
        flex: 0 0 70%;
        align-items: center;
        padding-right: 5%;
    }
    .faces-info {
        flex: 0 0 50%;
    }



.faces-single-header {
    border-bottom: 1px solid #383838;
    padding-bottom: 2rem;
}

.faces-single-header h2 {
    font-family: "bebas-neue";
    margin-top: 0;
    font-size: 40px;
    line-height: 45px;
}

.faces-info, .faces-single-body h3 {
    font-family: "bebas-neue";
    line-height: 1.8;
}

.faces-wide-img {
    display: block;
    margin: 0 0 2rem;
    width: 100%;
}

.faces-single-body {
    padding: 1.5rem 0 0;
}

.faces-single-body p {
    margin-bottom: 2rem;
}

.faces-single-body p:last-child {
    margin-bottom: 0;
}

.overlay-active {
    overflow: hidden;
}
.close-overlay {
    cursor: pointer;
    font-family: "bebas-neue";
    position: absolute;
    right: 1rem;
    top: 1rem;
    text-transform: uppercase;
}


.close-overlay:hover, .close-overlay:focus, .close-overlay:active {
    text-decoration: underline;
}

#faces-overlay .bx-wrapper .bx-controls-direction .bx-prev {
    left: -100px;
}

#faces-overlay .bx-wrapper .bx-controls-direction .bx-next {
    right: -100px;
}


/* ------------ Navigation ------------ */

.navigation {
}

.navigation h4 {

	font-size: 25px;
	margin-bottom: 0;
}




.nav-header {

	
}

.nav-header nav {
	width: 100%;
}

#header.scrolled .nav-header {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

ul.nav, ul#mega-menu-main-menu {
	list-style: none;
	text-align: left;
	width: 100% !important;
	display: flex;
    flex-direction: row;
    border-top: 1px solid #e3e3e3 !important;
}

ul.nav > li {
	flex-grow: 1;
	clear: none;
	margin-right: 0;
	text-align: left;
	height: 79px;
	display: inline-block;
    box-sizing: border-box;
}

ul#mega-menu-main-menu > li {
	height: 79px !important;
}

ul#mega-menu-main-menu > li > a.mega-menu-link {
	height: 79px !important;
	line-height: 79px !important;
}

ul#mega-menu-main-menu  li > ul.mega-sub-menu {
/* 	top: 80px !important; */
}


#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {

}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item-has-children > a.mega-menu-link:after {

}

#mega-menu-wrap-main-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item, #mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link {
	
	
}

ul.nav li a {
	display: inline-block;
/* 	padding: 0 50px; */
	width: auto;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 20px;
	line-height: 25px;
	color: #000000;
	box-sizing: border-box;
}

#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:before {
  content: '\f333';
  font-family: 'dashicons';
  font-size: 24px;
  margin: 0 0 0 5px;
  color: #000;
}

#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:after {
  content: '';
  display: none;
}

ul#mega-menu-main-menu > li a {
	padding: 0 20px !important;
}

ul.nav > li a {
	padding-top: 20px;
	border-top: 3px solid transparent;
	transition: all 300ms;
}

ul.nav > li.current-menu-item a, ul.nav > li a:hover {
	border-top: 3px solid #383838;
}

ul.nav:hover li a {
	opacity: 0.55;
}

ul.nav:hover li.current-menu-item a {
	border-top: 3px solid transparent;
}

ul.nav:hover li.li-on a {
	opacity: 1;
}

ul.top-nav li a {
	color: #a1a1a1;
	font-size: 14px;
}

ul.top-nav {
	list-style: none;
	text-align: right;
	padding-bottom: 20px;
	
}

ul.top-nav li {
	display: inline;
	padding-left: 15px;
}

ul.top-nav li a {
	padding: 8px 15px;
	text-align: center;
	transition: all 300ms;
}

ul.top-nav li.button a {
	text-align: center;
	background: #febc2e;
	color: rgba(0,0,0,0.7);
}


ul.top-nav li a:hover {
	background: #cbcbcb;
	color: #000;
}

ul.top-nav li.button a:hover, ul.top-nav li.current_page_item a {
	background: #383838;
	color: #fff;
}


/*
ul.nav li:first-child a {
	padding: 0 40px 0 0;
}

ul.nav li:last-child a {
	padding: 0 0 0 40px;
}
*/





@media only screen
and (min-width : 0px)
and (max-width : 840px) {
	
.navigation h4 {
	font-size: 17px;
}

.nav-header a.button {
    padding: 10px 25px;
    font-size: 18px;
    line-height: 20px;
    vertical-align: middle;
}

ul.nav li a {
	font-size: 12px;
	line-height: 20px;
}

/* 	 */
}	

@media only screen
and (min-width : 841px)
and (max-width : 1055px) {
	
.navigation h4 {
	font-size: 20px;
}

.nav-header a.button {
    padding: 10px 25px;
    font-size: 22px;
    line-height: 20px;
    vertical-align: middle;
}

/* 	 */
}	

/* Dropdown */

.menu-main-menu-container {
  overflow-y: visible;
}

.menu-main-menu-container ul {

  list-style-type: none;
}
.menu-main-menu-container ul li {

  display: inline-block;
  position: relative;
}
.menu-main-menu-container ul li ul, .menu-main-menu-container ul li ul ul {
  display: none;
}
.menu-main-menu-container ul li:hover {
  cursor: pointer;
}
.menu-main-menu-container ul li:hover > ul {
  display: block;
  margin-top: 29px;
  min-width: 420px;
  left: -100px;
  position: absolute;
  z-index: 1002;
  background: #383838;
  color: #797978;
  padding: 12px;
}

.menu-main-menu-container ul li ul ul {
	left: 420px !important;
	top: 0 !important;
}

.menu-main-menu-container ul li:hover ul li a {
	color: #797978;
	width: 100%;
	padding: 20px;
	font-size: 17px;
	transition: none;
	
}



.menu-main-menu-container ul li:hover ul li a:hover {
	background: #302e2e url(images/circle_on.svg) no-repeat center right;
	background-position-x: 90%;
	background-size: 32px 32px;
	color: #fff;
}

.menu-main-menu-container ul li:hover ul li {
  display: block;
}

.menu-main-menu-container ul li:hover ul li span {
  float: right;



  text-align: center;

  border-radius: 3px;
}
.menu-main-menu-container ul li:hover ul li:hover {

}
.menu-main-menu-container ul li:hover ul li:hover span {

}




/* ------------ Navigation ------------ */


ul.page-list {
	list-style: none;
	max-width: 90%;
}



ul.page-list li.page_item_has_children > a {

}

ul.page-list li {
	overflow-x: visible;
}

ul.page-list ul.children {
	display: none;
	margin-left: 20px;
	list-style: none;
}

ul.page-list > li:hover {

}

ul.page-list ul.children a {
	padding: 20px;
}

ul.page-list a:hover, ul.page-list li.current_page_item > a {
	background: #f7f6f3 url(images/right-arrow.svg) no-repeat center right !important;
	background-position-x: 95% !important;
}

ul.page-list li > a {
	width: 110%;
	padding-left: 5% !important;
	box-sizing: border-box;
}

ul.page-list ul.open {
	display: block;
}

ul.page-list > li a {
	font-size: 15px;
	color: #8d8d8d;
	display: block;
	width: 100%;
	padding: 15px 0;
}

ul.page-list li:last-child {
	border-bottom: 0;
}

ul.page-list ul.children.open {
	border-top: 1px solid #dddddd;
}

ul.page-list li.page_item_has_children > a {
	background: url(images/down-tri.png) no-repeat center right !important;
	background-position-x: 95% !important;
}

ul.page-list ul.children {
	margin-left: 0 !important;
}

ul.page-list ul.children a {
	padding-left: 15px;
}

ul.page-list li.page_item_has_children > a.open {
	background: url(images/up-tri.png) no-repeat center right;
}

ul.page-list > li {
	
	border-bottom: 1px solid #dddddd;
}

.page-sb strong {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #383838;
	text-align: center;
}

@media only screen
and (min-width : 681px)
and (max-width : 940px) {

ul#mega-menu-main-menu > li > a.mega-menu-link {
	font-size: 16px !important;
	padding: 0 10px !important;
}

ul.top-nav li {
	padding-left: 5px !important;
}
	
}	


@media only screen
and (min-width : 941px)
and (max-width : 1200px) {

ul#mega-menu-main-menu > li > a.mega-menu-link {
	font-size: 17px !important;
	padding: 0 12px !important;
}
	
}	

.boo {
	background: #000 !important;
}



/* ------------ Footer ------------ */

#footer {
	padding: 40px 0;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;

}

#footer h4 {
	color: #383838;
	font-family: "bebas-neue";
	font-weight: 300;
	font-size: 18px;
	
	display: inline-block;
	height: 37px;
	line-height: 37px;
}



#footer h4 a {
	color: #383838;
	background: url(images/down-arrow.svg) no-repeat center right;
	padding-right: 140px;
	height: 37px;
	display: block;
}


#footer p {
	margin-bottom: 0;
}

#footer .legal {
	text-align: right;
	font-size: 16px;
	color: #b8b7b5;
}



/* ---------- Misc ----------- */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	clear: none !important;
}

#gallery-2 .gallery-item {
	clear: none !important;
}

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
}

div.center, img.center, .center a img {
	margin: 0 auto;
	text-align: center;
}

div.center, .center, img.center, p .center, p.center, p img.center {
	margin-right: auto;
	margin-left: auto;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.hidden, .mobile-only {
	display: none;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: none !important;
  display: none !important;
}



/* -------- Media Queries ---------- */


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 680px) {

#blog-header, #blog-header .column {
	height: 48px;
}

#header .column.four, #header .column.eight {
	
}

ul.nav li a {
	z-index: 2002 !important;
	pointer-events: all !important;
}

ul#mega-menu-main-menu li ul {
/* 	display: none !important; */
}

ul#mega-menu-main-menu li ul li ul li a {
	font-size: 14px !important;
	padding: 20px;
}


ul.page-list {
	margin-bottom: 40px;
}

.flex-share {
	display: none;
}

#blog-header .column.five.flex, #blog-header .column, #blog-header .column.flex {
	width: 100% !important;
	margin: 0 !important;
	clear: both !important;
	float: none !important;
	display: block !important;
	flex: none;
	align-items: none;
}

#pride-intro .pride-text {
	width: 100%;
	margin: 0 auto !important;
}

.faces-heading {
	display: block !important;
	flex: none !important;
}

.faces-info {
	flex: none !important;
	clear: both !important;
}

.mobile-only {
	display: block;
}

ul.top-nav {
	display: none;
}

#header.scrolled h1 {
	max-width: 100px;
	height: auto;
}

#pride .column.four {
	width: 80% !important;
}

#footer .flex {
	display: block;
}

#footer .column.third, .column.third.bucket, .column.featured-bucket.email-bucket {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin-bottom: 20px;
}

.featured-bucket.email-bucket {
	display: none;
}

header.sticky {
	position: static !important;
}

.slide {
	padding-top: 30px !important;
}

.slide h4 {
	font-size: 40px; 
	line-height: 49px;
}

#intro {
	padding-top: 35px !important;
}

.column.featured-bucket.slider-bucket, .column.twothirds {
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

.navigation {
	padding: 0 !important;
}

#header .wrap.flex {
	display: block;
}

#header h1 {
	margin-bottom: 20px;
	max-width: 60%;
	height: auto;
	margin:0 !important;
	float: left !important;
}

#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:before {
	font-size: 48px;
}

ul#mega-menu-main-menu.mega-menu.mega-menu-horizontal {
	width: 100vw !important;
z-index: 999;
position: absolute;
left: -4% !important;
top: 85px;
}

div.column.eight.last.navigation {
	width: 100vw !important;
	position: static;
	
}

#news {
	width: 100% !important;
}

div.column.third.bucket.box {
	position: relative;
}

#page-content .wrap {
	padding: 0 !important;
}

#page-content .post img {
	max-width: 100%;
height: auto;
margin-left: 0;
}

.wp-caption {
	max-width: 100%;
}

#page-intro {
	height: 450px;
}

#page-intro .page-title h2 {
	font-size: 37px;
}

div.news-header.flex {
	display: block;
}

#page-intro .page-title {
	min-height: 150px;
}

#page-content .post .wp-caption:after {
	display: none;
}

#page-intro img {
	right: 0 !important;
}

#news .column {
	float: none !important;
}

div.mega-menu-toggle {
	position: absolute;
top: -80px !important;
right: 20px !important;
}

#header h1 img {
	max-width: 100px;
	height: auto;
}

#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:before {
	content: '\f333' !important;
}

.nav-header h4 {
	margin-bottom: 15px;
}

a.mega-menu-link {
	color: #fff !important;
	font-size: 20px !important;
}

.nav-header.flex {
	display: block;
	text-align: center;
}

.nav-header a.button {
	max-width: 150px;
	margin: 0 auto;
	display: table;
}



ul.nav {
	display: none;
}

#header h1 {
	max-width: 280px;
	height: auto;
	margin-bottom: 0;
	margin: 0 auto;
	display: table;
}

.stripe {
	padding: 60px 0;
}

.stripe h3 {
	font-size: 22px;
	line-height: 30px;
}


main {
	overflow: hidden;
}


.column.half, .column.third, .column.three, .column.four, .column.five, .column.six, .column.seven, .column.eight, .column.nine, .column.ten {
	width: 100% !important;
	float:  none !important;
	clear: both !important;
}

.page-sb {
	display: none !important;
}


}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 681px) 
and (max-width : 790px) {

#header h1 {
	max-width: 120px;
	z-index: 2003;
	position: relative;
}

#mega-menu-wrap-main-menu {
  background: #fff;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}

#focus .column.third {
	width: 42.7% !important;
	clear: none !important;
	margin-bottom: 30px !important;
}

#home-content .column.third {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	clear: both !important;
}

.bucket section {
	padding: 20px 25px 100px 15px;
}

#news {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	min-height: 900px;
}

.box h3 {
	font-size: 30px;
	line-height: 40px;
}

.email-header {
	margin-top: -73px;
}

#follow {
	display: none;
}

.slide h4 {
	font-size: 40px;
	line-height: 50px;
}

.email-footer h5 {
	font-size: 20px;
	line-height: 30px;
}

#focus .column.third.last {
	margin-right: 7.2% !important;
}

.nav-header nav {
	width: 60vw;
}

#page-intro .column.third {
	width: 35% !important;
}

.page-sb {
	display:  none;
}


#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus {
	color: #fff !important;
}

div#mega-menu-wrap-main-menu.mega-menu-wrap {
	width: 100vw !important;
position: absolute;
z-index: 2002;
right: -4vw;
background: none;
}

a.mega-menu-link {
	color: #fff !important;
}

ul#mega-menu-main-menu {
	width: 100vw !important;
}

ul.nav li a {
	color: #fff !important;
}

/*

ul.nav {
	padding-left: 30px;
}
*/

ul.nav li a {
	padding: 0 10px;
}

ul.nav li:last-child a {
	padding: 0 0 0 10px;
}

.stripe .column.half.bucket {
	padding: 10px 30px;
}

.stripe h3 {
	font-size: 28px;
	line-height: 33px;
	margin-bottom: 30px;
}

.stripe {
	padding: 60px 0;
}





#header .flex {
	display: block !important;
}


}


/* Membership Forms */
#member_join .form_field,
#loginform p,
#lostpasswordform p {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
}
#member_join .form_field input,
#loginform p input,
#lostpasswordform p input {
	border: 1px solid rgb(184, 184, 184);
	padding: 5px;
}
#member_join .form_field #submit, 
#loginform p #wp-submit,
#lostpasswordform p .lostpassword-button {
	background: #ef5139;
	padding: .75rem;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
}
#member_join .form_field #submit[disabled], 
#loginform p #wp-submit[disabled],
#lostpasswordform p .lostpassword-button[disabled] {
	cursor: default;
	background: #e7e7e7;
	color: #333
}
#member_join .error,
#lostpasswordform .error {
	color: red;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
}
.mem-sections {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2rem;
	grid-template-rows: auto;
}
.member-title {
	text-align: center;
	font-size: 3rem;
	line-height: 1.5;
	margin: 0;
}
.members-intro {
	text-align: left;
}
.mem-sections .mem-cat .header h2{
	background: #ef5139;
	padding: 45px 25px;
	color: #fff;
	font-family: "bebas-neue";
	font-weight: 300;
	line-height: 52px;
	font-size: 47px;
}
.mem-sections .mem-cat .articles {
	padding: 1rem;
}
.mem-sections .mem-cat .articles article a {
	color: #000000;
	font-weight: 700;
}
.mem-sections .mem-cat .articles article a:hover {
	color: #ef5139;
}
.mem-sections .mem-cat .more {
	/* text-align: right; */
}
.mem-sections .mem-cat .more a {
	text-decoration: none !important;
	background: #e2e2e2;
	color: #383838 !important;
	padding: 12px 30px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	position: relative;
	transition: padding 500ms;
	box-sizing: border-box;
	font-weight: bold;
}
.mem-sections .mem-cat .more a:hover {
	background: #febc2e;
}
/* Smartphones (portrait) ----------- */
@media only screen
and (min-width : 320px) 
and (max-width : 321px)
 {

		
}		
	
/* iPad (portrait) ----------- */
@media only screen
and (min-width : 768px) 
and (max-width : 769px)
 {	

 }
 
 /* iPad (portrait) ----------- */
@media only screen
and (min-width : 1024px) 
and (max-width : 1025px)
 {	
 
}
		
	


@media only screen
and (min-width : 1025px) 
and (max-width : 1249px)
 {	
	 
	
}

.fp {
	text-align: center;
	margin-bottom: 1rem;	
}