.grid-mon-passeports {
  display: flex;
      flex-wrap: wrap;
  grid-template-columns: auto auto auto;
  
    margin: 40px -15px 55px;
}

.mon-passeports{
    /*padding: 0 15px 30px;*/
    
    color: #1E2F25;
        margin: 0 15px 80px;
}
.grid-passeports .mon-passeports {
    
    width: calc(33.33333% - 30px);
}
.grid-mon-passeports.le_mon_passeport {
    display: block;
}
.grid-mon-passeports.le_mon_passeport .wrap_passeport {
    display: flex;
        flex-wrap: wrap;
}
.grid-mon-passeports.le_mon_passeport .passeport_img {
    width: calc(25% - 30px);
}
.grid-mon-passeports.le_mon_passeport .passeport_details {
    width: 75%;
    padding-left: 42px;
}
.grid-mon-passeports.le_mon_passeport .no_attribuer {
    width: 100%;
}

body .woocommerce-MyAccount-content .le_mon_passeport .passeport_details a {
    width: unset;
}
body .woocommerce-MyAccount-content .le_mon_passeport .passeport_details a:not(.nectar-button) {
    text-decoration: underline !important;
    padding: 0 !important;
    text-align: left;
    border: 0 !important;
    width: unset;
    font-family: BourtonBase !important;
    font-weight: 400;
}
body .woocommerce-MyAccount-content .grid-mon-passeports.le_mon_passeport .passeport_details .cta {
    margin-bottom: 22px;
}
body .woocommerce-MyAccount-content .grid-mon-passeports.le_mon_passeport .passeport_details .liens_icon a{
    display: inline-block;
    margin: 0 30px 15px 0;
    font-size: 17px;
}
body .woocommerce-MyAccount-content .grid-mon-passeports.le_mon_passeport .passeport_details .liens_icon a:first-child {
    margin-left: 0;
}
body .woocommerce-MyAccount-content .grid-mon-passeports.le_mon_passeport .passeport_details a.view_passeport {
    color: #1E2F25 !important;
    border: 1px solid #1E2F25 !important;
    text-decoration: none !important;
     font-family: BourtonBase !important;
    font-weight: 400;
    margin-bottom: 0;
}
/*.passeports{
    border: 1px solid #651e1e;
    padding: 10px;
    text-align: center;
    background: linear-gradient(190.42deg, #7B1318 -17.59%, #200607 83%);
    border-radius: 4.5px;
    color: #FBF5F6;
}*/
.passeport_header{
    
    margin-bottom: 25px;
}
.passeport_header .no {
    font-size: 15px;
    margin-bottom: 5px;
}
.passeport_header .expiration {
    font-size: 12px;
    margin-bottom: 27px;
}

.passeport_header .passeport_no {
    font-size: 30px;
    font-family: BourtonLineMedium;
    font-weight: 400;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.passeport_img .logo {
    text-align: center;
    display: inline-block;
   margin-bottom: 30px;
}
.passeport_img .logo .le_logo {
    border-radius: 20px;
    background:#1E2F25;
    padding: 69px 63px;
    transform: rotate(-5deg);
    text-align: center;
}
.le_mon_passeport .passeport_img .logo {
    padding-top: 5%;
}
.le_mon_passeport .passeport_img .logo .le_logo {
    transform: rotate(-5deg);
}

.grid-passeports .mon-passeports:nth-child(2n -1) .passeport_img .logo .le_logo {
    transform: rotate(5deg);
}
.passeport_img .logo svg {
    
    height: auto;
    max-width: 100%;
    display: inline-block;
}

.passeport_img .logo.and_infos .infos .transfert,
.passeport_img .logo.and_infos .infos .cadeau {
     font-family: BourtonLineMedium;
    font-weight: 400;
    font-size: 15px;
    text-transform: none;
    margin-bottom: 8px;
    display: inline-block;
}

.passeport_details {
    font-size: 14px;
}
.passeport_details .cta {
    margin-bottom: 0;
}

body .woocommerce-MyAccount-content .grid-mon-passeports.grid-passeports .passeport_details a {
    color: #1E2F25 !important;
    border: 1px solid #1E2F25 !important;
    text-decoration: none !important;
    width: 100%;
    padding-left: 5px !important;
    padding-right: 5px !important;
     font-family: BourtonLineMedium !important;
    font-weight: 400;
    margin-bottom: 0;
}

 
body .woocommerce-MyAccount-content .grid-mon-passeports.grid-passeports .passeport_details a.view_passeport {
    font-family: BourtonBase !important;
    font-weight: 400;
}
body .woocommerce-MyAccount-content .grid-mon-passeports.grid-passeports .passeport_details a.button-print {
    margin-bottom: 40px;
}
.passeport_details .liens_icon {
    margin-bottom: 14px;
}
.passeport_details .infos .block-transfert,
.passeport_details .infos .block-cadeau {
    text-align: left;
    padding-top: 20px;
    font-size: 15px;
}
.passeport_details .infos .block-transfert .transfert,
.passeport_details .infos .block-cadeau .cadeau {
    font-family: BourtonBase;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 19px;
    display: block;
}
.passeport_details .infos .block-transfert .transfert-prenom,
.passeport_details .infos .block-cadeau .cadeau-prenom {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.passeport_details .infos .block-transfert .transfert-name,
.passeport_details .infos .block-cadeau .cadeau-name {
    width: 100%;
    margin-bottom: 15px;
    display: block;
}
.passeport_details .infos .block-cadeau .transfert-email,
.passeport_details .infos .block-cadeau .cadeau-email {
    display: block;
}
.passeport_details .infos .block-cadeau .transfert-email,
.passeport_details .infos .block-cadeau .cadeau-email {
    display: block;
}

.passeport_details .block-transfert,
.passeport_details .block-cadeau {
   padding-top: 25px;
}

.passeport_details .liens_icon .block-transfert > span
.passeport_details .liens_icon .block-cadeau > span,
.passeport_details .liens_icon a {
    color: #1E2F25;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 14px;
    text-decoration: underline;
    text-transform: uppercase;
}
.passeport_details .liens_icon .block-transfert > span.transfert-save,
.passeport_details .liens_icon .block-transfert > span.transfert-resend,
.passeport_details .liens_icon .block-transfert > span.transfert-modify,
.passeport_details .liens_icon .block-cadeau > span.cadeau-save,
.passeport_details .liens_icon .block-cadeau > span.cadeau-resend,
.passeport_details .liens_icon .block-cadeau > span.cadeau-modify{
     font-family: BourtonBase;
    font-size: 17px;
    font-weight: 400;
    margin: 0  15px 15px 0;
    text-decoration: underline;
}
.passeport_details .liens_icon a svg {
    vertical-align: middle;
    margin-right: 5px;
}
.passeport_details .no_attribuer a {
    text-decoration: none;
    color: #C12933;
}
.block-cadeau, .block-transfert{
    text-align: initial;
}
.passeport_details .liens_icon .block-transfert {
    text-align: left;
}
.button-no-attribute{
	text-decoration-line:revert;
	font-size:12px;
}
.btn-no-attribute{
	text-decoration-line:revert;
	font-size:12px;
}
.passeport_microbrasserie{
	position:absolute;
}

/*.cadeau, .transfert{
	text-transform: uppercase;
	font-weight:600;
}*/
.cadeau-modify, .cadeau-resend, .cadeau-save,
.transfert-modify, .transfert-resend, .transfert-save{
	/*text-transform: uppercase;
	font-weight:600;*/
	cursor:pointer !important;
    margin-bottom: 15px;
}
.borderClass{

    background: transparent;
    border: none;
    border-bottom: 1px solid #1E2F25;
}
.button .view_passeport{
    cursor:pointer !important;
}

/** Spin **/
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(60, 58, 58, 0.7);
    z-index:9999;
    display:none;
}
#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
.resendLaterMail{
    display: flex;
}

.mondiv
{
 max-width:200px;
}
.div_text{
max-width: 201px;
text-align: center;
margin: 10px;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: 40px;
  text-align: center;
  font-family: arial;
}

.price {
  color: grey;
  font-size: 22px;
}

.card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.card button:hover {
  opacity: 0.7;
}
.dis{
display:flex;
flex-wrap: wrap;
}
.trie_etablissement {
    margin-top: 30px;
}
.all_microbrasserie, .visited_microbrasserie, .favorite_microbrasserie{
	
	cursor:pointer !important;
    color: #000 !important;
    font-family: BourtonBase !important;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 15px;
    font-size: 17px;
}
.visite_etab, .all_fav_microbrasserie{
    display: none;
}
.all_microbrasserie {
    margin-left: 0;
}

.all_microbrasserie.active, .visited_microbrasserie.active, .favorite_microbrasserie.active{
	text-decoration: underline;
}
.transferMessage, .transferEmail{
    display: flex;
}
.envoi_prevu{
    display: flex;
    margin-top: 8px;
}


.popup_maps {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  border: 3px solid #666666;
  width: 50%;
  height: 50%;
  left: 25%;
}
.woocommerce-microbrasserie-microbrasserie {
    margin-bottom: 25px;
}
body #js--gens-email-clone  {
    background: #000;
}

body #js--gens-email-remove {
    background: #C12933 !important;
}
body .gens-referral_share__wa {
    display: none !important;
}

@media (max-width: 1900px){
   
}
@media (max-width: 1700px){
   
}
@media (max-width: 1600px){
    
}
@media (max-width: 1300px){ 
    
    .grid-passeports .mon-passeports {
        width: calc(50% - 30px);
    }
    .grid-mon-passeports.le_mon_passeport .passeport_img {
        width: calc(40% - 30px);
    }
    .grid-mon-passeports.le_mon_passeport .passeport_details {
        width: 60%;
        padding-left: 31px;
    }
}
@media (max-width: 999px){

}
@media (max-width: 767px){
    body .woocommerce-MyAccount-content .grid-mon-passeports.le_mon_passeport .passeport_details .liens_icon a {
        
        font-size: 15px;
    }
}


@media (max-width: 600px){
   .grid-passeports .mon-passeports {
       width: calc(100% - 30px);
       max-width: 338px;
       margin-left: auto;
       margin-right: auto;
   }
   .grid-mon-passeports.le_mon_passeport .passeport_img {
       width: calc(1000% - 30px);
   }
   .grid-mon-passeports.le_mon_passeport .passeport_details {
       width: 100%;
       padding-left: 0px;
   }
   .grid-mon-passeports {
       display: block;
       
   }
   .grid-mon-passeports.le_mon_passeport .wrap_passeport {
       display: flex;
       flex-wrap: wrap;
       width: 100%;
       max-width: 300px;
       margin: 0 auto;
   }
   body .woocommerce-MyAccount-content .grid-mon-passeports.le_mon_passeport .passeport_details a.view_passeport {
      
       width: 100%;
   }

   
}
@media (max-width: 479px){
   
}