/*==================================
   BET_TW21_misc_styles.css
  ----------------------------------
   Hide post edit link
  ----------------------------------*/
/*.post-edit-link { display: none; }*/

/*----------------------------------
   Site content
  ----------------------------------*/
body.blog #content.site-content,
body.page-template #content.site-content,
body.page-template #main.site-main,
body.page-template #main.site-main > article.page {
  padding-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: .005em;
}

/*----------------------------------
   Padding after top-level group block
  ----------------------------------*/
.entry-content > .wp-block-group.alignfull {
    padding-bottom: 0 !important;
}

/*----------------------------------
   Footer Widgets
  ----------------------------------*/
/* This makes footer widgets fill available space */
@media only screen and (min-width: 652px) {
  aside.widget-area {
    display: block;
  }
}

/* Margin above footer widget-area on NEWS page*/
@media only screen and (min-width: 652px) {
  .no-widgets .site-footer,
  .blog aside.widget-area {
    margin-top: calc(var(--global--spacing-vertical)*2);
  }
}
@media only screen and (max-width: 651px) {
  .no-widgets .site-footer,
  .blog aside.widget-area {
    margin-top: var(--global--spacing-vertical);
  }
}

/* Col 2&3: Bold links */
.footer-col-2 ul li>a, 
.footer-col-3 ul li {
  font-weight: 700;
}

/*----------------------------------
   Primary Menu
  ----------------------------------*/
/* Position Site Title (Branding) */
.site-header.has-title-and-tagline > .site-branding {
  position: relative;
  top: 5px;
}

/* Hide Site Description (Tag Line) */
.site-header.has-title-and-tagline > .site-branding > .site-description {
  display: none;
}

/* Menu Items Upper-Case & Bold */
.primary-navigation .primary-menu-container > ul > .menu-item > a,
.menu-button-container #primary-mobile-menu {
  display: flex;
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
}

/* Background for current page item / current parent (Non-mobile menu) */
@media only screen and (min-width: 1024px) {
  .primary-navigation .primary-menu-container > ul > .menu-item.current_page_item,
  .primary-navigation .primary-menu-container > ul > .menu-item.current_page_parent  {
    background-color: #ededed;
  }
}

/*----------------------------------
   Various Specs
  ----------------------------------*/
/* No top padding on M&T-Text (Mobile only) */
@media (max-width: 1023px) {
  .wp-block-media-text > .wp-block-media-text__content { 
    padding-top: 0 !important;
  }
}

/*==================================
   HOME Page
  ----------------------------------*/
/* Min-height for M&T Image set as "Crop image to fill" */
@media only screen and (min-width: 668px) {
  .home-page-main-group .wp-block-media-text.is-image-fill-element >
  .wp-block-media-text__media {
    min-height: 440px;
  }
}

/* Button width - All sections */
.home-page-main-group .wp-block-button >
.wp-block-button__link.wp-element-button {
  width: auto; /*100%;*/
}

/* Button block width - All sections */
.home-page-main-group .wp-block-button.bet-minw-35 {
  min-width: 35%;
}
@media only screen and (max-width: 1023px) {
  .home-page-main-group .wp-block-button.bet-minw-35 {
    min-width: 22%;
  }
}
@media only screen and (max-width: 667px) {
  .home-page-main-group .wp-block-button.bet-minw-35 {
    min-width: 150px;
  }
}

/* Border width on PLAY VIDEO button */
.home-page-main-group .wp-block-group.play-video
.wp-block-button .wp-block-button__link {
  /*border-width: 1px;*/
}


/*==================================
   ABOUT Page
  ----------------------------------
   Video container
  ----------------------------------*/
/* Desktop & Responsive (height: 100%;) */
.about-page-main-group .bet-video-loop figure {
  max-width: unset !important;
  width: 100%;
  height: 100%;
}

/* Responsive min-height */
@media screen and (max-width: 1023px) {
  .about-page-main-group .bet-video-loop figure {
    min-height: 50vw;
  }
}

/* Video object-fit, width, height */
.about-page-main-group .bet-video-loop figure > video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: inline;
}

/*----------------------------------
   Trophy Shelf
  ----------------------------------*/
/* Text Section Padding */
@media screen and (min-width: 1024px) {
  .about-page-main-group .bet-trophy-shelf .wp-block-media-text__content {
    padding: 0 50px !important; /* Default is 0 80px; */
  }
}

/* Width of Gallery Images */
.about-page-main-group .bet-trophy-shelf figure.wp-block-gallery img {
  width: 95% !important;
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
  .about-page-main-group .bet-trophy-shelf figure.wp-block-gallery img {
    width: 75% !important;
  }
}
@media screen and (min-width: 376px) and (max-width: 599px) {
  .about-page-main-group .bet-trophy-shelf .wp-block-gallery 
  .wp-block-image:not(#individual-image) {
    width: 20%;
  }
}
@media screen and (max-width: 375px) {
  .about-page-main-group .bet-trophy-shelf .wp-block-gallery 
  .wp-block-image:not(#individual-image) {
    width: 25%;
  }
}

/*==================================
   DRINKS Page (MQ)
  ----------------------------------*/
/* Min-height for M&T Image set as "Crop image to fill" */
@media only screen and (min-width: 668px) {
  .drinks-page-main-group .wp-block-media-text.is-image-fill-element >
  .wp-block-media-text__media {
    min-height: 400px;
  }
}

/* No padding-top on M&T Text Group (Mobile) */
@media screen and (max-width: 651px) {
  .drinks-page-main-group .wp-block-media-text.is-stacked-on-mobile.alignfull
  .wp-block-media-text__content {
    padding-top: 0;
  }
}

/*==================================
   FIND Page
  ----------------------------------
   Section 1: Beet Slice Image & Text
   Section 2: Delivery Options
   Section 3: Favorite Locations
  ----------------------------------*/
/* No Padding to cause text below heading to wrap */
@media screen and (max-width: 380px) {
  .find-page-main-group .section-1 .content-text  {
    padding: 0 !important;
  }
}

/* Margins for Sections 2 & 3 */
@media screen and (max-width: 1023px) {
  .find-page-main-group .section-2,
  .find-page-main-group .section-3 {
    margin: 40px auto !important;
  }
}

/* No bottom margin on Delivery Logo */
.find-page-main-group .section-2 .delivery-logo {
  margin-bottom: 0 !important;
}

/* Auto side margins to center Delivery SHOP button */
.find-page-main-group .section-2 .delivery-button {
  margin: 0 auto;
}

/* Reduced bottom margin on Favorites (Default = 30px) */
.find-page-main-group .section-3 .listings 
.wp-block-group {
  margin: 0 0 17px;
}

/* Reduced width and auto side margins on Favorites */
@media screen and (min-width: 1024px) {
  .find-page-main-group .section-3 .listings {
    max-width: 95%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Limit responsive size of Favorites image & listings */
@media screen and (min-width: 652px) and (max-width: 1023px) {
  .find-page-main-group .section-3 .our-favorites-h4-img h4,
  .find-page-main-group .section-3 .our-favorites-h4-img figure {
    max-width: 75% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    /*margin-left: 0 !important;*/
  }
}

@media screen and (min-width: 652px) and (max-width: 1023px) {
  .find-page-main-group .section-3 .listings {
    /*max-width: 90% !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    /*margin-left: 0 !important;*/
  }
}

/* Center Favorite listing columns (width < 652px) */
@media screen and (max-width: 651px) {
  .find-page-main-group .section-3 .listings > div {
    text-align: center;
  }
}

/*================================
  NEWS Page
 --------------------------------*/
/* Padding around Post Photo in Grid */
.tw-blog-img-ratio .hentry .post-thumbnail img {
  padding: 20px 20px 0 20px;
}

/* Hide NEWS Page Title */
.tw-blog-card .page-header {
  display: none;
}

/*--------------------------------
  News Page Pagination
 --------------------------------*/
/* Page number styles */
.blog .pagination .nav-links .page-numbers,
.search .pagination .nav-links .page-numbers {
  font-size: 1.25rem;
  font-weight: bold;
  color: #6c6c6c;
  /*background-color: #fff;*/
  /*border: 2px solid #6c6c6c;*/
}

/* No border around Next & Prev */
.blog .comments-pagination .nav-links > *.next,
.blog .pagination .nav-links > *.next,
.blog .pagination .nav-links > *.prev {
  /*border: none;*/
  /*background-color: #fafafa;*/
}

/* Current page number background */
.search .pagination .nav-links .page-numbers.current,
.blog .pagination .nav-links .page-numbers.current {
  background-color: #ededed; /*#dcdcdc;*/
  text-decoration: none;
}

/* Padding around numbers only */
.blog.tw-pagination-minimal .navigation .page-numbers:not(.prev):not(.next):not(.dots),
.blog.tw-pagination-center .navigation .page-numbers:not(.prev):not(.next):not(.dots),
.search.tw-pagination-minimal .navigation .page-numbers:not(.prev):not(.next):not(.dots),
.search.tw-pagination-center .navigation .page-numbers:not(.prev):not(.next):not(.dots) {
  margin: 30px 0 0;
  padding: 5px 15px;
}

/* Reposition */
.blog.tw-pagination-minimal .navigation .page-numbers.prev, .blog.tw-pagination-minimal .navigation .page-numbers.next,
.blog.tw-pagination-center .navigation .page-numbers.prev, .blog.tw-pagination-center .navigation .page-numbers.next,
.search.tw-pagination-minimal .navigation .page-numbers.prev, .search.tw-pagination-minimal .navigation .page-numbers.next,
.search.tw-pagination-center .navigation .page-numbers.prev, .search.tw-pagination-center .navigation .page-numbers.next {
  position: relative;
  top: 5px;
  margin: 30px 0 0;
  text-transform: uppercase;
}

/* Reposition (Small Screens) */
@media only screen and (max-width: 821px) {
  /* NEXT (Newer) */
  .blog.tw-pagination-minimal .navigation .page-numbers.next, 
  .blog.tw-pagination-center .navigation .page-numbers.next,
  .search.tw-pagination-minimal .navigation .page-numbers.next,
  .search.tw-pagination-center .navigation .page-numbers.next {
    margin: 30px 0 0 10px;
  }
  /* PREV (Older) */
  .blog.tw-pagination-minimal .navigation .page-numbers.prev, 
  .blog.tw-pagination-center .navigation .page-numbers.prev,
  .search.tw-pagination-minimal .navigation .page-numbers.prev,
  .search.tw-pagination-center .navigation .page-numbers.prev {
    margin: 30px 10px 0 0;
  }
}

/*================================
   Blog posts
  ----------------------------------*/
/* Reduce margin after content */
body.single .site-main > article.post {
  margin-bottom: 50px; /* Default = 90px; */
}

/* Reduce margins before & after horizontal line  */
body.single .site-main > article.post > .entry-footer {
  margin: 60px auto 0; /* Default = 102px auto; */
}
@media only screen and (max-width: 1023px) {
  body.single .site-main > article.post > .entry-footer {
    margin: 0 auto; /* Default = 102px auto; */
  }
}

/* Reduce padding on sides of M&T text content */
@media only screen and (min-width: 1024px) {
  body.single .wp-block-media-text.alignfull .wp-block-media-text__content {
    padding: 0 65px; /* Default = 0 80px; */
  }
}

/* Reduce margin before page footer section  */
body.single #page.site aside.widget-area {
  margin-top: 30px; /* Default = 120px; */
}

/* "New Ownership" (postid-352) */
@media only screen and (max-width: 1023px) {
  body.postid-352 .wp-block-media-text {
    margin-bottom: 10px;
  }
}

/*================================
  Age Test Screen
 --------------------------------*/
body.age-test-no-scroll-bar {
  overflow: hidden;
}

#age-test-bkg {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/images/BET-age-test-BKG-IMG-7329-16x9.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  color: white;
  text-transform: uppercase;
}
#age-test-bkg #age-test-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
#age-test-bkg #age-test-wrap #age-test {
  max-width: 650px;
  padding-bottom: 30px;
  text-align: center;
  background-color: rgba( 0, 0, 0, 0.322 );
}
#age-test-bkg #age-test-wrap #age-test a {
    text-decoration: none;
}
#age-test-bkg #age-test-wrap #age-test .age-test-hdr {
  max-width: unset;
  margin: 0 auto 30px;
  padding: 0 75px;
}
#age-test-bkg #age-test-wrap #age-test .age-test-hdr .age-test-hdr-img {
  display: block;
  width: 100%;
  height: auto;
}
#age-test-bkg #age-test-wrap #age-test #age-question {
  color: #fff;
  font-family: "Inter", serif;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.15em;
  margin: 23px auto;
  width: 450px;
}
#age-test-bkg #age-test-wrap #age-test #age-question #question-text {
  padding-bottom: 25px;
}
#age-test-bkg #age-test-wrap #age-test #answer-buttons {
  display: flex;
  justify-content: space-around;
  max-width: 310px;
  margin: 0 auto;
}
#age-test-bkg #age-test-wrap #age-test #answer-buttons .answer-btn {
  background: transparent;
  border: 2px solid white;
  border-radius: 0;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1em;
  width: 40%;
  padding: 10px 15px;
  cursor: pointer;
  color: white;
  outline: none;
  transition: all 0.25s;
}
/*----------------------------------
   Age Test Screen - MQ
  ----------------------------------*/
@media screen and (max-device-width: 915px) and (min-device-width: 320px) 
{
  #age-test-bkg #age-test-wrap #age-test {
    width: auto;
    max-width: unset;
  }
  #age-test-bkg #age-test-wrap #age-test .age-test-hdr {
    margin: 0 auto;
    padding: 0 0 20px;
    max-width: 250px;
  }
  #age-test-bkg #age-test-wrap #age-test #age-question {
    font-size: 18px;
    margin: 0 auto;
    max-width: unset;
  }
  #age-test-bkg #age-test-wrap #age-test #answer-buttons .answer-btn {
    font-size: 0.8em;
  }
}

@media screen and (device-width: 768px) 
{
  #age-test-bkg #age-test-wrap #age-test {
    width: 90%;
  }
  #age-test-bkg #age-test-wrap #age-test .age-test-hdr {
    max-width: 80%;
  }
  #age-test-bkg #age-test-wrap #age-test #age-question {
    font-size: 24px;
  }
}

/*================================
   Test Styles
----------------------------------*/

/*================================
   Removed Styles
----------------------------------*/
/* -- Set MT blocks to 100vw on HOME, ABOUT, DRINKS
   -- No longer needed: MT blocks are now set to FULL width (alignfull)
@media only screen and (min-width: 1180px) {
  .wp-block-media-text.alignwide  {
    width: 100vw !important;
  }
}*/

/*
.about-page-main-group .wp-block-gallery.has-nested-images.is-cropped 
figure.wp-block-image:not(#individual-image) img {
  flex: 1 0 0%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 95%;
}
*/

/* Separator at the end of text sections
   NOTE: This item is hidden on desktop */
/*
@media screen and (max-width: 1023px) {
  hr.pad-top-10 {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
  hr.pad-top-20 {
    margin-top: 0 !important;
    padding-top: 20px !important;
  }
  hr.pad-top-30 {
    margin-top: 0 !important;
    padding-top: 30px !important;
  }
}
*/

/* Padding on sides of M&T Text group (MQ) */
/*
@media only screen and (min-width: 1024px) {
  .wp-block-media-text.alignfull > .wp-block-media-text__content {
    padding: 0 calc(var(--global--spacing-unit)*3) !important;
  }
}
*/

/*.disp-none { display: none !important; }*/
/*.mgn-left-8 { margin-left: 8px; }*/


/*
#age-test-bkg #age-test-wrap #age-test #answer-buttons .answer-btn.yes {
  float: left;
}
#age-test-bkg #age-test-wrap #age-test #answer-buttons .answer-btn.no {
  float: right;
}
*/