/* COLORS DELETE THIS AFTER SLICING */ /* Orange – #f89922 */ /* Pinkish-Purple – #c129ba */ /* Section Backgrounds – #2f3232 */ /* Grey Text – #a7a9ac */ /* /////////////////// Template Styles /////////////////// */ /* Google Fonts Here */ /*@import url(http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed); font-family: 'Stint Ultra Condensed', cursive; */ @font-face { font-family: 'news-gothic-std'; src: url('/css/site_specific/fonts/urw_-_newsgot-reg-webfont.eot'); src: url('/css/site_specific/fonts/urw_-_newsgot-reg-webfont.eot?#iefix') format('embedded-opentype'), url('/css/site_specific/fonts/urw_-_newsgot-reg-webfont.woff') format('woff'), url('/css/site_specific/fonts/urw_-_newsgot-reg-webfont.ttf') format('truetype'), url('/css/site_specific/fonts/urw_-_newsgot-reg-webfont.svg') format('svg'); } /* Base styles: opinionated defaults */ fieldset {border: 0; margin: 0; padding: 0;} textarea {resize: vertical;} .chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;} .clearfix:before, .clearfix:after {content: " "; /* 1 */ display: table; /* 2 */} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} /* General Template Styles */ body {background:#fff; font-family: "news-gothic-std",sans-serif; font-size:16px; font-weight:300; line-height:1.5; color:#414042;} .clear {clear:both; line-height:0;} strong {font-weight:bold;} em {font-style:normal; color:#fa6d10;} /* Always style HR, even when Ruled Line widget is not installed; HR is available through markdown. */ hr {width:100%; height:1px; margin:0; background:#e2e1e1; border:0; border:none;} /* 30px / 16px = 1.875em */ a {color:#319b42; text-decoration:none;} a:hover {color:#319b42;} h1, h2, h3, h4, h5 {font-weight:normal; margin:0;margin-bottom:12px; line-height: 1.2em;} h1 {font-size:55px; font-weight:normal; color:#414042;} h2, .rp-contact-form h1 {font-size:33px;} h3 {font-size:40px;} /* Targeting elements on the home page only? Use the following selector: */ body#rp_page_1 {} /* Main Template Styles */ .button, a.button, input[type="button"], input[type="submit"], .read-more-wrapper a {background:#414042 url(../../img/site_specific/layout/buttonarrow.png) no-repeat 90% center; padding: 12px 42px 12px 20px; text-align:center; width:164px; text-transform:uppercase; font-weight:normal; color:#fff; text-decoration:none; border-radius:6px; display:inline-block; border:none; position:relative;} .button:hover, a.button:hover, input[type="button"]:hover, input[type="submit"]:hover, .read-more-wrapper a:hover {background-color:#040404; text-decoration:none !important;} input[type="text"], select, textarea {background:#fff; border:none; padding: 8px 12px; border-radius:4px; font-weight:300; font-size:22px;} input[type="text"].login-input, .login-input {border: solid 1px black; font-size: 12px; padding: 5px; border-radius: 4px; margin: 10px;} .login-submit {margin: 20px 0;} .paragraph p {margin-bottom:16px;} .paragraph h1, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5 {margin-bottom:6px;} #topbg {} #bottombg {} #contentwrap {max-width:1100px; width:96%; margin:0 auto; position:relative;} .rocketslidercaption {max-width:1100px; width:100%; margin:0 auto;} .innercontent {padding:0 15px; overflow:hidden;} section#threeleft {float:left; width:258px; margin-right:28px; margin-bottom: -99999px; padding-bottom: 99999px;} section#threemiddle {float:left; width:258px; margin-right:28px; margin-bottom: -99999px; padding-bottom: 99999px;} section#threeright {float:left; width:258px; margin-bottom: -99999px; padding-bottom: 99999px;} .contentpad {padding:24px;} section#twoleft {float:left; width:258px; margin-right:28px; margin-bottom: -99999px; padding-bottom: 99999px;} section#tworight {float:left; width:544px; margin-bottom: -99999px; padding-bottom: 99999px;} section#gallery {background:#2f3232;} .gallerypad {margin:0 15px;} .page-title {padding-bottom:10px;} #expandable_search {width:300px; height: 30px;} #expandable_search .gsc-control-cse {padding:0;} .home-alert {background:#fa6d10; padding: 6px 20px; color:#fff; font-size:13px;} .home-alert-inner {max-width:1110px; width:100%; margin:auto;} .home-alert strong {background: url(../../img/site_specific/layout/alert-icon.png) no-repeat left center; padding-left:28px;} .home-alert .message .rp-widget-item {display:inline-block;} .home-alert .message .rp-widget-item p {margin:0;} /* Google Transit Styles */ #tripplanner input { border-bottom: solid 2px #414042; border-radius: 0; background: transparent; padding: 5px; font-size: 1em; } #tripplanner input.address { width: 80%; } #tripplanner .button { width: 226px; height: 48px; font-size: 16px; font-family: "news-gothic-std",sans-serif; } #tripplanner select { font-size: 1em; border: solid black 1px; padding: 5px; width: auto !important; } #tripplanner input:focus { outline: none; } #tripplanner .row { margin-bottom: 18.5px; text-align: center; clear: both; } #tripplanner .row:after { content: ""; display: table; clear: both; } #tripplanner .date-deparr { float: right; width: 375px; position: relative; margin-top: 10px; margin-bottom: 25px; } #tripplanner .first-row { margin-bottom: 10px; } #tripplanner div.form-group { display: inline-block; padding-right: 10px; } #tripplanner div.form-group span { font-size: 1em; } #tripplanner .col-half { width: 200px; position: absolute; top: 50%; height: 38px; line-height: 38px; margin-top: -19px; } #tripplanner .hasDatepicker{ font-size: 1em; border: none; text-align: center; width: 100%; } #tripplanner .deparr { left: 20px; width: 200px; } #tripplanner .trip-date { right: 30px; width: 120px; } #tripplanner h1 { display: inline; } #tripplanner .arrow-icon { position: relative; top: 10px; right: 30px; } #tripplanner .icon-label { position: relative; top: 8px; } #tripplanner .diroptbox { margin: 5px 0; width: 100%; } /* Breadcrumbs */ .page-breadcrumbs {overflow:hidden; clear:both; } .page-breadcrumbs li:not(.last) {background:url(../../img/site_specific/layout/breadcrumbsep.png) no-repeat 100% 8px;} .page-breadcrumbs li {float:left; list-style:none; font-size:15px; margin:40px 0 10px; padding: 0 24px 0 16px;} .page-breadcrumbs li a {text-decoration:none; color:#3ab24a; } /* Homepage Slider */ .homeslider {width:100%; background:#3ab24a; margin-bottom:-22px; position:relative; overflow:hidden; z-index:4;} .slidenotch {position:relative; width:100%; z-index:5; background: url(../../img/site_specific/layout/sliderwedge.png) repeat-x center bottom; margin-top:-22px; height:22px;} .rp-slideshow-shortcuts {} .homeslider .slides {overflow:hidden; list-style-type: none;} .homeslider .slides li {overflow:hidden; text-align:center; height:422px; position:relative;} .homeslider .slides li img {margin-top:-25px;} .homeslider .rocketslidercaption {margin:auto; height:2px; padding: 0 4%; text-align:left; font-size: 60px; font-style:normal !important; font-weight:300; text-shadow: 0 2px 2px rgba(0,0,0,.9); line-height:48px; position:relative;} .homeslider .rocketslidercaption > * {position: absolute; bottom: 96px; font-size:55px; line-height:50px;} .homeslider .rocketslidercaption > *:not(h4) {left:0;} .homeslider .rocketslidercaption a {background:#319b42 url(../../img/site_specific/layout/buttonarrow.png) no-repeat 90% center; padding: 13px 14px 9px 0; text-align:center; width:164px; text-transform:uppercase; font-weight:normal; color:#fff; text-decoration:none; border-radius:6px; display:inline-block; border:none; font-size:18px; text-shadow: none; margin-top:10px; line-height:20px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.9); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.9); box-shadow: 0 2px 2px rgba(0,0,0,.9);} .homeslider .rocketslidercaption a:hover {background-color:#319b42; text-decoration:none !important;} .homeslider .rp-slideshow-shortcuts {z-index:4; position:absolute; bottom:40px; left:50%; margin-left:-20px; width:120px;} .homeslider .rp-slideshow-shortcuts .buttonwrapper {display:table; margin:auto;} .homeslider .rp-slideshow-shortcuts li {margin: 0 3px; float:left; list-style:none; display:block; height:14px; width: 14px; border:1px solid #fff; border-radius:14px; font-size:.0001em; cursor:pointer;} .homeslider .rp-slideshow-shortcuts li.selected {background:#fff;} .homeslider .rocketsliderprev {position:absolute; left: 40px; top:50%; margin-top:-40px; background: url(../../img/site_specific/layout/slideleft.png) no-repeat center center; width:24px; height:80px;} .homeslider .rocketslidernext {position:absolute; right: 40px; top:50%; margin-top:-40px; background: url(../../img/site_specific/layout/slideright.png) no-repeat center center; width:24px; height:80px;} .slider.homeslider img {display:block; margin:auto;} /* Giant homepage App Feature */ .featuredapp {width:100%; margin-bottom:22px;} .featuredapp > *:not(.clear) {width:50%; float:left; height:420px; } .featuredapp > .box1 .rp-widget-item {max-width: 550px; width:87%; padding:40px;} .featuredapp > .box3 {text-align:right;} .featuredapp > .box4 .rp-widget-item {max-width: 550px; width:87%; padding:40px;} .featuredapp > .rp-widget-item img {height:540px; width:auto;} .featuredapp .rp-widget-item h1 {font-weight:300; color:#fff; padding-bottom:30px; line-height:.9em; font-size: 60px; letter-spacing: .02em;} .featuredapp .rp-widget-item h2, .featuredapp .rp-widget-item h3, .featuredapp .rp-widget-item h2 a, .featuredapp .rp-widget-item h3 a {color:#fff;} .featuredapp .paragraph p {font-size:22px; font-weight:300; color:#fff;} .featuredapp .rp-content p a {color:#fff; font-weight:normal; text-decoration:none; padding:2px 30px 2px 0px; margin:0; position:relative; display:inline-block; background:none; max-width:none; min-width:180px; text-align:left;} .featuredapp .rp-content a:hover {background:none !important;} /*.featuredapp .rp-content a:after {content: url('../../img/site_specific/layout/buttonarrow.png'); position:absolute; top:6px; right:4px;}*/ .box1 {background:#69b3e7; position:relative;} .box2 {overflow:hidden;} .box3 {overflow:hidden;} .box4 {background:#002d72; position:relative;} .lb-arrow {position:absolute; right:-20px; top:100px; height:60px; width:20px; background: url(../../img/site_specific/layout/lbarrow.png) no-repeat; z-index:10;} .db-arrow {position:absolute; left:-20px; top: 190px; height:60px; width:20px; background: url(../../img/site_specific/layout/rbarrow.png) no-repeat; z-index:10;} /* Feature Widget */ #rp_page_1 .featured-widgets {margin-top:-22px;} .featured-widgets { position:relative; z-index:8;} .featured-widgets .featured-widget {float:left; width: 33%; border-right: 1px solid #e2e1e1; padding:70px 0;} .featured-widgets .featured-widget .rp-content {text-align:center;} .featured-widgets .featured-widget h1 {font-size:33px !important; font-weight:normal; margin-bottom:10px; margin: 10px 0 20px;} .featured-widgets .featured-widget img {max-height:44px;} .featured-widgets .featured-widget img.do_not_scale {max-height:initial;} .featured-widgets .featured-widget .rp-img {margin-bottom:14px;} .featured-widgets .featured-widget .rp-img img {} .featured-widgets .featured-widget h2 {padding: 0 20px;} .featured-widgets .featured-widget .paragraph {font-size:18px;color:#909091; padding: 0 30px; min-height:110px; margin-top:20px;} .featured-widgets .featured-widget:nth-child(1) {} .featured-widgets .featured-widget:nth-child(3) {border-right:none;} .right-col .featured-widget {width:100%; padding: 0; margin-bottom:80px; border-right:none;} .right-col .featured-widget .rp-content img {margin-top:60px;} .right-col .featured-widget .paragraph {min-height:90px;} .right-col .featured-widget .read-more-wrapper a { width: 122px; padding: 10px 40px 10px 18px;} /* Pull quote */ .rp-pull-quote {padding: 8px 8px 8px 30px; border-left: 4px solid #3AB24A; font-size:33px; margin-bottom:20px;} .rp-pull-quote h5 {font-size:40px;} .rp-pull-quote div.paragraph {font-size:33px; margin-bottom: 13px; color:#3AB24A; font-weight:bold; padding-left:10px;} .rp-pull-quote .rp-quote-name {position:relative; font-size:20px; line-height:22px; display:block; color:#777;} .rp-pull-quote .rp-quote-title {position:relative; font-size:20px; line-height:22px; display:block; color:#777; font-weight:bold; margin-top:4px;} /* Location Widget */ .rp-location {margin:30px 0;} .rp-location .title {margin-bottom:10px;} .rp-location .leftimage {float:left;width:48%; overflow:hidden;} .rp-location .leftimage img {} .rp-location .righttext {float:right; width: 48%;} .rp-location .righttext ul {margin-left:30px; padding-right:20px;} .rp-location .leftlist {float:left;width:60%;} .rp-location .rightlist {float:right; width:40%;} /* Routes widget */ .rp-route-schedule { margin:30px 0; } .rp-route-schedule .rightimage {width:380px; float:none;} .rp-route-schedule .rightimage img {width:380px;} .rp-route-schedule .leftinfo {float:none; width: 700px;} .rp-route-schedule .title {margin:0 0 6px 0; padding-top:0 !important;} .rp-route-schedule .schedule {overflow:hidden; margin-bottom:10px;} .rp-route-schedule .schedule li {display:block; float:left; list-style:none; padding: 8px; font-size:21px; line-height:20px; color:#fff; width:24px; text-align:center; border-radius:6px; margin: 4px;} .rp-route-schedule .schedule li.active {border:1px solid #3ab24a; background: #3ab24a;} .rp-route-schedule .schedule li.partial {border:1px solid #777; background:#777;} .rp-route-schedule .schedule li.inactive {border:1px solid #ddd; background:#fff; color:#444;} .rp-route-schedule .map-schedule-link a {position:relative; bottom:4px; left:6px;} .rp-route-schedule .map-schedule-link a:nth-child(4) {position:relative; top:0; left:63px;} /* Template 2 Styles */ .download-app {background: #69b3e7; padding: 100px 0; margin-bottom:-70px;} .download-app-inner {max-width:600px; width:100%; text-align:center; margin:auto; color:#fff; display:block; text-decoration:none;} .download-app-inner a {color:#fff; text-decoration:underline;} .download-app-inner a:hover {color:#fff; text-decoration:none;} .download-app-inner h2 {font-size:33px; line-height:1.6em !important; padding-top:12px !important; color:#fff !important;} .download-app-inner .paragraph p {font-size:18px;max-width:600px; margin:auto;} /* Template 3 Styles */ .cd-integration {background:#3ab24a; padding: 20px; min-height:400px;} .left-col {width:804px; float:left;} .right-col {width: 296px; float:right;} /* Header */ .head-right > * {float:left; color:#aaa; font-style:italic; font-weight:300; display:block; margin: 8px 4px; font-size:13px;} .head-right > *:hover {color:#040404;} header a {color:#aaa;} header .search {background: url(../../img/site_specific/layout/search-icon.png) no-repeat 10px center; padding:2px 2px 2px 30px;} header .text-only {background: url(../../img/site_specific/layout/text-only.png) no-repeat 12px center; padding:2px 2px 2px 30px;} header .all-routes {background: #3ab24a url(../../img/site_specific/layout/whitemapmarker.png) no-repeat 12px 13px; padding:12px 12px 8px 30px; color:#fff; text-decoration:none; font-style:normal; border-radius: 0 0 6px 6px; font-size:14px; font-weight:normal; margin:0 0 8px 8px;} .page-banner {margin-bottom:-22px; text-align:center;} #headerwrap {position:relative;} .header {z-index:400 !important;} .head-left {float:left; width:263px; margin-top:60px; margin-bottom:-10px;} .head-right {float:right;} .logo {display:block; margin:5px 0 4px 0; } .head-right ul {margin-top:10px; list-style:none; font-size:.8125em; line-height:1.8em; color:#fff;} .head-right ul a {text-decoration:none; color:#fff;} .head-right ul a:hover {text-decoration:none; color:#f89921;} .head-right ul li {display:inline-block; margin-right:12px;} .head-right ul li.home {margin-right:15px;} .head-right ul li.home a {display:block; width:22px; height:22px; text-indent:-9999px; background:url(../../img/site_specific/layout/home-sprite.png) 0 0 no-repeat;} .head-right ul li.home a:hover {background:url(../../img/site_specific/layout/home-sprite.png) 0 -22px no-repeat;} .head-right ul li.facebook {margin-right:15px;} .head-right ul li.facebook a {display:block; width:22px; height:22px; text-indent:-9999px; background:url(../../img/site_specific/layout/facebook-sprite.png) 0 0 no-repeat;} .head-right ul li.facebook a:hover {background:url(../../img/site_specific/layout/facebook-sprite.png) 0 -22px no-repeat;} .head-right ul li.twitter {margin-right:15px;} .head-right ul li.twitter a {display:block; width:22px; height:22px; text-indent:-9999px; background:url(../../img/site_specific/layout/twitter-sprite.png) 0 0 no-repeat;} .head-right ul li.twitter a:hover {background:url(../../img/site_specific/layout/twitter-sprite.png) 0 -22px no-repeat;} /* The Main Navigation */ nav#thenav {position:relative; padding-bottom:10px; font-size:19px; margin-left:300px; margin-top:-30px; z-index:100;} nav#thenav > ul {float:right;} nav#thenav > ul > li {float:left; margin-right:3px; position:relative;text-align:center;} nav#thenav > ul > li a {display:block; padding:6px 12px; color:#22180e; text-decoration:none;} nav#thenav > ul > li:hover > a {color:#319b42;} #thenav > ul > li > ul {position:absolute; top:100%; left:0%; width:214px; padding-top:8px; background: url(../../img/site_specific/layout/subnavtop.png) no-repeat center top; display:none; z-index: 100;} #thenav > ul > li > ul li {background:#3ab24a; border-radius:0;} #thenav > ul > li > ul li a {display:block; color:#bff7c6; font-weight:300; padding: 10px; border-bottom: 1px solid #93eb9f; font-size:15px;} #thenav > ul > li > ul li a:hover {color:#fff;} #thenav > ul > li > ul li.first {border-top-left-radius: 8px; border-top-right-radius:8px;} #thenav > ul > li > ul li.last, #thenav > ul > li > ul li.last a {border-bottom-right-radius: 8px; border:none; border-bottom-left-radius: 8px;} .head-left {position:relative;} .hamburger {position:absolute; right:8px; top: 10px; overflow:hidden; height:27px; cursor:pointer; display:none;} .hamburger img {max-width: 38px; opacity:0.6;} .hamburger.toggled img {margin-top:-27px; opacity:1;} nav#thenav > ul > li:hover > ul {display:block;} /* Responsive Nav */ nav.responsive-nav {display:none;} nav.responsive-nav {padding:0 15px 15px 15px;} nav.responsive-nav select {width:100%;} /* Subnav */ #subnav {margin:0 0 36px 0; padding-bottom:30px; border-bottom:1px solid #f89922;} #subnav a {text-decoration:none; color:inherit;} #subnav a:hover {text-decoration:none; color: #319b42;} #subnav ul {font-size:.875em; line-height:1.142857em; list-style:none;} #subnav ul li {margin-top:0px; padding:6px 0 6px 0px; border-bottom:1px solid #818285;} /* #subnav ul li.selected {padding-bottom:0;} */ #subnav ul li.first {border-top:1px solid #818285;} #subnav ul li:first-child {margin-top:0;} #subnav ul li a {padding:0; display:block;} #subnav ul li a:hover {} #subnav ul li a:before {} #subnav ul li.selected a {text-decoration:none; color:#319b42;} #subnav ul li.selected ul {margin:0 0 0 0; text-transform:none; font-size:1em;} #subnav ul li.selected ul li {margin-top:0px; padding-bottom:0px; margin-left:0px; border-bottom:none;} #subnav ul li.selected ul li.last {border-bottom:0; padding-bottom:0;} #subnav ul li.selected ul li.first {border-top:0;} #subnav ul li.selected ul li:first-child {margin-top:0px;} #subnav ul li.selected ul li a {margin-left:0; padding-left:24px; color:#a7a9ac;} #subnav ul li.selected ul li a:before {} #subnav ul li.selected ul li a:hover {color:#319b42;} #subnav ul li.selected ul li.selected a {color:#319b42;} #subnav ul ul {/* margin-bottom:-6px; */} /* Rider Alerts */ div.alerts-details { width: 50%; padding: 30px 15px; margin: 20px 0 20px 10%; border-bottom: solid 2px #eee; } div.alert-no-border { width: 50%; padding: 30px 15px; margin: 20px 0 20px 10%; border: none; } /* Footer */ footer#pagefooter {} footer#pagefooter p {margin:11px 0 13px 0; padding:0 15px; line-height:1.384615em; text-align:center; color:#fff;} footer#pagefooter .col p {padding:0; text-align:left; } #pagefooter {background:#414042; padding: 20px 0; width:100%; margin-top:70px;} #rp_page_1 #pagefooter {margin-top:0;} #pagefooter .footerinner {max-width:1110px; margin: auto;} #pagefooter .footerleftcol {float:left; width: 30%;} #pagefooter .footerrightcol {float:left; width: 70%;} .footerlogo {margin-bottom:10px; display:block;} .footerleftcol .address {font-size:16px; color:#909091; font-weight:300;} .footerleftcol .phone {color:#fff; margin: 20px 0; font-weight:300;} .footermenus .col {width: 30%; float:left;} .footermenus .rp-widget-item .paragraph ul {margin-bottom:20px; padding:8px 0 0 0;} .footermenus .rp-widget-item h3 {list-style:none; text-transform:uppercase; color:#898a8d; margin:0; font-size:18px; font-weight:300; padding-bottom:0;} .footermenus .rp-widget-item .paragraph li {line-height:1.6em; color:#fff;} .footermenus .rp-widget-item .paragraph li a {text-transform:none; text-decoration:none; color:#fff;} .footermenus .rp-widget-item .paragraph li a:hover {color:#898a8d;} #pagefooter .footercopy p {margin-top:10px; text-align:center; font-size:14px; color:#909091;} #pagefooter .footercopy p a {color:#fff; text-decoration:none;} #pagefooter .footercopy p a:hover {color:#898a8d;} #pagefooter .social-icons a {margin: 0 6px;} .subscribe {margin-bottom:30px;} .subscribe a {background-color:#606062; position:relative; bottom:3px; width:auto; background-position: 95% center;} /* /////////////////// Widget Styles /////////////////// */ .rp-ruled-line {margin: 25px 0;} /* Reset margin on all first widgets. All widgets have ' rp-widget-item' added to class name. */ #subnav + .rp-widget-item .rp-content>*:first-child {margin-top:0 !important; padding-top:0 !important;} .rp-widget-item:not(.rp-javascript-slideshow):first-child .rp-content>*:first-child {margin-top:0 !important; padding-top:0 !important;} .rp-widget-item:first-child .rp-content>hr:first-child {margin-top:30px !important;} .rp-widget-item:first-child .rp-content>div.paragraph:first-child p:first-child {margin-top:0 !important; padding-top:0 !important;} .rp-widget-item:first-child .rp-content>.rp-side-images + h1 {margin-top:0 !important; padding-top:0 !important;} .rp-widget-item:first-child .rp-content>.rp-side-images + h2 {margin-top:0 !important; padding-top:0 !important;} .rp-widget-item:first-child .rp-content>.rp-side-images + h3 {margin-top:0 !important; padding-top:0 !important;} .rp-widget-item:first-child .rp-content>.rp-side-images + p, .rp-widget-item:first-child .rp-content>.rp-side-images + div.paragraph, .rp-widget-item:first-child .rp-content>.rp-side-images + div.paragraph p:first-child {margin-top:0 !important; padding-top:0 !important;} script:first-child + .rp-widget-item .rp-content>*:first-child {margin-top:0 !important; padding-top:0 !important;} /* Override rp_widgets.css: Reset margin on all first widgets (for specific content area). Replace #name_your_content_area, and match spacing to spacing above. */ #name_your_content_area div.rp-widget-item .rp-content>p:first-child {margin-top:0 !important; padding-top:14px !important;} #name_your_content_area div.rp-widget-item .rp-content>div.paragraph:first-child p {margin-top:0 !important; padding-top:5px !important;} #name_your_content_area div.rp-widget-item .rp-content>h1:first-child {margin-top:0 !important; padding-top:20px !important;} #name_your_content_area div.rp-widget-item .rp-content>h2:first-child {margin-top:0 !important; padding-top:5px !important;} #name_your_content_area div.rp-widget-item .rp-content>h3:first-child {margin-top:0 !important; padding-top:10px !important;} /* Modified Styles – Starter Pack */ body div.rp-widget-item .rp-content>.rp-side-images + p {margin-top:0 !important; padding-top:0px !important;} body div.rp-widget-item .rp-content>.rp-side-images + h1 {margin-top:0 !important; padding-top:0px !important;} body div.rp-widget-item .rp-content>.rp-side-images + h2 {margin-top:0 !important; padding-top:0px !important;} body div.rp-widget-item .rp-content>.rp-side-images + h3 {margin-top:0 !important; padding-top:0px !important;} body .rp-content img + div.paragraph {margin-top:12px;} body .rp-content img + div.paragraph p:first-child, body .rp-content img + div.paragraph h1:first-child, body .rp-content img + div.paragraph h2:first-child, body .rp-content img + div.paragraph h3:first-child {margin-top:0; padding-top:0;} div.rp-ruled-line + .rp-widget-item .rp-content div.paragraph:first-child p:first-child, div.rp-ruled-line + .rp-widget-item .rp-content h1:first-child, div.rp-ruled-line + .rp-widget-item .rp-content h2:first-child, div.rp-ruled-line + .rp-widget-item .rp-content h3:first-child, .rp-ruled-line + .rp-widget-item .rp-content img:first-child {padding:0; margin:0;} /* Text Styles */ /* Padding for text wrap widgets. Match Text Styles padding above, then adjust by eye. */ .text {padding-top:10px !important;} .heading {padding-top:0px !important;} .sub-heading {padding-top:15px !important;} .title {padding-top:12px !important;} /* Caption */ .rp-content h4 {margin:12px 0 0 0; padding:0; font-size:.8125em; font-weight:normal; color:#fff;} /* Inline Links */ /* Read More Links */ .rp-content div.read-more-wrapper a {} .rp-content div.read-more-wrapper a:hover {text-decoration:underline;} /* Font Styles */ .rp-content strong {} .rp-content em {} .rp-content sub {font-size: smaller; vertical-align: sub;} .rp-content sup {font-size: smaller; vertical-align: super;} /* Markdown Default Styling */ /* Lists */ .rp-content div.paragraph ul {list-style:disc outside; overflow:hidden; margin-left:0; padding:12px 0 16px 40px; line-height:1.6em;} .rp-content div.paragraph li p {margin:0;} .rp-content div.paragraph ul ul {padding: 4px 0 4px 30px;} .rp-content div.paragraph ol {list-style:decimal outside; overflow:hidden; margin-left:0; padding:12px 0 16px 40px; line-height:1.6em;} .rp-content li ul, .rp-content li ol, .rp-content li p {font-size:1em;} /* for nested lists */ .rp-content div.paragraph > ul {padding-top:0; margin-top:0;} /* ------------- Standard Widgets ------------- */ /* Block Quote */ .rp-content div.paragraph blockquote {padding-left:2.5em;} /* Text w/ Side Images - Styles Common To Both */ .rp-widget-item ul.rp-side-images {} .rp-widget-item ul.rp-side-images li {display:list-item; list-style:none; margin-bottom:12px; padding:0; line-height:0;} .rp-widget-item ul.rp-side-images li img {width:100%; height:auto;} /* Text w/ Image */ .rp-text-img {} .rp-text-img img {max-width:100%; height:auto; padding:12px 0 0 0;} /* Text w/ Images on Left */ .rp-text-l-imgs ul.rp-side-images {float:left; overflow:hidden; width:210px; padding:0 24px 0 0; line-height:0;} .rp-text-l-imgs .rp-content h1 {padding:18px 0 0 0;} /* Text w/ Images on Right */ .rp-text-r-imgs ul.rp-side-images {float:right; overflow:hidden; width:210px; padding:0 0 0 24px; line-height:0;} .rp-text-r-imgs .rp-content h1 {padding:18px 0 0 0;} /* Pull Quote */ section#threeacross .rp-pull-quote, section#twoleft .rp-pull-quote {padding:60px 24px; background:#f25c04 url(../../img/site_specific/layout/pq-bg.jpg) bottom center no-repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} section#threeacross .rp-pull-quote .rp-content, section#twoleft .rp-pull-quote .rp-content {margin:0;} section#threeacross .rp-pull-quote h5, section#twoleft .rp-pull-quote h5 {padding:0; margin:0; font-size:.875em; line-height:1.428571em; font-weight:bold; color:#000; letter-spacing:0px;} section#threeacross .rp-pull-quote div.paragraph p, section#twoleft .rp-pull-quote div.paragraph p {padding:10px 0 10px 0; font-size:1.125em; line-height:1.33333em; font-weight:bold; text-transform:none; color:#fff;} section#threeacross .rp-pull-quote strong.rp-quote-name, section#twoleft .rp-pull-quote strong.rp-quote-name {display:block; padding-top:0px; font-size:.875em; line-height:1.428571em; font-weight:normal; color:#000;} section#threeacross .rp-pull-quote span.rp-quote-title, section#twoleft .rp-pull-quote span.rp-quote-title {display:block; padding:0; font-size:.875em; line-height:1.428571em; font-weight:normal; color:#000;} section#tworight .rp-pull-quote {padding:24px; background:#000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} section#tworight .rp-pull-quote .rp-content {margin:0;} section#tworight .rp-pull-quote h5 {padding:0; margin:0; font-size:.875em; line-height:1.428571em; font-weight:bold; color:#fff; letter-spacing:0px;} section#tworight .rp-pull-quote div.paragraph p {padding:10px 0 10px 0; font-size:1.125em; line-height:1.33333em; font-weight:bold; text-transform:none; color:#f89921;} section#tworight .rp-pull-quote strong.rp-quote-name {display:block; padding-top:0px; font-size:.875em; line-height:1.428571em; font-weight:normal; color:#fff;} section#tworight .rp-pull-quote span.rp-quote-title {display:block; padding:0; font-size:.875em; line-height:1.428571em; font-weight:normal; color:#fff;} /* Image */ .rp-img {line-height:0;} .rp-img img {margin-top:0px; padding:0; max-width:100%;} .rp-img img.do_not_scale {max-width:none; width:auto;} /* Row of Images. Currently can allow up to 20 images. Image total set using app -> config -> rp_config.php -> ['img_per_row'] */ /* Row of Images 3 Across */ .rp-row-imgs div.rp-content div.clear {float: none;} .rp-row-imgs {padding-top:0;} .rp-row-imgs div.rp-content div {float:left; line-height:0;} .rp-row-imgs div.rp-content div h4 {text-align:left;} .rp-row-imgs div.rp-content div img {width:100%;} .rp-row-imgs div.rp-content div.img-1 {margin-right:24px; width:184px;} .rp-row-imgs div.rp-content div.img-2 {margin-right:24px; width:184px;} .rp-row-imgs div.rp-content div.img-3 {margin-right:0px; width:184px;} /* Row of Images 4 Across - KEEP THIS STYLING FOR FUTURE EXPANSION */ /* .rp-row-imgs div.rp-content div.clear {float: none;} .rp-row-imgs {padding-top:0;} .rp-row-imgs div.rp-content div {float:left;} .rp-row-imgs div.rp-content div h4 {text-align:left;} .rp-row-imgs div.rp-content div img {width:100%;} .rp-row-imgs div.rp-content div.img-1 {margin-right:24px; width:132px;} .rp-row-imgs div.rp-content div.img-2 {margin-right:24px; width:132px;} .rp-row-imgs div.rp-content div.img-3 {margin-right:24px; width:132px;} .rp-row-imgs div.rp-content div.img-4 {margin-right:0; width:132px;} */ /* Ruled Line */ /* Style HR separately under template styles at top, because HR is available through markdown. Ruled line widget may have unique styling from plain HR on occasion. */ .rp-ruled-line hr {} /* Spacer */ .rp-spacer {} /* Link to File */ .rp-link-to-file {padding-top:0px;} .rp-link-to-file a.img-wrap {width:100%; height:auto; margin-bottom:12px;} .rp-link-to-file img {display:block; float:left; width:100%; margin:0 0 0 0;} .rp-link-to-file a {display:block; float:left; margin:0 8px 0 0; font-size:.875em;} /* Site Map */ .rp-site-map {font-size:.875em;} .rp-site-map ul {font-weight:bold; list-style:none;} .rp-site-map li {margin-top:5px;} .rp-site-map div.rp-content a {} .rp-site-map ul ul {margin-left:24px; font-weight:normal;} .rp-site-map ul ul ul {font-style:italic;} .rp-site-map ul ul ul ul {font-style:normal;} /* Embed Code */ .rp-embed-code {} .rp-embed-code .rp-content {} .rp-embed-code .rp-content iframe {width:100%;} /* Video Responsiveness */ .rp-youtube, .rp-vimeo {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .rp-youtube iframe, .rp-vimeo iframe, .rp-youtube object, .rp-vimeo object, .rp-youtube embed, .rp-vimeo embed {position:absolute; top:0; left:0; width:100%; height:100%;} /* YouTube */ .rp-youtube {} .rp-youtube .rp-content {} .rp-youtube .rp-content iframe {width:100%;} /* Vimeo */ .rp-vimeo {} .rp-vimeo .rp-content {} .rp-vimeo .rp-content iframe {width:100%;} /* [Simple] Contact Form */ .rp-contact-form {margin-top:4px; font-size:16px; color:#000; text-transform:capitalize;} .rp-contact-form div.rp-content legend {width:180px; padding:6px 0 2px 25.39%; font-size:.875em; line-height:1.1875em; font-weight:bold; letter-spacing:0px; color:#939598; text-transform:capitalize;} /* 130px/512px = 25.39% */ .rp-contact-form div.rp-content div.rp-form-item {clear:both; width:100%; margin-bottom:8px;} .rp-contact-form div.rp-content div.rp-form-item label {display:block; float:left; width:24.41%; padding-right:.9765%; padding-top:3px; font-size:.8125em; line-height:1.1875em; font-weight:normal; letter-spacing:0px; color:#939598; text-transform:capitalize; text-align:right;} /* 125px/512px = 24.41% | 5px/512px = .9765% */ .rp-contact-form div.rp-content div.rp-form-item input {width:37.89%;} /* 194px/512px = 37.89% */ .rp-contact-form div.rp-content div.rp-form-item select {width:40.0625%;} /* 200px/512px = 39.0625% */ .rp-contact-form div.rp-content div.rp-form-item textarea {width:37.89%; max-width: 37.89%; height:50px; background-color: #efefef;} .rp-form-email div.rp-form-item, .rp-form-phone div.rp-form-item, .rp-form-comments div.rp-form-item, .rp-form-organization div.rp-form-item {padding-left:25.39%;} .rp-contact-form div.rp-content div.rp-form-item div.submit {padding:10px 0 0 25.39%;} .rp-contact-form div.rp-content div.rp-form-item div.submit input {width:auto;} .rp-contact-form div.rp-content div.rp-form-item span.rp-form-req {font-size:1em; line-height:1em; color:#c00; padding-left:.390%;} /* 2px/512px = .390625% */ .rp-contact-form div.rp-content div.rp-form-item div.error-message {margin:0 0 5px 13.67%; padding:2px 1.17%; background-color:#c00; font-size:1em; line-height:1.4em; color:#fff;} /* 70px/512px = 13.671875% | 6px/512px = 1.171875% */ .rp-form-email div.error-message, .rp-form-phone div.error-message, .rp-form-comments div.error-message {margin-left:0px !important;} .rp-contact-form div.rp-content div.rp-form-item #recaptcha_widget_div {width:74.61%; height:auto; padding-left:25.39%;} .rp-contact-form input[type="text"], .rp-contact-form select {background-color: #efefef;} /* Pseudo Blog */ .rp-pseudo-blog {} .rp-pseudo-blog div.pseudo-img-cap {} .rp-pseudo-blog div.pseudo-img-cap img {width:100%;} .rp-pseudo-blog div.pseudo-img-cap h4 {} .rp-pseudo-blog div.paragraph {} .rp-pseudo-blog span.rp-blog-info {} .rp-pseudo-blog span.rp-blog-info span.rp-date {} .rp-pseudo-blog span.rp-blog-info span.rp-author {} .rp-pseudo-blog div.rp-content div.read-more-wrapper {} .rp-pseudo-blog div.rp-content div.read-more-wrapper a {} /* Slideshow [Rocket] Javascript */ div#contentwrap div.rp-javascript-slideshow {padding-bottom:0px;} div#contentwrap div.rp-javascript-slideshow div.rp-content {position:relative; overflow:visible; width:100%; zoom:1; position:relative;} div#contentwrap div.rp-javascript-slideshow div.swrapper {position:relative; overflow:visible; width:100%;} div#contentwrap div.rp-javascript-slideshow div.rp-content > ul.slides {position:relative; z-index:1; list-style:none;} div#contentwrap div.rp-javascript-slideshow div.rp-content > ul img {max-width:100%; display:block; background:transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom:1;} div#contentwrap div.rp-javascript-slideshow div.rp-content > ul > a {border:none; outline:none;} div#contentwrap div.rp-javascript-slideshow div.rp-content > ul > div.rocketslidercaption {position:absolute; left:0; bottom:0; width:100%; background-color:#fff; opacity:0.6;} div#contentwrap div.rp-javascript-slideshow div.rp-content > ul > div.rocketslidercaption > h4 {margin:10px; font-size:1.2em; line-height:1.2; color:#000;} div#contentwrap .slides::after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} div#contentwrap div.rp-javascript-slideshow div.swrapper ul.rp-slideshow-shortcuts {z-index:2; position:absolute; left:21px; bottom:17px;} div#contentwrap div.rp-javascript-slideshow div.swrapper ul.rp-slideshow-shortcuts li {display:inline-block; width:20px; height:20px; margin:0 0 0 -2px; background:url(../../img/site_specific/layout/shortcuts-sprite.png) 0 0; text-indent:-9999px; cursor:pointer;} div#contentwrap div.rp-javascript-slideshow div.swrapper ul.rp-slideshow-shortcuts li.selected {background:url(../../img/site_specific/layout/shortcuts-sprite.png) 0 -20px;} div#contentwrap div.rp-javascript-slideshow div.swrapper a.rocketsliderprev {display:inline-block; z-index:2; position:absolute; left:4px; bottom:45%; width:32px; height:32px; background:url(../../img/site_specific/layout/prev-sprite.png) 0 0 no-repeat; cursor:pointer;} div#contentwrap div.rp-javascript-slideshow div.swrapper a.rocketsliderprev:hover {width:32px; height:32px; background:url(../../img/site_specific/layout/prev-sprite.png) 0 -32px no-repeat; cursor:pointer;} div#contentwrap div.rp-javascript-slideshow div.swrapper a.rocketslidernext {display:inline-block; z-index:2; position:absolute; right:4px; bottom:45%; width:32px; height:32px; background:url(../../img/site_specific/layout/next-sprite.png) 0 0 no-repeat; cursor:pointer;} div#contentwrap div.rp-javascript-slideshow div.swrapper a.rocketslidernext:hover {width:32px; height:32px; background:url(../../img/site_specific/layout/next-sprite.png) 0 -32px no-repeat; cursor:pointer;} div#contentwrap div.rp-javascript-slideshow div.swrapper a.rocketsliderplay {display:inline-block; z-index:2; position:absolute; left:24px; top:24px; width:40px; height:40px; background:url(../../img/site_specific/layout/play.png) top left no-repeat; cursor:pointer;} div#contentwrap div.rp-javascript-slideshow div.swrapper a.rocketsliderpause {display:inline-block; z-index:2; position:absolute; left:24px; top:24px; width:40px; height:40px; background:url(../../img/site_specific/layout/pause.png) top left no-repeat; cursor:pointer;} div#contentwrap .lt-ie9 .rp-javascript-slideshow .rp-content {display:block; width:912px; margin:0 !important; overflow:visible;} div#contentwrap .lt-ie9 div.rp-javascript-slideshow div.swrapper ul.rp-slideshow-shortcuts {z-index:2; position:absolute; left:21px; bottom:-243px;} div#contentwrap .lt-ie9 div.rp-javascript-slideshow div.swrapper ul.rp-slideshow-shortcuts li {display:inline-block; width:20px; height:20px; margin:0 0 0 -2px; background:url(../../img/site_specific/layout/shortcuts-sprite.png) 0 0; text-indent:-9999px; cursor:pointer;} div#contentwrap .lt-ie9 div.rp-javascript-slideshow div.swrapper ul.rp-slideshow-shortcuts li.selected {background:url(../../img/site_specific/layout/shortcuts-sprite.png) 0 -20px;} div#contentwrap .lt-ie9 div.rp-javascript-slideshow div.swrapper a.rocketsliderprev {display:inline-block; z-index:2; position:absolute; right:50px; bottom:-251px; width:40px; height:56px; background:url(../../img/site_specific/layout/prev-sprite.png) 0 0 no-repeat; cursor:pointer;} div#contentwrap .lt-ie9 div.rp-javascript-slideshow div.swrapper a.rocketslidernext {display:inline-block; z-index:2; position:absolute; right:12px; bottom:-251px; width:40px; height:56px; background:url(../../img/site_specific/layout/next-sprite.png) 0 0 no-repeat; cursor:pointer;} /* Slideshow [Flash] */ .rp-flash-slideshow {} /* Random Image */ .rp-random-image {overflow:hidden;} .rp-random-image img {width:100%;} /* Growy Image */ .rp-growy-img {float:left;} .rp-growy-img .rp-content {position:relative;} .admin-content .rp-growy-img {float:none;} .rp-growy-img img {width:100%; height:auto;} .rp-growy-img h4 {position:absolute; left:0px; top:100%; width:100%; margin:auto; padding:3px 0px 7px 0px; font-size:inherit; font-weight:bold; text-align:center; zoom:1;} .rp-growy-img .rp-growy-img-wrapper {position:relative; width:100%; height:100%;} .rp-growy-img .rp-growy-img-overlay {position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #fff;} .rp-growy-img .rp-growy-img-overlay img {width:100%; height:100%;} /* Animated Image Slider */ .rp-img-slider {} .rp-img-slider div.rp-content {} /* Gallery */ #lightbox {z-index:10000 !important;} .rp-gallery {padding:24px;} .rp-gallery div.rp-content div.paragraph {margin-bottom:24px;} .rp-gallery div.rp-content div.gallery-imgs, .rp-gallery div.rp-content div.gallery-imgs-responsive {width:100%; margin-top:24px;} .rp-gallery div.rp-content div.gallery-imgs a, .rp-gallery div.rp-content div.gallery-imgs-responsive a {float:left; display: block; margin-bottom:24px; line-height:0;} .rp-gallery div.rp-content div.gallery-imgs a, .rp-gallery div.rp-content div.gallery-imgs-responsive a {display: block;} .rp-gallery div.rp-content div.gallery-imgs a img, .rp-gallery div.rp-content div.gallery-imgs-responsive a img {width: 100%;} /* Gallery - 2 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-2 a {width:48.684211%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-2 a:nth-child(2n+2) {margin-right:0px;} /* Gallery - 3 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-3 a {width:31.578948%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-3 a:nth-child(3n+3) {margin-right:0px;} /* Gallery - 4 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-4 a {width:23.0263165%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-4 a:nth-child(4n+4) {margin-right:0;} /* Gallery - 5 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-5 a {width:17.8947376%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-5 a:nth-child(5n+5) { margin-right:0;} /* Gallery - 6 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-6 a {width:14.473685%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-6 a:nth-child(6n+6) {margin-right:0;} /* Gallery - 7 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-7 a {width:12.030076%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-7 a:nth-child(7n+7) {margin-right:0;} /* Gallery - 8 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-8 a {width:10.19736925%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-8 a:nth-child(8n+8) {margin-right:0;} /* Gallery - 9 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-9 a {width:8.77193066667%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-9 a:nth-child(9n+9) {margin-right:0;} /* Gallery - 10 across */ .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-10 a {width:7.6315798%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs.imgs-per-row-10 a:nth-child(10n+10) {width:7.6315798%; margin-right:0;} /* Gallery - Set responsive to display 3 across */ .rp-gallery div.rp-content div.gallery-imgs-responsive a {width:31.578948%; margin-right:2.631578%;} .rp-gallery div.rp-content div.gallery-imgs-responsive a:nth-child(3n+3) {margin-right:0px;} .rp-gallery div.rp-content div.gallery-imgs-responsive {display: none;} /* SWF Flash Video */ .rp-swf-flash-video {} .rp-swf-flash-video div.rp-content {} .rp-swf-flash-video div.rp-content .swf-flash-wrapper {} /* JW Flash Video */ .rp-jw-flash-video {} .rp-jw-flash-video div.rp-content {} .rp-jw-flash-video div.rp-content .jw-flash-wrapper {} /* JW HTML Video */ .rp-jw-html-video {} .rp-jw-html-video div.rp-content {} .rp-jw-html-video div.rp-content .jw-html-wrapper {} /* Simple Audio */ .rp-flash-audio {} .rp-flash-audio .rp-content {} .rp-flash-audio .wrapper {} .rp-flash-audio .wrapper embed {} .rp-flash-audio .wrapper embed {} .rp-flash-audio .download-link-wrapper {} .rp-flash-audio .download-link-wrapper a {} /* Flash Audio w/ Playlist */ .rp-flash-audio-playlist {} .rp-flash-audio-playlist .rp-content {} .rp-flash-audio-playlist .rp-content object {} /* [Simple] Paypal */ .rp-paypal {padding-top:20px;} .rp-paypal div.rp-content {} .rp-paypal .rp-content .paypal_data fieldset input {font-size:.75em; padding:5px;} button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {padding:3px;} /* Image CAN float if desired */ .rp-paypal div.paypal_image {float:right; width:40%; margin:10px 0 10px 10px;} .rp-paypal div.paypal_image img {width:100%;} .rp-paypal div.paypal_data {} .rp-paypal div.paypal_data h3 {} .rp-paypal div.paypal_data span.price {color:#666; font-style:italic;} .rp-paypal div.paypal_data div.paragraph {} .rp-paypal div.paypal_data div.paragraph p {} .rp-paypal div.paypal_data form {margin-top:10px;} .rp-paypal div.paypal_data form input {} /* Advanced Paypal */ .rp-paypal-adv {padding-top:20px;} .rp-paypal-adv div.rp-content {} /* Image CAN float if desired */ .rp-paypal-adv div.paypal_image {float:right; width:40%; margin:10px 0 10px 10px;} .rp-paypal-adv div.paypal_image img {width:100%;} .rp-paypal-adv div.paypal_data {} .rp-paypal-adv div.paypal_data h3 {} .rp-paypal-adv div.paypal_data span.price {color:#666; font-style:italic;} .rp-paypal-adv div.paypal_data div.paragraph {} .rp-paypal-adv div.paypal_data div.paragraph p {} .rp-paypal-adv div.paypal_data form {margin-top:10px;} .rp-paypal-adv div.paypal_data form input {} /* FoxyCart */ .rp-foxycart {} .rp-foxycart .rp-content {} .rp-foxycart .rp-content .foxycart-images {width:100%;} .rp-foxycart .rp-content .foxycart-images img {width:100%; margin-bottom:22px;} .rp-foxycart .rp-content .foxycart-images .foxycart-image-1 {} .rp-foxycart .rp-content .foxycart-images .foxycart-image-2 {} .rp-foxycart .rp-content .foxycart-images .foxycart-image-3 {} .rp-foxycart .rp-content .foxycart-data {} .rp-foxycart .rp-content .foxycart-data h3 {} .rp-foxycart .rp-content .foxycart-data .price {} .rp-foxycart .rp-content .foxycart-data .subscription-duration {} .rp-foxycart .rp-content .foxycart-data .paragraph {} .rp-foxycart .rp-content form {} .rp-foxycart .rp-content form .foxycart-quantity {} .rp-foxycart .rp-content form input.foxycart-add-to-cart {} .rp-foxycart .rp-content form select.foxycart-product-options {} /* Twitter Feed */ .rp-twitter-feed {} .rp-twitter-feed div.rp-content {} .rp-twitter-feed div.rp-content h2 {} .rp-twitter-feed div.rp-content img {} .rp-twitter-feed div.rp-content p {} .rp-twitter-feed div.rp-content strong.rp-screen-name {padding:24px 0 0 0; line-height:1.5em; color:#464749;} .rp-twitter-feed div.rp-content strong.rp-screen-name a {padding:24px 0 0 0; font-size:.875em; line-height:1.5em; color:#464749;} .rp-twitter-feed div.rp-content strong.rp-screen-name a:hover {} .rp-twitter-feed div.rp-content span.rp-tag-line {padding:24px 0 0 0; font-size:.875em; line-height:1.5em; color:#464749;} .rp-twitter-feed div.rp-content div.rp-status-updates {} .rp-twitter-feed div.rp-content div.rp-status-updates p {} .rp-twitter-feed div.rp-content div.rp-status-updates span.rp-status-time {padding:24px 0 0 0; font-size:.875em; line-height:1.5em; color:#464749;} .rp-twitter-feed div.rp-content div.rp-status-updates span.rp-status-source {padding:24px 0 0 0; font-size:.875em; line-height:1.5em; color:#464749;} /* "Tweet This" Button */ .rp-tweet-button {} .rp-tweet-button div.rp-content {} .rp-tweet-button div.rp-content a.twitter-share-button {} /* Facebook "Like" Button */ .rp-like-button {} .rp-like-button .rp-content {} .rp-like-button div.rp-content span {} .rp-like-button div.rp-content span iframe {} /* Google +1 */ .rp-google-plus-one {} .rp-google-plus-one .rp-content {} /* AddThis */ .rp-addthis-code {} .rp-addthis-code div.rp-content {} .rp-addthis-code div.rp-content a {display:block; float:left; margin-right:5px;} .rp-addthis-code div.rp-content a.addthis_button_print {} .rp-addthis-code div.rp-content a.addthis_button_email {} .rp-addthis-code div.rp-content a.addthis_button_facebook {} .rp-addthis-code div.rp-content a.addthis_button_twitter {} .rp-addthis-code div.rp-content a.addthis_button_facebook_like {} .rp-addthis-code div.rp-content a.addthis_button_tweet {} /* RSS Feed */ .rp-rss-feed {} .rp-rss-feed div.rp-content {} .rp-rss-feed div.rp-content h2 {} .rp-rss-feed div.rp-content div.rss-item {} .rp-rss-feed div.rp-content div.rss-item h3 {} .rp-rss-feed div.rp-content div.rss-item h3 a {} .rp-rss-feed div.rp-content div.rss-item h3 a:hover {} .rp-rss-feed div.rp-content div.rss-item p {} .rp-rss-feed div.rp-content div.rss-item p span {} .rp-rss-feed div.rp-content div.rss-item p span a {} .rp-rss-feed div.rp-content div.rss-item p span a:hover {} /* Print Friendly */ .rp-print-friendly {} .rp-print-friendly .rp-content {} .rp-print-friendly .rp-content a {} /* vCard */ .rp-vcard {} .rp-vcard div.paragraph {padding-top:22px;} .rp-vcard div.paragraph a {padding:0; background-image:url('/img/icon-vcard.png'); background-repeat:no-repeat; background-position:top left; display:block;} /* Embed Code */ .rp-embed-code {} /* Embed Code Tables */ .rp-embed-code table {border-width:1px; border-spacing:; border-style:outset; border-color:gray; border-collapse:separate; background-color:white;} .rp-embed-code table th {border-width:1px; padding:1px; border-style:inset; border-color:gray; background-color:white; -moz-border-radius:;} .rp-embed-code table td {border-width:1px; padding:1px; border-style:inset; border-color:gray; background-color:white; -moz-border-radius:;} /* Table Widget */ .rp-table {margin:20px 0;} #content_wrapper .rp-table .rp-content table p {padding:10px 0 0 0;} .rp-table table {border-spacing:5px; width:100%;} .rp-table h5 {font-size:26px;} .rp-table tbody tr {border-bottom:1px solid #ececec;} .rp-table th {padding:10px;} .rp-table td {padding:10px;} .rp-table table.cols-2 td {width:50%;} .rp-table table.cols-3 td {width:33%;} .rp-table table.cols-4 td {width:25%;} .rp-table .rp-altrow {background:#ececec;} .rp-table .rp-first-table-column {background:#ececec;} .rp-table table.cols-6 td {width:131px; vertical-align:middle;} .rp-table table.cols-6 td ~ td {width:20px;} .rp-table table.cols-6 td ~ td p {text-align:center;} /* Advanced Row of Images. Currently can allow up to 10 images. Chosen on a per-widget basis */ .rp-adv-row-imgs div.rp-content div.clear {float:none;} .rp-adv-row-imgs {width:100%; margin:0 auto; padding-top:0;} .rp-adv-row-imgs div.rp-content div {float:left; line-height:0;} .rp-adv-row-imgs div.rp-content div h4 {text-align:left;} .rp-adv-row-imgs div.rp-content div img {width:100%;} /* Advanced Row of Images - 2 across */ .rp-adv-row-imgs div.img-count-2 {margin:0 auto;} .rp-adv-row-imgs div.img-count-2 div.img-1 {width:48.684211%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-2 div.img-2 {width:48.684211%; margin-right:0px;} /* Advanced Row of Images - 3 across */ .rp-adv-row-imgs div.img-count-3 {margin:0 auto;} .rp-adv-row-imgs div.img-count-3 div.img-1 {width:31.578948%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-3 div.img-2 {width:31.578948%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-3 div.img-3 {width:31.578948%; margin-right:0px;} /* Advanced Row of Images - 4 across */ .rp-adv-row-imgs div.img-count-4 {margin:0 auto;} .rp-adv-row-imgs div.img-count-4 div.img-1 {width:23.0263165%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-4 div.img-2 {width:23.0263165%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-4 div.img-3 {width:23.0263165%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-4 div.img-4 {width:23.0263165%; margin-right:0;} /* Advanced Row of Images - 5 across */ .rp-adv-row-imgs div.img-count-5 {margin:0 auto;} .rp-adv-row-imgs div.img-count-5 div.img-1 {width:17.8947376%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-5 div.img-2 {width:17.8947376%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-5 div.img-3 {width:17.8947376%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-5 div.img-4 {width:17.8947376%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-5 div.img-5 {width:17.8947376%; margin-right:0;} /* Advanced Row of Images - 6 across */ .rp-adv-row-imgs div.img-count-6 {margin:0 auto;} .rp-adv-row-imgs div.img-count-6 div.img-1 {width:14.473685%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-6 div.img-2 {width:14.473685%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-6 div.img-3 {width:14.473685%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-6 div.img-4 {width:14.473685%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-6 div.img-5 {width:14.473685%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-6 div.img-6 {width:14.473685%; margin-right:0;} /* Advanced Row of Images - 7 across */ .rp-adv-row-imgs div.img-count-7 {margin:0 auto;} .rp-adv-row-imgs div.img-count-7 div.img-1 {width:12.030076%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-7 div.img-2 {width:12.030076%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-7 div.img-3 {width:12.030076%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-7 div.img-4 {width:12.030076%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-7 div.img-5 {width:12.030076%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-7 div.img-6 {width:12.030076%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-7 div.img-7 {width:12.030076%; margin-right:0;} /* Advanced Row of Images - 8 across */ .rp-adv-row-imgs div.img-count-8 {margin:0 auto;} .rp-adv-row-imgs div.img-count-8 div.img-1 {width:10.19736925%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-8 div.img-2 {width:10.19736925%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-8 div.img-3 {width:10.19736925%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-8 div.img-4 {width:10.19736925%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-8 div.img-5 {width:10.19736925%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-8 div.img-6 {width:10.19736925%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-8 div.img-7 {width:10.19736925%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-8 div.img-8 {width:10.19736925%; margin-right:0;} /* Advanced Row of Images - 9 across */ .rp-adv-row-imgs div.img-count-9 {margin:0 auto;} .rp-adv-row-imgs div.img-count-9 div.img-1 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-2 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-3 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-4 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-5 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-6 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-7 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-8 {width:8.77193066667%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-9 div.img-9 {width:8.77193066667%; margin-right:0;} /* Advanced Row of Images - 10 across */ .rp-adv-row-imgs div.img-count-10 {margin:0 auto;} .rp-adv-row-imgs div.img-count-10 div.img-1 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-2 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-3 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-4 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-5 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-6 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-7 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-8 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-9 {width:7.6315798%; margin-right:2.631578%;} .rp-adv-row-imgs div.img-count-10 div.img-10 {width:7.6315798%; margin-right:0;} /* /////////////////// Teh Responsive Hotness /////////////////// */ /* ----------- This is just for the responsive design feature ----------- */ /* ----------- Large iPad width 2014 ----------- */ @media only screen and (min-width : 900px) and (max-width : 1025px) { .left-col {float:none; width: auto;} .right-col {float:none; width: auto;} .right-col .featured-widget {height: auto !important;} } /* ----------- iPhone 4 Portrait to 479 ----------- */ @media only screen and (min-width : 320px) and (max-width : 520px) { #contentwrap, .rocketslidercaption {max-width:320px;} .head-left {float:none; width:auto; padding: 4px 10px; text-align:left; margin-top:10px;} .hamburger {top:14px;} .head-right { width:100%; text-align:center;padding: 14px 0;} .head-right > * {float:none; display:inline-block; padding:0 !important; background:none !important; margin: 0 4px; text-style:italic;} .left-col {float:none; width:100%;} .right-col {float:none; width:100%;} .rp-location .leftimage {float:none; width:auto;} .rp-location .righttext {float:none; width: auto; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;} .featured-widgets .featured-widget {float:none; width: 100%; border:none; padding: 20px 0; height: auto !important;} .featuredapp .box2, .featuredapp .box3 {display:none;} .featuredapp > *:not(.clear) {float:none; width:auto; height:auto;} .featuredapp > .box4 .rp-widget-item {max-width:none; width:auto; float:none; padding: 20px;} .featuredapp > .box1 .rp-widget-item {max-width:none; width:auto; float:none; padding: 20px;} #pagefooter .footerleftcol {float:none; width:auto; text-align:center;} #pagefooter .footerrightcol {float:none; width: auto; text-align:center; margin-top:20px;} .footermenus .col {float:none; width: auto;} header .all-routes {background: url(../../img/site_specific/layout/mapiconsmallblack.png) no-repeat left center; padding: 2px 2px 2px 30px; color:#aaa;} .head-right ul {padding:0px 15px 15px 15px;} /* Navigations */ nav#thenav {display:none;} nav.responsive-nav {display:block;} /* Three Across */ section#threeleft {width:290px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#threemiddle {width:290px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#threeright {width:290px;} /* Two Across */ section#twoleft {width:290px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#tworight {width:290px; margin-bottom:0; padding-bottom:0;} /* Widgets */ /* Text & Images */ .rp-text-l-imgs ul.rp-side-images {width:100%; padding:0;} .rp-text-r-imgs ul.rp-side-images {width:100%; padding:0;} .rp-widget-item ul.rp-side-images li {margin-bottom:24px;} /* Next & Prev buttons */ div.rp-javascript-slideshow div.swrapper a.rocketsliderprev {bottom:35%;} div.rp-javascript-slideshow div.swrapper a.rocketslidernext {bottom:35%;} /* Play Pause Buttons */ div.rp-javascript-slideshow div.swrapper a.rocketsliderplay {display:none;} div.rp-javascript-slideshow div.swrapper a.rocketsliderpause {display:none;} /* Advanced Row of Images. Currently can allow up to 10 images. Chosen on a per-widget basis */ .rp-adv-row-imgs div.img-1 {margin-top:0px;} .rp-adv-row-imgs div.img-2 {margin-top:0px;} .rp-adv-row-imgs div.img-3 {margin-top:0px;} .rp-adv-row-imgs div.img-4 {margin-top:0px;} .rp-adv-row-imgs div.img-5 {margin-top:0px;} .rp-adv-row-imgs div.img-6 {margin-top:0px;} .rp-adv-row-imgs div.img-7 {margin-top:0px;} .rp-adv-row-imgs div.img-8 {margin-top:0px;} .rp-adv-row-imgs div.img-9 {margin-top:0px;} .rp-adv-row-imgs div.img-10 {margin-top:0px;} .rp-adv-row-imgs img {width: 100% !important; } .rp-adv-row-imgs img.do_not_scale {width: 100% !important; } /* Advanced Row of Images - 2 across */ .rp-adv-row-imgs div.img-count-2 div.img-1 {width:48%; margin-right:3px;} .rp-adv-row-imgs div.img-count-2 div.img-2 {width:48%; margin-right:3px;} /* Advanced Row of Images - 3 across */ .rp-adv-row-imgs div.img-count-3 div.img-1 {width:32%; margin-right:3px;} .rp-adv-row-imgs div.img-count-3 div.img-2 {width:32%; margin-right:3px;} .rp-adv-row-imgs div.img-count-3 div.img-3 {width:32%; margin-right:3px;} /* Advanced Row of Images - 4 across */ .rp-adv-row-imgs div.img-count-4 div.img-1 {width:23.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-4 div.img-2 {width:23.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-4 div.img-3 {width:23.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-4 div.img-4 {width:23.5%; margin-right:3px;} /* Advanced Row of Images - 5 across */ .rp-adv-row-imgs div.img-count-5 div.img-1 {width:18.7%; margin-right:3px;} .rp-adv-row-imgs div.img-count-5 div.img-2 {width:18.7%; margin-right:3px;} .rp-adv-row-imgs div.img-count-5 div.img-3 {width:18.7%; margin-right:3px;} .rp-adv-row-imgs div.img-count-5 div.img-4 {width:18.7%; margin-right:3px;} .rp-adv-row-imgs div.img-count-5 div.img-5 {width:18.7%; margin-right:3px;} /* Advanced Row of Images - 6 across */ .rp-adv-row-imgs div.img-count-6 div.img-1 {width:16.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-6 div.img-2 {width:16.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-6 div.img-3 {width:16.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-6 div.img-4 {width:16.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-6 div.img-5 {width:16.5%; margin-right:3px;} .rp-adv-row-imgs div.img-count-6 div.img-6 {width:16.5%; margin-right:3px;} /* Advanced Row of Images - 7 across */ .rp-adv-row-imgs div.img-count-7 div.img-1 {width:13%; margin-right:3px;} .rp-adv-row-imgs div.img-count-7 div.img-2 {width:13%; margin-right:3px;} .rp-adv-row-imgs div.img-count-7 div.img-3 {width:13%; margin-right:3px;} .rp-adv-row-imgs div.img-count-7 div.img-4 {width:13%; margin-right:3px;} .rp-adv-row-imgs div.img-count-7 div.img-5 {width:13%; margin-right:3px;} .rp-adv-row-imgs div.img-count-7 div.img-6 {width:13%; margin-right:3px;} .rp-adv-row-imgs div.img-count-7 div.img-7 {width:13%; margin-right:3px;} /* Advanced Row of Images - 8 across */ .rp-adv-row-imgs div.img-count-8 div.img-1 {width:11.2%; margin-right:3px;} .rp-adv-row-imgs div.img-count-8 div.img-2 {width:11.2%; margin-right:3px;} .rp-adv-row-imgs div.img-count-8 div.img-3 {width:11.2%; margin-right:3px;} .rp-adv-row-imgs div.img-count-8 div.img-4 {width:11.2%; margin-right:3px;} .rp-adv-row-imgs div.img-count-8 div.img-5 {width:11.2%; margin-right:3px;} .rp-adv-row-imgs div.img-count-8 div.img-6 {width:11.2%; margin-right:3px;} .rp-adv-row-imgs div.img-count-8 div.img-7 {width:11.2%; margin-right:3px;} .rp-adv-row-imgs div.img-count-8 div.img-8 {width:11.2%; margin-right:3px;} /* Advanced Row of Images - 9 across */ .rp-adv-row-imgs div.img-count-9 div.img-1 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-2 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-3 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-4 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-5 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-6 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-7 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-8 {width:10%; margin-right:3px;} .rp-adv-row-imgs div.img-count-9 div.img-9 {width:10%; margin-right:3px;} /* Advanced Row of Images - 10 across */ .rp-adv-row-imgs div.img-count-10 div.img-1 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-2 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-3 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-4 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-5 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-6 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-7 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-8 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-9 {width:8.9%; margin-right:3px;} .rp-adv-row-imgs div.img-count-10 div.img-10 {width:8.9%; margin-right:3px;} /* Gallery Widget */ .rp-gallery div.rp-content div.gallery-imgs {display:none;} .rp-gallery div.rp-content div.gallery-imgs-responsive {display:block;} } /* ----------- iPhone 4 Landscape: 480 to 567 (almost iPad) ----------- */ @media only screen and (min-width : 480px) and (max-width : 567px) { #contentwrap, .rocketslidercaption {width:480px;} .head-left {float:left; width:100%;} .head-right {float:left; width:100%;} .head-right ul {padding:0px 15px 15px 15px;} .head-right ul li.twitter {margin-right:0px;} .left-col {float:none; width:100%;} .right-col {float:none; width:100%;} /* Navigations */ nav#thenav {display:none;} nav.responsive-nav {display:block;} /* Three Across */ section#threeleft {width:450px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#threemiddle {width:450px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#threeright {width:450px;} /* Two Across */ section#twoleft {width:450px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#tworight {width:450px; margin-bottom:0; padding-bottom:0;} /* Widgets */ /* Text & Images */ .rp-text-l-imgs ul.rp-side-images {width:100%; padding:0;} .rp-text-r-imgs ul.rp-side-images {width:100%; padding:0;} .rp-widget-item ul.rp-side-images li {margin-bottom:24px;} /* Next & Prev buttons */ div.rp-javascript-slideshow div.swrapper a.rocketsliderprev {bottom:40%;} div.rp-javascript-slideshow div.swrapper a.rocketslidernext {bottom:40%;} /* Gallery Widget */ .rp-gallery div.rp-content div.gallery-imgs {display:none;} .rp-gallery div.rp-content div.gallery-imgs-responsive {display:block;} } /* ----------- iPhone 5 Landscape: 568 to 767 (almost iPad) ----------- */ @media only screen and (min-width : 520px) and (max-width : 767px) { #contentwrap, .rocketslidercaption {max-width:568px;} .head-right ul {padding:0px 15px 15px 15px;} .left-col {float:none; width:100%;} .right-col {float:none; width:100%;} .head-left {width:100%; text-align:left; margin-top:20px;} .head-right { width:100%; margin:10px 0; text-align:center;} .head-right > * {float:none; display:inline-block;} .featured-widgets .featured-widget {float:none; width: 100%; border:none; padding: 20px 0; height: auto !important;} .featuredapp > .box1 .rp-widget-item, .featuredapp > .box4 .rp-widget-item {text-align:center; float:none; padding:50px; max-width:none;} #pagefooter .footerleftcol {float:none; width:auto; text-align:center;} #pagefooter .footerrightcol {float:none; width: auto; text-align:center; margin-top:20px;} .rp-location .leftimage {float:none; width:auto;} .rp-location .righttext {float:none; width: auto; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;} /* Navigations */ nav#thenav {display:none;} nav.responsive-nav {display:block;} .featuredapp > *:not(.clear) {height: auto; width: auto; float:none;} /* Three Across */ section#threeleft {width:538px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#threemiddle {width:538px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#threeright {width:538px; margin-bottom:0; padding-bottom:0;} /* Two Across */ section#twoleft {width:538px; margin-right:0; margin-bottom:15px; padding-bottom:0;} section#tworight {width:538px; margin-bottom:0; padding-bottom:0;} /* Widgets */ /* Text & Images */ .rp-text-l-imgs ul.rp-side-images {width:100%; padding:0;} .rp-text-r-imgs ul.rp-side-images {width:100%; padding:0;} .rp-widget-item ul.rp-side-images li {margin-bottom:24px;} /* Next & Prev buttons */ div.rp-javascript-slideshow div.swrapper a.rocketsliderprev {bottom:40%;} div.rp-javascript-slideshow div.swrapper a.rocketslidernext {bottom:40%;} /* Gallery Widget */ .rp-gallery div.rp-content div.gallery-imgs {display:block;} .rp-gallery div.rp-content div.gallery-imgs-responsive {display:none;} } /* ----------- iPad Portrait ----------- */ @media only screen and (min-width : 768px) and (max-width : 860px) { #contentwrap, .rocketslidercaption {max-width:768px;} nav#thenav {margin-top:0; margin-left:70px;} .head-left {float:none; width:auto; margin:20px 0 10px; text-align:center;} .head-right {float:none; text-align:center; } .head-right > * {float:none; display:inline-block;} .featuredapp > *:not(.clear) {float:none; width: auto; height:400px; text-align:center;} .featuredapp > .box1 .rp-widget-item, .featuredapp > .box4 .rp-widget-item {text-align:center; float:none; padding:50px; max-width:none;} #pagefooter .footerleftcol {float:none; width:auto;text-align:center;} #pagefooter .footerrightcol {float:none; width:auto; text-align:center; margin-top:30px;} /* Three Across */ section#threeleft {width:230px; margin-right:24px;} section#threemiddle {width:230px; margin-right:24px;} section#threeright {width:230px;} /* Two Across */ section#twoleft {width:230px; margin-right:24px;} section#tworight {width:484px;} /* Widgets */ /* Gallery Widget */ .rp-gallery div.rp-content div.gallery-imgs {display:block;} .rp-gallery div.rp-content div.gallery-imgs-responsive {display:none;} } /* ----------- iPad Landscape to Almost Original Site Size ----------- */ @media only screen and (min-width : 860px) { .rp-route-schedule .rightimage {width:380px; float:left;} .rp-route-schedule .leftinfo {float:left;} /* Widgets */ /* Gallery Widget */ .rp-gallery div.rp-content div.gallery-imgs {display:block;} .rp-gallery div.rp-content div.gallery-imgs-responsive {display:none;} } /* This is a broad stroak for the responsive nav so we don't have to duplicate the rules over and over. */ @media only screen and (max-width : 767px) { nav#thenav > ul {float:none;} .hamburger {display:block;} nav.responsive-nav {display:none;} nav#thenav {display:none; float:none; margin:-60px 0 0 0; font-size:1em; background: #3ab24a; } /* top level nav */ nav#thenav > ul > li {float:none; display:block; margin:0; text-align:left;} nav#thenav > ul > li a {border-bottom:1px solid #93eb9f; color:#fff;} nav#thenav > ul > li > a:hover {background:#444; color:#fff; } /* drop down nav */ #thenav > ul > li > ul {position:relative; left:0; top:0; width:auto; padding:0; background:none; display:block; } #thenav > ul > li > ul li {background:none; border-radius:none !important; } #thenav > ul > li > ul li:hover {background:#444; color:#fff;} #thenav > ul > li > ul li a {color:#fff; border-bottom:none; padding-left:40px;} nav#thenav a {color:#fff !important; } #thenav > ul > li > ul li.first {border-radius:0;} #thenav > ul > li > ul li.last {border-radius:0;} nav#thenav.toggled {display:block;} .rp-route-schedule .leftinfo {width:auto; float:none;} .rp-route-schedule .rightimage {float: none;} } /* Responsive design for Google Trip Planner Widget */ @media only screen and (min-width : 767px) and (max-width : 1012px) { #tripplanner .deparr { left: 100px; } #tripplanner .trip-date { right: -40px; } #tripplanner .arrow-icon { right: 10px; } } @media only screen and (max-width : 767px) { #tripplanner .deparr { left: -90px; } #tripplanner .trip-date { right: 90px; } } /* Alternate Interior Template Styles */ .three-column { text-align: center; } .two-column .left-column, .two-column .right-column { padding: 30px; width: 47%; float: left; } .two-column .rp-contact-form { text-align: left; } .two-column .left-column { padding-left: 0; } .two-column.separator .right-column { padding-right: 0; } .three-column .left-column, .three-column .right-column, .three-column .middle-column { padding: 30px; width: 27%; display: inline-block; } .two-column { border-top: solid 1px black; border-bottom: solid 1px black; text-align: center; } .separator .middle-column, .separator .right-column { border-left: solid 1px #e2e1e1; } .three-column.separator .left-column, .three-column.separator .middle-column { float: left; } /* Two and Three Column Responsive */ @media (max-width: 997px) { .three-column .left-column, .three-column .right-column, .three-column .middle-column { width: 90%; border-left: none; } .two-column .left-column, .two-column .right-column { width: 90%; border-left: none; } } /*.three-column.gray-section .left-column, .three-column.gray-section .middle-column { float: left; }*/ .blue-section { background: #073674; padding: 40px 60px; color: white; text-align: center; } .blue-section .paragraph p { font-size: 1.75em; } .blue-section .read-more-wrapper a { background: #57B7E7 url('http://transfort.dev/img/site_specific/layout/buttonarrow.png') no-repeat 90% center; font-size: 1.75em; } .section-separator { height: 60px; } .gray-section { background: #BFBFBF; margin-bottom: 60px; text-align: center; } .gray-section .read-more-wrapper a { background: transparent; color: black; } .four-square .box1 { background: #3CB24A; } .four-square .box2 { background: #9DD29C; } .four-square .box3 { background: #073674; } .four-square .box4 { background: #57B7E7; } .four-square .box1 .rp-widget-item, .four-square .box2 .rp-widget-item, .four-square .box3 .rp-widget-item, .four-square .box4 .rp-widget-item {padding-top: 0;} .four-square .rp-content { text-align: center; padding: 0; } .featuredapp.four-square .rp-widget-item {padding: 0; width: 100%;} .two-column .blue-column { background: #073674; text-align: left; width: 38%; } .blue-column p, .blue-column h1 { color: white; } .blue-column .read-more-wrapper a { background: transparent; font-size: 1.5em; padding: 0; text-align: left; } .no-border { border: none; } .updates { margin: 50px 0; } .updates .left-column { width: 53%; float: left; } .updates .left-column h3 { color: #57B7E7; font-size: 1.5em; } .top-content-area .rp-adv-row-imgs .rp-content div { position: relative; margin-bottom: 40px; margin-right: 0 !important; } .top-content-area .rp-adv-row-imgs div.img-count-3 div.img-1 {width: 33.3%; } .top-content-area .rp-adv-row-imgs div.img-count-3 div.img-2 {width: 33.3%; } .top-content-area .rp-adv-row-imgs div.img-count-3 div.img-3 {width: 33.3%; } .top-content-area .rp-adv-row-imgs .rp-content div h4 { position: absolute; bottom: 110px; font-size: 2em; text-align: center; width: 100%; } .top-section { margin-bottom: 50px; } /* Interactive Route Display */ .stop-name-container.secondary, .times-container.secondary {display: none;} .time.Saturdays, .time.Sundays, .stop.Saturdays, .stop.Sundays, .stop.Exceptions {display: none;} .time.Exceptions {display:none;} .stop.minor {display: none;} .time.upcoming {display: none;} .stop.upcoming {display: none;} .effective.upcoming {display: none;} p.note.Saturdays, p.note.Sundays, p.note.Exceptions, p.note.SOUTHBOUND, p.note.WESTBOUND {display: none;} .schedule-display.Saturdays, .schedule-display.Sundays, .schedule-display.Exceptions {display: none;} p.schedule-display {margin-right: 30px; display: inline-block;} p.effective {display: inline-block; font-size: 0.9em;} .time.SOUTHBOUND, .stop.SOUTHBOUND {display: none;} .time.WESTBOUND, .stop.WESTBOUND {display: none;} .route-display {display: flex; flex-direction: row; overflow-y: scroll; overflow-x: scroll; border: solid 2px black; height: 500px;} .route-display .stop {flex: 1; min-width: 150px;} .route-display .stop .time {padding: 5px; text-align: center;} .stop-display {display: flex; flex-direction: row; border: solid 2px black; border-bottom: none; overflow-x: scroll;} .stop-display .stop {flex: 1; min-width: 150px;} .stop-display .stop .time {padding: 5px; text-align: center;} .interactive-route header {display: flex; flex-direction: row;} .interactive-route header .route {width: 50%;} .interactive-route header .schedule-buttons {width: 40%;} .interactive-route .btn {background: #a7a9ac; padding: 5px 20px; border: solid black 1px; color: black;} .interactive-route .btn.active {background: #319b42; color: white;} .interactive-route .filters {position: relative; margin: 15px 0; display: flex; flex-direction: row;} .interactive-route .filters .btn {display: inline-block; width: 60px; text-align: center; padding: 2px 20px;} .interactive-route .filters .directions {width: 25%;} .interactive-route .filters .schedule-buttons {width: 25%;} .interactive-route .filters .schedule-buttons .btn:first-child {margin-right: -5px;} .interactive-route .filters .directions .btn:first-child {margin-right: -5px;} .interactive-route .filters .days .btn:not(:last-of-type) {margin-right: -5px;} .display-header {background: #2f3232; color: white; padding: 5px 10px; font-size: 1.2em; margin-bottom: 0;} .route-display .stop-name {color: black; background: #e3e3e3; padding: 5px 20px; border: solid 1px black; height: 65px; overflow: hidden;} .route-display .stop .stop-name {margin-left: -1px;} .route-display .stop .time.grey {background: #ddd;} .route-display .expand-container {position: relative; bottom: 45%;} .route-display .expand-container {width: 20px; height: 20px; display: inline; position: relative; left: 94.1%;} .stop-display .stop-name {color: black; background: #e3e3e3; padding: 5px 20px; border: solid 1px black; height: 65px; overflow: hidden; padding-bottom: 20px;} .stop-display .stop .stop-name {margin-left: -1px;} .stop-display .stop .stop-name p {line-height: 1.2em;} .stop-display .stop .time.grey {background: #ddd;} .stop-display .expand-container {position: relative; bottom: 45%;} .stop-display .expand-container {width: 20px; height: 20px; display: inline; position: relative;} .interactive-route.route-max .route-display .expand-container {left:97%;} .interactive-route.route-3 .route-display .expand-container {left:97%;} .route-display .expand {position: absolute; bottom: 32px;} .route-display .expand a {background: black; color: white; border: none; border-radius: 50%; width:20px; display: flex; justify-content: center; align-self: center; height: 20px; line-height: 20px; font-weight: bold; font-size: 1.4em;} .route-display .expand a:focus {outline: none;} .stop-display .expand {position: relative; width: 20px; float: right; right: -10px; bottom: 55px; margin-bottom: -55px;} .stop-display .expand a {background: black; color: white; border: none; border-radius: 50%; width:20px; display: flex; justify-content: center; align-self: center; height: 20px; line-height: 20px; font-weight: bold; font-size: 1.4em;} .stop-display .expand a:focus {outline: none;} #exceptions_box {display: none; border: solid black 1px; position: absolute; padding: 10px; background: #fff; z-index: 1000; min-width: 100px;} .route-display .stop .time.interim-stop {height: 100px; display: flex; justify-content: center; align-items: center; border: solid black 1px; background: #A7A9AC;} .stop-display .stop .time.interim-stop {height: 100px; display: flex; justify-content: center; align-items: center; border: solid black 1px; background: #A7A9AC;} .timepoint {font-weight: bold;} // .times-container {height: 100%; width: 100%; overflow: hidden;} // .scroll-container {overflow: auto; height: 500px;} // .times-inner-container {height: 500px; overflow: auto; margin-right: -17px; margin-left: -17px;} .mobile-message {display: none;} /* Responsive Route Display */ @media screen and (max-width: 935px) { .mobile-message { display: block; } .interactive-route header { flex-direction: column; } .interactive-route header .route, .header .schedule-buttons { width: 100%; } .interactive-route header .schedule-buttons { text-align: left; margin-top: 20px; } .interactive-route .filters { flex-direction: column; } .interactive-route .filters > .filters-button-group { width: 100%; margin-top: 20px; } } @media screen and (max-width: 568px) { .interactive-route .filters .filters-button-group a { display: block; width:100px; margin-top: -1px; } }