body {font-family:'ProximaNovaA-Light', Helvetica, sans-serif; color: #002E3C; background-color:#EBF0F3; font-size: 16px; max-width:768px; padding-top:50px; /*Padding top when NAV BAR Position is Fixed !!! */} /*General*/ /*.container{padding-bottom:15px;}*/ .small-top-bottom-padding{padding-top:10px;padding-bottom:10px;} .std-top-bottom-margin{margin-top:15px;margin-bottom:15px;} .std-top-margin{margin-top:15px;} .std-bottom-margin{margin-bottom:15px;} .bottom-border-dot{border-bottom: 1px #A1ACAF dotted;} .full-width{width:100%;} input{height:40px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} input-error + span {border: 1px #d70000 solid;} textarea{width:100% !important;} .mobile-float-left{float:left !important;text-align:left !important;} .content-left{width:100% !important;} .content-right{width:100% !important;margin-top:15px;} /* --- Top Nav --- */ .navbar-fixed-top{height:50px;margin-bottom:0;-webkit-box-shadow: 0px 3px 5px 0px rgba(125,123,125,1);-moz-box-shadow: 0px 3px 5px 0px rgba(125,123,125,1);box-shadow: 0px 3px 5px 0px rgba(125,123,125,1);} .nav-grey-cover{width: 100%;height: 100%;position: fixed;top: 50px;left:0;background:rgba(0,0,0,0.7);display:none;} .side-collapse-container{width:100%;position:relative;right:0; transition: left 0.4s ease-in-out 0s; -webkit-transition: left 0.4s ease-in-out 0s; -moz-transition: left 0.4s ease-in-out 0s; -o-transition: left 0.4s ease-in-out 0s; } .side-collapse-container.out{left:90%;} .side-collapse {top:50px;bottom:0;right:0;width:90%;position:fixed;overflow-y:auto;overflow-x:hidden; transition: width 0.4s ease-in-out 0s; -webkit-transition: width 0.4s ease-in-out 0s; -moz-transition: width 0.4s ease-in-out 0s; -o-transition: width 0.4s ease-in-out 0s; } .side-collapse.in {width:0;} .side-collapse.navbar-inverse{background-color:#EBF0F3;border:none;} .navbar-inverse .navbar-toggle{border:none;} .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background:none;} .navbar-collapse{border:0;} .navbar-collapse ul{margin-top:0;margin-bottom:0;} .navbar-brand{padding:10px 15px;} .navbar-brand img{width:88px;height:30px;} .nav>li{min-width:200px;border-bottom: 1px #83C449 solid;} .nav>li>a, .nav>li>a:hover {color:#158241 !important;font-weight:bold;} .nav>li.my-account-menu>a, .nav>li.my-account-menu>a:hover, .nav>li.buy-tickets-menu>a, .nav>li.buy-tickets-menu>a:hover{color: #83C449 !important;} .nav>li.active>a {background-color:#83C449 !important;color:#fff !important;} #login-links-mobile{background-color: #fff;color: #83C449;padding: 15px;border-bottom: solid 2px;} #login-links-mobile a{padding: 0;text-transform: uppercase;color: #83C449 !important; display: inline-block;width: 100%;} #login-links-mobile.user-logged-out a{width: initial;} /*Top*/ h1.ticket-form-header{padding: 5px 15px;position: absolute;top: 10px;font-size: 20px;line-height: 1;color: #fff;} /*h1.ticket-form-header{padding: 5px 0px; font-size: 20px;line-height: 22px ;color: #fff;}*/ h7.ticket-form-header{padding: 5px 15px 0px 15px;display: block;} .top-title-header {background-color:#83C449;padding-top: 10px;padding-bottom: 10px;} .top-title-header h1{color: #fff;margin-top: 0;margin-bottom: 0;} .top-title-header p{color: #fff;line-height: 1;} .ticket-form-toggle-btn{width: 100%;border-image: none;border: none;background-color: #53B848;padding: 5px 0;color:#fff; height: 40px;} .ticket-form-toggle-btn p{width: 200px;display: inline;padding-left: 32px;position:relative;} /*Content*/ .contentPanel{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .content-section {padding:15px 10px;margin-top:15px; margin-right: 3%;margin-left: 3%;width: 94%; background-color:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;float:left;} .form-entry-table {display:inline-block;float:left;width:100%;} /*Buttons*/ a.bttn-lrg-darkbg {display:inline-block; border:2px solid #83C449; line-height:16px; font-size:16px; text-align:center; color:white; -moz-border-radius:4px;-webkit-border-radius: 4px; border-radius:4px; padding:5px 15px 4px 15px; vertical-align:central;} a.bttn-lrg-darkbg:hover {background-color:#83C449; color:#002E3C} a.bttn-mid-green, a.fp, #forgotPasswordPanel .cancel {display:inline-block; border:0px; background-color:#158241; line-height:14px; font-size:16px; text-align:center; color:#FFF; text-transform:uppercase; -moz-border-radius:4px;-webkit-border-radius: 4px; border-radius:4px; padding:14px 0px 7px 0px !important; vertical-align:central;height: 40px;margin-bottom:15px !important;width:100% !important;} a.bttn-mid-green:hover, a.fp:hover {background-color:#83C449; color:#FFF} a.bttn-sq-light {display:inline-block; border:1px solid #53B848; line-height:13px; font-size:13px;height:40px; text-align:center; color:#fff; background-color:#53B848; text-transform:uppercase; font-weight:normal; -moz-border-radius:4px;-webkit-border-radius: 4px; border-radius:4px; padding:13px 13px 4px 13px; vertical-align:central;} a.bttn-sq-light:hover {background-color:#53B848; color:white} a.bttn-disabled {color:#A1ACAF; border-color:#A1ACAF;background-color:transparent;} a.bttn-disabled:hover {color:#A1ACAF; border-color:#A1ACAF; background-color:transparent} .prev-btn-box{width:46%;float:left;} .next-btn-box{width:46%;float:right;} .addCardHeader{margin-top:15px !important;} #cancelOrderBttn{width:100%; margin-top:15px;} /*Purchase Form*/ #ticket-finder-form{padding-top:15px; background-image: none !important;} #ticket-finder-form p {width:100%;} .product-select-table {width:100%; border-collapse:collapse; text-align:left;} .product-select-table th {padding: 4px 0px; text-align:left; font-weight:normal} .product-select-table tr{display: block;float: left;width: 100%;} .product-select-table td {padding: 4px 0px;position:relative !important;width: 100%;float:left !important;} .product-select-table select {font-size:14px; font-weight:normal; color:#002E3C; padding:10px; margin:0px; border:0; background-color:#EBF0F3; width:100% !important; text-align:center;} .product-select-table select option {padding:5px 7px 3px 5px;} .product-select-table.with-th th {width:30%} .product-select-table.with-th td {width:70%; font-weight:bold} .radio-list-static span {font-size: 14px; } .radio-list-static li {position: relative; float:left; padding:0px 20px 0px 0px;} .radio-list-static li input {position: static;} .radio-list-static li label {padding-left:5px;} /*.schedule-select-table {width:100%; border-collapse:collapse; text-align:left;} .schedule-select-table th {padding: 8px 0px; text-align:center; font-weight:normal; text-transform:uppercase; background-color:#53B848; color:white} .schedule-select-table th:first-child {-moz-border-radius:10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px; border-radius:10px 0px 0px 10px;} .schedule-select-table th:last-child {-moz-border-radius:0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px; border-radius:0px 10px 10px 0px;} .schedule-select-table th span {display:block; border-right:2px solid white} .schedule-select-table td {padding: 8px 0px; text-align:center; background-color:#EBF0F3; border-top:4px solid white; border-bottom:4px solid white} .schedule-select-table td:first-child {-moz-border-radius:10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px; border-radius:10px 0px 0px 10px;} .schedule-select-table td:last-child {-moz-border-radius:0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px; border-radius:0px 10px 10px 0px; text-align:right; padding-right:10px} .schedule-select-table td span {display:block; border-right:2px solid #A1ACAF}*/ .schedule-select-table {width:100%; border-collapse:collapse; text-align:left;} .schedule-select-table th {padding: 8px 0px; text-align:center; font-weight:normal; text-transform:uppercase; background-color:#53B848; color:white} .schedule-select-table th:first-child {-moz-border-radius:10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px; border-radius:10px 0px 0px 10px;} .schedule-select-table th:last-child {-moz-border-radius:0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px; border-radius:0px 10px 10px 0px;} .schedule-select-table th span {display:block; border-right:2px solid white} .schedule-select-table tr {border-top: 4px solid white; border-bottom: 4px solid white; } .schedule-select-table td {padding: 8px 0px; text-align:center; background-color:#EBF0F3; width: 36%;} .schedule-select-table td:first-child {-moz-border-radius:10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px; border-radius:10px 0px 0px 10px;} .schedule-select-table td:last-child {-moz-border-radius:0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px; border-radius:0px 10px 10px 0px; text-align:right; padding-right:10px} .schedule-select-table td:nth-child(3) div {padding-left:13px;} .schedule-select-table td span {display:block; border-right:2px solid #A1ACAF} .schedule-select-table-note-top {border-bottom: none !important;} .schedule-select-table-note-top td {padding: 8px 0 0 0;} .schedule-select-table-note-top td:first-child {-moz-border-radius:10px 0px 0px 0px !important;-webkit-border-radius: 10px 0px 0px 0px !important; border-radius:10px 0px 0px 0px !important;} .schedule-select-table-note-top td:last-child {-moz-border-radius:0px 10px 0px 0px !important;-webkit-border-radius: 0px 10px 0px 0px !important; border-radius: 0px 10px 0px 0px !important;} .schedule-select-table-note {border-top: none !important;} .schedule-select-table-note td {position: relative; padding: 0 0 5px 0; -moz-border-radius:0px 0px 10px 10px !important;-webkit-border-radius: 0px 0px 10px 10px !important; border-radius:0px 0px 10px 10px !important;} .schedule-select-table-note td img {width: 15px; margin: 0 10px 2px 10px} .schedule-select-table-note td span {display: none; position: absolute; left: 31px; bottom: 5px; background-color: #EBF0F3; border-right: none;} .product-listing-table {width:100%; border-collapse:collapse; text-align:left; margin-bottom:10px;display: block;} .product-listing-table tbody{width:100%;display:block;float:left;} .product-listing-table tr {border-bottom:1px solid #C4C9D1;width:100%;display:block;float:left;position: relative;} .product-listing-table tr:first-child {border-bottom:1px solid #158241} .product-listing-table th {color:#158241; padding:10px; vertical-align:bottom; font-weight:normal; font-size:18px} .product-listing-table th:first-child {font-size:24px;} .product-listing-table td {padding:5px 10px; margin-bottom:0px;} .product-listing-table td.totals {color:#158241; text-align:right; font-size:larger} .product-listing-table th{display:none;} .product-listing-table th:first-child{width:100% !important;display:block;} .product-listing-table td{width:100%;float:left;text-align: left !important;} .product-listing-table#dgCardList th, .product-listing-table#dgList th{display:none;} .product-listing-table#dgCardList th:first-child, .product-listing-table#dgList th:first-child{width:100% !important;display:block;} .product-listing-table#dgCardList td, .product-listing-table#dgList td{width:100%;float:left;} /*Purchase Form - UI Chages*/ .ui-selectmenu-button{font-size:12px !important; font-weight:normal !important; color:#002E3C !important; padding:6px 2% 5px 2% !important;width:100% !important; margin:0px !important; background:none !important;background-color:#EBF0F3 !important; border:1px #53B848 solid !important;-moz-border-radius:4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;height: 40px !important;} .ui-selectmenu-button span.ui-selectmenu-text{text-align:center !important;padding:5px 40px !important;line-height:none !important;color: #158241 !important;} .ui-selectmenu-menu .ui-menu{border: 1px #53B848 solid !important;-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius:4px !important;text-align: center !important;margin-top: 5px !important;max-height: 300px;overflow-y: scroll;} .ui-selectmenu-menu .ui-menu-item{font-size:12px !important;height: 40px !important;padding: 10px 5px !important;} .ui-selectmenu-menu .ui-state-focus{color: #fff !important;background-image:none !important;background-color: #53B848 !important;} .ui-spinner {width:100% !important;border:0 !important;background:none !important; border:0 !important;} .product-select-table .input-description{position: absolute;z-index: 1;left: 10px;top: 16px;font-size: 12px;} .ui-selectmenu-open{max-height:150px !important;} /*Icons*/ /*.icon-tel {width:36px; height:36px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -25px -314px;}*/ a.top-menu-btn {display: inline-block;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;position: relative;} .top-menu-btn{height: 32px;width: 32px;} .icon-menu{width:32px; height:32px; position: absolute;top: 0;left: 0; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -100px -360px;background-size:187px 550px;} .icon-menu.in{width:32px; height:32px; position: absolute;top: 0;left: 0; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -145px -360px;background-size:187px 550px;} .icon-account-home{width:32px; height:32px; position: absolute;top: 0;left: 0; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -58px -360px;background-size:187px 550px;} .icon-select-tickets{width:32px; height:32px; position: absolute;top: 0;left: 0; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -13px -360px;background-size:187px 550px;} .tel-link{height: 30px;display: inline;} .icon-text{margin-top: 0px;} .icon-text a{display: block;width: 25px;height: 25px;margin: 0 !important;float: left;} .icon-tel {width:18px; height:18px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -12px -157px;background-size:187px 550px; margin-right: 10px;margin-bottom: 4px;display: inline-block;position: relative;top: 10px;} .icon-fb {width: 18px; height:18px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -108px -9px;background-size:187px 550px;margin-left: 10px;margin-bottom: 4px;display: inline-block;position: relative;top: 10px;} .icon-twitter {width: 18px; height:18px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -133px -9px;background-size:187px 550px;margin-left: 10px;margin-bottom: 4px;display: inline-block;position: relative;top: 10px;} .icon-facebook {width: 18px; height:18px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -133px -9px;background-size:187px 550px;margin-left: 10px;margin-bottom: 4px;display: inline-block;position: relative;top: 10px;} .icon-instagram {width: 18px; height:18px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -12px -192px;background-size:187px 550px;margin-left: 10px;margin-bottom: 4px;display: inline-block;position: relative;top: 10px;} .icon-ticket{ display: block;width: 22px;height: 22px;position:absolute;top:0;left:0;background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -67px -416px;background-size:187px 550px;} .icon-fb-sml {width:20px; height:20px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -308px -90px;} .icon-twitter-sml {width:20px; height:20px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -334px -90px;} .icon-delete {width:20px; height:20px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -177px -565px;} .icon-circle-grey {width:24px; height:24px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -157px -522px;background-position: -72px -256px;background-size:187px 550px;} .icon-circle-green {width:24px; height:24px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -193px -522px;background-position: -90px -256px;background-size:187px 550px;} .icon-custom-arrow-down{width:18px !important; height:18px !important; background-image: url('../images/spriteIcons.png') !important; background-repeat:no-repeat;background-size:187px 550px; background-position: -120px -215px !important;} .icon-input {position:absolute;right:10px;top:16px;} .icon-wifi{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -12px -75px;background-size:187px 550px;} .icon-lav{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -82px -75px;background-size:187px 550px;} .icon-dvd{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -152px -75px;background-size:187px 550px;} .icon-outlet{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -47px -75px;background-size:187px 550px;} .icon-chair{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -117px -75px;background-size:187px 550px;} .icon-climate{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -12px -115px;background-size:187px 550px;} .icon-seat{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -82px -115px;background-size:187px 550px;} .icon-rests{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -152px -115px;background-size:187px 550px;} .icon-lights{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -47px -115px;background-size:187px 550px;} .icon-bays{width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -117px -115px;background-size:187px 550px;} .icon-dollar{width:26px; height:26px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -10px -36px;background-size:187px 550px;} .icon-star{width:26px; height:26px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -44px -36px;background-size:187px 550px;} .icon-phones{width:26px; height:26px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -78px -36px;background-size:187px 550px;} .icon-equals{width:10px; height:10px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -114px -44px;background-size:187px 550px;} .icon-arrow{width:8px; height:12px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -139px -43px;background-size:187px 550px;} .icon-arrow-big{width:20px; height:14px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -94px -322px;background-size:187px 550px;position: absolute;right: 10px;top: 12px;} .icon-user-green{width:14px; height:20px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -99px -415px;background-size:187px 550px;position: absolute;right: 14px;top: 10px;} .icon-ticket-green{width:22px; height:20px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -127px -415px;background-size:187px 550px;position: absolute;right: 10px;top: 10px;} .icon-social-distancing { width: 22px; height: 22px; background: url('../images/spriteIcons.png'); background-repeat: no-repeat; background-position: -137px -501px; background-size: 187px 550px; } .facilities ul{width: 50%;float: left;text-align: center;} .facilities ul li{} /*Locations*/ .map-section {margin:15px 0px; width:100%} .location-inner-content{overflow:hidden;} .location-info-left {width:100%; float:left; overflow:hidden;} .location-info-left h2 {width:100%; border-bottom:1px solid #158241; padding-bottom:5px;} .location-info-left p {line-height:18px;} .location-icon-list {float:left; width:65%; margin-top:20px;} .location-icon-list p {float:left; margin:0 10px 0px 5px; display:block} .location-icon-list img {display:block; float:left;} .location-info-left .location-icon-list-right{float:right; margin-top:20px; display:block;} .location-info-left .location-icon-list-right img{float:right; padding-right:6px;} .location-info-left .location-icon-list-right img:first-child{float:right; padding-right:0px;} .location-view{display:none; border-top:2px solid #158241; padding-top:15px; } .location-view img{width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .icon-disabled,.icon-parking,.icon-toilets,.icon-plane,.icon-view,.icon-view-active{width:16px; height:16px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat;background-size:187px 550px;} .icon-disabled{ background-position: -11px -9px;} .icon-parking{background-position: -35px -9px;} .icon-toilets{background-position: -60px -9px;} .icon-plane{background-position: -84px -9px;} .icon-view{ background-position: -72px -480px;} .icon-view:hover{ background-position: -98px -480px;} .icon-view-active{ background-position: -98px -480px;} .location-info-right {width:100%; float:left;margin-top:15px; overflow:hidden;background-color:#EBF0F3; min-height:200px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; border-radius:10px 10px 10px 10px;} /*Rewards*/ .rewards-3section {overflow:hidden; padding:15px 10px; margin:10px 0px; } .rewards-3section .rewards-box{background-color:#fff; overflow:hidden; width:100%; float:left; text-align:center; padding:15px 0px; min-height:115px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .rewards-3section .rewards-box p.header{text-transform:uppercase; color:#158241; text-align:center; font-size:13px;margin-top: 10px; margin-bottom:10px; padding:0px 10px;} .rewards-3section .rewards-box p {text-align:center; font-size:13px; line-height:14px; margin-bottom:0px; padding:0px 10px;} .rewards-3section .rewards-box img {padding-bottom:5px;} .rewards-3section .divider{text-align:center;} #expireHeader { text-align: left; margin-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #C4C9D1; padding-bottom: 10px; color: #158241; cursor: pointer; position: relative; } .arrowUp { border: solid #158241; border-width: 0 4px 4px 0; display: inline-block; padding: 4px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); position: absolute; right: 10px; top: 8px; } .arrowDown { border: solid #158241; border-width: 0 4px 4px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 10px; top: 2px; } .expiryPointList { display: block; border-bottom: 1px solid #C4C9D1; padding-bottom: 10px; } /*Date Picker Styling*/ .product-select-table input.datePicker { border-radius: 4px; height: 40px; width: 100%; } #ui-datepicker-div{border: 1px #53B848 solid !important;-moz-border-radius: 4px !important;-webkit-border-radius:4px !important;border-radius: 4px !important;margin-top: 5px !important;font-family: 'ProximaNovaA-Light', Helvetica, sans-serif !important;} #ui-datepicker-div .ui-datepicker-header{background-image:none !important;background-color:#EBF0F3 !important;-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius: 4px !important;} #ui-datepicker-div .ui-datepicker-header a:hover{background:none !important; border:0 !important;} #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span.ui-icon{width:18px; height:18px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat;background-size:187px 550px; background-position: -120px -215px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(-90deg); } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span.ui-icon{width:18px; height:18px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-size:187px 550px; background-position: -120px -215px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=9); transform: rotate(90deg); } #ui-datepicker-div .ui-datepicker-title{color:#53B848 !important;} #ui-datepicker-div{width:276px;} /*Custom Checkboxes and Radio*/ .product-select-table .radio-list-static input[type="radio"]{display: none;} .product-select-table .radio-list-static input[type="radio"]:disabled{cursor:initial;} .product-select-table .radio-list-static input[type="radio"]:checked + label {background-color:#53B848;-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;color: #fff;} .product-select-table .radio-list-static input[type="radio"] + label {cursor:pointer;float: left;padding: 6px 0;width: 98%;text-transform: uppercase;height: 30px;border: 1px #53B848 solid;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} .product-select-table .custom-checkbox input[type="checkbox"]{display: none;} .product-select-table .custom-checkbox input[type="checkbox"]:disabled{cursor:initial;} .product-select-table .custom-checkbox input[type="checkbox"] + label{cursor:pointer;font-size:14px;width: 100%;padding-top: 4px;text-align: center;font-weight: normal;} .product-select-table .custom-checkbox input[type="checkbox"] + label::before{content:"";float:left; width:15px;height:15px;margin-top: 2px;cursor:pointer;display:inline-block;border: 1px #53B848 solid !important;-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius: 4px !important;} .product-select-table .custom-checkbox input[type="checkbox"]:checked + label::before{content:""; float:left;margin-top: 2px;background-color:#53B848; color:#53B848;font-size:20px; width:15px;height:15px;cursor:pointer;display:inline-block;border: 1px #53B848 solid !important;-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius: 4px !important;} .product-select-table .radio-list-static li{ width: 50%;padding: 0;margin: 0;margin-top: -2px;} .product-select-table .custom-spinner{border: 1px #53B848 solid !important;height: 40px !important;width:100% !important; -moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius: 4px !important;margin-top: 5px !important;font-size:12px !important; font-weight:normal !important; color:#158241 !important; background-color: #EBF0F3 !important; margin:0px !important;text-align: left;padding-left: 36%;} .product-select-table .custom-checkbox {margin-top: 5px;display: block;text-align: right;font-size:12px; font-weight:normal; color:#002E3C; padding:6px 2% 5px 2%;width:100%; margin:0px; background:none;background-color:#EBF0F3; border:1px #53B848 solid;-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;height: 40px;margin-top:7px;} #fld_isReturn_1 + label{float:right;} .custom-spinner-box-hor #fld_qtySuffix{position: absolute;z-index: 1;left: 45%;top: 14px;font-size:14px;} .custom-spinner-box-hor #fld_qtyWheelchairSuffix{position: absolute;z-index: 1;left: 45%;top: 14px;font-size:14px;} .custom-spinner-box-hor .ui-spinner-button{width:40px !important; height:40px !important;border:0 !important;background:none !important; cursor:pointer;} .custom-spinner-box-hor .ui-spinner-button .ui-icon{width: 34px !important;height: 34px !important;background-image: url(../images/spriteIcons.png) !important;background-repeat: no-repeat;background-position: 91.471% 44.382% !important;border-style: none!important;left: auto!important;top: 10px!important;right: 1px!important;background-size: initial!important;} .custom-spinner-box-hor .ui-spinner-button .ui-button-text{display:none !important;} .custom-spinner-box-hor .ui-spinner-button span{} .custom-spinner-box-hor .ui-spinner-button.ui-spinner-down{position:absolute; top:0; left:0;} .custom-spinner-box-hor .ui-spinner-button.ui-spinner-down .ui-icon{left:1px!important;right:initial!important; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=9); transform: rotate(90deg); } .custom-spinner-box-hor .ui-spinner-button.ui-spinner-up{position:absolute; top:0; right:0;} .custom-spinner-box-hor .ui-spinner-button.ui-spinner-up .ui-icon{left:initial;right:7px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(-90deg); } #fld_isReturn{ width: 100%;float: left;height: 40px;border: 1px #53B848 solid;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 6px 5px;} /*Submit button disable - error */ #submitBttn.not-active + span.tooltip-cover-btn{position: absolute;top: 0px;display: block;width: 100%;height: 42px;} #submitBttn.not-active{opacity: 0.5;} .ui-tooltip.custom-tooltip-error{color: #ff0000;text-align: center;font-size: 12px; border: 1px #53B848 solid;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;width: 280px;padding: 7px 0;} /*Authorize button disable - error */ #authorizeBttn.not-active + span.tooltip-cover-btn{position: absolute;top: 0;display: block;width: 100%;height: 30px;} #authorizeBttn.not-active{opacity: 0.5;} .ui-tooltip.custom-tooltip-error{color: #ff0000;text-align: center;font-size: 12px; border: 1px #53B848 solid;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;width: 280px;padding: 7px 0;} .jqLoading center{position:relative;} /*Boxes*/ .info-box-left{padding-right:7px;} .info-box-right{padding-left:7px;} .info-box-content {position:relative; padding:15px; color:#FFF; background-color:#002E3C; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;height:170px;} .info-box-content h4 {margin-bottom:5px;font-size:15px;} .info-box-content h5 {color:#FFF; font-size:20px; text-transform:none; text-align:center; font-weight:bold; margin-bottom:2px} .info-box-content p {font-weight:bold; font-size:12px; line-height:15px; margin-bottom:15px} .bttn-link {text-align:center; margin-top:30px;} .info-box-content img {width:100%} .info-box-content .bottom {position:absolute; bottom: 15px; left:0px; right:30px;width: 100%;} .info-box-reviews p a{max-height: 45px;overflow: hidden;display: block;color: #fff;} .info-box-reviews > img, .info-box-reviews > img + p{display:none;} .info-box-reviews .bottom p:first-child{margin-bottom:2px;color:#83C449;} .info-box-reviews .bottom {left:15px; right:15px;width: inherit;} /*Forms*/ .form-entry-wrapper{width:100%;float:left;} .form-entry-wrapper tbody{float: left;width: 100%;} .form-entry-wrapper tbody tr, .form-entry-wrapper tbody tr th, .form-entry-wrapper tbody td{display:inline-block; float: left;width: 100% !important;} .form-entry-wrapper tbody tr td{ margin-bottom: 10px;} .form-entry-table th {color:#158241} .form-entry-table th.header {font-size:24px;color:#158241;} .form-entry-table td {background-color:#FFF} .form-entry-table span {color:#FF0000} .form-entry-table input {width:100%; text-align:center; color: #158241;height: 40px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-size:16px;} .form-entry-table select {width:100%} #AddressForm .form-entry-table .ui-selectmenu-button, #cfCategory-button{width:100% !important;} #AddressForm .form-entry-table .myCheckbox{width: 100%;display: inline-block;text-align:center;} .myCheckbox input{width:40px !important;} .form-buttons { width:100%;} #formControl{float:left;} /*Date Rotator*/ ul.date-rotator {width:100%; padding:0px; margin:0px} ul.date-rotator li {float:left; width:22.6%; text-align:center; font-size:12px} ul.date-rotator li div {height:60px; display:block; background-color:#EBF0F3; padding:0px; margin:0px} ul.date-rotator li div a {padding-top:15px} ul.date-rotator li div.active-date {height:50px; border:3px solid #53B848; border-bottom: none; padding-top:15px 0px 0px} ul.date-rotator li img.date-active-base {display:none; vertical-align:top; width:100%; height:10px; border:0px; margin:0px; padding:0px} ul.date-rotator li:first-child {width:16%; height:60px; background-color:#FFF; border:1px solid #EBF0F3; -moz-border-radius:10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px; border-radius:10px 0px 0px 10px;} ul.date-rotator li:first-child img {width:12px; height:22px; margin:19px 0px 0px 0px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -158px -649px;} ul.date-rotator li:last-child {width:16%; height:60px; background-color:#FFF; border:1px solid #EBF0F3; -moz-border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px; border-radius:0px 10px 10px 0px;} ul.date-rotator li:last-child img {width:12px; height:22px; margin:19px 0px 0px 0px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat; background-position: -202px -649px;} ul.date-rotator li a {display:block} ul.date-rotator li div:first-child a:link, ul.date-rotator li div:first-child a:visited {color:#158241} ul.date-rotator li div:first-child a:hover {color:#53B848} ul.date-rotator li div:first-child.active-date a:hover {color:#FFF} ul.date-rotator li.hide-mobile{display:none;} @media (max-width:800px) {ul.date-rotator li {font-size:11px}} table.trans-steps {width:100%; padding: 0px; margin: 0px;} table.trans-steps tr td { text-align: center; } table.trans-steps-text tr{display:inline-block;} table.trans-steps-text tr td { width: 100%;display: inline-block;float: left; display:none;} table.trans-steps-text tr td.active-circle{display:initial;} /*CIRCLES*/ table.trans-steps tr td.circle { width: 30px; } table.trans-steps tr td:not(.circle) { border-bottom: solid 3px #53B848; } table.trans-steps tr td:not(.circle).active-circle { border-bottom: solid 3px #002E3C; } /*LINES*/ table.trans-steps tr:nth-child(1) td:not(.circle) { font-size: 11px; line-height: 11px; } table.trans-steps tr:nth-child(2) td { border: none; } table.trans-steps tr td.circle p { position: absolute; } table.trans-steps tr td.circle:not(:nth-child(1)) p { text-align: center; margin-left: -20px; } table.trans-steps-text {width:100%; padding: 0px; margin: 0px;} table.trans-steps-text tr td:first-child { text-align: left; width:100%;} table.trans-steps-text tr td.active-circle {color:#002E3C; } table.trans-steps-text td a:link {color:#002E3C} table.trans-steps-text td a:visited {color:#002E3C} table.trans-steps-text td a:hover {color:#53B848} /*Select Tickets Rotator*/ .inbound-box{position:relative;width:100%;float:left;} .outbound-box{position:relative;width:100%;float:left;} .schedule-cover{width: 100%;height: 100%;position: absolute;background-color: rgba(256,256,256, 0.6);z-index: 20;top:0;left:0;} .date-rotator .date-inactive, .date-rotator .btn-inactive, .date-rotator .active-date{pointer-events: none;cursor: default;} .date-rotator .btn-inactive img{display:none;} .date-rotator .date-inactive a:link{color:#A1ACAF !important;} /*Selected Items*/ table.selected-tickets-table #selected-items-headers th{display:none;} table.selected-tickets-table #selected-items-headers th#route-header{display:inline-block;} table.selected-tickets-table #date-header, table.selected-tickets-table #time-header, table.selected-tickets-table #qty-header, table.selected-tickets-table #price-header, table.selected-tickets-table #total-header{width:60px;} table.selected-tickets-table #qty-header, table.selected-tickets-table #price-header, table.selected-tickets-table #total-header{text-align:center;} table.selected-tickets-table #last-header{width:20px;} table.selected-tickets-table td{padding:5px 1%;display:inline-block;float:left;} table.selected-tickets-table td.item-route-header{margin-bottom: 10px;padding-right: 30px;width: 100%;} table.selected-tickets-table td.item-date-header{} table.selected-tickets-table td.item-qty-header{width: 65px;} table.selected-tickets-table.order-summary td.item-qty-header{margin-top: 0;} table.selected-tickets-table td.item-qty-header span.ui-selectmenu-text{text-align: left !important;padding: 5px 15px !important;} table.selected-tickets-table td.item-price-header{display:none;} table.selected-tickets-table td.item-total-header{float:right;margin-bottom: 20px;} table.selected-tickets-table td.item-last-header{position:absolute;top:0;right:0;text-align: right !important;} #orderItemsDisplay .checkout-btn-box{float: left;width: 100%;margin-top: 15px;position:relative;} .done-btn{width:100%} input#fld_loginRemember, .marketing-option-chk input{height:40px;width:40px;} #loginBttn{width:100% !important;} .marketing-option-chk{width:100% !important;} #prevPageBttn{margin-bottom:15px;} /* Contact */ .contact-times-table {width:100%;} .contact-times-table th {color:#158241; width:30%;} .contact-times-table th.header {font-size:24px;color:#158241;} .contact-times-table td {background-color:#FFF} .contact-times-table span {color:#FF0000} .contact-times-table input {width:100%; text-align:center;line-height: none;color: #158241;height: 40px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-size:16px;} .contact-times-table select {width:100%} /*FAQ*/ .faq-col{width:100%;float:left; } .faq-col .faq-box-1, .faq-col .faq-box-2{margin-right:10px; padding-top:20px; padding-bottom:20px;} .faq-col .faq-box-3, .faq-col .faq-box-4, .faq-col .faq-box-5{margin-left:10px; padding-top:20px; padding-bottom:20px;} .faq-icon-cat1, .faq-icon-cat2, .faq-icon-cat3, .faq-icon-cat4, .faq-icon-cat5{float:left; padding-right:15px; width:22px; height:22px; background-image: url('../images/spriteIcons.png'); background-repeat:no-repeat;background-size:187px 550px;margin-top: 10px;margin-right: 10px;} .faq-icon-cat1{background-position: -11px -440px;} .faq-icon-cat2{background-position: -153px -440px;} .faq-icon-cat3{background-position: -82px -440px;} .faq-icon-cat4{background-position: -46px -440px;} .faq-icon-cat5{background-position: -118px -440px;} .faq-question{ margin-bottom:3px; font-size: 22px;line-height: 22px;font-weight: normal;} .faq-sub-title{line-height:18px;} .ui-state-default{ border:none !important;} .ui-accordion-header{color: #158241 !important; background:none !important; border-top: 1px solid #158241 !important; border-radius:0px !important; font-size:14px !important; outline:none !important;} .ui-accordion-content{color:#002E3C !important; overflow:hidden !important; border:none !important; padding:5px 10px 17px 0px !important; font-size:12px !important;} .ui-accordion .ui-accordion-icons{padding-left:0px !important; padding-right: 2.2em !important;} .ui-accordion .ui-accordion-header .ui-accordion-header-icon{right: 0px !important; left:initial !important;} .ui-icon-triangle-1-s {width:10px !important; height:10px !important; background-image: url('../images/spriteIcons.png') !important; background-repeat:no-repeat !important; background-position: -37px -394px !important;background-size:187px 550px !important; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=18); transform: rotate(180deg); } .ui-icon-triangle-1-e {width:10px !important; height:10px !important; background-image: url('../images/spriteIcons.png') !important; background-repeat:no-repeat !important; background-position: -37px -394px !important;background-size:187px 550px !important;} .search-results{padding:15px 10px;margin-top:15px; margin-right: 3%;margin-left: 3%;width: 94%; background-color:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;float:left;} .search-results td{width: 100% !important;float: left;display: inline-block;padding-left: 0 !important;} .search-faqs-input{margin-bottom:15px;} /*Forgot password*/ .greyCover div, .greyCoverFinish div {left: 0 !important;width:100% !important;height:auto !important;} #forgotPasswordPanel tbody, #forgotPasswordPanel tr, #forgotPasswordPanel th{width:100%;display:inline-block; float:left;} #forgotPasswordPanel td{width:100%;display:inline-block; float:left;margin:15px 0;padding: 0;} #forgotPasswordPanel td{width: 100%;float: left;display: inline-block;margin-bottom: 15px;} /*Coupon*/ .offerCode{width:100%;} .offerCode h2{width: 100%;} .offerCode input {width:100% !important;margin-bottom:10px;} #OfferCodeSubmit {width:100% !important;margin-left:0 !important;margin-bottom:10px;} /*Credit card*/ #fld_expMonth, #fld_expYear, #fld_cv2{width:50px !important;} /*Cancel Booking*/ #cancelOrderPanel{float: left;padding: 0 10px;} #cancelOrderPanel h2{margin-top:15px;} #cancelYesBttn{width:45%; float:left;} #cancelNoBttn{width:45%; float:right;} /*Survey*/ #MessageForm ul li{position:relative; float: left;width: 100%;margin-bottom: 5px;} #MessageForm ul li span input[type="radio"]{float: left;width: 40px;margin-left: 30%;text-align: left;} #MessageForm ul li span input[type="radio"] + label {position: absolute;left: 0;top: 15px;width:30%;} /*Footer*/ footer{margin-top:15px;float:left;width: 100%;} footer .footer-wrapper{color:#A1ACAF;} footer p{font-size:14px;margin-top: 10px;} footer a, footer a:link, footer a:visited{color:#A1ACAF;font-size:14px;margin:10px 0;} footer b{color:#83C449;} footer .footer-partner-img{width:78px;height:19px;} footer .footer-content-mobile { margin-bottom: 2rem; } footer .be-ix-link-block { padding-left: 15px; padding-right: 15px; } .carousel-control {opacity:100; text-shadow:none;} .carousel-control.right{background-image:none;} .carousel-control.left{background-image:none;} .glyphicon-chevron-right{ width:17px !important; height:17px !important; background-image: url('../images/spriteIcons.png') !important; background-repeat:no-repeat !important; background-position: -120px -215px !important;background-size:187px 550px !important;} .glyphicon-chevron-right:before {content:"" !important;} .glyphicon-chevron-left{ width:17px !important; height:17px !important; background-image: url('../images/spriteIcons.png') !important; background-repeat:no-repeat !important; background-position: -120px -215px !important;background-size:187px 550px !important; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=18); transform: rotate(180deg); } .glyphicon-chevron-left:before {content:"" !important;} /*Different name*/ #traveller-name-table tr.checkbox-header th{width:40px;} #traveller-name-table tr.checkbox-header p {font-size:20px;} #traveller-name-table input[type="checkbox"]{width:40px;} /*Homepage routes graphics accordion*/ .mobileAccordian { max-width:925px; width:100%; padding:0px 15px;} .mobileAccordian > div { border-radius:10px; width:100%; overflow-y:hidden; height:30px; margin-bottom:7px; background-color:#DCE7EE;} .mobileAccordian > div > h2 { margin:0px; padding:5px 10px 10px 20px; font-size:15px; line-height:22px; display:block; cursor:pointer; position:relative; color: #002f3b; font-weight:bold; } .mobileAccordian > div > h2 > div { position:absolute; right:10px; top:6px; width:20px; height:20px; background-image:url('images/spriteIcons01.png'); background-repeat:no-repeat; background-position:-143px -439px; } .locations-page .ui-accordion-header{ border-top: none !important; font-size:17px !important; } .locations-page .ui-accordion .ui-accordion-header{ padding: .0em .5em .0em 2.2em } .locations-page .faq-box { margin-top: 5px; padding-top:9px; padding-bottom:9px;} .locations-page .ui-accordion-content { padding-bottom: 0px !important } .locations-page h6 {line-height:23px;font-weight:bold;margin-bottom:10px;margin-top:10px;padding: 5px 15px 0px 15px;display: inline-block;} .locations-page h6:first-of-type {margin-top:0px; } h6.ticket-form-header{padding: 5px 15px 0px 15px;display: block;} #ticket-result-form.select-ticket {margin-top:10px; margin-bottom:19px; width:inherit;} #ticket-finder-form.select-ticket *, #ticket-result-form.select-ticket *{box-sizing:border-box; -webkit-box-sizing:border-box;} /*DESCRIPTIONS*/ .overscreen { display: none; position: fixed; top: 0; left: 0; justify-content: center; width: 100%; height: auto; padding: 8rem 0; background: rgba(0,46,60,.35); z-index: 999; } .overscreen.active { display: flex; } .overscreen .cross-mobile { display: block; position: absolute; top: 60px; right: 12px; width: 20px; height: 20px; background: #fcfcfc; box-sizing: border-box; border-radius: 50%; } .overscreen .cross-mobile span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width:11px; height: 1px; margin: auto; background: #002E3C; } .overscreen .cross-mobile span:first-of-type { transform: rotate(45deg); } .overscreen .cross-mobile span:last-of-type { transform: rotate(-45deg); } .overscreen .scrollable-content { width: 80%; height: calc(100vh - 16rem); overflow-y: scroll; } .overscreen__window { display: block; position: relative; } .overscreen__window .cross { display: none; } .overscreen__window table.desktop { display: none; } .overscreen__window table.mobile { width: 100%; text-align: center; } .overscreen__window table.mobile tr th { width: 100%; padding: 1px 0; } .overscreen__window table.mobile tr td:first-of-type { width: 80%; padding: 1px 1px; } .overscreen__window table.mobile tr td:last-of-type { position: relative; width: 20%; padding: 1px 1px; } .overscreen__window table.mobile tr td:first-of-type span { text-align:left; } .overscreen__window table.mobile tr th span { display: block; margin: 0; padding: 8px; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; } .overscreen__window table.mobile tr th.standard span { background: #53B848; } .overscreen__window table.mobile tr th.refundable span { background: #076d3a; } .overscreen__window table.mobile tr td span { display: block; padding: 4px 8px; background: #fff; border-radius: 5px; font-size: 12px; } .overscreen__window table.mobile tr td:last-of-type span { display: flex; align-items: center; justify-content: center; position: absolute; top: 1px; left: 1px; width: calc(100% - 1px); height: calc(100% - 2px); background: #fff; border-radius: 5px; font-size: 12px; } .overscreen__window table.mobile tr td:first-of-type span .question-mark {display:inline-block; cursor:pointer; margin-left:10px; padding: 0px 5px; height:18px; border:1px solid green; border-radius:50%; color:green; font-size:12px; line-height:16px;} /*DROPDOWNS*/ .select2{text-align:center;outline:none;} .select2-results{text-align:left;outline:none; font-size: 14px;color: #158241 !important;} .select2-results li{padding-left:15px;} .select2-container--default .select2-results__option--highlighted[aria-selected="true"] {background: #85C549!important;color: #002E3C!important;} .select2-container--default .select2-results__option--highlighted[aria-selected="false"] {background: #FFF!important;color:#158241 !important} .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {background: #85C549!important;color: #002E3C!important;} .select2-selection, .select2-search input{outline:none;padding-left: 30px;border-color:#85C549!important;background-color: #EDEEEE!important} .select2-dropdown{border-color:#85C549!important;} .select2-selection span{font-size: 14px;color: #158241 !important;} .select2-container--default .select2-selection--single .select2-selection__arrow b{width: 34px !important;height: 34px !important;background-image: url(../images/spriteIcons.png) !important;background-repeat: no-repeat;background-position: 91.471% 44.382% !important;border-style: none!important;left: auto!important;top: 4px!important;right: 1px!important;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{width: 34px !important;height: 34px !important;background-image: url(../images/spriteIcons.png) !important;background-repeat: no-repeat;background-position: 91.471% 44.382% !important;border-style: none!important;left: auto!important;top: 4px!important;right: 1px!important;-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .select2-container--default .select2-selection--single .select2-selection__clear {margin-right: 6px;font-size: 32px;} .select2-container--disabled > span > span{ cursor: not-allowed!important;} .select2-container--disabled > span > span{background-image: url(/images/ajax-loader.gif);background-repeat: no-repeat;background-size: 18px;background-position: 85% 4px;} .select2-container .select2-selection--single{height:40px!important;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px!important;font-weight:bold;font-size:14px!important;padding-right: 36px!important;} #ticket-finder-form .swap-button{position: absolute;right: -26px;top: 31px;cursor: pointer;z-index: 999;} /*#ticket-finder-form .swap-button > hr:first-of-type{margin: 0;transform: rotate(90deg);border: .08em solid #158241;position: relative;top: 8px;left: 0px;width: 12px;background-color: #158241;} #ticket-finder-form .swap-button > hr:last-of-type{margin: 0;transform: rotate(90deg);border: .08em solid #158241;position: relative;top: -17px;right: -9px;width: 12px;background-color: #158241;} #ticket-finder-form .swap-button > i:first-of-type{border: solid #158241;transform: rotate(-135deg);top: -6px;border-width: 0 2px 2px 0;padding: 3px;position: relative;right: -2px;} #ticket-finder-form .swap-button > i:last-of-type{border: solid #158241;transform: rotate(45deg);top: -25px;border-width: 0 2px 2px 0;padding: 3px;position: relative;right: -11px;}*/ /*FIELDS*/ #ticket-finder-form > div:first-child{padding-left:0} #ticket-finder-form > div:not(:first-child), #ticket-result-form > div, #basketDiv{padding:0;} #ticket-finder-form, #ticket-result-form{box-sizing:border-box; -webkit-box-sizing:border-box;} #ticket-finder-form .input-description{font-size: 14px;color: #497848 !important;position: absolute;top: 10px;left: 10px; z-index: 3;} #ticket-finder-form > div > div:nth-child(2), #ticket-finder-form > div > div:nth-child(3), #ticket-finder-form > div > div:nth-child(4), #ticket-finder-form > div > div:nth-child(5){margin: 0px 0px 10px 0px;} #ticket-finder-form > div > div, #ticket-result-form > div > div{padding-left:0; padding-right:0; margin: 0px 0px 10px 0px;} /*DATEPICKER*/ .bootstrap-datetimepicker-widget table td.day {height:40px;} .bootstrap-datetimepicker-widget table td.day img{width: 15px;} .lowerPrice{font-weight: bold!important;font-size: 12px!important;} .lightGreen{color:#86C655;} .mediumGreen{color:#002E3C;font-weight:normal!important} .darkGreen{color:#002E3C;font-weight:normal!important} .active .lowerPrice{color:white!important;} .bootstrap-datetimepicker-widget table td.day{height:52px;} #datePickerDepart, #datePickerArrive{border: 2px solid #CAE4BA;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .previousArrow{border-style: none!important;position: absolute;transform: rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);opacity: 1;width: 34px !important;height: 34px !important;background-image: url(../images/spriteIcons.png) !important;background-repeat: no-repeat;background-position: 91.471% 44.382% !important;border-style: none!important;top: 5px!important;left: 5px;} .disabled .previousArrow{opacity: 0.3;} .nextArrow{border-style: none!important;position: absolute;transform: rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);width: 34px !important;height: 34px !important;background-image: url(../images/spriteIcons.png) !important;background-repeat: no-repeat;background-position: 91.471% 44.382% !important;border-style: none!important;top: 5px!important;right: 5px;} .disabled .nextArrow{opacity: 0.3;} .datepicker thead:first-of-type > tr:first-child th{background-color: #EDEEEE!important;border-radius: 0;border-bottom: 2px solid #CAE4BA;color:#86C655;font-size:15px;} .datepicker thead:first-of-type tr:first-child th:first-child{border-top-left-radius: 0px;} .datepicker thead:first-of-type tr:first-child th:last-child{border-top-right-radius: 0px;} .datepicker thead:first-of-type > tr:last-child th{border-bottom: 2px solid #CAE4BA;} .datepicker .day{border:1px solid #EDEEEE;} .datepicker .day.disabled{opacity:.5;} .datepicker .day.active{background-color: #5ABB52} .datepicker thead:first-of-type > tr:first-child th {height:40px;} /*RADIO BUTTON*/ /*#ticket-finder-form input[type="radio"]{display:none;} #ticket-finder-form > div > div:nth-child(4) > div{text-align:center;border:1px solid #85C549!important;background-color: #EDEEEE!important;border-radius: 4px;color:#158241;padding:0px;z-index: 2;} #ticket-finder-form > div > div:nth-child(4) > div > div {padding:0;} #ticket-finder-form > div > div:nth-child(4) > div label{width:100%;margin:0;border-radius:4px;cursor:pointer;height: 32px;padding-top: 6px;} #ticket-finder-form > div > div:nth-child(4) > div .active{color:white; background-color:#86C655} */ #ticket-finder-form input[type="radio"]{display:none;} #ticket-finder-form .return-radio > div{text-align:center;border:1px solid #85C549!important;background-color: #EDEEEE!important;border-radius: 4px;color:#158241;padding:0px;z-index: 2;} #ticket-finder-form .return-radio > div > div {padding:0;} #ticket-finder-form .return-radio > div label{width:100%;margin:0;border-radius:4px;cursor:pointer;height: 32px;padding-top: 6px;} #ticket-finder-form .return-radio > div .active{color:white; background-color:#86C655} #ticket-finder-form .travelers-div > div:first-child {margin: 0px 0px 10px 0px;} /* for wheelchair custom radio button */ .lowerPrice {display:inline!important;width:auto!important; height:auto!important;line-height:normal!important;margin:0!important; border-radius:initial!important;} .lowerPrice:hover{background:none!important;} /*SPINNERS*/ .custom-spinner{margin: 0!important;text-align: center!important;padding-left: 38px!important;padding-right: 110px!important;height:38px!important; outline:none;font-size: 15px!important;width:100%;z-index:1;font-weight: bold;} #qtyWheelchair-box{display:none;} #qty-box, #qtyWheelchair-box{padding:0;} #qty-box > span:first-child, #qtyWheelchair-box > span:first-child{height: 40px;border:1px solid #85C549!important;background-color: #EDEEEE!important;border-radius: 4px;color:#158241;padding:0 3px;} #qty-box a, #qtyWheelchair-box a{top:0px;height: 38px!important;z-index: 10;} #qty-box a:first-of-type, #qtyWheelchair-box a:first-of-type{right:0px;} .custom-spinner-box-hor #fld_qtySuffix, .custom-spinner-box-hor #fld_qtyWheelchairSuffix {position: absolute;z-index: 1;top: 10px;font-size: 15px;left: 20px;width: 62px; color: #158241;text-align:left; z-index: 0;margin: auto;font-weight: bold;right: 0;} /*CHECKBOX*/ .custom-checkbox-box{text-align:center;height: 40px;line-height: 40px;cursor:pointer;border: 1px solid #85C549!important;background-color: #EDEEEE!important;border-radius: 4px;padding:2px!important;} .custom-checkbox-box > div{padding:0;} .custom-checkbox-box input{width: 2.01em;height: 2.08em;background-color: #EDEEEE;border-radius: 50%;vertical-align: middle;border: 1px solid #85C549;-webkit-appearance: none;outline: none;cursor: pointer;margin: 0;position: relative; top: -2px;display:none;} .custom-checkbox-box input:focus{outline:none;} .custom-checkbox-box input:checked::before{ content: '•';color: #85C549;font-size: 102px;line-height: 10px;position: absolute;right: -6px;} .custom-checkbox-box span{color:#158241;font-size:15px;font-weight:bold; position: absolute;left: 0;right: 0;bottom: 0;height: 34px;margin: auto;line-height: 34px;} .custom-checkbox-box > div{height:100%;} .custom-checkbox-box.active > div{background-color: #86C655!important;border-radius: 4px;} .custom-checkbox-box.active > div span{color: white!important;} /*RESULT*/ #ticket-result-form{position:relative; display:none;} #ticket-outbound {margin-bottom:20px;} #ticket-outbound > div:first-child > h2:first-child, #ticket-inbound > div:first-child > h2:first-child{position:absolute;top:0;left:0;right:0;text-align:center;} #ticket-outbound > div:first-child > h2:last-child, #ticket-inbound > div:first-child > h2:last-child{text-align:center;margin-top: 30px;} /*ROTATOR*/ #ticket-result-form ul.date-rotator li:first-child, #ticket-result-form ul.date-rotator li:last-child{width:11%} #ticket-result-form ul.date-rotator > li > a{height:100%;} #ticket-result-form ul.date-rotator > li > div{cursor:pointer;} #ticket-result-form ul.date-rotator > li > div > a{text-decoration:none;height: 100%;padding-top: 5px;} #ticket-result-form ul.date-rotator > li.active > div > a {padding-top:2px;} #ticket-result-form ul.date-rotator > li > div > a:focus{text-decoration:none;} #ticket-result-form ul.date-rotator > li > div > a:hover{text-decoration:none;} #ticket-result-form ul.date-rotator > li > div > a:active{text-decoration:none;} #ticket-result-form ul.date-rotator > li > div > a > b:first-of-type{font-size:21px;} #ticket-result-form ul.date-rotator > li.inactive > div > a > b:first-of-type{color:#A1ACAF !important} #ticket-result-form ul.date-rotator > li.inactive.outbound-prev-btn > a, #ticket-result-form ul.date-rotator > li.inactive.inbound-prev-btn > a{display:none;} #ticket-result-form ul.date-rotator > li:not(.inactive) > div > a > b:last-of-type{display:none;} #ticket-result-form ul.date-rotator > li.inactive{cursor:not-allowed} #ticket-result-form ul.date-rotator li div, #ticket-result-form ul.date-rotator li:first-child, #ticket-result-form ul.date-rotator li:last-child, #ticket-result-form ul.date-rotator li div.active-date{height:50px;} #ticket-result-form ul.date-rotator li:first-child img, #ticket-result-form ul.date-rotator li:last-child img{margin:14px 0 0;} #ticket-result-form ul.date-rotator li.day-hidden{display:none;width:0%;} #ticket-result-form ul.date-rotator li{width:24%;} #ticket-result-form ul.date-rotator li.active{width:30%;} #ticket-result-form ul.date-rotator li.active > div { background: #fff; } #ticket-result-form ul.date-rotator li.active > div a .triangle { position: relative; left: -3px; width: calc(100% + 6px); height: 0; padding:12% 0 0 54%; background: transparent; overflow: hidden; } #ticket-result-form ul.date-rotator li.active > div a .triangle:after { content: ""; display: block; width: 0; height: 0; margin: -42px 0 0 -275px; border-top: 40px solid #53B848; border-right: 275px solid transparent; border-left: 275px solid transparent; } #ticket-result-form ul.date-rotator li.active > div a .triangle--inner { position: absolute; bottom: 3px; left: 3px; width: calc(100% - 6px); height: 0; padding:17.1% 0 0 96%; background: transparent; overflow: hidden; } #ticket-result-form ul.date-rotator li.active > div a .triangle--inner:after { content: ""; display: block; width: 0; height: 0; margin: -42px 0 0 -274px; border-top: 40px solid #fff; border-right: 275px solid transparent; border-left: 275px solid transparent; } #ticket-outbound .date-rotator > li:not(.inactive) > div > a > b:last-of-type > img, #ticket-inbound .date-rotator > li:not(.inactive) > div > a > b:last-of-type > img{width:20px;} /*DESCRIPTIONS*/ .descriptions {margin:10px 0 15px !important;} .descriptions > div {padding:0;} .descriptions > div .description {margin:0; padding:10px 0; font-size:10px; text-align:center;} .descriptions > div:nth-of-type(1) {padding-right:2px;} .descriptions > div:nth-of-type(1) .border-wrapper {border:1px solid #ddd;} .descriptions > div:nth-of-type(1) .border-wrapper .description {display:inline-block; vertical-align:middle; width:48.7%;} .descriptions > div:nth-last-of-type(2) {background:#53B848; border-right:2px solid #fff;} .descriptions > div:last-of-type {background:#076d3a;} .descriptions > div:not(:first-of-type) .description {padding:11px 0; color:#fff;} .descriptions > div:not(:first-of-type) .description span {display:none;} /*DEPARTURES*/ .departures.Depart, .departures.Arrive{text-align:center;} .departures.Depart > div:not(.departuresLoader), .departures.Arrive > div:not(.departuresLoader) {background-color: #EBF0F3;margin-top:5px;cursor:pointer;} .departures.Depart > div:not(.departuresLoader):not(.soldOut):hover, .departures.Arrive > div:not(.departuresLoader):not(.soldOut):hover{background-color:#DCE9F0;} .departures.Depart > div > div, .departures.Arrive > div > div{height: 70px;} .departures.Depart > div > div:first-child, .departures.Arrive > div > div:first-child{padding:5px;} .departures.Depart > div > div:not(:first-child), .departures.Arrive > div > div:not(:first-child){padding:0px;} .departures.Depart > div > div div, .departures.Arrive > div > div div{padding:0;} .departures.Depart > div > div:not(:last-child), .departures.Arrive > div > div:not(:last-child){border-right:2px solid white} .departures.Depart > div > div:not(:last-child), .departures.Arrive > div > div:not(:last-child){border-right:2px solid white} .departures.Depart > div > div:first-child, .departures.Arrive > div > div:first-child{text-align:center;} .departures.Depart > div > div:first-child > div:first-child, .departures.Depart > div > div:first-child > div:last-child, .departures.Arrive > div > div:first-child > div:first-child, .departures.Arrive > div > div:first-child > div:last-child{font-size:18px;font-weight:bold;padding: 12px 0;} .departures.Depart > div > div hr, .departures.Arrive > div > div hr{margin: 4px 0px;border-color: #5ABB52;border-top-width: 2px;} .departures.Depart > div > div:nth-child(2) > div:first-child, .departures.Arrive > div > div:nth-child(2) > div:first-child{padding: 19px 0;} .departures.Depart > div > div:nth-child(2) > div:last-child, .departures.Arrive > div > div:nth-child(2) > div:last-child{padding: 20px 0;font-weight: bold;} .departures.Depart > div > div:nth-child(2) > div:first-child img, .departures.Arrive > div > div:nth-child(2) > div:first-child img{border: solid #138342;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;position: absolute;top: 23px;right: 17px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;} .departures > div:not(.soldOut) .price.priceAdded {background: #86C655;color: #fff!important;cursor: not-allowed;} .departures > div:not(.soldOut) .price.purchased {cursor:not-allowed;} .departures.Depart .price .addDeparture, .departures.Arrive .price .addDeparture{font-weight:bold;color:#138342;font-size: 16px;} .departures.Depart .price.priceAdded .addDeparture, .departures.Arrive .price.priceAdded .addDeparture{color:#FFFFFF;} .departures.Depart > div > div:nth-child(3) > div:first-child, .departures.Arrive > div > div:nth-child(3) > div:first-child{position:relative; font-size:18px; font-weight:bold; padding:14px 0; border-top:3px solid #53B848; text-align: center;} .departures.Depart > div > div:nth-child(3) > div:first-child .right-border, .departures.Arrive > div > div:nth-child(3) > div:first-child .right-border {position:absolute; top:-3px; right:0; width:2px; height:70px; background:#fff;} .departures.Depart > div > div > .price, .departures.Arrive > div > div > .price {width: 50%; height: 70px;} .departures.Depart > div > div > .price.insurancePrice, .departures.Arrive > div > div > .price.insurancePrice {padding:16px 0; border-top:3px solid #076d3a;} .departures.Depart > div.soldOut > div:nth-child(3) > div:first-child, .departures.Arrive > div.soldOut > div:nth-child(3) > div:first-child, .departures.Depart > div.soldOut > div > .price.insurancePrice, .departures.Arrive > div.soldOut > div > .price.insurancePrice {padding-top:22px; border-color:#ccc; font-size:16px; font-weight:normal;} .departures.Depart > div > div .extraBorder {display: none;} .departures.Depart > div > div:nth-child(3) > div:first-child .lowestFare, .departures.Arrive > div > div:nth-child(3) > div:first-child .lowestFare {display:block; width:100%; font-size:10px; font-weight:300;} .departures.Depart > div > div:nth-child(3) > div:first-child.priceAdded .lowestFare, .departures.Arrive > div > div:nth-child(3) > div:first-child.priceAdded .lowestFare {display:none;} .departures.Depart > div > div:nth-child(3) > div:first-child .lowestFare i, .departures.Arrive > div > div:nth-child(3) > div:first-child .lowestFare i {color:#F7DE28; font-style:normal;} .departures.Depart > div > div:nth-child(3) > div:first-child .seatsLeftBanner, .departures.Arrive > div > div:nth-child(3) > div:first-child .seatsLeftBanner{width: 100%;height: 16px;position: absolute;bottom: 2px;left: 0;font-size: 12px;color: #002E3C; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .departures.Depart > div > div:nth-child(3) > div:last-child, .departures.Arrive > div > div:nth-child(3) > div:last-child{padding:5px 0;} .departures.Depart > div > div > div:nth-child(2) > span:first-child, .departures.Arrive > div > div > div:nth-child(2) > span:first-child{font-weight:bold;} .departures.Depart > div > div:last-child a, .departures.Arrive > div > div:last-child a{padding: 6px;width: 85%;display: block;border: 2px solid #FFF;border-radius: 5px;margin: 6px auto;color: #FFF;font-weight: bold;font-size: 16px;background-color:#5ABB52} .departures.Depart .journeyDetails, .departures.Arrive .journeyDetails{text-align:left;background-color:#DCE9F0!important;margin-top:2px!important;display:none;cursor:default!important;} .departures.Depart .journeyDetails > div, .departures.Arrive .journeyDetails > div{min-height:45px;padding:5px!important;border:none!important;} .departures.Depart .journeyDetails > div > div:first-child, .departures.Arrive .journeyDetails > div > div:first-child{font-size: 16px!important;font-weight: bold!important;padding: 6px 0 6px 60px!important;text-align: left!important;} .departures.Depart .journeyDetails > div > div:first-child:before, .departures.Arrive .journeyDetails > div > div:first-child:before{content: '';display: inline-block;width: 10px;height: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #4FB948;position: absolute;top: 13px;left: 34px;} .departures.Depart .journeyDetails > div:not(:last-child):after, .departures.Arrive .journeyDetails > div:not(:last-child):after{content: '';display: inline-block;width: 2px;height: 100%;background-color: #4FB948;position: absolute;top: 21px;left: 43px;} .departures.Depart .journeyDetails > div > div:nth-child(2), .departures.Arrive .journeyDetails > div > div:nth-child(2){font-weight:bold!important;text-align:left!important;padding: 7px 0 7px 5px!important;;} .departures.Depart .journeyDetails > div > div:last-child, .departures.Arrive .journeyDetails > div > div:last-child{text-align:left!important; padding: 7px 0 7px 15px!important;font-size:14px!important; font-weight: normal!important;} .departures.Depart .journeyDetails > div > div, .departures.Arrive .journeyDetails > div > div{border:none!important;} .departures.Depart > div.active, .departures.Arrive > div.active{background-color:#DCE9F0!important;} .departures.Depart > div.active > div:nth-child(2) > div:first-child img, .departures.Arrive > div.active > div:nth-child(2) > div:first-child img{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top:28px;} .departures.Depart > div > div:last-child a:hover, .departures.Arrive > div > div:last-child a:hover, .departures.Depart > div > div:last-child a:visited, .departures.Arrive > div > div:last-child a:visited, .departures.Depart > div > div:last-child a:active, .departures.Arrive > div > div:last-child a:active, .departures.Depart > div > div:last-child a:focus, .departures.Arrive > div > div:last-child a:focus{text-decoration:none;} .departures.Depart .departuresLoader, .departures.Arrive .departuresLoader{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(256,256,256, 0.6);z-index: 2;} .departures.Depart .departuresLoader img, .departures.Arrive .departuresLoader img{top: 0;position: absolute;bottom: 0;margin: auto;left:0;right:0;} .arrow{border: solid #5ABB52;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;position: absolute;right: 0;top: 23px;} .arrow.right{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .departures.Depart > div.soldOut, .departures.Arrive > div.soldOut {color: #A1ACAF!important;cursor:not-allowed;} .departures.Depart > div.soldOut .addDeparture, .departures.Arrive > div.soldOut .addDeparture{color: #A1ACAF!important;} .departures.Depart > div.soldOut > div hr, .departures.Arrive > div.soldOut > div hr{border-color:#A1ACAF} .departures.Depart > div.soldOut > div:last-child a, .departures.Arrive > div.soldOut > div:last-child a{border: none;font-size: 14px;margin: 9px auto;cursor: not-allowed;color: #A1ACAF;background-color: transparent;} .departures.Depart > div.soldOut.departed > div:last-child a, .departures.Arrive > div.soldOut.departed > div:last-child a{border:2px solid #A1ACAF; background-color:transparent;} .departures.Depart > div.soldOut .arrow, .departures.Arrive > div.soldOut .arrow{border-color: #A1ACAF;} .departures.Depart > div.soldOut > div:nth-child(2) > div:first-child > span:first-child, .departures.Arrive > div.soldOut > div:nth-child(2) > div:first-child > span:first-child{color: #A1ACAF!important} .departures.Depart > div.soldOut > div:nth-child(2) > div:first-child img, .departures.Arrive > div.soldOut > div:nth-child(2) > div:first-child img{border-color: #A1ACAF;} .departures.Depart > div.added, .departures.Arrive > div.added{border:1px solid #5ABB52!important; background-color:#DEE7EC!important;} .departures.Depart > div.added > div:last-child a, .departures.Arrive > div.added > div:last-child a{color:#FFF!important; border-color:#FFF!important;cursor:not-allowed!important;background-color:#BDE4BA!important} .departures.Depart > div > div:last-child .schedule-cover, .departures.Arrive > div > div:last-child .schedule-cover{left: 0;width: 100%;border-top-right-radius: 10px;border-bottom-right-radius: 10px;cursor: not-allowed;} .departures.Depart > div > div:last-child .schedule-cover img, .departures.Arrive > div > div:last-child .schedule-cover img{position: absolute;top: 0;bottom: 0;left: 0;right: 0px;margin: auto;width: 32px;height: 32px;} /*OFFER CODE*/ #offerCodePanel{display:none;} #offerCodePanel > .offerCode > div > h2{display:block; padding:2px 30px 0px 0px; float:left;} #offerCodePanel > .offerCode > div > input{padding: 5px; width: 140px; float:left;outline:none;} #offerCodePanel > .offerCode > div > a{width: 100px; margin-left:10px;cursor:pointer;} #offerCodePanel p.errorOfferCode{color:red;} /*BASKET*/ .ui-selectmenu-button{-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius: 4px !important;outline:none;} .ui-selectmenu-menu .ui-menu{-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius: 4px !important;} .basketError{color:red;} /*SHORT SELECT TICKET FORM*/ #ticket-finder-form.short-form a#submitBttn{width:100%;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} #ticket-finder-form.short-form .bootstrap-datetimepicker-widget{width:100%; border: 1px solid #85C549!important;} #ticket-finder-form.short-form .bootstrap-datetimepicker-widget table td.day {height:initial;} #ticket-finder-form.short-form .bootstrap-datetimepicker-widget table td.day img{width: initial;} #ticket-finder-form.short-form .nextArrow, #ticket-finder-form.short-form .previousArrow{top:7px!important;} #ticket-finder-form.short-form #datePickerDepart, #ticket-finder-form.short-form #datePickerArrive{height:40px;color:#497848 !important; background-color:#EDEEEE;outline:none;padding-left: 30px;border:1px solid #85C549!important; border-radius: 4px;box-shadow:none; font-size: 15px;color: #158241 !important;cursor:pointer;font-weight:bold;} #ticket-finder-form.short-form .input-arrow, #ticket-finder-form.short-form .input-arrow{border-style: none;display: block;position: absolute;cursor:pointer;width: 34px !important;height: 34px !important;background-image: url(../images/spriteIcons.png) !important;background-repeat: no-repeat;background-position: 91.471% 44.382% !important;border-style: none!important;left: auto!important;top: 3px!important;right: 2px!important;} #ticket-finder-form.short-form .ticket-finder-form-bus-img {position: absolute;right: -35px;top: -50px;width: 100%;height: auto;} #ticket-finder-form.short-form > div:first-child > div:nth-child(4) > div:first-child {text-align: center;border: none!important;background-color: white!important;border-radius: initial;color: #158241 !important;padding:0; margin: 0px 0px 10px 0px;} #ticket-finder-form.short-form > div:first-child > div:nth-child(4) > div:last-child{margin:0;} #ticket-finder-form.short-form #datePickerArrive{display:block;} #ticket-finder-form.short-form .swap-button{display:none;} #ticket-finder-form.short-form > div:first-child{padding-right:0;} /*#orderItemsDisplay {width:inherit;}*/ /*BASKET SCROLL BUTTON*/ .basketButtonScroll {position: fixed;right: 10px;bottom: 10px;z-index: 999;text-align: center;border: 1px solid #158241;border-radius: 4px;cursor: pointer;display:none;background-color: white;} .basketButtonScroll > span{font-weight: bold;padding: 5px;display: inline-block} .basketButtonScroll > span > span:first-child{background-color: red;padding: 2px 0px;border-radius: 25px;color: white;font-weight: bold;font-size: 12px;display: inline-block;min-width: 20px;min-height: 20px;} .basketButtonScroll > span > span:last-child{display:none;} .basketButtonScroll > div{width: 100%;height: 25px;background-color: #158241;position: relative;border-radius: 0px;margin: auto!important;} .basketButtonScroll > div > i{max-width:1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(45deg); border: solid #FFF;border-width: 0 2px 2px 0;right: initial;top: 5px;padding: 4px;left: 10px;} /*NEW BASKET*/ #basketTable{border-top: 1px solid #158241} #basketTable, #basketTable div{padding:0;} #basketTable > div:first-child{ border-bottom: 1px solid #158241;} #basketTable > div:first-child > div:last-child > div{ color: #158241;padding: 10px;font-weight: normal;font-size: 18px;} #basketTable > div:first-child > div:last-child > div#date-header, #basketTable > div:first-child > div:last-child > div#time-header{text-align:left;} #basketTable > div:first-child > div:last-child > div#qty-header{text-align:center;} #basketTable > div:first-child > div:last-child > div#price-header, #basketTable > div:first-child > div:last-child > div#total-header{text-align:right;} #basketTable .basket-row:first-child{border-bottom: 1px solid #53B848;margin: 0 0 5px 0;} #basketTable .basket-row{border-bottom: 1px solid #158241;} #basketTable .basket-row > div > div{padding:0px;} #basketTable .basket-row .totals-sml{color: #158241;font-size: 16px;} #basketTable .basket-row .totals{color: #158241;font-size: 18px;} #basketTable .basket-row > div, #basketTable .basket-row > div:not(:first-child) >div, #basketTable .basket-row > div:not(:first-child) > div.item-qty-header > div{display: inline-block;vertical-align: middle;float: none;} #basketTable .basket-row > div:not(:first-child) .ui-selectmenu-button{width: 80%!important;height: 28px!important;padding: 5px 25px 5px 0px!important;border: 1px solid #53B848 !important;display: inline-block;vertical-align: middle;float: none; text-align: center!important;} #basketTable .ui-selectmenu-button span.ui-selectmenu-text{ padding: 0 0px 0 0px!important;} #basketTable .item-route-header{margin-right: 5px;border-right: 1px solid #C4C9D1;padding-top: 5px;padding-bottom: 5px; text-align: left;color: #158241;font-weight:bold;} #basketTable .basket-row:not(.last-row) > div:nth-child(2){margin-right: 5px;border-right: 1px solid #C4C9D1;padding-bottom: 10px;padding-top: 5px;} #basketTable .item-date-header{padding: 5px 0!important;} #basketTable .item-date-header > div:first-child{font-weight:bold;color: #158241} #basketTable .item-date-header > div:last-child{text-align:right;padding-right:20px;} #basketTable .item-time-header{padding: 5px 0!important;} #basketTable .item-time-header > div:first-child{font-weight:bold;color: #158241} #basketTable .item-time-header > div:last-child{text-align:right;padding-right:20px;} #basketTable .item-qty-header{text-align: left!important;padding-top: 5px!important;} #basketTable .item-qty-header > div:first-child, #basketTable .item-qty-header > div:nth-child(3){font-weight:bold;color: #158241;font-size:14px!important} #basketTable .item-qty-header > div:nth-child(2), #basketTable .item-qty-header > div:nth-child(4){padding-right: 20px;text-align: right;} #basketTable .basket-row > div:nth-child(3){text-align: right;top: 0;position: absolute;bottom: 0;margin: auto;height: 18px;} #basketTable .basket-row > div:nth-child(4){position: absolute;top: 3px;right: 0;} #basketTable .basket-row .ui-selectmenu-button span.ui-icon {width: 24px !important;height: 24px !important;background-image: url(../images/spriteIcons.png) !important;background-repeat: no-repeat;background-position: 91.471% 44.382% !important;border-style: none!important;left: auto!important;top: 9px!important;right: 1px!important;background-size: 271px 798px;} #basketTable .basket-row.last-row > div:last-child > div:first-child{padding-right: 20px;} #basketTable .basket-row.last-row > div:last-child > div:nth-child(2){font-size:14px;} #basketTable .basket-row.last-row > div:last-child{padding: 5px 0;} .departures.Depart .journeyDetails > div > div:first-child, .departures.Arrive .journeyDetails > div > div:first-child{padding:6px 0 6px 30px!important;} .departures.Depart .journeyDetails > div > div:first-child:before, .departures.Arrive .journeyDetails > div > div:first-child:before{left:0;} .departures.Depart .journeyDetails > div:not(:last-child):after, .departures.Arrive .journeyDetails > div:not(:last-child):after{left:9px;} .product-listing-table.selected-tickets-table.order-summary *{box-sizing: border-box;-webkit-box-sizing: border-box;} .product-listing-table.selected-tickets-table.order-summary, .product-listing-table.selected-tickets-table.order-summary > div div{padding:5px 0;} .product-listing-table.selected-tickets-table.order-summary > div {padding:0;} .product-listing-table.selected-tickets-table.order-summary > div:first-child > div{color: #158241;vertical-align: bottom;font-weight: normal;font-size: 18px;} .product-listing-table.selected-tickets-table.order-summary > div:first-child { border-bottom: 1px solid #158241;} .product-listing-table.selected-tickets-table.order-summary > div:not(:first-child) { border-bottom: 1px solid #158241;} #passengerNamesDisplay{border-top: 1px solid #158241;} #passengerNamesDisplay > div:first-child{padding:0;} #passengerNamesDisplay .item-route-header {text-align: left;color: #158241;font-weight:bold;} .product-listing-table.selected-tickets-table.order-summary input {min-height:30px;} .product-listing-table.selected-tickets-table.order-summary > div:not(:first-child) > div:nth-child(2) > div:first-child, .product-listing-table.selected-tickets-table.order-summary > div:not(:first-child) > div:nth-child(3) > div:first-child, .product-listing-table.selected-tickets-table.order-summary > div:not(:first-child) > div:last-child > div:first-child{font-weight:bold; color:#158241;} .product-listing-table.selected-tickets-table.order-summary > div:not(:first-child) > div:nth-child(2) > div:last-child{padding-right:5px;font-size: 13px;line-height: 20px;} .cardListing *{box-sizing: border-box;-webkit-box-sizing: border-box;} .cardListing div{padding: 0;} .cardListing div.cardsHeader {border-bottom: 1px solid #158241;color: #158241;font-weight: normal;font-size: 18px;} .cardListing > div:first-of-type > div:first-of-type > div:not(.cardsHeader) {border-bottom: 1px solid #C4C9D1} .cardListing > div:first-of-type > div:first-of-type > div:nth-child(2) {border-top: 1px solid #C4C9D1} .cardListing > div:first-of-type > div:first-of-type > div:not(.cardsHeader) > div{padding:5px 0px;} .cardListing > div:first-of-type > div:first-of-type > div:not(.cardsHeader) > div:last-child a{width:100%;} .cardListing > div:first-of-type > div:first-of-type > div:not(.cardsHeader) > div:not(:last-child) > div:first-child{color: #158241; font-weight: bold;} .cardListing > div:first-of-type > div:first-of-type > div {padding: 5px 0;} .cardListing > a:first-of-type{clear:both;float:left;margin-top:10px!important;} .rewardListing *{box-sizing: border-box;-webkit-box-sizing: border-box;} .rewardListing div{padding:0;} .rewardListing > div:first-child > div{ color: #158241;font-weight: normal;font-size: 18px;} .rewardListing > div:first-child{border-bottom: 1px solid #158241;padding:10px 0;} .rewardListing > div:not(:first-child){padding:10px 0;border-bottom: 1px solid #C4C9D1;} .pager a {border: 1px solid #158241;text-decoration: none;font-size: 12px;padding: 5px 8px 4px 8px;margin: 0px 2px 5px 2px;} .pager a:link { background-color: #FFF; color: #000000; } .pager a:visited { background-color: #FFF; color: #000000; } .pager a:hover { background-color: #EFEFEF; color: #000000; } .pager .active { font-weight: bold; background-color: #83C449; color: #002E3C; } .ordersListing *{box-sizing: border-box;-webkit-box-sizing: border-box;} .ordersListing, .ordersListing div{padding:0;} .ordersListing > div > div {padding: 5px 0px;} .ordersListing > div:not(:first-of-type) {border-bottom: 1px solid #C4C9D1;} .ordersListing > div:nth-child(2) {border-top: 1px solid #158241;} .ordersListing .bttn-mid-green{margin-bottom:0px!important} .ordersListing > div > div > div:first-child{color: #158241; font-weight: bold;} /*SOCIAL MEDIA*/ #facebook{position: relative;width: 100%;text-align:right;} #facebook textarea{margin: 0px;height: 200px;width: 100%;text-align: left;font-size: 18px;box-sizing: border-box;} #facebook #fbAuth{position: absolute;top: 0;width: 100%;height: 100%;background-color:rgba(256,256,256, 0.6);left: 0;text-align: center;padding: 70px 5px;font-weight: bold;box-sizing: border-box;font-size: 20px;z-index: 2;} #facebook > div{text-align: left;font-size: 15px;margin-bottom: 10px;} #fbShare{padding:15px;} #twitter{position: relative;width: 100%;text-align:right;} #twitter textarea{margin: 0px;height: 200px;width: 100%;text-align: left;font-size: 18px;box-sizing: border-box;} #twitter #twAuth{position: absolute;top: 0;width: 100%;height: 100%;background-color:rgba(256,256,256, 0.6);left: 0;text-align: center;padding: 40px 5px;font-weight: bold;box-sizing: border-box;font-size: 20px;z-index: 2;} #twShare{padding:15px;} .charRemaining{position: absolute;bottom: 65px;right: 20px;} #email{position: relative;width: 100%;text-align:right;} #email textarea{margin: 0px;height: 200px;width: 100%;text-align: left;font-size: 18px;box-sizing: border-box;} #emShare{padding:15px;} .snIcon{width:24px;} .panel.with-nav-tabs.panel-default .nav.nav-tabs li{min-width:initial;} .panel.with-nav-tabs.panel-default .nav.nav-tabs li a{text-align:center;} .snTitle{font-size:15px;} /*MEDIA QUERIES*/ @media (max-width:740px) { .departures.Depart .journeyDetails > div > div:first-child:before, .departures.Arrive .journeyDetails > div > div:first-child:before, .departures.Depart .journeyDetails > div:after, .departures.Arrive .journeyDetails > div:after{display:none!important;} .departures.Depart .journeyDetails > div > div:first-child, .departures.Arrive .journeyDetails > div > div:first-child{padding:6px 0 6px 0px!important; font-size: 14px!important;} .departures.Depart .journeyDetails > div > div:nth-child(2), .departures.Arrive .journeyDetails > div > div:nth-child(2) {font-size:12px;} .departures.Depart .journeyDetails > div > div:last-child, .departures.Arrive .journeyDetails > div > div:last-child {font-size: 13px!important;} .departures.Depart > div > div:last-child a, .departures.Arrive > div > div:last-child a{width:95%;} .departures.Depart > div > div:first-child > div:first-child, .departures.Depart > div > div:first-child > div:last-child, .departures.Arrive > div > div:first-child > div:first-child, .departures.Arrive > div > div:first-child > div:last-child {font-size: 15px;padding: 14px 0;} } @media (max-width:600px) { .departures.Depart > div > div:first-child > div:first-child, .departures.Depart > div > div:first-child > div:last-child, .departures.Arrive > div > div:first-child > div:first-child, .departures.Arrive > div > div:first-child > div:last-child {font-size: 14px;padding: 14px 0;} #ticket-outbound .departures > div, #ticket-inbound .departures > div{padding:0;} } @media (max-width:530px) { .departures.Depart > div > div:first-child > div:first-child, .departures.Depart > div > div:first-child > div:last-child, .departures.Arrive > div > div:first-child > div:first-child, .departures.Arrive > div > div:first-child > div:last-child {font-size: 13px;padding: 16px 0;} } @media (max-width:500px) { #ticket-outbound .departures > div:not(.journeyDetails) > div:first-child > div:first-child, #ticket-inbound .departures > div:not(.journeyDetails) > div:first-child >div:first-child, #ticket-outbound .departures > div:not(.journeyDetails) > div:first-child > div:last-child, #ticket-inbound .departures > div:not(.journeyDetails) > div:first-child >div:last-child{width: 41.66666667%;} #ticket-outbound .departures > div:not(.journeyDetails) > div:first-child > div:nth-child(2), #ticket-inbound .departures > div:not(.journeyDetails) > div:first-child >div:nth-child(2){width: 16.66666667%;} #ticket-outbound .departures > div:not(.journeyDetails) > div:first-child > div:nth-child(2) > span:first-child, #ticket-inbound .departures > div:not(.journeyDetails) > div:first-child >div:nth-child(2) > span:first-child{display:none;} #ticket-outbound .departures > div:not(.journeyDetails) > div:first-child > div:nth-child(2) > span:last-child, #ticket-inbound .departures > div:not(.journeyDetails) > div:first-child >div:nth-child(2) > span:last-child{position: absolute;left: -10px;bottom: -24px;right: 0;width: 48px;} #ticket-outbound .departures > div:not(.journeyDetails) > div:nth-child(2), #ticket-inbound .departures > div:not(.journeyDetails) > div:nth-child(2){display:none;} #ticket-outbound .departures > div:not(.journeyDetails) > div:nth-child(3), #ticket-inbound .departures > div:not(.journeyDetails) > div:nth-child(3){width:50%;} .departures.Depart .journeyDetails > div, .departures.Arrive .journeyDetails > div {padding: 5px 5px!important;} } @media (max-width:430px) { .departures.Depart > div > div:first-child > div:first-child, .departures.Depart > div > div:first-child > div:last-child, .departures.Arrive > div > div:first-child > div:first-child, .departures.Arrive > div > div:first-child > div:last-child {font-size:16px;} .departures.Depart > div > div hr, .departures.Arrive > div > div hr{margin:2px 0;} .arrow{top:19px;} .departures.Depart .journeyDetails > div > div:first-child, .departures.Arrive .journeyDetails > div > div:first-child{padding: 7px 0 7px 0px!important; font-size: 12px!important;} } @media (max-width:400px) { #ticket-outbound > div:first-child > h2:first-child, #ticket-inbound > div:first-child > h2:first-child{font-size:18px;} #ticket-outbound > div:first-child > h2:last-child, #ticket-inbound > div:first-child > h2:last-child{font-size:18px;} #basketTable .item-qty-header > div:first-child, #basketTable .item-qty-header > div:nth-child(3){font-size:13px!important} #basketTable .item-qty-header > div:nth-child(2), #basketTable .item-qty-header > div:nth-child(4){padding-right: 10px;} .departures.Depart > div > div:first-child > div:first-child, .departures.Depart > div > div:first-child > div:last-child, .departures.Arrive > div > div:first-child > div:first-child, .departures.Arrive > div > div:first-child > div:last-child {font-size:14px;padding: 15px 0px;} .departures.Depart > div > div hr, .departures.Arrive > div > div hr{margin:2px 0;} .arrow{top:21px;} } @media (max-width:350px) { .departures.Depart > div > div:nth-child(3) > div:first-child, .departures.Arrive > div > div:nth-child(3) > div:first-child{padding-top: 20px;font-size: 16px;} .departures.Depart > div > div:last-child a, .departures.Arrive > div > div:last-child a{font-size: 13px;margin: 8px auto;} #ticket-result-form ul.date-rotator > li > div > a > b:first-of-type{font-size:18px;} .departures.Depart > div.soldOut > div:last-child a, .departures.Arrive > div.soldOut > div:last-child a {font-size: 12px;margin: 12px auto 8px auto;} #basketTable .item-qty-header > div:first-child, #basketTable .item-qty-header > div:nth-child(3){font-size:12px!important} #basketTable .item-qty-header > div:nth-child(2), #basketTable .item-qty-header > div:nth-child(4){padding-right: 5px;} .departures.Depart > div > div:first-child > div:first-child, .departures.Depart > div > div:first-child > div:last-child, .departures.Arrive > div > div:first-child > div:first-child, .departures.Arrive > div > div:first-child > div:last-child {font-size:12px;padding: 16px 0px;} .departures.Depart > div > div hr, .departures.Arrive > div > div hr{margin: 2px 0;border-color: #5ABB52;border-top-width: 1px;} .arrow{top: 21px;border: solid #5ABB52;border-width: 0 1px 1px 0;} .departures.Depart .journeyDetails > div > div:first-child, .departures.Arrive .journeyDetails > div > div:first-child{font-size: 11px!important;} } .departures-info { display:none; background-color:#EBF0F3; border-radius:10px; min-height:30px; margin-top:20px; font-size:10px; text-align:left; } .departures-info > div { position: absolute; top: 50%; transform: translate(-0%,-50%); } .departures-info > div:first-child { left: 2.5%; } .departures-info > div:nth-child(2) { left: 12%; right:12% } .departures-info > div:nth-child(3) { right: 2.5%; cursor: pointer; width: 19px; height: 19px; background: url('images/spriteIcons01.png') no-repeat -177px -566px; } /* Homepage slider */ .slider-slider {padding-left:0px; padding-right:0px; margin-bottom:15px; } .slider-boxx-content {background-color: #002E3C; padding: 10px 10px 15px 15px; border-radius: 10px; margin-right: 0px; position: relative; height:100%; box-sizing: border-box;} .slider-boxx-content .right-arrow {position: absolute; bottom: 5px; right: 5px; width: 16px; height: 16px; background-image: url(../images/spriteIcons01.png); background-repeat: no-repeat; background-position: -151px -1072px;} .slider-boxx-content h8 {display:inline-block; font-size:14px; line-height:16px; margin-bottom:2px } .slider-boxx-content p {font-size:11px; margin-bottom: 2px; line-height: 12px; } .slider-boxx-content p b {font-size:12px} .slider-boxx-content:hover{background-color: #014357;} .slider-boxx a:hover { text-decoration: none; } @media (min-width:350px) { .slider-boxx-content h8 {margin-bottom: 6px;} .slider-boxx-content p {margin-bottom: 9px; } } @media (max-width:380px) { .slider-boxx-content {background-color: #002E3C; padding: 5px 5px 5px 10px; border-radius: 10px; margin-right: 0px; position: relative; height:100%; box-sizing: border-box;} .slider-boxx-content h8 {display:inline-block; font-size:16px; line-height:16px; margin-bottom:3px } .slider-boxx-content p {font-size:13px; margin-bottom: 7px; line-height: 14px; } .slider-boxx-content p b {font-size:13px} } @media (max-width:350px) { .slider-slider {padding-left:0px; padding-right:0px; margin-bottom:15px; } .slider-boxx-content {background-color: #002E3C; padding: 10px 10px 15px 15px; border-radius: 10px; margin-right: 0px; position: relative; height:100%; box-sizing: border-box;} .slider-boxx-content .right-arrow {position: absolute; bottom: 5px; right: 5px; width: 16px; height: 16px; background-image: url(../images/spriteIcons01.png); background-repeat: no-repeat; background-position: -151px -1072px;} .slider-boxx-content h8 {display:inline-block; font-size:14px; line-height:16px; margin-bottom:2px } .slider-boxx-content p {font-size:11px; margin-bottom: 2px; line-height: 12px; } .slider-boxx-content p b {font-size:12px} .slider-boxx-content:hover{background-color: #014357;} } .variable-width{margin-left:3%; margin-right:3%;} .slick-slider {margin-bottom: 0px;} .black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 5%; left: 0%; padding: 2%; z-index: 1002; overflow: auto; width:96%; } .white_content > div { display: block; margin: auto; border: 2px solid #002E3C; background-color: white; width: fit-content; padding: 30px 30px; text-align: right; border-radius:10px; max-width:1100px;} @media(max-width: 991px) { #RewardPointsForm {display:block;} #RewardPointsForm > div { width: 100%; display:inline-block; margin-bottom: 20px;} } @media(min-width: 992px) { #RewardPointsForm {display:flex;} #RewardPointsForm > div { width: 50%; display:inline-block; } } .rewards-level-box {display:flex; margin-bottom: 15px; flex-wrap: wrap;} .rewards-level-box > div > div {background-color:#EBF0F3; overflow:hidden; text-align:center; padding:15px 0px 0px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right:10px; height:100%} .rewards-level-box.mobile > div > div {background-color:white;} .rewards-level-box > div:nth-child(4) > div {margin-right:0px;} .rewards-level-box > div {padding:0px; margin-bottom:25px;} .rewards-level-box > div > div > p {border-bottom:1px solid white; margin-left:10px; margin-right:10px;} .rewards-level-box.mobile > div > div > p {border-bottom:1px solid #EBF0F3;} .rewards-level-box > div > div > p:nth-child(2) {border-bottom:1px solid black; padding:10px 0px;} @media(min-width: 992px) { .rewards-level-box > div { width: 25% } } @media(max-width: 991px) { .rewards-level-box > div {width:50%} .rewards-level-box > div:nth-child(2) > div {margin-right:0px;} } @media(max-width: 480px) { .rewards-level-box > div {width: 100%;} .rewards-level-box > div > div {margin-right: 0px;} } #stay22-script{position:relative;clear: both;margin-top: 20px;} .covid-info-text > a { color: #002E3C; font-weight: bold; } .covid-info-text > a:hover { color: #158241; } /* >> CITY GUIDES ---------------------------------------------------------------------------------------------------- */ .city-guides { padding: 15px; } .city-guides * { box-sizing: border-box; } .city-guides section + section { margin-top: 10px; } .city-guides.default .links { margin-top: 30px; } .city-guides:not(.default) .links { margin: 10px 0; } .city-guides .link { position: relative; width: 100%; padding: 15px; background: #002E3C; border-radius: 10px; } .city-guides .link + .link { margin-top: 5px; } .city-guides .link h4 { margin-bottom: 0; font-size: 20px; } .city-guides .link p { margin: 0; color: #fff; font-size: 16px; font-weight: 700; line-height: 23px; } .city-guides .link .right-arrow { position: relative; width: 16px; height: 16px; background: transparent url('../images/spriteIcons01.png') -151px -1072px no-repeat; } .city-guides .link a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; z-index: 1; } .city-guides__hero { position: relative; background: #fff; border-radius: 10px; overflow: hidden; } .city-guides__hero img { display: none; } .city-guides__hero .flexbox { height: auto; padding: 20px 0; } .city-guides__hero .text-wrapper { position: relative; width: 100%; max-width: 450px; padding: 0 20px; z-index: 1; } .city-guides__hero .text-wrapper h1 { font-size: 30px; line-height: 40px; } .city-guides__hero .text-wrapper p { margin: 15px 0 0; font-size: 20px; line-height: 25px; } .city-guides__content { margin-bottom: 30px; padding: 30px 20px; background: #fff; border-radius: 10px; } .city-guides__content h2 { margin-bottom: 10px; font-size: 22px; } .city-guides__content p { line-height: 20px; } .city-guides__content p + h2 { margin-top: 25px; }