/*

Theme Name: Seattle Monorail
Theme URI: http://www.seattlemonorail.com/
Author: Graphiti, Updated by SeaMonster Studios
Author URI: http://www.graphiti.com/
Description: Theme for SeattleMonorail.com
Version: 2.6


TABLE OF CONTENTS

01  Defaults
02  Typography
03  Basic Layout
04  Header
05  Footer
06  Home
07  Media Queries
    - 600
    - 900
    - 1200
*/
 /*---------------- 01 Defaults ----------------*/
 /* HTML5 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
     display: block;
 }

 audio,
 canvas,
 video {
     display: inline-block;
     *display: inline;
     *zoom: 1;
 }

 audio:not([controls]) {
     display: none;
     height: 0;
 }

 [hidden] {
     display: none;
 }
 /* HTML & BODY */

 html {
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
 }

 html,
 button,
 input,
 select,
 textarea {
     font-family: sans-serif;
 }

 body {
     margin: 0;
     font-size: 1em;
     line-height: 1.4;
 }
 /* Links */

 a {
     text-decoration: none;
 }

 a:focus {
     outline: thin dotted;
 }

 a:hover,
 a:active {
     outline: 0;
 }
 /* Typography */

 abbr[title] {
     border-bottom: 1px dotted;
 }

 b,
 strong {
     font-weight: 600;
 }

 i,
 em {
     font-style: italic;
 }

 blockquote {
     margin: 0;
 }

 dfn {
     font-style: italic;
 }

 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
 }

 ins {
     background: #ff9;
     color: #000;
     text-decoration: none;
 }

 mark {
     background: #ff0;
     color: #000;
 }

 p,
 pre {
     margin: 1em 0;
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, serif;
     _font-family: 'courier new', monospace;
     font-size: 1em;
 }

 pre {
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
 }

 q {
     quotes: none;
 }

 q:before,
 q:after {
     content: '';
     content: none;
 }

 small {
     font-size: 80%;
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 sup {
     top: -0.5em;
 }

 sub {
     bottom: -0.25em;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     margin: 0;
     -webkit-margin-before: 0;
     -webkit-margin-after: 0;
 }
 /* Lists */

 dd {
     margin: 0 0 0 40px;
 }

 ul,
 ol {
     list-style: none;
     list-style-image: none;
     margin: 0;
     padding: 0;
 }
 /* Embedded Content */

 img {
     border: 0;
     -ms-interpolation-mode: bicubic;
     vertical-align: middle;
 }

 svg:not(:root) {
     overflow: hidden;
 }
 /* Figure */

 figure {
     margin: 0;
 }
 /* Forms */

 form {
     margin: 0;
 }

 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
 }

 label {
     cursor: pointer;
 }

 legend {
     border: 0;
     *margin-left: -7px;
     padding: 0;
     white-space: normal;
 }

 button,
 input,
 select,
 textarea {
     font-size: 100%;
     margin: 0;
     vertical-align: baseline;
     *vertical-align: middle;
 }

 button,
 input {
     line-height: normal;
 }

 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     cursor: pointer;
     -webkit-appearance: button;
     *overflow: visible;
 }

 button[disabled],
 input[disabled] {
     cursor: default;
 }

 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
     *width: 13px;
     *height: 13px;
 }

 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none;
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }

 textarea {
     overflow: auto;
     vertical-align: top;
     resize: vertical;
 }

 input:valid,
 textarea:valid {}

 input:invalid,
 textarea:invalid {
     background-color: #f0dddd;
 }
 /* Tables */

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 td {
     vertical-align: top;
 }
 /* Absolute Positioning */

 div,
 article,
 section,
 header,
 footer,
 nav,
 figure {
     position: relative;
 }
 /* Selection */

 ::-moz-selection {
     background: #f69523;
     color: #fff;
     text-shadow: none;
 }

 ::selection {
     background: #f69523;
     color: #fff;
     text-shadow: none;
 }
 /* Clearfix */

 .clearfix:before,
 .clearfix:after {
     content: "";
     display: table;
 }

 .clearfix:after {
     clear: both;
 }

 .clearfix {
     *zoom: 1;
 }
 /* Border-Box */

 * {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 /* Image replacement */

 .ir {
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
 }
 /* Remove Focus Outline */

 *:focus {
     outline: none;
 }
 /* ------------------ 02 Typography ----------------*/
 /*
 font-family: 'franklin-gothic-urw-cond', sans-serif;
 400 500 700 font-family: 'proxima-nova',sans-serif;
 400 700 
 */
 /* Rendering & Ligatures */

 html,
 input,
 textarea {
     -webkit-font-smoothing: antialiased;
 }

 body {
     text-rendering: optimizeLegibility;
 }
 /* Fonts */

 body,
 input,
 textarea {
     color: #000;
     font-family: Arial, sans-serif;
     font-weight: normal;
     font-style: normal;
 }
 /* Link Colors */

 a {
     color: #2095B6;
     text-decoration: none;
 }

 a:hover,
 a.active {
     color: #2095B6;
     text-decoration: underline;
 }

 strong {
     font-weight: 700;
 }
 /*---------------- 03 Layout ----------------*/

 body,
 header,
 footer,
 section,
 nav {
     width: 100%;
     float: left;
 }

 html {
     width: 100%;
 }

 body {
     background: #dbdcdc url(img/bg.jpg) repeat center top;
 }

 .wrapper {
     max-width: 1110px;
     margin: 0 auto;
 }

 #content {
     background: #fff;
     padding: 15px 25px 25px 25px;
 }

 #grey {
     background: #f1f2f2;
     padding: 20px;
 }

 #main {
     width: 100%;
     float: left;
 }

 img {
     /* display: block;
     */
     max-width: 100%;
 }
 /*---------------- 04 Header ----------------*/

 #mobile-background {
     background: #dbdcdc url(img/mobile-bg.jpg) repeat center top;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 169px;
 }

 header {
     margin: 0 0 20px 0;
 }

 header a:hover {
     text-decoration: none;
 }

 header h1 {
     float: left;
     margin: 0 0 0 5px;
 }

 header #mobile {
     display: none;
 }

 header #mobile-nav {
     float: right;
     display: block;
     font-size: 3.5em;
     color: #fff;
     margin: 25px 0 0 0;
     background: rgba(0, 0, 0, 0.7);
     padding: 5px 20px;
 }

 header #desktop {
     display: none;
 }

 header .desktop-container {
     display: none;
 }

 header nav {
     float: left;
     width: 100%;
     padding: 10px 0 0 0;
 }

 header nav ul {
     width: 100%;
     padding: 0 0 0 0;
 }

 header nav li {
     /*float: left;*/
     width: 100%;
     margin: 0 0 10px 0;
 }

 header nav li a {
     display: block;
     padding: 15px;
     text-transform: uppercase;
     font-family: 'proxima-nova', sans-serif;
     font-weight: 700;
     font-size: 0.9375em;
     line-height: 1.1333em;
     /*color: #fff;*/
     letter-spacing: 1px;
     cursor: pointer;
 }

 header nav li.button a {
     color: #fff;
     background-color: #c51b2a;
     text-decoration: none;
 }

 header nav li.button a:hover {
     color: #fff;
     background-color: #ab1824;
     text-decoration: none;
 }

 header nav li a:hover,
 header nav li a.active {
     color: #fff;
     background-color: #2095B6;
     text-decoration: none;
 }
 /*---------------- 05 Footer ----------------*/

 footer {
     padding: 20px 0 0 0;
     font-size: 0.6875em;
     line-height: 1em;
     color: #808080;
 }

 footer ul {
     width: 100%;
     float: left;
 }

 footer li {
     float: left;
 }

 footer ul li a {
     color: #2095b6;
     text-decoration: none;
     display: block;
     float: left;
     padding: 0 8px 0 0;
     border-right: 1px solid #2095b6;
     margin: 0 8px 3px 0;
 }

 footer ul li a.last,
 footer ul li:last-of-type a {
     padding: 0;
     border: none;
     margin: 0;
 }

 footer li a:hover {
     text-decoration: underline;
     color: #2095b6;
 }

 footer p {
     width: 100%;
     font-size: 1em;
 }

 .pre-footer {
     display: block;
     padding-bottom: 15px;
 }

 .pre-footer .app-cta {}

 .pre-footer .app-cta p {
     font-size: 36px;
     line-height: 1;
 }
 footer #social_links {
     float: right;
     /*width: 100%;*/
     /*margin: 12px 0 0 0;*/
     /*border-top: 1px dotted #999;*/
     /*padding: 12px 0 0 0;*/
 }
 footer #social_links a {
     display: inline-block;
     width: 42px;
     height: 42px;
     margin: 0 5px 5px 0;
     text-indent: -9999px;
 }
 @media (max-width: 768px) {
     footer #social_links {
          float: none;
          margin: 10px auto;
          clear: both;
          width: 100%;
     }
 }

 /* ---------------------------------------------------------------------- 05 Home ----------------*/

 #home .tagline {
     background: #0095b8;
     color: #fff;
     text-align: center;
     margin: 0 0 15px 0;
 }

 #home .tagline h2 {
     font-size: 0.875em;
     line-height: 1em;
     font-family: 'franklin-gothic-urw-cond', sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 #home .tagline h2 a {
     color: #fff;
     font-weight: 400;
     text-decoration: underline;
 }

 #home .info {
     padding: 20px 20px 40px 20px;
     float: left;
     clear: both;
 }

 #home .info h2 {
     font-family: 'proxima-nova', sans-serif;
     font-weight: 700;
     font-size: 24px;
     line-height: 1em;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 0 0 10px 0;
     border-bottom: 6px solid #000;
     margin: 0 0 20px 0;
 }

 #home .info p {
     font-size: 0.875em;
     line-height: 18px;
     margin: 0 0 18px 0;
 }

 #home .info p:last-child {
     margin: 0;
 }

 #main #rider-alerts.widget h3 {
     color: #000;
     font-size: 0.9375em;
     padding: 15px 10px;
     border-bottom: 6px solid #a1cdce;
     margin: 0 0 10px 0;
 }

 #main #general-info.widget h3 {
     color: #fff;
     font-size: 0.9375em;
     padding: 10px;
     border-bottom: none;
     margin: 0 0 10px 0;
 }
 /*---------------- XX Sidebar ----------------*/
 /* Widgets ----------------*/

 .widget {
     width: 100%;
     padding: 10px;
     float: left;
     background: #fff;
     margin: 0 0 20px 0;
     color: #59595b;
 }

 .widget p {
     font-size: 0.75em;
 }

 .widget h3 {
     font-family: 'proxima-nova', sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
     line-height: 1em;
     font-size: 0.9375em;
     margin: 0 0 10px 0;
 }

 .widget h4 {
     font-weight: bold;
     font-size: 0.8125em;
 }

 .widget.desktop {
     display: none;
 }

 .widget.mobile {
     display: block;
     padding: 20px;
 }
 /*---------------- Rider Alerts ----------------*/

 #rider-alerts h3 {
     border-top: 6px solid #a1cdce;
     border-bottom: 6px solid #a1cdce;
     padding: 15px 10px;
     text-align: center;
 }

 #rider-alerts .entry {
     margin: 15px 0 0 0;
 }

 #rider-alerts .entry p {
     margin: 0 0 8px 0;
 }

 #rider-alerts .entry p:last-of-type {
     margin: 0;
 }

 #rider-alerts #rider_rss {
     text-decoration: none;
     font-weight: bold;
     display: block;
     width: 100%;
     margin: 10px 0 0 0;
     border-top: 1px dotted #999;
     padding: 10px 0 0 0;
     color: #59595b;
     font-size: 0.6875em;
 }

 #rider-alerts #rider_rss span {
     display: block;
     background: url(img/rss.png) no-repeat top left;
     height: 20px;
     padding: 0 0 0 25px;
     line-height: 21px;
 }

 #rider-alerts #rider_rss:hover {
     text-decoration: underline;
 }
 /*---------------- General Info ----------------*/

 #general-info h3 {
     background: #424043;
     color: #fff;
     padding: 10px;
 }

 #general-info .divider {
     width: 100%;
     height: 4px;
     background: #b7b8bb;
     float: left;
     margin: 15px 0;
 }

 #general-info h4 {
     text-transform: uppercase;
     margin: 0 0 5px 0;
 }

 #general-info p {
     margin: 0 0 5px 0;
 }

 #general-info .last {
     margin: 0;
 }

 #monthly-passes .pass_link {
     width: 100%;
     float: left;
     display: block;
     padding: 0 0 20px 0;
 }
 /*---------------- Facebook ----------------*/

 #facebook h3 {
     height: 36px;
     margin: 0 auto;
     background: url(img/facebook_header.png) no-repeat 0 0;
 }

 #facebook #like_button {
     margin: 10px 0 0 3px;
 }
 /*---------------- Stay Connected ----------------*/

 #stay-connected h3 {
     background: #a1cdce;
     color: #fff;
     padding: 10px;
 }

 #stay-connected .widget-info {
     width: 100%;
     float: left;
     padding: 0 10px;
 }

 #stay-connected #social_links {
     float: left;
     width: 100%;
     margin: 12px 0 0 0;
     border-top: 1px dotted #999;
     padding: 12px 0 0 0;
 }

 #stay-connected #social_links a {
     display: block;
     float: left;
     width: 42px;
     height: 42px;
     margin: 0 5px 5px 0;
     text-indent: -9999px;
 }

 #stay-connected #social_links #facebook_link,
 footer #social_links #facebook_link {
     background: url(img/fb_icon.png) no-repeat 0 0;
     background-size: contain;
 }

 #stay-connected #social_links #twitter_link,
 footer #social_links #twitter_link {
     background: url(img/tw_icon.png) no-repeat 0 0;
     background-size: contain;
 }

 #stay-connected #social_links #youtube_link,
 footer #social_links #youtube_link {
     background: url(img/yt_icon.png) no-repeat 0 0;
     background-size: contain;
 }

 #stay-connected #social_links #yelp_link,
 footer #social_links #yelp_link {
     background: url(img/yelp.png) no-repeat 0 0;
     background-size: contain;
 }

 #stay-connected #social_links #pinterest_link,
 footer #social_links #pinterest_link {
     background: url(img/pinterest.png) no-repeat 0 0;
     background-size: contain;
 }

 #stay-connected #social_links #trip_advisor_link,
 footer #social_links #trip_advisor_link {
     background: url(img/tripadvisor.png) no-repeat 0 0;
     background-size: contain;
 }
 #stay-connected #social_links #instagram_link,
 footer #social_links #instagram_link {
     background: url(img/instagram.png) no-repeat 0 0;
     background-size: contain;
 }
 /* Monorail Merchandise ----------------*/

 #sidebar #monorail-merchandise {
     padding: 0;
     background: #2095b6;
 }

 #sidebar #monorail-merchandise img {
     margin: 0 auto;
 }
 /* Fact Tile ----------------*/

 #sidebar #fact_tile {
     display: block;
     float: left;
     width: 100%;
     margin: 0 0 60px 0;
     background: #a1cccd;
 }

 #sidebar #fact_tile img {
     margin: 0 auto;
     width: 204px;
 }
 /* Subscribe ----------------*/

 #subscribe h3 {}

 #subscribe a {
     text-decoration: none;
     font-weight: bold;
     display: block;
     width: 100%;
     margin: 10px 0 0 0;
     color: #59595b;
 }

 #subscribe a span {
     display: block;
     background: url(img/rss.png) no-repeat top left;
     height: 20px;
     padding: 0 0 0 25px;
     line-height: 21px;
 }

 #subscribe a:hover {
     text-decoration: underline;
 }
 /* Find ----------------*/

 #find {
     padding: 12px 10px 17px 10px;
     border: 2px solid #2095b6;
     width: 100%;
 }

 #find #searchform label {
     display: none;
 }

 #find #searchform #s {
     border: 1px solid #ccc;
     width: 105px;
     height: 24px;
     background: url(img/search_icon.png) no-repeat 3px 6px;
     padding: 2px 0 0 22px;
     margin: 0 0 15px 0;
     float: left;
     font-size: 12px;
 }

 #find #searchform #searchsubmit {
     border: none;
     background: none;
     color: #2094B5;
     font-family: 'franklin-gothic-urw-cond', sans-serif;
     font-size: 1em;
     float: left;
     padding: 1px 0 0 10px;
     margin: 0;
 }

 #find #archives_link,
 #find #cats_link {
     color: #2094B5;
     font-family: 'franklin-gothic-urw-cond', sans-serif;
     font-size: 1em;
     line-height: 22px;
     display: block;
     text-decoration: none;
 }

 #find #archives_link {
     margin: 0 0 15px 0;
     width: 100%;
     float: left;
 }

 #find #archives_link:hover,
 #find #cats_link:hover {
     text-decoration: underline;
 }

 #find #cats_link {
     float: left;
     padding: 0 15px 0 0;
     background: url(img/cat_arrow.png) no-repeat right 7px;
 }

 #find .cats {
     clear: both;
     padding: 5px 0 0 0;
     display: none;
 }

 #find .cats a {
     line-height: 16px;
     text-decoration: none;
     color: #2094B5;
 }

 #find .cats a:hover {
     text-decoration: underline;
 }
 /* Main ----------------*/

 .full_width,
 .two_thirds,
 .one_third {
     margin: 0 0 20px 0;
     background: #fff;
     float: left;
     padding: 20px;
     width: 100%;
 }

 #main h3 {
     font-family: 'proxima-nova', sans-serif;
     font-weight: 700;
     color: #2095b6;
     font-size: 1.0625em;
     line-height: 1em;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 0 0 15px 0;
     width: 100%;
     float: left;
     border-bottom: 2px dashed #2095b6;
     margin: 0 0 15px 0;
 }

 p {
     font-size: 0.75em;
     line-height: 16px;
     margin: 0 0 8px 0;
 }

 div p:last-child {
     margin: 0;
 }

 .full_width ul,
 .one_third ul,
 .two_thirds ul {
     font-size: 0.75rem;
     line-height: 16px;
     margin: 0 0 16px 20px;
     list-style-type: disc;
     width: 100%;
     float: left;
 }

 .full_width ol,
 .one_third ol,
 .two_thirds ol {
     font-size: 0.75rem;
     line-height: 16px;
     margin: 0 0 16px 20px;
     list-style-type: decimal;
     width: 100%;
     float: left;
 }
 /* Page Header ----------------*/

 #page_header {
     width: 100%;
     background: #a0cccd;
     padding: 15px 20px;
     margin: 0 0 20px 0;
     float: left;
 }

 #page_header h1 {
     font-family: 'franklin-gothic-urw-cond', sans-serif;
     font-size: 1.75em;
     line-height: 1em;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin: 0;
 }

 #page_header ul {
     float: left;
     width: 100%;
     padding: 12px 10px;
     background: #fff;
     margin-top: 15px;
 }

 #page_header li {
     display: block;
     margin: 0 0 5px 0;
 }

 #page_header li.last,
 #page_header li:last-child {
     margin: 0;
 }

 #page_header li a {
     font-size: 0.75em;
     line-height: 12px;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     text-decoration: none;
     display: block;
     color: #000;
 }

 #page_header li a:hover,
 #page_header li a.active {
     color: #2095b6;
 }

 #information #page_header li:first-child a,
 #about #page_header li:first-child a,
 .blog #page_header li:first-child a,
 #contact #page_header li:first-child a {
     color: #2095b6;
 }
 /* Slideshow ----------------*/

 .slideshow {
     position: relative;
     padding: 0;
     width: 100%;
     margin: 0 0 20px 0;
 }

 .slideshow .photo {
     border: 5px solid #fff;
 }

 .slideshow .slideshow_nav {
     position: absolute;
     top: 476px;
     right: 20px;
     z-index: 1000;
 }

 .slideshow .slideshow_nav a {
     display: block;
     text-indent: -9999px;
     float: left;
     margin: 0 0 0 10px;
     width: 12px;
     height: 12px;
     background: #ededee;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     display: block;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }

 .slideshow .slideshow_nav a:hover {
     background: #ccc;
 }

 .slideshow .slideshow_nav .activeSlide {
     background: #666;
 }

 .slideshow .slideshow_nav .activeSlide:hover {
     background: #555;
 }

 .slideshow .caption {
     float: left;
     width: 100%;
     background: #fff;
 }

 .slideshow .caption p {
     padding: 10px 20px 20px 20px;
 }

 .slideshow .slide {
     width: 100%;
     float: left;
 }

 #main .slick-dots {
     padding: 0 0 18px 0;
     margin: 0;
 }
 /* Information ----------------*/

 #information #page_header li:first-child a {
     color: #2095b6;
 }

 #information #route .text {
     width: 100%;
     float: left;
     margin: 0 0 15px 0;
 }

 #route .mobile {
     display: block;
     margin: 0 0 30px 0;
 }

 #route .mobile img {
     margin: 0 auto;
 }

 #route .desktop {
     display: none;
 }
 /* Fun Facts Video ----------------*/

 #fun-facts-video .video_container {
     padding: 5px;
 }

 #faq #main h5 {
     font-weight: 700;
     font-family: 'proxima nova', sans-serif;
 }
 /* Form ----------------*/

 .form {
     width: 100%;
     float: left;
     margin: 20px 0 0 0;
 }

 .form input,
 .form textarea {
     background: #eee;
     border: 1px solid #000;
 }

 .form p {
     float: left;
     margin: 0 0 15px 0;
     width: 100%;
 }

 .form label {
     float: left;
     width: 100%;
 }

 .form input[type="text"] {
     float: left;
     width: 100%;
 }

 .form .wpcf7-form-control-wrap {
     float: left;
 }

 .form .wpcf7-radio .wpcf7-list-item {
     display: block;
     padding: 0 0 5px 0;
 }

 .form textarea {
     width: 100%;
     height: 90px;
 }

 .form .wpcf7-submit {
     display: block;
     font-size: 0.75em;
     padding: 6px 6px;
     margin: 0 0 0 185px;
 }

 #group-tickets .form .your-hours {
     float: none;
 }

 #group-tickets .form .your-hours .wpcf7-radio {
     display: block;
     width: 120px;
     margin: 0 auto;
 }

 #group-tickets .form .your-hours .wpcf7-radio .wpcf7-list-item {
     float: left;
     margin: 0 10px 0 0;
 }

 .form .wpcf7-mail-sent-ok {
     float: left;
     clear: both;
     background: #A0CCCD;
     color: white;
     font-size: 0.75em;
     padding: 5px;
     margin: 10px 0 0 0;
 }

 span.wpcf7-not-valid-tip {
     top: 0 !important;
     left: 0 !important;
 }

 div.wpcf7-validation-errors {
     clear: both;
     font-size: 0.75em;
 }
 /* Google Checkout ----------------*/

 #google_checkout {
     float: left;
     margin: 40px 0 0 0;
 }
 /* Events & News Home ----------------*/

 .blog article {
     width: 100%;
     padding: 20px;
     background: #fff;
     margin: 0 0 20px 0;
 }

 .article_header h2 {
     font-family: 'franklin-gothic-urw-cond', sans-serif;
     font-weight: 700;
     font-size: 26px;
     line-height: 28px;
     margin: 0 0 15px 0;
 }

 .article_header h2 a {
     color: #2094b5;
     text-decoration: none;
 }

 .article_header h2 a:hover {
     text-decoration: underline;
 }

 .article_content p {
     font-size: 0.8125em;
     line-height: 16px;
     margin: 0 0 20px 0;
 }

 .article_content p:last-child {
     margin: 0;
 }

 .blog article .read-more {
     text-transform: uppercase;
     text-align: center;
     display: block;
     margin: 20px 0 0 0;
     font-size: 0.875em;
 }

 .blog article .article_footer {
     float: left;
     width: 100%;
     margin: 30px 0 0 0;
     border-top: 1px solid #b6b7ba;
     padding: 10px 0 0 0;
 }

 .blog article .article_footer p {
     font-size: 10px;
     line-height: 13px;
     margin: 0;
     color: #8d8f91;
 }

 .blog article .article_footer p a {
     color: #6d6e70;
     text-decoration: none;
 }

 .blog article .article_footer p a:hover {
     text-decoration: underline;
 }

 #blog_home {
     width: 100% !important;
     float: left;
 }

 #blog_home article .img_wrap {
     width: 100%;
     margin: 0 0 25px 0;
 }

 #blog_home article .img_wrap img {
     width: 100%;
     display: block;
 }

 .blog article .cat_list br {
     display: none;
 }

 .article_content h1 {
     font-size: 18px;
     font-family: 'proxima-nova', sans-serif;
     font-weight: 700;
     margin: 0 0 20px 0;
 }

 .article_content h2 {
     font-size: 1em;
     font-family: 'proxima-nova', sans-serif;
     font-weight: 700;
     margin: 0 0 10px 0;
 }

 .article_content h3 {
     text-transform: none;
     border: 0;
     padding: 0;
     font-size: 0.9375em;
     letter-spacing: 0;
     color: #000;
     margin: 0 0 10px 0;
 }

 .article_content ul,
 .article_content ol {
     font-size: 0.75em;
     line-height: 16px;
     margin: 0 0 20px 0;
     float: left;
     width: 100%;
 }

 .article_content ul li {
     list-style-type: disc;
     margin: 0 0 5px 15px;
 }

 .article_content ol li {
     list-style-type: decimal;
     margin: 0 0 5px 15px;
 }

 .wp-caption {
     width: 100% !important;
 }

 #blog_home article .wp-caption .img_wrap {
     margin: 0;
 }

 #blog_home article .wp-caption .wp-caption-text {
     font-style: italic;
     font-size: 0.75em;
     text-align: right;
     margin: 5px 0 25px 0;
 }
 /* Events & News Single ----------------*/

 .single article {
     width: 100%;
     float: left;
     padding: 20px;
     background: #fff;
 }

 .single article h2 {
     font-family: 'franklin-gothic-urw-cond', sans-serif;
     font-size: 26px;
     line-height: 28px;
     font-weight: normal;
     margin: 0 0 5px 0;
     color: #2094b5;
 }

 .single article h4 {
     font-size: 0.75em;
     line-height: 13px;
     font-weight: normal;
     color: #8d8f91;
 }

 .single article .article_content {
     float: left;
     width: 100%;
     margin: 30px 0 0 0;
 }

 .single article .article_content p:last-child {
     margin: 0;
 }

 .single article .article_footer {
     float: left;
     width: 100%;
     margin: 30px 0 0 0;
     border-top: 1px solid #b6b7ba;
     padding: 5px 0 0 0;
 }

 .single article .article_footer p {
     font-size: 10px;
     line-height: 13px;
     margin: 0;
     color: #8d8f91;
 }

 .single article .article_footer p a {
     color: #6d6e70;
     text-decoration: none;
 }

 .single article .article_footer p a:hover {
     text-decoration: underline;
 }

 .single article .img_wrap {
     width: 100%;
     margin: 0 0 25px 0;
 }

 .single article .img_wrap img {
     width: 100%;
     display: block;
 }

 .attachment h2 {
     font-family: 'franklin-gothic-urw-cond', sans-serif;
     font-size: 26px;
     line-height: 28px;
     font-weight: normal;
     margin: 0 0 5px 0;
     color: #2094b5;
 }

 .archive article,
 .search article,
 .archive article h4,
 .search article h4,
 .archive article h5,
 .search article h5,
 .archive article h6,
 .search article h6 {
     font-size: 0.8125em;
     line-height: 18px;
     color: #434244;
     font-weight: normal;
     margin: 0;
 }

 .archive article,
 .search article {
     width: 100%;
     float: left;
     margin: 0 0 30px 0;
 }

 .archive article h4,
 .search article h4 {
     font-weight: bold;
 }

 .archive article h5,
 .search article h5 {
     color: #8d8f91;
     margin: 0 0 10px 0;
 }

 .archive article p,
 .search article p {
     margin: 0;
 }

 .archive select {
     margin: 0 0 20px 0;
 }

 .pagination {
     clear: both;
     float: left;
     padding: 20px 0;
     position: relative;
     font-size: 0.6875em;
     line-height: 13px;
     font-weight: bold;
 }

 .pagination span,
 .pagination a {
     display: block;
     float: left;
     margin: 0 5px 0 0;
     padding: 6px 9px 5px 9px;
     text-decoration: none;
     width: auto;
     color: #434244;
     border: 1px solid #434244;
     background: #fff;
 }

 .pagination a:hover,
 .pagination .current {
     padding: 6px 9px 5px 9px;
     background: #2095B6;
     border: 1px solid #2095B6;
     color: #fff;
 }

 .article_content .caption {
     background: #f1f2f2;
     color: #000;
     padding: 10px;
     font-size: 0.6875em;
 }

 .article_content .caption:hover {
     color: #000;
     text-decoration: none;
 }
 /* Comments ----------------*/

 #comments_wrapper {
     float: left;
     width: 100%;
     margin: 30px 0 60px 0;
 }

 #comments_wrapper #reply-title {
     border: 0;
     padding: 0;
     color: #2094b5;
     letter-spacing: 0;
     text-transform: none;
     margin: 0 0 10px 0;
     font-size: 0.8125em;
 }

 #commentform p {
     margin: 0 0 16px 0;
     float: left;
     width: 100%;
 }

 #commentform input[type="text"] {
     float: left;
     margin: 0 10px 0 0;
     width: 140px;
 }

 #commentform label,
 #commentform .required {
     color: #8d8f91;
     font-size: 0.6875em;
     line-height: 18px;
 }

 #commentform textarea {
     width: 440px;
     height: 200px;
 }

 #commentform .form-submit {
     margin: 0;
 }

 #comments {
     float: left;
     width: 100%;
     padding: 30px 0 0 0;
     border-top: 1px dotted #ccc;
     margin: 30px 0 0 0;
 }

 #comments h4 {
     font-size: 0.8125em;
     color: #2094b5;
     margin: 0 0 15px 0;
     font-weight: bold;
 }

 #comments li {
     font-size: 0.6875em;
     line-height: 13px;
 }

 #comments li .says {
     display: none;
 }

 #comments li cite,
 #comments li cite a {
     font-style: normal;
     font-weight: bold;
     color: #434244;
 }

 #comments li .commentmetadata,
 #comments li .commentmetadata a {
     color: #434244;
 }

 #comments li .commentmetadata {
     margin: 0 0 3px 0;
 }

 #comments p {
     font-size: 0.6875em;
     line-height: 13px;
     margin: 0 0 15px 0;
     color: #666;
 }

 #comments .alt,
 #comments .alt p {
     padding: 0;
 }
 /* --------------------- 10 Media Queries ----------------*/
 /* 480 + */

 @media screen and (min-width: 30em) {}
 /* 640 + */

 @media screen and (min-width: 40em) {}
 /* 768 + */

 @media screen and (min-width: 48em) {
     #home .tagline h2 {
         font-size: 1.25em;
         font-weight: 500;
     }
     .mobile-wrapper {
         display: none;
     }
     .widget.desktop {
         display: block;
     }
     .widget.mobile {
         display: none;
     }
     #monthly-passes .pass_link {
         width: 50%;
         padding: 0 10px;
     }
     .blog article {
         width: 49%;
     }
     #route .mobile {
         display: none;
     }
     #route .desktop {
         display: block;
         margin: 0 0 30px 0;
     }
      .alignright {
     float: right;
     margin: 0px 0 10px 10px;
    }
 }
 /* 960 + */

 @media (min-width: 60em) and (max-width: 64em) {
     header nav ul li a {
         font-size: 0.875em;
     }
 }

 @media screen and (min-width: 60em) {
     #main {
         width: 78%;
     }
     #sidebar {
         width: 22%;
         padding: 0 0 0 20px;
     }
     header {
         margin: 0 0 10px 0;
     }
     header #mobile,
     header #mobile-nav,
     #mobile-background {
         display: none !important;
     }
     header #desktop {
         display: block;
     }
     header h1 {
         width: 12%;
         width: 7%;
         margin: 0;
         padding: 0px 0 0 0;
     }
     header .desktop-container {
         display: block;
         width: 88%;
         width: 92%;
         float: left;
     }
     header .pre-nav {
         height: 70px;
         height: 0;
         margin-bottom: 10px;
         background-color: rgba(0,0,0,.05);
     }
     header nav {
         width: 100%;
         padding: 0 0 0 20px;
     }
     header nav ul {
         padding: 0;
         display: table;
     }
     header nav ul li {
         margin: 0 0px 0px 0;
         /*float: left;*/
         padding: 0 5px;
         width: auto;
         display: table-cell;
         vertical-align: bottom;
     }
     header nav ul li a {
         text-align: center;
     }
     #main .slick-dots {
         padding: 0;
         margin: 0;
         list-style-type: none;
         bottom: 0;
         text-align: right;
     }
     #main .slick-dots li {
         margin: 0;
     }
     .one_half {
         float: left;
         width: 48.5%;
         margin: 0;
     }
     .one_half:first-of-type {
         margin-left: 0;
     }
     .one_half:last-of-type {
          margin-right: 0;
          margin-left: 3%;
     }
     .two_thirds {
         width: 63.7%;
         margin: 0 20px 20px 0;
     }
     .one_third {
         width: 33.3333%;
         margin: 0 0 20px 0;
     }
     .form label {
         float: left;
         width: 50%;
         padding: 0 20px 0 0;
         text-align: right;
     }
     .form input[type="text"] {
         float: left;
         width: 50%;
     }
     #monthly-passes .pass_link {
         width: 50%;
         padding: 0;
     }
     #page_header li {
         float: left;
         margin: 0 30px 0 0;
     }
    #page_header li.last,
    #main #page_header li:last-child {
        margin: 0;
    }

}
     /* 1024 + */
     @media screen and (min-width: 64em) {}
     /* 1200 + */
     @media screen and (min-width:75em) {
         header nav .third {
             width: 31.4%;
         }
         header nav .sixth {
             width: 16.6%;
         }
     }
/*----------- Accordion CSS Madness -------------*/

.transition, 
ul.faq-tickets li .faq-q,
ul.faq-tickets li .faq-a p, 
ul.faq-tickets li i:before, 
ul.faq-tickets li i:after {
  transition: all 0.125s ease-in-out;
}
.flipIn, 
ul.faq-tickets li {
  animation: flipdown 0.25s ease both;
}
.no-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
  
.faq-q{
  font-size: 13px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: 1px;
  display: block;
  background-color: #fefffa;
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
     .faq-q{
       line-height: 21px;
     }
}

.faq-a p{
  color: #59595b;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2;
}

ul.faq-tickets {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
ul.faq-tickets li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 18px;
  padding-right: 30px;
  border-top: 1px dotted #dce7eb;
}
ul.faq-tickets li:last-of-type {
  padding-bottom: 0;
}      
ul.faq-tickets li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 0;
}
ul.faq-tickets li i:before,
ul.faq-tickets li i:after {
  content: "";
  position: absolute;
  background-color: #ff6873;
  width: 3px;
  height: 9px;
}
ul.faq-tickets li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
ul.faq-tickets li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
ul.faq-tickets li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
ul.faq-tickets li input[type=checkbox]:checked ~ .faq-a p{
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
ul.faq-tickets li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
ul.faq-tickets li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

.how-to {
     /*margin-top: 20px;*/
     background-color: rgba(161,205,206,.25);
     /*padding: 20px;*/
     padding: 15px;
     margin-bottom: 10px;
}
.how-tos.one_third,
.video-container.two_thirds {
     padding: 0;
}
 @media screen and (min-width: 60em) {
     .how-tos.one_third {
          padding-left: 15px;
     }
}
.how-to h4 {
     border-bottom: 2px dashed rgba(255,255,255,.75);
     margin-bottom: 10px;
     padding-bottom: 10px;
}
.how-to ol,
.how-to ol li {
     margin-bottom: 0;
     margin-right: 0;
     float: none;
     width: auto;
}
.video-container {
    margin: 0 auto 30px;
    display: block;
    float: none;
    clear: both;
    max-width: 560px;
}
 @media screen and (min-width: 60em) {
     .video-container {
         margin: 0 20px 20px 0;
     float: left;
     
     max-width: 100%;
          
     }
}
.video {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
     padding-top: 25px;
     height: 0;
     margin-bottom: 30px;
}
.video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.desktop-only {
    display: none;
}
.mobile-only {
    display: block;
}
@media (min-width: 60em) {
    .desktop-only {
        display: block;
    }
    .mobile-only {
        display: none;
    }
}
.app-badges {
     margin-top: 15px;
     margin-bottom: 15px;
     display: block;
     clear: both;
 }

.app-badges .app-badge {
     display: block;
     float: left;
     margin-right: 5px;
     margin-bottom: 5px;
     height: 32px;
 }

.app-badges .app-badge img {
     max-height: 32px;
     width: auto;

 }
 .app-badges-widget {
     margin-top: 15px;
 }

.app-badges-widget .app-badge {
     display: block;
     text-align: center;
     /*float: left;*/
     margin: 0 auto 5px; 

 }

.app-badges-widget .app-badge img {
     max-height: 32px;
     width: auto;
 }


 .services-icons {
     display: block;
     width: 100%;
     margin-top: 10px;
 }
  .services-icons .service-icon {
     display: inline-block;
     width: 16%;
     padding: 0 5px;
     text-transform: uppercase;
     font-size: 12px;
     font-weight: 600;
     text-align: center;
     vertical-align: top;
 }
 @media (max-width: 600px) {
       .services-icons .service-icon {
          display: inline-block;
          width: 48%;
          padding: 5px;
      }
 }
 .services-icons .service-icon img {
     display: block;
     max-width: 64px;
     margin: 0 auto 5px;
 }


a.link-button,
a.link-button:visited {
    color: #fff;
    background-color: #c51b2a;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 20px;
    display: inline-block;
}
a.link-button:hover,
a.link-button:focus {
    color: #fff;
    background-color: #ab1824;
    text-decoration: none;
}




/* about the monorail page - SMS */
.section_1 {}
.section_2 {}
.section_2.slideshow .photo img {
     width: 100%;
     height: auto;
     display: block;
}
.section_2.slideshow .caption p {
     background-color: #2094b5;
     color: #fff;
     font-size: 15px;
}
.section_3 {}
.section_3 .testimonials {}
.section_3 .testimonials .testimonial {
     margin: 20px auto;
     padding: 20px;
     border-top: 1px dotted #c6c6c6;
     position: relative;
}
.section_3 .testimonials .testimonial img.headshot {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     float: left;
     margin-right: 10px;
     margin-bottom: 15px;
     border: 5px solid #c6c6c6;
     max-width: 75px;
     height: auto;

}
@media (max-width: 600px) {
     .section_3 .testimonials .testimonial img.headshot {
          float: none;
          margin: 0 auto 15px;
          max-width: 95px;
     }
}
.section_3 .testimonials .testimonial .quote{
     font-size: 17px;
     line-height: 1.35;
     font-family: Georgia, serif;
     font-style: italic;
}
.section_3 .testimonials .testimonial .quote:before, 
.section_3 .testimonials .testimonial .quote:after {position:absolute; font-size:80px;}
.section_3 .testimonials .testimonial .quote:before {content:"\201C"; left:0; top:0;}
.section_3 .testimonials .testimonial .quote:after {content:"\201D"; right:0; /*bottom:0;*/}

.section_3 .testimonials .testimonial .attrib {
     font-size: 14px;
     font-style: italic;
}
.section_4 {}

.section_4 .owner_image {
     width: 100%;
     width: 50%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 5px;
     margin: 15px auto;
}
.section_4 .owner_image_caption {
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 4px;
}
.section_4 .the_staff {}
.section_4 .the_staff .staff_image {
     width: 100%;
     width: 50%;
     float: left;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px;
     margin-bottom: 5px;
}
.section_4 .the_staff .staff_image img {
     display: block;
     margin-bottom: 5px;
}
.section_4 .the_staff .staff_image .staff_name {
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 4px;
}
.section_4 .the_staff .staff_image .staff_title {
     font-size: 13px;
     margin-bottom: 0px;
}
.section_4 .the_staff .staff_image .staff_time {
     font-size: 13px;
     font-style: italic;
     margin-bottom: 0px;
}
@media (min-width: 600px) {
     .section_4 .the_staff .staff_image {
          width: 50%;
          float: left;
     }
}
@media (min-width: 1024px) {
     .section_4 .the_staff .staff_image {
          width: 33.333%;
     }
}


.social-sharing {
  margin: 0 auto;
  /*max-width: 600px;*/
  padding: 5px 0;
  display: block;
  width: 100%; }
.social-sharing h5 {
     text-transform: uppercase !important;
     font-size: 12px !important;
     font-weight: 700;
     letter-spacing: .25px;
}
.rrssb-buttons {
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 36px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%; }
  .rrssb-buttons:after {
    clear: both; }
  .rrssb-buttons:before, .rrssb-buttons:after {
    content: ' ';
    display: table; }
  .rrssb-buttons li {
    box-sizing: border-box;
    float: left;
    height: 100%;
    line-height: 13px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 2px;
    list-style-type: none !important; }
    .rrssb-buttons li::before {
      display: none; }
    .rrssb-buttons li.rrssb-email a {
      background-color: #0a88ff; }
      .rrssb-buttons li.rrssb-email a:hover {
        background-color: #006ed6; }
    .rrssb-buttons li.rrssb-facebook a {
      background-color: #306199; }
      .rrssb-buttons li.rrssb-facebook a:hover {
        background-color: #244872; }
    .rrssb-buttons li.rrssb-linkedin a {
      background-color: #007bb6; }
      .rrssb-buttons li.rrssb-linkedin a:hover {
        background-color: #005983; }
    .rrssb-buttons li.rrssb-twitter a {
      background-color: #26c4f1; }
      .rrssb-buttons li.rrssb-twitter a:hover {
        background-color: #0eaad6; }
    .rrssb-buttons li.rrssb-googleplus a {
      background-color: #e93f2e; }
      .rrssb-buttons li.rrssb-googleplus a:hover {
        background-color: #ce2616; }
    .rrssb-buttons li.rrssb-youtube a {
      background-color: #df1c31; }
      .rrssb-buttons li.rrssb-youtube a:hover {
        background-color: #b21627; }
    .rrssb-buttons li.rrssb-pinterest a {
      background-color: #b81621; }
      .rrssb-buttons li.rrssb-pinterest a:hover {
        background-color: #8a1119; }
    .rrssb-buttons li.rrssb-pocket a {
      background-color: #ed4054; }
      .rrssb-buttons li.rrssb-pocket a:hover {
        background-color: #e4162d; }
    .rrssb-buttons li.rrssb-github a {
      background-color: #444; }
      .rrssb-buttons li.rrssb-github a:hover {
        background-color: #2b2b2b; }
    .rrssb-buttons li.rrssb-instagram a {
      background-color: #517fa4; }
      .rrssb-buttons li.rrssb-instagram a:hover {
        background-color: #406582; }
    
    .rrssb-buttons li a {
      background-color: #ccc;
      border-radius: 2px;
      box-sizing: border-box;
      display: block;
      font-size: 11px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-weight: bold;
      height: 100%;
      padding: 11px 7px 12px 33px;
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      transition: background-color .2s ease-in-out;
      width: 100%; }
      .rrssb-buttons li a .rrssb-icon {
        display: block;
        left: 10px;
        padding-top: 9px;
        position: absolute;
        top: 0;
        width: 10%; }
        .rrssb-buttons li a .rrssb-icon svg {
          height: 17px;
          width: 17px; }
          .rrssb-buttons li a .rrssb-icon svg path {
            fill: #fff; }
      .rrssb-buttons li a .rrssb-text {
        color: #fff; }
      .rrssb-buttons li a:active {
        box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, 0.25); }
    .rrssb-buttons li.small a {
      padding: 0; }
      .rrssb-buttons li.small a .rrssb-icon {
        left: auto;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        top: auto;
        width: 100%; }
      .rrssb-buttons li.small a .rrssb-text {
        visibility: hidden; }
  .rrssb-buttons.large-format {
    height: auto; }
    .rrssb-buttons.large-format li {
      height: auto; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(1) a {
        font-size: 20px;
        font-size: 4vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(2) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(2) ~ li a {
        font-size: 16px;
        font-size: 2vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(3) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(3) ~ li a {
        font-size: 14px;
        font-size: 1.7vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(4) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(4) ~ li a {
        font-size: 13px;
        font-size: 1.4vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(5) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(5) ~ li a {
        font-size: 13px;
        font-size: 1.2vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(6) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(6) ~ li a {
        font-size: 12px;
        font-size: 1.05vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(7) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(7) ~ li a {
        font-size: 11px;
        font-size: .9vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(8) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(8) ~ li a {
        font-size: 11px;
        font-size: .8vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(9) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(9) ~ li a {
        font-size: 11px;
        font-size: .7vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(10) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(10) ~ li a {
        font-size: 11px;
        font-size: .6vw; }
      .rrssb-buttons.large-format li:first-child:nth-last-child(11) a,
      .rrssb-buttons.large-format li:first-child:nth-last-child(11) ~ li a {
        font-size: 11px;
        font-size: .5vw; }
      .rrssb-buttons.large-format li a {
        backface-visibility: hidden;
        border-radius: .2em;
        padding: 8.5% 0 8.5% 12%; }
        .rrssb-buttons.large-format li a .rrssb-icon {
          height: 100%;
          left: 7%;
          padding-top: 0;
          width: 12%; }
          .rrssb-buttons.large-format li a .rrssb-icon svg {
            height: 100%;
            position: absolute;
            top: 0;
            width: 100%; }
        .rrssb-buttons.large-format li a .rrssb-text {
          backface-visibility: hidden; }
  .rrssb-buttons.small-format {
    padding-top: 5px; }
    .rrssb-buttons.small-format li {
      height: 80%;
      padding: 0 1px; }
      .rrssb-buttons.small-format li a .rrssb-icon {
        height: 100%;
        padding-top: 0; }
        .rrssb-buttons.small-format li a .rrssb-icon svg {
          height: 48%;
          position: relative;
          top: 6px;
          width: 80%; }
  .rrssb-buttons.tiny-format {
    height: 22px;
    position: relative; }
    .rrssb-buttons.tiny-format li {
      padding-right: 7px; }
      .rrssb-buttons.tiny-format li a {
        background-color: transparent;
        padding: 0; }
        .rrssb-buttons.tiny-format li a .rrssb-icon svg {
          height: 70%;
          width: 100%; }
        .rrssb-buttons.tiny-format li a:hover, .rrssb-buttons.tiny-format li a:active {
          background-color: transparent; }
      .rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path {
        fill: #0a88ff; }
      .rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #0054a3; }
      .rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path {
        fill: #306199; }
      .rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #18304b; }
      .rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path {
        fill: #007bb6; }
      .rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #003650; }
      .rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path {
        fill: #26c4f1; }
      .rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #0b84a6; }
      .rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path {
        fill: #e93f2e; }
      .rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #a01e11; }
      .rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path {
        fill: #df1c31; }
      .rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #84111d; }
      .rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path {
        fill: #8bbbe3; }
      .rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #398bcf; }
      .rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path {
        fill: #b81621; }
      .rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #5d0b11; }
      .rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path {
        fill: #517fa4; }
      .rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path {
        fill: #2f4a60; }