/* Disable double click to zoom on Mobile - Prefer faster clicks */
html {
    touch-action: manipulation;
    scroll-behavior: smooth;
}

html,
body {
    height: 100%;
}

body { 
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  padding-top: 51px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

@media (min-width: 992px) {
  body {
    padding-top: 71px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
  }
}

@media (min-width: 768px) and (max-width: 991px){
  #content {
    width: 768px;
  }
}

@media (min-width: 481px) {
 body {
     background: #ae7e47;
     background-image: url("../images/wood-bg-1.jpg"), url("../images/wood-bg-2.jpg");
     background-repeat: repeat-x, repeat;
 }
}

.navbar-fixed-top .navbar-collapse {
    max-height: calc(100vh - 94px); /* Navbar height + iOS 44px deadzone */
}

.navitem-highlight {
    color: red;
    font-weight: bold;
}

#content { background-color: rgba(255,255,255,0.8) }
#content > div.row:nth-child(2n+3) { background-color: rgba(235, 235, 235, 0.5); }

.page-header { margin-top: 50px; margin-bottom: 0px; border: 0;}
.page-header.content-page { margin-top: 20px; }
#content > div.row:not(:first-child) {
    padding-bottom: 20px;
}

#content p { font-size: 1.1em; }

footer { margin: 0 0 50px 0 !important; }

/*
 * Custom Fonts
 */
@font-face {
    font-family: 'alte_schwabacherregular';
    src: url('../fonts/alteschwabacher-webfont.eot');
    src: url('../fonts/alteschwabacher-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alteschwabacher-webfont.woff2') format('woff2'),
         url('../fonts/alteschwabacher-webfont.woff') format('woff'),
         url('../fonts/alteschwabacher-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'alpine-regular';
    src: url('../fonts/alpine-regular.eot');
    src: url('../fonts/alpine-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alpine-regular.woff') format('woff'),
         url('../fonts/alpine-regular.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'amerigo_btroman';
    src: url('../fonts/amerigo_bt-webfont.woff2') format('woff2'),
         url('../fonts/amerigo_bt-webfont.woff') format('woff'),
         url('../fonts/amerigo_bt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'chalkduster';
    src: url('../fonts/chalkduster.eot');
    src: url('../fonts/chalkduster.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chalkduster.woff2') format('woff2'),
         url('../fonts/chalkduster.woff') format('woff'),
         url('../fonts/chalkduster.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1 { font-family: "alpine-regular","Helvetica Neue",Helvetica,Arial,sans-serif; }

@media (min-width: 992px) {
  h1 { font-size: 56px; }
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Responsive Styles */

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
}

.list-item-unstyled {
  list-style-type: none;
}

/* Our standard image ratio eg 750x500px */
.image-ratio-3x2 {
    width: 100%;
    padding-bottom: 66.66%;
    height: 0;
}

/*
 * Mobile Information Bar
 */
#mobile-information-bar div {  display: table; min-width: 320px; }
#mobile-information-bar li { vertical-align: middle; float:none; display:inline-block; }
#mobile-information-bar span { display: inline;  }
#mobile-information-bar-close { display:inline-block; position:absolute; float:right; width:30px; height:29px; z-index: 2000; right: 10px; bottom: 40px;}

/* Currently manually set. Should use Javascript to calculate correctly */
#modal-map .modal-body { padding: 0px; height: calc(100% - 325px);}

#modal-map iframe {
 border:0; 
 height:100%;
 width:100%; 
 position: absolute;
}

 .modal-dialog.modal-fullscreen {
  width: 100%;
  padding: 0;
  height: 100%;
  margin: 0;
  padding-bottom:44px;
 }

 .modal-content.modal-fullscreen {
  height: 100%;
  width: 100%;
  border-radius: 0;
 }

/*
 * Font must be minimum of 16px or iOS zooms in when an input is focused
 */
.form-control {
 font-size: 16px;
}

.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.horz-scroll {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.horz-scroll [class*="col-"] {
  display: inline-block;
  float:none;
  white-space:normal;
  vertical-align: top;
}

.horz-scroll > .col-xs-12 {
  width: 90%;
}
.horz-scroll > .col-xs-11 {
  width: 82.5%;
}
.horz-scroll > .col-xs-10 {
  width: 75%;
}
.horz-scroll > .col-xs-9 {
  width: 67.5%;
}
.horz-scroll > .col-xs-8 {
  width: 60%;
}
.horz-scroll > .col-xs-7 {
  width: 52.5%;
}
.horz-scroll > .col-xs-6 {
  width: 45%;
}
.horz-scroll > .col-xs-5 {
  width: 37.5%;
}
.horz-scroll > .col-xs-4 {
  width: 30%;
}
.horz-scroll > .col-xs-3 {
  width: 22.5%;
}
.horz-scroll > .col-xs-2 {
  width: 15%;
}
.horz-scroll > .col-xs-1 {
  width: 7.5%;
}
@media (min-width: 768px) {
  .horz-scroll > .col-sm-12 {
    width: 90%;
  }
  .horz-scroll > .col-sm-11 {
    width: 82.5%;
  }
  .horz-scroll > .col-sm-10 {
    width: 75%;
  }
  .horz-scroll > .col-sm-9 {
    width: 67.5%;
  }
  .horz-scroll > .col-sm-8 {
    width: 60%;
  }
  .horz-scroll > .col-sm-7 {
    width: 52.5%;
  }
  .horz-scroll > .col-sm-6 {
    width: 45%;
  }
  .horz-scroll > .col-sm-5 {
    width: 37.5%;
  }
  .horz-scroll > .col-sm-4 {
    width: 30%;
  }
  .horz-scroll > .col-sm-3 {
    width: 22.5%;
  }
  .horz-scroll > .col-sm-2 {
    width: 15%;
  }
  .horz-scroll > .col-sm-1 {
    width: 7.5%;
  }
}
@media (min-width: 992px) {
  .horz-scroll > .col-md-12 {
    width: 90%;
  }
  .horz-scroll > .col-md-11 {
    width: 82.5%;
  }
  .horz-scroll > .col-md-10 {
    width: 75%;
  }
  .horz-scroll > .col-md-9 {
    width: 67.5%;
  }
  .horz-scroll > .col-md-8 {
    width: 60%;
  }
  .horz-scroll > .col-md-7 {
    width: 52.5%;
  }
  .horz-scroll > .col-md-6 {
    width: 45%;
  }
  .horz-scroll > .col-md-5 {
    width: 37.5%;
  }
  .horz-scroll > .col-md-4 {
    width: 30%;
  }
  .horz-scroll > .col-md-3 {
    width: 22.5%;
  }
  .horz-scroll > .col-md-2 {
    width: 15%;
  }
  .horz-scroll > .col-md-1 {
    width: 7.5%;
  }
}
@media (min-width: 1200px) {
  .horz-scroll > .col-lg-12 {
    width: 90%;
  }
  .horz-scroll > .col-lg-11 {
    width: 82.5%;
  }
  .horz-scroll > .col-lg-10 {
    width: 75%;
  }
  .horz-scroll > .col-lg-9 {
    width: 67.5%;
  }
  .horz-scroll > .col-lg-8 {
    width: 60%;
  }
  .horz-scroll > .col-lg-7 {
    width: 52.5%;
  }
  .horz-scroll > .col-lg-6 {
    width: 45%;
  }
  .horz-scroll > .col-lg-5 {
    width: 37.5%;
  }
  .horz-scroll > .col-lg-4 {
    width: 30%;
  }
  .horz-scroll > .col-lg-3 {
    width: 22.5%;
  }
  .horz-scroll > .col-lg-2 {
    width: 15%;
  }
  .horz-scroll > .col-lg-1 {
    width: 7.5%;
  }
}

/* Default size */
img.medal { height: 90px; width: 90px; }

/* Show Medals on top of images of the products */
figure.product-medals { padding-top: 35px; padding-bottom: 10px; }
figure.product figcaption { text-align:center; }
figure.product img.img-responsive { 
  background: linear-gradient(gray, white);
  border:1px solid #021a40;
}

figure.product-medals img.medal { height: 50px; width: 50px; position: absolute; top: 0px; }
figure.product-medals img.medal1 { left: 10px; }
figure.product-medals img.medal2 { left: 55px; }
figure.product-medals img.medal3 { left: 100px; }

@media (min-width: 481px) {
  figure.product-medals img.medal { height: 55px; width: 55px; }
}

@media (min-width: 992px) {
  figure.product-medals img.medal { height: 60px; width: 60px; }
}

/* Show Medals on top of a ribbon */
div.productribbon {
  background-image: url('/images/bluewhiteribbon.png');
  background-repeat: repeat-x;
  height: 70px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

div.productribbon img.medal { height: 90px; width: 90px; position: absolute; top: -10px; }
div.productribbon img.medal:nth-of-type(1) { left: 5px;  }
div.productribbon img.medal:nth-of-type(2) { left: 50px;  }
div.productribbon img.medal:nth-of-type(3) { left: 95px; }
div.productribbon img.medal:nth-of-type(4) { left: 140px; }
div.productribbon img.medal:nth-of-type(5) { left: 185px; }
div.productribbon img.medal:nth-of-type(6) { left: 230px; }
div.productribbon img.medal:nth-of-type(7) { left: 275px; }
div.productribbon img.medal:nth-of-type(8) { left: 320px; }

img.lba_frontpage {
  margin: 0 auto;
  max-height: 300px;
}

.panel-header {
  background-color: #F5F5F5;
  height: 70px;
  font-size: 27px;
  padding: 10px;
}

.map {
  min-width: 300px;
  min-height: 300px;
  width: 100%;
  height: 100%;
}

/* Blackboard Theme */

div.blackboard {
  background-color: rgb(54, 54, 54) !important;
  color: white !important;
}

.blackboard a {
    color: #9ed2ff;
}

.blackboard a:focus, .blackboard a:hover {
    color: #48aaff !important;
}

.blackboard-btn {
    border-color: white;
    font-size: 24px;
    color: #9ed2ff !important;
}

.blackboard-btn.focus, .blackboard-btn:focus, .blackboard-btn:hover {
    color: #48aaff !important;
}

/* Close buttons on modal dialogs with blackboard theme */
.blackboard .close {
    color: white;
    opacity: 1;
}

/* Price tag star burst */
.starburst-container,
.starburst-container:before,
.starburst-container:after,
.starburst-container .starburst-text,
.starburst-container .starburst-text:before,
.starburst-container .starburst-text:after {
	height: 4.6em;
	width: 4.6em;
	background: silver top left no-repeat;
}

.starburst-container:before,
.starburst-container:after,
.starburst-container .starburst-text:before,
.starburst-container .starburst-text:after {
	content: "";
	position: absolute;
}

.starburst-container {
        position: relative;
	-webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	   -ms-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	       transform: rotate(-45deg);
}

.starburst-container:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-30deg);
	  -moz-transform: rotate(-30deg);
	   -ms-transform: rotate(-30deg);
	    -o-transform: rotate(-30deg);
	       transform: rotate(-30deg);
}

.starburst-container:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-15deg);
	  -moz-transform: rotate(-15deg);
	   -ms-transform: rotate(-15deg);
	    -o-transform: rotate(-15deg);
	       transform: rotate(-15deg);
}

.starburst-container .starburst-text {
	padding: .5em 0em;
	position: absolute;
	-webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	   -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	       transform: rotate(45deg);
	z-index: 1; /* important so the text shows up */
}

.starburst-container .starburst-text:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(60deg);
	  -moz-transform: rotate(60deg);
	   -ms-transform: rotate(60deg);
	    -o-transform: rotate(60deg);
	       transform: rotate(60deg);
}

.starburst-container .starburst-text:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(75deg);
	  -moz-transform: rotate(75deg);
	   -ms-transform: rotate(75deg);
	    -o-transform: rotate(75deg);
	       transform: rotate(75deg);
}

.starburst-container .starburst-text span {
  position: relative;
  z-index: 100;
  display: block;
  text-align: center;
  color: #FE3D5C;
  font: 1.0em/1.6em Sans-Serif;
  text-transform: uppercase;
}

.starburst-container .starburst-text span.number {
  font-weight: bold;
  font-size: 1.4em;
  line-height: .9em;
  color: rgb(85,85,85);
}

h2.ribbon_banner {
  background: url('/images/text-ribbon.svg') no-repeat center;
  line-height: 2.6em;
  height:110px;
  background-size:320px auto;
  text-align: center;
  font-family: alpine-regular, 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.table-borderless td, .table-borderless th { border: none !important; }

/*
 * SHow a telephone glyph before a number
 */
a[href^="tel:"]:before {
    content: "\260E";
    margin-right: 0.5em;
}

/*
 * PorkMark minimum image requirements
 */
img.porkmark {
  min-width: 72px;
  min-height: 72px;
  max-width: 110px;
  width: 90px;
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

@media print {
    /* Print Background Colours on buttons */
    body {
        color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
    }
    /*Fixes Chrome 54+ bug with printing (shrinks output). Causes container to be 100% instead of fixed width on print*/
    .container {
        width: 100%;
    }
}

#socialmedia {
    height: 30px;
}

/* Facebook Like Styles */
.fb-like {
    width: 225px;
    height: 64px;
}

/* Facebook Share Button */
.btn-fb {
  background-color: #3B5998;
  color: white;
}

.copyright-terms-privacy {
  background-color: rgba(235, 235, 235, 0.5);
}

/* Catering */
.catering-platter-column {
    position: relative;
}

.catering-platter-starburst {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#catering_order_form {
    color: #333;
}

/* Oktoberfest Specials */
#oktoberfest-special { 
    width: 100%;
    font-family: 'amerigo_btroman';
    font-size: 1.4em;
}

#oktoberfest-special table td {
   white-space: nowrap; 
}

@media (max-width: 767px) {
    #oktoberfest-special table {
        width: 100%;
    }
}

@media (min-width: 768px) {
  #oktoberfest-special { 
    background: url('/images/oktoberfest/oktoberfest2020_blackboard.jpg') no-repeat;
    background-size: contain;
    width: 100%;
    height:630px;
    position: relative;
  }

  #oktoberfest-special table {
    position: absolute;
    top: 190px;
    left: 385px;
    width: 285px;
  }

  #oktoberfest_submit_wrap {
    display: block;
    position: absolute;
    top: 520px;
    left: 0px;
    width: 720px;
  }

  #oktoberfest-special table tr:not(:first-child) th {
     height: 40px;
     vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  #oktoberfest-special { 
    height:660px;
  }

  #oktoberfest-special table {
    position: absolute;
    top: 250px;
    left: 490px;
    width: 375px;
  }

  #oktoberfest_submit_wrap {
    display: block;
    position: absolute;
    top: 525px;
    left: 260px;
    width: 600px;
  }

  #oktoberfest-special table tr:not(:first-child) th {
     height: 45px;
     vertical-align: bottom;
  }

  #oktoberfest-special table tr td {
    padding-right: 20px;
  }
}

@media (min-width: 1200px) {
  #oktoberfest-special { 
    height:846px;
  }

  #oktoberfest-special table {
    position: absolute;
    top: 310px;
    left: 600px;
    width: 400px;
  }

  #oktoberfest_submit_wrap {
    display: block;
    position: absolute;
    top: 630px;
    left: 315px;
    width: 715px;
  }

  #oktoberfest-special table tr:not(:first-child) th {
     height: 60px;
     vertical-align: bottom;
  }
}

 #oktoberfest_submit_wrap p {
   position: relative;
   text-align: center;
 }

.header-row .header-banner-img + .share42init {
  padding-top: 13px;
}

.img-lba-winner {
  max-height: 270px;
}

/* Full Width Buttons */
@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}

.greener-shop-logo {
    position: absolute;
    right: 2%;
    top: 10px;
    width: 40%;
}

@media (min-width: 545px) {
  .greener-shop-logo {
    top: 0;
    right: 3.5%;
    width: 28%
  }
}

/* XMAS Styles */
#intro_christmas {
    background-color: rgb(54, 54, 54) !important;
    color: white !important;
}

/* Show Medals on top of images of the products */
div.xmasproductribbon {
    background-image: url('/images/bluewhiteribbon.png');
    background-repeat: repeat-x;
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

p.xmasprice { font-size: 2em !important; }

.xmas-btn {
    border-color: white;
    font-size: 24px;
    color: green !important;
}

.xmas-btn.focus, .xmas-btn:focus, .xmas-btn:hover {
    color: red !important;
}

#xmas_order_form {
    color: black !important;
}

#xmas_order_form input {
    min-width: 45px;
}

.xmas-ham-banner {
    max-width: 458px;
    max-inline-size: 458px !important;
    width: 100%;
}

.text-white {
    color: ghostwhite !important;
}

/* Disable list discs on lists in the intro specials container on the front page */
#intro_specials ul {
    list-style-type: none;
}

img.business-awards-logo {
    width: 150px;
    height: 150px;
    margin-top: 20px;
}

.animate-pause *,
.animate-pause *:before,
.animate-pause *:after {
    animation-play-state: paused !important;
}

img.img-responsive {
    max-inline-size: 100%;
    block-size: auto;
}