/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/


#wpadminbar { display: none !important; }

.no-margin {
    margin: 0;
}
.home .primary-menu > li.current-menu-parent > a, .home .primary-menu > li.current-menu-ancestor > a, .home .primary-menu > li.current-menu-item > a, .home .primary-menu > li.current_page_item > a {
     border: none;
}
.home h1 {
    color:  #004F0F;
    font-size: 40px;
    font-weight: 400;
}

.home h2 {
    color:  #004F0F;
    font-size: 48px;
    line-height: 58px;
}

.home #contattaci {
    padding-top: 48px;
    padding-bottom: 16px;
}
.home #contattaci h2, .home #contattaci label, .home #contattaci .wp-block-button__link {
    color: white;
}
.home #contattaci h2 {
    font-size: 40px;
    line-height: 48px;
}
.home #contattaci .wp-block-columns {
    column-gap: 121px;
}
.home #contattaci form p {
    margin-bottom: 20px;
}
.home #contattaci input[type="submit"] {
    border-radius: 30px;
    padding: 20px 40px 20px 40px;
    height: auto;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}



.home .wp-block-columns {
    margin-bottom: auto;
}

.home .wp-block-columns.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
.home section.wp-block-group {
    padding-top: 40px;
    padding-bottom: 40px;
}
.home section.wp-block-group:last-of-type {
    padding-bottom: 0;
}
.home div.wp-block-image.img-app-store {
    margin: 0;
}

.home .wp-block-columns p {
    padding-left: 0;
    padding-right: 0;
}
/* Hero Section */
.hp-hero  {
    background: url(../images/hero-bg-green-mobile.png) no-repeat top center;
    background-size: contain;
}

.hp-hero  .wp-block-buttons {
    flex-wrap: nowrap !important;
}

.box-col-txt-sx h2, .box-col-txt-dx h2 {
    color:  #004F0F;
    line-height: 60.5px;
    font-size: 48px;
}
.box-col-txt-sx p:first-of-type, .box-col-txt-dx p:first-of-type {
    font-size: 24px;
    font-weight: 700;
}
.box-col-txt-sx p, .box-col-txt-dx p {
    line-height: 28px;
    font-size: 20px;
}
.hp-box-img img{
    border-radius: 10px;
}

.box-login p {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 20px;
}


.bg-green {
    background: linear-gradient(180deg, #8AB20F 0%, #4E740B 100%);
    border-radius: 15px;
    padding: 47px 30px 47px 30px;
    color: white;
    /* height: 350px; */
    margin-top: 180px;
}
.bg-green .wp-block-image{
    margin: 0;
}
.bg-green h3 {
    color: white;
    font-size: 28px;
    line-height: 35px;
}
.bg-green .wp-block-group__inner-container {
    margin-top: -180px;
}

/* Footer */
.footer-menu {
    justify-content: center;
}
.footer-menu a {
    margin-left: 15px;
    margin-right: 15px;
}
#menu-footer li a {
    border: 0;
}

.bb-template-v2 .site-header .user-wrap.menu-item-has-children > .user-link:hover .user-name {
	color: #4e740b;
}

/* Carousel HP guests */
.wp-block-cb-carousel .slick-prev {
    left: 25px;
}
.wp-block-cb-carousel .slick-next {
    right: 25px;
	left: auto;
}
@media (min-width: 1025px) {
	.wp-block-cb-carousel .slick-dots {
		display: none !important;
	}
}

@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }

    .invert-columns-mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .hp-hero {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        text-align: center;
    }

    #menu-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-bottom-right {
        padding-left: 0;
    }

    .copyright {
        margin-top: 20px;
    }
}


@media (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
    .site-header-container #site-logo .bb-logo img, .site-header-container #site-logo .site-title img.bb-logo, .site-title img.bb-mobile-logo {
        min-height: 120px;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 10;
    }

    .hp-hero  {
        background: url(../images/hero-bg-green.png) no-repeat top right;
        /*background-size: contain;*/
    }

    .box-col-txt-sx {
        padding-right: 135px;
    }
    .box-col-txt-dx {
        padding-left: 135px;
    }
}