/*
Theme Name: La ReSourceRie
Theme URI: https://www.laresourcerie.fr
Author: La ReSourceRie
Author URI: https://www.laresourcerie.fr
Description: Thème pour La ReSourceRie
Version: 1
License: Private
License URI: copyright
Text Domain:
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme is private under the GPL.
*/

/* FONTS */
/* FIN FONTS */

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}


/* colors */
.greenLight{
  color:#c8e5ce;
}
.greenMiddle{
  color:#7bb380;
}
.greenDark{
  color:#286659;
}
.yellow{
  color:#f8cb4d;
}
.pink{
  color:#f9b7b8;
}
.megaDark{
  color:#23574d;
}
/* end colors */

body{
    margin:0;
    padding: 0;
    font-family: arial, verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    cursor:default;
    font-size: 16px;
    font-weight: 400;
    /* color:#454545; ancien marron */
    color:#454545;
    background-color: #fff;
    overflow-x: hidden;
}
html {
    -webkit-text-size-adjust: none;
}

* {
    outline:none;
}

a{
    color: #266658;
}
a:hover{
    color:#266658;
}

p a{
  text-decoration: underline;
}
p a:hover{
  text-decoration: underline;
}

a.white{
  color:#fff;
}
a.white:hover{
  text-decoration:underline;
}

p{}
b{
  color:#266658 !important;
  font-weight: 700;
}

/******************typography**************************/
h1,h2,h3,h4,h5,h6{
    margin-top: 0px;
    font-weight: 700;
    font-family: 'Poppins', arial, sans-serif;
}
h1{
  font-size: 36px;
  font-weight: normal;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 50px;
  line-height: 36px;
  background: rgb(255, 255, 255, 0.7); /* rendre administrable */
  width: 50%;
  padding: 14px;
  color: #286659 !important;
  margin:20px auto 56px !important;
}
h2{
    font-size:30px;
    /*font-weight: 400;*/
    font-weight: 700;
}
h3{
    font-size:24px;
    /*font-weight: 300;*/
    font-weight: 600;
}
/*spaces for given space between rows, section,content*/

.space-20,
.space-40,
.space-60,
.space-50,
.space-80{
    width:100%;
    clear: both;
}

.space-20{
    height: 20px;
}
.space-40{
    height: 40px;
}
.space-50{
    height:50px;
}
.space-60{
    height: 60px;
}

.space-80{
    height: 80px;
}


/************************margins for given margin in columns**********************/

.margin-btm10{
    margin-bottom: 10px;
}
.margin-btm20{
    margin-bottom:20px;
}
.margin-btm40{
    margin-bottom: 40px;
}
.margin-btm60{
    margin-bottom: 60px;
}
.margin-btm80{
    margin-bottom: 80px;
}

/***************buttons*******************/
/* CSS pour les boutons principaux et secondaires */
.wp-block-button__link,
.wp-element-button {
  border-radius: 99px;
  font-size: 16px;
  font-weight: 700;
  padding: 12.005px 21.995px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Style pour le bouton principal (par défaut) */
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-element-button {
  background-color: #286659;
  color: #ffffff;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-element-button:hover {
  background-color: #1e4e42;
  border-color: #1e4e42;
}

/* Style pour le bouton secondaire (outline) */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
  background-color: #f8cb4d;
  color: #fff;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: rgba(40, 102, 89, 0.1);
  color: #fff;
}

/* Espacement des boutons dans un groupe */
.wp-block-buttons {
  gap: 1rem;
}



/******************************************************************************************************************************
                           Bootstrap navigation overrides
******************************************************************************************************************************/
.navbar-default {
    border-color: transparent;
    border-bottom: none;
    margin: 0;
    border-radius: 0;
    background-color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color:#286659;
  background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: #286659;
  background-color: #f6f6f6;
}
.navbar-default .navbar-nav>li>a {
  color: #677371;
  font-size: 16px;
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal
}
.navbar-default .navbar-nav>li>a:hover {
    color:#286659;
}


.custom-logo-link .custom-logo{
  margin: 10px 0 15px;
  width: 141px;
  height: auto;
}

.navbar-brand{
    font-weight: 900;
}

/*dropdown navigation*/
.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 190px;
    background-color: #ffffff;
    color: #808080;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 2px solid #f8f5f5 !important;
}
.navbar .dropdown-menu li a{
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}


/*********************animation delays**************/

.delay1{
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -o-animation-delay: 300ms;
    animation-delay: 300ms;

}
.delay2{
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    -o-animation-delay: 600ms;
    animation-delay: 600ms;

}
.delay3{
    -webkit-animation-delay: 900ms;
    -moz-animation-delay: 900ms;
    -o-animation-delay: 900ms;
    animation-delay: 900ms;

}
.delay4{
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -o-animation-delay: 1200ms;
    animation-delay: 1200ms;

}


/*=========---------------------------------------- Forms -------------------------------=========*/

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control{
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    padding: 6px 12px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
    color: #7a7a7a;
    border: 1px solid #dadada;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #FFF;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus{
    border: 1px solid #266658;
    background: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/**************************footers*****************************************/
#contact{
    padding-top: 60px;
    padding-bottom: 40px;
    background: #286659;
    font-size: 14px;
}

.footer-col h3{
    color:#fff;
    text-transform: uppercase;
    font-size: 14px;
}
.footer-col .f-h-line{
    display: block;
    width:54px;
    height: 1px;
    margin-bottom: 25px;
    background-color: #fff;
}
.contact-info i{
    /*float:left;*/
    float:none;
    margin-right: 8px;
    display: inline;
    color:#fff;
    font-size: 19px;
    margin-bottom: 10px;
}
.contact-info p{
    display: block;
    margin: 0 0 3px 0;
}
.footer-col a{
	color:#fff;
  text-decoration: none;
}
.footer-col a:hover, .footer-col a:hover i{
	color:#fff;
  text-decoration: underline !important;
}
.footer-col hr{
    border-color: rgba(255,255,255,0.5);
}

.footer-form .form-control{
    border: 1px solid rgba(245, 245, 245, 0.32);
    background: rgba(255,255,255,0.2);
    color: #232323;
    border-radius: 2px;
}
.footer-form .form-control:focus{
  background: rgba(255, 255, 255, 0.45);
	border:1px solid rgba(255, 255, 255, 0.35);
}

.footer-btm{
    padding: 10px 0 4px;
    color: #aaa7a7;
    font-size: 12px;
}
.footer-btm .heading-line{
    border-top: 1px solid #266658;
    display: block;
    width: 100px;
    height: 1px;
    background-color: #266658;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 16px;
}

/**************copyright*******************/
.copyrights{
    background: #286659;
    color: white;
    margin:0;
    font-size: 14px;
}
.copyrights p{
    padding: 10px 0;
    margin:0;
}
.copyrights a, .copyrights a:hover, .copyrights a:focus{
  color:#fff;
  text-decoration:none;
}

/**************breadcrumbs*******************/
.breadcrumb-wrapper{
    padding-top: 120px;
    padding-bottom: 30px;
    background-color: #266658;
}
.breadcrumb-wrapper h4{
    margin: 0px;
    color:#fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 25px;
}
.breadcrumb{
  background-color: transparent;
  margin-top: 6px;
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.breadcrumb li a{
  color:#fff;
}
.breadcrumb>.active {
  color:#f3f9fa;
}


/*work single*/
.site-content-contain{
    margin-top:125px;
}
/*************************image hover*******************************/
.img-wrapper{
    position: relative;
    overflow: hidden;
    display: block;
}
.img-wrapper img{
    display: block;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.img-wrapper .img-overlay{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    top:0;
    left: 0;
    text-align: center;
    padding: 20px;
    background: #222;
    background: rgba(1, 1, 1, 0.85);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.more{
    text-align: center;
    top:50%;
    left:0;
    right: 0;
    position: absolute;
    margin-top: -11px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.img-wrapper:hover .img-overlay{
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/**** carousel home */
.carousel-home{
  width:1170px;
  margin:0 auto;
}

/*****highlight section shadow *********/
.highlight-sec:before {
    display: block;
    content: "";
    height: 18px;
    position: absolute;
    width: 100%;
    border-radius: 50%;
    bottom: -23px;
}
#container-intro h2{
    font-size:24px;
}

/*list*/
.list{
    margin: 0;
    padding: 0;
}
.list li{
    margin-bottom: 10px;
}
.list li i{
    color:#266658;
    margin-right: 10px;
}

/*********************header option 2***************************/
.navbar-inverse {
  background-color: #0F0F0F;
  background-image: linear-gradient(to bottom, #3B3B47, #0F0F0F);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3B3B47), to(#0F0F0F));
  background-image: -webkit-linear-gradient(top, #3B3B47, #0F0F0F);
  background-image: -moz-linear-gradient(top, #3B3B47, #0F0F0F);
  background-image: -webkit-linear-gradient(top, #3B3B47, #0F0F0F);
  background-image: -o-linear-gradient(top, #3B3B47, #0F0F0F);
  background-image: ms-linear-gradient(to bottom, #3B3B47, #0F0F0F);
  -pie-background: linear-gradient(to bottom, #3B3B47, #0F0F0F);
  border-color: transparent;
  border-bottom: none;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #00bc95;
background-color: #000;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #00bc95;
    background-color: #000;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #000;
    color: #00bc95;
}
.navbar-inverse .navbar-brand{
    color:#fff !important;
}

/*dropdown form*/
.dropdown-form{
    padding: 15px;
    min-width:240px;
}
.dropdown-form form input{
    height: 39px;
}

/*progress bar*/
h3.heading-progress {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    margin-top: 0px;
}
.progress {
    height: 30px;
    line-height: 25px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #E9E9E9;
    border-radius: 0;
}
.progress-bar {
    line-height: 25px;
    background:#00bc95;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/*******************contact***************/
#contacts-header{
	color:#286659;
	float: right;
	text-align: right;
	margin-top: 24px;
}
#contacts-header a{
	color:#286659;
}

.contact-form1 input{
    height: 43px;
    border-color:transparent;
    background-color: #f4f4f2;
}
.contact-form1 textarea{
    border-color:transparent;
    background-color: #f4f4f2;
}

.wpcf7-not-valid-tip{
  color:#23574d;
  background-color: #f9b7b8;
  margin:0em 0em 0 0.2em;
  padding: 0.2em 1em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  border-color:#f9b7b8;
  background-color:#f9b7b8;
  color:#23574d;
  margin:0em 0em 0 0.2em;
}

.contact-home-wrapper{
    padding: 80px 0;
    background-color: #F4F4F2;
}
.contact-home-wrapper form input{
    height: 43px;
}
/*************social icons********************/

.social li a i{
    color:#fff;
    font-size: 17px;
    width:35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #266658;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 10%;
}
.social li a i:hover{
    color:#fff;
    background-color:#9EF79F;
}

/*social list*/
.social-list li a i{
  display: inline-block;
  text-align: center;
  width:32px;
  height: 32px;
  line-height: 32px;
  color:#fff;
  margin-bottom: 10px;
}
.social-list li a i.fb{
    background-color: #3276b1;
}
.social-list li a i.fb:hover{
    background-color: #00bc95;
}
.social-list li a i.twt{
    background-color: #21a5dc;
}
.social-list li i.twt:hover{
    background-color: #00bc95;
}
.social-list li i.g-pluse{
    background-color:#c9302c;
}
.social-list li i.g-pluse:hover{
    background-color: #00bc95;
}
.social-list li i.pin{
    background-color:#cb2027;
}
.social-list li i.pin:hover{
    background-color: #00bc95;
}
.social-list li i.insta{
    background-color:#3F729B;
}
.social-list li i.insta:hover{
    background-color: #00bc95;
}

/********************bootstrap pagination*************************/
.pagination>li>a, .pagination>li>span {
    color: #00bc95;
}
.pagination>.active>a{
    z-index: 2;
    color: #fff;
    background-color: #00bc95;
    border-color: #00bc95;
    cursor: default;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #333b4d;
    border-color: #333b4d;
}

/*****tooltip************/
.tooltip{
    font-size: 16px;
    line-height: 1;
}
.tooltip.top .tooltip-inner {
    background-color:#333b4d;
    padding: 6px 9px;
    font-size: 13px;
}
.tooltip.top .tooltip-arrow {
    border-top-color:#333b4d;
}

.back-to-top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: none;
    background: #266658;
    text-align: center;
    z-index: 999;
}
.back-to-top i {
    color: #fff;
    font-size: 15px;
    display: block;
    line-height: 33px;
}
.back-to-top:active, .back-to-top:focus{
    text-decoration:none;
}

svg.icon{
    display:none;
}

.homeh2link{
    color:#454545
}
.homeh2link:hover{
    color:#266658;
}



/**** MESSAGE D'ABSENCE ***/
#holiday-bar {
  display: block;
  width: 100%;
  text-align: center;
  z-index: 9999;
  top:0;
  /*position: fixed;*/
      background: #266658;
    color: white;
    text-decoration: blink;
    border:1px solid #266658;
}
#holiday-bar span.underline{
    text-decoration: underline;
}
#holiday-bar a{
    color:#fff;
    font-weight: bold;
}
/* a remettre quand on remet le message de vacances */
/*
.navbar-fixed-top{top:52px;}
.navbar-default{margin-top:52px;}
*/

.site-content-contain{
    margin-top:0;
}

/*** espace sous les images en wp block cover **/
.wp-block-cover, .wp-block-cover-image{
    margin:0;
    /*background:rgba(0,0,0,0.15);*/
    background-position: center;
}

.wp-block-cover-small{
    min-height: 300px;
}
.has-large-font-size, .wp-block-cover h1{
    font-size:36px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
}

/* cookie consent */
.cc-message{
    font-size:14px;
    font-family: arial, verdana, sans-serif;
}

.clearfix{
  clear:both;
}

.size-post-thumbnail{
  max-width: 100%;
  height: auto;
}


.navbar-default .navbar-nav > li.menu-item-2854  > a{
  background:#266658;
  border: 1px solid #266658;*/
  color:#fff !important;
  border-radius: 3px;
  padding: 6px 12px;
  margin-left:10px;
}
.navbar-default .navbar-nav > li.menu-item-2854  > a:hover, .navbar-default .navbar-nav > li.menu-item-2854  > a:focus{
  color:#266658 !important;
  background: #fff;
}

/* modif générale wordpress */
.wp-block-image img{
  height: auto;
}

/* bootstrap modal */
.hidden {
   display: none;
}
 .open {
   display: block!important;
}
.modal-open {
 overflow: hidden;
}
.modal {
 display: none;
 overflow: hidden;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1050;
 -webkit-overflow-scrolling: touch;
 outline: 0;
 background-color: #00000063;
 padding-top: 100px;
}
.modal-dialog {
 position: relative;
 width: auto;
 margin: 10px;
 z-index: 9999;
}
.modal-content {
 position: relative;
 background-color: #ffffff;
 border: 1px solid #999999;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 6px;
 -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 outline: 0;
 margin-top:80px;
}
.modal-backdrop {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1040;
 background-color: #000000;
}
.modal-header {
 padding: 15px;
 border-bottom: 1px solid #e5e5e5;
 min-height: 16.42857143px;
}
.modal-header .close {
 margin-top: -2px;
}
.modal-title {
 margin: 0;
 line-height: 1.42857143;
}
.modal-body {
 position: relative;
 padding: 15px;
}
.modal-footer {
 padding: 15px;
 text-align: right;
 border-top: 1px solid #e5e5e5;
}
.close {
 float: right;
 font-size: 21px;
 font-weight: bold;
 line-height: 1;
 color: #000;
 text-shadow: 0 1px 0 #fff;
 filter: alpha(opacity=20);
 opacity: .2;
}
button.close {
 -webkit-appearance: none;
 padding: 0;
 cursor: pointer;
 background: transparent;
 border: 0;
}
.close:hover, .close:focus {
 color: #000;
 text-decoration: none;
 cursor: pointer;
 filter: alpha(opacity=50);
 opacity: .5;
}
[role="button"] {
 cursor: pointer;
}
.hide {
 display: none !important;
}
.show {
 display: block !important;
}
.invisible {
 visibility: hidden;
}
.text-hide {
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}
.hidden {
 display: none !important;
}
.affix {
 position: fixed;
}

/* bug calendar fix */
.tribe-common-c-loader__dot{
  display: none;
}

/* limitation des blocks en larger */
/*
.wp-block-media-text, .wp-block-group{
  width:1170px;
  margin:0 auto;
}
*/

/* les evenements */
.tribe-events-widget-events-list .wp-block-latest-posts__post-excerpt, .tribe-events-widget-events-list .wp-block-latest-posts__post-title, .tribe-events-widget-events-list .tribe-events-widget-events-list__event-datetime{
  padding: 0 14px 0 14px;
}

/* le blog */

.wp-block-latest-posts__post-title{
  font-family: Poppins, arial, sans-serif;
  font-size:24px;
  font-weight:600;/* 300 avant */
  color:inherit !important;
  margin-bottom:2rem !important;
  display: block;
  text-decoration: none;
}

.wp-block-latest-posts.is-grid{
  margin-bottom:0px !important;
}
.wp-block-cover, .wp-block-cover-image{
  min-height: 500px;
}

.tribe-events-widget-events-list .wp-block-button__link{
  background-color: #286659 !important;
  color: #fff !important;
  font-weight: 700;/* 600 avant */
  border-radius: 99px;
  font-size: 15px;
  padding: 12.005px 21.995px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* bouton du blog lire plus home */
.link-more{
  margin:0;
  display: none !important;
}
.more-link{
  display: none;
  background-color: #286659 !important;
  color: #fff !important;
  border-radius: 99px;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 12.005px 21.995px;
  text-decoration: none;
  transition: all 0.3s ease;
}


.custom-event-button-wrapper {
    text-align: center;
    margin-top: 1.5em;
}

.custom-event-button {
    background-color: #37808b;
    color: white;
    padding: 0.6em 1.2em;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    transition: background-color 0.3s ease;
    font-size: 0.9rem;
}

.custom-event-button:hover {
    background-color: #2c6a73;
    color: white;
}

/* lien custom */
.has-white-color .has-background-green-dark-background-color{

}

/* colonnes centrées sur la page des cours */
.colonnes-centrees {
  justify-content: center;
}


/*** LE BLOG *****/

/*** LES ARTICLES ****/
.justify-content-centered{
    justify-content: center;
}
.wp-block-previous-next-articles {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: nowrap;
  text-align: center;
  max-width: 800px; /* limite le contenu */
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 600px) {
  .wp-block-previous-next-articles {
    flex-wrap: wrap; /* <--- wrap seulement sur mobile */
  }
}


.wp-block-previous-next-articles a {
  flex: 1 1 300px; /* largeur égale, réactive */
  max-width: 100%; /* évite débordement */
  text-align: center;
}



/* medias et textes */
.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{
  padding: 0 8% 0 0;
}
.wp-block-media-text.has-media-on-the-left>.wp-block-media-text__content{
  padding: 0 0 8% 0;
}


/*** slider ****/
.has-background .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .has-background .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  background:white !important;
}

.has-background .wp-block-cb-carousel-v2 .cb-button-next, .has-background .wp-block-cb-carousel-v2 .cb-button-prev{
  color:white !important;
}


/***** responsive *****/
/* ecran moyen à normal */
@media (min-width:992px) and (max-width:1199px){
  .navbar-default .navbar-nav>li>a, .navbar-nav > li > a{
    padding:13px 15px 0px 0;
    font-size: 12px;
  }
}

/* tablette et ecrans */
@media(min-width:767px){
	.navbar-right{
		clear:right;
		margin-top: 24px;
    margin-right: -30px;
	}
  .navbar-nav > li > a{
    padding: 6px 14px 0;
  }
  .navbar-brand{
    height: 113px;
    line-height: 55px;
    font-weight: 900;
    color:#000 !important;
    font-size: 30px;
    padding: 0px 0px;
  }

  .navbar-right .dropdown-menu{
      right: auto;
      left: 0;
  }
}

/* téléphone uniquement */
@media(max-width:480px){
    .custom-logo-link{
        padding-left:18px;
    }

    .custom-logo-link img{
      width:192px !important;
      margin:0 0 12px 0 !important;
    }

    .copyrights p {
        padding: 10px 0;
        margin: 0;
        font-size: 10px;
    }
}

/* telephone et tablette */
@media(max-width:767px){
	.navbar-brand{
		width: 132px;
		height: auto;
		padding: 2px 0 0px 15px;
	}

	.navbar-nav{
		width:100%;
	}

	.navbar-toggle {
		margin-top:14px;
	}

  /* pour texte defunt sur affichage mobile plus lisible */
  .col-md-12.text-center{
      text-align:left;
  }
}

/* grand écran */
@media(min-width:1280px){
    #contact{
        padding-top: 50px;
        padding-bottom: 50px;
        background: #286659;
    }
}

/* ecran petit, tablette et tel */
@media(max-width:991px){
  #contacts-header{
    margin-top: -34px !important;
  }
  .custom-logo-link{
      padding-left:15px;
  }
  .navbar-nav {
      width: 100%;
  }
}

/* ecran uniquement */
@media(min-width:992px){
  #footer-partenaires{
    text-align: center;
  }

  #footer-contact{
    text-align:right;
  }
  #footer-contact .f-h-line{
    float:right;
  }
  #footer-contact .contact-info{
    clear:both;
  }
}

/* tablette et écrans */
@media(min-width:768px){
    .navbar .dropdown-menu li a{
        color:#808080;
        padding: 12px 18px;
        line-height: 16px;
        border-bottom: 1px solid #f1f1f1;
        font-size: 13px;
        border-left: 4px solid #fff;
        font-weight: 500;
    }
    .navbar .dropdown-menu li:last-child a{
        border-bottom: none;
    }
    .navbar .dropdown-menu li a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
        background-color:#f6f6f6;
        color:#808080;
        border-left-color: #286659 !important;
    }
}

/* les événements format tablette et plus */
@media (min-width: 600px) {
    .wp-block-latest-posts.columns-4 li {
      position: relative;
      min-height: 100%;
      padding-bottom: 75px;
      background: #fff;
      color:#286659;
    }
    .wp-block-button.aligncenter, .wp-block-calendar{
      position: absolute;
      bottom: 14px;
      left:30%;
    }
}

/* format telephone jusqu'à tablette */
@media (max-width: 781px) {
  .wp-block-button__link,
  .wp-element-button {
    padding: 0.6rem 1.2rem;
  }
}

/* format ipad only */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container{
    width:100%;
    padding-left: 38px;
    padding-right: 38px;
  }

  .wp-block-group.alignfull.is-style-with-padding {
    padding-left: 38px;
    padding-right: 38px;
  }

  .custom-logo-link{
    padding-left:10px;
  }

  /* les evenements bouton s'inscrire */
  .wp-block-latest-posts.columns-4 li {
    width: calc(33.33% - .9375em);
    margin-left: 0;
    margin-right: 0;
  }
  .wp-block-latest-posts.columns-4 {
    gap: 1em; /* ou ajuste selon tes marges */
  }
  .wp-block-latest-posts.columns-4 li:nth-child(n+4) {
    display: none !important;
  }

  .wp-block-button.aligncenter, .wp-block-calendar{
    left:24%;
  }

  .colonnes-centrees .wp-block-column{
    flex-basis: 40% !important;
  }
}

/* format téléphone */
@media (max-width: 767px) {
  .wp-block-spacer{
    height: 25px !important;
  }

  .wp-block-group.alignfull.is-style-with-padding {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .wp-block-media-text>.wp-block-media-text__content{
    padding: 25px 0 0 0;
  }

  .wp-block-latest-posts.columns-4 li{
    background: #ffffff;
    color:#286659;
    padding-bottom: 25px;
    margin:0 0 1.25em 0;
  }

  .has-media-on-the-right .wp-block-media-text__content{
    margin-top: 25px;
  }

  #contact{
    padding-top:25px;
    padding-bottom:25px;
  }

  #contact .row{
    margin: 0;
  }

  #contact .container{
    padding-left:0px;
    padding-right: 0px;
  }
  #contact .container .col-md-4{
    padding-left: 25px;/* 15+25*/
    padding-right: 25px;
  }

  .copyrights p{
    padding:0 24px;
  }
}

@media (max-width: 1024px) {
  h1{
    width:100%;
  }
}