/* style.scss */
body { margin: 0; padding: 50px 5px 0; background-color: #f7f7f7; }

@media screen and (min-width: 768px) { body { padding-top: 50px; } }

@media screen and (min-width: 1200px) { body { padding-top: 50px; } }

.block { padding-bottom: 10px; }

.hd { background-color: #f7f7f7; }

.footer { background-color: #f7f7f7; }

.even { background-color: #efe; }

.even .even { background-color: #dfd; }

.odd { background-color: #eef; }

.odd .even { background-color: #ddf; }

.vertical-align { display: inline; flex-direction: row; }

.no-gutters { margin-left: 0; margin-right: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; }

.col-1, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-1, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5 { float: left; }

.col-1, .col-5-5 { width: 100%; }

.col-1-5 { width: 20%; }

.col-2-5 { width: 40%; }

.col-3-5 { width: 60%; }

.col-4-5 { width: 80%; }

.full-page { position: relative; display: block; }

@media screen and (min-width: 992px) { .full-page { padding-right: 170px; } }

.vert-bar { position: absolute; right: 160px; top: 5px; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; width: 160px; margin-right: -160px; }

@media screen and (max-width: 991px) { .vert-bar { display: none; } }

.banner { padding-left: 5px; padding-right: 5px; text-align: center; }

.banner img { width: 100%; max-width: 468px; }

.banner iframe { width: 100% !important; max-width: 468px !important; }

.search input { width: 18em; }

a.review-button { float: left; text-align: center; font-size: 60%; color: #000; padding: 0; margin: 2px; border: 2px solid #ccc; -webkit-border-radius: 3px; -mox-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background: #ecc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecc), to(#f88)); background: -moz-linear-gradient(0% 90% 90deg, #f88, #ecc); -webkit-transition: all .4s ease-in-out; -moz-transition: al .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; vertical-align: top; }

a.review-button:hover { color: #000; background: #cec; border-color: #cec; text-decoration: none; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cec), to(#cfc)); background: -moz-linear-gradient(0% 90% 90deg, #cec, #cfc); }

a.review-button:active { background: #ecc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfc), to(#ecc)); background: -moz-linear-gradient(0% 90% 90deg, #cfc, #ecc); }

.navbar-default { background-color: #f7f7f7; border-bottom: 1px solid #ccc; }

.navbar-default .navbar-nav li:hover { background-color: #d7d7d7; }

@media screen and (min-width: 768px) { .footer { position: relative; min-height: 50px; margin-top: 10px; border: 1px solid transparent; } }

@media screen and (min-width: 768px) { .footer-fixed { position: fixed; right: 0; left: 0; bottom: 0; z-index: 1030; border-color: #e7e7e7; border-width: 1px 0 0; } }

#indexResults, #latestSearches { width: 100%; text-align: left; }

#indexResults table, #latestSearches table { margin: auto; }

#latestSearches td { border: 1px solid black; overflow: hidden; white-space: nowrap; }

.index-date, .index-count { padding: 0 1em; }

.index-count { text-align: right; }
