/*******************************************/
/** Prenotazioni Poliambulatorio Modoetia **/
/*******************************************/


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Nunito:500,600,700');


body {
    color: #66615b;
    font-family: "Nunito", Helvetica, Arial, sans-serif;
    font-size: 17px;
}


.btn-primary {
    background-color: #c23047;
    border-color: #c33147;
}   

.btn-primary.active, .btn-primary.active:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle{
    background-color: #ececec;
    border-color: #ececec;
    color: #c33147;
} 

.btn-primary.btn-link {
    color: #c23047 !important;
}

.btn-outline-primary {
    border-color: #c23047 !important;
    color: #c33147 !important;
}

.navbar.navbar-transparent .navbar-toggler {
    margin-right: 20px;
}


.navbar.navbar-transparent .navbar-toggler .navbar-toggler-bar {
    background: #c33147 !important;
}


/** NAVBAR **/

.navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn), 
[class*=bg] .navbar-nav .nav-item .nav-link:not(.btn),
.navbar .navbar-nav .nav-item .nav-link  {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    line-height: 1.4em;
    color: #ae0a22;
    text-align:center;
    background-color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 14px;
    margin-right: 14px;
    transition: all .15s linear;
}

.navbar.navbar-transparent {
    background: #ffffff;
    box-shadow: none;
    padding-top: 5px;
    padding-bottom: 5px;
}


/** HOME **/

.page-header {
    background-image:none !important;
    background-color: #ffffff;
    min-height: 100px;
}

.page-header.page-header-full {
    background-image: url("https://www.poliambulatoriomodoetia.it/wp-content/prenodbm/img/bg-home-prenotazioni.jpg") !important;
    background-position: center top;
    background-size: cover;
    min-height: 100px;
}

.page-header .filter:after {
    background-color: rgb(254 254 254 / 75%) !important;
}

.page-header .motto {
    color: #323232;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 40px 65px 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.page-header .motto h1 {
    font-size: 64px;
    text-transform: uppercase;
    font-weight: 700;
    color: #3e3d3d;
}

.page-header .motto h2.subtitle {
    font-size: 29px;
    font-weight: 500;
    margin-top: 0px;
}

.page-header .motto h2::after {
    content: "";
    border: 2px solid #c33147;
    display: block;
    width: 30%;
    margin: 20px auto;
}

.page-header .motto h3 {
    font-weight: 400;
    font-size: 20px !important
}

.page-header .motto .address-note{
    margin-top: 40px;
}

.page-header .motto  a.link-to-website {
    font-weight: 600;
    font-family: "Nunito";
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #ae0a22;
}

.page-header .motto a.btn.btn-outline-neutral {
    background-color: #c33146;
    border-color: #c33147;
    font-size: 15px;
}

.page-header .motto a.btn.btn-outline-neutral:hover{
    background-color: #ececec;
    border-color: #ececec;
    color: #c33147;
}




.card .card-header {
    background-color: #c33147;
    color: #ffffff;
}

.alert-warning {
    background-color: #ffeabf;
    color: #a78f63;
}

#register-link-shortcut {
    color: #c23047;
    font-weight: 700;
}


.resource-booking-box h5.mb-0{
    font-weight: 600;
    letter-spacing: -0.5px;
    padding-bottom: 7px;
    margin-top: 15px;
}

.resource-booking-box h6 {
    line-height: 1.4em !important;
    padding-bottom: 0.3em !important;
    font-weight: 700;
}

.day-column-title {
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 6px 3px;
}

.day-column-title div {
    font-weight: 600 !important;
    font-family: 'Nunito';
    line-height: 1.3em;
    font-size: 16px;
}

.b-form-btn-label-control.dropdown.form-control>.form-control{
    text-align: center;
    font-size: 16px;
}

.day-column.d-none {
    background-color: #f0f0f0;
}


.card-register .nav-tabs-navigation .nav-tabs .nav-item .nav-link:hover {
    color: #C23047;
}
.card-register .nav-tabs-navigation .nav-tabs .nav-item .nav-link.active {
    color: #C23047;
}


.form-check .form-check-label{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
} 

.form-check .form-check-label .btn{
    text-transform: none;
}

.form-check .form-check-label, .form-check .form-check-label .btn {
    font-size: 13px !important;
    line-height: 1.5em;
    font-family: "Nunito";
}

.form-check .form-check-sign:before{
    top: -3px;
}

.form-check .form-check-sign:after{
    top: 0px;
}


fieldset legend {
    padding-top: 30px;
    padding-bottom: 10px;
    font-weight: 700;
}

.modal-body .alert-info {
    background-color: #62615f;
    color: #fff;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 16px;
}

.modal-body .alert-info .form-group h5{
    font-size: 1.6em;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 0;
}

.modal-body .alert-info hr {
    border-color: #a6a6a6;
}


/** FOOTER **/

.footer.footer-black {
    background-color: #ffffff;
    color: #000000;
    border-top: none !important;
}

.footer span.copyright {
    font-family: 'Nunito';
    margin-top: 15px;
    margin-bottom: -12px;
    display: block;
    font-size: 13px;
    color: #9c9c9c;
}

.footer span.legal-terms{
    font-size: 13px;
    color: #c6c6c6;
}

.footer span.legal-terms a {
    font-family: 'Nunito';
    color: #9c9c9c;
}



.navbar .navbar-collapse .nav-item .dropdown-item i {
    font-size: 13px;
    top: -1px;
}


/** RESPONSIVE **/

@media screen and (max-width: 991px) {
    .navbar .navbar-collapse {
        border-left: none !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .navbar .navbar-collapse .btn {
        width: 100%;
    }
    .navbar .navbar-collapse:after {
        background-color: #e9e9e9;
    }
    .navbar .navbar-collapse .navbar-nav .nav-item .nav-link{
        color: #ae0a22 !important;
        margin-right: 0px;
    }

   .dropdown.show .dropdown-menu.show {
        background: #ffffff !important;
    }
}

@media only screen and (max-width : 768px) {
   .page-header .motto h1 {font-size:43px !important}
   .page-header .motto h2 {font-size:20px !important}
   .page-header .motto h3 {
        font-size: 20px !important;
        width: 70%;
        margin: 0 auto 15px;
    }
}