.btn-primary {
    color: #fff;
    background-color: #1d7c3c;
    border-color: #1d7c3c;
}
.btn-primary:hover {
    color: #fff;
    background-color: #A0B538;
    border-color: #A0B538;
}
.btn-danger {
    color: #fff;
    background-color: #d26a5c !important;
    border-color: #d26a5c !important;
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active {
    color: #fff;
    background-color: #ca4f3e !important;
    border-color: #c54736 !important;
}
.btn-alt-dark{
    color: #343a40 !important;
    background-color: #ced3d8 !important;
    border-color:#ced3d8 !important;
}
.bg-primary-dark-op {
    height: 100%;
}
.bg-image {
    height: 100%;
}
.hero {
    height: 100%;
}

/* body {
    background-color: #fff;
} */
#calendar {
    padding: 20px;
    width: 100%;
    background: #fff;
}

.prenotazione {
    padding: 20px;
    background: #fff;
}
.nuovo-appuntamento {
    background-color: #1d7c3c;
    color: #fff;
}
.sidebar-dark #sidebar .nuovo-appuntamento .nav-main-link {
    color: #fff;
}


.fc-event-title {
    text-align:right;
    color: #343a40;
}

.fc .fc-list-event-dot,
.fc-daygrid-event-dot {
    border-color: #46c37b;
}


/* ************************************ FRONTEND 2021 ************************************ */
body {
    background-color: #fff;
}
.block {
    box-shadow: 0 1px 2px rgb(214 219 226 / 50%), 0 1px 2px rgb(214 219 226 / 50%);
}
.block-header-default {
    background-color: #f6f7f9;
}
a.standard-link {
    color: #1d7c3c;
}
a.standard-link:hover {
    color: #A0B538;
}
.color-white {
    color: #fff !important;
}
.color-black {
    color: #373737 !important;
}
.color-green {
    color: #1d7c3c !important;
}
/* ***************** HEADER ***************** */
.content-header {
    height: 60px;
}
.content-header .navbar-brand img {
    max-height: 50px;
}
.content-header ul.navbar-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}
.content-header ul.navbar-nav li {
    margin-right: 20px;
}
.content-header ul.navbar-nav li a {
    color: #373737;
}
.header-cta {
    margin:0;
    font-size: 12px;
    line-height: 1;
}
.header-cta span {
    color: #1d7c3c;
    font-size: 18px;
    font-weight: 900;
}
/* ***************** SLIDER ***************** */
.hero-slider {
    height: 400px;
    width: 100%;
}
.slick-list, .slick-track {
    height: 100%;
}
.hero-slider .slide-img {
    height: 400px;
    position: relative;
}
.overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
.hero-slider .slide-info {
    position: relative;
    z-index: 2;
    height: 100%;
    text-align: center;
}
.hero-slider .slide-info h2.slide-title {
    color: #fff;
}
.hero-slider .slide-info h3.slide-text {
    color: #fff;
}
.hero-slider .slide-info .slide-button {

}

p.details {
    color: #fff;
    font-size: 10px;
    font-style: italic;
    margin: 10px 0 0 0;
}
p.text-p {
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.position-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    padding: 10px;
}

/* ***************** SERVIZI ***************** */
.single-service {
    margin-top: 50px;
    text-align: center;
}
.single-service-img {
    overflow: hidden;
    border-radius: 100%;
    position: relative;
}
.single-service .responsive-ratio {
    position: relative;
    width: 100%;
}
.single-service .responsive-ratio:before {
    position: relative;
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
}
.single-service .responsive-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single-service h3 {
    margin: 20px 0 0 0;
    color: #1D7C3C;
}
.single-service p {
    margin: 10px 0;
}
.single-service a {

}

/* ***************** EVENTI ***************** */
.single-event {
    position: relative;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.single-event .event-info {
    position: relative;
    z-index: 2;
    height: 100%;
    text-align: center;
}
.single-event h4 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}
.single-event h1,
.single-event h2 {
    font-size: 40px;
    margin: 20px 0 0 0;
}
.single-event h3 {
    font-size: 25px;
    margin: 30px 0 0 0;
}
.single-event button {
    margin: 50px 0 0 0;
}

#single-page .hero-page .single-event {
    height: 250px;
    border-radius: 0;
}
#single-page .event-content {

}

.gallery .grid {
    display: grid;
    grid-template-rows:
        repeat(4, 180px);
    grid-template-columns:
        repeat(3, 1fr);
    grid-gap: 5px;
}
.image:nth-child(1) {
    grid-row: 1 / 4;
}
.image:nth-child(2) {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
}
.image:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 3 / 5;
}
.image:nth-child(4) {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}
.image:nth-child(5) {
    grid-column: 1 / 3;
    grid-row: 4 / 5;
}
/* styling code */
.gallery .grid {
    margin:20px auto;
    max-width:1000px;
}
.gallery .grid > .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}
.banner.banner-vertical {
    height: 600px;
    padding: 10px;
}
.banner .banner-info {
    position: relative;
    z-index: 2;
    height: 100%;
    text-align: center;
}
.banner.banner-vertical h4 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
}
.banner.banner-vertical h2 {
    font-size: 30px;
    margin: 20px 0 0 0;
}
.banner.banner-vertical h3 {
    font-size: 18px;
    margin: 30px 0 0 0;
}
.banner.banner-vertical .banner-button {

}

.single-promo {
    margin-top: 0;
}
.single-promo .responsive-ratio {
    position: relative;
    width: 100%;
}
.single-promo .responsive-ratio:before {
    position: relative;
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6%;
}
.single-promo .responsive-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

/* ***************** CONTATTI ***************** */
.single-farmacy {
    margin-top: 50px;
}
.single-farmacy .responsive-ratio {
    position: relative;
    width: 100%;
}
.single-farmacy .responsive-ratio:before {
    position: relative;
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6%;
}
.single-farmacy .responsive-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.single-farmacy h3 {
    color: #1d7c3c;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.single-farmacy p {
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 0 0;
}
.single-farmacy .single-farmacy-img {
    margin-top: 20px;
}

/* ***************** CONTATTI ***************** */
#events {
    background-color: #A0B538;
}


#mobilemenu {
    display: none;
}

@media screen and (max-width:995px) {
    #mobilemenu {
        display: block;
    }
    #desktopmenu,
    #socials {
        display: none !important;
    }

}
