@font-face{
    font-family: "Gotham Narrow Bold";
    src: url('/fonts/GothamNarrowBold.ttf'),
    url('/fonts/GothamNarrowBold.otf');
    font-style:normal;
    font-display: fallback;
}

@font-face{
    font-family: "Montserrat";
    src: url('/fonts/Montserrat.ttf');
    font-style:normal;
    font-display: fallback;    

}


/* OVERRIDES */

:root {
    --bs-navy: #00647D;
    --bs-teal:#009CB3;
    --bs-teal-dark:#058da1;
    --bs-tan:#F4F1E5;
    --bs-footer:#805a3b;
    --bs-footer-hover:#6e4728;;
}

.bg-primary {
    background-color: var(--bs-teal) !important;
}

.bg-secondary {
    background-color: var(--bs-navy) !important;
}

.bg-light {
    background-color: var(--bs-tan) !important;
}
.color-secondary {
    color: var(--bs-navy);
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary b,
.bg-primary em,
.bg-primary p {
    color:#fff;
}



.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary b,
.bg-secondary em,
.bg-secondary a,
.bg-secondary p {
    color:#fff;
}

.btn:focus,button:focus{
    box-shadow: none;

 }

.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
  background-color: var(--bs-teal) !important;
  color: white !important;
  border-color: var(--bs-teal) !important;

}

.btn-primary {
    color: white !important;
    background-color:var(--bs-teal) !important;
    border-radius: 0 !important;
    border-color: var(--bs-teal) !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
  background-color: var(--bs-navy) !important;
  color: white !important;
  border-color: var(--bs-navy) !important;

}

.btn-secondary {
    color: white !important;
    background-color:var(--bs-navy) !important;
    border-radius: 0 !important;
    border-color: var(--bs-navy) !important;
}




h1, h2, h3, h4, h5, h6 {
    color: var(--bs-navy);
    font-family: 'Gotham Narrow Bold',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.025em;
    font-weight:bold;
}



li {
    line-height:2;  
}

body {
    /*font: 100%/1 'Montserrat', Helvetica, Arial, sans-serif;*/
    margin: 0;
    padding: 0;
    color: #252525;
}


select {
    background-image:
      linear-gradient(45deg, transparent 50%, #666 60%),
      linear-gradient(135deg, #666 40%, transparent 50%) !important;
    background-position:
      calc(100% - 30px) 14px,
      calc(100% - 20px) 14px,
      100% 0;
    background-size:
      10px 10px,
      10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
  }


/* GLOBAL classes */

.g-recaptcha {
    display: inline-block;
}

/*  UTILITES */

.no-disc {
    list-style-type: none;
    padding-left:0;
}

.box {
    padding: 1.2em;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;    
}

.col-nopad {
    padding-left: 0 !important;
    padding-right:0 !important;
}

.card {
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

.card-header {
    background-color: var(--bs-teal);

}

.card-header h5 {
    color:#fff !important;
}

.overlay-text {
    background: rgba(0, 0, 0, 0.6);
    padding:1rem;
}

.page-header {
    color:#fff;
    position:relative;
    top: 23rem;
    color:#fff;
    text-shadow: 0 0 5px #000;
    background: rgba(0, 0, 0, 0.6);
    padding:1rem;
    display: inline-block;
    border-radius: 2rem;
    font-size:1.75rem;    
}

.white {
    color:#fff;
}

.bold-block {
    display: block;
    font-weight:bold;
    text-transform: uppercase;
    padding:0.5rem;
    font-size:1.25rem;
    font-family: 'Gotham Narrow Bold',Helvetica,Arial,sans-serif;
}



/*   NAVBAR */

#header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 1000;
    background: none;
    transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

#header .header-content {
    padding: 0;
    position: relative;
}

#header .line {
    width: 30px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    margin: 6px auto;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-toggler-icon{
    display:inline-block;
    width:1.5em;
    height:1.5em;
    vertical-align:middle;
    content:"";
    background:no-repeat center center;
    background-size:100% 100%
}

#hamburger-1.is-active .line:nth-child(2){
    opacity: 0;
}
  
#hamburger-1.is-active .line:nth-child(1){
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}


#header .menu-button-text {
    color: white;
    padding-left: 0;
    letter-spacing: 0.025em;
    font-family: 'Gotham Narrow Bold',Helvetica,Arial,sans-serif;
}



#header .menu-button {
    cursor: pointer;
    position: absolute;
    left: 50px;
    top: 50px;
    transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    z-index: 100;
    background-color:var(--bs-teal);
    line-height: 1;
    padding: 10px;
    text-transform: uppercase;
    align-items: center;
}

#nav-drawer {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    min-width: 600px;
    padding-left: 100px;
    padding-top:120px;
    padding-bottom:40px;
    z-index:10;
    transform: translate(-100%,0%);
    background-color:var(--bs-teal-dark);
    transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    overflow-y:scroll;
    box-shadow: 3px 0 10px rgb(0 0 0 / 20%);
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */    

}


/* Hide scrollbar for Chrome, Safari and Opera */
#nav-drawer::-webkit-scrollbar {
    display:none;
}

#main-nav {
    font-size:1em;
}

#main-nav li {
    padding:0.25rem 0;
}

#main-navbar .top-menu {
    text-transform: uppercase;
    padding-bottom:0.25rem;
    display:inline-block;
    font-size:1.25rem;
}

#main-navbar a {
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    letter-spacing: 0.1em;
}

#main-navbar ul {
    list-style-type: none;
    padding-left:0;
}

#main-navbar .submenu {
    display:none;
    padding: 0 0.8rem;
}

#main-navbar .submenu li a {
    padding: 0.15rem 0;
    display:block;
}

#nav-drawer.show {
    transform: translate(0%,0%);
}

#header.nav-lock .menu-button {
    position: fixed;
    padding-left: 50px;
    left:0;
    top:0;

}


#header.nav-lock #buy-tickets {
    position: fixed;
    padding-right: 50px;
    right:0;
    top:0;
}

#win-free-ticket {
    position:relative;
    top:-1.25rem;
    color:#fff;
    font-size:0.75rem;
    text-transform: uppercase;
}

#free-ticket-icon {
    padding-left:0.5rem;
}



#logo {
    width: 100%;
    height: 282px;
    background: url(/images/ecbf-logo-head.webp) no-repeat center top;
    background-size: contain;
    text-indent: -1000em;
    opacity: 0.9;
    cursor: pointer;
}

#logo-stamp {
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
    width: 250px;
}

.logo-lock #logo-stamp {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0;
    transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), width 1ms;
    -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), width 1ms;
    -moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), width 1ms;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}


.logo-lock #logo {
    background: url(/images/logo-header-small.png) no-repeat center center;
    background-size: auto 50%;
    height: 45px;
}

#buy-tickets {
    position: absolute;
    right: 50px;
    top: 50px;
    letter-spacing: 0.025em;
    font-family: 'Gotham Narrow Bold',Helvetica,Arial,sans-serif;
    border-radius: 0;
    text-decoration: none;
    color:#fff;
    font-weight:bold;
    background-color: var(--bs-navy);
    transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition: all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all all 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);    
}





.swiper-container {
    min-height: 40rem;
}


.ticket-card h2 {font-size:3.5rem;font-family: Righteous, Verdana, Geneva, Tahoma, sans-serif;}

nav .breadcrumb-item {font-size:1rem;}
nav .breadcrumb-item a {color:var(--bs-teal-dark);}


@media screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {


              
    #home-plug {
        min-height:25rem !important;
    }

    #ticket-prices-box .banner-caption {
        position:absolute;
        top: 160px !important;

    
    } 

    .ticket-container .bg-picture-container {
        height:110vh !important;
    }
    

}


@media screen and (max-width: 1180px), only screen and (max-device-width: 1180px) {

	.swiper-container img {min-height:25rem; width:1180px;}
	.swiper-container {
		min-height: 25rem;
	}

              
    #home-plug {
        min-height:30rem !important;
    }

}


@media screen and (max-width: 960px), only screen and (max-device-width: 960px) {

	.swiper-container img {min-height:25rem; width:960px;}
	.swiper-container {
		min-height: 20rem;
	}
 

    #info-stamp {
        width: 100%;
        position: relative;
        text-align: center !important;
        transform: none !important;
        order: 1;
    }



    #info-stamp h2 { font-size:1.25rem;}
    


}

/* Small Mobile Screens */
@media screen and (max-width: 760px), only screen and (max-device-width: 760px) {

    /*
    #ticket-header {
        height:30rem !important;
    } 
    */

    .bgcover {

        height: 360px !important;
    }

    .bgcover-tall {
        height: 460px !important;
    }
    
    #home-plug {
        min-height:25rem !important;
    }

    #nav-drawer {
        padding-left:30px !important;
        padding-top:70px !important;
    }

    /*
    #ticket-prices-box {
        padding-top:7rem !important;
    }
    */

    /*
    #ticket-widget {
        padding-top:10rem !important;
    }
    */

    #header,
    #header.nav-lock {
        padding: 0;
    }

    .page-banner {
        /*
        min-height:25rem !important;
        margin-top: 2rem !important;
        */
    }    

    /*
    #card-flip .card-container {
        width:350px;
        height:350px;
    }
    */

    #card-flip .card {
        margin:1rem;
    }

    #card-flip .back-top {
        height: 8rem;
    }

    #header .menu-button,
    #buy-tickets,
    #header.nav-lock .menu-button,
    .nav-lock #buy-tickets {
        box-sizing: border-box;
    }

    #buy-tickets {
        text-align: right;
        top:0;
        right:0;
        width:500%;
        padding:17px;
    }



    #header .menu-button {
        top: 0;
        left: 0;
        width:50%;
        text-align:left;
    }

    #nav-drawer {
        width: 100vw;
    }


    #logo-stamp {
        position: absolute;
        left: 50%;
        top: 120px;
        width:10rem;
        padding-top:0;
        transform: translateX(-50%);
        opacity: 1;
        visibility: visible;
        transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    #info-stamp h2 { font-size:2rem !important;}
    #info-stamp h4 { font-size:1.25rem !important;}    
    
    .nav-lock #logo-stamp,
    .logo-lock #logo-stamp,
    .no-trans #logo-stamp {
        background: none;
        position: absolute;
        left: 50%;
        top: 100px;
        transform: translateX(-50%);
        padding-top: 50px;
        width: 250px;
        opacity: 0;
        visibility: hidden;
        transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    .logo-lock #logo {
        height: 250px;
    }
    
	.swiper-container {
        margin-top:2rem;
		max-height: 25rem;
	}

    #program-banner {

        background-position:left center !important;
    }

    .page-header {
        top: 17rem;
        font-size:1.25rem; 
    }
    
    #cntdwn {
        font-size:1.125rem;
    }

    #beer-of-day {
        max-height: 445px;
    }
    #beer-of-day-logo {

        top:180px !important;
    }
    
}

.page-banner {
    min-height:35rem;
}

/* HOME PAGE */

#swiper-home {
    height:500px !important;
    background-color: #fff;
}

#home-plug {
	background-image:url('/images/girl-toast.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
    min-height:35rem;
}

#brewer-cta {
	background-image:url('/images/brewer-cta-banner.jpg');
	background-repeat: no-repeat;
	background-position:left top;
	background-size:cover;
}

#home-brewery-support {
	background-image:url('/images/5-barrel-brewery.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
    min-height:20rem;    
}

#front-banner {
	margin:0;
	padding:0;
	background-image:url('/images/front-banner.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	/* min-height:35rem;*/
	color:#fff;
	padding:2rem;
}

#welcome {
    min-height:340px;
	background-image:url('/images/beachshore.webp');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
    

}

.drink-background  {
    min-height:340px;
	background-image:url('/images/about-fest-background.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
    min-height:40rem;
    

}


#about-ecbf ul {
    color:#fff;
/*
    width: 100%;
    margin: 1rem auto;      
	
    display: flex;
    flex-wrap: wrap;

    padding: 0;
    */
}

#about-ecbf li {
    list-style-type: none;
    margin: 0.5rem 0;
    width: 100%;
	font-size: 1rem;
	font-weight:bold;
}



#about-ecbf a {
    color:#fff;
}


#info-stamp {
    position: absolute;
    right: 0;
    text-align: right;
    transform: translateY(-27%);
    z-index: 200;
    overflow: hidden;
    background-color:var(--bs-teal);
    padding:3rem;
    text-transform: uppercase;
    background-color:rgba(69, 157, 161, 0.5);
    text-shadow: 0 0 5px #000;
    

}

#info-stamp h2 { font-size:3rem; font-weight:bold; color:#fff;}
#info-stamp h3, #info-stamp h4 { color:#fff; font-weight:bold;}


#beer-of-day {
    background-image:url(/images/beer-pint-2.jpg);
	background-repeat: no-repeat;
	background-position:center top;
    height:650px;
}

#beer-of-day-logo {
    position: relative;
    top:250px;
}

#beer-of-day-logo img {
    width:270px;
    opacity:0.7;
}

/* MAIN EVENT */

#band-plug {display:flex;flex-wrap: wrap;}
#band-plug .card {margin:1rem;}
#band-plug img { height:13rem;}

/* BREWERS */

#brewery-banner {
	margin:0;
	padding:0;
	background-image:url('/images/brewery-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	padding:2rem;
}


#card-flip .card {
	min-width:300px;
	min-height:300px;
	display:block;
	overflow:hidden;
    border-radius: 10px;
}

#card-flip .vip {
	color:blue;
	position:relative;
	top:0;
	left:0 !important;
	height:2;
	background-color:#333;
}

#card-flip .card-container {
    perspective: 700px;
	margin:0.5rem;	
}

#card-flip .card-flip, .card-container {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 0.7s ease;
}

#card-flip .card-flip div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

#card-flip .back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

#card-flip .card-container:hover .card-flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}


#card-flip .card-flip {
    display: grid; grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
     -webkit-transform-style: preserve-3d;
    transition: all 0.7s ease;

}

#card-flip .front {
    grid-area: frontAndBack;
}

#card-flip .front h5 {
    padding-top:3rem;
    max-width:275px;
}


#card-flip .back {
    grid-area: frontAndBack;
    transform: rotateY(-180deg);
}

#card-flip .back h5{
	margin-top:2rem;
	font-weight:bold;
	max-width:260px;

}



/* BEER LIST */
#beers-banner {
	margin:0;
	padding:0;
	background-image:url('/images/beers-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	padding:2rem;
}

#beer-list-header {
    background-color: var(--bs-navy);
    color: #FFF;
    padding: 0.5rem;
}

/* BEER PAIRING */

/* BEER LIST */
#pairing-banner {
	margin:0;
	padding:0;
	background-image:url('/images/pairing-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	padding:2rem;
}

/* Live Music */ 

#music-banner {
	margin:0;
	padding:0;
	background-image:url('/images/music-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	padding:2rem;
}

/* FOOD VENDOR */

#food-banner {
	margin:0;
	padding:0;
	background-image:url('/images/food-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	padding:2rem;
}

/* PROGRAM BANNER */
#program-banner {
	margin:0;
	padding:0;
	background-image:url('/images/program-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	padding:2rem;
}

#hold-phone img {
    position: relative;
    left:-5.5rem;
}

/* FAQ */

#faq-banner {
	margin:0;
	padding:0;
	background-image:url('/images/faq-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	padding:2rem;
}

.faq-plug h5 {
    margin-top:3rem !important;
    cursor: pointer;
    line-height: 1.6;
}

.faq-plug .answer {
    display:none;
    /*background-color:var(--bs-teal)*/;
    padding:2rem;
    color:#fff;
}

.faq-plug .answer a {
    color:#fff;
    font-weight:700;
}

 .answered-faq {
    background-color: var(--bs-teal);
    margin-top:2rem;
    padding: 1rem 0;
}

.faq-hide-toggle {
    display:none;
}


/* CONTACT */

#contact-banner {
	margin:0;
	padding:0;
	background-image:url('/images/contact-banner.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	color:#fff;
	padding:2rem;
}

#contact-us div {margin-bottom:2rem;}

/* PRESS RELEASE */

#press-link li {
    line-height: 3;
}

/* TICKETS */

#ticket-header {

	background-image:url('/images/ticket-background.jpeg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
    min-height:40rem;
}

#ticket-header h5 {
    font-size:1.25rem;
}

#ticket-header p {
    line-height: 1.5;
    font-size:0.8rem;
    font-weight:bold;
    margin-top:0.75rem;
    /*text-shadow: 0 0 1px #fff;*/
}

#ticket-header b {
    line-height:1.5;
}

#ticket-prices-box {
    /*opacity:0.9;*/ 
    /*padding-top:22rem;*/
    
}

#ticket-prices-box .alert {
    background: rgba(255,246,205,0.75);

}



#local-tickets .card-group {
    gap:20px;
}

#local-tickets .card {
    min-width:25rem;
    gap: 1.25rem;
}


#local-tickets .card h5 {
    text-align: center;;
}

#local-tickets p {
    font-size:0.8rem;
}



/* brewers only */

#brewers-banner {
	margin:0;
	padding:0;
	background-image:url('/images/brewers-banner.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	/*min-height:35rem;*/
	color:#fff;
	padding:2rem;
}

/* FREE TICKETS */

footer {
    color:var(--bs-footer);
}

footer a,
footer h6 {
    color:var(--bs-footer);
}

footer a:hover {
    color:var(--bs-footer-hover);
}

footer small {
    font-size: 1rem;
}

#contest-rules li {
    margin-bottom:1.5em;
}

#hashtag {
    font-size:2rem;
}

/*  FOOTER */

#social-area {
    background-image: url('/images/cal-banner.webp');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	min-height:40rem;    
}

#social-area h2 {
    padding-top:4rem;
    color:#fff;
    font-size:3rem;
    text-shadow: 0 0 5px #000;
}

#social-area h4 {
    color:#fff;
    text-shadow: 0 0 5px #000;
}

#social-area b {
    color:#fff;
    text-shadow: 0 0 5px #000;

}


.no-logo {
    opacity:0 !important;
}

/* newsletter section */

#mc_embed_signup {
    color:#fff;
}

#newsletter {
	background-image:url('/images/newsletter-background.jpg');
	background-repeat: no-repeat;
	background-position:left top;

}

.fleur.bottom {
    bottom: -2px;
}

.fleur.footer {
    fill:#fff;
    bottom: 38px;
}

.mobile-only .fleur.bottom {
    bottom: 0;
	height:7%;
}

.mobile-only .fleur.second {
    fill: #00698e;
}



.fleur.second {
    fill: #fff;
}

.fleur.third {
    fill: #00698e;
}


.fleur {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    padding: 0% !important;
}
svg {
    vertical-align: middle;
}

.bg-picture{
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow:hidden;
}

.bgcover {
    height: 600px;
}

.bgcover-tall {
    height:700px;
}


.bg-picture-container {
    position: relative;
}

.ticket-container .bg-picture-container {
    min-height:650px;
    height:70vh;
}

.position-relative {
    position: relative !important;
}

.banner-caption {
    position: absolute;
    right: 5%;
    left: 5%;
    padding-top: 1.25rem;
    color: #FFF;
    top: 220px;
    z-index: 10;    

}

.vendor-btn {
    margin:1rem 3rem;
}

.img-r-dynamic {

    padding-bottom: 1rem !important;
    display: inline !important;
    margin-right: auto !important;
    margin-left: auto !important;
    float: right !important;
    padding-left: 2rem !important;
    /*
    padding-left: 1rem !important;
    display: inline !important;
    float: right !important;
    margin-right: auto !important;
    margin-left: auto important;
    */
}



    .hidden {
        opacity: 0;
        filter: blur(5x);
        transform: translateY(10%);
        transition: all 1s;
    }

    .show {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
    }