/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Barre adminb */
body:not(.wp-admin) #wpadminbar:hover
{
	opacity:1;
	top:0px;
}
body:not(.wp-admin) #wpadminbar
{
	top:-24px;
	opacity:0;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
}

/**
* Marges
**/

body .mb0{
	margin-bottom:0px;
}

.entry-content {
	margin: 0;
}

/**
 * Boutons
 */
.wp-block-button.turquoise .wp-block-button__link {
	color: var(--global-palette9);
	background-color: var(--global-palette1);
	border-color: var(--global-palette1);
}

.wp-block-button.turquoise .wp-block-button__link:hover {
	background-color: var(--global-palette3);
	border-color: var(--global-palette3);
}

.wp-block-button.orange .wp-block-button__link {
	color: var(--global-palette9);
	background-color: var(--global-palette2);
	border-color: var(--global-palette2);
}

.wp-block-button.orange .wp-block-button__link:hover {
	background-color: var(--global-palette4);
	border-color: var(--global-palette4);
}

.wp-block-button.fond .wp-block-button__link {
	color: #646464;
	background-color: var(--global-palette9);
	border-color: var(--global-palette9);
}

.wp-block-button.fond .wp-block-button__link:hover {
	color: var(--global-palette9);
	background-color: var(--global-palette2);
	border-color: var(--global-palette2);
}

.wp-block-button.fond-orange .wp-block-button__link {
	color: var(--global-palette2);
	background-color: var(--global-palette9);
	border-color: var(--global-palette9);
}

.wp-block-button.fond-orange .wp-block-button__link:hover {
	color: var(--global-palette5);
	border-color: var(--global-palette5);
}

.wp-block-button.fond-turquoise .wp-block-button__link {
	color: var(--global-palette1);
	background-color: var(--global-palette9);
	border-color: var(--global-palette9);
}

.wp-block-button.fond-turquoise .wp-block-button__link:hover {
	color: var(--global-palette5);
	border-color: var(--global-palette5);
}

.wp-block-button.orange-blanc .wp-block-button__link {
	color: var(--global-palette2);
	background-color: var(--global-palette9);
	border-color: var(--global-palette9);
}

.wp-block-button.orange-blanc .wp-block-button__link:hover {
	color: var(--global-palette9);
	background-color: var(--global-palette2);
	border-color: var(--global-palette2);
}

.wp-block-button.orange-bordure .wp-block-button__link {
	color: var(--global-palette2);
	background-color: var(--global-palette9);
	border-color: var(--global-palette2);
}

.wp-block-button.orange-bordure .wp-block-button__link:hover {
	color: var(--global-palette9);
	background-color: var(--global-palette2);
	border-color: var(--global-palette2);
}

/**
 * Titres
 */

 .h1 {
	font-family: var(--global-heading-font-family);
	font-weight: bold;
	font-size: 50px;
 }


.h2 {
	font-family: var(--global-heading-font-family);
	font-weight: bold;
	font-size: 40px;
	color: var(--global-palette2);
}

.h3 {
	font-family: var(--global-heading-font-family);
	font-weight: bold;
	font-size: 30px;
}

.h4 {
    font-family: var(--global-heading-font-family);
    font-weight: bold;
    font-size: 24px;
}

body h1 {
	text-transform: none;
}

/**
 * Entête
 */
.site-branding {
	margin-bottom: -90px;
	margin-top: 50px;
}

.header-orange-cercles,
.header-gris-titre-centre-cercles{
	position:relative;
}

.header-orange-cercles>div,
header-gris-titre-centre-cercles>div{
	z-index: 2;
}

.header-orange-cercles:after{
content:'';
height:600px;
width:300px;
background:url(./assets/img/cercles-orange.svg) no-repeat left center;
position: absolute;
right:0px;
top:100%;
transform: translateY(-50%);
background-size:cover;
z-index: 1;
}

.header-gris-titre-centre-cercles:after{
content:'';
height:600px;
width:300px;
background:url(./assets/img/cercles-orange.svg) no-repeat left center;
position: absolute;
right:0px;
top:50%;
background-size:cover;
z-index: 1;
}

/**
 * Menu
 */
#primary-menu ul:not(.sub-menu) li {
	margin: 0 7px;
}

#primary-menu .bouton > a {
	font-family: var(--global-body-font-family);
	font-size: 18px;
	font-weight: bold;
	color: var(--global-palette5);

	border: 1px solid var(--global-palette5);
	border-radius: 8px;

	padding: 11px 22px;
}

#primary-menu .bouton > a:hover {
	color: var(--global-palette9);
	background-color: var(--global-palette2);
	border-color: var(--global-palette2);
}

#primary-menu .bouton.soutenir > a {
	color: var(--global-palette2);
	border-color: var(--global-palette2);
}

#primary-menu .bouton.soutenir > a:hover {
	color: var(--global-palette9);
	background-color: var(--global-palette1);
	border-color: var(--global-palette1);
}

/**
* Sous-menu
**/


.sub-menu {
	border-radius:10px;
	overflow:hidden;
}

/**
 * Carte campagne
 */

.donation-card{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;

	background: white;
	border-radius: 16px;
}

.donation-card .image {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	overflow: hidden;
	aspect-ratio: 339/212;
	position: relative;
}

.donation-card .image .bookmark {
	position: absolute;
	top: 10px;
	right: 10px;
}

.donation-card .image .bookmark > a {
	font-size: 0;
	text-decoration: none;
	display: block;
	content: '';
	width: 30px;
	height: 30px;
	background-image: url(./assets/img/ajouter-favoris.svg);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	background-size: 17px 17px;

	background-color: white;
	border-radius: 50%;
}

.donation-card.bookmarked .image .bookmark > a {
	background-image: url(./assets/img/ajouter-favoris-ok.svg);
	background-color: var(--global-palette2);
}

.donation-card .image > a {
	display: block;
	width: 100%;
	height: 100%;
}

.donation-card .image > a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.donation-card .texte {
	flex-grow: 1;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	padding: 25px 45px 30px 45px;
	border-color: #707070;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

.donation-card .title {
	margin-bottom: 18px;
}

.donation-card .title a {
	font-weight: bold;
	font-size: 20px;
	color: var(--global-palette5);
	text-decoration: none;
}

.donation-card .abstract {
	font-size: 16px;
	color: var(--global-palette5);
	margin-bottom: 20px;
}

.donation-card .link {
	margin-bottom: 35px;
}

.donation-card .link a {
	font-weight: bold;
	font-size: 18px;
	color: var(--global-palette5);
	text-decoration: none;
}

.donation-card .donate {
	margin-bottom: 50px;
}

.progress {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.progress .actual-formatted {
	font-weight: bold;
	font-size: 18px;
	color: var(--global-palette5);

	flex-grow: 1;
}

.progress .percentage {
	font-size: 16px;
	font-weight: bold;
	color: var(--global-palette2);

	text-align: left;
}

.progress .progress-bar {
	padding: 0;
}

.progress .give-goal-progress {
	margin-top: 10px;
	margin-bottom: 10px !important;
}

.progress .goal-formatted {
	flex-basis: 100%;
	text-align: right;
	font-size: 12px;
	color: var(--global-palette5);
}

.progress .give-progress-bar {
	border: 1px solid #707070;
	height: 24px;
	background-color: white;
}

.progress .give-progress-bar > span {
	background: none !important;
	background-color: var(--global-palette2) !important;
}

.link-arrow a {
	padding-right: 2em;
	background-image: url(assets/img/decouvrir.svg);
	background-size: 1em calc(1em * 10/16);
	background-repeat: no-repeat;
	background-position: right calc(2em/4) top 50%;
}

.link-arrow a:hover {
	background-position: right 0 top 50%;	
}

ul.plus-informations {
	--column: 2;
	--gap: 5em;	
	color: var(--global-palette5);
	display: flex;
	gap: 0 var(--gap);
	flex-wrap: wrap;
}

ul.plus-informations li {
	margin-bottom: 1.5em;
	flex-basis: calc(100% / var(--column) - var(--gap) / var(--column) * (var(--column) - 1));
	list-style-image: url(./assets/img/fleche-infos.svg);
}

.plus-informations .title {
	font-weight: bold;
}

.plus-informations .link a {
	color: var(--global-palette5);
}

/**
 * Fil d'Ariane
 */
.yoast-breadcrumbs > span {
	font-size: 14px;
	color: var(--global-palette5);
}

.yoast-breadcrumbs > span > span {
	color: #CACACA;
}

.yoast-breadcrumbs a {
	text-decoration: none;
	color: var(--global-palette5);
	font-weight: bold;
}


.fil-ariane-blanc .yoast-breadcrumbs > span, .fil-ariane-blanc .yoast-breadcrumbs a {
color:white;
}
/**
 * Cartes de la page d'accueil
 */
div.donation-cards-line > div {
	--column: 3;
	--gap: 70px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-bottom: var(--gap);
	max-width: var( --global-content-width, 1300px );
	padding-left: var(--global-content-edge-padding);
	padding-right: var(--global-content-edge-padding);
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: stretch;
}

div.donation-cards-line > div > div {
	flex-basis: calc(100% / var(--column) - var(--gap) / var(--column) * (var(--column) - 1));
}

/**
 * Navigation secondaire.
 */
#secondary-menu > li > a {
	font-size: 0;
}

#secondary-menu > li > a::before {
	--size: 20px;
	display: block;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: var(--size);
	height: var(--size);
}

#secondary-menu > li.compte > a::before {
	background-image: url(./assets/img/compte.svg);
	margin-right: 25px;
}

#secondary-menu > li.contact > a::before {
	background-image: url(./assets/img/contact.svg);
}

/**
 * Page de formulaire
 */
#selection-projet select {
	width: 100%;

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2713%27 height=%278%27 viewBox=%270 0 13 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.66016 7.19531C5.90625 7.44141 6.31641 7.44141 6.5625 7.19531L11.8945 1.89062C12.1406 1.61719 12.1406 1.20703 11.8945 0.960938L11.2656 0.332031C11.0195 0.0859375 10.6094 0.0859375 10.3359 0.332031L6.125 4.54297L1.88672 0.332031C1.61328 0.0859375 1.20312 0.0859375 0.957031 0.332031L0.328125 0.960938C0.0820312 1.20703 0.0820312 1.61719 0.328125 1.89062L5.66016 7.19531Z%27 fill=%27%23A2A3A2%27/%3E%3C/svg%3E"),linear-gradient(180deg,#fff 0,#fff);
    background-position: right var(--givewp-spacing-4) top 50%,0 0;
    background-repeat: no-repeat,repeat;
    background-size: .65em auto,100%;
    border: .078rem solid #666;
    border-radius: .25rem;
    color: #4d4d4d;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;

	border: 1px solid var(--global-palette2);
	height: 45px;
}

body.give_forms-template-default #inner-wrap {
	--size: 535px;
	background-image: url(./assets/img/cercles-orange.svg);
	background-repeat: no-repeat;
	background-size: var(--size);
	background-position: bottom -65px right calc(var(--size)/2 * -1);
}

/**
* Accordéons FAQ
**/

.wp-block-kadence-accordion .kt-accordion-panel-inner .wp-block-list{
	margin-bottom:0px;
}

/**
* grille projets
**/

.frise-cercles{
	background: 50% calc(50% - 75px/2 + 105px/2) url('assets/img/pattern.svg'),
		50% calc(50% + 75px/2 + 105px/2) url('assets/img/pattern.svg');
	background-repeat: repeat-x;
	background-size: 75px 75px;
}

/**
 * Page du projet
 */
.masquer-plus-infos {
	display: none;
}

/**
* Barre RGPD
**/

.cookieLaw>.cl-container>.buttons>a.agree {
	font-family: var(--global-body-font-family);
    font-size: 18px;
    font-weight: bold;
    color: var(--global-palette2);
    border: 1px solid var(--global-palette2);
    border-radius: 8px;
    padding: 11px 22px;
}

.cookieLaw>.cl-container>.buttons>a{
color: var(--global-palette2);
font-family: var(--global-body-font-family);
}

.cookieLaw{
	font-size:20px;
}

.cookieLaw>.cl-container>.buttons>a.choose {
    font-weight: bold;
	font-size:18px;
	margin-left:20px;
}

.cookieLaw>.cl-container>.buttons>a.dismiss {
    font-size: 16px;
}

/**
* Footer
**/

.footer-widget-area-inner .widget_nav_menu ul li{
	line-height: 1.6em;
}

.footer-widget-area-inner .widget_nav_menu ul li a{
color: var(--global-palette5);
font-family: var(--global-body-font-family);
}

.footer-widget-area-inner .widget_nav_menu ul li a:hover{
	color:var(--global-palette2);
}

/**
 * Liste des dons.
 */
.donation-donations {
	--gap: 12px;
	--column: 3;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap);
	justify-content: center;
	align-items: stretch;
}

.donation-donations .donation {
	border: 1px solid black;
	border-radius: 16px;
	padding: 24px;
	flex-basis: calc(100% / var(--column) - var(--gap) / var(--column) * (var(--column) - 1));
}

.donation-donations .donation {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.donation-donations .donation > div {
	border-bottom: 1px solid black;
	padding: 0.7em;
}

.donation-donations .donation .title,
.donation-donations .donation .payment,
.donation-donations .donation .receipt {
	border: 0;
}

.donation-donations .donation .title {
	color: black;
	font-weight: bold;
	font-size: 1.1em;
	flex-grow: 1;
}

.donation-donations .donation .payment {
	margin-bottom: 1.5em;
}

.donation-donations .donation .wp-block-button__link {
	text-transform: none;
	font-size: 1em;
	padding: 11px 7px;
}

/**
 * Liste des cerfas
 */
.donation-cerfa {
	--gap: 12px;
	--column: 3;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap);
	justify-content: center;
}

.donation-cerfa .cerfa {
	border-radius: 16px;
	padding: 24px;
	flex-basis: calc(100% / var(--column) - var(--gap) / var(--column) * (var(--column) - 1));
	background-color: white;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.donation-cerfa .cerfa {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
}

.donation-cerfa .cerfa > div {
	border-bottom: 1px solid black;
	padding: 0.7em;
}

.donation-cerfa .cerfa .title {
	color: black;
	font-weight: bold;
	font-size: 1.1em;
	flex-grow: 1;
}

.donation-cerfa .cerfa .receipt {
	border-bottom: 0;
}

.donation-cerfa .cerfa .receipt a {
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	line-height: 1em;
}

.donation-cerfa .cerfa .receipt a::before {
	display: inline-block;
	background-image: url(./assets/img/fleche-infos-vert.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	content: '';
	width: 100%;
	height: 0.7em;
}

/**
 * Menu espace donateur
 */
#post-2303 .single-content,
#post-15 .single-content {
	background-color: #F7F7F7;
}

.menu-espace-donateur .wp-block-navigation {
	border: 1px solid var(--global-palette2);
	background-color: white;
	border-radius: 16px;
	overflow: hidden;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 0;
	align-items: stretch;
}

.menu-espace-donateur .wp-block-navigation .wp-block-navigation-item {
	flex-basis: 50%;
	background-color: var(--global-palette2);
	color: white;
}

.menu-espace-donateur .wp-block-navigation .wp-block-navigation-item.current-menu-item {
	background-color: white;
	color: var(--global-palette2);
}

.menu-espace-donateur .wp-block-navigation .wp-block-navigation-item a {
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	padding: 1.5em 2.5em;
	align-items: center;
	justify-content: center;
}

/**
 * Formulaire de contact.
 */
.wpcf7-form > p,
.wpcf7-form > p > label {
	display: block;
}

.wpcf7-form > p {
	margin-bottom: 1rem;
	text-align: center;
}

.wpcf7-form > p > label {
	text-align: left;
}

.wpcf7-form-control-wrap > input,
.wpcf7-form-control-wrap > textarea {
	width: 100%;
	border:1px solid rgb(102, 102, 102);
}

.wpcf7-form-control-wrap > input:focus,
.wpcf7-form-control-wrap > textarea:focus {
	width: 100%;
	box-shadow: 0 0 0 1px var(--global-palette2);
	border:1px solid var(--global-palette2);
}

.wpcf7-spinner {
	margin-right: -48px;
}