:root {
    --h : 37.7;
    --s : 38.6%;
    --l : 39.6%;
}

em {
    color: inherit;
}

/************ Header *************/
.uk-logo img {
    height: 3.19rem;
}
.uk-offcanvas-bar {
	--primary: #b0976d;
}
.uk-navbar-toggle {
    color: var(--navbar-item-color);
}
@media ( max-width: 959px ) {
    .uk-navbar-container:not(.uk-navbar-transparent) {
        background-color: #121212;
    }
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded="true"],
.uk-navbar-nav > li > a:focus {
    color: var(--navbar-item-color);
    /* text-decoration: underline;
    text-underline-offset: 8px; */
}
.uk-navbar-nav > li.uk-active > a.uk-active-underline::after {
	background: var(--navbar-item-color);
}

body {
    --spacing: 25px;
}
footer {
    --primary: #b0976d;
}

.italic {
    font-style: italic;
}
.font-sans { font-family: 'Lato', sans-serif }
.font-serif { font-family: 'Lato', sans-serif }
.max-width-85 { max-width: 85%; }

figure iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
}
.block-type-heading .uk-heading {
    margin-bottom: 0;
}

/* supprimer l'espace car le bloc n'a pas de colonne "Options" */
.block.block-type-markdown,
.block.block-type-text,
.block.block-type-video {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 1.5em;
}


/* 2 Colonnes 1/2 classe pour avoir une image pleine largeur  */
.right-column-no-padding,
.left-column-no-padding {
    padding-right: 0;
    padding-left: 0;
}
.right-column-no-padding > div > div:last-of-type,
.left-column-no-padding > div > div:last-of-type {
    padding-left: 0;
}

.left-column-no-padding > div > div:last-of-type {
    padding: 0 70px;
}
.right-column-no-padding > div > div:first-of-type {
    padding: 0 70px;
}
@media ( min-width: 960px ) {
    .left-column-no-padding > div > div:last-of-type {
        padding: 0 140px;
    }
    .right-column-no-padding > div > div:first-of-type {
        padding: 0 140px;
    }
}

section.uk-background-fixed.hero-home,
section.uk-background-fixed.hero-contact {
    background-position: bottom;
}

.uk-heading-title {
    font-weight: normal;
}
/* Inverser le heading et tag line */
.uk-heading {
    display: flex;
    flex-direction: column-reverse;
}
.uk-heading .uk-heading-subtitle {
    color: var(--primary) !important;
}

.uk-heading-subtitle p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'Laton', sans-serif;
}
.uk-heading h1 em {
    font-size: .75em;
}
header .uk-languages a {
    color: var(--navbar-item-color);
}

.uk-subpage {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/* Subpages Style 2 */
.uk-subpages-body {
    padding: 2em;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.uk-subpages-body .uk-button {
    align-self: flex-start;
}
.block-type-uk_subpages .uk-subpages-cover a {
    margin-top: 0;
    display: block;
}

/* Formulaires / Contact */
.uk-form-label {
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-variant-caps: small-caps;
    letter-spacing: 2px;
}
.uk-input:hover, .uk-select:hover, .uk-textarea:hover {
    border-color: #222;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: var(--primary)
}

/* Footer */
.uk-footer-meta,
.uk-footer .uk-subnav > * a,
header .uk-navbar > * a,
.footer-subcontent {
    font-size: .85em;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
}
header .uk-navbar p {
    display: none;
}
.uk-footer .uk-container {
    max-width: 100%;
}
.uk-footer .uk-container hr {
    display: none;
}
.uk-footer .uk-languages {
    flex-direction: row;
    display: flex;
    margin: 0;
}
header .uk-languages .uk-active,
.uk-footer .uk-languages .uk-active {
    display: none;
}
.uk-languages a:hover,
.uk-languages a:focus {
    text-decoration: underline;
    text-underline-offset: 8px;
}
.uk-footer-03 {
    padding: 2rem 0;
}
.footer-subcontent {
    margin-top: var(--spacing);
    text-align: center;
}


.uk-light .uk-heading h1,
.uk-light .uk-heading h2,
.uk-light .uk-heading h3,
.uk-light .uk-heading h4,
.uk-light .uk-heading h5,
.uk-light .uk-heading h6 {
    color: white;
}
.uk-light .uk-button-default:hover {
    border-color: #fff;
}

/******** BLOCK IMAGE  *********/
.text-right { text-align: right }
.text-left { text-align: left }
.text-center { text-align: center }
.inline-block { display: inline-block }
.block-image.xl .wrapper{
	max-width: 50rem;
}
.block-image.md .wrapper{
	max-width: 35rem;
}
.block-image.sm .wrapper{
	max-width: 16rem;
}
.block-image.xs .wrapper{
	max-width: 4rem;
}
.block-image.custom .wrapper{
	max-width: 100%;
}
@media screen and (min-width:1024px){
	.block-image.custom .wrapper{
		max-width: var(--max-width, 100%);
	}
}
.block-image.custom.custom-fix .wrapper{
	max-width: var(--max-width, 100%);
}
.block-image .block-image-wrapper{
	display: inline-block;
	position: relative;
}