/* ----------------------------------------
  THRIVE ORGANICS - HOLDING CSS
---------------------------------------- */

body { background: url(../holding/bg.jpg) no-repeat center 10% #fff; background-size: 100% auto; margin: 0; padding: 0; font-family: 'Nunito', sans-serif; font-weight: 400; }
#wrapper { float: left; width: 100%; }
#main { width: 600px; padding: 15% 0 0 0; text-align: center; margin: 0 auto; }
#holder { float: left; width: 84%; padding: 50px 8% 60px 8%; background: #fff; margin: 0 0 150px 0; }
#logo { margin: 0 0 30px 0; }

h1 { font-size: 19px; color: #359fa1; margin: 0 0 0.6em 0; }
h2 { color: #000; margin: 0 0 10px 0; font-weight: 700; }
p { font-size: 19px; margin: 0 0 1.5em 0; line-height: 1.5em; color: #000; }
p a { color: #888; }
.divider { color: #ec6c41; background: url(../holding/divider.png) no-repeat center 0; padding-top: 55px; }
.intro { padding: 0 12%; }
.intro a { color: #000; }
.intro .bold { font-weight: 800; }

#mail-list { float: left; width: 100%; padding: 30px 0 0 0; border-top: dotted 2px #ccc; text-align: center; }
#mail-list h4 { float: left; font-family: sans-serif; width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; font-size: 14px; line-height: 18px; margin: 0 0 20px 0; color: #000;  }
#mail-list h4 span {  }
#mail-list fieldset { margin: 0 0 0 50%; width: 50%; padding: 0; border: none; text-align: left; }
#mail-list .mail-list-wrap { float: left; z-index: 900; position: relative; width: 400px; margin: 0 0 0 -195px; }
#mail-list label { position: absolute; font-size: 15px; top: 7px; left: 12px; z-index: 100; color: #979797; cursor: text; }
#mail-list .mail-field { width: 283px; font-size: 16px; background: #fff; padding: 7px 6px 8px 12px; border: none; color: #000; float: left; border: solid 1px #d2d2d2; border-right: none;  font-family: 'Source Sans Pro', serif; font-weight: 300; }
#mail-list .submit-btn { -webkit-appearance: none; -webkit-border-radius: 0; position: relative; z-index: 999; height: 38px; }

#about-stores { float: left; width: 100%; padding: 30px 0 80px 0; border-top: dotted 2px #fff; }
#about-stores .thumbnails { float: left; width: 99%; padding: 0 0 0 1%; margin: 0; }
#about-stores .thumbnails li { float: left; width: 13.4%; padding: 15px 2% 0 2%; /* min-height: 147px; */ min-height: 85px; background: #fff; line-height: 0.8em; margin: 0 1% 15px 1%; list-style-type: none; border: solid 1px #000; }
#about-stores .thumbnails li a { float: left; width: 100%; text-align: center; }
#about-stores .thumbnails li a span { }
#about-stores .thumbnails li a:hover .text { color: #000; }

#about-stores .thumb { width: 100%; height: 74px; text-align: center; display: table-cell; vertical-align: middle; }
#about-stores .thumb img { width: 92%; max-height: 74px!important; margin-bottom: 5px; }


@media screen and (max-width: 700px) {
    body { background-size: auto 100%; background-position: center 0; }
    p { font-size: 15px; line-height: 1.4em; }
    #mail-list h4 { font-size: 14px; }
    #main { float: left; background: url(../holding/bg.jpg) no-repeat center 0 #fff; background-size: auto 100%; width: 80%!important; padding: 40px 10% 50px 10%; }
    #mail-list fieldset { width: 100%!important; margin: 0; }
    #mail-list .mail-list-wrap { width: 100%; margin-left: 0; }
    #mail-list .mail-field { width: 92%!important; padding: 7px 4% 8px 4%!important; border-right: solid 1px #d2d2d2; margin: 0 0 15px 0; }
    #mail-list .submit-btn { height: 38px; left: 50%; margin-left: -47px; }

    #holder { float: left; width: 80%; padding: 50px 10%; }
    #logo { width: 200px!important; margin: 0 0 20px 0; }
    .intro { padding: 0 5%; }

    #about-stores .thumbnails li { float: left; width: 30.5%; padding: 15px 7% 0 7%; /* min-height: 147px; */ min-height: 65px; background: #fff; line-height: 0.8em; margin: 0 2% 15px 2%; list-style-type: none; border: solid 1px #000; }
    #about-stores .thumb { height: 58px; }
    #about-stores .thumb img { max-height: 58px!important; }

}