@import url('https://fonts.googleapis.com/css2?family=Coustard&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

/*
font-family: 'Coustard', serif; font-weight: 400;
font-family: 'Roboto Slab', serif; font-weight: 500;
font-family: 'Oswald', sans-serif; font-weight: 500;
*/

body .uwy.userway_p1 .uai {
  top: 10px;
  right: -16px;
  bottom: auto;
  left: calc(100vw - 30px) !important;
  transform: translate(-100%);
}

a {color: #f4d8b1;}

body {
  font-family: 'Roboto Slab', serif; font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Coustard', serif; font-weight: 400;
}

.navbar-regular.nav-v7 .navbar-nav>li>a {
  font-family: 'Coustard', serif; font-weight: 400;
  font-size: 1.05em;
}
.navbar-regular.nav-v7.nav-v6 .navbar-nav>li>a,
.navbar-regular.nav-v7.nav-v6 .navbar-nav>li>a:hover,
.navbar-regular.nav-v7.nav-v6 .navbar-nav>.active>a,
.navbar-regular.nav-v7.nav-v6 .navbar-nav>.active>a:focus,
.navbar-regular.nav-v7.nav-v6 .navbar-nav>.active>a:hover,
.navbar-regular.nav-v7.nav-v6.nav-scroll .navbar-nav>li>a,
.navbar-regular.nav-v7.nav-v6.nav-scroll .navbar-nav>li>a:hover,
.navbar-regular.nav-v7.nav-v6.nav-scroll .navbar-nav>.active>a,
.navbar-regular.nav-v7.nav-v6.nav-scroll .navbar-nav>.active>a:focus,
.navbar-regular.nav-v7.nav-v6.nav-scroll .navbar-nav>.active>a:hover,
.drink-menu .navbar.nav-v7.nav-v6.nav-scroll .navbar-nav>li>a,
.drink-menu .navbar.nav-v7.nav-v6 .navbar-nav>li>a {
  border-color: #ED2A33;
}
.navbar-regular.nav-v6 .navbar-nav>li>a {
  padding: 0 10px;
}
.navbar.nav-v7.nav-v6 .social-icon,
.navbar.nav-v7.nav-v6.nav-scroll .social-icon {
  color: #ED2A33;
}
.navbar.nav-v7.nav-v6 .contact-icon:hover .social-icon,
.navbar.nav-v7.nav-v6.nav-scroll .contact-icon:hover .social-icon {
  color: #fff;
}
.nav-v7 .container {
  width: 100%;
}
.nav-v7 .logo-center .navbar-logo .header-logo {
  top: 5px;
}
video#coverVideo {
  margin-top: 130px;
}
.custom-temp-btn,
.uk-overlay-panel a.custom-temp-btn,
.on-cover-content .section-wrapper a.custom-temp-btn,
.about-us-v8-wrapper a.custom-temp-btn,
.about-us-v2 a.custom-temp-btn,
.about-us-plus-content .about-us-plus-button,
.newsletter-section .sph-email-subscription .sph-submit-button,
.custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button,
.addtocalendar.atc-style-blue .atcb-link,
.reservations-and-parties-v2 button,
.specials-v3.home-specials div a.custom-temp-btn,
.party-offer a.custom-temp-btn,
.sph-email-subscription .sph-submit-button {
  padding: 8px 30px;
  text-transform: uppercase;
  background-color: #b21c25;
  background: #b21c25;
  border: 2px solid #b21c25;
  color: #fff;
  font-family: 'Coustard', serif; font-weight: 400;
  font-size: 15px;
  box-shadow: none;
  border-radius: 0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom-temp-btn:hover,
.uk-overlay-panel a.custom-temp-btn:hover,
.about-us-v2 a.custom-temp-btn:hover,
.about-us-v7-wrapper a.custom-temp-btn:hover,
.about-us-v8-wrapper a.custom-temp-btn:hover,
.about-us-plus-content .about-us-plus-button:hover,
.newsletter-section .sph-email-subscription .sph-submit-button:hover,
.custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button:hover,
.specials-v3.home-specials div a.custom-temp-btn:hover,
.addtocalendar.atc-style-blue .atcb-link:hover,
.beer-page .custom-temp-btn:hover,
.beer-page .custom-temp-btn:focus,
.beer-page .custom-temp-btn:active {
  text-decoration: none;
  background-color: #b21c25;
  background: #b21c25;
  border: 2px solid #b21c25;
  color: #ffda3d;
  opacity: 1;
}

.reservations-and-parties p.submit-success {
  color: #f4d8b1;
  text-transform: uppercase;
}
.reservations-and-parties button[disabled] {
  background-color: #f4d8b1;
  background: #f4d8b1;
  color: #b21c25;
  border: 2px solid #f4d8b1;
}
.reservations-and-parties button {
  background-color: #f4d8b1;
  background: #f4d8b1;
  color: #000;
  border: 2px solid #f4d8b1;
}
.reservations-and-parties button:hover {
  background-color: transparent;
  background: transparent;
  color: #f4d8b1;
  border: 2px solid #f4d8b1;
  opacity: 1;
}

/* home page */

.section-header,
.about-us-v2 h1,
.about-us-v8-content .text-wrapper h1,
.about-us-v7-content .text-wrapper h1,
.specials-v3.home-specials h1,
.about-us-v3 h1,
.specials h1, .events h1,
.events-container h1,
.about-us-page .about-us-s1-content h1 {
  font-size: 4em;
  font-family: 'Coustard', serif; font-weight: 400;
  text-transform: uppercase;
}

.custom_html_1-section.section-wrapper {
  background-image: url(https://static.spotapps.co/web/belchingbeaver--com/css/../custom/about_us_back.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  color: #000;
}
.custom_html_1-section .container {
  text-align: center;
}
.custom_html_1-section h2 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif; font-weight: 500;
  font-size: 1.8em;
  line-height: 1.5em;
  color: #000;
  margin-bottom: 30px;
  word-spacing: 0.25em;
}
.custom_html_1-section .dam-good-times {
  max-width: 500px;
}
.custom_html_1-section .logos-holder img {
  display: inline;
  max-height: 130px;
  margin: 0 20px;
}
.custom_html_1-section .logos-holder img.main-logo {
  max-height: 240px;
}

.custom_html_2-section.section-wrapper {
  background-color: #000;
  padding: 3em 0;
}
.custom_html_2-section .container {
  text-align: center;
  width: 100%;
}
.custom_html_2-section .custom-temp-btn {
  min-width: 480px;
  margin: 0 30px;
  font-size: 19px;
}

.about-us-v8-content .text-wrapper h1 {
  margin-bottom: 30px;
}
.about-us-v8-content .text-wrapper p {
  font-size: 1.4em;
}
/* .about-us-v8-item.about-us-v8-item-0 .about-us-v8-image {
  background-size: contain;
  background-color: #b21c25;
} */
.about-us-v8-content .text-wrapper .text-holder p a {
  color: #000;
}
.about-us-v8-content .text-wrapper .text-holder p a:hover,
.about-us-v8-content .text-wrapper .text-holder p a:focus {
  color: #b21c25;
}

/* Locations section */
.locations-section-wrapper {
  position: relative;
  padding: 8em 0;
  background-color: #000;
}
.locations-section-wrapper .container {
  width: 90%;
  text-align: center;
}
.locations-section-wrapper .section-header {
  color: #f4d8b1;
  margin-bottom: 40px;
}

.pages-content .pages-item.col-md-2 {
  width: 20%;
}

.pages-content a {
  display: inline-block;
}
.pages-content h2 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: 'Oswald', sans-serif; font-weight: 500;
  font-size: 1.7em;
  text-transform: uppercase;
  color: #f4d8b1;
}
.pages-content h2:after {
  content: "";
  display: block;
  position: relative;
  width: 0;
  height: 3px;
  margin: 15px auto 5px auto;
  vertical-align: middle;
  background-color: #ED2A33;
}
.pages-content a:hover h2:after {
  -webkit-animation: titleBarGrow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 forwards;
  -moz-animation: titleBarGrow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 forwards;
  animation: titleBarGrow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 forwards;
}
.pages-content a:hover,
.pages-content a:focus,
.pages-content a:active {
  color: #f4d8b1;
  text-decoration: none;
}
.pages-content .image-holder {
  position: relative;
}
.pages-content .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -moz-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: rgba(237, 42, 51, 0.7);
}
.pages-content a:hover .overlay {
  opacity: 1;
}
.pages-content .text {
  color: #fff;
  font-family: 'Oswald', sans-serif; font-weight: 500;
  font-size: 1.7em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  width: 95%;
}
@media (max-width: 1700px) {
  .navbar-regular.nav-v7 .navbar-nav>li>a {
	padding: 0 1px;
	font-size: 0.9em;
  }
  .locations-section-wrapper .container {
    width: 98%;
  }
  .pages-content h2 {
    font-size: 1.6em;
  }
}
@media (max-width: 1500px) {
  .pages-content h2 {
    font-size: 1.4em;
  }
}
@media (max-width: 1350px) {
  .pages-content h2 {
    font-size: 1.4em;
    height: 60px;
  }
  /* .pages-content h2:after {
    position: absolute;
    bottom: 0;
    left: 35%;
  } */
}
@media (max-width: 1200px) {
  .pages-content h2 {
    font-size: 1.5em;
  }
  .pages-content .text {
    font-size: 1.4em;
  }
}
@media (max-width: 991px) {
  .locations-section-wrapper .section-header {
    margin-bottom: 30px;
  }
  .pages-content .pages-item.col-sm-4 {
    width: 33.33333333%;
  }
  .pages-content h2 {
    height: auto;
    margin-top: 40px;
    font-size: 1.4em;
  }
}
@media (max-width: 800px) {
  .pages-content h2 {
    margin-bottom: 15px;
    font-size: 1.3em;
  }
}
@media (max-width: 767px) {

    body .uwy.userway_p1 .uai {
        top: auto !important;
        bottom: 17vh !important;
    }

  .locations-section-wrapper {
    padding: 2em 0;
  }
  .pages-content .pages-item.col-xs-12 {
    width: 100%;
    padding-bottom: 20px;
  }
  .pages-content h2 {
    margin-top: 30px;
    font-size: 1.5em;
  }
}
/* Locations section END */

.newsletter-section {
  padding-top: 5em;
  padding-bottom: 5em;
  background-color: #fff;
  background-image: url(https://static.spotapps.co/web/belchingbeaver--com/css/../custom/newsletter_back.jpg);
  background-size: cover;
}
.newsletter-section {
  border-right: none;
}
.newsletter-section h2,
.newsletter-section h2 {
  text-align: center;
  margin-bottom: 5px;
  color: #000;
}
.newsletter-section .text-wrapper .text-content {
  font-family: 'Roboto Slab', serif; font-weight: 500;
  color: #000;
}
.newsletter-section h2 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif; font-weight: 500;
  color: #000;
}
.newsletter-section .sph-email-subscription {
  padding-top: 0;
}
.newsletter-section .sph-email-subscription h2 {
  text-transform: none;
  font-family: 'Roboto Slab', serif; font-weight: 500;
  color: #000;
}
.newsletter-section p {
  margin-top: 0px;
  font-size: 1.2em;
}
.newsletter-section .bar:before, .newsletter-section .bar:after {
  background: #000;
}
.newsletter-section .sph-email-subscription .sph-email-input,
.newsletter-section .sph-email-subscription .sph-email-input {
  position: relative;
  border: none;
  border-bottom: 2px solid #b21c25;
  border-radius: 0;
  background-color: transparent;
  color: #000;
  text-align: center;
}
.sph-email-subscription input::-webkit-input-placeholder {
   color: #b21c25;
}
.sph-email-subscription input:-moz-placeholder { /* Firefox 18- */
   color: #b21c25;
}
.sph-email-subscription input:-moz-placeholder {  /* Firefox 19+ */
   color: #b21c25;
}
.sph-email-subscription input:-moz-placeholder {
   color: #b21c25;
}
.newsletter-section .section-header,
.newsletter-section .section-header {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #000;
}
.newsletter-section h2 {
  margin: 20px 0;
  font-size: 1.4em;
}
.newsletter-section .logo-holder img {
  margin: 80px auto;
}
.newsletter-section .bar,
.custom-modal .bar {
  width: 100%;
  float: left;
  top: 5px;
}
.newsletter-section .bar:before,
.newsletter-section .bar:after,
.custom-modal .bar:before,
.custom-modal .bar:after {
  background: #000;
}
.newsletter-section .sph-email-subscription input:focus,
.custom-modal .sph-email-subscription input:focus {
  outline: none;
}
.newsletter-section .sph-email-subscription input:focus ~ .bar:before,
.newsletter-section .sph-email-subscription input:focus ~ .bar:after,
.custom-modal .sph-email-subscription input:focus ~ .bar:before,
.custom-modal .sph-email-subscription input:focus ~ .bar:after {
    width: 50%;
}
.newsletter-section .bar:before, .newsletter-section .bar:after,
.custom-modal .bar:before, .custom-modal .bar:after {
  bottom: 15px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.custom-modal .modal-content {
  background-image: url(https://static.spotapps.co/web/belchingbeaver--com/css/../custom/newsletter_back.jpg);
  background-color: #13a4db;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #000;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0, 0.6);
  box-shadow: 0 5px 15px rgba(0,0,0, 0.6);
}
.custom-modal .newsletter-popup .section-header {
  margin-top: 10px;
  font-size: 3.6em;
  color: #000;
}
.custom-modal .newsletter-popup .sph-email-subscription h2 {
  margin-bottom: 10px;
  font-family: 'Roboto Slab', serif; font-weight: 500;
  font-size: 1.4em;
}
.custom-modal p {
  margin-top: 0px;
  font-size: 1.2em;
}
.custom-modal .newsletter-popup .sph-email-subscription .sph-email-input {
  padding: 12px 15px;
  border:none;
  border-bottom: 2px solid #b21c25;
  border-radius: 0;
  background-color: transparent;
  color: #000;
  text-align: center;
}
.custom-modal .modal-content .img-responsive {
  margin: 0 auto;
}
/* AGE VERIFICATION CSS POPUP AND PAGE START */
.age-verification {
  text-align: center;
  background-image: url('https://static.spotapps.co/web/belchingbeaver--com/css/../custom/about_us_back.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-attachment: fixed;
}
.age-verification .pagecontent * {
	text-shadow: none;
	color: #1c1c1c;
}
.custom-popup-holder {
  padding: 10em 4em 10em;
  text-align: center;
}
.custom-popup-holder h1 {
  margin-top: 15px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #1c1c1c;
  font-size: 4em;
}
.modal-body {
	padding-bottom: 30px;
}
#modal-warning .modal-content {
  height: 90vh;
}
#modal-warning .modal-body {
  text-align: center;
  font-size: 1.6em;
}
.custom-modal-btn {
  margin: 0 5px;
  padding: 10px 30px 10px 30px;
}
/* AGE VERIFICATION CSS POPUP AND PAGE END */

.footer-v2-wrapper {
  background: #000;
  border-top: none;
  color: #fff;
  font-size: 16px;
}
.footer-v2-wrapper.footer-custom-wrapper {
  background-image: url(https://static.spotapps.co/web/belchingbeaver--com/css/../custom/footer_back.jpg);
  border-top: none;
  color: #f4d8b1;
}
.footer-v2-wrapper p {
  margin-bottom: 5px;
  font-size: 16px;
}
.footer-custom-wrapper h2 {
  text-transform: uppercase;
  font-family: 'Coustard', serif; font-weight: 400;
  font-size: 1.6em;
}
.footer-custom-wrapper .contact-icon {
  color: #000;
  background-color: #e82b32;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 5px;
}
.footer-custom-wrapper .contact-icon:hover,
.footer-custom-wrapper .contact-icon:focus {
  background-color: #f4d8b1;
  color: #000;
}
.footer-custom-wrapper .contact-icon .social-icon {
  font-size: 1.2em;
  line-height: 33px;
  padding-left: 0;
}

.footer-custom-wrapper .location-holder {
  padding-top: 30px;
}
.footer-custom-wrapper .location-holder h2 {
  font-size: 1.5em;
  margin-bottom: 30px;
}
.footer-custom-wrapper .location-holder h3 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif; font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 0;
}
.footer-custom-wrapper .location-holder p {
  margin: 3px 0 20px;
}
.footer-custom-wrapper .location-holder a {
  color: #f4d8b1;
  text-decoration: none;
}
.footer-custom-wrapper .location-holder a:hover,
.footer-custom-wrapper .location-holder a:focus {
  color: #e82b32;
}
.footer-certificate {
	padding-bottom: 30px;
}
.footer-certificate img {
	-webkit-box-shadow: 5px 5px 10px 0px rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 5px 5px 10px 0px rgba(255, 255, 255, 0.6);
	box-shadow: 5px 5px 10px 0px rgba(255, 255, 255, 0.6);
}
.about-us-page .about-us-s1-content {
  padding-top: 100px;
}
.about-us-page .about-us-s1-content img {
  max-width: 300px;
}
.about-us-page .uk-cover-background {
  background-position: top center;
}
.about-page-content .about-us-v7-content .text-wrapper .text-content {
  padding-top: 60px;
  padding-bottom: 100px;
}
.about-us-s3-wrapper.maps-wrapper {
  display: none;
}
.about-us-s4-wrapper {
  background-color: #1c1c1c;
  color: #fff;
}
.about-us-s4-wrapper img {
  max-width: 100%;
}
.team-page video#teamVideo {
  margin-top: 50px;
  width: 100%;
}
.team-page .tabs-container .container {
  text-align: center;
}
.team-page h2 {
  text-transform: uppercase;
  font-size: 1.8em;
}
.team-page .tabs-container .img-responsive {
  margin: 30px auto;
}

.beer-page .section-header {
  color: #f4d8b1;
}
.row.seltzer-finder-holder {
    padding-top: 50px;
    padding-bottom: 70px;
}
.beer-page .pagecontent {
  width: 100%;
  padding-bottom: 60px;
}
.beer-page .pagecontent .container {
  width: 90%;
}
.beer-page .food-menu-nav {
  margin-bottom: 50px;
}
.beer-page .food-menu-nav .food-menu-nav-item {
  background-color: #b21c25;
  background: #b21c25;
  color: #fff;
  border: 2px solid #b21c25;
}
.beer-page .food-menu-nav .food-menu-nav-item.active,
.beer-page .food-menu-nav .food-menu-nav-item:hover,
.beer-page .food-menu-nav .food-menu-nav-item:focus {
  background-color: #b21c25;
  border-color: #b21c25;
  color: #ffda3d;
  border: 2px solid #b21c25;
}
.beer-page .food-menu-grid-item-content {
  background-color: #f4d8b1;
  margin-bottom: 40px;
}
.beer-page .menu_4 .food-menu-grid-item-content {
  background-color: #fff;
}
.beer-page .food-menu-grid-item-content img {
  max-width: 100%;
}
.beer-page .food-menu-grid-item-content .text-holder {
  text-align: left !important;
  color: #000;
}
.beer-page .food-menu-grid-item-content h1 {
  text-transform: uppercase;
  font-family: 'Coustard', serif; font-weight: 400;
  font-size: 1.9em;
  color: #000;
}
.beer-page .food-menu-grid-item-content h2 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif; font-weight: 500;
  font-size: 1.6em;
  color: #000;
  text-align: left;
}
.beer-page .food-menu-grid-item-content p {
  font-size: 1.3em;
  margin: 20px 0;
}
.beer-page .food-menu-grid-item-content .beer-info-holder p {
  text-transform: uppercase;
  text-align: left;
  font-family: 'Oswald', sans-serif; font-weight: 500;
}
.beer-page .food-menu-grid-item-content .beer-info-holder p span {
  text-transform: none;
  display: block;
  font-family: 'Roboto Slab', serif; font-weight: 500;
  font-size: 0.9em;
  margin-top: 5px;
}
.beer-page .awards-holder h2 {
  font-family: 'Oswald', sans-serif; font-weight: 500;
  font-size: 1.3em;
  margin: 30px 0 20px;
}
.beer-page .awards-holder p {
  font-size: 1.2em;
}
.beer-page .embed-container {
  margin: 30px auto 0px;
  text-align: center;
}
.faq-background {
  color: #000;
}
.faq-background h1 {
  color: #f4d8b1;
  margin-bottom: 40px;
}
.faq-background .question {
  text-shadow: none;
  font-family: 'Roboto Slab', serif; font-weight: 500;
  font-size: 1.3em;
  margin-top: 15px;
  color: #000;
}
.faq-background .question:hover,
.faq-background .question:focus {
  text-decoration: none;
}
.faq-background .panel-heading {
  background-color: #f4d8b1;
}
.faq-background .panel-heading.collapsed {
  background-color: #c6c6c6;
}
.faq-background .panel-body {
  text-shadow: none;
}
.faq-background .panel-body h2 {
  font-family: 'Oswald', sans-serif; font-weight: 500;
  font-size: 1.5em;
}
.faq-background .panel-body h3 {
  font-family: 'Roboto Slab', serif; font-weight: 500;
  font-size: 1.5em;
}
.faq-background .panel-body li {
  font-size: 1.4em;
}
.faq-background .panel-body a {
  color: #946018;
  text-decoration: underline;
}
.faq-background .panel-body a:hover,
.faq-background .panel-body a:focus {
  color: #000;
}

.brew-finder-page {
  background-color: #f4d8b1;
  color: #000;
}
.brew-finder-page .tabs-container .container {
  text-shadow: none;
}
.brew-finder-page .section-header {
  margin-bottom: 50px;
}
.brew-finder-page .tabs-container .container p a {
  color: #B61C24;
}
.brew-finder-page .tabs-container .container p a:hover,
.brew-finder-page .tabs-container .container p a:focus {
  color: #000;
}
.brew-finder-page .iframe-holder,
.beer-page .iframe-holder {
  margin-top: 30px;
}
.brew-finder-page .iframe-holder iframe,
.beer-page .iframe-holder iframe {
  max-width: 100%;
}
.party-background.order-kegs-page.drink-menu>div:first-child {
  min-height: auto;
}
.order-kegs-page .section-header {
  color: #f4d8b1;
}
.nitro-beer video {
    max-width: 860px;
    margin: 30px auto;
    display: block;
}
.nitro-beer .pagecontent {
    text-align: center;
}
.nitro-beer .pagecontent p {
    max-width: 860px;
    margin: 10px auto;
}
.custom-press-holder h2 {
  margin-bottom: 15px;
  font-size: 1.8em;
}
.custom-press-holder h3 {
  color: #ED2A33;
}
.custom-press-holder p a {
  display: inline;
  text-decoration: underline;
}
.custom-beer-holder {
  margin: 30px 0;
}
.custom-press-holder img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.custom-press-holder img.press-logo {
  margin-bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.custom-press-holder p span {
  font-weight: 500;
}
.custom-press-holder p a:hover {
  color: #ED2A33;
}
.press-holder p {
  color: #000;
}

.locations-jobs-holder .one-location {
  padding: 50px 0 30px 0;
  text-align: center;
  border-bottom: 1px solid #ED2A33;
}
.locations-jobs-holder a.custom-temp-btn {
  text-shadow: none;
}
.locations-jobs-holder .one-location img {
  margin: auto;
  max-width: 80%;
  max-height: 600px;
}
.locations-jobs-holder .one-location p {
  margin-bottom: 25px;
}
.footer-v2-wrapper .spothopper-content {
  display: none;
}
/*Hazers page*/
.hazers-page {
  color: #6dbe46;
}
.hazers-page.article-background {
  background-image: url("https://static.spotapps.co/web/belchingbeaver--com/css/../custom/hazards/hops_item_2.png"),url("https://static.spotapps.co/web/belchingbeaver--com/css/../custom/hazards/hops_item_2.png");
  background-size: 200px,200px;
  background-position: 0 80px, 100% 200px;
  background-repeat: no-repeat;

}
.hazers-page .pagecontent {
  width: 90%;
  padding-bottom: 10px;
}
.hazers-page .flex-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #000;
}
.hazers-page .flex-content {
  margin: 20px 0 20px 5%;
  width: 25%;
}
.hazers-page .flex-content:first-child {
  width: 75%;
}
.hazers-page  .subtitle {
  text-align: center;
  width: 70%;
  margin: auto;
  font-size: 1.5em;
  text-transform: none;
}
.hazers-page  h1 {
  text-transform: uppercase;
}
.hazers-page  h2,
.hazers-page  p {
  color: #ffc712;
  text-align: left;
}
.hazers-page  h2 {
  font-size: 20px;
}

.hazers-page .hops,
.hazers-page .aside .hops {
  width: 150px;
}

/*hazard beer img with badge*/
.hazers-page .img-box {
  position: relative;
}
.hazers-page .img-box .hazers-beer {
  width: 100%;
}
.hazers-page .img-box .hops-pos {
  position: absolute;
  bottom: -111px;
  right: -70px;
  width: 164px;
}
/*aside*/
.hazers-page .aside h2 {
  color: #6dbe46; 
}
.hazers-page .aside-2 h2 {
  color: #f4822c; 
}
.hazers-page .aside img {
  width: 200px;
}
.hazers-page .aside-2 img {
  width: 300px;
}
.hazers-page .aside-2 img.juice {
  width: 150px;
}
.hazers-page .aside .dam-good {
  margin-top: 100px;
}
/*logo holder*/
.hazers-page .logo-holder {
  display: block;
} 
.hazers-page .logo-holder img {
  margin: auto;
  width: 250px;
  max-width: 100%;
}
/*Hazers page end*/

/*No worries page*/

.no-worries-page {
  background-color: #fff;
}

.no-worries-page:before {
content: "";
position: fixed;
left: 0;
right: 0;
z-index: -1;
display: block;
background-image: url('https://static.spotapps.co/web/belchingbeaver--com/css/../custom/no_worries/background.jpg');
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;

}

.no-worries-page .pagecontent .container {
  text-align: center;
  color: #000;
  text-shadow: none;
}

.no-worries-page .content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.no-worries-page .content .img-holder{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
}

.no-worries-page .content .img-holder img{
  width: 100%;
}

.no-worries-page .content .img-holder img.troy{
  width: 30%;
}

.no-worries-page .content .content-holder{
  display: flex;
  align-items: start;
  justify-content: start;
  width: fit-content;
}

.no-worries-page .content-2 {
  align-items: start;
}

.no-worries-page .content .img-holder-2{
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 80%;
}

.no-worries-page .content .img-holder-2 img.troy {
  width: 28%;
  border: 4px solid #000;
}

.no-worries-page .content .child-box,
.no-worries-page .content .child-box img {
  width: 70%;
}

.no-worries-page .content .child-box {
  padding: 10px;
  border: 4px solid #000;
  text-align: left;
  background-color: #01a0e1;
}

.no-worries-page .content .content-holder-2{
  display: flex;
  align-items: start;
  justify-content: start;
  width: 20%;
}

.no-worries-page .content .content-holder-2 img{
  width: 100%;
}

.no-worries-page .pagecontent {
  padding-bottom: 10px;
}

/*No worries page end*/


@media (max-width: 1400px) {
  .navbar-regular.nav-v7 .navbar-nav>li>a {
    padding: 0 2px;
	  font-size: 0.8em;
  }
  .section-header, .about-us-v2 h1,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .about-us-v3 h1,
  .specials h1,
  .events h1,
  .events-container h1,
  .about-us-page .about-us-s1-content h1 {
    font-size: 3.7em;
  }
}

@media (max-width: 1200px) {
  .navbar.nav-v7 .navbar-tabs .socialnav {
    display: none;
  }
  .navbar-regular.nav-v7 .navbar-nav>li>a {
    padding: 0 2px;
    font-size: 0.75em;
  }
  .section-header, .about-us-v2 h1,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .about-us-v3 h1,
  .specials h1,
  .events h1,
  .events-container h1,
  .about-us-page .about-us-s1-content h1 {
    font-size: 3.3em;
  }
  .custom_html_1-section h2 {
    font-size: 1.6em;
  }
  .custom_html_1-section .dam-good-times {
    max-width: 450px;
  }
  .custom_html_1-section .logos-holder img {
    max-height: 110px;
  }
  .custom_html_1-section .logos-holder img.main-logo {
    max-height: 200px;
  }
  .custom_html_2-section .custom-temp-btn {
    font-size: 15px;
    padding: 8px 15px;
    min-width: 430px;
    margin: 0 15px;
  }
  .beer-page .food-menu-grid-item-content h1 {
    font-size: 1.6em;
  }
  .beer-page .food-menu-grid-item-content h2 {
    font-size: 1.4em;
  }
  .beer-page .food-menu-grid-item-content p {
    font-size: 1.2em;
  }
  .beer-page .awards-holder h2 {
    font-size: 1.2em;
  }
  .beer-page .awards-holder p {
    font-size: 1.1em;
  }
  .hazers-page .pagecontent {
    width: 100%;
  }
  .hazers-page .img-box .hops-pos {
    width: 150px;
    bottom: -140px;
    right: -50px;
  }
  .hazers-page .aside img {
    width: 130px;
  }
  .hazers-page .aside-2 img {
    width: 230px;
  }
  .hazers-page .aside-2 img.juice {
    width: 120px;
  }

  .no-worries-page img.header-img {
    margin-top: 20px;
    width: 60%;
  }
}
@media (max-width: 1024px) {
  .newsletter-section .text-wrapper .text-content {
    padding-top: 50px;
  }
  .beer-page .embed-container iframe {
    width: 640px;
    height: 360px;
  }
  .hazers-page .img-box .hops-pos {
    width: 127px;
    bottom: -102px;
    right: -40px;
  }
}

@media (max-width: 1023px) {
  .navbar-regular.nav-v7 .navbar-nav>li>a {
	  padding: 0 2px;
  }
  .press-holder h2 {
    font-size: 1.5em;
  }
  .hazers-page.article-background {
    background-image: none;
  }
  .hazers-page p {
    font-size: 1.2em;
  }
  .hazers-page .aside-2 img {
    width: 190px;
  }
}

@media (max-width: 991px) {
  .navbar-regular.nav-v7 .navbar-nav>li>a {
    font-size: 0.6em;
    padding: 0 0.5px;
  }
  .section-header, .about-us-v2 h1,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .about-us-v3 h1, .specials h1,
  .events h1, .events-container h1,
  .about-us-page .about-us-s1-content h1 {
    font-size: 3.2em;
  }
  .custom-temp-btn,
  .uk-overlay-panel a.custom-temp-btn,
  .on-cover-content .section-wrapper a.custom-temp-btn,
  .about-us-v8-wrapper a.custom-temp-btn,
  .about-us-v2 a.custom-temp-btn, .about-us-plus-content
  .about-us-plus-button,
  .newsletter-section .sph-email-subscription .sph-submit-button,
  .custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button,
  .addtocalendar.atc-style-blue .atcb-link, .reservations-and-parties-v2 button,
  .specials-v3.home-specials div a.custom-temp-btn,
  .party-offer a.custom-temp-btn,
  .sph-email-subscription .sph-submit-button {
    font-size: 13px;
  }
  .custom_html_1-section h2 {
    font-size: 1.4em;
  }
  .custom_html_1-section .dam-good-times {
    max-width: 400px;
  }
  .custom_html_1-section .logos-holder img {
    max-height: 100px;
    margin: 0 15px;
  }
  .custom_html_1-section .logos-holder img.main-logo {
    max-height: 180px;
  }
  .custom_html_2-section .custom-temp-btn {
    display: block;
    margin: 15px auto;
    width: 430px;
    max-width: 100%;
    min-width: 200px;
  }
  .beer-page .food-menu-grid-item-content img {
    width: 300px;
    max-width: 100%;
  }
  .beer-page .food-menu-grid-item-content .text-holder {
    text-align: center !important;
  }
  .beer-page .food-menu-grid-item-content h2 {
    text-align: center;
  }
  .beer-page .food-menu-grid-item-content .beer-info-holder p {
    text-align: center;
  }
  .beer-page .menu_4 .food-menu-grid-item-content img {
    width: 100%;
  }
  .brew-finder-page .iframe-holder,
  .beer-page .iframe-holder {
    margin-top: 40px;
  }
  .about-us-v8-content .text-wrapper p {
    font-size: 1.3em;
  }
  .about-us-page .about-us-s1-content {
    padding-top: 30px;
  }
  .about-page-content .about-us-v7-content .text-wrapper .text-content {
    padding: 40px 20px 60px;
  }
  .about-us-page .about-us-s1-content img {
    max-width: 250px;
  }
  .newsletter-section .text-wrapper .text-content {
    padding-top: 20px;
   }
  .newsletter-section .bar {
    top: 5px;
  }
  .custom-popup-holder h1 {
	font-size: 3em;
  }
}

@media (max-width: 767px) {
  .navbar-regular.nav-v6 .navbar-nav>li>a {
    padding: 3px 15px;
    font-size: 0.9em;
  }
  .navbar.nav-v7 .navbar-tabs .socialnav {
    display: inline-block;
  }
  video#coverVideo {
    margin-top: 65px;
  }
  .section-header, .about-us-v2 h1,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .about-us-v3 h1,
  .specials h1,
  .events h1,
  .events-container h1,
  .about-us-page .about-us-s1-content h1 {
    font-size: 2.5em;
  }
  .custom-modal .newsletter-popup .section-header {
    font-size: 2.3em;
  }
  .beer-page .section-header.seltzer-finder-header {
      font-size: 1.8em;
  }
  .navbar-fixed-bottom.nav-v1 .bottom-list-item a {
    font-family: 'Coustard', serif; font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 5px;
  }
  .bar:before, .bar:after {
    bottom: 10px;
  }
  .custom_html_1-section h2 {
    font-size: 1.3em;
  }
  .custom_html_1-section .dam-good-times {
    max-width: 95%;
  }
  .custom_html_1-section .logos-holder img {
    display: block;
    max-height: 100px;
    margin: 12px auto;
  }
  .custom_html_2-section .custom-temp-btn {
    font-size: 12px;
  }
  .footer-custom-wrapper h2 {
    font-size: 1.5em;
  }
  .footer-custom-wrapper .location-holder h3 {
    font-size: 1em;
  }
  .footer-v2-wrapper a {
    font-size: 1em;
  }
  .press-holder .press-item {
    padding: 10px;
  }
  .custom-press-holder h3 {
    font-size: 1.3em;
  }

  .beer-page .pagecontent .container {
    width: 100%;
    padding-bottom: 100px;
  }
  .beer-page .food-menu-nav .food-menu-nav-item {
		padding: 10px 20px;
		border: none;
		border-bottom: 2px solid #000;
		border-radius: 0;
		color: #fff;
	}
	.beer-page .food-menu-nav .food-menu-nav-item.active {
		border: none;
		border-bottom: 2px solid #000;
	}
	.beer-page .food-menu-nav .food-menu-nav-item:first-of-type {
		border-top: 2px solid #000;
	}
	.beer-page .food-menu-nav .food-menu-nav-item:first-of-type.active,
	.beer-page .food-menu-nav .food-menu-nav-item:first-of-type:hover {
		border-top: 2px solid #000;
	}
	.beer-page .food-menu-nav .food-menu-nav-item:last-of-type {
		border-bottom: 2px solid #000;
	}
	.beer-page .food-menu-nav .food-menu-nav-item:last-of-type.active,
	.beer-page .food-menu-nav .food-menu-nav-item:last-of-type:hover {
		border-bottom: 2px solid #000;
	}
	.beer-page .food-menu-nav .food-menu-nav-item:first-of-type.active:hover,
	.beer-page .food-menu-nav .food-menu-nav-item.active:hover {
		background-color: #b21c25;
		border-color: #b21c25;
		color: #ffda3d;
		border-bottom: 2px solid #000;
	}
  .beer-page .food-menu-grid-item-content .beer-info-holder p {
    margin: 8px 0;
  }
  .row.seltzer-finder-holder {
      padding-top: 20px;
      padding-bottom: 40px;
  }
  .about-page-content .about-us-v7 .about-us-v7-content:last-of-type {
    min-height: 320px;
  }
  .faq-background h1,
  .rooms-background .section-header,
  .policies-background .section-header {
    margin-bottom: 30px;
  }
  .faq-background .question {
    font-size: 1.1em;
  }
  .faq-background .panel-body h2 {
    font-size: 1.3em;
  }
  .faq-background .panel-body p {
    font-size: 1em;
  }
  .newsletter-section h2 {
    font-size: 1.3em;
  }
  .newsletter-section .sph-email-subscription h2 {
    font-size: 1.2em;
  }
  .custom-modal .newsletter-popup .sph-email-subscription h2 {
    font-size: 1.2em;
  }
  .beer-page .embed-container iframe {
    width: 340px;
    height: 193px;
  }
  .press-holder h2 {
    font-size: 1.3em;
  }
  .press-holder p {
    font-size: 1.2em;
  }
  .locations-jobs-holder .one-location p {
    margin-bottom: 15px;
  }
  .custom-popup-holder {
    padding: 4em 0;
  }
  .age-verification h2 {
    font-size: 1.4em;
  }
  .custom-popup-holder h1 {
    font-size: 2em;
  }
  .hazers-page .flex-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .hazers-page .flex-content {
    width: 100%;
  }
  .hazers-page .flex-content:first-child {
    width: 100%;
  }
  .hazers-page .hops, .hazers-page .aside .hops {
    display: none;
  }
  .hazers-page .aside,
  .hazers-page .aside h2 {
    text-align: center;
  }
  .hazers-page .img-box .hazers-beer {
    width: 95%;
  }
  .hazers-page .img-box .hops-pos {
    width: 100px;
    bottom: -90px;
    right: 0;
  }
  .hazers-page .aside img {
    display: block;
    width: 150px;
    margin: auto;
  }
  .hazers-page .aside .dam-good {
    margin-top: 20px;
  }
  .hazers-page .aside-2 img {
    width: 220px;
  }
  .no-worries-page .content,
  .no-worries-page .content .img-holder-2 {
    flex-direction: column;
  }
  .no-worries-page .content .img-holder,
  .no-worries-page .content .img-holder-2 img.troy,
  .no-worries-page .content-2 .child-box {
    width: 90%;
  }
  .no-worries-page .content-2,
  .no-worries-page .content .img-holder-2 {
    align-items: center;
  }

  .no-worries-page .content .content-holder-2 {
    width: 50%;
  }
  .no-worries-page .content .child-box img {
    width: 100%;
  }
  .no-worries-page img.header-img {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .section-header, .about-us-v2 h1,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .about-us-v3 h1,
  .specials h1,
  .events h1,
  .events-container h1,
  .about-us-page .about-us-s1-content h1 {
    font-size: 2.2em;
  }
  .custom-modal .newsletter-popup .section-header {
    font-size: 2em;
  }
  .navbar-fixed-bottom.nav-v1 .bottom-list-item a {
    font-size: 14px;
  }
  .custom_html_1-section h2 {
    font-size: 1.1em;
  }
  .footer-custom-wrapper .location-holder h3 {
    font-size: 0.8em;
  }
  .footer-custom-wrapper .location-holder a {
    font-size: 0.9em;
  }
  .beer-page .food-menu-grid-item-content h1 {
    font-size: 1.4em;
  }
  .beer-page .food-menu-grid-item-content h2 {
    font-size: 1.2em;
  }
  .beer-page .food-menu-grid-item-content p {
    font-size: 1.1em;
  }
  .beer-page .embed-container iframe {
    width: 290px;
    height: 165px;
  }
}