Chris@3: /**
Chris@3: * @file
Chris@3: * Visual styles for Bartik's featured bottom component.
Chris@3: */
Chris@3: 
Chris@3: .featured-bottom {
Chris@3:   background: rgba(30, 50, 10, 0.08);
Chris@3:   border-top: 1px solid #e7e7e7;
Chris@3: }
Chris@3: .featured-bottom .region {
Chris@3:   padding: 0 20px;
Chris@3: }
Chris@3: @media all and (min-width: 560px) {
Chris@3:   .featured-bottom .region {
Chris@3:     float: left; /* LTR */
Chris@3:     position: relative;
Chris@3:     box-sizing: border-box;
Chris@3:     padding: 20px 15px 30px;
Chris@3:     width: 33%;
Chris@3:   }
Chris@3:   [dir="rtl"] .featured-bottom .region {
Chris@3:     float: right;
Chris@3:   }
Chris@3: }
Chris@3: @media all and (min-width: 851px) {
Chris@3:   .featured-bottom .region {
Chris@3:     padding: 0 20px;
Chris@3:   }
Chris@3: }
Chris@3: .featured-bottom h2 {
Chris@3:   color: #000;
Chris@3:   font-size: 1.4em;
Chris@3:   margin-bottom: 0.6em;
Chris@3:   text-shadow: 0 1px 0 #fff;
Chris@3:   text-align: center;
Chris@3:   line-height: 1em;
Chris@3: }
Chris@3: .featured-bottom .block {
Chris@3:   margin-bottom: 1em;
Chris@3:   padding-bottom: 1em;
Chris@3:   border-bottom: 1px solid #dfdfdf;
Chris@3:   line-height: 1.3em;
Chris@3: }
Chris@3: .featured-bottom .block:last-child {
Chris@3:   border-bottom: none;
Chris@3: }
Chris@3: .featured-bottom ul,
Chris@3: .featured-bottom ol {
Chris@3:   padding-left: 0;
Chris@3: }
Chris@3: .featured-bottom ul li,
Chris@3: .featured-bottom ol li {
Chris@3:   list-style: none;
Chris@3: }
Chris@3: .featured-bottom input:not(.form-submit) {
Chris@3:   width: 185px;
Chris@3: }
Chris@3: .region-featured-bottom-third .feed-icon {
Chris@3:   float: right;
Chris@3: }
Chris@3: .region-featured-bottom-second .block-system-powered-by-block {
Chris@3:   text-align: center;
Chris@3: }