@charset "utf-8";
/* CSS Document */

@media (min-width: 768px) and (max-width: 991px) {
    img.vertical-image {
        margin-left: 4em;
    }

    .carousel-caption {
        width: 25%;
    }

    .carousel-indicators {
        margin-left: -22%;
        width: 20%;
    }

    .right.carousel-control,
    .left.carousel-control {
        top: 40%;
    }

    /**************************** PREHEADER STYLES ****************************/
    #preheader #desktop-find {
        display: none;
    }

    #preheader #mobile-find {
        display: none;
    }

    #preheader #connect img {
        margin-left: .5em;
        margin-top: -0.25em;
        width: 1.5em;
        height: 1.5em;
    }

    #preheader #connect .hidden-xs {
        display: inline-block !important;
    }

    #preheader #connect .hidden-sm {
        display: none !important;
    }

    #preheader .fb-like {
        margin-top: 4px;
        width: 100px !important;
    }

    /*#preheader .fb-like { margin-top:4px; width:30% !important; }*/
    #preheader .col-sm-1,
    #preheader .col-sm-2,
    #preheader .col-sm-3,
    #preheader .col-sm-4,
    #preheader .col-sm-5,
    #preheader .col-sm-6,
    #preheader .col-sm-7,
    #preheader .col-sm-8,
    #preheader .col-sm-9,
    #preheader .col-sm-10,
    #preheader .col-sm-11,
    #preheader .col-sm-12 {
        padding: 0;
    }

    /**************************** /PREHEADER STYLES ****************************/
    header {
        margin-bottom: 0;
    }

    #brand {
        margin-bottom: 1em;
    }

    /**************************** NAV STYLES ****************************/
    .specified-width {
        width: 61%;
    }

    .navbar {
        font-size: 1.15em;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: -2.8em;
        padding-bottom: 0;
        padding-right: 0;
    }

    nav .hidden-xs {
        display: inline-block !important;
    }

    .navbar-right {
        margin-right: -23px;
    }

    /* Credit for making nav work on hover: http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns */
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    /**************************** /NAV STYLES ****************************/
    /* BROWN HORIZONTAL RULE */
    #brown-rule {
        margin-bottom: 1.25em;
    }

    /**************************** BREADCRUMB STYLES ****************************/
    .breadcrumb {
        font-size: .85em;
        padding: .5em;
    }

    .breadcrumb>li+li:before {
        padding: .5em;
    }

    /**************************** /BREADCRUMB STYLES ****************************/
    /**************************** PAGE CONTENT STYLES ****************************/
    .page-content {
        padding: 2em 1em;
    }

    /**************************** /PAGE CONTENT STYLES ****************************/
    /**************** FOOTER STYLES ***********************************/
    footer h4 {
        margin-top: 2em;
    }

    footer li {
        margin-top: 2em;
    }

    /**************** /FOOTER STYLES ***********************************/
    /**************************** HOME STYLES ****************************/
    hr.black-rotator-bar {
        border: solid 4px #000000;
        margin: .75em 0 0 0;
    }

    /* PRODUCT CAROUSEL STYLES */
    #myProductCarousel {
        padding: 0 4em;
    }

    #myProductCarousel p.variety-caption {
        font-size: 1em;
    }

    /* /PRODUCT CAROUSEL STYLES */
    /* FACEBOOK BLOCK STYLES */
    #facebook #facebook-mobile {
        display: none;
    }

    #facebook .fb-like-box {
        background-color: #ffffff;
        border: 1em solid #ffffff;
    }

    #facebook .fb-like-box,
    .fb-like-box span,
    .fb-like-box iframe[style] {
        width: 100% !important;
    }

    /* /FACEBOOK BLOCK STYLES */
    /* INFO CARDS */
    .info-card {
        min-height: 300px;
    }

    /* /INFO CARD */
    /**************************** /HOME STYLES ****************************/
    /************************** OUR PRODUCT PAGE STYLES ******************************/
    #our-products p {
        font-size: 1.5em;
    }

    #our-products .product-text-left {
        padding: 2em 2em 2em 0;
    }

    #our-products .product-text-right {
        padding: 2em 0 2em 2em;
    }

    /* Make sure odd columns clear on the left when column heights are uneven on small screens. Credit: https://cfxdesign.com/clear-bootstrap-column-floats-the-right-way/ */
    .products .col-sm-6:nth-child(odd) {
        clear: left;
    }

    /************************** /OUR PRODUCT PAGE STYLES ******************************/
    /************************** GENERAL PRODUCT PAGE STYLES ******************************/
    .headline h1 {
        font-size: 1.75em;
    }

    .vertical-center {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .vertical-center img {
        width: 100%;
    }

    .zebra-dark .product-text {
        padding: 2em 0 2em 2em;
    }

    .zebra-light .product-text {
        padding: 5em 2em 2em 0;
    }

    .requesting-logo p {
        font-size: 1.2em;
    }

    /************************** /GENERAL PRODUCT PAGE STYLES ******************************/
    /************************** INDIVIDUAL PRODUCT PAGE STYLES ******************************/
    #indiv-product {
        padding-bottom: 1em;
    }

    .indiv-product div.social-row {
        width: 100%;
    }

    .indiv-product div.social-row .fb-like {
        width: 60% !important;
    }

    .button-row .btn {
        font-size: 1.2em;
        margin-top: 4em;
    }

    .button-row .col-sm-1,
    .button-row .col-sm-2,
    .button-row .col-sm-3,
    .button-row .col-sm-4,
    .button-row .col-sm-5,
    .button-row .col-sm-6,
    .button-row .col-sm-7,
    .button-row .col-sm-8,
    .button-row .col-sm-9,
    .button-row .col-sm-10,
    .button-row .col-sm-11,
    .button-row .col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    /************************** /INDIVIDUAL PRODUCT PAGE STYLES ******************************/
    /************************** PROMOTIONS PAGE STYLES ******************************/
    .promotions {
        margin-left: 3em;
        margin-right: 3em;
    }

    .promo-info {
        background: transparent url(/images/bg-promotions-lg.jpg) no-repeat 0 0;
        margin-top: 2em;
    }

    .promo-copy-box {
        margin-bottom: 1em;
        margin-top: 2em;
    }

    .promo-img {
        padding: 19em 0 2em 2em;
    }

    /************************** /PROMOTIONS PAGE STYLES ******************************/
    /************************** THANK YOU PAGE STYLES ******************************/
    .thank-you {
        height: 250px;
        margin: 2em 1em;
    }

    .thank-you h1 {
        margin-top: 2em;
    }

    .thank-you h1:nth-child(1) {
        margin-top: 0;
    }

    /************************** /THANK YOU PAGE STYLES ******************************/
    /************************** SITE MAP PAGE STYLES ******************************/
    #site-map ul {
        margin-top: 1em;
    }

    #site-map li {
        margin-bottom: 1em;
    }

    /************************** /SITE MAP PAGE STYLES ******************************/
}

@media only screen and (min-width: 768px) {

    /************************** LEGAL STYLES ******************************/
    #privacy #mexico-privacy {
        position: absolute;
        right: 2rem;
        top: 2rem;
    }

    /************************** /LEGAL STYLES ******************************/
}

@media (min-width: 992px) {
    .main-container {
        width: 980px;
    }

    img.vertical-image {
        margin-left: 4em;
    }

    #myModal {
        width: 70%;
    }

    /**************************** PREHEADER STYLES ****************************/
    #preheader #connect .hidden-xs {
        display: inline-block !important;
    }

    #preheader .input-group {
        border-radius: 0;
    }

    #preheader .form-control {
        border-radius: 0;
        height: 28px;
        padding-top: 3px;
    }

    #preheader #zip-find-label {
        font-size: .95em;
        margin-right: 0;
        padding-right: 0;
        padding-top: 3px;
    }

    #preheader #zip-field {
        margin-right: 0;
        padding-right: 0;
    }

    #preheader #tablet-find {
        display: none;
    }

    #preheader #mobile-find {
        display: none;
    }

    #preheader .fb-like {
        margin-top: 2px;
        width: 80px !important;
    }

    /**************************** /PREHEADER STYLES ****************************/
    header {
        margin-bottom: -20px;
    }

    /**************************** NAV STYLES ****************************/
    #brand {
        margin-bottom: 2.5em;
        width: 300px;
    }

    ul.specified-width {
        width: 68%;
        margin-bottom: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    nav .hidden-xs {
        display: inline-block !important;
    }

    .navbar-right {
        margin-right: -22px;
    }

    /* Credit for making nav work on hover: http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns */
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    /**************************** /NAV STYLES ****************************/
    /**************************** PAGE CONTENT STYLES ****************************/
    .page-content {
        padding: 3em 2em;
    }

    /**************************** /PAGE CONTENT STYLES ****************************/
    /**************************** FOOTER STYLES ****************************/
    footer {
        padding-top: 3em;
    }

    /**************************** /NAV STYLES ****************************/
    /**************************** HOME STYLES ****************************/
    /* PRODUCT CAROUSEL STYLES */
    #myProductCarousel {
        padding: 0 4em;
    }

    /* /PRODUCT CAROUSEL STYLES */
    /* FACEBOOK BLOCK STYLES */
    #facebook #facebook-mobile {
        display: none;
    }

    #facebook .fb-like-box {
        background-color: #ffffff;
        border: 1em solid #ffffff;
    }

    #facebook .fb-like-box,
    .fb-like-box span,
    .fb-like-box iframe[style] {
        width: 100% !important;
    }

    /* /FACEBOOK BLOCK STYLES */
    /* INFO CARD */
    .info-card {
        min-height: 263px;
    }

    /* /INFO CARD */
    /* VIDEO */
    .video-container {
        width: 80%;
        margin: auto;
    }

    /* /VIDEO */
    /**************************** /HOME STYLES ****************************/
    /************************** OUR PRODUCT PAGE STYLES ******************************/
    #our-products p {
        font-size: 1.5em;
    }

    #our-products .product-text-right {
        padding: 5em 0 5em 2em;
    }

    #our-products .product-text-left {
        padding: 5em 2em 5em 0;
    }

    /************************** /OUR PRODUCT PAGE STYLES ******************************/
    /************************** GENERAL PRODUCT PAGE STYLES ******************************/
    .headline h1 {
        font-size: 2.25em;
    }

    .vertical-center {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .vertical-center img {
        width: 100%;
    }

    .zebra-light .product-text {
        padding: 9em 5em 5em 0;
    }

    .zebra-dark .product-text {
        padding: 5em 0 5em 5em;
    }

    .skinny-product-img-fix {
        padding-top: 1.5em;
    }

    /************************** /GENERAL PRODUCT PAGE STYLES ******************************/
    /************************** INDIVIDUAL PRODUCT PAGE STYLES ******************************/
    .indiv-product-description {
        padding-left: 3em;
    }

    .button-row .btn {
        font-size: 1.3em;
        margin-top: 5em;
    }

    /*.pizzeria-product-description { padding-left:13em; }
/************************** /INDIVIDUAL PRODUCT PAGE STYLES ******************************/
    .requesting-logo p {
        font-size: 1.3em;
    }

    /************************** /GENERAL PRODUCT PAGE STYLES ******************************/
    /************************** OUR STORY PAGE STYLES ******************************/
    p {
        line-height: 1.75;
        margin-bottom: 1.25em;
    }

    /************************** /OUR STORY PAGE STYLES ******************************/
    /************************** PROMOTIONS PAGE STYLES ******************************/
    .promotions {
        margin-left: 3em;
        margin-right: 1em;
    }

    .promo-info {
        background: transparent url(/images/bg-promotions-lg.jpg) no-repeat 0 0;
        margin-top: 2em;
    }

    .promo-copy-box {
        margin-bottom: 1em;
        margin-top: 2em;
    }

    .promo-img {
        padding: 15em 0 2em 2em;
    }

    /************************** /PROMOTIONS PAGE STYLES ******************************/
    /************************** THANK YOU PAGE STYLES ******************************/
    .thank-you {
        height: 320px;
        padding: 3em 2em;
    }

    .thank-you h1 {
        margin-top: 3em;
    }

    .thank-you h1:nth-child(1) {
        margin-top: 0;
    }

    /************************** /THANK YOU PAGE STYLES ******************************/
    /************************** PRIVACY PAGE STYLES ******************************/
    #privacy {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    /************************** /PRIVACY PAGE STYLES ******************************/
    /************************** TERMS PAGE STYLES ******************************/
    #terms {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    /************************** /TERMS PAGE STYLES ******************************/
}