/*
Theme Name: Nicolas Aubagnac
Theme URI: 
Author: Agence Web Keopz
Author URI: https://www.keopz.fr
Description: Based on Twenty Twenty-Five simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nicolasaubagnac
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

html { scroll-behavior:smooth; }
body { color:#1D1D1B; font-family:"Montserrat", sans-serif !important; }

h1 { color:#1D1D1B; font-size:16px; font-weight:600; }
h2 { color:#1D1D1B; }

p { font-size:16px; color:#1D1D1B; font-weight:400; }
ul { font-size:16px; color:#1D1D1B; font-weight:400; }

.wp-element-button { background:#1D1D1B; font-size:16px; font-weight:600; padding:10px 25px !important; transition:all 0.25s ease; border-radius:20px; }
.wp-element-button:hover { background:#808080; color:#1D1D1B; }

header { margin:0 !important; padding:20px 0; }
header .wp-block-image.size-large { }
header .wp-block-group { padding:0 !important; }
header nav { padding-right:120px; }

.na-logo-ico { display:none; }

/* .single-post header { mix-blend-mode:difference; } */
.sticky header { position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,0.5); backdrop-filter:blur(4px); z-index:200; box-sizing:border-box; }
.sticky .na-logo-ico { display:block; }
.sticky .na-logo-full { display:none; }

.bg_beige { background-color:#F4F2EE; }

.post-template-wp-custom-template-collections header { background-color:#F4F2EE !important; }
.post-template-wp-custom-template-collections h1 { text-transform:uppercase; }
.post-template-wp-custom-template-collections.sticky header { background:rgba(255,255,255,0.5) !important; }
.post-template-wp-custom-template-collections main { overflow:hidden; }

.header-top { background:#808080; color:#FFF; font-size:16px; padding:10px 0 !important; }
.header-top .wp-block-group { padding:0 !important; }
.header-top .wp-element-button { margin-left:20px; }

.header-image { height:350px; background-size:cover; background-position:center; margin:0 !important; }

ul.wp-block-navigation__container { gap:40px !important; }
.wp-block-navigation-item { font-size:18px; font-weight:500; }

a { text-decoration:none; transition:all 0.25s ease; }
a:hover { color:#808080; text-decoration-color:#1D1D1B; text-decoration-thickness:1px !important; }

main { margin-top:0 !important; }
main p a { color:#1D1D1B; font-weight:600; }
main p a:hover { color:#808080; text-decoration-color:#1D1D1B; }

main > .wp-block-group { display:grid; }
body.page-id-58 main > .wp-block-group > .na-ariane { order:2; width:100%; padding-left:27%; margin-top:80px; margin-bottom:40px; }
body.page-id-61 main > .wp-block-group > .na-ariane { order:2; width:100%; padding-left:27%; margin-top:80px; margin-bottom:40px; }
body.page-id-63 main > .wp-block-group > .na-ariane { order:2; width:100%; padding-left:27%; margin-top:80px; margin-bottom:40px; }
main > .wp-block-group > .wp-block-group { width:100%; }
body.page-id-80 main > .wp-block-group > .wp-block-group { margin-bottom:50px; }

.container { max-width:85%; margin:0 auto; width:1620px; }
.colonnes { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.colonne30 { width:30%; }

.page-id-2 .na-ariane { display:none; }
.page-id-2 .wp-block-cb-carousel { display:none; }
.page-id-2 header { position:absolute; width:100%; z-index:100; box-sizing:border-box; }
.page-id-2 h1 { color:#FFF; font-size:48px; margin:0 !important; }
.page-id-2 footer { display:none; }

@media only screen and (min-width : 1000px)
{
	.page-id-2:not(.sticky) header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color:#FFF; text-decoration-color:#FFF !important; }
	.page-id-2:not(.sticky) header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke:#FFF; }
	.page-id-2:not(.sticky) header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon { display:none; }
}

.post-template-wp-custom-template-projets:not(.sticky) header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color:#FFF; text-decoration-color:#FFF !important; }
.post-template-wp-custom-template-projets:not(.sticky) header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke:#FFF; }
.post-template-wp-custom-template-projets:not(.sticky) header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon { display:none; }

.post-template-wp-custom-template-journal:not(.sticky) header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color:#FFF; text-decoration-color:#FFF !important; }
.post-template-wp-custom-template-journal:not(.sticky) header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke:#FFF; }
.post-template-wp-custom-template-journal:not(.sticky) header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon { display:none; }

.na_inspiration_icone { float:left; width:100px; }
.na_inspiration_contenu { padding-left:120px; }
.na_inspiration_contenu:first-child { padding-left:0; }
.na_inspiration_contenu h2 { margin:0; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:500; }
.na_inspiration_contenu > p:first-of-type { margin-top:10px; margin-bottom:20px; font-weight:500; }
.na_inspiration_contenu p { text-align:justify; }
#artisan p, #presse p { text-align:justify; }

.na_home_slider { height:100vh; position:absolute; z-index:90; left:0; top:0; width:100%; max-width:100%; margin-block-start:0; }
.na_home_slider:after { content:" "; display:block; height:100vh; position:absolute; z-index:91; left:0; top:0; width:100%; background:rgba(0,0,0,0.1);  }

.na_home_title { position:absolute; z-index:95; left:0px; bottom:8vh; width:40%; }

.na_home_nav { position:absolute; z-index:95; right:0px; bottom:8vh; }
.na_home_nav p { display:inline-block; margin-left:40px !important; font-size:18px; }
.na_home_nav a { color:#FFF !important; font-weight:400; text-transform:uppercase; text-decoration:underline solid 1px #FFF; }
.na_home_nav a:hover { text-decoration:underline solid 1px #FFF; opacity:0.7; }
.na_home_nav a { padding-right:20px; background-image:url(./assets/images/fleche-white.svg); background-size:14px auto; background-position:right 0px; background-repeat:no-repeat; }

.na-title { margin-top:-40px; }
.na-title p { font-size:24px; font-weight:bold; }
.na-title h1 { font-size:24px; font-weight:bold; line-height:1.4; }
.page-id-65 h1 { font-size:32px; font-weight:400; }

.na-page-intro { color:#808080; margin-top:20px; font-size:16px; max-width:75%; margin-left:0 !important; }
.na-readmore-btn { color:#1D1D1B; cursor:pointer; font-weight:500; }
.na-readmore-full p.mt40 { margin-top:20px !important; }

.parent-pageid-49 .na-ariane, .page-id-58 .na-ariane, .page-id-63 .na-ariane, .page-id-61 .na-ariane { margin-bottom:-45px; }

.page-id-61 h2 { text-transform:uppercase; font-weight:600; margin:80px 0; }
.page-id-61 h3 { text-transform:uppercase; font-weight:600; }

.na-produit-type { font-weight:500; margin-top:0px; }

.na-studio-aaaa { position:relative; }
.na-studio-aaaa img { margin-top:-40px; margin-left:-40px; position:fixed; z-index:-1; left:0; top:50%; transform:translateY(-50%); opacity:0; transition:opacity 0.5s ease; }
.na-studio-aaaa.active img { opacity:1.0; }

#na-studio-a1, #na-studio-a2, #na-studio-a3, #na-studio-a4 { opacity:0.1; }

.na-studio-designs .wp-block-column:last-child h3 { font-size:20px; }
.na-studio-designs p { text-align:justify; }

.na-studio-design { padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #808080; }
.na-studio-design:last-child { border:0; }
.na-studio-design a { text-transform:uppercase; color:#1D1D1B; padding-right:15px; background-image:url(./assets/images/fleche.svg); background-size:10px auto; background-position:right 5px; background-repeat:no-repeat; text-decoration:underline 1px solid !important; font-size:14px; }
.na-studio-design a:hover { color:#808080; text-decoration-color:#808080; }
.na-studio-design h3, .na-studio-design p, .na-studio-design a { color:#999; transition:all 0.5s ease; }
.na-studio-design.active h3, .na-studio-design.active p, .na-studio-design.active a { color:#1D1D1B; }
.na-studio-design a:hover { opacity:0.7; }

.na-studio-equipe { padding:60px 120px 120px 120px; color:#FFF; margin:0 calc(var(--wp--style--root--padding-right) * -1) !important; max-width:100vw !important; }
.na-studio-equipe.mb120 { margin-bottom:120px !important; }
.na-studio-equipe p, .na-studio-equipe h2 { color:#FFF; font-weight:400; }
.na-studio-equipe h2 { margin-bottom:20px; }
.na-studio-equipe h2 strong { font-weight:600; font-size:50px; }
.na-studio-equipe .wp-block-audio { display:none; }
.na-studio-fonction { text-transform:uppercase; font-weight:600; font-size:14px; margin-bottom:60px; }
.na-studio-bio { padding-left:35%; padding-top:320px; color:#DDD; }
.na-studio-equipe a { text-transform:uppercase; color:#FFF; padding-right:25px; background-image:url(./assets/images/fleche-white.svg); background-size:15px auto; background-position:right 0px; background-repeat:no-repeat; text-decoration:underline 1px solid !important; font-weight:400; font-size:14px; }
.na-studio-equipe .na-audio { margin-top:60px; }
.na-studio-equipe .na-audio a { background-image:url(./assets/images/play.svg); background-size:15px auto; background-position:left 0px; padding-left:25px; padding-right:0; }
.na-studio-equipe a:hover { color:#DDD; text-decoration-color:#DDD; }
.na-studio-equipe img { height:500px; width:auto; }
.na-studio-citation { font-size:18px; max-width:400px; }

.na-carrousel-artisans img { height:500px; width:100%; object-fit:cover; }
.na-carrousel-artisans .swiper-slide { width:auto !important; }
.na-carrousel-artisans p { text-transform:uppercase; font-weight:600; margin:0; margin-top:20px; }
.na-carrousel-artisans p:last-child { font-size:12px; margin-top:5px; }

.na-carrousel-studio img { height:500px; width:100%; object-fit:cover; }
.na-carrousel-studio .swiper-slide { width:auto !important; }

.na-carrousel-produit { position:relative; }
.na-carrousel-produit img { height:600px; width:100%; object-fit:cover; }
.na-carrousel-produit .swiper-slide { /* width:auto !important; */ }

.f-carousel__toolbar__column.is-right .f-button { display:none; }
.f-carousel__toolbar__column.is-right .f-button[title="Close"] { display:flex; background:none; }

.na-collection-titles { margin:60px 0; }
.na-collection-title { font-weight:700; font-size:52px; }
.na-collection-title em { display:block; font-style:normal; font-weight:600; font-size:14px; text-transform:uppercase; margin-bottom:-5px; }
.na-collection-title.alt { color:#FFF; text-shadow:-1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #808080; }
.na-collection-title.alt em { color:#808080; text-shadow:none; transition:all 0.25s ease; }
.na-collection-title.alt a:hover { text-shadow:none; color:#1D1D1B; }
.na-collection-title.alt a:hover em { color:#1D1D1B; }
.na-collection-title.dark { font-size:64px; font-weight:600; text-shadow:-1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #808080; }
.na-collection-title.dark a { color:#353E39; }
.na-collection-title.dark em { color:#808080; text-shadow:none; margin-bottom:-25px; transition:all 0.25s ease; }
.na-collection-title.dark a:hover { text-shadow:none; color:#F4F2EE; }
.na-collection-title.dark a:hover em { color:#F4F2EE; }

.na-ariane h1 { font-weight:700; font-size:52px; position:absolute; color:#FFF; text-shadow:-1px -1px 0 #1D1D1B, 1px -1px 0 #1D1D1B, -1px 1px 0 #1D1D1B, 1px 1px 0 #1D1D1B; text-transform:lowercase; }
.na-bdp { order:2; }
.na-bdp h1 { font-weight:700; text-transform:lowercase; font-size:24px; color:#1D1D1B; text-shadow:none; }

.na-admin a { margin-right:20px; }
.na-admin a img { vertical-align:top; margin-top:-3px; }
/*
.na-collection-nav { position:fixed; width:25%; }
.entry-content > .wp-block-columns > .wp-block-column:last-child { margin-left:30%; }
*/

.na-uppercase { text-transform:uppercase; }

.na-collection-nav a { color:#808080; font-weight:400; text-transform:uppercase; }
.na-collection-nav strong a, .na-collection-nav a strong { color:#1D1D1B; font-weight:600; }
.na-collection-nav .na-tags a { display:inline-block; padding:6px 12px; color:#1D1D1B; border:2px solid #1D1D1B; font-size:14px; transition:all 0.25s ease; border-radius:20px; margin-right:5px; margin-bottom:10px; }
.na-collection-nav .na-tags a:hover, .na-collection-nav .na-tags a.active { background:#1D1D1B; color:#FFF; }

.na-tags span { display:inline-block; padding:6px 12px; color:#1D1D1B; border:2px solid #1D1D1B; text-transform:uppercase; font-weight:400; font-size:14px; transition:all 0.25s ease; border-radius:20px; margin-right:5px; margin-bottom:10px; }

.na-date { text-transform:uppercase; }

.na-bouton { display:inline-block; padding:10px 15px; color:#1D1D1B; border:2px solid #1D1D1B; font-size:12px; transition:all 0.25s ease; border-radius:20px; margin-right:5px; margin-bottom:10px; text-transform:uppercase; font-weight:600; padding-right:30px; background-image:url(./assets/images/fleche.svg); background-size:10px auto; background-position:92% 12px; background-repeat:no-repeat; }
.na-bouton.green { background:#275150; border-color:#275150; color:#FFF; background-image:url(./assets/images/fleche-white.svg); background-size:10px auto; background-position:92% 12px; background-repeat:no-repeat; }
.na-bouton.light { border:0; text-decoration:underline; }
.na-technique-item { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #1D1D1B; text-align:right; font-size:16px; }
.na-technique-item b { display:block; margin-bottom:10px; text-align:left; }
.na-technique-item p { text-align:right; }
.na_technique_images { text-align:center; display:flex; }
.na_technique_images img { margin:0; max-width:75%; max-height:500px; }
.na_technique_images.w50 img { max-width:50%; }
.na_technique_images.w60 img { max-width:60%; }
.na_technique_images.w90 img { max-width:90%; }
.na_technique_images.w100 img { max-width:100%; }

#technique  { position:relative; }
#technique .wp-block-column { z-index:150; }
#technique > p { position:relative; z-index:150; }
#technique .na_white_background { z-index:1; position:absolute; top:-40px; left:-50%; width:200%; height:100% !important; background:#FFF; padding-bottom:80px; }

#presse  { position:relative; }
#presse .wp-block-column { z-index:150; }
#presse > p { position:relative; z-index:150; }
#presse .na_white_background { z-index:1; position:absolute; top:-40px; left:-50%; width:200%; height:100% !important; background:#FFF; padding-bottom:80px; }

.na-article-nav .na-tags a { display:inline-block; padding:6px 12px; color:#1D1D1B; border:2px solid #1D1D1B; font-size:14px; transition:all 0.25s ease; border-radius:20px; margin-right:5px; margin-bottom:10px; }
.na-article-nav .na-tags a:hover { background:#1D1D1B; color:#FFF; }
.na-article-nav h1 { font-size:48px; }
.na-article-nav .na-ariane { margin-top:90px; }
.wp-block-navigation__submenu-container { border:0 !important; width:230px !important; left:-17px !important; padding-top:10px !important; }
.wp-block-navigation__submenu-container a { font-weight:400 !important; }
.page-id-2 .wp-block-navigation__submenu-container { background:transparent !important; }
.page-id-2 .wp-block-navigation .wp-block-navigation-item { background:transparent !important; }
.single-post .wp-block-navigation__submenu-container { background:transparent !important; }
.single-post .wp-block-navigation .wp-block-navigation-item { background:transparent !important; }
.post-template-wp-custom-template-journal .wp-block-navigation__submenu-container { background:transparent !important; }
.post-template-wp-custom-template-journal .wp-block-navigation .wp-block-navigation-item { background:transparent !important; }
.post-template-wp-custom-template-projets .wp-block-navigation__submenu-container { background:transparent !important; }
.post-template-wp-custom-template-projets .wp-block-navigation .wp-block-navigation-item { background:transparent !important; }

#inspiration, #artisan, #presse, #technique .wp-block-columns { flex-wrap:wrap; padding:80px 0; }
#technique .wp-block-columns { gap:0!important; }

.na-article-content {  }
.na-article-content .entry-content { padding-left:0; padding-right:0; }
.na-article-content .entry-content .wp-block-columns { gap:20px; }
.na-article-content .entry-content h2 { font-size:24px; }
.na-article-content .entry-content p { line-height:1.7; margin-bottom:20px; font-weight:400; }
.na-article-content .entry-content p strong { font-weight:600; }
.na-article-content figure { margin-bottom:40px; margin-top:40px; }
.na-article-content > figure img { margin-top:-122px; max-width:120%; width:120% !important; position:relative; z-index:-1; }
.na-article-content > figure { margin-bottom:-65px !important; }

.wp-block-columns { justify-content:space-between; }

.na-produit-menu { padding:40px 0; position:absolute; z-index:10; }
.na-produit-menu p a { font-weight:400; color:#808080; text-transform:uppercase; font-size:14px; }
.na-produit-menu p a.active { font-weight:500; color:#1D1D1B; padding-left:25px; }
.na-produit-menu p a.active::before { content:""; position:absolute; margin-top:14px; left:0; width:14px; height:1px; background-color:#1D1D1B; }

.na-produit-details.wp-block-columns { width:100%; }

.na-skeleton { flex: 0 0 calc(33.3333% - 26.6667px); height:100%; min-height:300px; animation: skeleton-loading 1s linear infinite alternate; }
@keyframes skeleton-loading {
    0% {
        background-color: #F2F2F2;
    }
    100% {
        background-color: #DDD;
    }
}

.na-cards { flex-wrap:wrap !important; gap:40px; }
.na-card { cursor:pointer; border-radius:3px; margin-bottom:40px; }
.na-card figure { position:relative; }
.na-card img { margin-bottom:20px; transition:all 0.75s ease; }
.na-card .na_img_over { position:absolute; left:0; top:0; opacity:0; width:100%; object-fit:cover; }
.na-card .na_img_original { position:relative; left:0; top:0; opacity:1; width:100%; }
.na-card:hover .na_img_over { position:relative; opacity:1; }
.na-card:hover .na_img_original { position:absolute; opacity:0; }
.na-card.na-produit p:first-of-type { font-weight:500; text-transform:uppercase; }
.na-card.na-projet p:first-of-type { font-weight:500; text-transform:uppercase; }
.na-card.na-journal { margin-bottom:40px; display:block; }
.na-card.na-produit:hover img { /*box-shadow:0 0 20px rgba(0,0,0,0.1);*/ }
.na-card.na-journal:hover img { /*box-shadow:0 0 20px rgba(0,0,0,0.1);*/ }
.na-card.na-produit img { margin-bottom:0px; }
.na-card.na-journal img { margin-bottom:0px; }
.na-card.na-projet img { margin-bottom:0px; }
.na-card.na-projet .na-card-dimensions, .na-card.na-journal .na-card-dimensions { float:right; text-transform:uppercase; padding-top:8px; }
.na-card p { margin-bottom:5px; margin-block-start:0; padding:0; }
.na-card p strong { font-weight:700; }
.na-card.na-produit p strong { text-transform:lowercase; }
.na-card p:last-child { padding-bottom:20px; }

.na-back { padding-left:35px; background-image:url(./assets/images/fleche-back.svg); background-size:20px auto; background-position:left center; background-repeat:no-repeat; margin-top:40px; }
.na-back a { text-transform:uppercase; font-size:11px; text-decoration:underline; }

.na-produit.ui-sortable-handle { cursor:grab!important; }
.na-projet.ui-sortable-handle { cursor:grab!important; }

.na-card-dimensions { font-size:14px; }
.na-card-collab { font-size:13px; text-transform:uppercase; color:#808080; }
.na-card-collab-img img { margin-bottom:-10px; }

.na-contact-title { text-transform:uppercase; color:#F4F2EE; font-weight:600; font-size:26px; }
.na-contact-link { color:#F4F2EE; font-size:18px; padding-top:70px; }
.na-contact-link a { font-size:24px; text-decoration:underline; text-decoration-color:#F4F2EE; text-decoration-thickness:2px !important; }
.na-contact-link a:hover { color:#FFF; }

.na-contacts { margin:50px auto !important; text-transform:uppercase; }
.na-contacts .na-caps { font-size:13px; font-weight:600; }
.na-contacts p { margin:0; margin-bottom:10px; }
.na-link-underlined a { text-decoration:underline; color:#1D1D1B; text-decoration-color:#1D1D1B; text-decoration-thickness:1px !important; padding-right:15px; background-image:url(./assets/images/fleche.svg); background-size:10px auto; background-position:right 5px; background-repeat:no-repeat; }

.na-instagram { background-color:#0f124c; border-radius:20px; text-align:center; padding:40px; margin-bottom:80px; display:block; }
.na-instagram .na-contact-title { text-align:left; font-size:16px; }
.na-instagram .na-contact-title span { text-align:left; font-size:26px; text-decoration:underline; padding-right:30px; background-image:url(./assets/images/fleche-white.svg); background-size:16px auto; background-position:right 7px; background-repeat:no-repeat; }

.na-newsletter { background-color:#275150; border-radius:20px; text-align:left; padding:40px; margin-bottom:80px; display:block; }
.na-newsletter .na-contact-title { font-size:16px; font-weight:400; }
.na-newsletter input[type=email] { font-size:18px; text-transform:uppercase; font-family:"Montserrat", sans-serif !important; border:0; border-bottom:1px solid #F4F2EE; color:#FFF; width:100%; display:block; background:transparent; margin:40px auto 20px auto; opacity:0.75; }
.na-newsletter input[type=email]::placeholder { color:#DDD; }
.na-newsletter input[type=email]::focus { opacity:1.0; }
.na-newsletter input[type=submit] { background:#F4F2EE; border-radius:15px; font-family:"Montserrat", sans-serif !important; padding:20px; border:0; font-size:20px; text-transform:uppercase; color:#275150; width:100%; display:block; background-image:url(./assets/images/fleche.svg); background-size:14px auto; background-position:70% center; background-repeat:no-repeat; }
.na-newsletter img { margin-bottom:10px; }

.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb90 { margin-bottom:90px; }
.mb120 { margin-bottom:120px; }

.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt90 { margin-top:90px; }

form { text-align:center; }
form label { background:#808080; border:1px solid #808080; border-radius:20px; color:#FFF; padding:0 0 0 20px; margin-bottom:10px; display:block; min-height:34px; position:relative; text-align:left; }
form label.textarea { min-height:116px; }
form label input { background:#FFF; border:0; float:right; width:81%; border-radius:0 20px 20px 0; font-size:16px; padding:8px 20px; }
form label input[name=datereservation] { padding:6.5px 20px; }
form label textarea { background:#FFF; border:0; float:right; width:81%; height:100px; border-radius:0 20px 20px 0; font-size:16px; padding:8px 20px; resize:none; }
form label font { padding-top:5px; padding-left:30px; display:inline-block; font-size:16px; }
form label i.fa { position:absolute; font-size:18px; margin-top:8px; }
.wpcf7-not-valid-tip { position:absolute; font-size:12px; background:#1D1D1B; color:#FFF; padding:3px 15px; border-radius:20px; min-width:208px; z-index:100; }
.wpcf7-response-output { border:2px solid #1D1D1B !important; font-size:16px; border-radius:20px; text-align:center; }
.wpcf7-submit { margin-top:20px; margin-left:72px; }
.wpcf7-spinner { background-color:#1D1D1B; }

form .na-columns { display:flex; flex-wrap: wrap; justify-content:space-between; }
form .na-column { flex: 0 0 47%; white-space: nowrap; }
form label.na-column input { width:60%; }

.na-cols-container { }
.na-cols-container font { margin-right:10px; text-transform:uppercase; font-size:14px; }
#na-cols {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 200px; /* Full-width */
  height: 3px; /* Specified height */
  background: #1D1D1B; /* Grey background */
  outline: none; /* Remove outline */
  vertical-align:middle;
  margin-top:-1px; margin-left:10px; margin-right:10px;
}

#na-cols::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #1D1D1B; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:20px;
}

#na-cols::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #1D1D1B; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:20px;
}

/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #AAA; 
}
input[type="range"]::-moz-range-track {  
  background-color: #1D1D1B;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #AAA; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #1D1D1B;
}

.wp-site-blocks > .wp-block-cb-carousel-v2 .wp-block-cb-slide-v2 { text-align:center; }
.wp-site-blocks > .wp-block-cb-carousel-v2 .wp-block-cb-slide-v2 figure { display:inline-block; padding-right:15px; vertical-align:middle; }
.wp-site-blocks > .wp-block-cb-carousel-v2 .wp-block-cb-slide-v2 p { display:inline-block; width:180px; font-size:14px; font-weight:600; text-transform:uppercase; text-align:left; vertical-align:middle; }
footer > .wp-block-cb-carousel-v2 .wp-block-cb-slide-v2 { text-align:center; margin-top:40px; margin-bottom:20px; }
footer > .wp-block-cb-carousel-v2 .wp-block-cb-slide-v2 figure { display:inline-block; padding-right:15px; vertical-align:middle; }
footer > .wp-block-cb-carousel-v2 .wp-block-cb-slide-v2 p { display:inline-block; width:180px; font-size:14px; font-weight:600; text-transform:uppercase; text-align:left; vertical-align:middle; }
body.single-post .wp-block-cb-carousel-v2 { margin-top:80px; margin-bottom:20px; }
body.single-post { overflow-x:hidden; }
/* .wp-block-cb-carousel-v2 .cb-wrapper.swiper-wrapper { transition-duration:2000ms!important; } */

.na-bottom-link { background:#353E39; padding:60px 0 40px 0; }
.na-bottom-link .colonne30 > a { color:#F4F2EE; text-transform:uppercase; text-decoration:underline; text-decoration-thickness:2px !important; }
.na-bottom-link .colonne30 > a:hover { opacity:0.7; }
img.na-rotation { animation: bottomlinkmove2 4s ease infinite; }
@keyframes bottomlinkmove {
  50% { transform: rotate(90deg); }
}
@keyframes bottomlinkmove2 {
  50% { scale:120%; }
}

.right { text-align:right; }
.center { text-align:center; }

footer { background:#FFF; padding:0 !important; margin-block-start:0; font-weight:600; }
footer a { text-decoration-color:none !important; }
footer ul a { padding-right:15px; background-image:url(./assets/images/fleche.svg); background-size:10px auto; background-position:right 5px; background-repeat:no-repeat; }
footer ul.wp-block-navigation__container { gap:10px !important; }
footer .wp-block-site-logo img {  margin-top:-40px; margin-left:-32px; }
.na-footer-copyright { border-top:2px solid #DDD; padding-top:40px; margin-top:40px; font-weight:400; }
.na-footer-social { text-transform:uppercase; margin-bottom:40px; }
.na-footer-social a { padding-right:20px; background-image:url(./assets/images/fleche.svg); background-size:14px auto; background-position:right 0px; background-repeat:no-repeat; }
.na-footer-contacts p { margin:0; margin-bottom:5px; }
.na-caps { text-transform:uppercase; }
.na-link-small a { font-size:12px; text-transform:uppercase; padding-right:15px; background-image:url(./assets/images/fleche.svg); background-size:10px auto; background-position:right 5px; background-repeat:no-repeat; text-decoration:underline; text-decoration-thickness:1px !important; }

:where(.wp-site-blocks *:focus) { outline-style:none !important; }

.trp_language_switcher_shortcode { background:none !important; right:0; position:absolute !important; }
.trp-ls-shortcode-current-language { display:none !important; }
.trp-ls-shortcode-language { display:block !important; overflow:visible !important; }

#trp-floater-ls { background:none !important; left:auto !important; right:0; margin-top:20px; box-shadow:none !important; position:absolute !important; z-index:200 !important; }
header #trp-floater-ls { margin-top:0; top:10px !important; left:90% !important; right:auto; }
.sticky header #trp-floater-ls { top:0px !important; }
#trp-floater-ls-current-language { display:none !important; }
#trp-floater-ls-language-list { display:block !important; overflow:visible !important; }
#trp-floater-ls-language-list a { background:none !important; font-size:14px; color:#808080 !important; padding:3px 10px 3px 25px !important; }
#trp-floater-ls-language-list a.trp-ls-disabled-language { color:#1D1D1B !important; position:relative; font-weight:600; }
#trp-floater-ls-language-list a.trp-ls-disabled-language::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 30%;
    left: 0%;
    border-top: 2px solid #1D1D1B;
}
.page-id-2 #trp-floater-ls-language-list a:not(.trp-ls-disabled-language) { color:#FFF !important; }
.page-id-2 #trp-floater-ls-language-list a.trp-ls-disabled-language { color:#FFF !important; }
.page-id-2 #trp-floater-ls-language-list a.trp-ls-disabled-language::before { border-top: 2px solid #FFF; }

.single-post:not(.sticky) header .wp-block-navigation .wp-block-navigation-item { background:transparent!important; }
.single-post:not(.sticky) header .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item { background:#F4F2EE!important; }
.single-post:not(.sticky) header .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) { margin-bottom:0; }

#na-contact-in { position:fixed; z-index:300; left:0; top:0; width:100%; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.25); }
#na-contact-in .na-menu-contact { cursor:pointer; margin-right:110px; }
#na-contact-in .na-menu-contact img { vertical-align:middle; margin-right:8px; }
#na-contact-in .na-menu-contact span { text-decoration:underline; }
#na-contact-in p a { font-weight:600; }

.f-caption { font-size:16px !important; }
.na-article-content figure.wp-block-gallery { margin-top:40px; margin-bottom:40px; }

:root {
    --wp--style--global--content-size: 1620px;
    --wp--style--global--wide-size: 1620px;
}

@media only screen and (min-width : 1000px)
{
	body.single-post header nav { mix-blend-mode:difference; }
	body.sticky.single-post header nav { mix-blend-mode:normal; }
	body.post-template-wp-custom-template-collections header nav { mix-blend-mode:normal; }
}

@media only screen and (max-width : 1000px)
{
	html { margin-block-start:0 !important; }
	
	.header-top { padding-right: clamp(30px, 5vw, 50px) !important; padding-left: clamp(30px, 5vw, 50px) !important; }
	.header-top .wp-element-button { font-size:14px; margin-left:0; padding:10px 15px; }
	.header-top > .wp-block-group > .wp-block-group:first-child { width:45%; }
	.header-top > .wp-block-group { gap:0; }
	header { padding-right: clamp(30px, 5vw, 50px) !important; padding-left: clamp(15px, 3vw, 25px) !important; }
	header nav { padding-right:0; }
	.has-modal-open header { height:100%; }
	.page-id-2 header nav > button { color:#FFF; }
	
	.na-ariane h1 { position:relative; margin-bottom:60px; }
	.na-article-nav .na-ariane { margin-top:40px; }
	.page-id-2 h1 { font-size:36px; }
	.na_home_title { bottom:250px; width:60%; }
	.na_home_nav { bottom:0; }
	.na_home_nav p { display:block; }
	
	.single-post:not(.sticky) header .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item { background:transparent!important; }
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { padding:0; }
	.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open { background:rgba(255,255,255,0.7)!important; backdrop-filter:blur(4px); padding-top:50px; padding-right:45px; }
	
	.post-template-wp-custom-template-projets header .wp-block-navigation .is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content { color:#1D1D1B; text-decoration-color:#1D1D1B !important; }
	.post-template-wp-custom-template-journal header .wp-block-navigation .is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content { color:#1D1D1B; text-decoration-color:#1D1D1B !important; }
	
	.na-studio-aaaa { display:none; }
	
	main { padding-top:20px !important; }
	.page-id-2 main { padding-top:0 !important; }
	
	.na_carrousel { zoom:0.6; }
	.na-carrousel-studio { zoom:0.7; }
	.na-carrousel-artisans { zoom:0.7; }
	
	.na_home_slider { height:100%; }
	.na_home_slider:after { display:none; }
	
	#trp-floater-ls { display:none; }
	
	.na-cards .na-tags span.reduit { max-width:112px; }
	
	.na_carrousel_nav { margin-top:20px !important; margin-left:0 !important; }
	.na-produit-menu { position:relative; padding-bottom:0; }
	.na-produit-menu p a { display:none; }
	.na-produit-menu p a.active { display:block; }
	
	.na-technique-item { text-align:left; }
	.na_technique_images img { max-width:100%; max-height:1000px; }
	.na-technique-item:last-child { margin-bottom:140px; }
	
	form .na-columns { display:block; }
	form label input { width:50% !important; }
	form label textarea { width:auto; max-width:94%; box-sizing:border-box; float:none; border-radius:20px; margin-top:5px; margin-bottom:10px; }
	.wp-block-group .na-grey-bg:first-child { margin-top:-3rem; }
	
	.na-blue-bg, .na-grey-bg, .na-white-bg { padding:40px clamp(30px, 5vw, 50px); }
	
	.na-article-content > figure img { width:100% !important; margin-top:0; }
	.na-article-content > figure { margin-bottom:30px !important; }
	
	.na-back { display:none; }
	
	.na-studio-equipe { padding:40px; padding-bottom:60px; }
	.na-studio-equipe img { height:auto; }
	.na-studio-equipe h2 strong { font-size:36px; }
	.na-studio-bio { padding-top:0px; }
	.na-studio-fonction { display:none; }
	.na-carrousel-artisans { width:100%; }
	.na-admin { display:none; }
	
	.na-collection-title.alt { display:none; }
	.na-collection-titles .wp-block-column:last-child { display:none; }
	
	.na_inspiration_icone { width:100%; margin-bottom:20px; float:none; }
	.na_inspiration_contenu { padding-left:0; }
	
	.na-collection-nav { order:2; }
	
	.na-studio-design h3, .na-studio-design p, .na-studio-design a { color:#1D1D1B; }
	.page-id-61 .wp-block-heading.has-text-align-center { text-align:left; }
	
	#inspiration, #artisan, #presse, #technique .wp-block-columns { padding:40px 0; }
	
	#technique .na_white_background { top:-140px; height:108%; }
	#presse .na_white_background { top:-140px; }
	
	.colonne30 { width:100%; }
	.na-bottom-link .colonne30 img.na-rotation { width:150px !important; }
	
	.wp-block-cb-carousel-v2.mt90 { margin-top:30px; }
	footer .wp-block-navigation__container { margin-top:20px; }
	
	.na-contact-link { padding-top:20px; }
	
	.mobile_full_width { flex:0 0 100%; }
	.mobile_flex_wrap { flex-wrap:wrap; }
	
	.na-footer-copyright > .wp-block-column:last-child { display:none; }
	.na-footer-contacts > .wp-block-column p.na-caps { margin-top:20px; }
	.na-footer-social { margin-top:20px !important; }
	footer .wp-block-site-logo img { max-width:60%; margin-top:25px; }
	footer nav { display:none !important; }
	
	footer .is-layout-flex, footer .wp-block-navigation__container, footer .wp-block-navigation .wp-block-navigation-item { display:block; text-align:center !important; }
	footer figure { display:inline-block; }
	footer nav { text-align:center; }
}

@media only screen and (min-width : 1400px)
{
	.na-collection-title { font-size:70px; }
}