#edit-feed-selector {
  margin-bottom: 0;
   @media only screen and (max-width:1024px) {
           margin-left: 30px;
   }

   @media only screen and (max-width:425px) {
           margin: 0;
   }
}

div#AddressList {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#feed-selector .product p{
font-size:1.6rem
}
.signup-form{
width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px;
}
body .form {
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.feed_selector img
{max-width: max-content;}
.feed_selector h1{
    padding-top: 60px;
    padding-bottom: 30px;
    font-size: 4.8rem;
    font-family: "Roboto Slab", serif;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}

.feed_selector h2{
    font-size: 2rem;
    text-align: left;
    padding: 0;
    margin: 15px 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #387c2c;
    font-family: "Roboto Condensed", sans-serif;
    display: inline-block;
    border-bottom: 1px solid #387c2c;
}

.feed_selector p {
    font-size: 1.5rem;
    color: #333333;
    line-height: 2.65rem;
    margin-top: 0;
    margin-bottom: 1.6rem;
    font-family: 'DrupalSecondaryTypefaceFont';
}

.feed_selector p a {
      color: #387C2C;
      font-weight: bold;
      font-family: "Roboto Slab", serif;
}

.form h1 {
    padding-top: 60px;
    padding-bottom: 30px;
    font-size: 3rem;
    font-family: "Roboto Slab", serif;
}

.form h3 {
    text-decoration: uppercase;
    font-weight: bold;
    margin: 15px 0;
    font-size: 2rem;
    text-transform: uppercase;
}
.form .button {
    transform: skewX(-30deg);
    transition: 0.2s all ease-in-out;
    display: inline-block;
}
.form .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.form .button.btnLight {
    background: white;
    border: 1px solid #387c2c;
    font-weight: bold;
}
.form .button a, body .button input, body .button button, body .button span {
    padding: 10px 60px;
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: skewX(30deg);
    text-transform: uppercase;
    font-size: 1.5rem;
    font-family: "Roboto Slab", serif;
    text-decoration: none;
}
body .form a {
    color: #387c2c;
    text-decoration: underline;
    font-weight: bold;
    font-family: "Roboto Slab", serif;
    border: none;
}

body .form h3 {
    text-decoration: uppercase;
    font-weight: bold;
    margin: 15px 0;
    font-size: 2rem;
    text-transform: uppercase;
}
.form label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

#question_zip input {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

#AddressList .inner .links  .slanting-edge {
    transform: skewX(-30deg);
    border: 1px solid clr(secondary, cta-slanting-border-color);
}
#AddressList .inner .links  span {
      transform: skewX(30deg);
      display: block;
    }

#feed-selector { padding-bottom: 10px; }
#feed-selector fieldset .group-and ul{ font-size: 1.5rem; }
#feed-selector .results fieldset .cols .dealer {}
#feed-selector .results .dealers .cols .buy-online { 
  font-size: 1.8rem;
  margin-top: 40px;
  display: block;
}
#feed-selector fieldset p { font-size: 1.6rem; margin: 0 0 1.6rem }
#feed-selector fieldset { padding: 0; border: none; margin: 0 0 3em; }
#feed-selector fieldset.results { margin-bottom: 0; }
#feed-selector legend { padding: 0; margin: 0 0 14px; color: black; font-weight: 300; font-size:3rem; text-transform: uppercase;}
.wf-active #feed-selector legend { font-family: 'Fauna One', serif; }
#feed-selector .question { display: none; }
#feed-selector .question:nth-of-type(1) { display: block; }
#feed-selector .buttons { 
margin-top: 20px;

   @media only screen and (max-width:425px) {
           margin-left: 10px;
   }
 }
#feed-selector .questions .button { display: none; }
#feed-selector .questions .button.enabled { display: inline-block; margin-right:30px; margin-bottom:30px;}
#feed-selector .questions .button.enabled:hover { background: #387c2c; }
#feed-selector .questions .button.enabled:hover a {
  color: white;
  text-decoration: none;
}
#feed-selector .results .startover:hover { background: #387c2c; }
#feed-selector .results .startover:hover a {
  color: white;
  text-decoration: none;
}
#feed-selector .group-and .cols [class*='col-'] .left a { @media only screen and (min-width:651px) { position: relative; } }
#feed-selector .and-indicator:before,
#feed-selector .group-and .cols [class*='col-'] .left a:before { content: '+'; display: inline-block; font-style: normal; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #377c2b; color: #FFF; border-radius: 100%; }
#feed-selector .group-and .cols [class*='col-'] .left a:before { display: block; position: absolute; top: 50%; left: -8px; margin-top: 0; }
#feed-selector .group-and .cols [class*='col-']:first-child .left a:before { display: none; }
#feed-selector [class*='group-'] [class*='group-'] { background: #f3f0e9; }
#feed-selector [class*='group-'] { padding: 5px; }
#feed-selector [class*='group-'] h5 { background: #eee; color: black; font-size: 1.6rem; margin: -5px -5px 5px -5px; padding: 10px; }
#feed-selector [class*='group-'] h5 a { float: right; color: #FFF; text-decoration: underline; }
#feed-selector .group-or [class*='group-'] { margin-bottom: 2.5em; }
#feed-selector .group-or [class*='group-']:before { content:'or'; display: block; text-align: center; margin-top: -2em; line-height: 1em; margin-bottom: 1em; }
#feed-selector .group-or [class*='group-']:first-child:before { display: none; }
/*
#feed-selector .group-or .cols [class*='col-']:before { content: ' or '; display: inline-block; font-style: normal; width: 15px; height: 15px; line-height: 15px; text-align: center; }
#feed-selector .group-or .cols [class*='col-']:before { display: none; position: absolute; top: 50%; left: -8px; margin-top: -15px; }
#feed-selector .group-or .cols [class*='col-']:first-child:before { display: none; }
*/
#feed-selector .product .left{
    margin-right: 3%;
  @media only screen and (max-width:651px) {
  width:40%;
  }
    @media only screen and (min-width:652px) {
  width:15%;
  }
      @media only screen and (min-width:1024px) {
  width:12%;
  }
        @media only screen and (min-width:1440px) {
  width:10%;
  }
}
#feed-selector .product .right{width:80%;}
#feed-selector .product { color: #62615a; position: relative; z-index: 0; padding-right: 10px; display: flex;  width: 100%;}
#feed-selector .product:after { content: ''; display: block; clear:left; }
#feed-selector .product img { height: auto;margin-top: 21%;width: 100%;}

/* #feed-selector .dealers .cols + .cols { margin-top: 1em; } */
#feed-selector .dealer { margin-bottom: 1em; }
#feed-selector .dealer .name { font-weight: bold; }
#feed-selector .dealer .name,
#feed-selector .dealer .website { display: block; font-size: 1.6rem }
#feed-selector .dealer .address,
#feed-selector .dealer .phone { display:block; font-size: 1.6rem; font-weight: 400 }

#feed-selector .cols [class*='col-'] { margin-bottom: 12px; }
form .questions label { color: #212529; font-family: Arial, Helvetica, sans-serif; font-size: 1.6rem; }
.wf-active form .questions label { font-family: Arial, Helvetica, sans-serif; }

@media only screen and (max-width:650px){
	#feed-selector .group-and .cols [class*="col-"] .left a:before { left: 50%; top: -28px; margin: 0; }
	#feed-selector .product { margin-top: 40px; }
	#feed-selector .product:first-child { margin-top: 0; }
}