/* ========================================================================== Base styles ========================================================================== */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body {margin:0 !important; padding:0; width:100%; font-family: Arial, 'Times New Roman', Georgia;} /* Zoom */ body.zoom0 {zoom:1;} body.zoom1 {zoom:1.2; width:120%;} body.zoom2 {zoom:1.4; width:140%;} body.zoom3 {zoom:1.6; width:160%;} #twttrHubFrameSecure, #twttrHubFrame {left:-9999em;} /* Print */ @media print { .non-printable { display: none; } .printable { display: block; } } /* Custom Fonts */ h1 {font-size:24px; line-height:26px; font-weight:bold; margin:10px 0;} h1.line {font-size:18px; line-height:26px; font-weight:bold; margin:15px 0 30px; color:#00b273; position:relative; padding-left:50px; text-transform:uppercase;} h1.line span {display: block; position: absolute; left: 0px; top: 10px; height: 1px; width: 40px; border-bottom: 6px solid #00b273;} h2 {font-size:18px; line-height:24px; margin:10px 0;color: #405968; font-weight:normal;} h3 {font-size:16px; line-height:22px; margin:20px 0; color:#00b273; font-weight:normal;} h4 {font-size:14px; line-height:20px; font-weight:bold; margin:20px 0 0; color:#405965;} h5 {font-size:14px; line-height:20px; font-weight:bold; margin:0; color:#405965;} h6 {} a {color:#205683;} a, .navi div, .pdf_list_btn, .form.newsletter input[type='submit'], #fare_calculator input[type='submit'], #jp_wrapper #jp_basic .jp_submit, .view_all_opennews_btn, #transport_navi_wrapper ul li, #transport_tabs li, .navi {text-decoration:none; -o-transition: color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; -ms-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; -moz-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; -webkit-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; } a:hover {} a.button {text-decoration:none !important; display:block; border:1px solid #405965; font-size:16px; color:#405965; text-transform:uppercase; font-weight:bold; text-align:center; padding:8px 55px; margin:15px 0; clear:right; float:left;} a.button.arrowed {background:#FFFFFF; margin-right:40px; position:relative; padding:8px 85px 8px 35px;} a.button.arrowed span {border-left:1px solid #405965; background:url('../images/bg_right_black.png') no-repeat center center transparent; height:38px; width:38px; display:block; position:absolute; top:0px; right:0px;} a.button:hover {background-color:#00b273; color:#FFFFFF;} a.pdf {padding-top:2px; text-decoration:none !important; color:#405965; text-decoration:underline; font-weight:bold; background:url('../images/icon_pdf.png') no-repeat left center transparent; padding-left:15px;} p {font-size:13px; line-height:20px; color:#405965; margin:0 0 20px;} img.alignleft {margin:25px 35px 25px 0;} img.aligncenter {margin:25px auto;} ul, ol {list-style-position:outside; font-size:13px;} #page_content_inner ul, #page_content_inner ol {padding:0 0 10px 40px;} table.zebra-striped {width:100%; text-align: left; margin:20px 0; background:#FFFFFF; color:#666; font-size:13px; float:left;} table.zebra-striped thead {background:#00b273; color:#FFFFFF;} table.zebra-striped td, table.zebra-striped th {padding:10px;} table.zebra-striped tr.even {background:#f9f9f9;} .font_plus {font-size:18px !important;} /* Navi */ .navi_black {width:100%; border:1px solid #afafaf; margin-top:50px; position:relative; background:#ebebeb;} .navi_black a {display:block; height:50px; width:100%; color:#405965; padding:18px 0 0 15px; font-size:13px; font-weight:bold; float:left; font-weight:normal; text-transform:uppercase;} .navi .navi_left {width:50px; height:50px; background:url('../images/bg_left_black.png') no-repeat center center #FFFFFF; border-left:1px solid #afafaf; cursor:pointer; position:absolute; top:0; right:50px;} .navi .navi_right {width:50px; height:50px; background:url('../images/bg_right_black.png') no-repeat center center #FFFFFF; border-left:1px solid #afafaf; cursor:pointer; position:absolute; top:0; right:0;} .navi .navi_right:hover, .navi .navi_left:hover {background-color:#ebebeb;} .navi_black:hover {background:#FFFFFF;} /* ========================================================================== Mobile App Popup ========================================================================== */ .mobile_app_download {padding:0px; width:100%; padding:15px; float:left; border-bottom:6px solid #00b273; text-align:center; background:#00b273;} .mobile_app_download a {border:1px solid #405965; padding:10px; background:#FFFFFF; margin:10px 0; color:#405965; text-transform:uppercase; font-size:14px; display:block;} .mobile_app_download .close {display:block; border:1px solid #405965; padding:10px; background:#FFFFFF; font-size:12px; text-transform:uppercase; width:100px; margin:0 auto; text-align:center; font-size:12px;} /* ========================================================================== Header ========================================================================== */ header { width:100%;height: 140px; border-bottom:6px solid #00b273; float:left;padding-top: 26px;} header #header_inner {width:960px; margin:0 auto; height:100px; position:relative;} header #header_inner #link_to_twitter {position:absolute; top:-30px; right:15px; background:url('../images/TFI_TwitterIcon3.png') no-repeat left top; width:20px; height:17px; display:none;} header #header_inner .btn_home {display:block; float:left;background: url('../images/tfi_logo.png') no-repeat;width: 207px;height: 82px;} header #header_inner .btn_home:hover {opacity:0.8;} header #header_inner #right_menu_holder {float:right;width: 61%;} header #header_inner #options {float:right; list-style:none;padding-top: 12px;} header #header_inner #options li {float:left;height: 50px; padding-top:0px;} header #header_inner #options li a {font-size:14px; color:#1e5883;} header #header_inner #options li > .inner_li {border-left:1px solid #e5e5e5;height: 33px;padding: 7px 18px 0 18px; float:left;} header #header_inner #options li.google_trans .goog-te-gadget-simple {border:0;} header #header_inner #options li:first-child > span {border:0;} header #header_inner #options li.btn_search {cursor:pointer; position:relative;} header #header_inner #options li.btn_search .btn_search_inner {width:14px; height:16px; background-image: url('../images/spriteme1.png'); background-position: -10px -90px; } header #header_inner #options li.btn_search .btn_search_inner.active {width:14px; height:16px; background:url('../images/bg_close.png') no-repeat 0px 0px transparent; position:absolute; z-index:14; top:16px;} header #header_inner #options li.social-icons img {padding: 0 15px 0 0;} /* Extra Menu */ header #header_inner #dd_links_wrapper {clear: both;} header #header_inner #dd_links_wrapper #menu-extra-navigation {float:right; list-style:none; margin-right:17px;} header #header_inner #dd_links_wrapper #menu-extra-navigation li {float:right; margin-left:10px; border-left:1px solid #e5e5e5; padding-left:10px;} header #header_inner #dd_links_wrapper #menu-extra-navigation li:last-child {border-left:0 !important;} header #header_inner #dd_links_wrapper #menu-extra-navigation li a {color:#1e5883; font-size:14px; padding-bottom: 10px;} header #header_inner #dd_links_wrapper #menu-extra-navigation li a:hover {color:#00b273; text-decoration:underline;} /* Mobile Only */ #header_mobile {width:100%; float:left;} #header_mobile #header_mobile_menu {position:absolute; top:17px; left:20px; width:30px; height:25px; background:url('../images/mobile_menu.png') no-repeat top left transparent; cursor:pointer;} #header_mobile #header_mobile_search {position:absolute; top:17px; right:20px; width:25px; height:27px; background:url('../images/mobile_search.png') no-repeat top left transparent; cursor:pointer;} #header_mobile .btn_home_mobile {width: 125px; height:50px;background: url('../images/tfi_logo.png') no-repeat top left transparent; display:block;margin: 23px auto; cursor:pointer;background-size: 100%;} /* ========================================================================== Search ========================================================================== */ #search {width:100%; height:104px; float:left; background:#00b273; display:none; position:absolute; z-index:13; top:0; left:0;} #search #search_inner {width:960px; margin:0 auto; height:104px;} #search #search_inner input[type='text'] {width:40%; border:0; background:transparent; height:104px; outline:none; line-height:120px; color:#FFFFFF; font-size:26px;} #search #search_inner input[type='submit'] {background:#027826; border:0; text-transform:uppercase; color:#FFFFFF; font-size:14px; width:80px; height:40px;} /* OPERATION OPEN CITY CUSTOM OVER RIDES - BEGIN - edited by paddy dec 5th 2014 */ #home_content #home_content_inner #ooc_banner .menu-ooc ul { width: 100%!important; } #home_content #home_content_inner #ooc_banner p { width: 63%!important; } #home_content #home_content_inner #ooc_banner .menu-ooc ul li a { background: transparent !important; font-family: 'Arial',sans-serif!important; font-weight: bold!important; width: auto!important; color: #ffa5a5!important; font-size: 14px!important; } .menu-ooc { position: relative;} .occbtn { font-size: 14px; color: #FFFFFF; line-height: 20px; } .morebtn { background: #a32d2d; width: 85px; height: 79px; position: absolute; right: 15px; top: 15px; padding: 17px 0 0 0; text-align: center; } #home_content #home_content_inner #ooc_banner .menu-ooc ul { position: absolute !important; top: 45px!important; left: 278px!important; } .overide-1 { width: 100% !important; float: none !important; } .oocheader{ color: #00b273; font-family: 'Arial', sans-serif; font-size: 18px; font-weight: bold; margin: 25px 0; line-height: 32px; } #news-holder-ooc { width: 100%; margin: 100px auto; } .news_wrapper_container { padding: 0px 0 30px 0 !important; list-style: none; } .overwrite-b { border-top: 1px solid #afafaf !important; } .overwrite-d ul.news_wrapper { list-style: none; padding: 0!important;} .overwrite-d ul.news_wrapper > li { position: relative; margin-right:53px;} .overwrite-d ul.news_wrapper > li > a { position: relative; color: #405965; text-decoration: none !important; margin: 0px!important; display: block!important;/*width: 4%; AR 26-11-2015 - assuming width:4% is an error!!! */ height: 100%!important;} .chevy { content: url(../images/chevron-right.png); right: -53px; top: 41px; position: absolute; } .page-template-template-ooc-standard-php .fares-inner .wp-super-faq-question-closed span.wp-super-faq-triangle { display:none; } .page-template-template-ooc-standard-php .fares-inner .wp-super-faq-answer > ul, .page-template-template-ooc-standard-php .fares-inner > ul.timetables-list { position: relative;} .page-template-template-ooc-standard-php .fares-inner .wp-super-faq-answer > ul > li, .page-template-template-ooc-standard-php .fares-inner > ul.timetables-list > li { list-style: none; } .page-template-template-ooc-standard-php .fares-inner .wp-super-faq-answer > ul > li:before{ content: url(../images/ligreen.png);left: 0; /* top: 0px; */ position: absolute; margin: 6px 0; } .page-template-template-ooc-standard-php .fares-inner ul.timetables-list > li:before {position:absolute; content: url(../images/ligreen.png);left: 0; /* top: 0px; */ margin: 6px 0; } .page-template-template-ooc-standard-php .fares-inner .wp-super-faq-answer ul li a, .page-template-template-ooc-standard-php .fares-inner ul.timetables-list li a { text-decoration: none!important; color: #405965; line-height: 31px;} .overide-1 .mtphr-dnt-twitter .mtphr-dnt-tick { padding: 15px; border-bottom: 1px solid #afafaf; margin: 0 !important; } .overide-1 .mtphr-dnt-twitter { border: none;} .overide-1 .navi_grey { border-top: 1px solid #afafaf!important; } .overide-1 .navi_grey a, .overwrite-b a { text-decoration: none !important;} #news-holder-ooc .navi_grey a { text-decoration: none !important;} #news-holder-ooc .navi_grey { border-top: 1px solid #afafaf!important;} .lhslink { width:20%; height:50px; background:#00b273; float:left; } .rhslink { position: relative; padding: 14px 11px; width:80%; height:50px; background:#007e3d; float:right; } .rhslink > a { color: #FFF; text-decoration: none!important; font-size: 14px; font-family: 'Arial',sans-serif; text-transform: uppercase; } .lhslink > img { padding: 13px 12px; } .side-nav-btn { margin: 10px 0; } .overwrite-d .caroufredsel_wrapper{ height:425px!important; } .rhslink a:after { content: url(../images/angle.png); right: 19px; top: 15px; position: absolute; } a.downloadmap { line-height: 59px; background:url('../images/downloadmap.jpg') no-repeat center top;padding: 20px 128px;} /* OPERATION OPEN CITY CUSTOM OVER RIDES - END - edited by paddy dec 5th 2014 */ /* ========================================================================== Navigation - Top Nav ========================================================================== */ #top_nav {width:100%; float:left; height:40px;} #top_nav #top_nav_inner {width:600px; height:30px; margin:0 auto;} #top_nav #top_nav_inner .menu-topnav_left {width:100%; padding-left:18px; background:url('../images/bg_top_nav_left.png') no-repeat left top; height:28px;} #top_nav #top_nav_inner .menu-topnav_right {width:100%; padding-right:18px; background:url('../images/bg_top_nav_right.png') no-repeat right top; height:28px;} #top_nav #top_nav_inner ul {list-style:none; width:100%; float:left; background:#00b273; display:table;} #top_nav #top_nav_inner ul li {display:table-cell;} #top_nav #top_nav_inner ul li a {float:left; display:block; color:#FFFFFF; font-size:13px; margin:0 18px; height:28px; line-height:25px; text-align:center; } #top_nav #top_nav_inner ul li a:hover {opacity:0.8;} #top_nav #top_nav_inner ul li:last-child a {margin-right:0;} /* ========================================================================== Navigation - Main ========================================================================== */ #nav_main {width:100%; height:57px; float:left; position:relative;background-color: #00b273;border-bottom: 1px solid #00B273;} #nav_main .menu-header {width:960px; margin:0 auto; height:57px;} #nav_main .menu-header > ul {list-style:none; width:100%; float:left;} #nav_main .menu-header > ul > li {float:left; width:16.66%; margin-right: 51px;} #nav_main .menu-header > ul > li:nth-child(1) {width: 147px;} #nav_main .menu-header > ul > li:nth-child(2) {width: 103px;} #nav_main .menu-header > ul > li:nth-child(3) {width: 169px;} #nav_main .menu-header > ul > li:nth-child(4) {width: 54px;} #nav_main .menu-header > ul > li:nth-child(5) {width: 83px;} #nav_main .menu-header > ul > li:nth-child(6) {width: 146px;margin-right: 0;} #nav_main .menu-header > ul > li > a {float:left; display:block;height: 54px; text-transform:uppercase; color:#FFFFFF;width:100%; padding: 18px 0 0; font-weight:bold; background:url('../images/bg_main_nav_hover.png') no-repeat 93% 23px #00b273;} #nav_main .menu-header > ul > li > a:hover, #nav_main .menu-header > ul > li > a.active {background-color:#00b273; color:#FFFFFF; background-image:url('../images/bg_main_nav_hover.png');} #nav_main .menu-header > ul > li:last-child > a {margin-right:0;} /* Green Dropdown */ #nav_main .menu-header ul > li .sub-menu-wrapper-outer { position:absolute; width:100%; left: 0; top:57px; z-index:9999; display:none; background: #00b273; opacity:.95; min-height: 368px; border-top: 1px solid #30BB82; } #nav_main .menu-header ul > li .sub-menu-wrapper-outer > .sub-menu-wrapper-inner {width:950px; margin:0 auto;} #nav_main .menu-header ul > li .sub-menu {width:720px; float:right; padding:15px 15px 15px 85px;} #nav_main .menu-header ul > li .sub-menu > li {width:50%; float:left; padding:7px;} #nav_main .menu-header ul > li .sub-menu > li a {display:block; float:left; text-align:left; padding:8px; font-size:14px; color:#FFFFFF;} #nav_main .menu-header ul > li .sub-menu > li a:hover {background-color: #089162;} .header_menu_img_wrapper {display:none;} .header_menu_img {display:block; width:210px;height: 217px;background-repeat: no-repeat !important; background-position:center center; background-size:cover; margin:30px 0;} /* ========================================================================== Operation Open City - Feed ========================================================================== */ #ooc_feed {width:100%; height:50px; list-style:none;} #ooc_feed li {float:left; padding-top:15px; padding-bottom:15px; background:url('../images/bg_alert.png') no-repeat 100px 15px;} #ooc_feed li h2 {float:left; display:block; margin:0px 5px 0; text-transform:uppercase; color:#FFFFFF; line-height:18px; font-size:16px;} #ooc_feed li div.ooc_feed_time {float:left; display:block; margin:0 5px; color:#FFFFFF; line-height:18px; font-size:16px;} #ooc_feed li div.ooc_feed_excerpt {float:left; display:block; margin:0 5px; color:#FFFFFF; line-height:18px; font-size:16px;} #ooc_feed li div.ooc_feed_excerpt p {margin:0; color:#FFFFFF; line-height:18px; font-size:16px;} #ooc_feed li a.ooc_feed_link {float:left; display:block; margin:0 5px; color:#FFFFFF; text-decoration:underline; line-height:18px; font-size:16px;} .tickercontainer { /* the outer div with the black border */ background: rgba(233, 26, 17, 0.9); width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; position:absolute; top:0px; left:0px; z-index:12;} .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 50px; top: 0px; width: 100%; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 100%; list-style-type: none; margin: 0; padding: 0;} ul.newsticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0 150px;} /* ========================================================================== Slider ========================================================================== */ #slider {width:100%; height:453px; float:left;} #slider .slide {width:100%; height:453px; display:block; width:100%; background-repeat:none; background-size:cover; background-position:center center; position:relative;} #slider .slide .slide_overlay {position:absolute; top:0; bottom:0; left:0; right:0; background-color: rgba(0,0,0,0.2); z-index:10; -o-transition: background .3s ease-in; -ms-transition:background .3s ease-in; -moz-transition:background .3s ease-in; -webkit-transition:background .3s ease-in; transition:background .3s ease-in;} #slider .slide:hover .slide_overlay {background-color: rgba(0,0,0,0.0);} #slider .slide .slide_content_wrapper {width:960px; margin:0 auto; height:425px; position:relative; z-index:12;} #slider .slide .slide_content_wrapper .slide_content {float:left; margin-top:241px; font-size:48px; line-height:48px; color:#FFFFFF; width:315px;} #slider .slide .slide_content_wrapper .slide_content p {font-size:48px; line-height:48px; color:#FFFFFF; background-color: rgba(0,0,0,0.5); padding: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);} #slider .btn_slider_tabs {position:relative; bottom:0px; left:-50%; z-index:11; width:80px; height:10px;} #slider .btn_slider_tabs li {float:left; margin:0 5px; display:block;} #slider .btn_slider_tabs li a {display:block; float:left; background:url('../images/spriteme1.png'); background-position: -20px -126px; height:10px; text-indent:-9999px; text-transform:capitalize; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition:color none;} #slider .btn_slider_tabs li.btn_slider_here a {background:url('../images/spriteme1.png'); background-position: -20px -126px;} #slider .btn_slider_wrapper {position:absolute; left:50%; bottom:10px; width:80px; height:10px; z-index:11;} /* ========================================================================== Journey Planner - Widget ========================================================================== */ #jp_wrapper_outer {width:50%; top:0; right:50%; position:absolute;} #jp_wrapper {float:right; margin-top:10px; position:relative; top:0; right:-50%; z-index:11;} #jp_wrapper #jp_basic {background:#FFFFFF; width:300px; float:right;position:relative;-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);margin-bottom:10px;} #jp_wrapper #jp_basic.wide {width:300px;} #jp_wrapper #jp_basic .widget_tabs li{background-color:#7a7a7a;float:left;height:48px;list-style:none outside none;padding-top:15px;text-align:center;width:50%;border-top:1px solid #9c9c9c;border-right:1px solid #5b5b5b;border-left:1px solid #9c9c9c; cursor:pointer;} #jp_wrapper #jp_basic .widget_tabs li:last-child, #jp_wrapper #jp_basic .widget_tabs li:nth-child(2){display:none;} #jp_form{ position:relative; max-width:300px;overflow:hidden;} #jp_wrapper .jp_bottom_links {-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);} #jp_form .jp_via_inner{font-size: 12px;} #jp_wrapper #jp_basic .jp_forms{ display:none;clear:both;} #jp_wrapper #jp_basic .jp_forms.active{ display:block;} #jp_wrapper #jp_basic .widget_tabs li a{color:#fff;font-weight:bold;padding-top:15px;text-transform:uppercase;text-shadow: 1px 2px rgba(0, 0, 0, 0.5);font-size: 12px;} #jp_wrapper #jp_basic .widget_tabs li.active {background-color: #fff;border:1px solid #FFF;} #jp_wrapper #jp_basic .widget_tabs li.active a{color: #00b273;text-shadow: 0px 0px rgba(0, 0, 0, 0);} #jp_wrapper #jp_basic h3 {position:relative;color:#FFF; font-size:16px;height:70px; text-align:left; margin:0;padding: 0 0 0 88px; text-transform:uppercase; font-weight:bold;background: url('../images/jp_logo_white.png') no-repeat 40px center #00B273;display: table-cell;vertical-align: middle;width: 300px;} #jp_wrapper #jp_basic h3 .info_btn {display:none !important; position:absolute; top:10px; right:10px; background:url('../images/jp_info.png') no-repeat left top; width:16px; height:16px; cursor:pointer;} #jp_wrapper #jp_basic .jp_basic_inner {float:left; width:300px; padding:10px 20px 10px 20px;} #jp_bottom_links{-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);margin-top:9px;} .jp_bottom_links li:nth-child(1) {width: 80px;} .jp_bottom_links li:nth-child(1), .jp_bottom_links li:nth-child(2) {border-right: 1px solid #cdcdcd;} .jp_bottom_links li:nth-child(2), .jp_bottom_links li:nth-child(3) {width: 110px; border-left: 1px solid #ffffff;} .jp_bottom_links li{background-color:#fafafa;color: #00B273;float:left;font-weight:700;height:65px;list-style:none outside none;text-align:center;width:33.3%;padding-top:10px} .jp_bottom_links li a {color: #00B273;} .jp_bottom_links span{cursor:pointer;background:url('../images/bottom-sprite.png') repeat scroll 0 0 rgba(0,0,0,0);display:block;height: 32px;margin:0 auto;width:25px} #jp_wrapper #jp_basic .jp_basic_inner input[type='text'] {outline:none; border:1px solid #cdcdcd; margin-bottom:10px; height:40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px;} #jp_wrapper .jp_bottom_links li:nth-child(2) span {background-position: -57px 0;} #jp_wrapper .jp_bottom_links li:nth-child(3) span {background-position: -25px 0;height: 32px;width: 32px;} #jp_wrapper #jp_basic .jp_basic_inner .jp_from {width:100%; padding:0 10px 0 35px; background:url('../images/jp_inputbg_1.png') no-repeat 10px center #e4e4e4; } #jp_wrapper #jp_basic .jp_basic_inner .jp_to {width:100%; padding:0 10px 0 35px; background:url('../images/jp_inputbg_2.png') no-repeat 10px center #e4e4e4;} #jp_wrapper #jp_basic .jp_basic_inner .jp_select_wrapper {overflow: hidden; float: left; width: 50px; border: 1px solid #cdcdcd; background: #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; height: 40px; padding: 8px 0 0 10px; margin-left: 15px;} #jp_wrapper #jp_basic .jp_basic_inner .jp_select_wrapper select {width:120px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; border:0; background:transparent; font-size:14px;} #jp_wrapper #jp_basic .jp_basic_inner .jp_minute_wrapper { margin-left: 6px; } #jp_wrapper #jp_basic .jp_basic_inner .colon { display: block; float: left; padding: 8px 0px 8px 4px; } #jp_wrapper #jp_basic .jp_basic_inner .jp_datepicker {width:50%; float:left; padding:0 10px 0 35px; background:url('../images/jp_inputbg_3.png') no-repeat 10px center #e4e4e4;} #jp_wrapper #jp_basic .jp_basic_inner label {font-size:14px; color:#405965; margin:0 15px 0 8px;} #jp_wrapper #jp_basic .jp_more_options {float:left; width:50%; display:block; border-top:1px solid #d8d8d8; text-decoration:underline; color:#049044; font-size:14px; height:50px; padding-top:14px; text-align:center; cursor:pointer;} #jp_wrapper #jp_basic .jp_more_options .jp_less {display:none;} #jp_wrapper #jp_basic .jp_submit {float:left; width:50%; display:block; background:#00b273; text-transform:uppercase; color:#FFFFFF; font-size:14px; border:none; height:50px; padding-top:3px; -webkit-appearance: none; -webkit-border-radius: 0;} #jp_wrapper #jp_basic .walking .jp_submit {width:100%} #jp_wrapper #jp_basic .jp_submit:hover {background:#405965;} #jp_wrapper #jp_basic .jp_via_inner {width:300px;padding: 20px 20px 48px;background-color: #fff;position:absolute;display:none} #jp_wrapper #jp_basic .jp_via_inner input[type='checkbox'] {margin-right:12px;} #jp_wrapper #jp_basic .jp_via_inner .jp_via_float {float:left; width:50%; margin:10px 0;} #jp_wrapper #jp_basic .jp_via_inner label {padding:10px 0 10px 25px; background-position:left center; background-repeat:no-repeat;} #jp_wrapper #jp_basic .jp_via_inner label.jp_via_train_label {background-image:url('../images/jp_train.png');} #jp_wrapper #jp_basic .jp_via_inner label.jp_via_luas_label {background-image:url('../images/jp_luas.png');} #jp_wrapper #jp_basic .jp_via_inner label.jp_via_dbus_label {background-image:url('../images/jp_bus.png');} #jp_wrapper #jp_basic .jp_via_inner label.jp_via_buseireann_label {background-image:url('../images/jp_bus_e.png');} #jp_wrapper #jp_basic .jp_via_inner label.jp_via_ferry_label {background-image:url('../images/jp_ferry.png'); padding-left:30px;} #jp_wrapper #jp_basic .jp_via_inner label.jp_via_taxi_label {background-image:url('../images/jp_car.png');} #jp_info {width:100%; display:none; z-index:12; font-size:12px; background:#e4e4e4; color:#565656; padding:15px 18px 0 18px; height:60px; position:absolute; top: -65px; right:0; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);} #jp_info .jp_info_arrow {position:absolute; bottom:-13px; right:10px; background:url('../images/jp_info_arrow.png') no-repeat right top; width:16px; height:13px;} /* Jquery UI Autocomplete */ .ui-menu {width:260px !important; border-radius:0px !important; } .ui-menu .ui-menu-item {width:260px !important;} .ui-menu .ui-menu-item a {width:100%; border-radius:0px !important; font-size:14px;} .ui-menu .ui-menu-item a:hover {background:#405965; color:#FFFFFF;} /* Datapicker Table */ #ui-datepicker-div {-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); width:300px; padding:0px !important; border-radius:0px !important;} #ui-datepicker-div .ui-datepicker-header {background:#FFFFFF; text-align:center; color:#FFFFFF; width:100%; float:left; height:70px; border:0px !important; padding:0px !important;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {outline:none; border-radius:0px !important; float:left; width:35px; height:70px; text-align:center; display:block; cursor:pointer; background:url('../images/bg_arrow_calendar_left.png') no-repeat right center; text-indent:-9999px; text-transform:capitalize;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {outline:none; border-radius:0px !important; float:right; width:35px; height:70px; text-align:center; display:block; cursor:pointer; background:url('../images/bg_arrow_calendar_right.png') no-repeat left center; text-indent:-9999px; text-transform:capitalize;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {border:0 !important;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {height:70px; float:left; width:230px; text-align:center; text-transform:uppercase; color:#405965; padding-top:25px;} #ui-datepicker-div .ui-datepicker-calendar {margin:0;} #ui-datepicker-div .ui-datepicker-calendar td {border:1px solid #405965; text-align:center; padding:0;} #ui-datepicker-div .ui-datepicker-calendar td a {color:#405965; display: block; float: left; width: 100%; height: 100%; padding: 8px; text-align:center;} #ui-datepicker-div .ui-datepicker-calendar td:hover {background:#00b273; color:#FFFFFF; background:#405965;} #ui-datepicker-div .ui-datepicker-calendar td:hover a {color:#FFFFFF; background:#405965;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none !important;} /* ========================================================================== Wrapper / Content ========================================================================== */ #content_wrapper {width:100%; float:left; position:relative; background-color:#FFFFFF;} #content_wrapper #content {position:relative;} /* ========================================================================== Homepage only content ========================================================================== */ /*Home Links*/ #home_links {width:100%; float:left; list-style:none; height:125px;} #home_links li {width:25%; float:left; margin:0; background-image:url('../images/home_link_bg.png'); background-repeat:no-repeat; background-position: right top;border-right: 1px solid #fff;} #home_links li:last-child {border:none;l} #home_links li.home_link_01 {background-color: #405965;} /*#home_links li.home_link_01 {background-color: #C04745;} */ #home_links li.home_link_02 {background-color:#35bdb2;} #home_links li.home_link_03 {background-color:#007b84;} #home_links li.home_link_04 {background-color:#c1cd23;} #home_links li a {display:block; height:125px; color:#FFFFFF; font-size:20px; width:100%;display: table-cell; vertical-align : middle;padding-left: 96px;} #home_links li.home_link_02 a {background: url('../images/home_link_02.png') no-repeat 15% 50%;} a {} #home_links li.home_link_03 a {background: url('../images/home_link_03.png') no-repeat 15% 50%;} #home_links li.home_link_04 a {background: url('../images/home_link_04.png') no-repeat 15% 50%;} a {} #home_links li.home_link_01 a {background: url('../images/home_link_01.png') no-repeat 15% 50%;} a {} /* #home_links li.home_link_01 a {background:url('../images/home_link_01_christmas.png') no-repeat 39px 52px;} */ #home_links li a span {font-weight:bold;} #home_links li a:hover {opacity:0.8;} .lead-txt { margin-bottom: 40px; } /*Home Content*/ #home_content {width:100%; float:left;} #home_content #home_content_inner {width:960px; margin:0 auto; padding:25px 0 50px;} #home_content #home_content_inner #ooc_banner {width:100%; height:110px; background:#a72016; padding:20px 0 0 20px; position:relative;} #home_content #home_content_inner #ooc_banner h1 {float:left; margin:0 0 0 121px; width:125px; font-size:24px; color:#FFFFFF; line-height:32px;} #home_content #home_content_inner #ooc_banner p {float:left; margin:0 0 0 30px; color:#FFFFFF; font-size:14px; width:360px;} #home_content #home_content_inner #ooc_banner .menu-ooc ul {list-style:none; float:right; width:380px;} #home_content #home_content_inner #ooc_banner .menu-ooc ul li {float:left; margin-right:20px; margin-bottom:8px;} #home_content #home_content_inner #ooc_banner .menu-ooc ul li:last-child {margin-right:0;} #home_content #home_content_inner #ooc_banner .menu-ooc ul li a {display:block; float:left; background:#750808; text-align:center; width:170px; color:#FFFFFF; font-size:16px; padding:5px 0;} #home_content #home_content_inner #ooc_banner .menu-ooc ul li a:hover {background:#600707;} #home_content #home_content_inner #ooc_banner .occ_banner_close {width:15px; height:15px; background:url('../images/bg_close.png') no-repeat left top; left:13px; top:10px; position:absolute; cursor:pointer;} #home_content #home_content_inner #ooc_banner .occ_banner_link {text-align:center; border:1px solid #c68787; background:#7b0404; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:16px; width:100%; height:32px; margin:10px 0; padding:5px 0; float:left;} /*Twitter Side*/ #twitter_holder {width:430px; float:left; margin-top:40px;} #twitter_holder h1 { float:left; } #twitter_holder .mtphr-dnt { clear: both; } #twitter_holder .follow_us { float: right; display:block; height: 36px; width: 175px; margin-top: 22px; } #twitter_holder .follow_us img { float: right; display:block; height: 36px; width: 175px; } #twitter_holder ul {list-style:none;} .tb_header {display:none;} .tb_tweetlist {border:0 !important;} .tb_tweetlist .tb_tweet {border:0 !important; margin:18px 0;} .tb_tweetlist .tb_tweet a.tb_photo img {padding:0; border:0; margin-right:10px;} .tb_tweetlist .tb_tweet .tb_msg {color:#405965; font-size:13px; line-height:20px;} .tb_tweetlist .tb_tweet .tb_msg a {color:#405965;} .tb_twitterlogo, .tb_tools {display:none;} .tb_archivelink {display:none;} .tb-widget-configuration {display:none;} /*News Side*/ #news_holder {width:430px; float:right; margin-top:40px;} .news_wrapper_inner {border:1px solid #afafaf; border-top:0;} #news_holder .news_wrapper {list-style:none;} #news_holder .news_wrapper li {float:left; width:430px; padding:15px;} #news_holder .news_wrapper li .news_img {width:100%; height:150px; overflow:hidden;} #news_holder .news_wrapper li .news_img img {max-width:100%; height:auto; margin:0 auto;} #news_holder .news_wrapper li h2 {font-weight:bold; font-size:16px;} #news_holder .news_wrapper li h1 {font-size:14px;} /*Feed*/ .home_sidebar {list-style:none;} .home_sidebar .tabs.feeds {min-height:300px;} .feeds {position: relative; padding-left: 160px;} .feeds ul {width:160px; float:left; border-right:1px solid #e6e3e3; list-style:none; position:absolute; top:0px; left:0px;} .feeds ul li {float:right; width:140px; clear:both; text-align:center; font-size:14px; color:#405965; font-weight:bold; border-top:1px solid #FFFFFF; height:75px; background-color:#cecece; padding-top:50px; position:relative; cursor:pointer; text-transform:uppercase;} .feeds ul li a {font-size:16px; color:#405965; font-weight:bold; text-transform:uppercase;} .feeds ul li .corner {position:absolute; top:0px; left:0px; width:20px; height:20px;} .feeds ul li.active {width:100%; background-color:#FFFFFF;} .feeds ul li.train {background-image:url('../images/feed_rail_off.png'); background-repeat:no-repeat; background-position: center 10px;} .feeds ul li.train .corner {background:url('../images/feed_corner_blue.png') no-repeat left top;} .feeds ul li.train.active {background-image:url('../images/feed_rail_on.png');} .feeds ul li.eirbus {background-image:url('../images/feed_bus_off.png'); background-repeat:no-repeat; background-position: center 10px;} .feeds ul li.eirbus .corner {background:url('../images/feed_corner_green.png') no-repeat left top;} .feeds ul li.eirbus.active {background-image:url('../images/feed_bus_on.png');} .feeds ul li.dubbus {background-image:url('../images/feed_bus_off.png'); background-repeat:no-repeat; background-position: center 10px;} .feeds ul li.dubbus .corner {background:url('../images/feed_corner_red.png') no-repeat left top;} .feeds ul li.dubbus.active {background-image:url('../images/feed_dbus_on.png');} .feeds ul li.luas {background-image:url('../images/feed_luas_off.png'); background-repeat:no-repeat; background-position: center 10px;} .feeds ul li.luas .corner {background:url('../images/feed_corner_purple.png') no-repeat left top;} .feeds ul li.luas.active {background-image:url('../images/feed_luas_on.png');} .tabs_element {width:100%; float:left; background:#FFFFFF;} .tabs_element .news-list {} .tabs_element .news-list .news-item {padding:29px 110px 29px 30px; border-bottom:1px solid #cccccc;} .tabs_element .news-list .news-item .desc_container {position:relative;} .tabs_element .news-list .news-item .desc_container .title {font-size:16px; font-weight:bold; color:#405965; float:left; max-width:500px;} .tabs_element .news-list .news-item .desc_container .descriptionlink {font-size:13px; line-height:20px; color:#777777;} .tabs_element .news-list .news-item .desc_container .date {position:absolute; top:0px; right:0px; font-size:14px; color:#405965; padding-left:20px; background:url('../images/feed_time.png') no-repeat left 1px; width:80px; font-weight:bold;} .tabs_element .news-list .news-item .desc_container .desc_arrow {position:absolute; width:8px; height:15px; background:url('../images/bg_blackarrow.png') no-repeat left top; right:-70px; top:50%;} .tabs_element .news-list .news-item .desc_container .desc {margin-top:6px;} #tabs-eirbus, #tabs-dubbus, #tabs-luas {display:none;} .tabs_element .view_all_btn {display:block; text-align:center; height:50px; border-top:1px solid #405965; font-size:16px; padding-top:15px; font-weight:bold; color:#405965;} .tabs_element .view_all_btn:hover {background-color:#00b273;} ul.time-table-provider { list-style: none; padding: 0 !important; margin: 0; } ul.time-table-provider > li:first-child { margin: 0 2px 0% 0!important; } ul.time-table-provider > li:last-child { margin: 0 0 0 2px!important; } ul.time-table-provider > li { float: left; margin: 0 2px; width: 24.6%; } ul.time-table-provider > li > a { text-align: center; color: #405965; font-weight: 600; height: 70px; text-transform: uppercase;font-size: 14px;text-decoration: none !important;padding: 20px 20px 17px;border: 1px solid #afafaf;margin-top: 8px;display: block; } .t-links { padding: 7px 20px!important; } .side-arrow-r2 { background: url("/wp-content/themes/TFI-2013/images/side-arrow.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; height: 15px; margin: -33px 20px 0 0; width: 8px; } .side-navigation2 { width: 24.7% !important; } .side-arrow2 { margin: -35px 12px 0 0 !important; } /* ========================================================================== Apps ========================================================================== */ #apps {width:100%; height:130px; background:#40c596; float:left;} #apps #apps_inner {width:960px; margin:0 auto; height:130px;} #apps #apps_inner .apps_head {width:170px; height:130px; background:#00b273; text-align:center; padding:35px; float:left; margin-right:40px;} #apps #apps_inner .apps_head h1 {font-weight:bold; color:#FFFFFF; text-transform:uppercase; margin:0; font-size:18px;} #apps #apps_inner .apps_head p {font-size:14px; color:#FFFFFF; margin:0;} #apps #apps_inner .apps_wrapper {list-style:none; margin-top:40px; float:left;} #apps #apps_inner .apps_wrapper li {float:left; margin-right:15px;} #apps #apps_inner .apps_wrapper li img {float:left; margin-right:15px; width:50px; height:50px;} #apps #apps_inner .apps_wrapper li h2 {float:left; width:75px; margin:1px 0; font-size:14px; color:#FFFFFF; line-height:24px; font-weight:normal;} #apps #apps_inner .apps_nav {border:1px solid #FFFFFF; text-align:center; float:right; margin-top:40px;} #apps #apps_inner .apps_nav a {display:block; height:50px; width:120px; color:#FFFFFF; padding-top:15px; font-size:16px; font-weight:bold; float:left;} #apps #apps_inner .apps_nav .apps_left, #apps #apps_inner .apps_nav .apps_right {width:50px; height:50px; border-left:1px solid #FFFFFF; float:left; cursor:pointer;} #apps #apps_inner .apps_nav .apps_left:hover, #apps #apps_inner .apps_nav .apps_right:hover, #apps #apps_inner .apps_nav a:hover {background-color:#405965;} #apps #apps_inner .apps_nav .apps_left {background:url('../images/bg_left.png') no-repeat center center transparent;} #apps #apps_inner .apps_nav .apps_right {background:url('../images/bg_right.png') no-repeat center center transparent;} /* ========================================================================== Page - Default ========================================================================== */ #page_content {width:100%; float:left; /*overflow:hidden;*/} #page_content #page_content_inner {width:780px; margin:0 auto; padding:45px 0 50px;} /* CHECK IF A TAXI DRIVER IS PROPERLY LICENSED (/taxi/check-if-a-taxi-driver-is-properly-licensed/) */ body.page-id-48 #page_content #page_content_inner {width:980px;} body.page-id-48 #page_content #page_content_inner iframe {border:none;} #page_content #page_content_inner a {text-decoration:underline;} #page_content #page_content_inner h4 a {text-decoration:none;} #page_content #page_content_inner iframe {/*max-width:100% !important;*/} #page_content .page_header {height:210px; width:100%; background:#FFFFFF; position:relative;} #page_content .page_header.ooc_active {margin-top:50px;} #page_content .page_header .page_header_bg {width:100%; height:115px; background:#efefef; position:absolute; bottom:0; left:0; } #page_content .page_header_img_container {width:980px; margin:0 auto; height:210px; z-index:9;} #page_content .page_header_img_cover { bottom:0; } #page_content .page_header_img {margin:0 auto;width:980px; height:210px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; bottom:0; } #page_content .page_header_shadow {width:100%; height:40px; background:url('../images/bg_header_shadow.png') no-repeat center center transparent; position:absolute; bottom:-19px; left:0; z-index:10;} .pdf_list {list-style:none; display:none; float:left; border:1px solid #405965; width:280px;} .pdf_list_btn {cursor:pointer; display:block; float:left; color:#405965; border:1px solid #405965; background:#FFFFFF; width:280px; position:relative; padding:8px 85px 8px 35px; font-weight:bold; font-size:16px;} .pdf_list_btn:hover {background-color:#00b273; color:#FFFFFF;} .pdf_list_btn span {border-left:1px solid #405965; background:url('../images/bg_right_black.png') no-repeat center center transparent; height:38px; width:38px; display:block; position:absolute; top:0px; right:0px;} .pdf_list li {clear:both;} .pdf_list li a {text-decoration:none !important; display:block; float:left; padding:5px 0 5px 22px; color:#405965; border-bottom:1px solid #405965; background:#FFFFFF; width:280px; font-size:14px;} .pdf_list li:last-child a {border:0;} .pdf_list li a:hover {background-color:#405965; color:#FFFFFF;} .ezcolpagination {text-align: center; margin-bottom:20px;} .ezcolpagination a {background: url('../images/icon_pagination.png') no-repeat 0px 0px transparent; width: 10px; height: 10px; margin: 0 10px 0 0; display: inline-block;} .ezcolpagination a.selected {background-position: -10px 0px; cursor: default;} .ezcolpagination a span {display: none;} /* Feed */ .page_sidebar {list-style:none;} .page_sidebar .tabs_element {width:620px;} .page_sidebar .tabs_element .news-list .news-item .desc_container .title {max-width:390px;} .page_sidebar .tabs_element .news-list .news-item {padding:30px;} .page_sidebar .desc_arrow {display:none;} /* ========================================================================== Page - Open City ========================================================================== */ #page_content #page_content_inner .page_content_left {float: left; width: 35%;} #page_content #page_content_inner .page_content_right {float: right; width: 60%;} #page_content .page_header_open {height: 271px; width: 100%; background: #fff;} #page_content .page_header_open_img {width: 100%; height: 271px; background: url('../images/christmas-bg.jpg') no-repeat center center;} #page_content .page_content_right h5 {color: #00b273; font-weight: bold; font-size: 14px;} #page_content .page_content_right td {font-size: 14px; padding-right: 20px; width: 135px;} #page_content .page_content_right .open_event {width: 350px;} #page_content .page_content_right .events_link a {font-style: italic; color: #00b273; font-size: 14px; padding-top: 10px;} #page_content .menu-open_side {background-color: #fff; margin-right: 20px; margin-top: 25px;} #page_content .menu-open_side li {list-style: none; padding: 10px; border-top: 1px solid #405965; background: url('../images/open-arrow-right.png') no-repeat 230px center;} #page_content .menu-open_side li:first-child {border-top: none;} #page_content .menu-open_side li:hover {color: #fff; background: #00b273 url('../images/open-arrow-right-white.png') no-repeat 230px center;} #page_content .menu-open_side li a {color: #405965; font-size: 14px; text-decoration:none !important;} #page_content .menu-open_side li:hover a {color: #fff;} #page_content .page_content_right .wp-super-faq-answer li {list-style: none; padding: 0 10px 20px 10px; background: url('../images/open-arrow-right-green.png') no-repeat left 3px;} #page_content .page_content_right .wp-super-faq-answer li a {color: #6d6e71; text-decoration: none !important; padding-left: 25px; padding-top: 1px;} /* Open City Table */ #page_content .nightservices {background-color: #fff;} #page_content .nightservices td {border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; height: 80px; max-height: 80px; width: 50px;} #page_content .nightservices .green_box {background-color: #00b273; color: #fff; font-size: 12px; padding: 10px;} #page_content .nightservices .green_box a {color:#fff;} #page_content .nightservices .empty_box {background: url('../images/open-red-cross.png') no-repeat center center;} #page_content .nightservices .date {font-size: 12px; font-weight: bold;} #page_content .first_line {background-color: #405965; color: #fff;} #page_content .first_line td {background-color: #405965405965; color: #fff; height: 50px; max-height: 50px; font-size: 12px; text-align: center;} #page_content .open-night-services {color: #405965; font-weight: bold; font-size: 18px; display: block; margin-top: 25px;} #page_content .page_content_right .floating_taxis ul li {display: inline-block; font-size: 12px; width: 152px; background: none; padding: 0; margin-bottom: 5px; color: #666766;} #page_content .page_content_right .floating_taxis {border-bottom: 1px solid #d7d7d7; padding: 20px 0;} #page_content .page_content_right .floating_taxis em {font-weight: bold; font-size: 12px;} #page_content .page_content_right .floating_taxis strong {width: 100%; display: block; color: #00b273; font-size: 12px; margin: 10px 0;} /* News */ #page_content .page_content_left .drive-radio {background: #00b273 url('../images/open-car-icon.png') no-repeat 10px 9px; margin-right: 20px; margin-top: 10px;} #page_content .page_content_left .drive-radio h4 {margin-left: 70px; margin-top: 5px; color: #fff; text-decoration: none; padding: 10px 0; background: #00b273 url('../images/open-arrow-right-white.png') no-repeat 160px center;} #page_content .page_content_left .drive-radio a {text-decoration: none !important;} #page_content .page_content_left .traffic-cameras {background-color: #00b273; margin-right: 20px; padding: 0 10px 10px 10px; margin-top: 10px;} #page_content .page_content_left .traffic-cameras .traffic-inner {padding: 10px; background: #006c1a url('../images/open-arrow-right-white.png') no-repeat 10px 14px; margin: 10px 0; padding-left: 30px;} #page_content .page_content_left .traffic-cameras .traffic-inner a {color: #fff; font-size: 12px;} #page_content .page_content_left .traffic-cameras .traffic-lead {color: #fff; padding: 20px 0 8px 0; margin-top: 0px;} #page_content .page_content_left .car-parks {background: #00b273 url('../images/open-live-icon.png') no-repeat 10px 7px; margin-right: 20px; margin-top: 10px; margin-bottom: 40px;} #page_content .page_content_left .car-parks h4 {margin-left: 70px; margin-top: 5px; color: #fff; text-decoration: none; padding: 10px 0; background: #00b273 url('../images/open-arrow-right-white.png') no-repeat 160px center;} #page_content .page_content_left .car-parks a {text-decoration: none !important;} #page_content .page_content_left .christmas-parking {background: #a72016 url('../images/open-parking-icon.png') no-repeat 10px 15px; margin-right: 20px; margin-top: 10px;} #page_content .page_content_left .christmas-parking h4 {margin-left: 70px; margin-top: 5px; color: #fff; text-decoration: none; padding: 10px 0; background: #a72016 url('../images/open-arrow-right-white.png') no-repeat 160px center;} #page_content .page_content_left .christmas-parking a {text-decoration: none !important;} #page_content .page_content_right .news_single_right h1.title {margin-top: 23px;} /* .news_single_time {margin-top: 25px;} */ /* Tab Resets */ .nav-tabs {border-bottom: none !important;} .nav-tabs > li {width: 150px; margin: 0 0 -2px !important;} .nav-tabs > li > a {border-radius: 0 !important; font-size: 16px; text-decoration: none !important; text-align: center; background-color: #e6e3e3; color: #777777;} .nav-tabs > .active > a {color: #00b273 !important;} .nav {margin-bottom: 0 !important;} .tab-content {background-color: #fff;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover {border: none !important;} /* .first-tab {background: url('../images/open-recycle-icon.png') no-repeat top center;} */ /* News Stories */ #page_content .page_content_right .open-post-excerpt p {color: #777777; font-size: 14px;} #page_content .page_content_right .open-post-wrapper {padding: 10px 20px; border-bottom: 1px solid #cccccc;} #page_content .page_content_right .open-post-wrapper {font-size: 14px;} #page_content .page_content_right .open-post-wrapper a {text-decoration: none !important; color: #405965; font-weight: bold;} /* ========================================================================== Page - Around Ireland ========================================================================== */ #cities_head {list-style:none; width:100%; float:left;} #cities_head li {float:left; width:16.66%; text-align:center; font-size:16px; color:#777777; font-weight:bold; border-right:1px solid #FFFFFF; height:60px; background-color:#e6e3e3; padding-top:22px; position:relative; cursor:pointer; text-transform:uppercase;} #cities_head li .corner {position:absolute; opacity:0.6; top:0px; left:0px; width:20px; height:20px; background:url('../images/feed_corner_blue.png') no-repeat left top;} #cities_head li.active .corner {opacity:1;} #cities_head li.active {background-color:#FFFFFF; color:#32668c;} #cities_head li:last-child {border-right:0;} #cities_content {list-style:none; width:100%; float:left; margin-bottom:35px;} #cities_content li {width:100%; background:#FFFFFF; padding:50px 0; float:left; display:none;} #cities_content li.active {display:block;} #cities_content li .ezcolcities_wrapper {padding:50px 60px 0; float:left;} #cities_content li .alignleft {margin:0 !important;} /* Gallery */ .slideshowlink {display: none !important;} .ngg-gallery-thumbnail img {padding:0 !important; border:0 !important; margin-top:0px !important;} #cities_content .caroufredsel_wrapper {float:left !important; margin-top:0px !important;} .gallery_outer {position:relative; width:100%; float:left; padding: 0 30px; overflow:hidden;} .gallery_nav {height:230px; width:25px; cursor:pointer; position:absolute;} .gallery_prev {background:url('../images/bg_left_black.png') no-repeat center center #FFFFFF; top:0px; left:0px; } .gallery_next {background:url('../images/bg_blackarrow.png') no-repeat center center #FFFFFF; top:0px; right:0px; } /* ========================================================================== Page - Fares ========================================================================== */ #fares_head {list-style:none; width:100%; float:left;} #fares_head li {float:left; width:14.28%; text-align:center; font-size:14px; color:#777777; font-weight:bold; border-right:1px solid #FFFFFF; height:60px; background-color:#e6e3e3; padding-top:22px; position:relative; cursor:pointer; text-transform:uppercase;} #fares_head li .corner {position:absolute; top:0px; left:0px; width:20px; height:20px; background:url('../images/feed_corner_blue.png') no-repeat left top;} #fares_head li:nth-child(1) .corner {background-image:url('../images/bg_corners.png'); background-position:0px 0px;} #fares_head li:nth-child(2) .corner {background-image:url('../images/bg_corners.png'); background-position:-20px 0px;} #fares_head li:nth-child(3) .corner {background-image:url('../images/bg_corners.png'); background-position:-40px 0px;} #fares_head li:nth-child(4) .corner {background-image:url('../images/bg_corners.png'); background-position:-60px 0px;} #fares_head li:nth-child(5) .corner {background-image:url('../images/bg_corners.png'); background-position:-80px 0px;} #fares_head li:nth-child(6) .corner {background-image:url('../images/bg_corners.png'); background-position:-100px 0px;} #fares_head li:nth-child(7) .corner {background-image:url('../images/bg_corners.png'); background-position:-120px 0px;} #fares_head li.other {padding-top:12px;} #fares_head li.active {background-color:#FFFFFF; color:#32668c;} #fares_head li:last-child {border-right:0;} #fares_content {list-style:none; width:100%; float:left; margin-bottom:35px;} #fares_content li {width:100%; background:#FFFFFF; padding:50px 0; float:left; display:none; padding:25px 35px 25px;} #fares_content li.active {display:block;} #fares_content li .ezcolcities_wrapper {padding:50px 60px 0; float:left;} /* Fare Calculator */ #fare_calculator {margin-bottom:60px; display:block; float:left;} #fare_calculator .select_wrapper {float:left; margin:0 20px 20px 0; height:40px; border:1px solid #405965; padding:0px 49px 0 11px; position:relative; background:url('../images/bg_select.png') no-repeat right top; cursor:pointer;} #fare_calculator .select_wrapper select {width:162%; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; display:block; font-size:14px; border:0; font-weight:bold; height:38px; background:transparent; cursor:pointer;} #fare_calculator .select_wrapper select option {font-size:14px; border:0;} #fare_calculator input[type='submit'] {border:0; float:left; display:block; background:#006a39; text-transform:uppercase; font-size:14px; color:#FFFFFF; height:40px; width:130px; text-align:center;} #fare_calculator input[type='submit']:hover {background:#405965;} /* ========================================================================== Page - News & Events ========================================================================== */ #news_list {list-style:none;} #news_list > li {clear:both; float:left; width:100%; padding:35px 0px; border-bottom:1px solid #bfbfbf;} #news_list > li:last-child {border:0 !important;} #news_list > li .news_left {float:left; width:240px;} #news_list > li .news_right {float:right; width:490px; color:#777777; font-size:14px; line-height:21px;} #news_list > li .news_right.withoutimage {width:100% !important;} #news_list > li .news_right h2 {font-size:16px; color:#405965; font-weight:bold; line-height:22px; text-decoration:none !important;} #news_list > li .news_right > a {text-decoration:none !important;} #news_list > li .news_right .news_time {clear:both; color:#405965; font-weight:bold; padding-left: 20px; background: url('../images/feed_time.png') no-repeat left 1px; margin-bottom:10px;} #page_content #page_content_inner img {max-width:100%; height:auto;} #page_content #page_content_inner table img {max-width:auto !important; height:auto !important; width:auto !important;} #page_content #page_content_inner .slider p {width:239px; height:432px; overflow:hidden;} #page_content #page_content_inner .slider p img {width:auto; height:100%;} /* Pagination */ .news_pagi {width:100%; float:left; margin-top:20px; border:1px solid #405965; height:50px; position:relative;} .news_pagi a {text-decoration:none !important;} .news_pagi ol {list-style:none; padding:0 18px;} .news_pagi ol li {float:left; padding-top:15px;} .news_pagi ol li a, .news_pagi ol li span {color:#405965; font-weight:bold; font-size:16px; display:block; float:left; height:48px; margin-right:3px;} .news_pagi ol li a:after, .news_pagi ol li span:after {content:', ';} .news_pagi ol li:last-child a:after, .news_pagi ol li:last-child span:after, .news_pagi ol li:first-child a:after, .news_pagi ol li:first-child span:after, .news_pagi ol li .prev:after, .news_pagi ol li .next:after {content:none !important;} .news_pagi ol li .current {color:#40c596;} .news_pagi .news_page_prev a {display:block; background:url('../images/bg_left_black.png') no-repeat center center transparent; width:48px; height:48px; border-left:1px solid #405965; cursor:pointer; position:absolute; top:0; right:48px;} .news_pagi .news_page_next a {display:block; background:url('../images/bg_blackarrow.png') no-repeat center center transparent; width:48px; height:48px; border-left:1px solid #405965; cursor:pointer; position:absolute; top:0; right:0;} .news_pagi .news_page_prev a:hover, .news_pagi .news_page_next a:hover {background-color:#00b273; color:#FFFFFF;} .news_year {border:1px solid #405965; font-size:16px; font-weight:bold; color:#405965; text-align:center; padding:10px 15px; float:left; margin-right:10px; cursor:pointer;} .news_year.active {color:#FFFFFF; background:#405965;} .year_select {display:none;} .year_select:first-child {display:block;} /* ========================================================================== Single - News & Events ========================================================================== */ .single .news_single_left {float:left; width:240px;} .single .news_single_left img {width:240px; height:auto;} .single .news_single_right {float:right; width:500px; position:relative;} .single .news_single_right.withoutimage {float:left; width:100%;} .single .news_single_right h1.title {font-size:16px; color:#405965; font-weight:bold; line-height:22px; margin-top:0; max-width:400px;} .single .news_single_right.withoutimage h1.title {max-width:670px;} .single .news_single_right .news_single_time {clear:both; color:#405965; font-weight:bold; padding-left: 20px; background: url('../images/feed_time.png') no-repeat left 1px; margin-bottom:10px; position:absolute; top:0px; right:0px;} .social_bar {float:left; width:100%;} .social_bar * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} /* ========================================================================== Breadcrumbs ========================================================================== */ .breadcrumbs {padding:20px 0 0 20px;} .breadcrumbs a {color:#FFFFFF; display:block; background:rgba(0, 0, 0, 0.7); font-size:12px; text-align:center; padding:7px 20px 0px 20px ; height:30px; float:left; } .breadcrumbs a:hover {text-decoration:underline;} .breadcrumbs .breadcrumb_start {background:url('../images/bg_breadcrumb_left2.png') no-repeat left top transparent; height:30px; width:20px; margin:0 0 0 -15px; float:left;} .breadcrumbs .breadcrumb_end {background:url('../images/bg_breadcrumb2.png') no-repeat left top transparent; height:30px; width:20px; margin:0; float:left;} /* ========================================================================== FAQ ========================================================================== */ .wp-super-faq-question-closed {line-height:35px; width:100%; border-bottom:1px solid #405965; font-size:14px; color:#405965; font-weight:bold; padding:14px 40px 14px 0; background:url('../images/bg_faq_close.jpg') no-repeat right 18px; float:left; clear:both;} .wp-super-faq-question-open {line-height:35px; width:100%; border-bottom:0; font-size:14px; color:#405965; font-weight:bold; padding:14px 40px 14px 0; background:url('../images/bg_faq_open.jpg') no-repeat right 18px; float:left; clear:both;} .wp-super-faq-question-open .wp-super-faq-triangle {display:none;} .wp-super-faq-answer {width:100%; float:left; border-bottom:1px solid #405965; padding:15px 0; font-size:14px; line-height:20px;} .wp-super-faq-answer .alignleft {margin-top:0;} .wp-super-faq-answer h5 {margin:20px 0 10px;} /* ========================================================================== Forms - Newsletter ========================================================================== */ .form.newsletter {} .form.newsletter input[type='text'], .form.newsletter input[type='email'] {width:300px; border:1px solid #a19f9f; background:#c3c1c1; padding:0 20px; line-height:30px; font-size:14px; color:#FFFFFF; margin:5px 0px; outline:none; height:40px;} .form.newsletter ::-webkit-input-placeholder {color: #FFFFFF;} .form.newsletter :-moz-placeholder {color: #FFFFFF;} .form.newsletter ::-moz-placeholder {color: #FFFFFF;} .form.newsletter :-ms-input-placeholder {color: #FFFFFF;} .form.newsletter input[type='submit'] {border:1px solid #405965; padding:10px 60px; font-size:16px; color:#405965; background:transparent; outline:none;} .form.newsletter input[type='submit']:hover {background-color:#00b273; color:#FFFFFF;} .form.newsletter span.wpcf7-not-valid-tip {width:300px !important; left:0px !important; top:-4px !important;} /* ========================================================================== Cookie Bar ========================================================================== */ .pea_cook_wrapper {width:100%; height:50px; position:fixed !important; background-color:rgba(255,255,255,1) !important; float:left; color:#405965; bottom:0 !important; right:0 !important; border-top:5px solid #00b273 !important; padding:10px 0 0 !important; text-align:center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)" !important;} .pea_cook_wrapper p {color:#405965 !important; display:block !important; float:none !important; width:960px !important; margin:0 auto !important; font-size:14px !important; font-weight:normal !important;} .pea_cook_wrapper p a {color:#405965 !important; text-decoration:underline !important; font-size:14px !important; font-weight:normal !important;} .pea_cook_wrapper button.pea_cook_btn {border:1px solid #405965 !important; background:transparent !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow: none !important; text-shadow: none !important;} a#pea_close {border:1px solid #FFFFFF !important; float:left; padding:5px 15px !important; text-align:center;} /* Workaround for double cookie display on /real-time/real-time-ireland/ */ /* Hide the TFI cookie bar on this page only */ body.page-id-2131 .pea_cook_wrapper.pea_cook_bottomright {display:none;} /* ========================================================================== 404 ========================================================================== */ .error_page {min-height:500px;} /* ========================================================================== Footer ========================================================================== */ footer {width:100%; height:165px; background:#405965; float:left;} footer #footer_inner {width:960px; margin:0 auto; height:165px;} footer #footer_inner a.link_nta {display:block; width:160px; height:81px; outline:none; background:url('../images/bg_footer.png') no-repeat 0px 0px transparent; float:left; margin:42px 0 0 10px;} footer #footer_inner a.link_leapcard {display:block; width:107px; height:81px; outline:none; background:url('../images/bg_footer.png') no-repeat -162px 0px transparent; float:left; margin:42px 0 0 40px;} footer #footer_inner a.link_browsealoud {display:block; width:60px; height:80px; outline:none; background:url('../images/bg_footer.png') no-repeat -273px 0px transparent; float:right; margin:42px 0 0 15px;} footer #footer_inner .menu-footernav {width:515px; float:right; margin-top:60px;} footer #footer_inner .menu-footernav ul {list-style:none; width:100%;} footer #footer_inner .menu-footernav ul li {float:right; text-align:center; border-right:1px solid #FFFFFF; padding:0 7px;} footer #footer_inner .menu-footernav ul li.no_border {border:0; padding-right:0;} footer #footer_inner .menu-footernav ul li a {font-weight:bold; font-size:12px; color:#FFFFFF;} footer #footer_inner .menu-footernav ul li a:hover {text-decoration:underline;} footer #footer_inner p {float:right; color:#FFFFFF; font-size:12px; margin-top:10px;} /* ========================================================================== Misc ========================================================================== */ .mobile_only {display:none;} .tb_author a {color:#205683 !important;} /* ========================================================================== Misc ========================================================================== */ .wpcf7-form{}.wpcf7-form ul#taxiform,.wpcf7-form ul#list_form_01,.wpcf7-form ul#list_form_02,.wpcf7-form ul#list_form_03,ul#list_form_04{list-style:none} .wpcf7-form ul#list_form_02,.wpcf7-form ul#list_form_03,.wpcf7-form ul#list_form_04{padding-top:20px;clear:both} .wpcf7-form ul#taxiform li{clear:both;margin-bottom:10px;list-style-image:none} .wpcf7-form ul#taxiform li label{width:165px;float:left;padding-top:0;font-weight:normal;font-size:12px;margin:0 10px 0 0} .wpcf7-form ul#taxiform li label.beep-beep{background:url(http://www.transportforireland.ie/img/beep-beep.png) no-repeat;width:46px;height:39px;margin-left:109px;margin-top:10px} .wpcf7-form ul#taxiform li input,.wpcf7-form ul#taxiform li textarea{}.wpcf7-form ul#taxiform li select{width:80px;float:left;margin:0 20px 10px 0} .wpcf7-form ul#taxiform h3{color:#7ab800;line-height:18px;padding:20px 0 0}.wpcf7-form ul#taxiform h4{padding:10px 0;clear:both;font-weight:bold;color:#025b94;font-size:14px;line-height:18px} .wpcf7-form ul#taxiform h4 span.mandatory{color:#025d96;font-size:12px;font-style:italic;float:right;margin-right:12%;font-weight:normal}.wpcf7-form ul#taxiform h4.green{color:#7ab800} .wpcf7-form ul#taxiform h4.green span{color:#025e97;font-weight:bold;font-size:14px} .wpcf7-form ul#taxiform h4.green a{color:#025e97;text-decoration:underline;font-weight:bold;font-size:14px} .wpcf7-form ul#taxiform input[type="submit"]{background:url(http://www.transportforireland.ie/img/button-submit-taxi-form.png) no-repeat;width:112px;height:40px;margin-left:10px;margin-top:10px;border:none;text-indent:-9999px} .wpcf7-form ul#taxiform li>span.service-type>span.wpcf7-radio>span.wpcf7-list-item label,.wpcf7-form ul#taxiform li>p>span.incident-type>span.wpcf7-radio>span.wpcf7-list-item>label{clear:both;font-weight:normal;width:300px;text-align:left} .wpcf7-form ul#taxiform li>p>span.incident-type>span.wpcf7-radio>span.wpcf7-list-item>label{padding-left:30px;padding-bottom:3px} .wpcf7-form ul#taxiform li a.tooltip{outline:none} .wpcf7-form ul#taxiform li a.tooltip:hover{text-decoration:none} .wpcf7-form ul#taxiform li a.tooltip span{z-index:10;display:none;padding:15px;margin-left:-45px;width:225px;line-height:16px;-moz-box-shadow:5px 5px 8px #ccc;-webkit-box-shadow:5px 5px 8px #ccc;box-shadow:5px 5px 8px #ccc;background:#fff} .wpcf7-form ul#taxiform li a.tooltip span.tool-tip-one{margin-top:-115px} .wpcf7-form ul#taxiform li a.tooltip span.tool-tip-two{margin-top:-185px} .wpcf7-form ul#taxiform li a.tooltip span.tool-tip-three{margin-top:-275px} .wpcf7-form ul#taxiform li a.tooltip span.tool-tip-four{margin-top:-135px} .wpcf7-form ul#taxiform li a.tooltip:hover span{display:inline;position:absolute;border:1px solid #ccc;color: #405965background:#fff} .wpcf7-form ul#taxiform li .callout{z-index:20;position:absolute;bottom:-20px;border:0;left:0px} .wpcf7-form ul#taxiform li a.tooltip span p{padding:3px 0;margin:0} .wpcf7-form ul#taxiform p.station{float:left;clear:left;width:150px;margin-bottom:5px} .wpcf7-form ul#taxiform p.station span{float:right} #ta{background:url(http://www.transportforireland.ie/img/tick.png) no-repeat;height:30px;padding-left:35px} #ta p{font-size:14px;font-weight:bold;} /* New Contact Form */ .feedback_form {font-size:14px;} .feedback_form input[type="text"], .feedback_form input[type="email"] {border:1px solid #405965; font-size: 14px; color: #405965; height:35px; margin-bottom:15px; width:50%; padding:0 5px;} .feedback_form textarea {font-size: 14px; color: #405965; border:1px solid #405965; margin-bottom:15px; width:50%; padding:5px;} .feedback_form button {border:1px solid #405965; font-size: 14px; color: #405965; height:35px; background:#40c596; padding:5px 20px;} .feedback_form button:hover {background:#FFFFFF;} .feedback_form label {font-size:14px; line-height: 20px; color: #405965; margin: 0 0 20px;} /* ========================================================================== Misc ========================================================================== */ /* Add numbers to me to display more stories */ article.open-city-posts {display: none;} article#number_0 {display: block;} article#number_1 {display: block;} article#number_2 {display: block;} .view_all_opennews_btn { display: block; text-align: center; height: 50px; border-top: 1px solid #405965; font-size: 16px; padding-top: 15px; font-weight: bold; color: #405965; } .view_all_opennews_btn {text-decoration: none !important;} .parking-iframe {margin-top: 40px;} .view_all_opennews_btn:hover {text-decoration: none; background: #00b273;} /* ========================================================================== New Content - Homepage Update - 18.02.2014 ========================================================================== */ /* Changes */ h1.new_type {font-size:28px; color:#405965; margin:25px 0; font-weight:normal; line-height:32px;} /* Transport Updates */ #transport_updates_2014 {width:100%; float:left; clear:both;} #transport_updates_2014 #transport_tabs {list-style:none; width:100%; float:left; margin:0 0 15px; padding:0;} #transport_updates_2014 #transport_tabs li {float:left; margin:0 15px 0 0; padding:0; text-indent:-9999px; cursor:pointer; text-transform:capitalize; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;} #transport_updates_2014 #transport_tabs li.tp_irishrail {width:134px; height:42px;background: url('../images/icon_updates_irishrail.png') no-repeat -143px 0px;} #transport_updates_2014 #transport_tabs li.tp_irishrail.inuse, #transport_updates_2014 #transport_tabs li.tp_irishrail:hover {background-position:0px 0px;} #transport_updates_2014 #transport_tabs li.tp_buseir {width:152px; height:42px; background:url('../images/icon_updates_buseir.png') no-repeat -152px 0px;} #transport_updates_2014 #transport_tabs li.tp_buseir.inuse, #transport_updates_2014 #transport_tabs li.tp_buseir:hover {background-position:0px 0px;} #transport_updates_2014 #transport_tabs li.tp_busdub {width:142px; height:42px;background: url('../images/icon_updates_busdub.png') no-repeat -160px 0px;} #transport_updates_2014 #transport_tabs li.tp_busdub.inuse, #transport_updates_2014 #transport_tabs li.tp_busdub:hover {background-position: -1px 0px;} #transport_updates_2014 #transport_tabs li.tp_luas {width: 89px; height:42px;background: url('../images/icon_updates_luas.png') no-repeat -91px 0px;} #transport_updates_2014 #transport_tabs li.tp_luas.inuse, #transport_updates_2014 #transport_tabs li.tp_luas:hover {background-position:0px 0px;} #transport_updates_2014 #transport_tabs li.inuse {display:block;} #transport_updates_2014 #transport_content_wrapper {width:100%; position:relative; padding-right:100px; float:left;} #transport_updates_2014 #transport_content_wrapper #transport_content {float:left; width:100%; list-style:none; margin:0;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper {width:100px; position:absolute; top:0px; right:0px; border:1px solid #afafaf;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul {width:100%; float:left; width:100%; margin:0; list-style:none;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul li {cursor:pointer; float:left; width:100%; clear:both; background:#ebebeb; text-transform:uppercase; color:#405965; font-size:13px; text-align:center; height:40px; border-bottom:1px solid #afafaf;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul li.transport_navi_right {background:url('../images/tp_navi_right.png') no-repeat center center #FFFFFF;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul li.transport_navi_left {background:url('../images/tp_navi_left.png') no-repeat center center #FFFFFF;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul li:last-child {border:0; padding-top:13px;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul li:hover {background-color:#ebebeb;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul li:last-child:hover {background-color:#FFFFFF;} #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper ul li a {color:#405965;} #transport_updates_2014 #transport_content_wrapper #transport_content li {display:none;} #transport_updates_2014 #transport_content_wrapper #transport_content li.showing {display:block;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list {float:left; width:100%; min-height:122px;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item {float:left; width:100%; position:relative; padding-left:160px; min-height:122px; display:none;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item:first-child {display:block;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item .transport-time {position:absolute; left:0px; top:0px; width:160px; height:122px; background-image:url('../images/tp_clock.png'); background-repeat: no-repeat; background-position: center 25px; font-size:14px; text-transform:uppercase; color:#FFFFFF; padding-top:80px; text-align:center; font-weight:bold;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item .desc_container {border-top:1px solid #afafaf; border-bottom:1px solid #afafaf; padding:24px 24px 0px 24px; height:122px;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item .desc_container a.title {font-size:16px; color:#405965; margin-bottom:15px; text-decoration:none;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item .desc_container .desc a.descriptionlink {color:#777777; font-size:14px; text-decoration:none;} #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item .desc_container .see_more_link { text-decoration:none;font-size:10px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding:5px; line-height:10px; display:inline-block;} /* Page Only */ #page_content_inner #transport_updates_2014 #transport_content_wrapper {padding:0;} #page_content_inner #transport_updates_2014 #transport_content_wrapper #transport_navi_wrapper {display:none;} #page_content_inner #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item {display:block; margin-bottom:15px;} #page_content_inner #transport_updates_2014 #transport_content_wrapper #transport_content .news-list .news-item .desc_container {border-right:1px solid #afafaf; border-left:1px solid #afafaf; padding:25px; height:auto; min-height:122px;} /* Colours */ .colour_rail {background-color: #F99500;} .colour_buseir {background-color: #007DC5;} .colour_busdub {background-color: #007DC5;} .colour_luas {background-color: #4F3695;} /* Twitter */ #twitter_holder .mtphr-dnt-twitter .mtphr-dnt-tick {display:none;} .mtphr-dnt-twitter {border:1px solid #afafaf; border-bottom:0;} .mtphr-dnt-twitter .mtphr-dnt-tick {padding:15px; border-bottom: 1px solid #afafaf; margin:0 !important;} .mtphr-dnt-twitter .mtphr-dnt-tick.active_tweet, #twitter_holder .mtphr-dnt-twitter .mtphr-dnt-tick.active_tweet {display:block;} .mtphr-dnt-twitter-tweet-avatar-left .mtphr-dnt-twitter-avatar {top:0px !important;} .mtphr-dnt-twitter .mtphr-dnt-twitter-content {position:relative;} .mtphr-dnt-twitter .mtphr-dnt-twitter-content .mtphr-dnt-twitter-name {display:block !important; float:left; margin-bottom:15px; clear:both;} .mtphr-dnt-twitter .mtphr-dnt-twitter-content .mtphr-dnt-twitter-text {display:block !important; float:left; clear:both;} .mtphr-dnt-twitter .mtphr-dnt-twitter-content .mtphr-dnt-twitter-time {display:block !important; float:left; clear:both; position:absolute; top:0px; right:0px; background:url('../images/new_twitter_time.png') no-repeat left center; padding-left:20px; color:#999999; font-size:12px;} .mtphr-dnt-twitter .mtphr-dnt-twitter-content .mtphr-dnt-twitter-links {display:block !important; float:left; clear:both; margin-top:15px;} .twitter_nav.navi_grey {margin:0 0 40px 0 !important;} .navi_grey {width:100%; border:1px solid #afafaf; margin-top:0px; border-top:0; position:relative; cursor:pointer; float:left; background:#ebebeb; text-transform:uppercase; color:#405965; padding-right:102px;} .navi_grey a {display:block; height:50px; width:100%; color:#405965; padding:18px 0 0 15px; font-size:13px; float:left;} .apps_wrapper_page {list-style:none; width:100%; float:left; clear:both; padding:10px 0; border-top:1px solid #afafaf; border-bottom:1px solid #afafaf; margin-bottom:30px;} .apps_wrapper_page li {width:25%; float:left; padding:15px 25px;} .apps_wrapper_page li:hover {background:#40c596;} .apps_wrapper_page li img { float: left; margin-right: 15px; width: 50px; height: 50px;} .apps_wrapper_page li h2 { float: left; width: 75px; margin: 1px 0; font-size: 14px; color: #405965; line-height: 24px; font-weight: normal;} .apps_wrapper_page li:hover h2 {color:#FFFFFF;} .news_read_more {color:#405965; font-weight:bold; text-decoration:none !important;} /* Accessible Travel */ .accessible_travel_holder .wp-super-faq-triangle {background: none !important; display: block; float: left; color: transparent; text-indent: -9999px; text-transform: capitalize; margin-right: 10px; width: 32px; height: 32px;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-0 .wp-super-faq-triangle {background: url('../images/accessible_icon_01.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-1 .wp-super-faq-triangle {background: url('../images/accessible_icon_02.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-2 .wp-super-faq-triangle {background: url('../images/accessible_icon_03.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-3 .wp-super-faq-triangle {background: url('../images/accessible_icon_04.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-4 .wp-super-faq-triangle {background: url('../images/accessible_icon_05.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-5 .wp-super-faq-triangle {background: url('../images/accessible_icon_06.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-6 .wp-super-faq-triangle {background: url('../images/accessible_icon_07.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-7 .wp-super-faq-triangle {background: url('../images/accessible_icon_08.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-8 .wp-super-faq-triangle {background: url('../images/accessible_icon_09.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-9 .wp-super-faq-triangle {background: url('../images/accessible_icon_10.png') no-repeat left center !important;} .accessible_travel_holder #wp-super-faq-question-accessible-travel-10 .wp-super-faq-triangle {background: url('../images/accessible_icon_11.png') no-repeat left center !important;} .newsticker-mobile {display: none;} @media only screen and (max-width: 767px) { .tickercontainer {display: none;} .newsticker-mobile {display: block; background: rgba(233, 26, 17, 0.9); width: 100%; color: #fff; line-height: 18px; font-size: 16px; padding: 10px;} .newsticker-mobile h2 {color: #fff; text-transform: uppercase; line-height: 18px; font-size: 16px; font-weight: bold;} .newsticker-mobile a {color: #fff; text-decoration: underline; line-height: 18px; font-size: 16px; margin:10px 0; display: block;} .newsticker-mobile p {color:#fff; margin:0;} } @media only screen and (max-width: 320px) { .strike h2 {font-size: 16px; height: 52px; padding-top: 5px; line-height: 20px !important;} .strike_table {width: 100%; padding-right: 10px;} } /* ADDITIONS */ .page-template-template-ooc-standard-php .fares-inner, .page-template-template-ooc-php .fares-inner { margin-bottom: 20px; } /* New Template content width */ .page-template-template-ooc-standard-php #page_content #page_content_inner, .page-template-template-fares-inner-php #page_content #page_content_inner, .page-template-template-ooc-php #page_content #page_content_inner, .page-template-template-timetables-php #page_content #page_content_inner, .page-template-template-route-maps-php #page_content #page_content_inner { width:940px; padding: 10px 0 50px; } .fares-inner, .content-timetabes, .content-maps{ width:70%; float:right; padding-left: 20px; } /* Side Navigation */ #page_content #page_content_inner .side-navigation{ width:30%; float:left; } #page_content #page_content_inner .side-nav-header{ color:#FFF; background-color: #415965; font-size:20px; clear: both; font-weight:bold; padding:23px 20px 16px; } #page_content #page_content_inner .side-nav-button a{ color: #405965 text-transform:uppercase; font-size:14px; text-decoration:none; padding:20px 20px 17px; border: 1px solid #9facb2; margin-top:8px; display:block; text-transform: uppercase; } #page_content #page_content_inner .side-nav-button a:active{ background-color: #edeef0; } .page-template-template-ooc-standard-php .side-nav-button:nth-child(6), .page-template-template-ooc-php .side-nav-button:nth-child(6), .page-template-template-fares-inner-php .side-nav-button:nth-child(5), .page-template-template-timetables-php .side-nav-button:nth-child(6){ margin-bottom:30px; } /* New Templates header images */ .page-template-template-ooc-standard-php #page_content .page_header_img, .page-template-template-fares-inner-php #page_content .page_header_img, .page-template-template-ooc-php #page_content .page_header_img, .page-template-template-timetables-php #page_content .page_header_img, .page-template-template-route-maps-php #page_content .page_header_img { position: initial; background-size: contain; width: 940px; height: 195px; } .page-template-template-ooc-standard-php #page_content .page_header_img_cover, .page-template-template-ooc-php #page_content .page_header_img_cover, .page-template-template-fares-inner-php #page_content .page_header_img_cover, .page-template-template-timetables-php #page_content .page_header_img_cover, .page-template-template-route-maps-php #page_content .page_header_img_cover { margin: 0 auto; max-width: 940px; position: initial; } /* Fares Tables */ #page_content .fares-title{ color:#00b273; } #page_content .fares-table-header { background-color: #00B273; } #page_content .grid { float: left; width: 25%; font-size: 12px; padding: 15px 12px; } #luasgrid .grid { float: left; width: 16%; font-size: 12px; padding: 15px 12px; } #page_content .grid.leap-card { width: 20%; } #page_content .grid.cash-fare { width: 20%; } #page_content .grid.fare-type { width: 20%; } #page_content .grid.journey { width: 30%; } #page_content .grid.zone { width: 10%; } #page_content .fare-warning{ margin-bottom:40px; } #page_content .jump-section { background-color: #f3f3f3; padding: 20px 30px 30px; margin-bottom:30px; } #page_content .jump-section h2 { color: #00b273; font-weight: bold; margin: 0 0 15px; } #page_content .jump-list a { color: #3e3e3e; } #page_content .fare-arrow { background-image: url("/wp-content/themes/TFI-2013/images/arrow.png"); background-position:0 -11px; float: right; height: 11px; margin: -35px 23px 0 0; width: 20px; } #page_content .active .fare-arrow { background-position: 0 0; } #page_content_inner ul.jump-list { padding: 0 0 0 10px; } .fare-grid .grid-row:nth-child(1){ color:#FFF; background-color:#40c596 } .grid-row:before,.grid-row:after{ content:" "; clear:both; display:table; } .grid-row:nth-child(2n) { background-color:#f3f3f3; } body, #wpbody, .form-table .pre, .ui-autocomplete li a { color: #405965; } #page_content .fares-table-header > h2 { margin: 0; padding: 20px 60px; color: #fff; font-weight: bold; } #page_content .fare-icon { background: url("/wp-content/themes/TFI-2013/images/fares-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 25px; margin: 20px; width: 25px; } #page_content .outer-fares-grid { margin-bottom: 30px; } #page_content .fares-table-header{ cursor:pointer; clear: both; } #page_content .grid.luas-leap-card { width: 30%; } #page_content .grid.luas-cash-fare { width: 30%; } #page_content .grid.luas-zone { width: 20%; } #page_content .grid.luas-fare-type { width: 20%; } .page-template-template-fares-inner-php table.zebra-striped{ margin-top:0px; } .page-template-template-fares-inner-php table.zebra-striped thead{ background-color:#40c596; } #fare > p { margin: 0; } .content-timetabes > h2 { color: #00b273; font-weight: bold; } .side-arrow { background: url("/wp-content/themes/TFI-2013/images/side-arrow.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; height: 15px; margin: -34px 20px 0 0; width: 8px; } .t-links { padding: 50px 20px; } .t-links > a { border: 1px solid #afafaf; clear: inherit; color: #3e3e3e; display: inline-block; font-size: 16px; margin-bottom: 5px; padding: 10px; text-decoration: none !important; } a.show{ background-color:#e8e8e8; } .page-id-32 .navigation-section:first-child div:nth-child(2){ background-color:#e8e8e8; } .page-id-69 .navigation-section:first-child div:nth-child(3){ background-color:#e8e8e8; } .page-id-36 .navigation-section:first-child div:nth-child(4){ background-color:#e8e8e8; } .page-id-39 .navigation-section:first-child div:nth-child(5){ background-color:#e8e8e8; } a.map-pdf { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #afafaf; color: #405965; font-weight: bold; padding: 10px 20px; text-decoration: none !important; margin-top:20px; display:inline-block; } .pdf_list_btn{ margin-top:20px; display:block; } .maps-description { margin-bottom: 20px; } .clearfix.space { padding: 50px 0; } .clearfix.space.mobile { display:none; } @media only screen and (max-width: 985px) { .overide-1 { width: 97% !important; } #menu-operation-open-city {display:none;} #home_content #home_content_inner #ooc_banner h1 { margin: 16px 0 0 116px; width: 128px!important;font-size: 24px!important;line-height: 27px!important;} #home_content #home_content_inner #ooc_banner p { margin: 13px 0 0 16px!important; } .morebtn { background: #a32d2d; width: 120px; height: auto; right: 341px; top: 72px; padding: 0; } .overwrite-d ul.news_wrapper > li > a { width: auto!important;} .oocsidenav { width: 100%!important; float: none!important; } .respsidenav { width: 100%!important; float: none!important; margin: 28px 0!important; } ul.time-table-provider > li:first-child { margin: 0 !important; } ul.time-table-provider > li:last-child { margin: 0 !important; } ul.time-table-provider > li { float: none; margin: 0; width: 100%; } ul.time-table-provider > li > a { text-align: center; color: #405965; text-transform: uppercase;font-size: 14px;text-decoration: none !important;padding: 20px 20px 17px;border: 1px solid #afafaf;margin-top: 8px;display: block; } .t-links { padding: 7px 20px!important; } .side-arrow-r2 { background: url("/wp-content/themes/TFI-2013/images/side-arrow.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; height: 15px; margin: -33px 20px 0 0; width: 8px; } .fares-inner, .content-timetabes, .content-maps { float: none; padding-left: 0px; width: 100%; } .clearfix.space { padding: 20px 0; } .side-navigation { float: none; width: 100%; } #nav_main .menu-header ul > li .sub-menu-wrapper-outer { top: 57px; } header #header_inner #dd_links_wrapper { clear: none; float: none; margin: 50px 0 0; } header #header_inner #right_menu_holder { width: auto; } .page-template-template-ooc-standard-php #page_content .page_header_img, .page-template-template-ooc-php #page_content .page_header_img, .page-template-template-fares-inner-php #page_content .page_header_img, .page-template-template-timetables-php #page_content .page_header_img, .page-template-template-route-maps-php #page_content .page_header_img{ background-size: 100% auto; height: 148px; position: initial; width: auto; } .page-template-template-ooc-standard-php #page_content #page_content_inner, .page-template-template-ooc-php #page_content #page_content_inner, .page-template-template-fares-inner-php #page_content #page_content_inner, .page-template-template-timetables-php #page_content #page_content_inner, .page-template-template-route-maps-php #page_content #page_content_inner { padding: 20px 15px 50px; width: 100%; } #nav_main, #nav_main .menu-header { padding: 0 10px; } } @media only screen and (max-width: 710px) { .page-template-template-ooc-standard-php #content_wrapper #page_content .page_header, .page-template-template-ooc-php #content_wrapper #page_content .page_header, .page-template-template-timetables-php #content_wrapper #page_content .page_header, .page-template-template-route-maps-php #content_wrapper #page_content .page_header, .page-template-template-fares-inner-php #content_wrapper #page_content .page_header{ height:auto; } .clearfix.space.mobile { display:block; padding: 20px 0; } #nav_main .menu-header > ul > li {width: 100% !important} #nav_main .menu-header > ul > li > a { padding: 10px 20px; } .home #content_wrapper #jp_wrapper { margin-top: 30px; right: -50%; } #home_content #home_content_inner #ooc_banner .occ_banner_link { display: none!important; } #home_content #home_content_inner #ooc_banner p { display: none !important; } #home_content #home_content_inner #ooc_banner { padding: 21px 150px !important; height: 152px; } .morebtn { left: 157px!important; top: 99px!important; padding: 0!important; } #home_content #home_content_inner #ooc_banner h1 { margin: 9px 0 0 8px!important; width: auto !important; font-size: 24px!important; line-height: 27px!important; } } .slide_overlay { display: none !important; } /* BUS STRIKE */ .page-template-page-bus-strike-php .page_header { margin: 9px auto 0; max-width: 950px; } .page-template-page-bus-strike-php .breadcrumbs { display: none; } .page-template-page-bus-strike-php #page_content .page_header_img { width: 950px; } .page-template-page-bus-strike-php .strink-info { background-image: url("/assets/tfi/info-bg.jpg"); color: #fff; font-size: 24px; font-weight: bold; height: 80px; margin: 11px auto 0; max-width: 950px; padding: 22px 40px 22px 46px; } .page-template-page-bus-strike-php .strink-info span.main-date { font-size: 24px; } .page-template-page-bus-strike-php .strink-info span{ font-size:15px; } .page-template-page-bus-strike-php .strink-info span a, .page-template-page-bus-strike-php .strink-info span a:hover{ color:#FFF; text-decoration:none; margin-left: 15px; } .page-template-page-bus-strike-php .clock { background: url("/assets/tfi/clock.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 46px; width: 47px; margin-right:21px; margin-top: -4px; } .page-template-page-bus-strike-php .sub{ margin-left:10px; } #page_content #page_content_inner.strike { padding: 40px 0 50px; } .page-template-page-bus-strike-php .strike_left h1{ font-size:24px; color:#c61f26; margin:0 0 9px; line-height:1; } .page-template-page-bus-strike-php .info-row { color: #405965405965; margin-top: 40px; } .page-template-page-bus-strike-php .info-row h5{ color:#405965; padding-top:15px; font-size:24px; line-height:1; margin-bottom:15px; } .page-template-page-bus-strike-php #page_content #page_content_inner .info-row a{ color:#c61f26; text-decoration:none; font-weight:bold; } .page-template-page-bus-strike-php .info-row { line-height: 25px; } .page-template-page-bus-strike-php .t-icon { float: left; margin-right:15px; } .page-template-page-bus-strike-php .info-row.rail h5{ padding-top:14px; } .page-template-page-bus-strike-php .info-row.tram h5{ padding-top:15px; } .page-template-page-bus-strike-php .info-row.bus h5{ padding-top:13px; } .page-template-page-bus-strike-php .info-row.car h5{ padding-top:4px; } .page-template-page-bus-strike-php .info-row.taxi h5{ padding-top:5px; } .page-template-page-bus-strike-php .info-row.bike h5{ padding-top:8px; } .page-template-page-bus-strike-php .info-row.walk h5{ padding-top:15px; } .page-template-page-bus-strike-php .info-row.walk br{ display:none; } .remember { clear:both; padding-top:30px; } .remember strong{ color:#c61f26; } #page_content #page_content_inner .remember a, #page_content #page_content_inner .remember a:hover { text-decoration: none; color:#c61f26; font-weight:bold; } .main-date br { display:none; } .page-template-page-bus-strike-php .info-row.mobile { display:none; } .page-template-page-bus-strike-php .clearfix.mobile { display:none; } .page-template-page-bus-strike-php .mobile-header, .home .mobile-header{ display:none; } .line { margin-left: 8px; } .page-template-page-bus-strike-php #page_content .page_header_shadow { display:none; } .main-date { float: left; max-width: 498px; } @media (max-width:1024px){ .page-template-page-bus-strike-php #content_wrapper { padding: 0 20px; max-width:768px; margin:0 auto; } .page-template-page-bus-strike-php #page_content .page_header_img { width: 100%; } .page-template-page-bus-strike-php #page_content .page_header { padding: 0; } .page-template-page-bus-strike-php .strink-info { padding: 22px 26px; } .page-template-page-bus-strike-php .line{ display:none; } .page-template-page-bus-strike-php .strink-info span.main-date { display: inline-block; line-height: 7px; margin-bottom:10px; margin-top: -12px; } .main-date br { display: inline-block; line-height: 41px; } .page-template-page-bus-strike-php .sub { float: right; margin-left: 10px; margin-top: 11px; } .page-template-page-bus-strike-php .info-row.desktop { display:none; } .page-template-page-bus-strike-php .info-row.mobile { display:block; margin-top:0px; } .page-template-page-bus-strike-php .strike_left { max-width: 393px; margin-right: 25px; } .info-row.car strong br { display: none; } .page-template-page-bus-strike-php section#content_wrapper { float: none; margin: 0 auto; max-width: 768px; padding: 0 20px; } .page-template-page-bus-strike-php #nav_main .menu-header > ul > li > a{ height:auto; } #page_content .page_header_img, #page_content .page_header { height: 150px; } .main-date { float: left; line-height: 27px; margin-top: -8px; width: 243px; } } @media (max-width:840px){ header #header_inner #options li.social-icons img {display:none;} } @media (max-width:767px){ .page-template-page-bus-strike-php .info-row.desktop { display:block; } .page-template-page-bus-strike-php .info-row.mobile { display:none; } .page-template-page-bus-strike-php section#content_wrapper { padding: 0 10px; max-width:320px; margin:0 auto; } .page-template-page-bus-strike-php .strike_left { max-width: 100%; margin-right: 25px; } .page-template-page-bus-strike-php .strink-info { height: 141px; padding: 19px 11px; } .page-template-page-bus-strike-php .sub { float: none; } .sub > a { display: block; float: left; margin-left: 0 !important; width: 50%; } .page-template-page-bus-strike-php .clearfix.mobile { display:block; } .page-template-page-bus-strike-php .clock { margin-right: 8px; } .page-template-page-bus-strike-php .sub { float: none; margin-left: 0; margin-top: 0; } .page-template-page-bus-strike-php .strink-info span a, .page-template-page-bus-strike-php .strink-info span a:hover { font-size: 18px; } .page-template-page-bus-strike-php .mobile-header, .home .mobile-header{ display:block; margin-top:14px; } .page-template-page-bus-strike-php #page_content .page_header { display: none; } .page-template-page-bus-strike-php .info-row.bus h5 { padding-top: 0; } .page-template-page-bus-strike-php .info-row.taxi h5 { padding-top: 0; } #page_content #page_content_inner.strike { padding: 30px 0 50px; } .page-template-page-bus-strike-php .info-row.walk br{ display:block; } .home .mobile-header { margin: 10px auto 20px; max-width: 300px; } .main-date br { line-height: 27px; } .page-template-page-bus-strike-php .strink-info span.main-date { margin-top: 0px; } .main-date { float: left; line-height: 27px; margin-top: -8px; width: 207px; } } /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .main-date br { display: inline-block; line-height: 41px; } .page-template-page-bus-strike-php .strink-info span.main-date { margin-top: -12px; } } /* EU Cookie Popup */ .pea_cook_more_info_popover_inner p {color:#fff;} /* Taxi Fare Estimator - AR 18-11-2015 */ #fancybox-bg-e {background:#fff;} /*Smart form override*/ .smart_form_page .faq-question.open, .smart_form_page .faq-question {color: #405968 !important;} #searchform{ width: 100%; }