@media (min-width: 1010px) {
    .navbar-light {
        padding: 0 10%;
    }
}

/*navbar Logo*/
.navbar.navbar-light.navbar-expand.bg-dark {
    background-color: black !important;
}

.container-fluid i.fa-brands.fa-facebook-f {
    color: white !important;
    color: #FF872C !important;
    font-size: 0.9em !important;
}

.container-fluid i.fa-brands.fa-facebook-f:hover {
    color: white !important;
}

.fa-solid.fa-phone {
    color: #FF872C !important;
    font-size: 0.9em !important;
}

@media (max-width: 375px) {
    .disappear{
        display: none !important;
    }
}

.navbar.navbar-light.navbar-expand.bg-dark ul.navbar-nav li.nav-item a.nav-link {
    color: white !important;
}

.navbar.navbar-light.navbar-expand.bg-dark ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #FF872C !important;
    /*Animation --> https://animate.style/ */
    animation: pulse;
    animation-duration: 2s;    
}

/*<----- fix navbar mobile ----->*/
@media (min-width: 991px) { 
    .disappear-inicio {
        display: none !important;
    }
}
@media (max-width: 991px) { 
    .disappear-menu {
        display: none !important;
    }
}
/*<----- end fix navbar mobile ----->*/

.dropdown-menu.show {
    background-color: #FF872C;
    text-transform: uppercase;
    border: 3px double white;
}

.dropdown-menu.show .dropdown-item {
    color: black !important;
    font-weight: bold;
}

@media (max-width: 768px) {
    .dropdown-menu.show {
        text-align: center !important;
    }
    .dropdown-menu.show .dropdown-item {
        padding-left: 0;
    }
}

.dropdown-menu.show .dropdown-item:hover {
    background-color: #FF872C;
    color: white !important;
}

/*2 navbar*/
.navbar.navbar-light.navbar-expand-lg {
    background-color: #FF872C !important;
    color: black !important;
    /*padding navbar orange + navbar black fixed-top*/
}

@media (min-width: 1009px) { 
    .navbar.navbar-light.navbar-expand-lg {
        padding-top: 48px !important
    }
}

@media (max-width: 1008px) { 
    .navbar.navbar-light.navbar-expand-lg {
        padding-top: 64px !important
    }
}

.offcanvas-body.d-lg-flex.justify-content-end .nav-link{
    text-transform: uppercase;
    font-weight: bold;
    color: black !important;
}

.offcanvas-body.d-lg-flex.justify-content-end .nav-link:hover{
    color: white !important;
    text-decoration-line: overline;
    text-decoration-thickness: 2px;

}

.navbar-light .navbar-toggler{
    border-color: rgba(0,0,0,0) !important;
}

.offcanvas {
    background-color: #FF872C !important;
}

.btn-close {
    --bs-btn-close-opacity: 1 !important;
}

.Logo-Taxi {
    padding: 13px 0 13px 0;
}

/*video*/
@media (max-width: 425px) {
    html, body {
        overflow-x: hidden;
    }

    .video-center .w-100{
        width: 245% !important;
        position: relative;
        left: -300px;
    }
}

@media (min-width: 768px) {
    .video-center .w-100{
        height: 600px;
        object-fit: cover;
        z-index: -100;
    }
}

.video-center{
    margin: 0 0 5% 0;
}

.carousel-caption {
    top: 25%;
    z-index:1;
}

@media (min-width: 1628px) { 
    .carousel-caption {
        padding: 0 15%;
    }
}

.size-text {
    /*font-size: 2.5em !important;*/
    /* font-size: 250% !important; */
    text-transform: uppercase;
    color: #FF872C;
    font-weight: bold;
}

.size-title {
    /*font-size: 5em !important;*/
    /* font-size: 500% !important; */
    text-transform: uppercase;
    background-color: #FF872C;
    font-weight: bold;
}

@media (max-width: 399px) { 
    .size-text {
        font-size: 1.3em !important;
    }
        .size-title {
        font-size: 1.7em !important;
    }
}

@media (min-width: 400px) and (max-width: 768px) {
    .size-text {
        font-size: 1.6em !important;
    }
        .size-title {
        font-size: 1.9em !important;
    }
}

.size-title a {
    color: white;
    text-decoration: none;
}

.size-title a:hover{
    color: black;
    /*Animation --> https://animate.style/ */
    display: inline-block;
    animation: bounce;
    animation-duration: 2s;
}


/*Info Taxi*/
.btn-orange {
        --bs-btn-color: #fff;
        --bs-btn-bg: #FF872C;
        --bs-btn-border-color: #FF872C;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #FF872C;
        --bs-btn-hover-border-color: #FF872C;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #FF872C;
        --bs-btn-active-border-color: #FF872C;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #FF872C;
        --bs-btn-disabled-border-color: #FF872C;
} 

.container.info {
    padding: 0 12px;
}

.title-info {
    padding: 0 0 1.2em 0;
    text-transform: uppercase;
    font-weight: bold;
}

.title {
    padding: 0 0 2.7em 0;
    text-transform: uppercase;
    font-weight: bold;
}

.title h4 {
    text-decoration-line: overline;
    text-decoration-thickness: 4px;
    text-decoration-color: #FF872C;
}

.title h6 {
    padding: 10px 0;
    color: #FF872C;
}

.service p i {
    /* padding: 0 18px 18px 0; */
    padding: 9px;
    border: 2px solid #FF872C;
    margin: 0 18px 18px 0;
    border-radius: 100%;
    font-size: 20px;
}

.service p.service-text{
    padding: 0 0 0 60px;
    color: gray;
}

@media (min-width: 576px) and (max-width: 991px) {
    .service p.service-text{
        padding: 0;
    }
  }

.btn.btn-orange {
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    padding: 0.6em;
}

.btn.btn-orange.infoTaxi {
    margin: 2.8em 0em;
}

.btn.btn-orange:hover {
    color: black;
    /*Animation --> https://animate.style/*/
    animation: heartBeat;
    animation-duration: 2s;
}

/*RADIO TAXI ANDRATX 24 HORAS / 7 DÍAS"*/
.section2 {
    background-color: rgb(128, 128, 128, 12%);
}

.section2 .container .row {
    padding: 5em 0;
}

.section2 .container hgroup h2{
    text-transform: uppercase;
    font-weight: bold;
}

.btn.btn-orange.h24 {
    margin: 2em 0em 0em 0em;
}


.section2 .container img {
    padding: 0 0 3em 0;
}


/*¿Por qué taxis Andratx?*/
hgroup h3, h6 {
    text-transform: uppercase;
    font-weight: bold !important;
}
.section3 hgroup h6 {
    color: #FF872C;
}

hgroup h6 {
    color: #FF872C;
}

.section3 .container .row {
    padding: 5em 0;
}

/* 1taxi! app */
.section4 {
    background-color: rgb(128, 128, 128, 12%);
}

.section4 hgroup h3, h6 {
    text-transform: uppercase;
    font-weight: bold !important;
}
.section4 hgroup h6 {
    color: #FF872C;
}

.section4 .container .row {
    padding: 5em 0;
}

@media (max-width: 991px) {
    footer .widgets .widget img {
        border: 1em;
        margin: 2em 0;
    }
  }

/*tarifas table*/
.section2 .container .row.align-items-center .title.text-center p {
    font-size: 0.78em !important;
    padding: 0 2.8em;
}

@media (min-width: 768px) {
    .section2 .container .row.align-items-center .title.text-center p {
        display: none !important;
    }
}

/*1taxi! app*/
@media (min-width: 50px) and (max-width: 575px) {
    img.app-taxi {
        margin: 0 0 3em 0 !important;
    }
  }

/*footer*/
footer {
    background-color: black;
    color: white;
    padding: 3.5em 0;
}


.address:hover {
    /*Animation --> https://animate.style/ */
    animation: pulse;
    animation-duration: 2s;
}

footer .widget .address a {
    color: gray;
    text-decoration: none;
}

footer .widget ul .address a:hover {
    color: white;
}

footer ul li .fa-solid.fa-location-dot {
    color: gray;
    margin: .5em;
}

.copyright.terms{
    padding: 2em  0 0 0;
}

.terms-text {
    color: gray;
    text-decoration: none;
}

.terms-text:hover {
    color: white;
}

.copyright {
    color: gray;
    text-decoration: none;
}

.copyright:hover {
    color: white;
}

.border-top {
    margin: 2em 0 0 0;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

/*URL Color Page 404 */
.color-link {
    color: #FF872C;
    text-decoration: none;
}

.color-link:hover {
    color: black;
}

/*email --> PROMOCIONA TU NEGOCIO */
.email {
    color: #FF872C;
    font-weight: bold;
    text-decoration: none;
}

.email:hover {
    color: white;
    background-color: #FF872C;
}

/*Push notifications == Toasts*/
.text-bg-primary {
    background-color: #3B5998 !important;
}

.text-bg-primary a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.text-bg-primary a:hover {
    color: #ADB9D3;
}

/*Toasts == cookies alert in phone*/
@media (max-width: 769px) {
    .bottom-25 {
        bottom: 22%!important;
    }
}

@media (min-width: 770px) {
    .bottom-normal {
        bottom: 0!important;
     }
}


/*Aligned button center*/
@media (max-width: 575px) {
    .btn-center {
        text-align: center!important;
     }
}


/*Sponsor IMG*/
@media (min-width: 1200px) {
    .img-fluid.sponsor {
        padding: 0 95px !important;
     }
}

/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */

 /* START Bootstrap-Cookie-Alert */

 .cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 29%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    border-radius: 0px !important;
    background-color: #FF872C;
    color: #fff;
    border-color: #FF872C;
}

@media (max-width: 767px) {
    .cookiealert {
        width: 100%;
    }    
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert p {
    color: black;
    text-align: center;
}
.cookiealert a {
    color: black;
}
.cookiealert a:hover {
    color: #fff;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
    border-color: #FF872C !important;
}

.cookiealert button {
    color: #FF872C;
    background: #fff;
}

.cookiealert button:hover {
    color: #fff;
    background: #FF872C;
    border-color: #fff !important;
}


/* END Bootstrap-Cookie-Alert */