/**
 * Lucky's Styles
 */

/* Media Query breakpoints
small    = 30.063em (480px)
medium   = 40.063em (640px)
normal   = 60.063em (960px)
large    = 64.063em (1024px)
x-large  = 90.063em (1440px)
xx-large = 120.063em (1920px)
*/

/**
 * Colors
 * Lucky's Colors
#9D2235 - Red
#F7931E - Orange
#D9C89E - Tan

#390001 - Dark Red From Old Site
#ECE0CA - Another Tan From Old Site
#000000 - Black
#FFFFFF - White
#CCCCCC - Grey
 */

/* Fonts */
@import "font-face/fonts.css"; */

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

img, media {
  max-width: 100%;
}

body {
  font-family: 'source_sans_proregular', sans-serif;
  background-color: #000000;
}

a {
  text-decoration: none;
}

a:link {
    color: #D9C89E;
}

a:visited {
    color: #D9C89E;
}

a:hover {
    color: #9D2235;
}

a:active {
    color: #9D2235;
}

.content-container a:link {
    color: #9D2235;
}

.content-container a:visited {
    color: #9D2235;
}

.content-container a:hover {
    color: #D9C89E;
}

.content-container a:active {
    color: #D9C89E;
}

.field--type-text-with-summary a:link {
    color: #D9C89E;
}

.field--type-text-with-summary a:visited {
    color: #D9C89E;
}

.field--type-text-with-summary a:hover {
    color: #9D2235;
}

.field--type-text-with-summary a:active {
    color: #9D2235;
}

h1, h2, h3 {
  font-family: 'sexsmithregular', sans-serif;
}

h1, h2, h3 {
  text-transform: uppercase;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #9D2235;
    margin: 1em 0;
    padding: 0; 
}

.views-exposed-form-store-locator-page .views-exposed-form .views-exposed-widgets {
    border-bottom: 1px solid #9D2235;
    padding-bottom: 10px;
}

.l-page {
  background-color: #FFFFFF;
}

.l-branding {
  padding-top: 20px;
  float: left;
}

.l-region--branding {
  padding-top: 20px;
  float: right;
}

.l-region--header {
  padding-top: 20px;
  float: right;
}

.l-region--navigation ul.menu li a.home-icon {
  text-indent: -999px;
  background: url(../images/homenav.png) no-repeat left center;
}

.l-region--navigation ul.menu li a.home-icon:hover {
  text-indent: -999px;
  background: url(../images/homenav2.png) no-repeat left center;
}

.hashline-bar {
  background:url(../images/hashline.png);
  background-repeat: repeat-x;
  background-position: top center;
  height: 12px;
}

.hashline-top {
  background-color: #9D2235;
}

.hashline-bottom {
  background-color: #000000;
}

.header-container {
  background:url(../images/woodgrain-960x125.png);
  background-position: top center;
  background-color: #000000;
  height: 128px;
}

.nav-container {
  background-color: #9D2235;
}

.content-container {
  background-color: #000000;
}

.content-container .container{
  background-color: #FFFFFF;
}

.content-container .container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.front .content-container .container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* + Hide Things */
.breadcrumb {
  display: none;
}

.search-result__info {
  display: none;  
}

.ext .element-invisible {
  display: none;
}

.front .l-page .content-container .l-content h1 {
  display: none;
}
/* - Hide Things */

#views_slideshow_cycle_main_front_page_slider-block_1 .field--type-text-with-summary h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5em;
  letter-spacing: 4px;
}

.footer-container {
  background-color: #000000;
}

.button-aop .leaf a {
  display:inline-block;
  text-decoration:none;
  width: auto;
  /* background: #9D2235; */
/*
  -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
  -moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
  box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
*/
  color: #FFFFFF!important;
  cursor: pointer;
  font-size: 1.125em;
  font-weight: normal;
  margin: 0;
  padding: 12px 10px 15px;
  position: relative;
  text-transform: uppercase;
}

.button-aop .leaf a:hover {
  background:#9D2235;
  color:#000000!important;
}

.button-aop .leaf {
  list-style-type: none;
  list-style-image: none;
}

.button-aop .menu {
  text-align: center;
  font-size: 0;
}

.button-aop .leaf {
  display: inline-block;
  font-size: 16px;
}

.otw-facebook {
  padding: 0 2px;
}

.otw-twitter {
  padding: 0 2px;
}

.otw-instagram{
  padding: 0 2px;
}

.otw-pinterest{
  padding: 0 2px;
}

.otw-youtube{
  padding: 0 2px;
}

.otw-google{
  padding: 0 2px;
}

.footer-container .block--block-2 h4 {
  font-size: 1.125em;
  text-transform: uppercase;
  margin: 0;
}

.footer-container .block--block-3 h4 {
  font-size: 1.125em;
  text-transform: uppercase;
}

.locate-image {
  position: relative;
  top: 10px;
  width: 24px;
  height: 37px;
}

.recipe-summary {
  width: 145px;
  padding-left: 5px;
}

/* + Main Menu */
.responsive-menus.responsified span.toggler {
  display: block;
  background: #9D2235;
  color: #ffffff;
  border-radius: 0px;
  box-shadow: 2px 2px 2px #9D2235;
  font-size: 1.25em;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/*
.responsive-menus.responsified span.toggler:after {
  content: "\00a0 \00a0 \00a0 ";
}
*/

.responsive-menus.responsified .responsive-menus-simple {
  display: none;
  width: 100%;
  background: #9D2235;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  /* box-shadow: 2px 2px 2px #000;*/
}

.responsive-menus.responsified .responsive-menus-simple li a {
    display: block;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #ffffff;
    border-bottom: 1px solid #bbb;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    text-decoration: none;
    text-transform: uppercase;
}
/* - Main Menu */

/* + Find By Zip */
.locate-zip {
    width: 105px;
}

.locator-street {
    padding-left: 44px;
}

.locator-csz {
    padding-left: 44px;
}

#edit-circle-wrapper .description {
  display: none;
}

/* - Find By Zip */

/* - Copyright */
.footer-container .block--block-4 {
  color: #444444;
}
/* - Copyright */

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* + Form Input */
.content-container input[type="text"],
.content-container input[type="email"],
.content-container input[type="password"] {
  width: 200px;
}
.recipe-yield-value {
    width: 140px !important;
}
/* - Form Input */

/* + Search Form */
.block--search h2 {
  color: #FFFFFF;
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1em;
}
/* - Search Form */

/* + Recipe */
.node--recipe .group-right {
  width: initial !important;
  padding: 10px;
}
/* - Recipe */

/* + Click on Cart */
.nav-container .l-region--navigation {
  height: 50px;
}

.responsive-menus-0-0 {
  float: left;
  width: 760px;
}

.click-on-cart .view-footer {
  padding-top: 7px;
}

.click-on-cart .view-footer p {
  margin: 0px;
  float: left;
  padding-right: 5px;
}

.click-on-cart .view-footer img {
  margin-left: 32px;
}

.click-on-cart .line-item-quantity {
  padding-top: 5px;
  color: #ffffff;
}
/* - Click on Cart */

/* + Product Views */
.sauce-product-display {
  padding-bottom: 25px;
}
/* - Product Views */

.footer-container .fb-page {
   height: 500px;
}

@media only screen and (max-width: 479px) {
  .container {
    max-width: 320px;
  }

  .header-container {
    height: 260px;
  }

  .responsive-menus.responsified {
    width: 175px;
  }

  .l-region--branding,
  .l-region--header {
    float: left;
  }

  .l-region--navigation ul.menu li a.home-icon {
    text-indent: 0;
    background: none;
  }

  .views-slideshow-cycle-main-frame {
    width: 100% !important;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture {
    display: none;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--type-text-with-summary {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-container .block--block-2,
  .footer-container .block--block-3 {
    color: #FFFFFF;
  }

  .footer-container .block--block-2 .block__content {
    padding: 35px 10px 20px
  }

  .footer-container .block--block-3 .block__content {
    border-top: 5px solid #CCCCCC;
    border-bottom: 5px solid #CCCCCC;
  }

  .footer-container .block--block-4 .block__content {
    padding: 35px 20px 20px;
    text-align: center;
  }

  .footer-container .block--search-form {
    text-align: center;
    padding-top: 25px;
  }

  .recipe-summary {
    float: inherit;
  }

  .section-the-sauces .content-container .field--type-text-with-summary img {
    width: 250px !important;
    height: 175px !important;
  }

/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */
  .page-the-sauces .content-container h1 {
    display: none;
  }

  .page-the-sauces .content-container .container {
    max-height: 592px;
    background-color: #000000;
  }

  .page-the-sauces .view-the-sauces {
    text-align: center;
  }

  .page-the-sauces .view-the-sauces .views-row {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 210px;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture {
    margin: 0;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture img {
    width: 300px !important;
    height: 210px !important;
  }

  .page-the-sauces .view-the-sauces .views-field-name {
    background-color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    position: relative;
    display: none;
  }
/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */

  /* + Sauces Pages */
/*
  .section-sauces .l-content{
    -webkit-transform:  rotate(180deg);
    -moz-transform:  rotate(180deg);
    -ms-transform:  rotate(180deg);
    -o-transform:  rotate(180deg);
    transform:  rotate(180deg);
  }
*/

  .section-sauces .l-content h1,
  .section-sauces .l-content .block--views-products-block-2,
  .section-sauces .l-content .node--product-display--full {
    display: block;
    margin: 0 auto 5px;
/*
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
*/
  }

/*
  .section-sauces .l-content .block--views-products-block-2,
  .section-sauces .l-content .node--product-display--full {
    display: inline-block;
    vertical-align: top;
  }
*/

  .section-sauces .l-content ul {
    padding: 0;
  }

  .section-sauces .l-content .views-row {
    list-style-image: none;
    list-style-type: none;
  }

  .section-sauces .ds-2col > .group-left {
    float: left;
    width: 290px;
    padding-left: 85px;
  }

  .section-sauces .ds-2col > .group-right {
    float: right;
    width: 290px;
  }

  .section-sauces .l-content h1 {
    text-align: center;
/*
    position: absolute;
    bottom: -90px;
*/
  }

  .content-container .container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 70px;
    padding-bottom: 1px;
  }
  /* - Sauces Pages */

  /* - Recipe */
  .node--recipe .group-left {
    float: none !important;
    width: 100% !important;
  }
  /* - Recipe */

  /* + Sauces Listing */
  .section-sauces1 .content-container .container,
  .section-sauces2 .content-container .container {
    min-height: 500px;
  }

  .section-sauces1 .l-content,
  .section-sauces2 .l-content {
    padding-top: 15px;
  }

  .block--views-online-hot-sauces-block-1,
  .block--views-online-hot-sauces-block-2 {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 15px;
  }

  .block--views-online-hot-sauces-block-1 h2,
  .block--views-online-hot-sauces-block-2 h2 {
    margin: 0px;
    font-size: 20px;
  }

  .sauce-product-image,
  .sauce-product-display {
    display: inline-block;
    vertical-align: top;
  }

  .sauce-product-image {
    width: 100%;
    text-align: center;
  }

  .sauce-product-display {
    width: 100%;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sauce-product-display h2 {
    font-size: 2.0em;
    margin-top: 0;
    text-align: center;
  }
  /* - Sauces Listing */
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  .container {
    max-width: 480px;
  }

  .header-container {
    height: 160px;
  }

  .responsive-menus.responsified {
    width: 330px;
  }

  .l-region--navigation ul.menu li a.home-icon {
    color: transparent !important;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--type-text-with-summary {
    background-color: #000000;
    color: #FFFFFF;
    padding: 10px;
    height: 407px;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture {
    /* display: none; */
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture,
  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture img {
    height: 235px !important;
  }

  .footer-container .block--block-2,
  .footer-container .block--block-3 {
    color: #FFFFFF;
  }

  .footer-container .block--block-2 .block__content {
    padding: 35px 20px 20px
  }

  .footer-container .block--block-3 .block__content {
    border-top: 5px solid #CCCCCC;
    border-bottom: 5px solid #CCCCCC;
  }

  .footer-container .block--block-4 .block__content {
    padding: 35px 20px 10px;
    text-align: center;
  }

  .footer-container .block--search-form {
    text-align: center;
    padding-top: 20px;
  }

  .section-the-sauces .content-container .field--type-text-with-summary img {
    width: 375px !important;
    height: 263px !important;
  }

/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */
  .page-the-sauces .content-container h1 {
    display: none;
  }

  .page-the-sauces .content-container .container {
    max-height: 592px;
    background-color: #000000;
  }

  .page-the-sauces .view-the-sauces {
    text-align: center;
  }

  .page-the-sauces .view-the-sauces .views-row {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 298px;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture {
    margin: 0;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture img {
    width: 419px !important;
    height: 294px !important;
  }

  .page-the-sauces .view-the-sauces .views-field-name {
    background-color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    position: relative;
    display: none;
  }
/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */

  /* + Sauces Pages */
/*
  .section-sauces .l-content{
    -webkit-transform:  rotate(180deg);
    -moz-transform:  rotate(180deg);
    -ms-transform:  rotate(180deg);
    -o-transform:  rotate(180deg);
    transform:  rotate(180deg);
  }
*/
  .section-sauces .l-content h1,
  .section-sauces .l-content .block--views-products-block-2,
  .section-sauces .l-content .node--product-display--full {
    display: block;
    margin: 0 auto 5px;
/*
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
*/
  }

/*
  .section-sauces .l-content .block--views-products-block-2,
  .section-sauces .l-content .node--product-display--full {
    display: inline-block;
    vertical-align: top;
  }
*/

  .section-sauces .l-content ul {
    padding: 0;
  }

  .section-sauces .l-content .views-row {
    list-style-image: none;
    list-style-type: none;
  }

  .section-sauces .ds-2col > .group-left {
    float: left;
    width: auto;
  }

  .section-sauces .ds-2col > .group-right {
    float: right;
    width: 310px;
  }

  .section-sauces .l-content h1 {
    text-align: center;
/*
    position: absolute;
    bottom: -60px;
*/
  }

  .content-container .container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 45px;
    padding-bottom: 1px;
  }
  /* - Sauces Pages */

  /* - Recipe */
  .node--recipe .group-left {
    float: none !important;
    width: 100% !important;
  }
  /* - Recipe */

  /* + Sauces Listing */
  .section-sauces1 .content-container .container,
  .section-sauces2 .content-container .container {
    min-height: 500px;
  }

  .section-sauces1 .l-content,
  .section-sauces2 .l-content {
    padding-top: 15px;
  }

  .block--views-online-hot-sauces-block-1,
  .block--views-online-hot-sauces-block-2 {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 15px;
  }

  .block--views-online-hot-sauces-block-1 h2,
  .block--views-online-hot-sauces-block-2 h2 {
    margin: 0px;
    font-size: 20px;
  }

  .sauce-product-image,
  .sauce-product-display {
    display: inline-block;
    vertical-align: top;
  }

  .sauce-product-image {
    width: 100%;
    text-align: center;
  }

  .sauce-product-display {
    width: 100%;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sauce-product-display h2 {
    font-size: 2.0em;
    margin-top: 0;
    text-align: center;
  }
  /* - Sauces Listing */
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .container {
    max-width: 640px;
  }

  .responsive-menus.responsified {
    width: 495px;
  }

  .l-region--navigation ul.menu li a.home-icon {
    color: transparent !important;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--type-text-with-summary {
    background-color: #000000;
    color: #FFFFFF;
    padding: 10px;
    height: 407px;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture {
    /* display: none; */
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture,
  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture img {
    height: 271px !important;
  }
  
  .footer {
    position: relative;
  }
  .footer-container .block--block-2,
  .footer-container .block--block-3,
  .footer-container .block--block-4,
  .footer-container .block--search-form {
    /* float: left; */
    width: 47%;
  }
  .footer-container .block--block-5 {
    position: absolute;
    float: right;
    width: 47%;
    top: 0px;
    right: 15px;
  }
  
  .footer-container .block--block-2,
  .footer-container .block--block-3 {
    color: #FFFFFF;
  }

  .footer-container .block--block-2 .block__content {
    padding: 35px 20px 20px
  }

  .footer-container .block--block-3 .block__content {
    border-top: 5px solid #CCCCCC;
    border-bottom: 5px solid #CCCCCC;
  }

  .footer-container .block--block-4 .block__content {
    padding: 35px 20px 10px;
    text-align: center;
  }

  .footer-container .block--search-form {
    text-align: center;
    padding-top: 20px;
  }
/*
  .footer-container .block--block-2,
  .footer-container .block--block-3,
  .footer-container #block-search-form {
    color: #FFFFFF;
    width: 32%;
    height: 95px;
    display: inline-block;
    vertical-align: top;
  }

  .footer-container .block--block-4 {
    height: 50px;
  }

  .footer-container .block--block-2 .block__content {
    padding: 22px 20px 10px
  }

  .footer-container .block--block-3 .block__content {
    border-left: 5px solid #CCCCCC;
    border-right: 5px solid #CCCCCC;
  }

  .footer-container #block-search-form {
    padding: 12px 0px 10px 10px;
  }

  .footer-container .block--block-4 .block__content {
    padding: 35px 20px 10px
  }

  .footer-container .block--block-2 h4 {
    padding-bottom: 10px;
  }
*/
  .locate-image {
    display: none;
  }

/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */
  .page-the-sauces .content-container h1 {
    display: none;
  }

  .page-the-sauces .content-container .container {
    max-height: 215px;
    background-color: #000000;
  }

  .page-the-sauces .view-the-sauces {
    text-align: center;
  }

  .page-the-sauces .view-the-sauces .views-row {
    display: inline-block;
    vertical-align: top;
    position: relative;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture {
    margin: 0;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture img {
    width: 306px !important;
    height: 215px !important;
  }

  .page-the-sauces .view-the-sauces .views-field-name {
    background-color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    position: relative;
    display: none;
  }
/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */

  /* + Sauces Pages */
  .section-sauces .l-content .block--views-products-block-2,
  .section-sauces .l-content .node--product-display--full {
    display: inline-block;
    vertical-align: top;
  }

  .section-sauces .l-content ul {
    padding: 0;
  }

  .section-sauces .l-content .views-row {
    list-style-image: none;
    list-style-type: none;
  }

  .section-sauces .ds-2col > .group-left {
    float: left;
    width: auto;
  }

  .section-sauces .ds-2col > .group-right {
    float: right;
    width: 240px;
  }

  .section-sauces .l-content h1 {
    text-align: center;
  }
  /* - Sauces Pages */

  /* + Sauces Listing */
  .section-sauces1 .content-container .container,
  .section-sauces2 .content-container .container {
    min-height: 500px;
  }

  .section-sauces1 .l-content,
  .section-sauces2 .l-content {
    padding-top: 15px;
  }

  .block--views-online-hot-sauces-block-1,
  .block--views-online-hot-sauces-block-2 {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 15px;
  }

  .block--views-online-hot-sauces-block-1 h2,
  .block--views-online-hot-sauces-block-2 h2 {
    margin: 0px;
    font-size: 20px;
  }

  .sauce-product-image,
  .sauce-product-display {
    display: inline-block;
    vertical-align: top;
  }

  .sauce-product-image {
    width: auto;
  }

  .sauce-product-display {
    width: 460px;
  }

  .sauce-product-display h2 {
    font-size: 2.0em;
    margin-top: 0;
    text-align: center;
  }
  /* - Sauces Listing */
}

@media only screen and (min-width: 960px){
  .container {
    max-width: 960px;
  }

  .l-region--navigation ul.menu li a.home-icon {
    color: transparent !important;
  }

  #views_slideshow_cycle_teaser_section_front_page_slider-block,
  .views-slideshow-cycle-main-frame-row-item,
  #views_slideshow_cycle_div_front_page_slider-block_0 {
      height: 407px;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--type-text-with-summary {
    position: relative;
    top: -408px;
    left: 710px;
    background:url(../images/50x50-50_opacity.png);
    color: #FFFFFF;
    width: 230px;
    padding: 10px;
    height: 407px;
  }

  #views_slideshow_cycle_main_front_page_slider-block_1 .field--name-field-picture {
    display: block;
    height: 407px;
  }
  
  .footer {
    position: relative;
  }
  .footer-container .block--block-2,
  .footer-container .block--block-3,
  .footer-container .block--block-4,
  .footer-container .block--search-form {
    /* float: left; */
    width: 47%;
  }
  .footer-container .block--block-5 {
    position: absolute;
    float: right;
    width: 47%;
    top: 0px;
    right: 15px;
  }
  
  .footer-container .block--block-2,
  .footer-container .block--block-3 {
    color: #FFFFFF;
  }

  .footer-container .block--block-2 .block__content {
    padding: 35px 20px 20px
  }

  .footer-container .block--block-3 .block__content {
    border-top: 5px solid #CCCCCC;
    border-bottom: 5px solid #CCCCCC;
  }

  .footer-container .block--block-4 .block__content {
    padding: 35px 20px 10px;
    text-align: center;
  }

  .footer-container .block--search-form {
    text-align: center;
    padding-top: 20px;
  }
/*
  .footer-container .block--block-2,
  .footer-container .block--block-3,
  .footer-container #block-search-form {
    color: #FFFFFF;
    width: 33%;
    height: 95px;
    display: inline-block;
    vertical-align: top;
  }

  .footer-container .block--block-4 {
    height: 50px;
  }

  .footer-container .block--block-2 .block__content {
    padding: 22px 20px 10px
  }

  .footer-container .block--block-3 .block__content {
    border-left: 5px solid #CCCCCC;
    border-right: 5px solid #CCCCCC;
  }

  .footer-container #block-search-form {
    padding: 15px 60px 10px
  }

  .footer-container .block--block-4 .block__content {
    padding: 35px 20px 10px
  }
*/
/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */
  .page-the-sauces .content-container h1 {
    display: none;
  }

  .page-the-sauces .content-container .container {
    max-height: 322px;
    background-color: #000000;
  }

  .page-the-sauces .view-the-sauces {
    text-align: center;
  }

  .page-the-sauces .view-the-sauces .views-row {
    display: inline-block;
    vertical-align: top;
    position: relative;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture {
    margin: 0;
  }

  .page-the-sauces .view-the-sauces .field--name-field-picture img {
    width: 459px !important;
    height: 322px !important;
  }

  .page-the-sauces .view-the-sauces .views-field-name {
    background-color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
    position: relative;
    display: none;
  }
/* ----------------------------------------------------------------------------- Change the "the-sauces" to what ever the new page is... */

  /* + Sauces Pages */
  .section-sauces .l-content .block--views-products-block-2,
  .section-sauces .l-content .node--product-display--full {
    display: inline-block;
    vertical-align: top;
  }

  .section-sauces .l-content ul {
    padding: 0;
  }

  .section-sauces .l-content .views-row {
    list-style-image: none;
    list-style-type: none;
  }

  .section-sauces .ds-2col > .group-left {
    float: left;
    width: auto;
  }

  .section-sauces .ds-2col > .group-right {
    float: right;
    width: 560px;
  }

  .section-sauces .l-content h1 {
    text-align: center;
  }
  /* - Sauces Pages */

  /* + Sauces Listing */
  .section-sauces1 .content-container .container,
  .section-sauces2 .content-container .container {
    min-height: 500px;
  }

  .section-sauces1 .l-content,
  .section-sauces2 .l-content {
    padding-top: 15px;
  }

  .block--views-online-hot-sauces-block-1,
  .block--views-online-hot-sauces-block-2 {
    float: left;
    padding-left: 10px;
    padding-right: 15px;
  }

  .block--views-online-hot-sauces-block-1 h2,
  .block--views-online-hot-sauces-block-2 h2 {
    margin: 0px;
    font-size: 20px;
  }

  .sauce-product-image,
  .sauce-product-display {
    display: inline-block;
    vertical-align: top;
  }

  .sauce-product-image {
    width: auto;
  }

  .sauce-product-display {
    width: 460px;
  }

  .sauce-product-display h2 {
    font-size: 2.0em;
    margin-top: 0;
    text-align: center;
  }
  /* - Sauces Listing */

  /* + Shopping cart (# items) */

  .responsive-menus-0-0 {
    width: 777px !important;
  }

  .cart-icon li {
    list-style: none !important;
    background:url("../images/cart.png") no-repeat 0 0;
    padding-left: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  /* - Shopping cart (# items) */

}

/* ************************** temp - change for real email signup. */

.email-form {
  margin: 0;
  color: #FFFFFF;
  font-size: .875em;
}

.email-form .email-button {
  color: #FFFFFF;
  background-color: #F7931E;
  border: 0;
}

/* ************************** */
.image-not-selected {
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(100%);
    transition: .5s ease-in-out;
}
/* ************************** */

/* No files to import found in partials/components/**\/* */