/*
Theme Name: APE standard
Author:  Benjamin Faure (Ape Com) et intégration Olivier Coudre
Author URI: https://ape-com.com/api/change-apestd.log
Description: theme de base pour les sites APE
Version: 1.34
Text Domain: site
Tags: ACF
*/

/*
SVG icons
*/
[class^="svg-icon"], [class*=" svg-icon"] {height: 1em; width: 1em; display: inline-block; fill: currentColor; }


/**
 * Global & Structure
 */
 * {box-sizing: border-box;}
 *:after,
 *:before {box-sizing: inherit;}

html {scroll-behavior: smooth;overflow-y:scroll }

:root{
  --radius: 16px;
  --radius-small: 8px;
  --s-pad: 1rem;
  --s-margin: 1rem;
  --h2-margin: 1rem;
  --half: calc((100vw - 1110px) / 2 );
  --halfm: calc(var(--half) + var(--s-margin)  );
  --half-min: max(var(--half) , 1rem);
  accent-color: var(--primary);
  --topbar-h: 82px;
}

@media print, screen and (min-width: 768px) {
  :root{
    --s-pad: 2rem;
    --s-margin: 2rem;
    --h2-margin: 2rem;
  }
}
@media print, screen and (min-width: 992px) {
  :root{
    --s-pad: 4rem;
  }
}


/*
fonts
*/


body { font-family:'Lato', sans-serif;color:var(--text);background-color: var(--bg);margin: 0;min-height: 100vh;}
h1, h2,h3, h4, h5, h6 {font-family: 'Nunito', sans-serif;font-weight: 700;line-height: 1.4;margin: 0}
h1 {font-weight: 700}


a {text-decoration:none;color: inherit; transition: color .3s}
a:is(:hover,:active,:focus) {color: var(--primary)}

h1 {font-size: 30px;}
h2 {font-size: 26px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
@media screen and (min-width: 768px) {
   h1 {font-size: 30px;}
   h2 {font-size: 26px;}
   h3 {font-size: 22px;}
   h4 {font-size: 18px;}
 }
figure {margin: 0;padding: 0;}
p {margin: 0;}

 .clearfix:before,.clearfix:after{content:" ";display:table}
 .clearfix:after{clear:both}

 .ie-alert {padding: 2em; border: red solid 2px;z-index: 999;background: white;position: relative; }

 label {color:inherit;cursor: pointer;}
 table {margin: 1rem 0; }
 ul {margin:0; list-style-type: none; padding: 0;}
 :focus{outline:none !important; }
 img {max-width: 100%;height: auto;}

.page-header.no-feat>.header-text,
.container {padding-left:1rem;padding-right: 1rem;}
.container-grid {padding: 0 1rem;}

@media print, screen and (min-width: 768px) {
  .page-header.no-feat>.header-text,
  .container {margin-left:auto;margin-right: auto; max-width: 1110px;}

 .container-grid {display: grid;gap: 2rem;align-items: center}
 .container-md-grid { display: grid; }
 .grid-sm-6 {grid-template-columns: repeat( 2,1fr) }
}

.col-padding {grid-gap: 1rem}
@media print, screen and (min-width: 1200px) {
  .col-padding {grid-gap: 1.5rem}
   .container {padding-inline: 0 }
}

.visible-xs,
.visible-md,
.visible-md-flex,
.visible-lg,
.visible-lg-flex,
.visible-desktop {display: none;}

@media print, screen and (min-width: 470px) {
  .visible-xs {display: block;}
  .hide-xs {display: none;}
}

@media print, screen and (min-width: 768px) {
  .visible-md {display: block;}
  .visible-md-flex {display: flex;}
  .hide-md {display: none;}
}
@media print, screen and (min-width: 1200px) {
  .visible-lg,
  .visible-desktop {display: block;}
  .visible-lg-flex {display: flex;}
  .hide-lg,
  .hide-desktop {display: none;}
}
/*.button {font-family: 'Lato';font-weight: bold; text-align: center; line-height: 1; text-transform: uppercase;padding: 1rem;}*/

/*
colors
*/
:root {
  --text: var(--secondary);
  --menu-color: var(--secondary,#131E20);
}


.btn {padding: .8rem 1rem;font-weight: 400;  cursor: pointer;transition: .3s;cursor: pointer;
  display: inline-flex; align-items: center; justify-content: flex-start; text-decoration: none; gap: 10px;
  border-radius: var(--radius-small);
  overflow: hidden;
  background-color: var(--secondary)
}
.btn:active {transform: translateY(.2rem);}
.btn:is(:hover,:focus):not([disabled]) {background-color: var( --primary-hover) }

.btn-primary {background-color: var(--primary); color: #fff;border: 0;padding: .5rem .5rem;}
@media screen and (min-width:420px) {
  .btn-primary {padding: .8rem 2rem;}
  }
.btn-primary:is(:hover,:focus):not([disabled]) {color: #fff}
[type='submit'].btn-primary:is(:hover,:focus,:active):not([disabled]) {background-color: var( --primary-hover); color: #fff; }


.btn-hollow {border: currentColor solid 1px; }
.btn-hollow:is(:hover,:focus) {color: white;text-decoration: none;border-color: var(--secondary)}

.bg-color-secondary .text-wrap>.btn-hollow:is(:hover,:focus) {color: var(--secondary);border-color: white}
.bg-color-secondary .text-wrap>.btn-hollow:after{background-color: #fff;}
input[type="submit"][disabled],
button[disabled],
button[disabled]:hover {background-color: #747474;cursor: not-allowed;}


/**
 * Wordpress styles
 */
 .alignleft {float: left}
 .alignright {float: right}
 .aligncenter {display: block;margin-left: auto;margin-right: auto}
 figure.wp-caption.alignleft,img.alignleft {margin: 5px 20px 5px 0}
 .wp-caption.alignleft {margin: 5px 10px 5px 0}
 figure.wp-caption.alignright,img.alignright {margin: 5px 0 5px 20px}
 .wp-caption.alignright {margin: 5px 0 5px 10px}
 img.aligncenter {margin: 0 auto;display: block;}
 img.alignnone {margin: 0;display: block;}
 .wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 0 0 24px;text-align: center;}
 div.wp-caption.alignright img[class*="wp-image-"] {float: right}
 div.wp-caption.alignright .wp-caption-text {padding-left: 10px}
 .wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position: inside}


/*
  Accessibility
*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px; }
#skip a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#skip a:focus { position:static; width:auto; height:auto; }

/*
header
*/
html {scroll-padding-top:var(--topbar-h)}
body.header-fixed {padding-top: var(--topbar-h);}
.home-link{display: inline-block;border:0}
.home-link:focus,
.home-link:active {border-bottom-color:currentColor;}

/*
header
*/

.invisible-label,
.invisible-checkbox {position: fixed; opacity: 0; left: 0;top: 0;pointer-events: none}
.menu-icon-wrap {width: 50px;}
.menu-icon-wrap>svg {fill: var(--primary);}

.main-menu .menu-item>a {font-family: 'Lato', sans-serif;font-weight: 500; font-size: 1rem; display: inline-block;padding: 0.5rem;color: var(--menu-color);white-space: nowrap;position: relative;line-height: 1;}
.main-menu >.current_page_ancestor>a,
.main-menu >.menu-item.current-menu-item>a,
.main-menu >.menu-item>a:is(:hover,:active,:focus) {color: var(--primary)}
.main-menu >.current_page_ancestor>a::before,
.main-menu >.menu-item.current-menu-item>a::before,
.main-menu >.menu-item>a:is(:hover,:active,:focus)::before {content: '';
  position: absolute;
  width: 32px;
  display: block;
  height: 32px;
  border-radius: 50%;
  pointer-events: none;
  border: solid 2px var(--primary);
  opacity: .2;
  left: 50%;
  top: 52%;
  transform: translate(-50%,-50%);
}
/* submenu */
.main-navigation .sub-menu a {display: block;text-align: left;color: inherit;padding: 1rem 1.2rem ;}
.sub-menu >.current-menu-item>a,
.main-navigation .sub-menu a:is(:hover,:active,:focus) {background: var(--primary);color: white}
@media screen and (min-width:768px) {
  .menu-item-has-children{position: relative;}
  .main-navigation .sub-menu {position: absolute;top: 100%;left: 0;opacity: 0; visibility: hidden; height: 0; overflow: hidden; transition:  .3s ;z-index: 99;background-color: white;}
  .sub-menu:hover,
  .menu-item-has-children>a:is(:hover,:focus)+.sub-menu {opacity: 1; visibility: visible; height: auto;  padding-top: 12px }
  .main-navigation .sub-menu a {text-align: left}
}

.toggle-nav {display: flex;gap: 1rem;flex-direction: column;}
@media screen and (max-width:767px) {
  .toggle-nav {background: #fff;position: fixed;
    left: 0;
    top: var(--topbar-h); padding: 1rem ;
    width: 100%;
    /*height: 100vh;*/
    will-change: transform;
    transform: translateX(-100%);
    transition: transform .65s cubic-bezier(0.645, 0.045, 0.355, 1);
    pointer-events: none;
    z-index: 20;
  }
  #navcheck:checked +.site-header .toggle-nav {transform: translateX(0); pointer-events: all;}
  #navcheck:checked + .mobile-header .open-menu {display: none;}
  .mobile-header .close-menu {display: none;}
  #navcheck:checked + .mobile-header .close-menu {display: block;}
}
@media screen and (min-width:768px) {
  .toggle-nav {gap: 2rem;flex-direction: row;}
  .menu-icon-wrap {display: none;}
}

.social-navigation {display: flex;gap: 1rem}
.social-navigation a {color: #969BAB;width: 2rem;height: 2rem;border-radius: 50%;background: #e7e7e8;display: inline-block;padding: 0.5em;}
.social-navigation a:where(:active,:hover,:focus) {background: var(--primary);color: white}
/*
main
*/

.rank-math-breadcrumb {padding:0;margin:0;font-size: 1rem;font-weight: 400;}
.rank-math-breadcrumb a{text-decoration: none;color: inherit;display: inline-block;border-bottom:transparent solid 1px;padding-block:4px }
.rank-math-breadcrumb a:focus,
.rank-math-breadcrumb a:active,
.rank-math-breadcrumb a:hover{border-color: currentColor}
.rank-math-breadcrumb .separator {padding-inline: 1rem;display: inline-block;}
.rank-math-breadcrumb .last {color: var(--primary)}

.entry-title,
.page-title {margin: 0;line-height: 1.2;}

.page-header {margin: auto;}
.page-header.no-feat {display: flex;flex-direction: row;gap: 1rem;align-items: center;padding: 1rem;}
.page-header.no-feat .container{width: 100%;}
.page-header.has-feat .page-title {color: inherit}
.page-header.has-feat {display: grid; grid-template-columns: 1fr 1fr; }
.page-header .feat-img{margin: auto;width: 100%;object-fit: cover;height: 100%;grid-area: 1 / 1 / -1 / -1;max-height: 36.5rem;}
.page-header.has-feat .header-text {
  grid-column: span 2;
  margin: auto 0 0;
  background: white;
  color: var(--secondary);
  display: flex;
  /*align-items: center;*/
  flex-direction: column;
  padding: 1rem ;
  gap: 1rem;
}
.page-header.has-feat .page-title {font-weight: bold; color:var(--secondary); }
/*.page-header .rank-math-breadcrumb {display: none;}*/

.entry-content {line-height: 1.5;}
.entry-content p+*{margin-top: 1rem;}
.entry-content :is(h1,h2,h3, h4, h5, h6) {margin-block: 1rem;}
.entry-content :is(h1,h2,h3, h4, h5, h6):first-child {margin-top: 0;}

@media screen and (min-width:768px) {
  .page-header.no-feat {height: 200px;padding: var(--s-pad) 0}
  .page-header.has-feat .header-text {grid-area: 1 / 1 / -1 / -1;
    margin: auto var(--s-margin) 0 var(--s-margin);
    padding:2rem;
    flex-direction: column;align-items: flex-start;justify-content: center;
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .page-header .rank-math-breadcrumb {display: block;}

}
@media screen and (min-width:1200px) {
.page-header.has-feat .header-text { margin: auto 0 0 max(var(--half),var(--s-margin));grid-area: 1 / 1 / -1 / 2;}
}

.entry-content a:not([class]) {color:inherit}
.entry-content strong {font-weight: 700;}
.entry-content a:not([class]):is(:active,:focus,:hover) {text-decoration: underline;}
.entry-content ul {padding: 0;margin:0;}
.entry-content ul:not([class]) {padding: 0;margin: 1rem 0;list-style-type: disc;list-style-position: inside;}
.entry-content ul:not([class]) li+li {margin-top: .5rem;}
.entry-content ul:not([class])>li::marker {color: var(--primary);position: relative;}

.entry-content .section-style-primary ul>li:before {background-color:currentColor;}
.entry-content ol>li::marker {font-family: 'Lato';font-weight: bold;}
.entry-content ul>li+li {margin-top: 0rem;}


/* more */
.more {font-size: 1rem;position: relative;display: inline-flex; align-items: center; justify-content: flex-start; text-decoration: none; gap: 10px; cursor: pointer;color: var(--primary)}
.more:hover {gap: 1rem;}
a.more {transition: all 0.3s ease-in-out; padding-block: 10px; }
a.more:after{display: block;content: ''; margin-top: 0.2em;background-image: url('img/icon-more.svg'); background-repeat: no-repeat; background-size: contain; width: 22px;height: 14px; }


/* sections */
/*section.container { max-width: 1440px; margin: auto; }*/
.entry-section {--space:1rem;padding-block: var(--s-pad) }
@media screen and (min-width:768px) {
  .entry-section {--space:2rem }
}

.section-type-text {padding-block: var(--s-pad);}
.section-type-text.bg-color-wrap .container{padding: var(--space);border-radius: var(--radius)}
@media screen and (min-width:768px) {
  .section-type-text {padding-block: var(--s-pad);}
}

.section-type-text-photo {}
.section-type-text-photo .photo {border-radius: var(--radius);margin: auto;}
.section-type-text-photo .container {display: flex;gap: var(--space);flex-direction: column;}
.section-type-text-photo.has-title .container {display: grid;}
.section-type-text-photo.bg-color-text-wrap .text-wrap{padding: var(--space);border-radius: var(--radius)}
@media screen and (min-width:768px) {
  .section-type-text-photo .container {
    flex-direction: row;
    grid-auto-columns: 1fr;
    align-items: center;
  }
  .section-type-text-photo .section-title {grid-column: span 2;}
  .section-type-text-photo.image-pos-right img {order: 2;}
}

.section-type-cards .section-title {margin-bottom: var(--space);}
.section-type-cards .items{display: grid; gap: var(--space); }
.section-type-cards .card {padding:  var(--space);border-radius: var(--radius);display: flex;flex-direction: column;gap: var(--space);transition: all .3s}
.section-type-cards .card-desc {line-height: 1.5;}
.section-type-cards .card-footer {margin-top: auto;}
.section-type-cards .card-more {color: var(--primary);display: flex;gap: .5em;align-items: center;transition: all 0.5s ease-in-out;}
.section-type-cards .card-more svg{width: 1.25em;height: .75em;margin-top: 0.1em;}

a.card:is(:hover,:focus,:active) {background-color:var(--primary);color:white}
a.card:is(:hover,:focus,:active) img{filter: brightness(2.5) grayscale(1);}
a.card:is(:hover,:focus,:active) .card-more {color: white;gap: 1rem}
@media screen and (min-width: 768px){
  .items.section-nbcol-3  {grid-template-columns: repeat(3,1fr); }
}

.section-type-accordions {padding-block:var(--s-pad) ;}
.section-type-accordions .container{width: 100%;display: flex;gap: var(--space);flex-direction: column;}
details {padding: 1rem ; background: white;    border-radius: var(--radius-small); }
details summary ~ * {animation: close 0.5s ease-in-out forwards}*/
summary {position: relative;line-height: 35px;cursor: pointer}
summary::-webkit-details-marker {display: none; /* Hide summary arrow */ }
summary:after {content: ""; background: url("img/acc-close.svg") no-repeat; background-position: center; width: 36px; height: 32px; display: flex; justify-content: center; align-items: center; transition: transform .25s linear; margin-left: auto; flex: 0 0 auto; }
details[open] summary ~ * {animation: open 0.5s ease-in-out forwards; }*/
details[open] > summary {color: var(--primary)}
details[open] > summary:after {/*background-image: url("img/acc-open.svg"); */ transform: rotateZ(135deg);}
@keyframes open {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes close {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.acc-title {color: var(--text);font-size: 18px;font-family: 'Lato', sans-serif;cursor:pointer;display: flex;align-items: center;font-weight: 700;}
.acc-text {margin-top: 1rem;}
.acc-text img{border-radius: var(--radius)}


.section-type-nav-grid h2 {margin-bottom: var(--h2-margin)}
.section-type-nav-grid .nav-items {display: grid;grid-template-columns: 1fr; gap: var(--space)}
.section-type-nav-grid .nav-item {display: grid;}
.section-type-nav-grid .nav-item img{grid-column: 1; grid-row: 1;border-radius: var(--radius);margin: auto;}
.section-type-nav-grid .nav-item p {grid-column: 1; grid-row: 1; z-index: 2; text-align: center; align-self: center; }

@media screen and (min-width:768px) {
  .section-type-nav-grid .nav-items {grid-template-columns: repeat(2,1fr); }
}


.section-type-html {padding-top: var(--s-pad);}
.section-type-html h2{margin-bottom: var(--space)}
.section-type-html #sbi_mod_link,.section-type-html #sbi_mod_error {float: none;}

/* regroupe les sections avec la meme couleur de fond */
.section-group .entry-section:first-child{padding-bottom: 1rem;}
.section-group .entry-section+.entry-section {padding-top: 1rem;}
.section-group .entry-section+.entry-section:not(:last-child) {padding-bottom: 1rem;}

/* splide carousel */

.splide__list {gap:0;align-items: stretch;}
.splide__slide img {max-width: none; width: 100%; display: block;}
.splide__pagination {gap: 2rem;bottom: 1rem; position: absolute; }
.splide__pagination__page {border: 0;width: 10px;height: 10px;display: block;padding: 0;
    background: rgba(255,255,255,.5);cursor: pointer;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 33%);
  }
.splide__pagination__page.is-active {background-color: white;box-shadow: 0px 0px 0px 2px rgb(0 0 0 );}
@media screen and (min-width:768px) {
  .splide__pagination {bottom: 2rem; }
}
a.gal-lightbox {border-radius: var(--radius);display: block;overflow: hidden;background-color: var(--primary);position: relative;color: white}
a.gal-lightbox>svg{
  fill: var(--primary);
  width: 3rem;
  height: 3rem;
  padding: .5rem;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: 50%;top: 50%; transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity .3s
}

a.gal-lightbox>img{transition: opacity .3s}
a.gal-lightbox:hover>img{opacity: 0.2;}
a.gal-lightbox:hover>svg{opacity: 1;}
.splide__slide img {border-radius: var(--radius)}

.section-type-carousel .splide {overflow: hidden;}
.section-type-carousel .splide__slide {display: grid;gap: 1rem;}
.section-type-carousel .splide__slide .text-wrap {padding: 0 1rem ;}
:is(.section-type-carousel,.section-type-text) .splide__pagination {position: static;transform: none;margin-top: 1rem;}
@media screen and (max-width:767px) {
  .section-type-carousel {background-image: none !important }
}
@media screen and (min-width:900px) {
  .section-type-carousel {padding-bottom: 0 }
  .section-type-carousel .splide__track {margin-left: var(--half-min);}
  .section-type-carousel .splide__slide {grid-template-columns: 1fr 1fr;}
  .section-type-carousel .splide__slide picture{order: 2}
  .section-type-carousel .splide__slide img{border-radius: 160px 0 0 0 }
  .section-type-carousel .splide__slide .text-wrap {align-self: center; padding: 0  }
  .section-type-carousel .splide__pagination {position: absolute;justify-content: flex-start;left: var(--half-min);bottom: 1rem ;transform: none}
}
:is(.section-type-carousel,.section-type-text) .splide__pagination {gap: .5rem}
:is(.section-type-carousel,.section-type-text) .splide__pagination__page {width: 10px;height: 10px;border-radius: 5px;box-shadow:none}
:is(.section-type-carousel,.section-type-text) .splide__pagination__page.is-active {transform: none;background: var(--primary);box-shadow:none;opacity: 1; width: 16px;}

/*
 home
 */

/*
actu list
*/

/* pagination */
.pagination-centered {margin-top: 1rem;}
.pagination  {display: flex;justify-content: center;gap: 1rem}

@media screen and (min-width: 768px) {
  .pagination-centered {margin-top: 2rem;}
}
/*
single actu
*/


/*
contact
*/
.tpl-template-contact .site-main {background-color: var(--grey);}
.tpl-template-contact .main-container {--space: 1rem ;display: flex;gap: var(--space);flex-direction: column; max-width: 1110px; margin: auto; align-items: flex-start;padding-block:var(--s-pad) }
.contact-address-wrap { background: white;padding: var(--space) ;width: 100%;border-radius: var(--radius)}
.wpcf7 {padding: var(--space);}
.contact-address-wrap h2 {margin-block: 0 var(--h2-margin);}
.contact-items {display: flex;gap: 1rem;flex-direction: column;}
.contact-items li {display: flex;align-items: center;gap: 1rem}
.contact-items .contact-adr strong {display: block;}
.contact-items .contact-mail {white-space: nowrap;}
.contact-items .svg-icon {fill: var(--primary);width: 1.25rem;height: 1.25rem;}

@media screen and (min-width: 992px) {
  .tpl-template-contact .main-container {--space: 2rem ;flex-direction: row;}
  .contact-address-wrap {width: auto;flex-grow: 1;max-width: 415px}
  .wpcf7 {padding: 0;max-width: 662px;}
  .wpcf7-form {position: relative;}
}

.wpcf7-form {display: grid;gap: 1rem;}
.wpcf7-form label {display: block;margin-bottom: 0.5rem;margin-top: 0;}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=tel], [type=text], [type=time], [type=url], [type=week],
textarea {
  color: var(--text);padding: 1rem ;width: 100%;
  border:solid 1px white;
  font-size: 1rem;
  border-radius: var(--radius-small);
}
select.form-control {padding: 1rem; width: 100%; border-color: white;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;       /* Remove default arrow */
  background: white no-repeat center right 1rem;   /* Add custom arrow */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23222222%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
   background-size: 1em;
}

.wpcf7 input:focus {border-color: var(--primary)}

.red {color: #ff5408;}

@media screen and (min-width: 768px) {
  .form-submit-row {display: flex;align-items: center;}
}
.your-message {margin-bottom: 1rem;display: block;}
span.wpcf7-list-item {margin-left: 0;}

.wpcf7-not-valid {border: #bf2b47 solid 2px;}
span.wpcf7-not-valid-tip {font-size: 0.8em;margin-left: 1rem;}
.wpcf7-validation-errors {color: #bf2b47; }

.form-submit {position: relative;}
.wpcf7-submit {width: 100%;justify-content: center;}
.wpcf7 .wpcf7-spinner {margin: 0 1rem;top: 0.5rem;position: absolute;right: 0;}
.wpcf7 form .wpcf7-response-output {margin: 0;border-radius:var(--radius-small) }


@media screen and (min-width: 992px) {
  .wpcf7-form {position: relative;}
  .wpcf7 .wpcf7-file {margin-bottom: 1.5rem;}
  .wpcf7-submit {width: auto;justify-content:flex-start}
  .wpcf7 .wpcf7-spinner {position: relative;top: 0.5rem  }
  .wpcf7 form .wpcf7-response-output { position: absolute; bottom: 0; right: 0; left: 7.7rem;}
  .wpcf7 form .wpcf7-response-output {margin: 0 !important;line-height: 1.2;}
}
@media screen and (min-width: 1080px) {
  .wpcf7 form .wpcf7-response-output {line-height: 1.4;bottom: -0.4rem;}
}

/*
footer
*/

.site-footer ul {padding: 0;margin:0 auto}

/*.footer-menu {display: flex;flex-direction: column;gap: 0rem;font-family: 'Playfair Display', sans-serif}
.footer-menu a{display: block;padding: .5rem 0;}
.menu-icon-only a {font-size: 22px;}
.menu-icon-only a>span {clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px; }
.menu-social-container > ul {display: flex;justify-content: center;gap: 1rem}
*/
/*
plugins
*/

@media print {
  body{font-size: 14px;}
  blockquote {margin: 0;}
  a[href]:after {content: none; }
  .page-title {margin-top: 1em;}
  hr {margin: 1rem auto 2rem; }
  p+h2 {margin-top: 1rem; }
  p+h3 {margin-top: 1rem; }
}


/*
plugin cookie notice
*/
#cookie-notice {font-family: sans-serif;}
#cookie-notice .cn-button {margin-bottom: 0;}
.grecaptcha-badge {display: none;}
/* styles/mini-7-dark.css */

.site-footer {padding-block: 1rem;background-color: var(--secondary); color: white;}
.site-footer .container {text-align: left;display: flex;flex-direction: column;gap: 1rem}
.site-footer .widget {font-size: 14px;}

.footer-navigation {padding-bottom: .5rem;border-bottom: solid 1px rgba(255,255,255,.2)}
.footer-menu {display: flex;flex-direction: column;gap: 0rem;font-family: 'Lato', sans-serif;}
.footer-menu a{display: block;padding: .5rem 0;}

@media screen and (min-width: 768px) {
  .site-footer {padding-block: 4rem;}

  .footer-navigation {margin-left: -.5rem;}
  .footer-menu {flex-direction: row;gap: 1rem;}
  .footer-menu a{padding: .5rem;}
}