/*!
Theme Name: Good Fellas
Theme URI: http://underscores.me/
Author: Dhanashree Inc
Author URI: https://www.dhanashree.com/
Description: Goodfellas car rental service
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: goodfellas
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Good Fellas is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* ===============================================================
  GENERAL
  ================================================================ */
#navbarSupportedContent li.active a{color: #FFF;}
.theme_anchor_cls,.theme_anchor_cls:hover{text-decoration: none;color:inherit;}
.welcome__whyus-box{padding-top: 15px;}
.service_blue_bg .title{min-height: 50px;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right: 0.4rem !important;padding-left: 0.4rem !important;}
.book_now_box .active{display: block;} 
.book_now_box .hide{display: none;}

.select-box{height: 45px;}
.map_border{margin-top: 0;}
.book_now_btn button {
    background-color: #1b4172;
    border: 0;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    line-height: 50px;
    color:    #fff;
    font-weight: 600;
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    margin-top: 20px;
}
.book_now_btn button:hover {
    background-color: #ffbb33;
    color: #1b4172;
    text-decoration: none;
}
.distance .fa{font-size: 20px;}

.route_btn a.activelink::after{
    border-color: #77c1e2 transparent transparent transparent;
    border-style: solid;
    border-width: 9px 8px 0 8px;
    top: 60px;
    content: '';
    height: 0;
    left: 23%;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.per_hour_bnt a.activelink::after{
    border-color: #1b4172 transparent transparent transparent;
    border-style: solid;
    border-width: 9px 8px 0 8px;
    top: 60px;
    content: '';
    height: 0;
    left: 70%;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.book__now-tab .nav{display: inline;}
.route_btn a{color: #fff !important;}
/* ===============================================================
  FOOTER
  ================================================================ */
.footer_widget .widgettitle{margin: 0px;padding: 0px;}
.footer_widget .menu{padding-top: 20px; list-style: none;}
.footer_widget .menu li a {line-height: 30px;}
.footer_widget .menu li a::before {    content: "\f105";    font-family: FontAwesome;    font-size: 18px;    display: inline-block;    vertical-align: middle;    margin-right: 7px;    color: #ffbb33;}
/* ===============================================================
  Contact Us
  ================================================================ */
.map_iframe iframe{width:100%;}
.page-content p{padding-top:20px;}

input.join-now{
    background-color: #ffbb33;
    border-radius: 100px;
    text-align: center;
    display: block;
    line-height: 55px;
    color: #1b4172;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px !important;
    width: 230px;
    margin: 0px auto;
    text-transform: uppercase;
    border:none;
}

input.join-now:hover{
    background-color: #0D3364;
    color: #ffbb33;
    text-decoration: none;
}

.join_now_form span.wpcf7-not-valid-tip {
    font-size: 0.9rem;
    text-align: left;
    text-transform: capitalize;
    font-weight: 500;
    padding: 5px 0px;
}

h1.center_cls::after{margin:0 auto;}


input.search-field{
    border: 1px solid #e3e3e3;
    width: 100%;
    color: #000;
    line-height: 30px;
    padding: 10px 0px 10px 10px;
}
.search_btn{
    background-color: #ffbb33;
    border-radius: 0px;
    text-align: center;
    line-height: 40px;
    color: #1b4172;
    font-size: 16px;
    font-weight: 500;
    width: 100px;
    margin: 0px auto;
    text-transform: capitalize;
    border: navajowhite;
    padding: 5px;
}


/* ===============================================================
  Datepicker Calendar 
  ================================================================ */
#ui-datepicker-div {
    padding: 20px;
    color: #fff;
    background: #152b5b;
    font-size: 15px;
    -moz-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
    z-index: 999 !important;
}

.ui-datepicker {
    display: none;
}

#ui-datepicker-div a {
    color: #fff;
    text-decoration: none;
}

#ui-datepicker-div a:hover{
    background: #ffbb33;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td a,
#ui-datepicker-div .ui-datepicker-calendar tbody tr td span {
    width: 39px;
}

.ui-datepicker-calendar tbody tr td a,
#ui-datepicker-div .ui-datepicker-calendar tbody tr td span {
    padding: 5px;
    text-align: center;
    display: block;
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable {
    background: transparent;
    color: gray;

}

.ui-datepicker-title {
    text-align: center;
    padding: 0 0 5px 0;
}

.ui-datepicker-header {
    padding: 0 0 10px 0;
    position: relative;
}

.ui-datepicker-prev {
    position: absolute;
    top: 0;
    left: 0;
}

.ui-datepicker-next {
    position: absolute;
    top: 0;
    right: 0;
}

.ui-datepicker-calendar thead tr th {
    padding: 10px 0;
    margin: 0 0 10px 0;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin: 0 8px 0 0;
    color: #fff;
    display: block;
    text-align: center;
}

.ui-datepicker-prev:after {
    content: "\f104";
}

.ui-datepicker-next:after {
    content: "\f105";
}

/* ===============================================================
  Search Page / Pagination 
  ================================================================ */
.search-results-list li {
    border-bottom: #e8e8e8 1px solid;
    padding: 30px 50px;
    margin: 0;
    position: relative;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search-results-list {
    margin: 0 0 20px 0;
    list-style: none;
    color:#1b4172;
}

.search-results-list li:before {
    width: 50px;
    height: 37px;
    padding: 13px 0 0 0;
    font-size: 18px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    display: block;
    text-align: center;
    float: left;
    position: absolute;
    top: 20px;
    left: 0px;
    content: "\f08e";
    font-family: fontawesome;
    color:#1b4172;
}


.pagination{
    margin: 0 auto;
    text-align: center; 
}

.page-item:first-child .page-link,.page-item:last-child .page-link{
    border-radius: 0px;
}

.page-item.active .page-link{
    background-color: #77c1e2;
    border-color:#77c1e2;
}

.page-link{
    margin-right:10px;
    background-color:#1b4172;
    color:#fff;
    font-size: 15px;
    font-weight: 500;
}

.page-link:hover{
    background-color: #77c1e2;
    border-color:#77c1e2;
    color:#fff;
}
/* ===============================================================
  Time Picker
  ================================================================ */
.ui-timepicker-wrapper{overflow-y:auto;max-height:150px;width:10.7em;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);outline:0;z-index:10052;margin:0}.ui-timepicker-wrapper.ui-timepicker-with-duration{width:13em}.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60{width:11em}.ui-timepicker-list{margin:0;padding:0;list-style:none}.ui-timepicker-duration{margin-left:5px;color:#888}.ui-timepicker-list:hover .ui-timepicker-duration{color:#888}.ui-timepicker-list li{padding:3px 0 3px 5px;cursor:pointer;white-space:nowrap;color:#000;list-style:none;margin:0}.ui-timepicker-list:hover .ui-timepicker-selected{background:#fff;color:#000}li.ui-timepicker-selected,.ui-timepicker-list li:hover,.ui-timepicker-list .ui-timepicker-selected:hover{background:#1980EC;color:#fff}li.ui-timepicker-selected .ui-timepicker-duration,.ui-timepicker-list li:hover .ui-timepicker-duration{color:#ccc}.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{color:#888;cursor:default}.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{background:#f2f2f2}

/* ===============================================================
  Review/Feedback page
  ================================================================ */

input[type='checkbox'].glsr-field-control{
    min-height: auto !important;
}
button.glsr-button{
    background-color: #ffbb33;
    text-align: center;
    display: block;
    float:left;
    color: #1b4172;
    font-size: 18px;
    font-weight: 500;
    margin: 0px auto;
    text-transform: uppercase;
}

.navigation .page-numbers
{
    position: relative;
    padding: .5rem .75rem;
    line-height: 1.25;
    border: 1px solid #dee2e6;
    background-color: #1b4172;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.navigation .page-numbers.current
{
    background-color: #77c1e2;
    border-color: #77c1e2;
}

.glsr-default,.glsr-summary-percentage,form.glsr-form input.glsr-field-control,form.glsr-form textarea.glsr-field-control,.glsr-default .glsr-bar-percent{font-size:13px !important;}

form.glsr-form .glsr-field-choice{line-height: 24px;}


/* ===============================================================
  Booking Page
  ================================================================ */
#booking__sidear-form #tab-container{min-height: auto;}

a.ui-state-default.ui-state-active {
    background-color: #ffbb33;
}



.hide{display:none;}

.overlay-spinner {
    text-align: center;
    position: relative;
    min-height: 350px;
    top: 175px;
}

.overlay-spinner > div{
    width: 18px;
    height: 18px;
    background-color: #ddd;
    border-radius: 100%;
    display: inline-block;
    animation: spinner-bounce 1.4s infinite ease-in-out both;
}

.overlay-spinner .spinner-dot-1 {
    animation-delay: -0.32s;
}
.overlay-spinner .spinner-dot-2 {
    animation-delay: -0.16s;
}
.get_offer_btn input{ background-color:#ffbb33; border-radius:100px; text-align:center; display:block; line-height:55px; color:#1b4172; font-size:18px; font-weight:600; margin-top:30px !important; width:230px; margin:0px auto; text-transform:uppercase;}
.get_offer_btn input:hover{ background-color:#0D3364; color:#ffbb33; text-decoration:none; }


@keyframes spinner-bounce {
    0%,
    80%,
    100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}



.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
}
.general_message {
    margin: 0 auto;
    text-align: left;
    padding: 5px 15px 0px 15px;
}