/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
    --color1: #57AB27;
    --color2: #006C2C;
    --color3: #8CCD00;
    --color4: #b6e001;
}

html {
	scroll-behavior: smooth !important;
}

a {
	color: var(--color1);
}

.text-green {
	color: var(--color1) !important;
}

.text-green.dark {
	color: var(--color2) !important;
}

.bg1 {
    background-color: var(--color1);
}

.bg2 {
    background-color: var(--color2);
}

.bg3 {
    background-color: var(--color3);
}

.btn-zigzag {
    background-color: var(--color1) !important;
    color: #ffffff !important;
    font-weight: bold;
    width: fit-content;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-zigzag:hover {
    background-color: var(--color2) !important;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px !important;
}

.content-wrap {
    padding-top: 0;
}

.lead {
    font-weight: 500;
}

.swiper-slide-bg {
    filter: brightness(66%);
}

.slider-caption.slider-caption-center {
    max-width: 1024px;
}

.menu-link {
    font-size: 1.5rem;
    font-weight: 500;
}

.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: var(--color1);
}

h4.title-block {
    font-weight: 400;
}

.entry-meta li {
    margin: 0 0 10px 0;
}

.title-block {
    border-left: 7px solid var(--color1);
}

.text-normal {
    font-weight: normal !important;
}

.dettagli div {
    padding-bottom: 15px;
    font-weight: bold;
}

.dettagli svg {
    width: 30px !important;
    height: 30px !important;
}

.rules h2 {
    padding-top: 30px;;
}

.rules svg {
    float: left;
    padding-right: 5px;
}

@media (min-width: 992px) {
    .top-search-form input {
        font-size: 24px;
        font-weight: 500;
    }
    
}

.owl-carousel .owl-wrapper {
    display: flex !important;
}
.owl-carousel .owl-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    max-width: initial;
}