/*

Title: Go Bus splash page
Created: 22.11.2017
Author: Dmitri Postogov
Company: Go Network LLC
Contact: dmitri.postogov@go.ee
09.01.2018 | Added "order bus" page styles
23.03.2018 | Added navigation & join newsletter modal

*/

* {border-radius:0!important;}
html, body {min-height:100%}
body {padding-bottom:75px;}
.homepage {background: url(../assets/images/bg-cropped.jpg) no-repeat top;background-size:cover;background-attachment: fixed;}
#telliBuss {background: url(../assets/images/telliBussBG.jpg) no-repeat top;background-size:cover;background-attachment: fixed;}
.buy-ticket {background: url(../assets/images/bg2.jpg) no-repeat top;background-size:cover;background-attachment: fixed;}

/*HEADER*/
.header {padding:30px 0;background:#00b0eb;display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.header img.logo {max-width:100%;padding:0 15px;z-index:9999;position:relative;}
.header span.wing {position:absolute;left:0;top:0;background: url('../assets/images/Go-Bus-Wing.png') no-repeat right top;width:500px;height:300px;z-index:2;display:none;}
.header span.wing img {width: 100%;height: auto;}
.header ul.topNav  {margin:0;padding:0;position:absolute;right:50px;list-style:none;top:22px;display:none;}
.header ul.topNav li {color:#fff;transition: all .2s ease-in-out;opacity:1;}
.header ul.topNav li:hover {opacity:0.6;}
.header ul.topNav li a {color:#fff;text-decoration: none;}
.header ul.topNav li:before {font-family: 'FontAwesome';content:'\f105';padding-right:10px;}
.header ul.topNav li iframe {height: 20px;vertical-align: middle;margin-left: -3px;}

/*CONTAINER*/
.container {width:820px;max-width:100%;}

/*CONTENT*/
.content {width:400px;max-width:100%;margin:0 auto;}

/*FRONTPAGE*/
.frontButtons {margin-top:80px;}
.frontButtons a {margin-bottom:30px;color:#fff;}
.frontButtons a.blue, .frontButtons a.orange {font-size:40px;padding:40px;font-weight: bold;}
.frontButtons a.blue {background:rgba(0,176,235,0.7);}
.frontButtons a.blue:hover {background:#00b0eb;}
.frontButtons a.orange {background:rgba(255,181,0,0.7);}
.frontButtons a:hover {background:#ffb500;}
.frontButtons a.white {border:2px solid #fff;}
.frontButtons a.white:hover {background: rgba(255,255,255,1);color:#000;}

/*ACCORDION*/
#accordion .card {margin-bottom:10px;border:0;}
#accordion .card .card-header {background:#00b0eb;text-align:center;color:#fff;border:0;padding:20px 0;}
#accordion .card .card-header h2 {color:#fff;font-size:30px;font-weight:bold;cursor: pointer;}
#accordion .card .card-body {color:#00b0eb;font-size:20px;margin: 20px 30px;}
#accordion .card .card-body #pickDate {margin-bottom:20px;}
#accordion .card .card-body .datepicker-inline { width: 100%;}
#accordion .card .card-body .datepicker-inline table { width: 100%;}
#accordion .card .card-body .datepicker-inline table tr td.today {background:#f0f0f0;font-weight:bold;color:inherit}
#accordion .card .card-body .datepicker-inline table tr td.active {background:#009f3c;color:#fff;text-shadow:none;}
#accordion .card .card-body .datepicker-inline table tr td:hover {background:#009f3c;color:#fff;}
#accordion .card .card-body .datepicker-inline table tr td.highlighted {font-weight:bold;}

.orderButton {background:#00b0eb;border:none;padding:20px 0;font-weight:bold;}
.orderButton:hover {background:#00b0eb url('../assets/images/arrow.png') no-repeat right center;transition:all .2s;}

.termsLink {text-align: center;margin:0;padding:0;margin-top:15px;}
.termsLink a {color:#565656;}

/*FOOTER NAV*/
div.footerNav {position:fixed;bottom:0;width:100%;background:rgba(0,176,235,1);display:block;z-index:99;}
div.footerNav ul {list-style:none;text-align:center;margin:0;padding:0;}
div.footerNav ul li {display:inline-block;margin-right:-5px;padding:20px 30px;padding:0;border-left:1px solid #00a9e1;border-right:1px solid #00b8f6;}
div.footerNav ul li:last-child {content:'';}
div.footerNav ul li:before {content:'';}
div.footerNav ul li a {font-size:18px;display:block;color:#fff;margin:0;padding:20px 30px;text-decoration: none;transition: all .2s ease-in-out;}
div.footerNav ul li a:hover {color:#fff;text-decoration: none;background:#00bfff;}
div.footerNav ul li span {display:block;padding:20px 40px;}
div.footerNav ul li iframe {height: 20px;vertical-align: middle;margin-left: -3px;}
div.footerNav ul li.facebook-mobile {display:none;}


/*MODALS*/
.joinNewsletter .modal-header {background: url('../assets/images/modalBorder.png') repeat-x top left;padding-top:21px;}
.joinNewsletter .modal-body input {margin-bottom:20px;}
.joinNewsletter .modal-footer {justify-content:flex-start;background: url('../assets/images/modalBorder.png') repeat-x bottom left;padding-bottom:21px;}
.joinNewsletter .modal-footer .alert {margin-bottom:0;}
.joinNewsletter .modal-footer button {background:#00b0eb;border:0;padding:14px 30px;cursor:pointer;}
.joinNewsletter .modal-footer button:hover {background:#00b0eb url('../assets/images/arrow.png') no-repeat right center;transition:all .2s;}
.joinNewsletter ul.modalPoints {list-style:none;padding:0;font-size:0.8rem;border-left: 5px solid #eee;padding-left: 20px;margin: 10px 0 0 0;}
.joinNewsletter ul.modalPoints li {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee;}
.joinNewsletter ul.modalPoints li:last-child {border-bottom:0;}

/* RADIO */
[type="radio"] {visibility: hidden;}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {position: relative;padding-left:25px;margin-left: -20px;cursor: pointer;}
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {content: '';position: absolute;left:0;top:10px;width:13px;height:13px;border:2px solid #cacaca;background:#fff;}
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {font-size:25px;font-family: "fontawesome";content: '\f00c';position: absolute;top:-3px;left:-5px;width:18px;height:18px;background:transparent;transition:all .2s;color:#009f3c;}
[type="radio"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1;transform: scale(1);}
[type="radio"]:hover + label:hover {color:#207aa2;}
[type="radio"]:hover:disabled + label:hover {color:#A9A9A9;}
[type="radio"]:disabled + label {color:#A9A9A9;}

/* CHECKBOX*/
[type="checkbox"] {visibility: hidden;}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {position: relative;padding-left:25px;margin-left:-20px;cursor: pointer;}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {content: '';position:absolute;left:0;top:10px;width:13px;height:13px;border:2px solid #cacaca;background: #fff;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {font-size:25px;font-family: "fontawesome";content: '\f00c';position: absolute;top:-3px;left:-5px;width:18px;height:18px;background:transparent;transition:all .2s;color:#009f3c;}
[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
[type="checkbox"]:hover + label:hover {color:#207aa2;}
label:hover:before {border:2px solid #cacaca!important;}
[type="radio"]:checked + label:before,
[type="checkbox"]:checked + label:before {border:2px solid #fff!important;}


/*ORDER BUS*/
.orderBus {margin-bottom:10px;}
.orderBus .card {border: 0;}
.orderBus .card  .card-header {background-color:#00b0eb;text-align: center;color: #fff;border: 0;padding: 20px 0;}
.orderBus .card .card-header h2 {color: #fff;font-size: 30px;font-weight: bold;}
.orderBus .backButton  {position:absolute;color:#fff;left:20px;font-size:18px;top:30px;cursor:pointer;border:0!important;}
.orderBus .languageButton  {position:absolute;color:#fff;right:20px;font-size:18px;top:30px;}
.orderBus .languageButton button {border:0!important;}
.orderBus span.wpcf7-not-valid-tip {color: #d9534f;display: block;margin: 5px 0 0 10px;padding: 0;font-size:0.8em;overflow: hidden;height: 17px;}
.orderBus span.wpcf7-not-valid-tip:before {content:'\f062 ';font-family: FontAwesome;margin-right:5px;}
.orderBus div.wpcf7-response-output {margin:20px 0;padding:20px;}
.orderBus div.wpcf7-validation-errors:before, div.wpcf7-spam-blocked:before {content:'\f06a ';font-family: FontAwesome;margin-right:10px;}
.orderBus div.wpcf7-validation-errors, div.wpcf7-spam-blocked {color: #856404;background-color: #fff3cd;border-color: #ffeeba;border:0;}
.orderBus div.wpcf7-mail-sent-ok:before {content:'\f00c ';font-family: FontAwesome;margin-right:10px;}
.orderBus div.wpcf7-mail-sent-ok {color:#155724;background-color:#d4edda;border-color:#c3e6cb;border:0;}
.orderBus textarea.form-control {height:226px!important;}
[placeholder]:focus::-moz-placeholder {transition:opacity 0.5s 0.5s ease;opacity:0;}
[placeholder]:focus:-moz-placeholder {transition:opacity 0.5s 0.5s ease;opacity:0;}
[placeholder]:focus::-webkit-input-placeholder {transition:opacity 0.5s 0.5s ease;opacity:0;}
[placeholder]:focus::-ms-input-placeholder {transition:opacity 0.5s 0.5s ease;opacity:0;}
:disabled {color:#eee}

/*COOKIE BAR*/
.cookiebar {background-color:rgba(0,0,0,0.7)!important;bottom:67px!important;text-align:center;z-index:99;transition: all .2s ease-in-out;}
.cookiebar:hover {background-color:rgba(0,0,0,1)!important;}
.cookiebar-wrapper {width:100%!important;}
.cookiebar-button {display:inline;margin-left:10px;}
.cookiebar-button button {position:inherit;text-transform:none}
.cookiebar-btn {background: rgba(0,176,235,0.7)!important;}
.cookiebar-btn:hover {background: rgba(0,176,235,1)!important;;}


/**/
.route-switch, .route-switch-disabled {margin-left: 7px;margin-right: 7px;}
.route-switch .fa {text-shadow: none;}
.route-switch:hover .fa:before {content: "\f0ec";}


/*MEDIA QUERIES ------------------------------------------------------------- */
@media (max-width: 991px) { 
    /*HEADER*/
    .header {height:auto;padding:30px 0;}
    .header span.wing {width:250px;}
    /*ACCORDION*/
    #accordion  {margin:0 10px;}
}

@media (max-width: 767px) { 
    /*HEADER*/
    .header {height:auto;padding:30px 0;}
    .header span.wing {width:200px;}
    .header .topNav {display:none;}
}

@media (max-width: 575px) { 
    body {padding-bottom:100px;}
    /*CONTENT*/
    .content {position:relative;z-index:3;}
    /*HEADER*/
    .header {height:auto;padding:30px 0;}
    .header span.wing {width:100px;}
    .header .topNav {display:none;}

    /*FRONT BUTTONS*/
    .frontButtons {margin-top:30px;}
    /*ACCORDION*/
    #accordion .card .card-body {color:#00b0eb;font-size:20px;margin:0;}
    /*COOKIE BAR*/
    .cookiebar {bottom:0!important;}
    .cookiebar-desciption, .cookiebar-link a {font-size:12px!important;}

    /*FOOTER NAV*/
    div.footerNav {}
    div.footerNav .container {width:100%;padding:0;margin:0;}
    div.footerNav ul {padding:10px 0 20px 0;}
    div.footerNav ul li {border-left:0;border-right:0;font-size:12px;text-align:center;}
    div.footerNav ul li a {padding:0 7px;border-left:0;border-right:0;font-size:12px;text-align:center;}
    div.footerNav ul li.facebook {display:none;}
    div.footerNav ul li.facebook-mobile {display:inline-block;}
    
    /*MODAL*/
    h3.modal-title {font-size:1.1rem;}

}
/* end MEDIA QUERIES -------------------------------------------------------- */