/*
VERT	#00FFC4
JAUNE	#FFEA00
ORANGE	#FF7727
ROUGE	#FF3333
*/

:root {  
  --frontpage-logo-width: 450px;
  --frontpage-logo-steps: 138;
  --frontpage-logo-frames: 139;
  --frontpage-logo-duration: 1800ms;
}

html, body
  { background-color: #000000 !important; }

div#blender-loading-wait
  { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: table; vertical-align: middle; background-color: #000000; z-index: 1000;;
  width: 100%; height: 100%; max-width: none !important; max-height: none !important; margin: 0; padding: 0; }
div#blender-loading-wait div#blender-loading-wait-container
  { display: table-cell; z-index: 2; vertical-align: middle; text-align: center; }
div#blender-loading-wait div#blender-loading-wait-container div#blender-loading-wait-loader
  { display: inline-block; width: 200px !important; height: 200px !important; margin: 0 auto; background-image: url("../images/icon-sprites.png"); background-size: auto 100%;
    -webkit-animation: logo_loader 2.8s steps(140) infinite;
    -moz-animation: logo_loader 2.8s steps(140) infinite;
    -ms-animation: logo_loader 2.8s steps(140) infinite;
    -o-animation: logo_loader 2.8s steps(140) infinite;
    animation: logo_loader 2.8s steps(140) infinite; }
  @-webkit-keyframes logo_loader { from { background-position: 0px; } to { background-position: -28000px; } }
  @-moz-keyframes logo_loader { from { background-position: 0px; } to { background-position: -28000px; } }
  @-ms-keyframes logo_loader { from { background-position: 0px; } to { background-position: -28000px; } }
  @-o-keyframes logo_loader { from { background-position: 0px; } to { background-position: -28000px; } }
  @keyframes logo_loader { from { background-position: 0px; } to { background-position: -28000px; } }
div#blender-loading-content
  { position: relative; visibility: visible; margin: 0 auto; height: 100%; z-index: 500; }

*
  { color: #ffffff !important; }
div#toolbar-item-administration-tray *
  { color: #000000 !important; }
  
div#page-background
  { position: fixed !important; backdrop-filter: none !important; -moz-filter: blur(0) !important; -webkit-filter: blur(0) !important; filter: blur(0) !important;
  background-image: url("../images/background.png") !important; }
div#page-background::before,
div#page-background::after
  { display: none !important; }

header
  { background-color: #000000 !important;}
header div#header-logo a img
  { height: 1.5em !important; }
header div#header-menu div#header-menu-nav nav ul li a
  { text-transform: capitalize; font-size: 1em !important; }
header div#header-menu div#header-menu-nav nav ul li a:hover
  { opacity: 1 !important; color: var(--color-main) !important; }
header div#header-menu div#header-menu-nav nav ul li a::after
  { border-radius: 0 !important; }
header div#header-menu div#header-menu-nav nav ul li a.current::after
  { bottom: 0 !important; }
header div#header-actions div.header-actions-toggle span.text-title
  { display: none !important; }
header div#header-actions div.header-actions-toggle span.text-title + sup
  { color: #000000 !important; }
header div#header-actions div.header-actions-container div.header-actions-list,
header div#header-actions div.header-actions-container div.header-actions-list ul li a:not(.current):hover
  { background-color: #141414 !important; }
header div#header-actions div.header-actions-container div.header-actions-list ul li a
  { padding: .75em 1em; }
header div#header-actions div.header-actions-container div.header-actions-list ul li a:hover
  { opacity: 1 !important; }
header div#header-actions div.header-actions-container div.header-actions-list ul li a:hover span
  { color: var(--color-main) !important; }
header div#header-actions div.header-actions-container.open div.header-actions-toggle
  { background-color: #141414 !important; }
header div#header-menu div#header-menu-nav nav ul li:first-child
  { display: none !important; }
@media (max-width: 680px) {
  header div#header-actions
    { text-align: left !important; }
  header.header-3 div#header-container div#header-actions div.header-actions-container,
  header.header-4 div#header-container div#header-actions div.header-actions-container,
  header.header-5 div#header-container div#header-actions div.header-actions-container
    { width: 60px !important; }
  header.header-3 div#header-container div#header-actions div#header-actions-menu
    { margin-right: calc(100% - 180px) !important; }
  header.header-4 div#header-container div#header-actions div#header-actions-menu
    { margin-right: calc(100% - 240px) !important; }
  header.header-5 div#header-container div#header-actions div#header-actions-menu
    { margin-right: calc(100% - 300px) !important; }
}

header div#header-menu div#header-menu-nav
  { }
header div#header-menu div#header-menu-nav nav ul li:not(.current):last-child
  { background: var(--color-main); border-radius: 3px;
    background: linear-gradient(435deg,
    rgba(0, 255, 196, 1) 0%, rgba(255, 234, 0, 1) 16.666%, rgba(255, 119, 39, 1) 33.333%, rgba(255, 51, 51, 1) 50%,
    rgba(255, 119, 39, 1) 66.666%,rgba(255, 234, 0, 1) 83.333%, rgba(0, 255, 196, 1) 100%);
    background-size: 200% 200%; transition: background-position 500ms ease-in-out; }
header div#header-menu div#header-menu-nav nav ul li:not(.current):last-child a
  { color: #000000 !important }
header div#header-menu div#header-menu-nav nav ul li:not(.current):last-child:hover
  { background-position: 100% 0; }
header div#header-menu div#header-menu-nav nav ul li.current:last-child
  { background: var(--color-main) !important; border-radius: 3px; }
header div#header-menu div#header-menu-nav nav ul li.current:last-child a.current
  { color: #000000 !important }
header div#header-menu div#header-menu-nav nav ul li.current:last-child a.current::after
  { display: none ! important; }

section#top div#top-container
  { max-width: 1160px !important; padding: 0 2em !important; }
section#top div#top-title h1
  { color: #ffffff !important; text-shadow: none !important; text-align: left !important; text-transform: uppercase !important; }
section#top.front
  { padding-top: 4em !important; }
section#top.front div#top-title h1
  { display: none !important; }
section#top.front div#top-subcontainer
  { margin-bottom: 1.5em !important; }
section#top div#top-title h1::after
  { width: 60px !important; height: 6px !important; border-radius: 0 !important; }
section#top div#top-breadcrumb
  { text-shadow: none !important; }
section#top div#top-breadcrumb span
  { color: #ffffff !important; }
section#top div#top-breadcrumb span + span::before
  { color: #ffe2c9 !important; }
section#top div#top-breadcrumb span a
  { color: #f4f4f4 !important; }
section#top div#top-breadcrumb span a:hover
  { color: #ffffff !important; }
@media (max-width: 940px) {
  section#top div#top-breadcrumb span:nth-last-child(2)::before {
    color: #f4f4f4 !important;
  }
}
@media (max-width: 480px) {
    section#top div#top-container
    { padding: 0 1.5em !important; }
}

div#top-animated-logo-container
  { width: 100%; max-width: 450px; margin: 0 auto; }
div#top-animated-logo-container div#top-animated-logo
  { display: none; }
div#top-animated-logo-container div#top-animated-logo.animated
  { display: block; width: var(--frontpage-logo-width); height: calc(var(--frontpage-logo-width) * 0.5622222222222); background-image: url("../images/logo-sprites.png"); background-size: auto 100%;
  -webkit-animation: logo_frontpage var(--frontpage-logo-duration) steps(var(--frontpage-logo-steps)) forwards;
  -moz-animation: logo_frontpage var(--frontpage-logo-duration) steps(var(--frontpage-logo-steps)) forwards;
  -ms-animation: logo_frontpage var(--frontpage-logo-duration) steps(var(--frontpage-logo-steps)) forwards;
  -o-animation: logo_frontpage var(--frontpage-logo-duration) steps(var(--frontpage-logo-steps)) forwards;
  animation: logo_frontpage var(--frontpage-logo-duration) steps(var(--frontpage-logo-steps)) forwards; }
@-webkit-keyframes logo_frontpage { from { background-position: 0px; } to { background-position: calc(-1 * var(--frontpage-logo-steps) * var(--frontpage-logo-width)); } }
@-moz-keyframes logo_frontpage { from { background-position: 0px; } to { background-position: calc(-1 * var(--frontpage-logo-steps) * var(--frontpage-logo-width)); } }
@-ms-keyframes logo_frontpage { from { background-position: 0px; } to { background-position: calc(-1 * var(--frontpage-logo-steps) * var(--frontpage-logo-width)); } }
@-o-keyframes logo_frontpage { from { background-position: 0px; } to { background-position: calc(-1 * var(--frontpage-logo-steps) * var(--frontpage-logo-width)); } }
@keyframes logo_frontpage { from { background-position: 0px; } to { background-position: calc(-1 * var(--frontpage-logo-steps) * var(--frontpage-logo-width)); } }


section#content div#content-container
  { background-color: rgba(0, 0, 0, .8) !important; }
section#content.content-manager div#content-container
  { background-color: #ffffff !important; }
section#content.content-manager div#content-container *
  { color: #000000 !important; }

footer
  { background-color: #141414 !important; border-top: 20px solid #000000 !important; }
footer div#footer-menu ul li a
  { text-transform: capitalize; }
footer div#footer-menu ul li a:hover
  { opacity: 1 !important; color: var(--color-main) !important; }
footer div#footer-menu-separator
  { background-color: #555555 !important; height: 1px !important; border-radius: 0 !important; }
footer div#footer-baseline
  { background-color: #141414 !important; border-top: 0 !important; }
footer div#footer-social a img
  { filter: brightness(0) invert(1) !important; opacity: 1 !important; }
footer div#footer-social a:hover img
  { opacity: .7; }

/*
* contents
*/

div#banner-container div#banner-content div#banner-file
  { border-color: #000000 !important; }
div#banner-container div#banner-content div#banner-legend
  { font-style: normal !important; color: #000000 !important; }
div#node-article-infos div#node-article-infos-date
  { color: #ffffff !important; }
div#node-article-infos div#node-article-infos-author
  { font-style: normal !important; }

div#content-header div#content-header-container
  { color: var(--color-main) !important; font-size: 1.4em !important; line-height: 1.2em !important; }
div#content-header div#content-header-container::after
  { width: 50px !important; height: 4px !important; background-color: var(--color-main) !important; border-radius: 0 !important; }

div#user-page-infos
  { background-image: url("../images/background.png") !important; }
div#user-page-infos::before
  { background: linear-gradient(0deg, rgba(20, 20, 20, 0.9) 22.5%, rgba(20, 20, 20, 0.6) 42.75%, rgba(20, 20, 20, 0.3) 60%, rgba(20, 20, 20, 0.1) 75%, rgba(20, 20, 20, 0) 90%) !important; }

a.esp-card::before
 { background: linear-gradient(0deg, rgba(20, 20, 20, 0.9) 22.5%, rgba(20, 20, 20, 0.6) 42.75%, rgba(20, 20, 20, 0.3) 60%, rgba(20, 20, 20, 0.1) 75%, rgba(20, 20, 20, 0) 90%) !important; }
a.esp-card div.esp-card-labels div.esp-card-label
  { border-radius: 0 !important; }
a.esp-card div.esp-card-labels div.esp-card-label span
  { text-transform: capitalize !important; color: #000000 !important; font-size: .8em !important; }
a.esp-card.esp-card-page div.esp-card-labels div.esp-card-label
  { display: none !important; }
a.esp-card div.esp-card-separator
  { width: 50px !important; height: 4px !important; border-radius: 0 !important; }
a.esp-card.esp-card-page div.esp-card-separator,
a.esp-card.esp-card-article div.esp-card-separator
  { background-color: #ffffff !important; }
a.esp-card div.esp-card-text-subtitle
  { font-size: .8em !important; }
a.esp-card.esp-card-article div.esp-card-labels div.esp-card-label span
  { color: #000000 !important; }

div#tags-list a,
div#node-article div#node-article-infos div#node-article-infos-tags a
  { line-height: 22px; border: 2px solid #ffffff !important; background-color: #ffffff !important; color: #000000 !important; padding: .35em 1em !important; border-radius: calc(12px + 2px + .35em); }
div#tags-list a:hover,
div#node-article div#node-article-infos div#node-article-infos-tags a:hover
  { border-color: var(--color-main) !important; background-color: var(--color-main) !important; }
div#tags-list a.current
  { border-color: var(--color-main) !important; background-color: var(--color-main) !important; cursor: default !important; pointer-events: none !important; }
div#tags-list a.back
  { padding: .35em .35em .35em 1em !important; }
div#tags-list a img
  { display: inline-block; margin-left: .5em; width: 24px; height: 24px; padding: 4px; border-radius: 12px; background-color: #ffffff !important; }
div#tags-list a:hover img
  { filter: invert(1); }
div#node-article-infos-author
  { display: none !important; }

ul#page-tabs
  { background-color: #141414 !important; border-bottom: 1px solid #000000 !important; }
ul#page-tabs li
  { position: relative; background-color: transparent !important; }
ul#page-tabs li a
  { }
ul#page-tabs li a img
  { filter: brightness(0) invert(1) !important; opacity: 1 !important; }
ul#page-tabs li a span
  { color: #ffffff !important }
ul#page-tabs li.active::after
  { position: absolute; content: ""; width: 100%; height: 4px; background-color: var(--color-main); left: 0; bottom: 0; }
ul#page-tabs li a:hover img
  {  }
ul#page-tabs li a:hover span
  { color: var(--color-main) !important; }

div#node-tournament-infos-specs::before
  { background: linear-gradient(0deg, rgba(20, 20, 20, 0.9) 22.5%, rgba(20, 20, 20, 0.6) 42.75%, rgba(20, 20, 20, 0.3) 60%, rgba(20, 20, 20, 0.1) 75%, rgba(20, 20, 20, 0) 90%) !important; }
a.node-tournament-infos-stage
  { border: 1px solid #cccccc !important; background-color: #f4f4f4 !important; }
a.node-tournament-infos-stage:hover
  { background-color: #ffffff !important; }
a.node-tournament-infos-stage div.node-tournament-infos-stage-column-label
  { color: #000000 !important; font-size: .6em !important; }
a.node-tournament-infos-stage div.node-tournament-infos-stage-column-value
  { color: #000000 !important; font-weight: bold !important; }
div#node-tournament-selector-content div.form-item select#node-tournament-switch
  { background-color: rgba(255, 255, 255, .25) !important }

div.round-robin-group-table table thead,
div.round-robin-group-table table thead tr,
div.round-robin-group-table table thead tr th,
div#swiss-system-kk-container-table table thead,
div#swiss-system-kk-container-table table thead tr,
div#swiss-system-kk-container-table table thead tr th
  { background-color: #141414 !important; border-color: #141414 !important; text-transform: none !important; }
div.round-robin-group-table table thead tr th span,
div#swiss-system-kk-container-table table thead tr th span
  { color: #ffffff; }
div.round-robin-group-table table thead tr th::before,
div.round-robin-group-table table thead tr th::after,
div#swiss-system-kk-container-table table thead tr th::before,
div#swiss-system-kk-container-table table thead tr th::after
  { background-color: #141414 !important; }
div.round-robin-group-table table thead tr + tr th span,
div#swiss-system-kk-container-table table thead tr + tr th span
  { font-style: normal !important; }
div.round-robin-group-table table tbody tr[rel="qualified"] td,
div#swiss-system-kk-container-table table tbody tr[rel="qualified"] td
  { background-color: rgba(var(--color-rgb-main), 1) !important; }
div.round-robin-group-table table tbody tr td span,
div#swiss-system-kk-container-table table tbody tr td span
  { color: #000000 !important; }
div.bracket-content-column-container-match div.bracket-content-column-container-match-participant-name span,
div.bracket-content-column-container-match div.bracket-content-column-container-match-participant-score
  { color: #000000 !important; }
div.bracket-content-column-container-match div.bracket-content-column-container-match-participant-name span.preparation
  { opacity: .5; }

div.match-line,
div.chat-iframe-container
  { background-color: #141414 !important; border-color: #141414 !important; }
div#chat-messages *
  { color: #000000 !important; }

div#login-page-disclaimer
  { background-color: #000000; padding: 1.5rem; margin: 0 -1.5rem -1.5rem -1.5rem; width: calc(100% + 3rem); }
@media (max-width: 480px) {
  div#login-page-disclaimer
    { margin: 0 -1rem -1.5rem -1rem; width: calc(100% + 2rem); }
}

div#team-management-form,
div.teams-management-item
  { border: none !important; background-color: #141414 !important; }
div.teams-management-item-actions a img.manage
  { filter: brightness(0) invert(1) !important; opacity: 1 !important; }

div#lds-cmp-content div#lds-cmp-content-logo img
  { width: 80px !important; height: auto; }
div#lds-cmp-content p.step1-not-hidden b:first-child
  { font-size: 1.4em; }

div#lds-cmp-container div#lds-cmp-content *
  { color: #000000 !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-text a,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-links div.lds-cmp-content-link a,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-nav a
  { color: #000000 !important; }
  div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-text a:hover,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-links div.lds-cmp-content-link a:hover,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-nav a:hover
  { color: var(--color-main) !important; }  
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons button,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-cookies div.lds-cmp-content-cookie
  { border-radius: 0 !important; text-transform: none !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.agree
  { color: #000000 !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.agree:hover
  { background-color: #000000 !important; color: #ffffff !important; opacity: 1 !important; border-color: #000000 !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.action,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.disagree
  { color: #000000 !important; border-color: #000000 !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.action:hover,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.disagree:hover
  { background-color: #000000 !important; color: #ffffff !important; opacity: 1 !important; }

/*
* texts
*/
  
div.formatted-text p
  { color: #ffffff !important; font-weight: 400; font-size: 0.9rem; }
div.formatted-text p b,
div.formatted-text p strong
  { font-weight: 700; }

* + div.pg.pg-h2
  { margin-top: 2.0rem; }
* + div.pg.pg-h3
  { margin-top: 1.6rem; }
* + div.pg.pg-h4
  { margin-top: 1.4rem; }
* + div.pg.pg-h5
  { margin-top: 1.2rem; }
* + div.pg.pg-h6
  { margin-top: 1.0rem; }

div.pg.pg-h2 h2,
div.pg.pg-h3 h3,
div.pg.pg-h4 h4,
div.pg.pg-h5 h5,
div.pg.pg-h6 h6
  { color: #ffffff !important; line-height: 1em; font-weight: 700; }

div.pg.pg-h2 h2
  { font-size: 2rem; }
div.pg.pg-h3 h3
  { font-size: 1.75rem; }
div.pg.pg-h4 h4
  { font-size: 1.5rem; }
div.pg.pg-h5 h5
  { font-size: 1.25rem; }
div.pg.pg-h6 h6
  { font-size: 1rem; text-transform: uppercase; }

/*
* radius & shadows
*/
a.esp-card,
section#content div#content-container,
section#content div.page-block-banner,
ul#page-tabs, ul#page-tabs li.page-tabs-item, ul#page-tabs li.page-tabs-item.active,
div#node-tournament-infos-stages a.node-tournament-infos-stage,
div.round-robin-group-table tr, div.round-robin-group-table tr th,div.round-robin-group-table td,
div.round-robin-match-container div.round-robin-match-container-match,
div.bracket-content div.bracket-content-column div.bracket-content-column-container div.bracket-content-column-container-match
  { border-radius: 0 !important; box-shadow: none !important; }
div#node-tournament-infos-stages a.node-tournament-infos-stage:nth-child(1)
  { border-bottom: 3px solid #00FFC4 !important; }
div#node-tournament-infos-stages a.node-tournament-infos-stage:nth-child(2)
  { border-bottom: 3px solid #FFEA00 !important; }
div#node-tournament-infos-stages a.node-tournament-infos-stage:nth-child(3)
  { border-bottom: 3px solid #FF7727 !important; }
div#node-tournament-infos-stages a.node-tournament-infos-stage:nth-child(4)
  { border-bottom: 3px solid #FF3333 !important; }

/*
* forms
*/
div.form-item,
div.field--widget-datetime-default,
div.field--widget-datetime-timestamp,
div.field--widget-datetime-timestamp-no-default
  { margin: 0 0 1.5em 0; }

div.fieldset-wrapper div.description,
div.form-item div.description,
div.form-item-description,
div.field--widget-datetime-default div[data-drupal-field-elements="description"],
div.field--widget-datetime-timestamp div[data-drupal-field-elements="description"],
div.field--widget-datetime-timestamp-no-default div[data-drupal-field-elements="description"],
div.password-strength__title, div.password-suggestions, div.password-confirm-message,
div.form-item + p
  { font-style: normal; font-weight: bold; color: #aaaaaa !important; }

div.form-item input:not(.button),
div.form-item textarea,
div.form-item input[type="file"],
div.form-item input:not(.button):focus,
div.form-item textarea:focus,
div.form-item select,
div.autocomplete-deluxe-container,
div.autocomplete-deluxe-container.autocomplete-deluxe-multiple
  { color: #000000 !important; border-radius: 0 !important; border: 2px solid #cccccc !important; background-color: #ffffff !important; }
div#node-tournament-selector-content div.form-item select
  { color: #ffffff !important; }

div.field--type-datetime h4
  { font-family: 'esp-text', sans-serif !important; }

fieldset legend span.form-required::after,
div.fake-fieldset div.fake-legend span.form-required::after,
div.form-item label.form-required::after,
div.form-wrapper h4.form-required::after
  { color: var(--color-main) !important; margin-left: .25em !important; }

section#content:not(.content-manager) div.form-item select option,
.ui-autocomplete .ui-menu-item a
  { color: #000000 !important; }
.ui-autocomplete .ui-menu-item a:hover
  { color: #ffffff !important; }
  
section#content:not(.content-manager) div#content-container fieldset,
section#content:not(.content-manager) div#content-container details
  { background-color: #141414 !important; border: none !important; }
section#content:not(.content-manager) div#content-container fieldset legend,
section#content:not(.content-manager) div#content-container details summary
  { border-bottom-color: #000000 !important; }
  
section#content:not(.content-manager) div.horizontal-tabs
  { background-color: #141414 !important; }
section#content:not(.content-manager) div.horizontal-tabs ul.horizontal-tabs-list li.selected a strong,
section#content:not(.content-manager) div.horizontal-tabs ul.horizontal-tabs-list + div > details.field-group-tab > summary
  { color: #000000; }
section#content:not(.content-manager) div.horizontal-tabs ul.horizontal-tabs-list li a strong.form-required::after
  { color: var(--color-main) !important; }

div.form-item + div.form-item.js-form-type-checkbox input:checked
  { background-color: var(--color-main); }

section#content:not(.content-manager) div.form-actions
  { text-align: left !important; }
input.button, a.button
  { font-size: .7em !important; padding: .75em 1em; box-shadow: none !important; text-transform: uppercase; border-radius: 0 !important; font-weight: bold; color: #000000 !important; }
input.button:hover, a.button:hover
  { opacity: 1 !important; background-color: #ffffff !important; color: #000000 !important; }
.button.button-blank::after
  { background-image: url("../images/icons/external-link.svg") !important; }
a.button#edit-cancel
  { background-color: #999999 !important; color: #000000 !important; }
a.button#edit-cancel:hover
  { background-color: #ffffff !important; color: #141414 !important; }

form#esp-tournaments-application-team div.form-item div.description a
  { color: var(--color-main) !important; }

/* spé */
div#node-page[rel="node-page-1004"] div.pg.pg-h3 h3
  { position: relative; cursor: pointer; background-color: #141414 !important; padding: .25em 2em .25em .5em !important; }
div#node-page[rel="node-page-1004"] div.pg.pg-h3 h3::after
  { position: absolute; right: .5em; top: 0; font-size: 1em; content: "▼"; color: var(--color-main); background-color: transparent !important; width: 1em; height: 1em; line-height: 1em; text-align: center; }
div#node-page[rel="node-page-1004"] div.pg.pg-h3 h3.open::after
  { content: "▲"; }
div#node-page[rel="node-page-1004"] div.pg.pg-h3 + div.pg
  { display: none; padding-left: .5em; padding-right: .5em; }