/*
Theme Name: BlankSlate
Author: Otowui
Author URI: http://otowui.com/
Description: Custom Theem By Otowui
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2022.4
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate
*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900');

:root {
  --color-text: #000;
  --color-text-alternate: #666;
	--color-title: #000;
	--color-link: #1B1B1B;
	--color-link-hover: #666;
	--color-bg: #ffffff;
	--color-bg-alternate: #F9F9FA;
	--color-bg-footer: #000;
  --font-title:'Cinzel', serif;
  --font-text:'Lato', sans-serif;
}

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal} .screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline} .skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto} .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} .table {display:table;width:100%;table-layout: fixed} .row {display:table-row;} .cell {display:table-cell;} .cell-left {text-align:left;} .cell-right {text-align:right;} .cell-sep {width:50px;} strong {font-weight:bold;} em {font-style:italic;}

html {font-size: 100%;}
body {background-color: var(--color-bg);font-family: var(--font-text);line-height: 1.75;color:var(--color-text);}
body #wrapper {background-color: #fff;margin:0 auto;max-width:100%;}
body:not(.home) #wrapper {padding-top:156px;}
body:not(.home) #container {min-height:calc(100vh - 278px);}
/* HEADER */
#header {width:100%;position:fixed;top:0;left:0;width:100%;z-index:999;padding:30px 0;height:106px;}
#header .cell-branding {width:94px;vertical-align:bottom;text-align: right;}
#header .cell-branding #branding {position:relative;display: inline-block;text-decoration: none;width:64px;}
#header .cell-branding #branding img {width:100%;display: block;height:auto;}
#header .cell-menu {width:auto;vertical-align:bottom;text-align: left}
#header .cell-menu #menu {padding:0 0 0 30px;}
#header .cell-menu ul li {display:inline-block;margin-right:18px;}
#header .cell-menu ul li a {color:var(--color-text);text-transform: uppercase;text-decoration: none;transition: color 0.35s;}
#header .cell-menu ul li a:hover,
#header .cell-menu ul li.current-menu-item a,
#header .cell-menu ul li.current-menu-parent a {color: var(--color-link-hover);}

/* CONTENT */
header.header {margin:0 50px;}
#container {display: flex;flex-direction: row;flex-wrap: wrap;overflow-x:hidden;}
.cm-static {max-width:1280px;width:100%;margin:0 auto;}
.post-navigation,
.cm-static-alt {max-width:1350px;width:100%;margin:0 auto;}
body.single-galeries .post-navigation {padding-bottom:5rem;}

/* ACCUEIL */
body.home #container #cm-slideshow .cell-left {vertical-align:middle;text-align:left;width:38%;position: relative;background-image: linear-gradient(to left bottom, #ffffff, #fefdfe, #fcfcfc, #fbfafb, #f9f9fa);}
body.home #container #cm-slideshow .cell-right {width: auto;}
body.home #container #cm-slideshow .cell-left .overlay {position:absolute; top: 50%;transform: translateY(-50%);right:-110px;width:60%;z-index:999;}
body.home #container #cm-slideshow .cell-left .overlay img {width:100%;display: block;height:auto;}
body.home #container .container-about {padding:20vh 0;}
body.home #container .cm-gallery {padding:20vh 0;background-color:var(--color-bg-alternate);width: 100%;}
body.home #container .cm-gallery h2 {color: var(--color-text);text-transform:uppercase;font-size:4.2rem;font-weight:600;padding:0 0 1rem;margin:0;font-family: var(--font-title);text-align: center}
body.home #container .cm-gallery .grid article h3 {font-size: 1rem !important;margin: 1rem 0 0;padding:0;font-weight: 500;font-family: var(--font-text);text-transform: uppercase}
body.home #container .cm-gallery .grid article h3 a {text-decoration: none;color:inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;color:var(--color-text);letter-spacing: 1px;}
body.home #container .container-contact {padding:20vh 0;max-width: 480px;margin:0 auto;}
body.home #container .container-contact h2 {color: var(--color-text);text-transform:uppercase;font-size:4.2rem;font-weight:600;padding:0 0 1rem;margin:0;font-family: var(--font-title);}

/* ABOUT */
.container-about img {width:100%;display: block;height:auto;}
.container-about .cell-left {vertical-align:middle;text-align:left;width:38%;position: relative;background-image: linear-gradient(to left bottom, #ffffff, #f9f9fa, #f3f3f5, #ecedf0, #e6e7eb);}
.container-about .cell-right {width: auto;vertical-align: middle;text-align:justify;}
.container-about .cell-right .text-heading h1 {color: var(--color-text-alternate);font-size:1rem;font-style: italic;font-weight: 500;padding:0 0 .2rem;margin:0;}
.container-about .cell-right .text-heading h2 {color: var(--color-text);text-transform:uppercase;font-size:4.2rem;font-weight:600;padding:0 0 1rem;margin:0;font-family: var(--font-title);position:relative;left:-120px;z-index:2;line-height: 100%;}

/* CONTACT */
.container-contact .text-heading h1 {color: var(--color-text);text-transform:uppercase;font-size:4.2rem;font-weight:600;padding:0 0 1rem;margin:0;font-family: var(--font-title);}
.container-contact .text {padding-left:4rem;}

/* TEXT */
.text {} 
.text p {padding-bottom:1rem;line-height: 150%;font-size:1rem;text-align: justify} 
.text p small {font-style:italic;font-size:0.8rem;} 
.text ul li {line-height: 110%;font-size:0.85rem;padding-bottom:.5em;}
.text ul li::before {font-family: "Font Awesome 6 Pro"; font-weight:600; content: "\f00c";margin-right:5px;}
.text p a {color: inherit;}

/* ARCHIVE GALLERY */
#content {margin:0 auto;}
.cm-gallery h1 {color: var(--color-text);text-transform:uppercase;font-size:4.2rem;font-weight:600;padding:0 0 1rem;margin:0;font-family: var(--font-title);text-align: center}
.cm-gallery .grid {margin:0 35px;}
.cm-gallery .grid article {float:left;width:50%;margin:0 !important;padding:0 0 30px !important;}
.cm-gallery .grid article .post-padding {margin:0 15px;}
.cm-gallery .grid article h2 {font-size: 1rem !important;margin: 1rem 0 0;padding:0;font-weight: 500;font-family: var(--font-text);text-transform: uppercase}
.cm-gallery .grid article h2 a {text-decoration: none;color:inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;color:var(--color-text);letter-spacing: 1px;}
.cm-gallery .grid .entry-content .entry-img {display:block;position:relative;text-align: center;text-decoration: none;}
.cm-gallery .grid .entry-content .entry-img img {width:100%;height:auto;display:block;}
.cm-gallery .grid .entry-content a {display:block;position:relative;text-align: center;text-decoration: none;}
.cm-gallery .grid .entry-content a::before {content: "\f002";font-family: "Font Awesome 6 Pro";color: #FFF;font-weight: bold;position:absolute;left:0;top:50%;transform: translateY(-50%);width: 100%;text-align: center;z-index:2;opacity:0;transition: all 0.35s;margin-top:10px;font-size:32px;}
.cm-gallery .grid .entry-content a:hover::before  {opacity:1;margin-top:0;}
.cm-gallery .grid .entry-content a img {width:100%;height:auto;display:block;}
.cm-gallery .grid .entry-content a::after {left:0;right:0;bottom:0;top:0;height:auto;display:block;content:'';position:absolute;z-index:1;background: var(--color-link);opacity:0;transition: all 0.35s;}
.cm-gallery .grid .entry-content a:hover::after {opacity:.6;}

#cat-menu {border-bottom:3px solid #ECECEC;margin:0 50px;padding:15px 0;}
#cat-menu ul li {display:inline-block;margin-right:15px;}
#cat-menu ul li a {color:var(--color-link);text-decoration: none;transition: color 0.35s;}
#cat-menu ul li.current-menu-item a,
#cat-menu ul li a:hover {color: var(--color-bg-header)}
/*
.programmes > label {display:inline-block;padding: 10px 16px;margin-right: 5px;background: #eee;cursor: pointer;font-size:.9rem;}
.programmes > label:hover, .programmes > input:checked + label {background: #F5C91B;}
*/
.nav-links {margin:0 50px;display: flex; justify-content: space-between;}
.nav-links .nav-next {justify-content: flex-end;}
.nav-links a {height:42px;padding:0 16px;text-align: center;line-height: 42px;color:#fff;background:#CCC;display:inline-block;transition: background 0.35s;text-decoration: none;max-width:400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-links a:hover {background:var(--color-link);}

/* POSTS - GALERIE */
body.single-galeries .cell-left {vertical-align:middle;text-align:left;width:auto;position: relative;}
body.single-galeries .cell-right {width:38%;vertical-align: top;text-align:justify;}
body.single-galeries .cell-right .text-heading h1 {color: var(--color-text);text-transform:uppercase;font-size:4.2rem;font-weight:400;padding:5rem 0 1rem;margin:0;font-family: var(--font-title);position:relative;left:-40px;z-index:2;text-align: left;line-height:100%;}
body.single-galeries .post-metas {color:#CCC;padding-bottom:1rem;}
body.single-galeries .post-metas a {color:#1B1B1B;transition: color 0.35s;text-decoration: none}
body.single-galeries .post-metas a:hover {color:var(--color-link);}
body.single-galeries .post-metas span {color:var(--color-text);}
body.single-galeries .post-content {padding-bottom:1rem;}
body.single-galeries .grid {margin:0;padding-bottom:1rem;}
body.single-galeries .grid figure {float:none;width:100%;margin:0 !important;padding:0 0 30px !important;}
body.single-galeries .grid figure a {display:block;position:relative;text-align: center;text-decoration: none;margin:0 15px;}
body.single-galeries .grid figure a::before {content: "\f002";font-family: "Font Awesome 6 Pro";color: #FFF;font-weight: bold;position:absolute;left:0;top:50%;transform: translateY(-50%);width: 100%;text-align: center;z-index:2;opacity:0;transition: all 0.35s;margin-top:10px;font-size:32px;}
body.single-galeries .grid figure a:hover::before  {opacity:1;margin-top:0;}
body.single-galeries .grid figure a img {width:100%;height:auto;display:block;}
body.single-galeries .grid figure a::after {left:0;right:0;bottom:0;top:0;height:auto;display:block;content:'';position:absolute;z-index:1;background: var(--color-link);opacity:0;transition: all 0.35s;}
body.single-galeries .grid figure a:hover::after {opacity:.6;}
body.single-galeries #lg-share, body.single-galeries #lg-download {display:none !important}
button[aria-label]:not(.lg-next,.lg-prev) {position:relative;}
button[aria-label]:not(.lg-next,.lg-prev):focus:before,
button[aria-label]:not(.lg-next,.lg-prev):hover:before,
a[aria-label]:focus:before,
a[aria-label]:hover:before {
  position: absolute;
  z-index: 1;
  bottom: -2em;
  right: 0;
  display: inline-block;
  overflow: hidden;
  width: auto;
  height: 2em;
  border-radius: .2em;
  padding: 0 .7em;
  content: attr(aria-label);
  color: #fff;
  background: #000;
  font-size: 11px;
  font-family: sans-serif !important;
  line-height: 2em;
  text-align: center;
  white-space: nowrap;
}

#toolbar-photos {border-top:3px solid #ECECEC;margin:0 50px;padding:15px 0;}
#toolbar-photos .cell-left a {color:var(--color-link);text-decoration: none;transition: color 0.35s;font-size:.9rem;}
#toolbar-photos .cell-left a:hover {color: var(--color-bg-header)}
#toolbar-photos .cell-right a {display: inline-block;height:26px;width:26px;line-height: 26px;text-align: center;background-color: var(--color-title);color:#fff;border-radius:13px;transition: background 0.35s;font-size:12px;}
#toolbar-photos .cell-right a:hover {background-color: var(--color-bg-header);}
#toolbar-photos .cell-right em {font-style: italic;opacity:0.4;font-size:.9rem;}
/* FOOTER */
#footer {width:100%;background-color:var(--color-bg-footer);color:#ECECEC;margin:0 auto;padding:50px;text-align:center;font-size: 0.8rem;min-height:122px;}
#footer .inner {max-width:1200px;margin:0 auto;}
#footer a {color:inherit;}

/* RESPONSIVE */
@media screen and (min-width: 800px) {

}
@media (min-width: 1px) and (max-width: 799px) {
  .table,
  .row,
  .cell,
  .cell-left,
  .cell-right {display:block;width:100%;}
  body #wrapper {padding-top:156px;}
  body #container {min-height:calc(100vh - 278px);}
  
  #header {position:absolute;}
  #header .cell-branding {text-align:left;}
  #header .cell-branding #branding {margin-left:30px;}
  
  body.home #container #cm-slideshow .cell-left {display:none;}
  body.home #container .container-about {padding:10vh 0;}
  body.home #container .container-about .cell-left {display:none}
  body.home #container .container-about .cell-right {}
  body.home .container-about  .cell-right .text-heading,
  body.home .container-about  .cell-right .text {margin:0 30px;}
  body.home .container-about  .cell-right .text-heading h2 {color: var(--color-text);text-transform:uppercase;font-size:2.4rem;font-weight:400;padding:0 0 1rem;margin:0;font-family: var(--font-title);position:relative;left:0;z-index:2;}
  
  body.home #container .cm-gallery {padding:10vh 0;}
  body.home #container .cm-gallery h2 {font-size:2.4rem;}
  body.home #container .cm-gallery .grid article h3 {font-size: 1rem !important;margin: 1rem 0 0;padding:0;font-weight: 500;font-family: var(--font-text);text-transform: uppercase}
  body.home #container .cm-gallery .grid article h3 a {text-decoration: none;color:inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;color:var(--color-text);letter-spacing: 1px;}
  
  body.home #container .container-contact {padding:10vh 0;max-width: 480px;margin:0 30px;}
  body.home #container .container-contact h2 {font-size:2.4rem;}
  
  .cm-gallery .grid article {float:none;width:100%;margin:0 !important;padding:0 0 30px !important;}
  
  .page-id-465 .container-about {padding:10vh 0;}
  .page-id-465 .container-about .cell-left {display:none}
  .page-id-465 .container-about .cell-right {}
  .page-id-465 .container-about  .cell-right .text-heading,
  .page-id-465 .container-about  .cell-right .text {margin:0 30px;}
  .page-id-465 .container-about  .cell-right .text-heading h2 {color: var(--color-text);text-transform:uppercase;font-size:2.4rem;font-weight:400;padding:0 0 1rem;margin:0;font-family: var(--font-title);position:relative;left:0;z-index:2;}
  
  .page-id-463 .container-contact {padding:10vh 0;max-width: 480px;margin:0 30px;}
  .page-id-463 .container-contact h1 {font-size:2.4rem;}
  .page-id-463 .container-contact .text {padding-left: 0;}
  
  body.single-galeries .cell-left {display:block;width:100%;}
  body.single-galeries .cell-right {display:block;width:100%;}
  body.single-galeries .grid figure a {margin:0;}
  body.single-galeries .cell-right .post-metas,
  body.single-galeries .cell-right .text-heading,
  body.single-galeries .cell-right .text {margin:0 30px;}
  body.single-galeries .cell-right .text-heading h1 {color: var(--color-text);text-transform:uppercase;font-size:2.4rem;font-weight:400;padding:1rem 0 1rem;margin:0;font-family: var(--font-title);position:relative;left:0;z-index:2;text-align: left;line-height:100%;}
  
  .cm-gallery .grid article .post-padding {
    margin: 0;
  }
  
  .nav-links {
    margin: 0 30px;
  }
  /*
  #header .cell-branding {width:100%;}
  #header .cell-menu {width:100%;text-align:center;padding-bottom:1rem;}
  #header .cell-branding #branding {position:relative;padding:15px 30px 30px 50px;text-align:center;}
  #header .cell-menu #menu {padding:0 30px;}
  #header .cell-menu ul li {margin: 0 9px;}
  #content article {margin:0 30px;}
  #sidebar #primary {border-left:0 solid #ECECEC;padding-left:30px;}
  #recent-posts {margin-right:15px;}
  #recent-photos {margin-right:15px;}
  .grid {margin:0 15px;}
  .grid article {float:none;width:100%;padding:0 0 30px !important;}
  header.header {margin:0 30px;}
  .nav-links {margin:0 30px;}
  #cat-menu {margin:0 30px;}
  #season-menu {margin:0 30px;}
  body.single-galeries .grid {margin:0 15px;}
  body.single-galeries .grid figure {float:left;width:50%;margin:0 !important;padding:0 0 30px !important;}
  table {border: 0;}
  table caption {font-size: 1.3em;}
  table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
  table tr {border-bottom: 3px solid #ddd;display: block;margin-bottom: .625em;}
  table td {border-bottom: 1px solid #ddd;display: block;font-size: .8em;text-align: right;}
  table td::before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}
  table td:last-child {border-bottom: 0;}
  .nav-links a {max-width:100px;}
  */
}