/*
Theme Name: Diocèse de Fréjus-Toulon - Don en ligne
Version: 1.0
Description: Thème Wordpress dédié à la plateforme de don de l'ADFT
Author:  Bikloz
Author URI: http://www.bikloz.com
template: bb-theme
*/


html {
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    overflow-x: hidden;
}
a:hover,
li:hover,
img:hover {
    outline: none;
}
blockquote {
    font-family: "Georgia", serif;
    font-style: italic;
    font-size: 1em;
    margin: 20px 0 30px;
    padding-left: 30px;
}
.zindex {
    z-index: 999;
    position: relative;
}
.fl-row-content-wrap ul {
    margin: 0.5em 1em 1em;
}

/*Start MainDonation Form*/

/* MainDonationForm Custom radio buttons*/

#maindonationblock ul.gfield_radio {
    padding:30px 0 30px; 
}
#maindonationblock .gfield_radio li {
    width:20%!important;
    max-width: 160px;
    margin:0;
    vertical-align: top;
    overflow: visible;
}
#maindonationblock .gform_wrapper ul.gform_fields li.gfield {
    padding-right:0;
}
#maindonationblock .option1 [type="radio"]:checked,
#maindonationblock [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
#maindonationblock .option1 ul.gfield_radio li [type="radio"]:checked + label,
#maindonationblock [type="radio"]:not(:checked) + label:hover {
    background: #F0C66A;
    color:#fff;
}
#maindonationblock .option1 ul.gfield_radio li [type="radio"]:not(:checked) + label {
    background: #fff;
    color:#3F4244;
}

#maindonationblock .option1 ul.gfield_radio li label em {
    font-size:23px;
    font-style:normal;
}
#maindonationblock .option1 ul.gfield_radio li [type="radio"] + label {
    background: #F0C66A;
    color:#fff;
    width:150px;
    height:70px;
    text-align:center;
    line-height:70px;
    font-size:30px;
    border-radius:5px;
    cursor:pointer;
}
#maindonationblock .option1 ul.gfield_radio li:last-child:before {
    content: "Autre montant";
    font-size: 13px;
    position: absolute;
    top: -20px;
    color: #fff;
    font-weight: normal;
    width: 150px;
}
#maindonationblock .option1 ul.gfield_radio li:last-child [type="radio"] + label {
    background: #fff;
    color:#979899;
  width: 150px;
    height:70px;
    text-align:center;
    line-height:70px;
    font-size:30px;
    border-radius:5px;
    cursor:pointer;
}
#maindonationblock .option1 ul.gfield_radio li:last-child [type="radio"]:not(:checked) + .option2 {
    display:none;
}

#maindonationblock .option2 {
    right: 16px;
    text-align: right;
    position: absolute;
    margin-top: -118px;
}
#maindonationblock .option2 input[type="text"] {
    height:70px;
    width:136px;
    border:none;
    line-height:70px;
    font-size:30px;
    text-align:center;
    color:#3F4244;
    font-weight:bold;
    cursor:text;
}

/* MainDonationForm Custom toggle buttons*/

.gfield.switches .ginput_container {
    text-align:center;
}

#maindonationblock .switches .gfield_checkbox li:before,
#maindonationblock .switches .gfield_checkbox li:after {
    font-size:20px;
    display:inline-block;
    position:relative;
    top:2px;
}

.gfield.switches .gfield_checkbox li:before {
    content:"Ponctuel";
}
.gfield.switches .gfield_checkbox li:after {
    content:"Mensuel";
}

.gfield.switches .gfield_checkbox input[type=checkbox] {
    height: 0!important;
    width: 0!important;
    visibility: hidden!important;
}
.gfield.switches .gfield_checkbox label {
    cursor: pointer;
    text-indent: -9999px;
    width: 60px;
    height: 30px;
    background: #fff;
    border-radius: 100px;
    position: relative;
    display: inline-block;
    margin: 0 30px 0 13px;
}

#maindonationblock .switches .gfield_checkbox label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 24px;
    height: 24px;
    background: #172F48;
    border-radius: 90px;
    transition: 0.3s;
}

.gfield.switches .gfield_checkbox input:checked + label {
    background: #f0c66a!important;
}

.gfield.switches .gfield_checkbox input:checked + label:after {
    left: calc(100% - 5px)!important;
    transform: translateX(-100%)!important;
    -webkit-transition: .3s!important;
    transition: .3s!important;
    /*background: #fff!important;*/
}



/* Start MainDonationForm */

#maindonationblock .fl-html {
    position:relative;
}
#maindonationblock form {
    text-align:center;
}
#maindonationblock form ul {
    width:100%;
}
#maindonationblock .gfield_total {
    display:none;
}
#maindonationblock .gfield_html.gppa-loading {
    transition:none;
    animation:none;
}

#maindonationblock .gfield_html.gf_left_half {
        font-size: 22px;
    text-align: left;
    position: absolute;
    left: 20px;
    width: 50%;
    padding-top:5px;
}
#maindonationblock .gform_footer {
  padding-top: 0;
    text-align:right;
    float:right;
    padding-left:20px;
    width:50%;
}
#maindonationblock input[type="submit"] {
    font-size:22px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:1px;
    padding:20px 40px;
    margin-right: 8px;
    border:none;
}
#maindonationblock input[type="submit"]:hover,
.ProjectDonationStep1  input[type="submit"]:hover {
    background: #fff!important;
    color:#172f48!important;
}

/* End MainDonationForm */


/* Start Form Page Collecte */

.single-af_collecte #content { 
    display: none;
}
.single-af_collecte #soutenir .gform-body .gsection {
    margin-top: 10px;
    border-bottom: 0;
    margin-bottom: 10px;
    padding: 0 0 0 0;
    text-align: center;
}
.single-af_collecte #soutenir .gform-body .gsection h3.gsection_title {
    font-family: "Georgia", serif;
    font-weight: normal;
    font-style: italic;
    font-size: 22px;
    margin-bottom: 0;
    padding: 0;
}
.single-af_collecte .soutien-column {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.single-af_collecte .soutien-column div.col {
    text-align: center;
    flex: 1 1 auto;
    width: 50%;
}
.single-af_collecte .soutien-column div.col:first-of-type {
    border-right:1px solid #d2d2d2;
}
.single-af_collecte .soutien-column div.col h4 {
    font-size: 2em;
    font-weight: bold;
    /*color: #3e4143;*/
    margin-bottom: 0;
}
.single-af_collecte .soutien-column div.col span {
    font-size: 14px;
}
.single-af_collecte .gform-body legend,
.single-af_collecte .gform-body .af_gfield_propositionsdons>label {
    display:none!important;
}
.gppa-explode-commas-into-choices .gfield_radio {
    display:flex;
    position:relative;
    overflow: hidden;   
    justify-content:center;
}
.gppa-explode-commas-into-choices .gchoice  {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 60%;
}
.gppa-explode-commas-into-choices .gchoice:first-of-type {
    text-align:right;
}
.gppa-explode-commas-into-choices .gchoice:last-of-type {
    text-align:left;
} 
.gppa-explode-commas-into-choices .gchoice:only-of-type {
    text-align: center;
}
.gppa-explode-commas-into-choices .gchoice input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.gppa-explode-commas-into-choices .gchoice label {
    background-color: transparent;
    color: #fff!important;
    text-align: center;
    padding: 10px 2px;
    margin-right: -1px;
    border: 1px solid #fff;
    transition: all 0.1s ease-in-out;
    width: 100%;
}

.gppa-explode-commas-into-choices .gchoice label:hover {
    cursor: pointer;
}

.gppa-explode-commas-into-choices .gchoice input:checked + label {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: none;
    color: #dd0b50!important;
}
.gppa-explode-commas-into-choices .gchoice input:checked + label:after {
    content: '\f058';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 11px;
    position: relative;
    padding-left: 6px;
    top: -1px;
    line-height: 0;
 }
.gppa-explode-commas-into-choices .gchoice label {
        text-transform:capitalize;
}
.gppa-explode-commas-into-choices .gchoice:first-of-type label {
    border-radius: 50px 0 0 50px;
}

.gppa-explode-commas-into-choices .gchoice:last-of-type label {
    border-radius: 0 50px 50px 0;
}
.gppa-explode-commas-into-choices .gchoice:only-of-type label,
.gppa-explode-commas-into-choices .gchoice:only-child label {
    border-radius: 50px!important;
}
/*.single-af_collecte h3.gsection_title {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
}*/
.single-af_collecte #soutenir .gform_wrapper select {
    background-color: #d1084a!important;
    border: 1px solid #f15689;
    color: #FFF;
}
.single-af_collecte #soutenir .gform_wrapper input[type="text"],
.single-af_collecte #soutenir .gform_wrapper input[type="email"] {
    background-color: #d1084a!important;
    border: 1px solid #f15689;
    color: #FFF;
    font-size: 0.9em;
}
.single-af_collecte #soutenir .gform_wrapper label {
    font-size: 1em;
}
.single-af_collecte .af_gfield_propositionsdons .gfield_radio {
    padding: 0;
}
.single-af_collecte .af_gfield_propositionsdons .gfield_radio .gchoice {
    border-bottom:1px solid #e95e8c;
    padding : 17px 0!important;
    position:relative;
    list-style: none;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}
.single-af_collecte .af_gfield_propositionsdons.gfield_radio .gchoice,
.single-af_collecte .af_gfield_propositionsdons .gfield_radio .gchoice>label {
    width: 100%;
    cursor: pointer;
    align-items: center;
    padding: 0 0 0 10px;
    margin: 0!important;
    display: flex;
    flex-flow: nowrap row;
    position: relative;
    max-width: 100%;
}
.single-af_collecte .af_gfield_propositionsdons .gchoice label em {
    margin: 0 10px 0 30px!important;
    font-size: 23px;
    font-style: normal;
    position: relative;
    flex: 1 1 auto;
    font-weight: bold;
    width: 45%;
}
.single-af_collecte .af_gfield_propositionsdons .gfield_radio .gchoice.other>label {
    width: 62%;
}
.single-af_collecte .af_gfield_propositionsdons .gchoice.other label em {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.single-af_collecte .af_gfield_propositionsdons .gchoice input[type="radio"] {
    display: none;
}
.single-af_collecte .af_gfield_propositionsdons input[type="radio"] + label em:before {
    content: '\f111';
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    left: -1.8em;

}

.single-af_collecte .af_gfield_propositionsdons input[type="radio"]:checked + label em:before {
    content: '\f192';
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    left: -1.8em;
}
.single-af_collecte .af_gfield_propositionsdons input.montant_libre {
    border-radius: 5px!important;
    background: rgb(255 255 255 / 0%)!important;
    border: 1px solid #fff !important;
    font-style: normal;
    width: 90px!important;
    position: relative;
    color: #fff !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 22px !important;
    flex: 1 1 auto;
    margin: 0 4% 0 0!important;
}

.single-af_collecte .af_gfield_propositionsdons input.montant_libre:disabled {
    opacity: 0.5;
}

.single-af_collecte .af_gfield_propositionsdons .gchoice label span,
.single-af_collecte .af_gfield_propositionsdons .gchoice .span_input_other label {
    font-size: 13px;
    font-weight: normal;
    position: relative;
    line-height: 1.35em;
    flex: 1 0 auto;
    padding: 0;
    width: 55%;
}
.single-af_collecte .gfield:not(.af_gfield_propositionsdons) .gfield_radio .gchoice input {
    width: 16px;
    height: 16px;
    border-color: #FFFF;
    margin-right: 5px;
}
.af_gfield_propositionsdons input[type="text"]::placeholder,
.af_gfield_propositionsdons input[type="text"]::-webkit-input-placeholder {
    color: #fff!important;
}
.single-af_collecte .gfield:not(.af_gfield_propositionsdons) .gfield_radio .gchoice label {
    line-height: 1.7em;
    font-size: 14px;
    font-weight: bold;
    width: 80%;
}
.single-af_collecte .gfield_html {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
/* End Form Page Collecte */




/*Collectes Grid*/

#CollectesGrid .fl-post-grid-post {
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
#CollectesGrid .pp-content-grid-post-text {
    padding: 5px 25px 20px;
    min-height: 110px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#CollectesGrid .fl-theme {
    text-align:center;
}
#CollectesGrid .fl-theme a {
text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 11px;
    background: #DD0B50;
    padding: 5px 10px 6px;
    font-weight: 600;
    top: -14px;
    position: relative;
}
#CollectesGrid .fl-theme a:hover {
    background: #172f48;
}
#CollectesGrid .pp-content-grid-separator {
    border-top:3px solid #AD1C1C;
    width:30px;
    margin:15px auto 0;
}
#CollectesGrid .pp-content-grid-post-title {
    font-size: 15px;
    line-height: 1.4em;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
}

#CollectesGrid .pp-content-grid-post-meta span,
.single-af_collecte .collecte-post-meta span {
    margin: 0 15px 0 20px;
    position:relative;
}
.single-af_collecte .collecte-post-meta {
    text-align: center;
}
.single-af_collecte .collecte-post-meta h5 {
    margin-bottom: 10px;
    font-family: "Georgia", serif;
    font-style: italic;
    font-size: 18px;
    color: #3e4143;
}
#CollectesGrid .pp-content-grid-post-meta span.montant:before,
.single-af_collecte .collecte-post-meta span.montant:before  {
    content: "";
    background: url(/wp-content/themes/bb-adftdon/images/pictometastar.svg) no-repeat;
    background-size: 100%;
    left: -20px;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
}
#CollectesGrid .pp-content-grid-post-meta span.progression:before,
.single-af_collecte .collecte-post-meta span.progression:before {
    content: "";
    background: url(/wp-content/themes/bb-adftdon/images/pictometaprogression.svg) no-repeat;
    background-size: 100%;
    left: -20px;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
}
#CollectesGrid .pp-content-grid-post-meta span.jours:before, 
.single-af_collecte .collecte-post-meta span.jours:before {
    content: "";
    background: url(/wp-content/themes/bb-adftdon/images/pictometaclock.svg) no-repeat;
    background-size: 100%;
    left: -20px;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
}
/*#CollectesGrid .pp-content-grid-post-meta span.progression {
    background:#ffc566;
    border-radius:2px;
    color:#fff;
    padding:2px 5px 2px 8px;
}
#CollectesGrid .pp-content-grid-post-meta span.progression {
    margin:0 20px 0 0;
}*/
#CollectesGrid a .pp-content-grid-post-image {
    height:180px;
    width:100%;
    overflow:hidden;
}
#CollectesGrid a .pp-content-grid-post-image img {
    transition: transform .35s; /* Animation */
    /*height: auto;;
    width: 100%;
    max-width: fit-content;
    max-width: -moz-fit-content;*/
    height: auto;
    min-width: 100%;
    min-height: 180px;
    object-fit: cover;
}
#CollectesGrid a:hover .pp-content-grid-post-image img {
    transform: scale(1.1);
    overflow:hidden;
}
#CollectesGrid a:hover .pp-content-grid-post-title {
    color: #DD0B50;
}

#CollecteSplit .fl-row-content-wrap:after  {
    content:"";
      height: 100%;
    width: 100%;
    backdrop-filter: blur(4px);
    position:absolute
}

#CollectesGrid .pp-content-grid-post-meta {
    color: #3E4143;
    font-weight: 600;
}
#CollectesGrid .fl-post-grid-empty {
    text-align: center;
    color: #fff;
}
/* End CollectesGrid*/

.pp-content-grid-post-meta {
    border-top:2px solid #E9E9E9;
    padding: 15px 0;
    text-align:center;
    font-size:13px;
}
.home #menu-menu-principal li:not(.button)>a>span:before {
    background: #FFF;
}
#menu-menu-principal li:not(.button)>a>span:before {
    content: "";
    position: absolute;
    z-index: 9;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #DD0B50;
    height: 3px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#menu-menu-principal li:not(.button):hover>a span:before,
#menu-menu-principal li:not(.button):active>a span:before,
#menu-menu-principal li:not(.button).current-menu-item>a>span:before,
.single-af_collecte #menu-menu-principal li#menu-item-2817>a span:before  {
    right: 0;
}



/*Start Collecte Page*/
#CollecteTabs h2,
#CollecteTabs h3,
#CollecteTabs h4,
#CollecteTabs h5 {
    letter-spacing: 0;
}
#CollecteTabs h2,
#CollecteTabs h3 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
}
ul#CollecteTabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#CollecteTabs .nav-pills>li>a {
border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #3E4143;
    font-size: 15px;
    padding: 15px 4px;
}
#CollecteTabs .nav>li>a:hover,
#CollecteTabs .nav>li>a:focus {
    background-color: transparent;
    border-bottom: 4px solid #ffc566;
    margin-bottom: -4px;
}
#CollecteTabs .nav .nav-link.active {
    border-bottom:4px solid #ffc566;
    margin-bottom: -4px;
    background: transparent;
}
#CollecteTabs .nav {
      border-bottom: 4px solid #F0F0F0;
      margin:0;
}
#CollecteTabs h6 {
    font-size: 18px;
    line-height:1.6em;
    margin-bottom: 20px;
}
#CollecteTabs .nav-link {
    margin-right: 30px;
}
#CollecteTabs .tab-content {
    padding:20px 0;
}
#CollecteTabs .readmore-container {
    position: relative;
    display: block;
    width: 100%;
    z-index: 999;
    top: -150px;
    padding-top: 150px;
    padding-bottom: 80px;
    background:linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    text-align:center;
}
#CollecteTabs #excerpt a.readmore {
    font-weight: bold;
    text-align: center;
    font-size: 0.85em;
    background: #e8e8e8;
    border: 1px solid #d8d8d8;
    border-radius: 50px;
    padding: 10px 30px 10px 20px;
    color: #666666;
    position: relative;
    font-weight: 600;
}
#CollecteTabs #excerpt a.readmore:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 0.95em;
}
#CollecteTabs #excerpt a.readmore:hover {
    background: #ffc566;
    border: 1px solid #ffc566;
    color: #fff;
}
#CollecteTabs .tab-content hr {
margin:30px 0 35px;
    display:block;
    border-color:#F0F0F0;
}
.newsoff li.nav-item:nth-child(2) {
    display:none;
}
#CollecteTabs .ProjectNewspost {
    margin-bottom:30px;
}
#CollecteTabs .tab-content h4 {
 font-size:18px;
}
#CollecteTabs .tab-content .fl-builder-module-template {
padding: 0 0 20px 0;
}
a.btn-default {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #3E4143;
    font-size: 13px;
    border: 1px solid;
    border-radius: 50px;
    padding: 13px 25px 12px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
a.btn-default:hover {
    background:#3E4143;
    color:#fff;
}
/*End Collecte Page*/

/*Start Search Engine*/
orm.searchandfilter ::placeholder {
    color: #172f48;
}
form.searchandfilter ::-webkit-input-placeholder {
    color: #172f48;
}
form.searchandfilter ::-moz-placeholder {
    color: #172f48;
}
form.searchandfilter ::-ms-input-placeholder {
    color: #172f48;
}
form.searchandfilter ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 0;
    align-items: center;
}
form.searchandfilter ul li {
    margin: 0 5px;

}
form.searchandfilter ul li.sf-field-search {
    flex: 1 1 auto;
    display: grid;
    position: relative;
}
form.searchandfilter ul li.sf-field-search label:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 0.9em;
    left: 12px;
    top: 38%;
    color: #172f48;
    position: absolute;
    pointer-events: none;
    z-index: 999;
    text-align: center;
}
form.searchandfilter ul li.sf-field-search input {
    width: 100%;
    padding-left: 40px;
}
form.searchandfilter ul li input,
form.searchandfilter ul li select {
    border: none;
    line-height: 1em;
    height: 45px;
    padding: 8px 10px;
    font-weight: normal;
    font-size: 13px;
    border-radius: 3px;
    color: #172f48;
}

form.searchandfilter ul li select {
    border-right: 8px solid #FFF;
    background: #fff;
}
form.searchandfilter ul li input[type="submit"] { 
    padding: 8px 12px;
    background: rgb(255 255 255 / 12%);
    color: #fff;
}
form.searchandfilter ul li input[type="submit"]:hover { 
    background: rgb(255 255 255 / 100%);
    color: #172f48;
    border: none;
}

/*#ajaxsearchpro1_1, #ajaxsearchprobsettings1_1 {
    display:inline-block!important;

}
#ajaxsearchpro1_1 {
    width:40%;
    margin:0;
    padding:0;
    border-radius: 3px;
    border: none;
    line-height: 40px;
    height: 45px;
    padding: 6px 8px;
}
#ajaxsearchprobsettings1_1 {
    width:59%;
    
}
#ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.asp_m.asp_m_1 .probox {
    margin: 0;
    box-shadow: none;
}

#ajaxsearchprores1_1 {
    display:none!important;
}
#ajaxsearchpro1_1 .probox .promagnifier {
    margin-top: 2px;
}
div.asp_w.asp_s.searchsettings form, 
div.asp_w.asp_sb.searchsettings form {
    flex-wrap: unset;
    margin: 0!important;
    padding: 0 !important;
    display: inline-block;
    width: 100%
}
#ajaxsearchprobsettings1_1.searchsettings fieldset, 
#ajaxsearchprobsettings1_2.searchsettings fieldset, 
div.asp_sb.asp_sb_1.searchsettings fieldset {
    width: 50%;
    min-width: 150px;
    max-width: 300px;
}
div.asp_w.asp_s select, 
div.asp_w.asp_sb select {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    padding: 8px 10px !important;
    background: #f9f9f9;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    border: none;
    color: #172f48;
    margin-bottom: 0 !important;
    box-sizing: border-box;
    line-height: initial;
    outline: none !important;
    font-family: inherit;
    font-size: 13px;
    height: 45px;
    display: inline-block;
}
*/
/*End Search Engine*/

/*Start Step2 Don*/

.single-af_collecte #soutenir .gform_wrapper {
    margin-top: 0;
}

.gform_wrapper {
    margin-top:30px;
}
body .gfield_label {
  color: #3E4143;
  display: block;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold!important;
  /*text-transform: uppercase;
  letter-spacing: 1px;*/
  padding-bottom: 8px;
}
body .gform_wrapper .gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), 
body .fl-node-605a25e1d9b8a .gform_wrapper .gfield select, .gform_wrapper .gfield textarea, .gform_wrapper .StripeElement {
    color: #666666;
    background-color: #ffffff;
    border-width: 0;
    border-color: #d5d5d5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    padding: 12px;
    text-align: left;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    outline: none;
    height: 50px;
}
.gform_wrapper .StripeElement {
    padding: 16px 20px;
}
.gform_wrapper .ginput_stripe_creditcard {
    margin-bottom: 20px;
}
body:not(.af_collecte) .gform_wrapper.gravity-theme .gform_footer button.button:disabled, 
body:not(.af_collecte) .gform_wrapper.gravity-theme .gform_footer input.button:disabled, 
body:not(.af_collecte) .gform_wrapper.gravity-theme .gform_page_footer button.button:disabled, 
body:not(.af_collecte) .gform_wrapper.gravity-theme .gform_page_footer input.button:disabled,
.Step2 .gform_previous_button.button,
.single-af_collecte .gform_previous_button.button,
.Step2 .gfield_total,
.Step2 .gfield .instruction,
label.gfield_label_before_complex  {
    display:none!important;
}

.gform_wrapper .gform_footer .button,
.gform_page_footer .gform_next_button,
.gform_wrapper button, 
.gform_wrapper input[type=button], 
.gform_wrapper input[type=submit] {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    color: #fff;
    background-color: #dd0b50;
    padding: 18px 50px;
    white-space: normal;
    border: none;
    margin: 10px auto!important;
    border-radius: 50px;
    display: block;
}
.single-af_collecte #soutenir .gform_wrapper .gform_footer .button,
.single-af_collecte #soutenir .gform_page_footer .gform_next_button,
.single-af_collecte #soutenir .gform_wrapper button, 
.single-af_collecte #soutenir .gform_wrapper input[type=button], 
.single-af_collecte #soutenir .gform_wrapper input[type=submit] {
    box-shadow: 0px 0px 12px 0px rgb(202 0 66);
    color: #dd0b50;
    background-color: #ffffff;
}

.gform_wrapper .gform_footer .button:hover,
.gform_page_footer .gform_next_button:hover,
.gform_wrapper button:hover, 
.gform_wrapper input[type=button]:hover, 
.gform_wrapper input[type=submit]:hover,
.single-af_collecte #soutenir .gform_wrapper input[type=submit]:hover {
    background-color: #162746;
    border: none;
    box-shadow: none;
    color: #fff;
}
.gform_wrapper.gravity-theme .gform_footer, 
.gform_wrapper.gravity-theme .gform_page_footer {
    text-align: left;
    /*margin-top: 20px;*/
}
body:not(.af_collecte) .gfield-choice-input {
    width: 17px!important;
    height: 17px!important;
}
body:not(.af_collecte) .gfield_checkbox {
    margin-bottom:10px;
}

.Step2 .gform_fields input[readonly="readonly"],
.Step2 .gform_fields select[disabled="disabled"] {
    background: #F4F4F4!important;
    opacity: 1!important;
    color: #a2a2a2!important;
}

.Step2 .gform_fields .gfield_label,
.Step2 .gform_fields .gfield--width-third .gfield_description,
.Step2 .gform_fields legend,
.gform_wrapper.gravity-theme .ginput_complex label {
    color: #3E4143;
    display: block;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold!important;
    padding: 10px 0px 5px!important;
    border: none;
    margin: 0;
}
.Step2 .gform_fields {
    padding-bottom:15px!important;
}

/* Step2 ligne 1*/

.Step2 .gfield--width-third.hidden_label {
    margin-top: 50px;
}

/* Step2 radio buttons */
.Step2 .gfield_radio {
    margin: 0;
}
.Step2 .gfield_radio .gchoice {
    display:inline-block;
    margin-right:30px;
}

.Step2 .gfield_radio .gchoice label,
.Step2 .gfield_checkbox label {
    font-weight:normal!important;
    font-size:16px!important;
    padding-left:10px;
    max-width: 100%;
}
.Step2 .gfield_radio .gchoice input[type="radio"],
.Step2 .gfield_radio .gchoice input:focus {
    width:20px!important;
    height:20px!important;
}

/* Step2 checkbox */

.Step2 .gfield_checkbox input[type="checkbox"],
.Step2 .gfield_checkbox input[type="checkbox"]:checked,
.Step2 .gfield_checkbox input:focus {
    width: 17px!important;
    height: 17px!important;
    display: inherit;
    flex: 0 0 auto;
    margin-top: 5px;
    position: relative;
}
.Step2 .gfield_checkbox .gchoice {
    display: flex;
    flex-flow: wrap row;
    align-items: flex-start;
    align-content: flex-start;
    margin: 10px 0;
}
.Step2 .gform_wrapper .gfield-choice-input+label {
    max-width: 90%!important;
    flex: 0 0 auto;
    display: inherit;
}

.gform_wrapper .gfield_required {
    color: #3e4143;
    margin-left: 2px;
}
#soutenir .gform_wrapper .gfield_required {
    color: white!important;
}

.gform_wrapper select {

  /* styling */
  background-color: white;
  border:1px solid #DBDBDB;
  display: inline-block;
  border-radius:0;
  font: inherit;
  line-height: 1.5em;
  padding:12px 48px 12px 10px!important;
  height:50px;


  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

.gform_wrapper select {
  background-image:
    linear-gradient(45deg, transparent 50%, #797979 50%),
    linear-gradient(135deg, #797979 50%, transparent 50%),
    linear-gradient(to right, #e6e6e6, #e6e6e6);
  background-position:
    calc(100% - 20px) calc(1.45em + 2px),
    calc(100% - 15px) calc(1.45em + 2px),
    calc(100% - 2.8em) 0.8em;
  background-size:
    5px 5px,
    5px 5px,
    1px 2em;
  background-repeat: no-repeat;
}
.single-af_collecte #soutenir .gform_wrapper select {
  background-image:
    linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%),
    linear-gradient(to right, #fff, #fff);
    font-size: 13px!important;
}
.gform_wrapper select:focus {
  background-image:
    linear-gradient(45deg, #797979 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #797979 50%),
    linear-gradient(to right, #e6e6e6, #e6e6e6);
  background-position:
    calc(100% - 15px) 1.45em,
    calc(100% - 20px) 1.45em,
    calc(100% - 2.8em) 0.8em;
  background-size:
    5px 5px,
    5px 5px,
    1px 2em;
  background-repeat: no-repeat;
  outline: 0;
}
.single-af_collecte #soutenir .gform_wrapper select:focus  {
  background-image:
    linear-gradient(45deg, #e6e6e6 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #e6e6e6 50%),
    linear-gradient(to right, #e6e6e6, #e6e6e6);
}
.single-af_collecte #soutenir .gform_wrapper select.gf-default-disabled {
    background: none;
}
.gform_wrapper select:-moz-focusring,
.ajaxsearchpro select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* TunnelForm Step 2 - Paiement */

.af_modepaiement_triggerpayment .gfield_radio .gchoice input, 
.af_modepaiement_triggerpayment .gfield_radio .gchoice input:checked,
.af_modepaiement_triggerpayment .gfield_radio .gchoice input:focus {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    display: none;
}
.af_modepaiement_triggerpayment .gfield_radio {
    display: flex;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice {
    margin-right: 10px;
    transition: all 200ms linear;
    flex-shrink: 1;
    width: 49%;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice label {
    background: #ffffff;
    font-size: 1.1em!important;
    font-weight: bold!important;
    color: #3e4143;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    position: relative;
    box-shadow: 0px 3px 10px 0 rgb(0 0 0 / 13%);
    cursor: pointer;
    width: 98%;
    text-align: center;
    margin: 20px 0;
    transition: all 200ms linear;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice:hover label {
    top: -5px;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice input:focus + label,
.af_modepaiement_triggerpayment .gfield_radio .gchoice input:checked + label {
    color: #fff!important;
    background: #0065d0;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice input:checked + label:before {
    color: #fff!important;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice input[value="stripe"] + label:before {
    content: "\f09d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    display: inline-flex;
    left: 18px;
    margin-top: 2px;
    margin-right: 15px;
    color: #067fff;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice input[value="paypal"] + label:before {
    content: "\f1ed";
    font-family: "Font Awesome 5 Brands";
    font-size: 18px;
    display: inline-flex;
    left: 18px;
    margin-top: 2px;
    margin-right: 15px;
    color: #067fff;
}
.af_modepaiement_triggerpayment .gfield_radio .gchoice input[value="sepa_manuel"] + label:before {
    content: "\f573";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    display: inline-flex;
    left: 18px;
    margin-top: 2px;
    margin-right: 15px;
    color: #067fff;
}


/*End Step2 Don*/

a.gravitypdf-download-link {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    color: #fff;
    background-color: #dd0b50;
    padding: 18px 50px;
    white-space: normal;
    border: none;
    margin: 10px auto!important;
    border-radius: 50px;
    display: table;
}
a.gravitypdf-download-link:hover {
    background: #172f48;
}

/* Start GForm Validation Errors*/

.gform_validation_errors {
    display: none;
    background: none;
    padding: 0;
    border: 0;
    box-shadow: none;
    font-size: 0.9em;
}
.gform_wrapper .validation_error {
    display: none;
    border: none;
    background: #f1f1f1;
}
.gform_wrapper .gfield_validation_message, 
.gform_wrapper .validation_message {
    border: none!important;
    background: transparent!important;
    font-size: 0.8em!important;
    padding: 2px 0 0!important;
    color: #ffc566!important;
 }
 .gfield_description.validation_message:before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-flex;
    margin-right: 8px;
}
.gform_wrapper .gfield_error [aria-invalid=true] {
    border-bottom: 1px solid #c02b0a!important;
    border-top-color: initial!important;
    border-left-color: initial!important;
    border-right-color: initial!important;
}

/* End GForm Validation Errors*/



/* Media queries responsive design */
@media (max-width: 991px) {
#maindonationblock .option2 input[type="text"] {
    width: 19%;
    right: 1%;
}
#maindonationblock .gfield_html.gf_left_half {
    font-size: 18px;
    top: -12px;
}
}


@media (max-width: 768px) {

.single-af_collecte .collecte-post-meta span.montant {
    display: table;
    margin: 0 auto;
}
 
.single-af_collecte .collecte-post-meta span.montant:before {
    left: -22px;
}

.pp-hover-card {
    float: none!important;
}
.pp-hover-card-icon-wrap {
    margin-top: -15px;
}
.Step2 .gfield_checkbox input[type="checkbox"],
.Step2 .gfield_checkbox input[type="checkbox"]:checked,
.Step2 .gfield_checkbox input:focus {
    margin-top: 5px;
}
.gfield_radio li {
        width:100%;
        margin-bottom:5px!important;
}

.gfield.switches .gfield_checkbox li:before, 
.gfield.switches .gfield_checkbox li:after {
    font-size: 15px!important;
}

.gfield.switches .gfield_checkbox label {
    width: 42px!important;
    height: 20px!important;
    margin: 0 15px 0 0px!important;
}
.gfield.switches .gfield_checkbox label:after {
    width: 16px!important;
    height: 16px!important;
    top:2px!important;
}
ul#CollecteTabs > li {
    flex: 1 1 auto;
    float: none;
}
#CollecteTabs .nav-link {
    margin-right: 0;
    text-align: center;
}
.Step2 .gform_fields .gfield_label, 
.Step2 .gform_fields .gfield--width-third .gfield_description, 
.Step2 .gform_fields legend {
    margin: 0 0 10px!important;
}
.Step2 .gfield--width-third.hidden_label.field_description_below {
    margin-top: 0;
}
#maindonationblock .gfield_html.gf_left_half {
    font-size: 15px;
    text-align: center;
    position: relative;
    left: 0;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
}
#maindonationblock .gform_footer {
    padding-top: 0;
    float: none;
    padding: 20px 0 0 0;
    width: 100%;
    text-align:center!important;
    position: relative;
}
.single-af_collecte .gfield_html {
    text-align: center;
}
.single-af_collecte .gform_footer {
text-align: center!important;
}
#maindonationblock input[type="submit"],
.single-af_collecte input[type="submit"] {
    font-size: 18px!important;
    padding: 10px 40px!important;
}
.single-af_collecte #CollecteContent .fl-builder-shape-layer svg {
    height: 200px
}
.single-af_collecte #CollecteTabs .nav-pills > li > a {
    font-size: 13px;
}
}
@media (max-width: 640px) {
#maindonationblock .gppa-explode-commas-into-choices {
    margin: 0 10% 20px;
}
#maindonationblock .gform_wrapper .gform_fields .gchoice {
    display: inline-table;
    margin-bottom:10px;
}
#maindonationblock .gform_wrapper .gform_fields .gchoice:last-child {
    display: table;
    margin: 0 auto;
}
#maindonationblock .option2 input[type="text"] {
    position: absolute;
    right: 40%;
    top: -100px;
    width: 19%!important;
 }
#maindonationblock .option1 .gfield_radio .gchoice:last-child:before {
display: none;
}
}

/* Début MAJ 2022 */

.home .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner,
.home .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before,
.home .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after {
    background-color:#fff;
}

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
    border: 0px;
    display: inline-block;
    margin: 0 8px;
    width: 35px;
    height: 35px;
    background: #e5e5e5;
    border-radius: 50px;
    color: #333;
}
.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current {
    background: #de0c50;
    text-decoration: none;
    color: #fff;
}
ul.page-numbers .next.page-numbers,
ul.page-numbers .prev.page-numbers {
    display:none!important;
}

.pp-info-banner-content .pp-info-banner-inner {
    cursor:pointer;
}
 
iframe {
    border:none;
}
.gform_wrapper .gform_required_legend {
    display:none!important;
}
input.gform-datepicker,
.gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100%!important;
}
.gfield.gfield--type-captcha { 
margin-top:20px;
}
.gfield-choice-input+label {
    max-width: calc(100% - 0px)!important;
}

.gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full)/*:not(:last-of-type):not(:nth-last-of-type(2))*/, 
.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
    margin-bottom: 0!important;
}
.ginput_complex.has_country .ginput_left.address_country {
    flex: 100%;
}
.gform_wrapper.gravity-theme .ginput_container_address span {
    padding-bottom:8px!important
}
.gform_wrapper.gravity-theme .ginput_container_address label {
    margin-bottom:8px;
}

/* Fin MAJ 2022 */