@charset "UTF-8";

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
	--mars-color-pink: #F33AD0;
	--mars-color-black: #000000;
	--mars-color-white: #ffffff;
	--mars-color-gray-light: #F3F3F3;
	--mars-color-green: #179C73;
	--mars-color-blue: #009EE3;
	--mars-color-red: #E53323;
	--mars-color-yellow: #FFF267;

	--mars-color-season: var(--mars-color-pink);

	--wp--custom--transition-default: .25s ease-in-out;

	--wp--preset--font-size--small: 14px;
	--wp--preset--font-size--medium: clamp(17px, 2.5vw, 20px);
	--wp--preset--font-size--large: clamp(23px, 4.5vw, 28px);
	--wp--preset--font-size--x-large: clamp(35px, 7vw, 65px);
}

.wp-block-post-title,
.wp-block-heading {
    margin-top: 0;
    margin-bottom: 0;
}

.wp-block-buttons.is-layout-flex {
    gap: 1em;
}

/* Text colors */
.has-mars-pink-color {
	color: var(--mars-color-pink);
}

.has-mars-black-color {
	color: var(--mars-color-black);
}

.has-mars-white-color {
	color: var(--mars-color-white);
}

.has-mars-gray-light-color {
	color: var(--mars-color-gray-light);
}

.has-mars-green-color {
	color: var(--mars-color-green);
}

.has-mars-blue-color {
	color: var(--mars-color-blue);
}

.has-mars-red-color {
	color: var(--mars-color-red);
}

.has-mars-yellow-color {
	color: var(--mars-color-yellow);
}


/* Background colors */
.has-mars-pink-background-color {
	background-color: var(--mars-color-pink);
}

.has-mars-black-background-color {
	background-color: var(--mars-color-black);
}

.has-mars-white-background-color {
	background-color: var(--mars-color-white);
}

.has-mars-gray-light-background-color {
	background-color: var(--mars-color-gray-light);
}

.has-mars-green-background-color {
	background-color: var(--mars-color-green);
}

.has-mars-blue-background-color {
	background-color: var(--mars-color-blue);
}

.has-mars-red-background-color {
	background-color: var(--mars-color-red);
}

.has-mars-yellow-background-color {
	background-color: var(--mars-color-yellow);
}

/* Editor page template */
.page-template-page-editor #site-main,
.home #site-main {
	padding: 0 !important;
}

.page-template-page-editor #masthead {
	display: none !important;
}

.home #site-main > .container,
.page-template-page-editor #site-main > .container {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
}

.home .page__content,
.page-template-page-editor .page__content {
	line-height: 1.5;
}

.page-template-page-editor .page__content > *:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.page-template-page-editor .page__content > *:where(.alignfull):not(.surmars-season-wrapper) > .wp-block-group__inner-container,
.page-template-page-editor .page__content > .surmars-season-wrapper > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container,
.home .page__content > *:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.home .page__content > *:where(.alignfull):not(.surmars-season-wrapper) > .wp-block-group__inner-container,
.home .page__content > .surmars-season-wrapper > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
    max-width: 1500px;
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-left: clamp(20px, 4vw, 60px);
    padding-right: clamp(20px, 4vw, 60px);
}

.home #site-footer,
.page-template-page-editor #site-footer {
	padding-top: 0; 
}

.home img[src*="svg"],
.page-template-page-editor img[src*="svg"] {
	user-select: none;
	-webkit-user-drag: none;
}

.wp-block-group {
    background-position: var(--octopods-group---octopods-group-background-position, 50% 50%);
    background-size: var(--octopods-group-background-size, cover);
    background-repeat: var(--octopods-group-background-repeat, no-repeat);
    background-attachment: var(--octopods-group-background-attachment, auto);
}

/* Events query */

.event-header-title + * {
	margin-top: 2rem;
}

.event-header-title h2 {
	font-size: clamp(1.45rem, 5vw, 26px);
    line-height: 1;
    text-wrap: balance;
}

/* Query posts */

.wp-block-post .wp-block-group:before,
.wp-block-post .wp-block-group:after  {
	pointer-events: none !important;
}

.wp-block-post .wp-block-post-featured-image {
	z-index: 0;
}

.wp-block-post .wp-block-post-featured-image {
	background-color: #000;
    margin-bottom: 0;
}

.wp-block-post .wp-block-post-featured-image + .wp-block-post-title {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	left: 15px;
	pointer-events: none;
}

.wp-block-post .wp-block-post-featured-image + .wp-block-octopods-event-date {
	margin-top: 1.5rem;
}

.surmars-event-lateral {
    margin-bottom: 3vw;
}

.surmars-event-lateral .wp-block-post-featured-image {
	margin-bottom: 0;
}

.odd > .surmars-event-lateral {
	flex-direction: row-reverse;
}

.surmars-event-lateral .wp-block-post-title {
    margin-bottom: 2vw;
    text-wrap: balance;
}

.surmars-event-lateral .wp-block-post-excerpt__excerpt {
    max-width: 400px;
    line-height: 1.5;
}

/* sliders */
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 25px;
    left: auto;
    text-indent: 3px;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 25px;
    text-indent: -3px;
}

.swiper-button-prev, .swiper-button-next {
    top: 50%;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity: 0 !important;
	display: none !important
}

.swiper-pagination {
	position: static;
    margin-top: 2rem;
}


.octopods-post-template-swiper {
	padding-bottom: 0 !important;
}

div.wp-block-getwid-images-slider button.slick-next, div.wp-block-getwid-images-slider button.slick-prev,
.octopods-post-template-swiper .swiper-button-prev, .octopods-post-template-swiper .swiper-button-next {
	background: var(--mars-color-season);
	color: inherit !important;
	box-shadow: 0 0 0 0 var(--mars-color-season) !important;
	transition: .25s ease-in-out;
	width: 45px;
}

div.wp-block-getwid-images-slider button.slick-next, div.wp-block-getwid-images-slider button.slick-prev {
	display: flex;
	align-items: center;
	justify-content: center;
    height: auto;
    aspect-ratio: 1;
    border-radius: 100%;
}

.wp-block-getwid-images-slider button.slick-next:before, .wp-block-getwid-images-slider button.slick-prev:before {
	display: none !important
}

.wp-block-getwid-images-slider button.slick-next:after, .wp-block-getwid-images-slider button.slick-prev:after {
    content: 'next';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 20px;
    text-shadow: none;
}

.wp-block-getwid-images-slider button.slick-prev:after {
	content: 'prev';
}

.has-mars-pink-background-color .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	background: #fff;
	opacity: 1 !important;
}

.octopods-post-template-swiper .swiper-button-prev:hover, .octopods-post-template-swiper .swiper-button-next:hover {
	box-shadow: 0 0 0 5px var(--mars-color-season) !important;
}

/* Buttons */
.wp-block-button__link {
	background-color: rgba(0,0,0,0);
	border-radius: 0;
	border: 2px solid #000 !important;
	color: inherit;
	padding: 1.2rem .5rem;
    font-size: 1.3em;
    text-decoration: none !important;
    box-shadow: 0 0 0 0 #000 !important;
}

.wp-block-button:not(.wp-block-button__width-100) .wp-block-button__link {
	min-width: 270px;
}


.is-style-plain .wp-block-button__link {
	background-color: #000;
	color: #fff;
}

.wp-block-button__link:hover,
.wp-block-button__link:active,
.wp-block-button__link:focus {
	background-color: #000;
	color: #fff;
	box-shadow: 0 0 0 4px #000 !important;
}


/* newsletter */

.wp-block-group .pull-left.hidden-footer {
	display: none;
}

.wp-block-group .mc4wp-form .input-group .form-control {
	height: 60px;
	transition: .25s ease-in-out;
}

.wp-block-group .mc4wp-form {
	max-width: 750px;
	margin: 0 auto;
}

.wp-block-group .mc4wp-form .input-group-btn .btn {
	height: 60px;
	background: #bbb;
    color: #000;
}

.wp-block-group .mc4wp-form .input-group-btn .btn:hover {
	background: #ccc;
}

.surmars-season-sticky {
	position: sticky;
	top: 70px;
	z-index: 9;
    padding: 20px;
}

.admin-bar .surmars-season-sticky {
	top: calc(70px + 32px);
}

/* Misc & Utils */

.h-100 {
	height: 100% !important;
}

.w-100 {
	width: 100% !important;
}

.mt-auto {
	margin-top: auto !important;
}

.is-content-justification-stretch {
    justify-content: space-between;
}

.has-x-large-font-size {
	line-height: 1;
}

ol li + li {
	margin-top: 2rem;
}

.gap-0 {
	gap: 0;
}

.gap-row-0 {
	row-gap: 0;
}

.wp-block-getwid-advanced-spacer[style*="6vw"] { min-height: 0; }
.wp-block-getwid-advanced-spacer[style*="5vw"] { min-height: 50px; }
.wp-block-getwid-advanced-spacer[style*="4vw"] { min-height: 40px; }
.wp-block-getwid-advanced-spacer[style*="3.5vw"] { min-height: 35px; }
.wp-block-getwid-advanced-spacer[style*="3vw"] { min-height: 30px; }
.wp-block-getwid-advanced-spacer[style*="2.5vw"] { min-height: 25px; }
.wp-block-getwid-advanced-spacer[style*="2vw"] { min-height: 20px; }


.surmars-season-fioritures {
	max-width: 1100px;
	margin: 0 auto;
	margin-bottom: -6vw;
    justify-content: space-between;
}

.surmars-sun {

}

.surmars-music {
    margin-top: -6vw !important;
}

.navbar-secondary.nav>li.menu-item>a.dropdown-toggle,
.navbar-cart.nav>li.menu-item>a.dropdown-toggle {
	text-align: center;
}

.pum-theme-lightbox .pum-container {
    max-width: clamp(20px, 675px, 90vw);
}

.pum-theme-lightbox .pum-container .pum-content {
    line-height: 1.5;
}

.pum-theme-lightbox .pum-container .pull-left.mr-sm.hidden-footer {
	display: none !important;
}

.pum-theme-lightbox .pum-container .mc4wp-response .mc4wp-alert {
    padding: 1rem;
    background-color: #eee;
}

.pum-theme-lightbox .pum-container .mc4wp-response .mc4wp-alert p {
	margin-bottom: 0;
}

.pum-theme-lightbox .pum-container .mc4wp-response .mc4wp-alert.mc4wp-success {
	color: #fff;
	background-color: var(--mars-color-green);
}

.pum-theme-lightbox .pum-content+.pum-close {
	width: 40px !important;
	height: 40px !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9.2 16.2 2.8-2.8 2.8 2.8 1.4-1.4-2.8-2.8 2.8-2.8-1.4-1.4-2.8 2.8-2.8-2.8-1.4 1.4 2.8 2.8-2.8 2.8z'/%3E%3Cpath d='M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm0-18a8 8 0 1 1 0 16 8 8 0 0 1 0-16z'/%3E%3C/svg%3E");
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9.2 16.2 2.8-2.8 2.8 2.8 1.4-1.4-2.8-2.8 2.8-2.8-1.4-1.4-2.8 2.8-2.8-2.8-1.4 1.4 2.8 2.8-2.8 2.8z'/%3E%3Cpath d='M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm0-18a8 8 0 1 1 0 16 8 8 0 0 1 0-16z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	background-color: currentColor !important;
	color: #fff !important;
}

.pum-theme-lightbox .pum-content+.pum-close i {
	display: none !important
}

@media screen and (min-width: 768px) {
	.event-header-title {
		min-height: 100px;
	}
}

@media screen and (max-width: 768px) {
	.octopods-post-template-swiper .swiper-button-prev, .octopods-post-template-swiper .swiper-button-next {
		/*display: none !important;*/
	}
	.octopods-post-template-swiper .wp-block-post-template li {
		display: flex;
		flex-direction: column;
	}
	.octopods-post-template-swiper .wp-block-post-template li .wp-block-post-featured-image {
		order: 99;
	}
	.surmars-event-lateral {
	    flex-direction: column-reverse;
        gap: 0;
	}
	.wp-block-post-title.has-x-large-font-size {
		text-align: center;
	}
	.wp-block-post-excerpt__excerpt {
		text-align: justify;
	}
	.surmars-image-5euros-mobile {
	    position: relative;
	    top: -23px;
	}
	.wp-block-post .wp-block-post-featured-image + .wp-block-post-title {
		position: static;
		color: inherit;
		font-size: var(--wp--preset--font-size--large) !important;
		margin-bottom: 1rem;
	}
	.wp-block-post-featured-image[style*="aspect-ratio:1"] {
	    aspect-ratio: 3/3 !important;
	}

	.octopods-post-template-swiper .wp-block-post-template li {
		padding: 0 !important;
	}

	.surmars-season-sticky {
		top: 60px;
	}

	.admin-bar .surmars-season-sticky {
		top: 60px;
	}

	[style*="aspect-ratio:3/4"],
	[style*="aspect-ratio: 3/4"] {
		aspect-ratio: 3/3 !important;
	}

	[style*="aspect-ratio:3/2"],
	[style*="aspect-ratio: 3/2"] {
		aspect-ratio: 3/1.5 !important;
	}
	
}

@media screen and (min-width: 992px) {

	.surmars-image-5euros {
	    margin-top: -6vw;
	    z-index: -1;
	    position: relative;
	    margin-right: -10%;
	    max-width: none;
	    width: 120%;
	    pointer-events: none;
	    max-width: none;
	    margin-left: -8%;
	}

	.surmars-image-5euros img {
		width: 100%;
		height: auto;
	}

	.surmars-force-align-left {
		margin-left: calc(50% - 50vw + 60px) !important;
		width: auto !important;
		max-width: 1000% !important;
	}

	.surmars-force-align-right {
		margin-right: calc(50% - 50vw + 60px) !important;
		width: auto !important;
		max-width: 1000% !important;
	}

}