/* FONT CLASSES */

/* .sentBook {
    font-family: "Sentinel A", "Sentinel B";
font-style: normal;
font-weight: 400;
} */

@font-face {
  font-family: Sentinel-Book-stat;
  src: url('fonts/sentinel-book.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/sentinel-book.ttf')  format('truetype'); /* Safari, Android, iOS */
}

.sentBook {
    font-family: Sentinel-Book-stat;
font-style: normal;
font-weight: 400;
}


@font-face {
  font-family: Sentinel-BookIt-stat;
  src: url('fonts/sentinel-bookItalic.woff') format('woff'); /* Pretty Modern Browsers */
}

.sentBookIt {
    font-family: Sentinel-BookIt-stat;
font-style: normal;
font-weight: 400;
}

/* .sentBookIt {
    font-family: "Sentinel A", "Sentinel B";
font-style: italic;
font-weight: 400;
} */

/* .sentMed {
font-family: "Sentinel A", "Sentinel B";
font-style: normal;
font-weight: 500;
} */

.sentMed {
font-family: "Sentinel-Medium";
font-style: normal;
font-weight: 500;
}

.sentBold {
font-family: "Sentinel A", "Sentinel B";
font-style: normal;
font-weight: 700;
}

.sentBoldIt {
font-family: "Sentinel A", "Sentinel B";
font-style: italic;
font-weight: 700;
}

.sentSemi {
font-family: "Sentinel A", "Sentinel B";
font-style: normal;
font-weight: 600;
}

.gothBook {
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400;
}

.gothBookIt {
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 400;
}

/* .gothBold {
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;
} */

@font-face {
  font-family: Gotham-Bold-stat;
  src: url('fonts/gotham-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/gotham-bold-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
}

.gothBold {
font-family: Gotham-Bold-stat;
font-style: normal;
font-weight: 700;
}


.gothBoldIt {
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 700;
}

.taco {
    width: 6rem;
    fill: #A24C32;
}


/* COLORS */

.dark-blue {
    background:#222a42;
}

.deep-blue {
    background:#253560;
}

.leafy-green {
    background:#3EA03E;
}

.green {
    background:#89c540;
}

.dark-green {
    background:#009444;
}

.dark-grey {
    background:#414042;
}

.light-blue {
    background:skyblue;
}

.deep-pink {
    background:deeppink;
}

.orange {
    background:orange;
}

.red  {
    background:#EF4836;
}

/* TYPE */

p, h1, h2, h3, h4, h5, h6, li, ul {
    color:#efefef;
    -webkit-font-smoothing:antialiased;
}

.fullWidth {
    width:100%;
    max-width:100%;
    height:auto;
}

::-webkit-scrollbar {
    display: none;
}

body {
        overflow-y:scroll;
    overflow-x:hidden;
}


.push-down {
    padding-top: 14%;
}

/* Used to be 18% */

/* structure */
section.hero {
    padding-top: 15%;
    padding-bottom: 15%;
}

.header-bar {
    position:relative;
    z-index:5;
    padding-top:2.5%;
    padding-bottom:2.5%;
    background:#444;
}

.text {
    color:#444;
}

.main-container {
    position:relative;
    z-index:4;
    height:100%;
    overflow-y:scroll;
    overflow-x:hidden;
}

.wide {
    letter-spacing: .2rem;
}

.ticket-side {
    position:relative;
    z-index:4;
    height:100vh;
    overflow-x:hidden;
    overflow-y:scroll;
    position:relative;

}

a.burnt-brownie {
  transition:all .5s ease;
}

a.burnt-brownie:hover {
  color:#e93d0b;
  transition:all .5s ease;
}

strike {
      color: #e93d0b !important;
}

.ticket {
    height: 100vh; /* 105vh */
    background-size: cover; /* 45% */
    background-repeat: no-repeat;
    background-position: center center;
    position:relative;
}

.content-side {
    position:relative;
    z-index:4;
    height:100vh;
     background:#f9f9f9;
    overflow-y:scroll;
    overflow-x:hidden;
    padding-bottom:0%;
}

.advance-button {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    background:rgba(0,0,0,0);
    margin-bottom:0%;
    letter-spacing:.15rem;
    font-size:1.1rem;
        transition:background .5s ease;
       -webkit-transition:background .5s ease, color .5s ease;
            -moz-transition:background .5s ease, color .5s ease;
                o-transition:background .5s ease, color .5s ease;
                    ms-transition:background .5s ease, color .5s ease;
    position:absolute;
    bottom:0;
        color: #f9f9f9;
}

.advance-button:hover {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    background:rgba(0,0,0,.2);
    margin-bottom:0%;
    letter-spacing:.15rem;
    font-size:1.1rem;
    transition:background .5s ease;
       -webkit-transition:background .5s ease, color .5s ease;
            -moz-transition:background .5s ease, color .5s ease;
                o-transition:background .5s ease, color .5s ease;
                    ms-transition:background .5s ease, color .5s ease;
    color: #444;
        position:absolute;
    bottom:0;
}

.top-title svg {
    padding-top: 6.5%;
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
}

.nav-panel {
    opacity:.8;
        transition:opacity .5s ease;
       -webkit-transition:opacity .5s ease;
            -moz-transition:opacity .5s ease;
                o-transition:opacity .5s ease;
                    ms-transition:opacity .5s ease;
}

.nav-panel:hover {
    opacity:1;
        transition:opacity .5s ease;
       -webkit-transition:opacity .5s ease;
            -moz-transition:opacity .5s ease;
                o-transition:opacity .5s ease;
                    ms-transition:opacity .5s ease;

}


/* padding-bottom: 5%; */

.left {
    float:left;
}

.right {
    float:right;
}


.rvr_content {
    display:block;
}

.fay_content {
    display:none;
}


.helvetica {
    font-family:"helvetica-neue-bold", helvetica-bold, helvetica, sans-serif;
        letter-spacing: -.015rem;
}

.dark-orange {
    color:#e83e0b;
}


.supply-chain-cont {
    padding-left: 1%;
    padding-right: 1%;
}

.copy {
    height: auto;
    font-size: 2.4rem;
/*     border-left: 4px solid rgba(100,0,0,.04);
    padding-left: 4%; */
    margin-bottom: 5%;
    line-height: 3.45rem;
}


.link {
    color:#a24c32;
    height: auto;
    font-size: 1.4rem;
/*     border-left: 4px solid rgba(100,0,0,.04);
    padding-left: 4%; */
    margin-bottom: 0%;
        line-height: 1.45rem;
    text-decoration:underline;
    transition:all ease .5s;
    -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s;
    -ms-transition:all ease .5s;
    -o-transition:all ease .5s;
}

.link:hover {
    color:#713624;
    height: auto;
    font-size: 1.4rem;
/*     border-left: 4px solid rgba(100,0,0,.04);
    padding-left: 4%; */
  margin-bottom: 0%;
        line-height: 1.45rem;
    text-decoration:underline;
        transition:all ease .5s;
    -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s;
    -ms-transition:all ease .5s;
    -o-transition:all ease .5s;
}

.link:focus {
    color:#713624;
    height: auto;
    font-size: 1.4rem;
/*     border-left: 4px solid rgba(100,0,0,.04);
    padding-left: 4%; */
  margin-bottom: 0%;
        line-height: 1.45rem;
    text-decoration:underline;
        transition:all ease .5s;
    -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s;
    -ms-transition:all ease .5s;
    -o-transition:all ease .5s;
}

.info {
    position: fixed;
    padding-left: 7%;
    padding-right: 5%;
}

.burnt-brownie {
     color:#713624;
}

.brownie {
    color:#a24c32;
}

.list {
    padding-left: 0%;
    padding-right: 18%;
    padding-bottom:6%
}

.subtitle {
    height: auto;
    font-size: 1.3rem;
}

    .sidenote {
    font-size: 1.2rem;
    line-height: 2rem;
}

.price {
    font-size: 1.5rem;
}

.content-section {
       padding-top: 5%;
    padding-bottom: 5%;
        padding-left: 8%;
    padding-right: 8%;
}

.callout-section {
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    font-size: 2.8rem;
    padding-left: 5%;
    padding-right: 5%;
    color:#444;
    line-height: 3.2rem;
}

.stats-title {
    height: auto;
    font-size: 2.3rem;
    color: #444;
    line-height: 3rem;

}

.stats-sub {
    height: auto;
    font-size: 1.85rem;
    color: #444;
    line-height: 3rem;
    margin-bottom:0;
}

.stats-tiny {
    height: auto;
    font-size: 1.2rem;
    color: #444;
    line-height: 3rem;
    margin-bottom:0;
}

.stats-copy {
    height: auto;
    font-size: 1.5rem;
    color: #444;
    margin-bottom:0;
}

.nutrition-line {
    position: absolute;
    bottom: 6%;
    width: 100%;
}

.row.stats-bottom {
    padding-top: 6%;
}

.nutrition-counter {
    float: left;
    position: absolute;
    top: 5%;
    left: 7%;
}

.smallcaps {
    font-size: 1.1rem;
    letter-spacing: 0.2rem;
    line-height: 0rem;
}

.supersmall {
    font-size: .95rem;
    letter-spacing: 0.2rem;
    line-height: 0rem;
    padding-top:3%;
    padding-left: 2%;
}


.bigcount {
    font-size: 6rem;
    margin-bottom: 0%;
    line-height: 8rem;
}

.row.stats-top {
    padding-top: 7%;
}

.cow  {
    background-image:url('img/babycow.jpg');
    background-color:#000 !important;
}

.cowmom  {
    background-image:url('img/cow-mom.jpg');
    background-color:#000 !important;
}

.facility  {
    background-image:url('img/facility.jpg');
    background-color:#000 !important;
    background-color: #ddd !important;
    opacity: .94;
    background-blend-mode: multiply;
}


.hanging-meat  {
    background-image:url('img/hanging-meat.jpg');
    background-color: #ddd !important;
    opacity: .95;
    background-blend-mode: multiply;
}

.distributor  {
    background-image:url('img/distributor.jpg');
    background-color: #ddd !important;
    opacity: .95;
    background-blend-mode: multiply;
}

.meat-full  {
    background-image:url('img/meat-full.jpg');
    background-color: #ddd !important;
}

.pasture  {
    background-image:url('img/pasture.jpg');
    background-color:#000 !important;
}

.review  {
    background-color:#f9f9f9 !important;
}

.man-cow  {
    background-image:url('img/man-cow.jpg');
    background-color:#000 !important;
}

.beef  {
    background-image:url('img/beef-trim.jpg');
    background-color:#999 !important;
    background-blend-mode: multiply;
}
.fish  {
    background-image:url('img/fish-trim.jpg');
    background-color:#999 !important;
    background-blend-mode: multiply;
}
.grape  {
    background-image:url('img/grape-trim.jpg');
    background-color:#999 !important;
    background-blend-mode: multiply;
}


.beef:hover  {
    background-image:url('img/beef-trim.jpg');
    background-color:#999 !important;
     background-blend-mode: initial !important;

}
.fish:hover  {
    background-image:url('img/fish-trim.jpg');
    background-color:#999 !important;
     background-blend-mode: initial !important;
}
.grape:hover  {
    background-image:url('img/grape-trim.jpg');
    background-color:#999 !important;
     background-blend-mode: initial !important;
}





.bottom-subtitle {
    position: absolute;
    bottom: 9%;
    color: #fff !important;
}

#maincover  {
    background-image:url('img/maincover.jpg');
    background-color:#F85C03 !important;
}

.fay  {
    background-image:url('img/fay.png');
    background-color:#BCCE33 !important;
}

.flo  {
    background-image:url('img/flo.png');
    background-color:#292282 !important;
}

 .pad-left {
          padding-left:3%;
      }

      .pad-right {
          padding-right:3%;
      }

        .pad-bottom {
          padding-bottom:3%;
      }

body {
    background:#efefef;
}

.v-center {
    padding-top: 10%;
    padding-bottom: 14%;
}

.sub-callout {
    letter-spacing:.2rem;
}

span.with {
    font-size: 1.8rem;
    /* margin-top: -3%; */
    /* float: left; */
    display: inline;
    /* top: 21px; */
    /* position: absolute; */
}

.auto-h {
    height:auto;
}

.big-title {
    font-size:6.8rem;
    line-height: 7.8rem;
}

.smaller-title {
    font-size:2.2rem;
}


.medium-title {
    font-size: 2.45rem;
}

.grid-title {
    font-size: 1.8rem;
    margin-bottom: 0%;
}

.lighter-blue {
    background-color:#aae0ff;
}


.blue-button {
    border-radius: 30px;
    margin-top: 3%;
    font-size:1.1rem;
    background:rgb(52,105,202);
}

.blue-button:hover {
    border-radius: 30px;
    margin-top: 3%;
    font-size:1.1rem;
    background:#1583cc;
}

.blue-button-small {
    border-radius: 30px;
    margin-top: 3%;
    font-size:.8rem;
    background:rgb(52,105,202);
}

.blue-button-small:hover {
    border-radius: 30px;
    margin-top: 3%;
    font-size:.8rem;
    background:#1583cc;
}


.cta-link {

    color:rgb(52,105,202);
}

.cta-link:hover {

    color:#1583cc;
}

.gradbg {
    background-image: -moz-linear-gradient( 0deg, rgb(50,175,115) 0%, rgb(78,168,252) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(50,175,115) 0%, rgb(78,168,252) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(50,175,115) 0%, rgb(78,168,252) 100%);
}

.section-title {
    font-size: 1.9rem;
}

.kern75 {
    letter-spacing: .25rem;
}

.kern50 {
    letter-spacing: .15rem;
}

.whiteout {
    color:#fff;
}

.bluegray {
    background:rgb(45, 60, 60);
}

.blueslate {
    background:darkslategray;
}

/* darkslategray */

.whitebg {
    background:#ffffff;
}

.pink {
    background:deeppink;
}

.blue {
    background:skyblue;
}

.caps {
    text-transform:uppercase;
}

@media screen and (max-width: 1023px) {


.info {
    position:relative;
    padding-right:5%;
    padding-left:5%;
}

.subtitle {
    font-size: 1.5rem;
    line-height: 2.4rem;
}

    .sidenote {
    font-size: 1.2rem;
    line-height: 2rem;
}

    .info h2 {
        font-size:2.3rem;
    }

.list {
    padding-left: 5%;
    padding-right: 5%;
}

    .list .copy {
     height: auto;
    font-size: 2rem;
    margin-bottom: 5%;
/*     border-left: 8px solid rgba(100,0,0,.04);
    padding-left: 4%; */
    line-height: 3.2rem;
}

   .main-container {
    position:relative;
    z-index:4;
    height:auto;
    overflow-y:initial;
    overflow-x:initial;
}

    .list .price {
    font-size: 1.5rem;
}

        .list .subtitle {
    font-size: 1.6rem;
}
}