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