@charset "UTF-8";
/*
 Theme Name:   DS2DP
 Description:  Theme for DS2DP - Olivier Raux
 Author:       Kaeness
 Author URI:   https://kaeness.fr
 Template:     generatepress
 Version:      0.0.1
*/
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
/* ------------	COLORS
----------------------------------------------------------- */
/* Titres + liens survol + filet simple search */
/* #01051d Textes courants + filets boutons + fond foncés */
/* $dark 29% #404040 */
/* #cfd8dc - gris clair bleuté - border form */
/* BG beige light #fffcf5 */
/* Main color - Blue #001693 */
/* Complementary color - Beige #fffbe6 */
/* Complementary / Accent color : Orange fort #d93f0b */
/* Orange clair : message erreur, liens visité #ff884c */
/* Jaune orangé : #ffbd4c */
/* second level markers */
/* third level markers */
/* couleur pour les box-shadow */
/* ------------	FONTS
----------------------------------------------------------- */
/* Color packs selection defined in theme settings, css files assigned to each pack in css directory */
/* FONTS FAMILIES ---------------------------------------- */
/* FONTS WEIGHTS ---------------------------------------- */
/* FONTS SIZES ---------------------------------------- */
/* ------------	LAYOUT
----------------------------------------------------------- */
/* ------------	MIXINS
----------------------------------------------------------- */
/* MIXINS spécifique thème ------------------------ */
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* BODY + HTML
--------------------------------------------- */
:root {
  --icon-caret--up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 122 61'%3E%3Cpath fill-rule='nonzero' d='M121 60.5 60.6 0 0 60.5z'/%3E%3C/svg%3E");
  --icon-caret--down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 122 61'%3E%3Cpath fill-rule='nonzero' d='M121 0 60.6 60.5 0 0z'/%3E%3C/svg%3E");
  --icon-caret--left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 159 318'%3E%3Cpath fill-rule='nonzero' d='M158.7 317.3 0 158.7 158.7 0z'/%3E%3C/svg%3E");
  --icon-caret--right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 159 318'%3E%3Cpath fill-rule='nonzero' d='m0 317.3 158.7-158.6L0 0z'/%3E%3C/svg%3E");
  --icon-chevron--up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 177 95'%3E%3Cpath fill='none' d='M0 0H177v94.4H0z'/%3E%3Cpath d='m6 94.3-6-6L88.4 0l88.4 88.4-6 5.9-82.4-82.5z'/%3E%3C/svg%3E");
  --icon-chevron--down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 177 95'%3E%3Cpath fill='none' d='M0 0H177v94.4H0z'/%3E%3Cpath d='M6 0 0 6l88.4 88.3 88.4-88.4-6-5.9-82.4 82.5z'/%3E%3C/svg%3E");
  --icon-chevron--left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 100 176'%3E%3Cpath fill='none' d='M0 0h99.6v175.6H0z'/%3E%3Cpath d='m87.8 175.6 11.8-11.8-76-76 76-76L87.8 0 0 87.8z'/%3E%3C/svg%3E");
  --icon-chevron--right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 100 176'%3E%3Cpath fill='none' d='M0 0h99.6v175.6H0z'/%3E%3Cpath d='M11.8 175.6 0 163.8l76-76-76-76L11.8 0l87.8 87.8z'/%3E%3C/svg%3E");
  --icon-arrow--left: var(--icon-chevron--left);
  --icon-arrow--right: var(--icon-chevron--right);
  --icon-carousel--left: var(--icon-chevron--left);
  --icon-carousel--right: var(--icon-chevron--right);
  --icon-previous: var(--icon-chevron--left);
  --icon-next: var(--icon-chevron--right);
  --icon-arrow--up: var(--icon-chevron--up);
  --icon-arrow--down: var(--icon-chevron--down);
  --icon-accordion--up: var(--icon-chevron--up);
  --icon-accordion--down: var(--icon-chevron--down);
  --icon-arrow--bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 186 176'%3E%3Cpath fill-rule='nonzero' d='m0 0 185.7 87.5L0 175.1z'/%3E%3C/svg%3E");
  --icon-arrow-up--white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 261 166'%3E%3Cg transform='matrix(.89904 0 0 .9213 -193.061 -191.669)'%3E%3Cpath fill='none' d='M214.74 208.044h289.419v179.639H214.74z'/%3E%3CclipPath id='a'%3E%3Cpath d='M214.74 208.044h289.419v179.639H214.74z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='m254.063 387.635-39.32-38.37 144.71-141.224 144.709 141.224-39.32 38.37-105.39-102.836-105.39 102.836Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --icon-arrow-down--white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 261 166'%3E%3Cg transform='matrix(.89904 0 0 .9213 -193.061 -191.669)'%3E%3Cpath fill='none' d='M214.74 208.044h289.419v179.639H214.74z'/%3E%3CclipPath id='a'%3E%3Cpath d='M214.74 208.044h289.419v179.639H214.74z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='m464.84 208.07 39.319 38.37-144.71 141.223L214.74 246.44l39.32-38.37 105.39 102.836 105.39-102.836Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 25 25'%3E%3Cpath fill='%23000' d='M0 4c0-1.105.89-2 2.004-2h20.992C24.103 2 25 2.888 25 4c0 1.105-.89 2-2.004 2H2.004A1.997 1.997 0 0 1 0 4Zm0 8c0-1.105.89-2 2.004-2h20.992c1.107 0 2.004.888 2.004 2 0 1.105-.89 2-2.004 2H2.004A1.997 1.997 0 0 1 0 12Zm0 8c0-1.105.89-2 2.004-2h20.992c1.107 0 2.004.888 2.004 2 0 1.105-.89 2-2.004 2H2.004A1.997 1.997 0 0 1 0 20Z'/%3E%3C/svg%3E%0A");
  --icon-menu--close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 15 15'%3E%3Cpath fill='none' d='M0 0h15v15H0z'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M.8 14.2c.2.2.4.3.7.3.3 0 .5-.1.7-.3l5.3-5.3 5.3 5.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L8.9 7.5l5.3-5.3c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0L7.5 6.1 2.2.8C1.8.4 1.2.4.8.8c-.4.4-.4 1 0 1.4l5.3 5.3-5.3 5.3c-.4.4-.4 1 0 1.4Z'/%3E%3C/svg%3E%0A");
  --icon-menu--up: var(--icon-caret--up);
  --icon-menu--down: var(--icon-caret--down);
  --icon-summary: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 178 268'%3E%3Cpath d='M0 0h177.2v56.3H0zm0 105.5h177.2v56.3H0zm0 105.4h177.2v56.4H0z'/%3E%3C/svg%3E");
  --icon-border: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 455 13'%3E%3Cg transform='matrix(1 0 0 .5 -53.9 -27.3)'%3E%3Cpath fill='none' d='M55.1 52.5h464.8v24.1H55.1z'/%3E%3CclipPath id='a'%3E%3Cpath d='M55.1 52.5h464.8v24.1H55.1z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M55.1 76.6v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24H1811v24zm309.8 0v-24h51.7v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24H4600v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24H7389v24zm309.8 0v-24h51.7v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24h206.6v24zm309.8 0v-24h51.7v24zm155 0v-24h206.5v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm310 0v-24h51.6v24zm154.8 0v-24h206.6v24z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --icon-border--vertical: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 13 465'%3E%3Cg transform='matrix(.5 0 0 2.4 -104 210.7)'%3E%3Cpath fill='none' d='M201.4-86h23.4v189.8h-23.4z'/%3E%3CclipPath id='a'%3E%3Cpath d='M201.4-86h23.4v189.8h-23.4z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='none' d='M224.7-86v189.8h-23.3V-86z'/%3E%3Cg transform='rotate(90 192 83.5)scale(.4 1)'%3E%3CclipPath id='b'%3E%3Cpath d='M55.1 52.5h464.8v24.1H55.1z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23b)'%3E%3Cpath d='M55.1 76.6v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24H1811v24zm309.8 0v-24h51.7v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24H4600v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24H7389v24zm309.8 0v-24h51.7v24zm155 0v-24h206.5v24zm309.8 0v-24h51.7v24zm155 0v-24h206.6v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm309.9 0v-24h51.6v24zm155 0v-24h206.5v24zm309.8 0v-24h51.6v24zm155 0v-24h206.6v24zm309.8 0v-24h51.7v24zm155 0v-24h206.5v24zm309.9 0v-24h51.6v24zm154.9 0v-24h206.6v24zm310 0v-24h51.6v24zm154.8 0v-24h206.6v24z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --icon-link--in: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 107 107'%3E%3Cpath fill-rule='nonzero' d='M17.5 89.1a19.4 19.4 0 0 1 0-27.4l17.7-17.6-8.4-8.4L9.1 53.3a31.3 31.3 0 0 0 44.2 44.2L71 79.8l-8.4-8.3L45 89a19.4 19.4 0 0 1-27.4 0m22.6-13.7 35.3-35.3-8.8-8.9-35.4 35.4zM53.3 9.2 35.7 26.8l8.4 8.4 17.6-17.7A19.4 19.4 0 0 1 89.1 45L71.5 62.6l8.4 8.4 17.6-17.7A31.2 31.2 0 0 0 53.3 9.2'/%3E%3C/svg%3E");
  --icon-link--out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 113 113'%3E%3Cpath fill-rule='nonzero' d='M100 100H12.5V12.5h43.8V0H12.5C5.5 0 0 5.6 0 12.5V100c0 6.9 5.6 12.5 12.5 12.5H100c6.9 0 12.5-5.6 12.5-12.5V56.2H100zM68.8 0v12.5h22.4L29.8 73.9l8.8 8.8L100 21.3v22.4h12.5V0z'/%3E%3C/svg%3E");
  --icon-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 34 24'%3E%3Cpath fill-rule='nonzero' d='M21.5 10.3h-9.1V0h9zm3.2 0h9.1V0h-9zm-3.2 3.3h-9.1v10.3h9zm3.2 10.3h9.1V13.6h-9zM9.1 13.6H0v10.3h9zM9 0H0v10.3h9z'/%3E%3C/svg%3E");
  --icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 36 20'%3E%3Cpath fill-rule='nonzero' d='M0 12h4V8H0zm0 8h4v-4H0zM0 4h4V0H0zm8 8h28V8H8zm0 8h28v-4H8zM8 4h28V0H8z'/%3E%3C/svg%3E");
  --icon-magnifyer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 264 264'%3E%3Cpath d='M183.8 195.6a111.3 111.3 0 1 1 11.8-11.8l68.3 68.3-11.7 11.8zM16.7 111.3a94.6 94.6 0 1 0 189.3-.1 94.6 94.6 0 0 0-189.3 0'/%3E%3C/svg%3E");
  --icon-delete: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 150 150'%3E%3Cpath fill='none' d='M0 0h150v150H0z'/%3E%3Cpath fill='%23232323' d='M63.2 75 .2 12 12.2.4l63 63 62.8-63L149.7 12 86.7 75l63 63-11.8 11.7-62.9-63-63 63L.4 138z'/%3E%3C/svg%3E");
  --icon-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 137 137'%3E%3Cpath fill='none' d='M0 0h137v137H0z'/%3E%3Cpath d='M60.2 76.8H1V60.2h59.2V1h16.6v59.2H136v16.6H76.8V136H60.2z'/%3E%3C/svg%3E");
  --icon-reset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 143 143'%3E%3Cpath fill='none' d='M0 0h143v143H0z'/%3E%3Cpath d='m35.6 133.2-5.6 6.1L20 107.7l32.5 7-5.3 5.8a54.7 54.7 0 0 0 79-49H143a71.4 71.4 0 0 1-107.3 61.7M96.8 23q-11.5-6.1-25.3-6.2a54.7 54.7 0 0 0-54.7 54.7H.1a71.4 71.4 0 0 1 108.4-61l5.7-6 9.6 31.8-32.4-7.6z'/%3E%3C/svg%3E");
  --icon-filter-group: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 144 127'%3E%3Cpath d='M143.4 126.7H0V0h55.6l87.8 77.6zM96 0h47.3v43.3z'/%3E%3C/svg%3E");
  --icon-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 384 512'%3E%3Cpath d='M0 512V48C0 21.5 21.5 0 48 0h288c26.5 0 48 21.5 48 48v464L192 400 0 512Z' style='fill:%239B9FA4;fill-rule:nonzero'/%3E%3C/svg%3E");
  --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 280 272'%3E%3Cpath fill='none' d='M0 0h279.8v271.2H0z'/%3E%3Cpath d='M20.5 250.1a134.4 134.4 0 0 1 238.8 0c-4 13.2-7 21-7 21H27.5s-3-7.8-7.1-21M63 94.8a76.9 76.9 0 1 1 153.8 0 76.9 76.9 0 0 1-153.8 0'/%3E%3C/svg%3E");
  --icon-quote--left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 439 315'%3E%3Cpath d='m309.016 160.692 15.525 9.833c21.267 0 37.409 5.883 48.4 17.6 11 11.742 16.509 27.508 16.509 47.308 0 21.275-7.342 39.792-22.009 55.559-14.675 15.783-34.1 23.65-58.308 23.65-13.2 0-24.383-2.009-33.55-6.042-9.175-4.025-17.433-9.358-24.758-15.967-2.934-6.591-5.492-13.916-7.7-21.991-2.2-8.067-3.3-17.959-3.3-29.709 0-38.866 6.775-73.333 20.358-103.408 13.558-30.075 33.717-56.467 60.508-79.217C347.45 35.583 380.275 16.142 419.158 0l19.8 42.908c-27.15 12.484-49.342 24.942-66.567 37.409q-25.847 18.713-42.908 42.9c-7.55 10.716-14.375 23.208-20.467 37.475m-239.833.008 15.517 9.825c21.266 0 37.408 5.883 48.416 17.6 11 11.742 16.5 27.508 16.5 47.308 0 21.275-7.341 39.792-22.008 55.559-14.675 15.783-34.1 23.65-58.308 23.65-13.192 0-24.392-2.009-33.55-6.042-9.184-4.025-17.434-9.358-24.759-15.967-2.941-6.591-5.5-13.916-7.7-21.991C1.1 262.575 0 252.683 0 240.933c0-38.866 6.766-73.333 20.35-103.408 13.558-30.075 33.725-56.467 60.5-79.217C107.616 35.583 140.433 16.142 179.316 0l19.8 42.908c-27.133 12.484-49.325 24.942-66.55 37.409-17.241 12.475-31.55 26.775-42.908 42.9-7.558 10.716-14.375 23.208-20.475 37.483'/%3E%3C/svg%3E");
  --icon-quote--right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 439 315'%3E%3Cpath d='m129.942 153.95-15.525-9.833c-21.267 0-37.409-5.883-48.4-17.6-11-11.742-16.509-27.508-16.509-47.308 0-21.284 7.342-39.792 22.009-55.567C86.192 7.867 105.617 0 129.825 0c13.2 0 24.383 2.009 33.55 6.042C172.55 10.067 180.808 15.4 188.133 22c2.934 6.6 5.492 13.925 7.7 22 2.2 8.067 3.3 17.967 3.3 29.709 0 38.866-6.775 73.333-20.358 103.408-13.558 30.075-33.717 56.467-60.508 79.217C91.508 279.059 58.692 298.5 19.8 314.642L0 271.734c27.15-12.484 49.342-24.942 66.567-37.409 17.241-12.475 31.533-26.775 42.908-42.9q11.327-16.074 20.467-37.475m239.833-.008-15.517-9.825c-21.266 0-37.408-5.883-48.416-17.6-11-11.742-16.5-27.508-16.5-47.308 0-21.284 7.341-39.792 22.008-55.567C326.025 7.867 345.45 0 369.658 0c13.192 0 24.392 2.009 33.55 6.042 9.184 4.025 17.434 9.358 24.759 15.958 2.941 6.6 5.5 13.925 7.7 22 2.191 8.067 3.291 17.967 3.291 29.709 0 38.866-6.766 73.333-20.35 103.408-13.558 30.075-33.725 56.467-60.5 79.217-26.766 22.725-59.583 42.166-98.466 58.308l-19.8-42.908c27.133-12.484 49.325-24.942 66.55-37.409 17.241-12.475 31.55-26.775 42.908-42.9 7.558-10.716 14.375-23.208 20.475-37.483'/%3E%3C/svg%3E");
  --icon-title--h1: url("assets/img/ds2dp_icon_title.svg");
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  min-height: 100vh;
  background: #FFF;
  font-family: var(--gp-font--be-vietnam-pro);
  font-size: 1em;
  color: #000;
  line-height: 1.625;
  scroll-behavior: smooth;
}
@media (min-width: 768px) {
  body {
    font-size: 1.125em;
  }
}
body:has(#wpadminbar) {
  min-height: calc(100vh - 32px);
}

*::before,
*::after {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

strong,
b {
  font-weight: 700;
}

em,
i {
  font-weight: 500;
}

/* BLOCKQUOTE
--------------------------------------------- */
:root :where(.wp-block-pullquote) {
  font-size: 1em;
}

.wp-block-pullquote {
  margin-bottom: 32px;
  padding: 0;
}

blockquote,
.wp-block-pullquote blockquote {
  position: relative;
  margin-bottom: 16px;
  padding: 0 24px;
  border: 0;
  text-align: left;
  font-family: var(--gp-font--instrument-sans);
  font-weight: 500;
  font-size: 1.44445em;
  font-style: italic;
  color: var(--contrast-2);
}
blockquote::before, blockquote::after,
.wp-block-pullquote blockquote::before,
.wp-block-pullquote blockquote::after {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--accent);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) {
  blockquote::before, blockquote::after,
  .wp-block-pullquote blockquote::before,
  .wp-block-pullquote blockquote::after {
    width: 48px;
    height: 48px;
  }
}
blockquote::before,
.wp-block-pullquote blockquote::before {
  top: 0;
  left: -16px;
  -webkit-mask-image: var(--icon-quote--left);
          mask-image: var(--icon-quote--left);
}
@media (min-width: 768px) {
  blockquote::before,
  .wp-block-pullquote blockquote::before {
    left: -48px;
  }
}
blockquote::after,
.wp-block-pullquote blockquote::after {
  bottom: 0;
  right: -16px;
  -webkit-mask-image: var(--icon-quote--right);
          mask-image: var(--icon-quote--right);
}
@media (min-width: 768px) {
  blockquote::after,
  .wp-block-pullquote blockquote::after {
    right: -48px;
  }
}
blockquote:has(cite)::after,
.wp-block-pullquote blockquote:has(cite)::after {
  bottom: 16px;
}
blockquote.is-layout-flow,
.wp-block-pullquote blockquote.is-layout-flow {
  font-size: 1.125em;
}
blockquote.is-layout-flow::before, blockquote.is-layout-flow::after,
.wp-block-pullquote blockquote.is-layout-flow::before,
.wp-block-pullquote blockquote.is-layout-flow::after {
  background-color: var(--accent-2);
}
@media (min-width: 768px) {
  blockquote.is-layout-flow::before, blockquote.is-layout-flow::after,
  .wp-block-pullquote blockquote.is-layout-flow::before,
  .wp-block-pullquote blockquote.is-layout-flow::after {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 768px) {
  blockquote.is-layout-flow::before,
  .wp-block-pullquote blockquote.is-layout-flow::before {
    left: -32px;
  }
}
@media (min-width: 768px) {
  blockquote.is-layout-flow::after,
  .wp-block-pullquote blockquote.is-layout-flow::after {
    right: -32px;
  }
}
blockquote.is-style-plain,
.wp-block-pullquote blockquote.is-style-plain {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1em;
}
blockquote.is-style-plain::before, blockquote.is-style-plain::after,
.wp-block-pullquote blockquote.is-style-plain::before,
.wp-block-pullquote blockquote.is-style-plain::after {
  background-color: var(--accent-3);
}
@media (min-width: 768px) {
  blockquote.is-style-plain::before, blockquote.is-style-plain::after,
  .wp-block-pullquote blockquote.is-style-plain::before,
  .wp-block-pullquote blockquote.is-style-plain::after {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 768px) {
  blockquote.is-style-plain::before,
  .wp-block-pullquote blockquote.is-style-plain::before {
    left: -24px;
  }
}
@media (min-width: 768px) {
  blockquote.is-style-plain::after,
  .wp-block-pullquote blockquote.is-style-plain::after {
    right: -24px;
  }
}
blockquote cite,
.wp-block-pullquote blockquote cite {
  text-align: right;
  font-style: normal;
  font-size: 1rem;
  color: #000;
}

/* BUTTONS
--------------------------------------------- */
.button,
.wp-block-button .wp-block-button__link {
  border: 1px solid var(--contrast-2);
}
.button:hover, .button:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
  border-color: var(--accent);
  -webkit-box-shadow: 0 0 6px rgba(var(--contrast), 0.5);
          box-shadow: 0 0 6px rgba(var(--contrast), 0.5);
}

.wp-block-button.is-style-outline:not(.has-background) .wp-block-button__link {
  border-color: #FFF;
}

.button {
  padding: 4px 8px;
  background-color: var(--base);
  border: 1px solid var(--base);
  text-transform: uppercase;
  color: #FFF;
}
.button:hover, .button:focus {
  background-color: var(--base-2);
  color: var(--base);
}
.button.button--small {
  padding: 0;
  background-color: transparent;
  border-width: 0 0 2px 0;
  text-transform: none;
  font-weight: 600;
  color: var(--base);
}
.button.button--small:hover, .button.button--small:focus {
  padding-left: 4px;
  padding-right: 4px;
  background-color: var(--base);
  color: #FFF;
}

/* CAPTION
--------------------------------------------- */
.caption,
figcaption {
  margin: 0;
  padding: 8px;
  background-color: var(--base-2);
  font-family: var(--gp-font--be-vietnam-pro);
  font-weight: 500;
  font-size: 0.88889em;
  color: var(--contrast-3);
}
.caption a,
figcaption a {
  color: #000;
}

.wp-block-image :where(figcaption) {
  margin-top: 0;
}

.wp-block-image figcaption {
  text-align: left;
  font-size: 0.88889em;
}

/* FORMS
--------------------------------------------- */
/* HR
--------------------------------------------- */
hr {
  margin: 32px 0;
  color: var(--contrast-2);
}

/* ICONS
--------------------------------------------- */
/* LINKS 
--------------------------------------------- */
a {
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.entry-content p > a,
.entry-content li > a {
  font-weight: 500;
  border-bottom: 1px solid var(--contrast-2);
}
.entry-content p > a:hover, .entry-content p > a:focus,
.entry-content li > a:hover,
.entry-content li > a:focus {
  border-color: var(--accent);
  -webkit-box-shadow: inset 0 -2px 0 0 var(--accent);
          box-shadow: inset 0 -2px 0 0 var(--accent);
}
.entry-content a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 1px;
  padding-top: 1px;
  padding-right: 2px;
  -webkit-mask: var(--icon-link--out) no-repeat right center/10px;
          mask: var(--icon-link--out) no-repeat right center/10px;
  background-color: #000;
  font-family: "Font Awesome 5 Free";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.entry-content a[target=_blank]:hover::after, .entry-content a[target=_blank]:focus::after {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* LISTS
--------------------------------------------- */
::marker {
  color: var(--accent);
}

ul {
  list-style: revert;
}

li li li::marker {
  color: var(--accent-2);
}

li li li li::marker {
  color: var(--accent-3);
}

ol li::marker {
  font-weight: bold;
  color: var(--accent);
}

ol li li::marker {
  color: var(--accent);
}

/* MEDIAS
--------------------------------------------- */
img {
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* TABLES
--------------------------------------------- */
.wp-block-table table {
  min-width: 680px;
  overflow-x: scroll;
  border: 0;
}
.wp-block-table table thead {
  border-bottom: 0;
}
.wp-block-table table tbody:not(:has(+ tfooter)) {
  border-bottom: 1px solid var(--base);
}
.wp-block-table table:not(:has(thead)) > tbody {
  border-top: 1px solid var(--base);
}
.wp-block-table table thead th,
.wp-block-table table tbody td {
  padding: 16px;
  border-width: 0 1px 0 0;
  border-color: var(--base);
}
.wp-block-table table thead th:last-child,
.wp-block-table table tbody td:last-child {
  border-right-width: 0;
}
.wp-block-table table thead th {
  border-bottom-width: 1px;
  background-color: var(--contrast-2);
  color: var(--contrast);
}
.wp-block-table table tbody tr:nth-child(even) {
  background-color: var(--base);
}

/* TITLES
--------------------------------------------- */
.entry-header:has(h1) {
  margin-bottom: 64px;
}
.entry-header:has(h1) h1 {
  position: relative;
}
.entry-header:has(h1) h1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -64px;
  display: block;
  width: 32px;
  height: 48px;
  background: var(--icon-title--h1) no-repeat center/contain;
}

/* LAYOUT
--------------------------------------------- */
.wrap {
  width: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
}
.wrap--xs {
  max-width: 680px;
}
.wrap--sm {
  max-width: 768px;
}
.wrap--smd {
  max-width: 960px;
}
.wrap--md {
  max-width: 1080px;
}
.wrap--lg {
  max-width: 1366px;
}

@media (min-width: 1080px) {
  .align--sm {
    margin-left: -7.264957265%;
    margin-right: -7.264957265%;
    max-width: calc(100% + 14.5299145299%);
    width: calc(100% + 14.5299145299%);
  }
}
@media (min-width: 1366px) {
  .align--sm {
    margin-left: calc((100% - 768px) / 2);
    margin-right: calc((100% - 768px) / 2);
    width: 768px;
    max-width: 768px;
  }
}
@media (min-width: 1080px) {
  .align--width {
    margin-left: -7.264957265%;
    margin-right: -7.264957265%;
    max-width: calc(100% + 14.5299145299%);
    width: calc(100% + 14.5299145299%);
  }
}
@media (min-width: 1366px) {
  .align--width {
    margin-left: calc((100% - 960px) / 2);
    margin-right: calc((100% - 960px) / 2);
    width: 960px;
    max-width: 960px;
  }
}
@media (min-width: 768px) {
  .align--md {
    margin-left: calc((100% - 768px + 32px) / 2);
    margin-right: calc((100% - 768px + 32px) / 2);
    width: calc(768px - 32px);
    max-width: calc(768px - 32px);
  }
}
@media (min-width: 1080px) {
  .align--md {
    margin-left: calc((100% - 1080px + 32px) / 2);
    margin-right: calc((100% - 1080px + 32px) / 2);
    width: calc(1080px - 32px);
    max-width: calc(1080px - 32px);
  }
}
@media (min-width: 1366px) {
  .align--md {
    margin-left: calc((100% - 1080px) / 2);
    margin-right: calc((100% - 1080px) / 2);
    width: 1080px;
    max-width: 1080px;
  }
}
@media (min-width: 768px) {
  .align--lg {
    margin-left: calc((100% - 768px) / 2);
    margin-right: calc((100% - 768px) / 2);
    width: 768px;
    max-width: 768px;
  }
}
@media (min-width: 1080px) {
  .align--lg {
    margin-left: calc((100% - 1080px) / 2);
    margin-right: calc((100% - 1080px) / 2);
    width: 1080px;
    max-width: 1080px;
  }
}
@media (min-width: 1600px) {
  .align--lg {
    margin-left: calc((100% - 1366px) / 2);
    margin-right: calc((100% - 1366px) / 2);
    width: 1366px;
    max-width: 1366px;
  }
}
@media (min-width: 768px) {
  .align--xl {
    margin-left: calc((100% - 768px) / 2);
    margin-right: calc((100% - 768px) / 2);
    width: 768px;
    max-width: 768px;
  }
}
@media (min-width: 1080px) {
  .align--xl {
    margin-left: calc((100% - 1080px) / 2);
    margin-right: calc((100% - 1080px) / 2);
    width: 1080px;
    max-width: 1080px;
  }
}
@media (min-width: 1366px) {
  .align--xl {
    margin-left: calc((100% - (1366px - 16px)) / 2);
    margin-right: calc((100% - (1366px - 16px)) / 2);
    width: calc(1366px - 32px);
    max-width: calc(1366px - 32px);
  }
}
@media (min-width: 1600px) {
  .align--xl {
    margin-left: calc((100% - 1600px) / 2);
    margin-right: calc((100% - 1600px) / 2);
    width: 1600px;
    max-width: 1600px;
  }
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Header
--------------------------------------------- */
/* -----------------------------------------------
					HEADER
--------------------------------------------------*/
.main-navigation {
  /*.inside-navigation {
  	align-items: flex-end;
  }
  .navigation-branding img,
  .site-logo.mobile-header-logo img {
  	height: 100px;
  	margin-bottom: 0;
  	padding: 0;

  	@include breakpoint(xxs) {
  		height: 120px;
  	}
  }
  .navigation-branding .sticky-navigation-logo img {
  	height: 90px;
  }*/
}

header {
  /*.inside-header {
  	display: flex;
  	flex-wrap: wrap;
  	padding: $gutter $gutter 0;
  }

  .site-logo {

  	@include breakpoint(menu) {
  		flex-basis: $two-thirds;
  		margin-top: 60px;
  	}
  	img {
  		margin-bottom: -60px;
  	}
  }

  nav {

  	@include breakpoint(menu) {
  		flex-basis: 100%;
  	}
  }*/
}

/*.main-navigation .main-nav ul li a, 
.main-navigation .menu-toggle, .main-navigation .menu-bar-items*/
.main-navigation button.menu-toggle {
  color: #FFF;
}

#mobile-menu .menu {
  background-color: var(--base);
}
#mobile-menu .menu-item {
  border-bottom: 1px solid var(--accent-3);
}
#mobile-menu .menu-item a {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#mobile-menu .menu-item a:hover, #mobile-menu .menu-item a:focus {
  background-color: var(--accent);
  color: #FFF;
}

/* Navigation
--------------------------------------------- */
/* -----------------------------------------------------------
						NAVIGATION
----------------------------------------------------------- */
#site-navigation .inside-navigation {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 1366px) {
  #site-navigation .inside-navigation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#site-navigation #primary-menu.main-nav > ul > li > a {
  text-transform: uppercase;
  font-weight: 700;
}
#site-navigation #primary-menu.main-nav .sub-menu {
  border-left: 1px solid var(--base);
  border-right: 1px solid var(--base);
}
#site-navigation #primary-menu.main-nav .sub-menu li {
  border-bottom: 1px solid var(--contrast-2);
}
#site-navigation #primary-menu.main-nav .sub-menu li > a {
  font-weight: 500;
}
#site-navigation #primary-menu.main-nav a {
  font-size: 1em;
}
@media (min-width: 768px) {
  #site-navigation #primary-menu.main-nav a[href="#"] {
    pointer-events: none;
  }
}
#site-navigation #primary-menu.main-nav .current_page_item > a {
  -webkit-box-shadow: inset 0 -3px 0 0 var(--accent);
          box-shadow: inset 0 -3px 0 0 var(--accent);
}
#site-navigation #primary-menu.main-nav .current_page_item > a:hover, #site-navigation #primary-menu.main-nav .current_page_item > a:focus {
  background-color: var(--accent-3);
}

#sticky-navigation .navigation-branding {
  margin-right: 0;
}
#sticky-navigation .navigation-branding img {
  height: 50px;
}
#sticky-navigation #primary-menu.main-nav {
  margin-right: auto;
  margin-left: auto;
}
#sticky-navigation #primary-menu.main-nav > ul > li:hover, #sticky-navigation #primary-menu.main-nav > ul > li:focus-within {
  background-color: var(--base);
}
#sticky-navigation #primary-menu.main-nav > ul > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.88889em;
}
#sticky-navigation #primary-menu.main-nav ul ul li a {
  font-size: 0.88889em;
}
#sticky-navigation #primary-menu.main-nav .sub-menu {
  border-left: 1px solid var(--base);
  border-right: 1px solid var(--base);
}
#sticky-navigation #primary-menu.main-nav .sub-menu li {
  border-bottom: 1px solid var(--contrast-2);
}
#sticky-navigation #primary-menu.main-nav .current_page_item > a {
  -webkit-box-shadow: inset 0 -3px 0 0 var(--accent);
          box-shadow: inset 0 -3px 0 0 var(--accent);
}
#sticky-navigation #primary-menu.main-nav .current_page_item > a:hover, #sticky-navigation #primary-menu.main-nav .current_page_item > a:focus {
  background-color: var(--accent-3);
}
#sticky-navigation .menu > li > a {
  text-transform: uppercase;
  font-weight: 700;
}

.main-navigation .menu > .menu-item > a:hover:after,
.main-navigation .menu > .menu-item > a:focus:after,
.main-navigation .menu > .current-menu-item > a:after {
  width: 40px;
}

.sticky-enabled .main-navigation.is_stuck {
  background-color: var(--base);
}

.main-navigation.mobile-header-navigation {
  background-color: var(--contrast-2);
}

/* Blocks
--------------------------------------------- */
/* BLOCK Chapo 
-------------------------------------------- */
.chapo {
  margin-bottom: 16px;
  padding: 16px 0;
  font-size: 1.16667em;
  color: var(--contrast-2);
}
.chapo p:not(:last-child) {
  margin-bottom: 8px;
}

.wp-block-accordion button {
  padding-left: 16px;
  padding-right: 16px;
  background-color: var(--contrast-2);
  text-transform: none;
  color: var(--contrast-2);
}
.wp-block-accordion .wp-block-accordion-panel {
  padding-left: 16px;
  padding-right: 16px;
}

.wp-block-social-links .wp-block-social-link.wp-social-link {
  background-color: var(--accent);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wp-block-social-links .wp-block-social-link.wp-social-link:hover, .wp-block-social-links .wp-block-social-link.wp-social-link:focus {
  background-color: var(--contrast-2);
}

/* Breadcrumbs
--------------------------------------------- */
/*.breadcrumbs {
	margin-bottom: $gutter--md;
	padding: 0.5 * $gutter $gutter;
	font-size: $font-size--sm;

	@include breakpoint(xl) {
		padding-left: 0;
		padding-right: 0;
	}

	a {	
		box-shadow: inset 0 -2px 0 0 $border--link;

		&:hover,
		&:focus {
			background-color: $bg-primary;
			box-shadow: none;
			color: $color-light;
		}
	}
}*/
/* Compositions
--------------------------------------------- */
/* Footer
--------------------------------------------- */
/* -----------------------------------------------
					FOOTER
--------------------------------------------------*/
.site-footer {
  margin-top: auto;
}

.site-footer {
  font-size: 0.88889em;
}
.site-footer nav li:not(:last-child) {
  position: relative;
  margin-right: 6px;
  padding-right: 16px;
}
.site-footer nav li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 2px;
  height: 32px;
  background-color: #FFF;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.site-footer a:not(:has(svg)) {
  color: var(--base);
}
.site-footer a:not(:has(svg)):hover, .site-footer a:not(:has(svg)):focus {
  color: #000;
  -webkit-box-shadow: inset 0 -2px 0 0 currentColor;
          box-shadow: inset 0 -2px 0 0 currentColor;
}
.site-footer .ds2dp-socials a {
  padding: 6px;
  border-radius: 32px;
}

/* -----------------------------------------------
					BACK TO TOP
--------------------------------------------------*/
a.generate-back-to-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
}
a.generate-back-to-top span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
a.generate-back-to-top svg {
  top: 0;
  height: 1.5em;
}

/* Footnotes
--------------------------------------------- */
ol.wp-block-footnotes {
  margin-top: 64px;
  margin-left: 0;
  padding: 16px;
  background-color: var(--base-2);
  list-style-position: inside;
  font-size: 0.88889em;
}
ol.wp-block-footnotes > li {
  scroll-margin-top: 0.5em;
}
ol.wp-block-footnotes ::marker {
  font-weight: 400;
  font-size: 0.88889em;
  color: #000;
}

sup.fn > a {
  scroll-margin-top: 100px;
}

/* Accordion
--------------------------------------------- */
/* Blocks
--------------------------------------------- */
/* Pagination
--------------------------------------------- */
/* Facets
--------------------------------------------- */
/* Slider
--------------------------------------------- */
/*.splide {

	&__track {
		padding-bottom: $gutter--sm;
	}

	&__arrow {
		top: -$gutter--md;
		height: $gutter--lg;
		clip-path: none;
		background-color: transparent;
		color: $color-light;
		@include transition;

		@include breakpoint(sm) {
			top: 50%;
		}

		&:hover,
		&:focus {
			background-color: transparent;
			box-shadow: none;

			span::before {
				background-color: $bg-dark;
				transform: scale(1.2);
			}
		}

		span::before {
			content: '';
			display: inline-block;
			width: $gutter--md;
			height: $gutter--lg;
		}

		&--prev {
			left: 0;

			@include breakpoint(sm) {
				left: -0.8em;
			}
			@include breakpoint(lg) {
				left: -3em;
			}

			span::before {
				margin-right: 0.5 * $gutter--xs;
			}
		}
		&--next {
			right: 0;

			@include breakpoint(sm) {
				right: -0.8em;
			}
			@include breakpoint(lg) {
				right: -3em;
			}

			span::before {
				margin-left: 0.5 * $gutter--xs;
			}
		}
	}


	&__pagination {
		top: calc(-32px - 8px);
		bottom: auto;

		@include breakpoint(sm) {
			bottom: 0;
			top: auto;
		}

		li {

			&:last-child {
				margin-right: 0;
			}
		}

		&__page {
			height: $gutter;
			width: $gutter;
			padding: 0;
			background-color: $bg-white;
			border: 1px solid $border--2;
			clip-path: none;
			opacity: 1;
			@include transition;

			&:hover,
			&:focus {
				padding: 0;
				background-color: $bg-dark;
				border: 1px solid $border--3;
			}
		}
		&__page.is-active {
			background-color: $bg-secondary;
			transform: none;
		}
	}
}


.slider-items {

	&__title {
		position: relative;
		padding-top: $gutter--xl;
		margin-bottom: $gutter--lg;
		text-align: center;

		&::before {
			@include title-before;
			left: calc( 50% - 2px );
		}
	}
}
.slider-item {

	h2.slider-item__title,
	h3.slider-item__title,
	h4.slider-item__title {
		margin-top: 0;
		margin-bottom: $gutter;
	}

	&__contents {
		position: relative;
		display: grid;
		grid-template-rows: auto 1fr;
		height: 100%;
		padding: 9px $gutter;
		@include transition;

		&:hover,
		&:focus-within {
			background-color: $bg-primary;

			.slider-item__thumbnail {
				background-color: $bg-primary;
			}
			.slider-item__texts {
				//background-color: $bg-secondary;
			}
		}
	}

	&__thumbnail {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-end;
		align-items: center;
		height: 300px;
		padding-top: $gutter;
		padding-bottom: $gutter--xs;
		background-color: $bg-body;
		@include transition;

		@include breakpoint(sm) {
			aspect-ratio: 1/1;
			height: auto;
		}

		img {
			object-fit: contain;
			object-position: center;
			max-height: 100%;
		}
	}
	&__texts {
		padding: $gutter;
		background-color: $bg-white;
		@include transition;

		.item-notice__property {
			padding-left: 0;
			padding-right: 0;
		}
	}
	&__title {
		margin-top: 0;
		margin-bottom: $gutter--xs;
		text-transform: none;
		font-size: $font-size;

		a {

			&::after {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
			}
		}
	}
}*/
/* Block with a hidden part & button to open
--------------------------------------------- */
/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
p:last-child {
  margin-bottom: 0;
}

.container.grid-container {
  width: 100%;
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
/* WP GRID BUILDER
----------------------------------------------------------- */
/* GENERATE BLOCKS
----------------------------------------------------------- */
/* SEO PRESS
----------------------------------------------------------- */
/* BLOC FAQ ------------------------------ */
.wp-block-wpseopress-faq-block-v2 {
  margin-bottom: 48px;
}
.wp-block-wpseopress-faq-block-v2 details {
  border-bottom: 1px solid transparent;
}
.wp-block-wpseopress-faq-block-v2 details[open] {
  padding-bottom: 16px;
}
.wp-block-wpseopress-faq-block-v2 details[open] summary {
  margin-bottom: 16px;
  background-color: var(--base);
  color: var(--contrast-2);
}
.wp-block-wpseopress-faq-block-v2 details[open] summary::after {
  -webkit-mask-image: var(--icon-accordion--up);
          mask-image: var(--icon-accordion--up);
  background-color: var(--accent);
}
.wp-block-wpseopress-faq-block-v2 details:last-of-type[open] {
  border-bottom-color: var(--base);
}
.wp-block-wpseopress-faq-block-v2 details + details {
  margin-top: 24px;
}
.wp-block-wpseopress-faq-block-v2 summary {
  position: relative;
  padding: 8px 48px 8px 16px;
  background-color: var(--contrast-2);
  font-weight: 700;
  font-size: 1.16667em;
  color: var(--contrast-2);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wp-block-wpseopress-faq-block-v2 summary:hover, .wp-block-wpseopress-faq-block-v2 summary:focus {
  background-color: var(--accent);
  color: var(--contrast-2);
}
.wp-block-wpseopress-faq-block-v2 summary:hover::after, .wp-block-wpseopress-faq-block-v2 summary:focus::after {
  background-color: var(--contrast-2);
}
.wp-block-wpseopress-faq-block-v2 summary::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 48px;
  height: 100%;
  -webkit-mask: var(--icon-accordion--down) no-repeat left center/24px;
          mask: var(--icon-accordion--down) no-repeat left center/24px;
  background-color: var(--accent);
}
.wp-block-wpseopress-faq-block-v2 summary::marker {
  color: transparent;
}

/* BLOC COMMENT FAIRE ------------------------------ */
.wp-block-wpseopress-how-to {
  margin-bottom: 48px;
}
.wp-block-wpseopress-how-to .wpseopress-how-to-description {
  margin-bottom: 16px;
  font-family: var(--gp-font--instrument-sans);
  font-weight: 700;
  font-size: 1.16667em;
  color: var(--contrast-2);
}
/*# sourceMappingURL=style.css.map */