Chris@3: /**
Chris@3:  * @file
Chris@3:  * Visual styles for the site branding block in Bartik.
Chris@3:  */
Chris@3: 
Chris@3: .site-branding__logo {
Chris@3:   display: inline-block;
Chris@3:   margin-right: 1em; /* LTR */
Chris@3:   margin-bottom: 0.286em;
Chris@3: }
Chris@3: [dir="rtl"] .site-branding__logo {
Chris@3:   margin-right: 0;
Chris@3:   margin-left: 1em;
Chris@3: }
Chris@3: .site-branding__text {
Chris@3:   display: inline-block;
Chris@3:   vertical-align: top;
Chris@3: }
Chris@3: @media all and (min-width: 461px) {
Chris@3:   .site-branding__text {
Chris@3:     margin-bottom: 1.857em;
Chris@3:   }
Chris@3: }
Chris@3: @media all and (min-width: 901px) {
Chris@3:   .site-branding__text {
Chris@3:     padding: 1.286em 0 0;
Chris@3:   }
Chris@3: }
Chris@3: .site-branding__name {
Chris@3:   font-size: 1.6em;
Chris@3:   color: #686868;
Chris@3:   line-height: 1;
Chris@3: }
Chris@3: @media all and (min-width: 901px) {
Chris@3:   .site-branding__name {
Chris@3:     font-size: 1.821em;
Chris@3:   }
Chris@3: }
Chris@3: .site-branding__slogan {
Chris@3:   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@3:   font-size: 0.929em;
Chris@3:   margin-top: 7px;
Chris@3:   word-spacing: 0.1em;
Chris@3:   font-style: italic;
Chris@3: }