/* @override 
	https://br83vattqi.preview.infomaniak.website/themes/custom/urwlodge/css/styles.css?*
	https://www.urwerk.com/lodge/themes/custom/urwlodge/css/styles.css?*
*/


/* +P
  __      ____
 /\ \    /\  _`\  
 \_\ \___\ \ \L\ \
/\___  __\\ \ ,__/
\/__/\ \_/ \ \ \/ 
    \ \_\   \ \_\ 
     \/_/    \/_/ 
     Yeah! 2022 plusproduit.com
     
     stable9plus subtheme 22.07.12
*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap');

@font-face {
	font-family: 'mostinoutline';
	src: url('localfonts/mostin/mostin-outline-webfont.woff2') format('woff2'),
		url('localfonts/mostin/mostin-outline-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'mostinbold';
	src: url('localfonts/mostin/mostin-bold-webfont.woff2') format('woff2'),
		url('localfonts/mostin/mostin-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.path-private-message {}

:root {
	--vert-anglais: #284731;
	--vert-anglais: rgb(36, 82, 53);
}

html {
	font-size: 16px;
	background-color: var(--vert-anglais);
	height: 100%;
}

body {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: inherit;
	background: transparent;
	min-height: 100%;
	color: #111;
}

/* @group PRELOADER */

/* Anim logo */
/*#page-wrapper::before {
    content: "";
    position: absolute;
    top: 30vh;
    width: 100vw;
    height: 10vh;
    background: url('../logo.svg') no-repeat center center;
    background-size: contain;
    transition: opacity .5s ease-in;
    
    animation: loader .6s ease-in-out 0s infinite alternate;
}
@keyframes loader {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}
*/

.p-loaded #page-wrapper::before {
	opacity: 0;
	animation-play-state: paused;
}

/* affichage du contenu */

#page {
	opacity: 0;
	animation: reveal .5s 5s;
	animation-fill-mode: forwards;
}

@keyframes reveal {
	to {
		opacity: 1;
	}
}

.js .p-loaded #page {
	opacity: 1;
	transition: opacity .5s .5s;
	animation: none;
}

/* @end */


/* ajax */

.ajax-progress-throbber {
	display: none;
}

.ajax-progress {
	position: fixed;
	top: 50vh;
	left: 0;
	right: 0;
	margin: auto;
	width: 120px;
	height: 70px;
	background: transparent url('img/logo-lodge-white.svg') no-repeat center center;
	background-size: contain;
	border-radius: 0;
	animation-name: heartBeat;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

/* The animation code */
@keyframes heartBeat {
	0% {
		transform: scale(1)
	}

	20% {
		transform: scale(1)
	}

	33% {
		transform: scale(2)
	}

	50% {
		transform: scale(1)
	}

	66% {
		transform: scale(2)
	}

	80% {
		transform: scale(1)
	}

	100% {
		transform: scale(1)
	}
}


.user-logged-in {
	background-color: #FFF;
}

.user-logged-in #page {
	padding-top: 0;
}

.p-pady {
	padding: 0;
}

.p-pady-xl {
	padding-top: 120px;
}

/* @group BANNER Parallax bg */

/* nécessite un .p-bg dans un .p-bg-wrapper moins haut
 */

.p-bg-wrapper {
	position: relative;
	max-width: 1600px;
	height: 40vh;
	margin: 0 auto;
	overflow: hidden;
}

.p-bg {
	height: 50vh;
}

@media (min-width: 768px) {
	.p-bg-wrapper {
		height: 60vh;
	}

	.p-bg {
		height: 70vh;
	}
}

/* @end */

/* @group PAGINATION */

.pagination {
	padding-top: 1rem;
	padding-bottom: 1rem;
	flex-grow: 1;
}

/* @end */

/* @group ALERTS & MESSAGES */

.alert-wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.alert-wrapper .placeholder {
	background: none;
	font-style: none;
}

.alert-wrapper>div {
	max-width: 730px;
	padding: 1rem;
	margin: 2rem auto 0;
	text-align: center;
	background: #FFF;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);
	position: relative;
}

.alert-wrapper .alert-message,
.alert-wrapper .alert-message a {
	color: #db6060 !important;
}

.alert-wrapper .status-message {
	color: #2dbd45;
}

.alert-close {
	background: none;
	border: none;
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 1.3rem;
	color: #BBB;
}

.alert-close:hover {
	color: #999;
}

/* @end */

.node--type-page .main-content {
	padding: 5rem 0;
}

/* @group FORM */

.form-group {
	margin-bottom: 1rem;
}

.form-control {
	border-radius: 0;
	color: #777;
}

.form-control:focus {
	color: #333;
	/*border-color: #fff;*/
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
}

.bg-neg .form-control:focus,
.public-page .bg-context .form-control:focus {
	border-color: #fff;
}

.webform-required {
	display: none;
}

.form-required::after {
	content: "*";
}

/* @end */

/* @group HELPERS URW */

.round-corners {
	border-radius: .75rem;
}

.uppercase {
	text-transform: uppercase;
}

.ml-auto {
	margin-left: auto;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.title-center h2 {
	text-align: center;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: 4rem;
	font-size: 3rem;
	/*	font-family: mostinbold, sans-serif;*/
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.title-center h2::after {
	content: '';
	display: block;
	height: 2px;
	width: 5rem;
	background: #000;
	margin: auto;
	margin-top: 1rem;
}

/* @end */

/* @group COLORS + LINKS + SOCIAL */

.color1 {
	color: #000;
}

.color2 {
	color: var(--vert-anglais);
}

.bg1,
.public-page .bg-context {
	background-color: var(--vert-anglais);
}

.bg2 {
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(68, 68, 68, 1) 100%);
}

.bg-gris {
	background: #EEE;
}

.bg-neg,
.public-page .bg-context {
	color: #fafafa;
}

.bg-neg svg,
.public-page svg {
	fill: #FFF;
}

.bg-blanc,
.bg-context {
	background: #FFF;
}

/* @group LINKS a */

a,
.link,
a.page-link {
	color: var(--vert-anglais);
	text-decoration: none;
}

a:hover,
a:focus,
a.active,
a.is-active,
a.page-link:hover,
.page-item.is-active .page-link,
span.page-link,
.link:hover,
.link:focus {
	color: #333;
	text-decoration: none;
}

/* nav ---- */

.nav-link {
	color: #333;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.nav-link.is-active {
	color: var(--vert-anglais);
}

.arrow-link a::after,
a.arrow-link::after {
	content: '→';
	margin-left: 1rem;
}

a.icon-back {}

a.icon-back::before {
	content: '←';
	margin-right: 1rem;
}

/* bg-neg links ------------- */

.bg-neg a,
.bg-neg .link,
.bg-neg .page-link {
	color: #FFF;
}

.bg-neg a:hover,
.bg-neg a:focus,
.bg-neg a.active,
.bg-neg a.is-active,
.bg-neg a.page-link:hover,
.bg-neg .page-item.is-active .page-link,
.bg-neg .link:hover,
.bg-neg .link:focus {
	color: #fafafa;
}

/* nav ---- */

.bg-neg .nav-link {
	color: #ddd;
}

.bg-neg .nav-link:hover,
.bg-neg .nav-link:focus,
.bg-neg .nav-link.active,
.bg-neg .nav-link.is-active {
	color: #fafafa;
}

/* @end */

/* @group BTN + CTA */

.btn,
.text-formatted .btn,
.cta a,
.more-link a,
.p-edit-link a,
.node-readmore a,
.button,
.bg-neg .user-login-form .form-submit,
#edit-actions .form-control,
.ui-widget .form-actions button {
	font-family: 'Teko', Sans-serif;
	display: inline-block;
	width: auto;
	text-align: center;
	line-height: 1.5;
	padding: 1em 2.5em .8em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0;
	border: 1px solid var(--vert-anglais);
	color: #FFF;
	background-color: var(--vert-anglais);
	font-weight: 500;
	font-size: 1rem;
	letter-spacing: .25em;
	white-space: nowrap;
	transition: .6s;
}

.btn-ghost,
.form-submit,
#edit-actions .form-control {
	background: none;
	color: var(--vert-anglais);
}

.btn:hover,
.text-formatted .btn:hover,
.cta a:hover,
.more-link a:hover,
.p-edit-link a:hover,
#page .btn:active,
.node-readmore a:hover,
.button:hover,
#edit-actions .form-control:hover {
	color: var(--vert-anglais);
	text-decoration: none;
	background: #fafafa;
	border-color: var(--vert-anglais);
}

/* bg-neg cta */

.bg-neg .btn,
.bg-neg .cta a,
.bg-neg .more-link a,
.bg-neg .node-readmore a,
.bg-neg .p-edit-link a,
.bg-neg .node-readmore a,
#edit-actions .form-control {
	border-color: #fafafa;
	background-color: #fafafa;
	color: var(--vert-anglais);
}

.btn-ghost:hover,
.form-submit:hover,
#edit-actions .form-control {
	background-color: var(--vert-anglais);
	color: #fafafa;
}

.bg-neg .btn:hover,
.bg-neg .cta a:hover,
.bg-neg .more-link a:hover,
.bg-neg .node-readmore a:hover,
.bg-neg .p-edit-link a:hover,
.bg-neg .node-readmore a:hover {
	color: var(--vert-anglais);
	background: #fafafa;
	border-color: #fafafa;
}

.bg-neg .btn-ghost,
.bg-neg .form-submit,
.bg-neg .user-login-form .form-submit,
.ui-widget .ui-dialog-buttonpane button,
.webform-confirmation-modal a.btn-ghost {
	border: 1px solid #FFF;
	color: #FFF;
	background: none;
}

.bg-neg .btn-ghost:hover,
.bg-neg .form-submit:hover,
.ui-widget .ui-dialog-buttonpane button:hover {
	background: none !important;
	color: var(--vert-anglais);
	background-color: #FFF !important;
}

.node-readmore {
	padding: 0;
}

/* edit link */

.p-edit-link {
	margin: .5em 0;
}

.p-edit-link a {
	padding: .5em 1em;
	letter-spacing: .2em;
	font-size: 12px;
}

/* @end */

/* @group ICON BUTTONS */

.p-btn span,
.p-btn::before,
.p-btn::after {
	background: var(--vert-anglais);
}

/* bg neg */

.bg-neg .p-btn-bg {
	background-color: var(--vert-anglais);
}

/* @end */

/* @group SOCIAL */

.social-link a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 3px;
	margin-top: 5px;
	overflow: hidden;
	background: url('img/sn-ext.svg') no-repeat center center;
	background-size: contain;
	color: #fafafa;
	text-indent: -1300px;
	font-size: 10px;
}

.social-link a[href^="https://www.linkedin.com/"] {
	background-image: url('img/sn-in.svg');
}

.social-link a[href^="https://www.facebook.com/"] {
	background-image: url('img/sn-fb.svg');
}

.social-link a[href^="https://www.instagram.com/"] {
	background-image: url('img/sn-insta.svg');
}

/* @end */

/* @end */

/* @group TYPOGRAPHY */

.font1,
.site-name,
h3 {
	font-family: 'Teko', sans-serif;
	font-weight: 300 !important;
	text-transform: uppercase;
	letter-spacing: .05rem;
}

.font2,
h1,
h2 {
	font-family: mostinoutline, sans-serif;
	font-weight: normal;
	letter-spacing: .05em;
}

.font3,
h4,
h5,
h6,
.viewsreference--view-title {
	font-family: mostinbold, sans-serif;
	font-weight: normal;
	letter-spacing: .2rem;
}

.urw-card-label {
	font-weight: 500;
}

h1 {
	font-size: 2.25rem;
	text-transform: uppercase;
}

h2,
.viewsreference--view-title {
	font-size: 4rem;
	margin-top: 0;
	margin-bottom: 2rem;
}

h3 {
	font-size: 2rem;
	margin-bottom: 2rem;
}

h4 {
	font-size: 1.15rem;
}

h5 {
	font-size: 0.875rem;
	text-transform: uppercase;
}

hr {
	border: 0;
	margin: 1rem auto 1rem;
	display: block;
	height: 4rem !important;
	width: 1px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.field__label,
figcaption {
	font-size: .8rem;
	font-weight: 700;
}

.field-label-inline {
	display: inline-block;
}

/* listes contenu */

.text-formatted ul,
.text-formatted ol {
	margin: 1.5rem;
}

.text-formatted li {
	margin-bottom: .5rem;
}

.lead,
p.lead {
	font-size: 1.3rem;
	font-weight: 400;
}

.split-parent {
	overflow: hidden;
	line-height: 1.1;
}

small,
.small,
p.small {
	font-size: 80%;
}

.text-muted,
.gris {
	color: rgba(0, 0, 0, .5) !important;
}

.bg-neg .text-muted {
	color: rgba(255, 255, 255, .5) !important;
}

/* citation */

blockquote {
	position: relative;
	padding: 1.5rem 1rem 0 2.5rem;
	font-size: 1.5em;
	line-height: 1.3;
	margin: 0 0 2rem 1rem;
}

blockquote::before {
	content: '"';
	display: block;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 6rem;
	line-height: 1;
	color: #ccc;
}

/* @end */

/* @group HEADER */

/* Navbar */

.site-header {
	padding: 15px 0;
	background-color: transparent;
}

/* Fixed-top et affix */

.public-page .site-header {}

.user-logged-in .site-header {
	position: fixed;
	z-index: 5;
	left: 0;
	right: 0;
	height: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Logo */

.block-system-branding-block {
	display: block;
}

.site-branding {
	margin-top: 1.5rem;
	margin-left: 1.5rem;
	display: flex;
}

.public-page #block-sitebranding {
	margin: auto;
}

.site-logo {
	display: block;
	width: 200px;
	border-right: 1px solid #000;
	padding-right: 1rem;
	margin-right: 1rem;
}

.site-logo svg {
	width: 100%;
}

.bg-neg .site-logo svg,
.public-page .site-logo svg {
	fill: #FFF;
}

.bg-neg .site-logo,
.public-page .site-logo {
	border-color: #FFF;
}

.site-name {
	font-size: 2em;
	line-height: 1;
	color: #000;
}

.site-name {
	opacity: 1 !important;
}

.public-page .site-name {
	color: #FFF;
}

/* Permet le calcul du padtop */

.p-loaded .site-header,
.p-loaded .site-logo {
	transition: .5s .15s;
}

/* Menu nav header (à droite)*/

.region-header nav {
	margin-left: auto;
}

.region-header nav .nav {
	list-style-type: none;
}

.region-header nav .nav li::marker {
	content: '';
}

.region-header nav .nav-link {
	/*padding: .5em;*/
	text-decoration: none !important;
}

.region-header .nav-link--lodge-news {
	font-size: 13px !important;
}

.region-header .nav-link.btn-shop {
	font-size: 15px !important;
}



/* @group Scrolldown hide */

.scrolled.scrolldown .fixed-top,
.scrolled.scrolldown .affix {
	top: -100px;
}

.scrolled.scrollup .fixed-top,
.scrolled.scrollup .affix {
	top: 0;
}

/* -- INDIVIDUAL NAV STYLES & ICONS*/

.owner-menu {
	margin-top: .75rem;
}

.owner-menu .nav {
	display: flex;
	align-items: center;
}

@media (min-width: 576px) {
	.owner-menu .nav-item {
		margin-right: 1.5rem;
		transform: scale(1);
	}

	.owner-menu .nav-link {
		font-size: 15px;
	}

	.menu-icon-link {
		padding: 0;
		width: 1.5rem;
		height: 1.5rem;
		overflow: hidden;
		display: block;
		background: transparent url('') no-repeat center center;
		transform: scale(1);
		transition: all .25s ease-in-out 0s;
		text-indent: -1000px;
	}

	.owner-menu .menu-icon-link:hover {
		transform: scale(1.2);
	}

	.icon-account {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M15.41 14.77c-2.51 0-4.55-2.04-4.55-4.55s2.04-4.55 4.55-4.55 4.55 2.04 4.55 4.55-2.04 4.55-4.55 4.55Zm0-8.1c-1.96 0-3.55 1.59-3.55 3.55s1.59 3.55 3.55 3.55 3.55-1.59 3.55-3.55-1.59-3.55-3.55-3.55Z'/%3E%3Cpath d='M23.51 24.67c-.28 0-.5-.22-.5-.5v-1.8c0-2.21-1.79-4-4-4h-7.2c-2.21 0-4 1.79-4 4v1.8c0 .28-.22 .5-.5 .5s-.5-.22-.5-.5v-1.8c0-2.76 2.24-5 5-5h7.2c2.76 0 5 2.24 5 5v1.8c0 .28-.22 .5-.5 .5Z'/%3E%3C/svg%3E");
	}

	.icon-inbox {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M23.49 24.15H7.49c-1.38 0-2.5-1.12-2.5-2.5V9.65c0-1.38 1.12-2.5 2.5-2.5H23.49c1.38 0 2.5 1.12 2.5 2.5v12c0 1.38-1.12 2.5-2.5 2.5ZM7.49 8.15c-.83 0-1.5 .67-1.5 1.5v12c0 .83 .67 1.5 1.5 1.5H23.49c.83 0 1.5-.67 1.5-1.5V9.65c0-.83-.67-1.5-1.5-1.5H7.49Z'/%3E%3Cpath d='M15.49 17.26L4.99 9.91v-.26c0-1.38 1.12-2.5 2.5-2.5H23.49c1.38 0 2.5 1.12 2.5 2.5v.26l-10.5 7.35ZM6.01 9.4l9.48 6.64 9.48-6.64c-.12-.71-.74-1.25-1.48-1.25H7.49c-.74 0-1.36 .54-1.48 1.25Zm19.48 .25h0Z'/%3E%3C/svg%3E");
	}

	.icon-logout {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M15.38 23.86c-2.25 0-4.37-.86-5.99-2.42-3.42-3.31-3.52-8.78-.21-12.21 .19-.2 .51-.2 .71-.01 .2 .19 .2 .51 .01 .71-2.92 3.03-2.84 7.87 .19 10.79 1.47 1.42 3.35 2.17 5.44 2.14 2.04-.04 3.94-.86 5.36-2.33 1.42-1.47 2.18-3.4 2.14-5.43-.04-2.04-.86-3.94-2.33-5.36-.2-.19-.2-.51-.01-.71 .19-.2 .51-.2 .71-.01 1.66 1.6 2.59 3.75 2.63 6.06s-.82 4.49-2.42 6.15c-1.6 1.66-3.75 2.59-6.06 2.63-.05 0-.1 0-.16 0Z'/%3E%3Cpath d='M15.5 15c-.28 0-.5-.22-.5-.5V6.5c0-.28 .22-.5 .5-.5s.5 .22 .5 .5V14.5c0 .28-.22 .5-.5 .5Z'/%3E%3C/svg%3E");
	}

	/* négatif */

	.bg-neg .icon-account {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='white' d='M15.41 14.77c-2.51 0-4.55-2.04-4.55-4.55s2.04-4.55 4.55-4.55 4.55 2.04 4.55 4.55-2.04 4.55-4.55 4.55Zm0-8.1c-1.96 0-3.55 1.59-3.55 3.55s1.59 3.55 3.55 3.55 3.55-1.59 3.55-3.55-1.59-3.55-3.55-3.55Z'/%3E%3Cpath fill='white' d='M23.51 24.67c-.28 0-.5-.22-.5-.5v-1.8c0-2.21-1.79-4-4-4h-7.2c-2.21 0-4 1.79-4 4v1.8c0 .28-.22 .5-.5 .5s-.5-.22-.5-.5v-1.8c0-2.76 2.24-5 5-5h7.2c2.76 0 5 2.24 5 5v1.8c0 .28-.22 .5-.5 .5Z'/%3E%3C/svg%3E");
	}

	.bg-neg .icon-inbox {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='white' d='M23.49 24.15H7.49c-1.38 0-2.5-1.12-2.5-2.5V9.65c0-1.38 1.12-2.5 2.5-2.5H23.49c1.38 0 2.5 1.12 2.5 2.5v12c0 1.38-1.12 2.5-2.5 2.5ZM7.49 8.15c-.83 0-1.5 .67-1.5 1.5v12c0 .83 .67 1.5 1.5 1.5H23.49c.83 0 1.5-.67 1.5-1.5V9.65c0-.83-.67-1.5-1.5-1.5H7.49Z'/%3E%3Cpath fill='white' d='M15.49 17.26L4.99 9.91v-.26c0-1.38 1.12-2.5 2.5-2.5H23.49c1.38 0 2.5 1.12 2.5 2.5v.26l-10.5 7.35ZM6.01 9.4l9.48 6.64 9.48-6.64c-.12-.71-.74-1.25-1.48-1.25H7.49c-.74 0-1.36 .54-1.48 1.25Zm19.48 .25h0Z'/%3E%3C/svg%3E");
	}

	.bg-neg .icon-logout {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='white' d='M15.38 23.86c-2.25 0-4.37-.86-5.99-2.42-3.42-3.31-3.52-8.78-.21-12.21 .19-.2 .51-.2 .71-.01 .2 .19 .2 .51 .01 .71-2.92 3.03-2.84 7.87 .19 10.79 1.47 1.42 3.35 2.17 5.44 2.14 2.04-.04 3.94-.86 5.36-2.33 1.42-1.47 2.18-3.4 2.14-5.43-.04-2.04-.86-3.94-2.33-5.36-.2-.19-.2-.51-.01-.71 .19-.2 .51-.2 .71-.01 1.66 1.6 2.59 3.75 2.63 6.06s-.82 4.49-2.42 6.15c-1.6 1.66-3.75 2.59-6.06 2.63-.05 0-.1 0-.16 0Z'/%3E%3Cpath fill='white' d='M15.5 15c-.28 0-.5-.22-.5-.5V6.5c0-.28 .22-.5 .5-.5s.5 .22 .5 .5V14.5c0 .28-.22 .5-.5 .5Z'/%3E%3C/svg%3E");
	}
}

.btn-shop {
	font-size: 18px !important;
	padding: .75em 2em .66em;
}

/* @end */

/* @end */

/* @group OFF-CANVAS */

#p-offcanvas {
	/* bg1 bg-neg dans le template */
	/* Paramétrable jusqu'à 100% */
	width: 45%;
}

#p-offcanvasbtn {
	margin: 15px 15px 0 0;
	display: none;
	transition: margin .5s ease-in-out .1s;
}

.scrolled #p-offcanvasbtn {
	margin-top: 5px;
}

/* ajouté parce que le offcanavas a la classe bg-neg dans le thème */

.p-offcanvas-on #p-offcanvasbtn .p-btn::before,
.p-offcanvas-on #p-offcanvasbtn .p-btn span,
.p-offcanvas-on #p-offcanvasbtn .p-btn::after {
	background-color: #fafafa;
}

@media (max-width:991px) {
	#p-offcanvas {
		/* Force à 100% de largeur pour les mobiles */
		width: 100%;
	}

	#p-offcanvasbtn,
	.scrolled #p-offcanvasbtn {
		margin-top: 5px;
		display: block;
	}
}

.p-offcanvas-overflow {
	padding: 15vh 0 5vh;
}

#p-offcanvas-cover {
	background: rgba(0, 0, 0, .2);
}

/* p-nav */
/* Niveau 1 */

.p-offcanvas-content .p-nav .nav-link {
	font-size: 2rem;
}

/* Niveau 2 */

.p-offcanvas-content .p-nav ul.menu .nav-link {
	font-size: 1.4rem;
}

/* Niveau 3 */

.p-offcanvas-content .p-nav ul.menu ul.menu .nav-link {
	font-size: 1rem;
}

/* @end */

/* @group INVERT */

/* script invert, inverse la couleur au survol > global.js
  attention classe p-invert-color sur le body, le sélecteur doit être précis */

.p-invert-color .site-name,
.p-invert-color .site-slogan {
	color: #fafafa;
}

.p-invert-color #p-offcanvasbtn .p-btn::before,
.p-invert-color #p-offcanvasbtn .p-btn span,
.p-invert-color #p-offcanvasbtn .p-btn::after {
	background-color: #fafafa;
}

/* @end */

/* @group LANG */

.block-language .links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
}

.block-language .links a {
	display: inline-block;
	padding: .6rem;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}

/* @end */

/* @group REVEAL ON SCROLL */

.js .p-reveal-class {
	position: relative;
	opacity: 0;
	top: 30px;
	transition: opacity 1s .2s, top 1s .2s ease-out;
}

.js .p-visible {
	opacity: 1;
	top: 0;
}

/* @end */

/* @group CONTENT DISPLAY */

/* @group HOVER ZOOM */

.p-zoom {
	overflow: hidden;
}

.p-zoom img {
	display: block;
	transform: scale(1);
	transition: transform 3s linear;
}

.p-zoom:hover img {
	transform: scale(1.2);
}

/* @end */

/* @group MODAL */

/* voile */

.p-modal {
	background: rgba(0, 0, 0, 0.8);
}

/* fenêtre */

.p-modal-inner {
	/* largeur modal ------ */
	max-width: 600px;
	/* fermé */
	/*transform: scale(.7) rotateX(15deg);*/
}

.p-modal-open .p-modal-inner {
	/* ouvert */
	/*transform: scale(1) rotateX(0deg);*/
}

.p-modal-overflow {
	/* hauteur et position de la modale ---- */
	max-height: 70vh;
	margin: 15vh 10px;
	background: #fafafa;
	color: #333;
}

.p-modal-overflow a {
	color: var(--vert-anglais);
}

.p-modal-overflow a:hover {
	color: #333;
}

/* @end */

/* @group ACCORDION */

/* Titre */

.p-accordion .group-title {
	border-top: 1px solid var(--vert-anglais);
	padding: 1rem 55px 1rem 0;
	transition: .7s;
}

.bg-neg .p-accordion .group-title {
	border-top-color: #fafafa;
}

.p-accordion .group-wrapper:first-of-type .group-title {
	border-top-width: 0;
}

.p-accordion-open .group-title,
.p-accordion .group-title:hover {
	color: var(--vert-anglais);
}

.bg-neg .p-accordion .group-title {
	color: #fafafa;
}

/* Contenu pour padding et bg */

.p-accordion .group-rows-inner {
	padding: .5em 0;
}

/* @end */

/* @group TABS */

/* Titre */

.p-tabs-on .group-title {
	border: 1px solid #888;
	padding: .5rem .8rem 0;
	margin-left: .5rem;
	background: rgba(255, 255, 255, 0.1);
}

.bg-neg .p-tabs .group-title {
	border-color: #fafafa;
}

.p-tabs .group-title>* {
	font-size: 1rem;
}

.p-tabs .group-title:hover {
	color: var(--vert-anglais);
}

.p-tabs-open .group-title,
.p-tabs-open .group-title:hover {
	/* couleur du fond pour la bordure */
	border-bottom-color: #fafafa;
	color: var(--vert-anglais);
	background: rgba(255, 255, 255, 0);
}

.bg-neg .p-tabs .group-title {
	color: #fafafa;
}

.bg-neg .p-tabs-open .group-title {
	border-bottom-color: var(--vert-anglais);
}

/* Contenu pour padding et bg */

.p-tabs .group-rows {
	border-top: 1px solid #888;
}

.bg-neg .p-tabs .group-rows {
	border-top-color: #fafafa;
}

.p-tabs .group-rows-inner {
	padding: 15px 0;
}

/* @end */

/* @group SWIPER */

/* Slides alignées en bas */

.swiper-bottom .swiper-wrapper {
	align-items: flex-end;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
	outline: 0;
	color: var(--vert-anglais);
}

.swiper .swiper-pagination-bullet {
	outline: 0;
}

.swiper.swiper-coverflow {
	padding-bottom: 40px;
}

.swiper-lodge,
.swiper-lodge .swiper-slide {
	min-height: 90vh;
}

.swiper-lodge .swiper-slide {
	/* height: 100%; */
}

.swiper .ur-bullets .swiper-pagination-bullet-active,
.swiper .swiper-scrollbar-drag {
	background-color: var(--vert-anglais) !important;
}

.bg-neg .swiper .swiper-pagination-bullet-active,
.bg-neg .swiper .swiper-scrollbar-drag {
	background-color: #fafafa;
}

.ur-bullets.swiper-pagination-horizontal {
	margin-bottom: 1rem;
	text-align: center;
}

.ur-bullets.swiper-pagination-horizontal span {
	display: inline-block;
	height: 3px;
	width: 1.25rem;
	margin: 0 .33rem !important;
	border-radius: 0;
}



/* @end */

/* @group MASONRY */

.p-masonry {
	/* compense le padding des items comme .row */
	margin: 0 -15px;
}

.p-masonry-item {
	width: 100%;
	padding: 15px;
}

@media (min-width:480px) {
	.p-masonry-item {
		width: 50%;
	}
}

@media (min-width:992px) {
	.p-masonry-item {
		width: 25%;
	}
}

/* @end */

/* @end */



/*/* @group BEF CHECKBOXES *!/

.bef-exposed-form label {
	cursor: pointer;
}
.bef-exposed-form .fieldgroup {
	width: 100%;
	overflow: hidden;
}
.bef-exposed-form .fieldgroup > .fieldset-wrapper {
	float: left;
	display: block;
}
.bef-exposed-form .radio input,
.bef-exposed-form .checkbox input {
	display: none;
}
.bef-exposed-form .js-form-type-radio,
.bef-exposed-form .js-form-type-checkbox {
	display: inline-block;
}
.bef-checkboxes .form-check {
	padding: 0;
	margin: 0 .5rem .5rem 0;
}
.bef-exposed-form input + label {
    color: var(--vert-anglais);
	border: var(--vert-anglais) 1px solid;
	padding: .5em 1em;
	border-radius: 2em;
}
/*.bef-exposed-form  input[value="2"] + label {
	color: #EA873E;
	border-color: #EA873E;
}
.bef-exposed-form  input[value="3"] + label  {
	color: #F0828E;
	border-color: #F0828E;
}
*!/
.bef-exposed-form input:checked + label {
	background-color: var(--vert-anglais);
	color: #fafafa;
	padding-right: .6em;
}
.bef-exposed-form input:checked + label::after {
	content: "X";
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #fafafa;
	line-height: 1;
}
/*
.bef-exposed-form  input[value="2"]:checked + label {
	background-color: #EA873E;
	color: #f4e9df;
}
.bef-exposed-form  input[value="3"]:checked + label {
	background-color: #F0828E;
	color: #f4e9df;
}
*!/
/* @end *!/*/

/* @group COMMENTS / MESSAGES */

.comments-box {
	margin-top: 10rem;
	padding: 1rem;
	position: relative;
	background: #EEE;
	border-radius: 1rem;
}

.comments-box>section {
	/*	display: flex;
	flex-direction: column-reverse;*/
}

.comments-box section>h2 {
	display: none;
}

/* @group COMMENT FORM (new comment) */

.comment-discussion-form {
	position: fixed;
	background: #FFF;
	padding: 1.5rem 2rem .75rem;
	border-radius: 1rem;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
	bottom: 2rem;
	left: 0;
	right: 0;
	max-width: 1108px;
	margin: auto;
	top: auto;
	z-index: 10;
}

.comment-form {
	display: flex;
	align-items: flex-start;
}

.comment-form label {
	display: none;
}

.comment-form select {
	border: 0;
	background: #EEE url('img/chevron-s.svg') no-repeat 90% center;
	background-size: 13px;
	padding: .75rem 1rem !important;
	border-radius: 4rem;
	font-size: .8rem;
	min-width: 220px;
}

.comment-form .field--name-field-comment-body {
	min-width: none;
	margin: 0 1rem;
}

.comment-form .form-type-textarea,
.comment-form .form-type-managed-file {
	margin-bottom: 0;
}

.comment-form textarea {
	height: 3rem;
	/*height: auto!important;*/
	padding-top: .75rem;
	padding-left: 2.5rem;
	background: #FFF url('img/pencil.svg') no-repeat 1rem 1rem;
	background-size: 18px;
	border: 0;
	border: 1px solid #EEE;
	border-radius: 2rem;
}

/* File field*/

.comment-form .field--type-file {
	margin: 0 1rem 0 0;
}

.comment-form .field--type-file input {
	width: 3rem;
	height: 3rem;
	border-radius: 100px;
	background: #F2F2F2 url('img/attachment.svg') no-repeat center center;
	background-size: 13px;
	border: 0;
	text-indent: -500px;
	font-size: ;
	position: relative;
}

.comment-form .field--type-file input::before {
	content: '';
	position: absolute;
	background: #F2F2F2 url('img/attachment.svg') no-repeat center center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.comment-form .field--type-file .alert-wrapepr {
	display: none;
}

.comment-form .description,
.comment-form .field--type-file table thead,
.comment-form .field--type-file a.tabledrag-handle,
.comment-form .field--type-file details summary,
.comment-form .tabledrag-toggle-weight-wrapper {
	display: none;
}

.comment-form .field--type-file td input {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M21.15 14.65h-5.65v-5.65c0-.28-.22-.5-.5-.5s-.5 .22-.5 .5v5.65h-5.65c-.28 0-.5 .22-.5 .5s.22 .5 .5 .5h5.65v5.65c0 .28 .22 .5 .5 .5s.5-.22 .5-.5v-5.65h5.65c.28 0 .5-.22 .5-.5s-.22-.5-.5-.5Z'/%3E%3C/svg%3E");
	background-size: 1.5rem;
	transform: rotate(45deg);
	width: 2rem;
	height: 2rem;
	padding: 0;
}

.comment-form .field--type-file table .form-managed-file {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 7rem;
	overflow: hidden;
}

.comment-form #edit-submit {
	padding: .85rem 1.5rem .66rem !important;
	margin: 0 !important;
}

/* @end */

.comment-author {
	margin-bottom: .33rem !important;
}

.comment-item {
	max-width: 60%;
	margin-bottom: 0;
}

.comment-item[class*="administrator"],
.comment-item[class*="urwerk"] {
	margin-left: 40%;
}

.author-portrait img {
	border-radius: 200px;
	overflow: hidden;
	display: block;
}

.urw-balloon {
	background: #FFF;
	box-shadow: ;
	border-radius: 0 2rem 2rem 2rem;
	font-size: .9375rem;
}

/* @end */

/* @group NEWS */

.news-wrapper {
	padding-top: 10vh;
}

.news-banner {
	max-height: 60vh;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
}

.news-banner img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.news-banner-text {
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 1100px;
	margin: auto;
}

.news-banner-text h3 {
	margin-bottom: 1.5rem;
	font-size: 3rem;
}

.aside-image {
	max-height: 60vh;
}

.article-body {
	padding-bottom: 5rem;
}

.news-banner-text * {
	color: #FFF;
}

.aside-image:first-child {
	margin-top: 15rem;
	margin-right: -16.667%;
	position: relative;
	z-index: 3;
}

.aside-image img {
	object-fit: contain;
	height: 100%;
	width: 100%;
}

.swiper-news {
	max-width: 75%;
	margin: 0;
	position: relative;
}

.ur-fractions {
	position: absolute;
	z-index: 13;
	color: #FFF;
	bottom: 5%;
	right: 5%;
	width: 50%;
	left: auto;
	text-align: right;
	padding-right: .25rem;
	font-size: 3rem;
}

span.tiret {}

.swiper-news .swiper-button-next,
.swiper-news .swiper-button-prev {
	color: rgba(255, 255, 255, .5);
}

.swiper-news .swiper-button-next:hover,
.swiper-news .swiper-button-prev:hover {
	color: rgba(255, 255, 255, .9);
}

.swiper-news .swiper-button-prev {
	left: 5%;
}

.swiper-news .swiper-button-next {
	right: 5%;
}

.paragraph--type-text-image {
	padding-top: 5rem;
	padding-bottom: 8rem;
}

/* TEASER */

.news-teaser-text {
	padding: 3rem 2rem 1rem;
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
}

.news-teaser,
.views-row-inner {
	height: 100%;
}

.news-teaser p {
	margin-bottom: .5rem;
}

.news-teaser h3 {
	padding-bottom: 0;
	margin-bottom: 1rem;
	/*font-size: 2.75rem;*/
}

/* @end */

/* @group  SHOP */

.swiper-shop {
	margin-top: 50px;
	margin-left: 0;
}

.shop-item h3 {
	margin-bottom: .5rem;
}

.view-urw-shop .view-content {
	justify-content: center;
}

/* @end */

/* @group FOOTER */

.site-footer svg {
	max-width: 160px;
	margin: auto;
	display: block;
	padding: 0 1rem;
	/*border: 1px solid rgba(255,255,255,.5);*/
}

.site-footer_top {
	padding: 14vh 0 6vh;
}

.site-footer_bottom {
	padding: 2vh 0;
}

/* @end */

/* @group JQUERY UI */

/* Utiliser notre modal plutôt que celui de webform et mettre des actions sur la soumission */

@keyframes SmoothDialog {
	from {
		opacity: 0;
		transform-origin: center center;
	}

	to {
		opacity: 1;
		transform-origin: center center;
	}
}

.ui-widget-overlay {
	/*background: rgba(36,82,53,.9);*/
	background: rgba(255, 255, 255, .8);
	animation: SmoothDialog .75s ease-in-out 0s 1;
	animation-fill-mode: forwards;
}

.ui-widget.ui-widget-content {
	padding: 0;
	border: 0;
	width: 80% !important;
	max-width: 1140px;
	margin: 0 auto !important;
	left: 0 !important;
	right: 0 !important;
	animation: SmoothDialog .75s ease-in-out 0s 1;
	animation-fill-mode: forwards;
}

.ui-dialog .ui-dialog-title {
	display: none;
}

.ui-dialog .ui-dialog-titlebar {
	background: var(--vert-anglais);
	border: 0;
	padding: 0;
}

.ui-dialog a.btn.ui-dialog-titlebar-close {
	position: static;
	font-family: 'Teko', Sans-serif;
	display: inline-block;
	width: auto;
	text-align: center;
	line-height: 1.5;
	padding: 1em 2.5em .8em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0;
	font-weight: normal;
	font-size: 1rem;
	letter-spacing: .25em;
	white-space: nowrap;
	transition: .6s;
	height: auto;
}

.ui-dialog a.btn.ui-dialog-titlebar-close:hover {
	background: #FFF;
	color: var(--vert-anglais);
}

.ui-dialog button.ui-dialog-titlebar-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 999;
	background: none;
	border: 0;
	color: #FFF;
	font-size: 1.5rem;
	width: 1.5rem;
	height: 2.5rem;
}

.ui-dialog button.ui-dialog-titlebar-close:after {
	content: '✕';
}

.ui-dialog .ui-dialog-content {
	padding: 0;
	/*max-height: none!important;*/
}

.ui-dialog .webform-submission-form>div {
	padding: 5rem 2rem;
}

.ui-widget .webform-actions {
	display: none;
}

.ui-widget .ui-dialog-buttonpane {
	background: var(--vert-anglais);
	margin: 0;
	border: 0;
	padding: 0 2rem;
	text-align: center;
}

.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	display: inline-block;
	margin-bottom: 1rem;
}

.ui-widget .alert-wrapper {
	bottom: 0 !important;
	padding: 0 !important;
}

.ui-widget .alert-wrapper .alert-close {
	display: none;
}

/* @group CONFIRMATION */

.webform-confirmation-modal,
.ui-dialog .webform-confirmation-modal--content {
	background: var(--vert-anglais);
}

.webform-confirmation-modal .ui-dialog-content {
	padding: 4rem 1rem !important;
}

.ui-dialog .webform-confirmation-modal *,
.ui-dialog .webform-confirmation-modal--content * {
	color: #FFF;
	border-color: #FFF;
}

/* @end */

/* @end */

/* @group MEDIA QUERIES */

/* @group DESKTOP FIRST */

/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
	html {
		font-size: 15px;
	}
}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
	/* module nbsp */

	.nbsp {
		display: inline-block;
	}

	h2 {
		font-size: 3rem;
	}

	.site-header {}

	.site-logo {
		max-width: 130px;
	}

	.site-branding {
		margin-top: .75rem;
		margin-left: 0rem;
	}

	.site-name {
		font-size: 1.33rem;
	}

	/* @group OWNER MENU */

	.owner-menu {
		margin-left: 2rem;
	}

	.owner-menu .nav {
		display: flex;
		flex-direction: column;
		align-items: flex-start;

	}

	.owner-menu .nav .nav-item {
		text-align: left;
		margin-left: 0;
		font-size: 1.3rem;
		margin-bottom: 1rem;
	}

	/* Log out */
	.owner-menu .nav .nav-item:last-child {
		margin-top: 2rem;
		padding-left: 3rem;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 2rem;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='white' d='M15.38 23.86c-2.25 0-4.37-.86-5.99-2.42-3.42-3.31-3.52-8.78-.21-12.21 .19-.2 .51-.2 .71-.01 .2 .19 .2 .51 .01 .71-2.92 3.03-2.84 7.87 .19 10.79 1.47 1.42 3.35 2.17 5.44 2.14 2.04-.04 3.94-.86 5.36-2.33 1.42-1.47 2.18-3.4 2.14-5.43-.04-2.04-.86-3.94-2.33-5.36-.2-.19-.2-.51-.01-.71 .19-.2 .51-.2 .71-.01 1.66 1.6 2.59 3.75 2.63 6.06s-.82 4.49-2.42 6.15c-1.6 1.66-3.75 2.59-6.06 2.63-.05 0-.1 0-.16 0Z'/%3E%3Cpath fill='white' d='M15.5 15c-.28 0-.5-.22-.5-.5V6.5c0-.28 .22-.5 .5-.5s.5 .22 .5 .5V14.5c0 .28-.22 .5-.5 .5Z'/%3E%3C/svg%3E");
		font-size: 1.1rem;
	}

	.owner-menu .nav-item a {
		padding-left: 0;
	}

	.owner-menu .nav-item a.btn {
		padding-left: 2.25rem;
	}

	/* @end */

	/* @group COMMENTS */

	.comment-discussion-form {
		bottom: 0;
		flex-direction: column;
	}

	.comment-item {
		max-width: none;
		margin-bottom: 0;
	}

	.comment-form-fields {
		flex-flow: row wrap !important;
		margin-bottom: 1rem;
	}

	.comment-form .field--name-field-comment-body {
		flex: 0 1 75%;
		margin: 0 1rem 0 0;
	}

	/* @end */
	.swiper-shop {
		max-width: 100%;
		margin: auto;
	}

	.news-banner-text {
		margin-left: 1rem;
	}

	.txt-title {
		transform: none !important;
	}

	.swiper-news {
		max-width: none;
	}

	.ur-fractions {
		font-size: 1.5rem;
	}

	.ui-widget.ui-widget-content {
		width: 100% !important;
		top: 50px !important;
	}

	.ui-widget .ui-dialog-buttonpane {
		max-width: 100% !important;
	}

	.ui-dialog .webform-submission-form>div {
		padding: 0;
	}

	.urw-recto {
		margin-bottom: 1rem;
	}
}

/* @end */

/* @end */