@charset "utf-8";
/* CSS Document */

*
{
	margin:0;
	padding:0;
}


*::selection {
	background:#dfb841;
	color:#fff;
}

*::-moz-selection {
	background:#dfb841;
	color:#fff;
}

*::-webkit-selection {
	background:#dfb841;
	color:#fff;
}

html,body
{
	width:100%;
	height:100%;
}

body
{
	background-color:#1b1b25;
}

.barre
{
	z-index:99999; 
	position:fixed; 
	background-color:#dfb841; 
}

#barre_haut
{
	height:8px; 
	width:100%; 
	top:0%; 
	left:0%;
}

#barre_bas
{
	height:8px; 
	width:100%; 
	bottom:0%; 
	left:0%;
}

#barre_droite
{
	height:100%; 
	width:8px; 
	top:0%; 
	right:0%;
}

#barre_gauche
{
	height:100%; 
	width:8px; 
	top:0%; 
	left:0%;
}


#conteneur_blog
{
	width:80%;
	max-width:770px;
	margin:0 auto;
	padding:30px 0 15px;
}

p, ul, ol
{
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color:#fff;
	margin-bottom:27px;
	font-size:18px;
	line-height:1.7;
}

ul, ol
{
	margin-left:20px;
}

a
{
	outline:none;
}

iframe
{
	width:100%;
}

.no-style
{
	text-decoration:none;
}


p a, li a
{
	color:#deb841;
	text-decoration:none;
	padding-bottom:1px;
}

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

.comments-template a
{
	color:#deb841;
}

hr {
	margin-bottom: 25px;
	color:#6e6e88;
	border: none;               /* on supprime la bordure par défaut */
	height: 1px;                /* on fixe l’épaisseur */
	background-color: #6e6e88;  /* on applique la couleur */
}

#video-article, #next-episode
{
	border-top:1px solid #6e6e88;
	border-bottom:1px solid #6e6e88;
	padding-top:25px;
}

#next-episode
{
	margin-bottom: 25px;
}

#video-article > a { display: none !important; }

#video-article a {
  border: 1px solid #6e6e88;
  color: #6e6e88;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 10px 14px;
  margin-bottom: 25px;
  display: inline-flex;         /* aligne texte + icône */
  align-items: center;          /* centre verticalement */
  justify-content: center;      /* centre horizontalement */
  gap: 7px;                     /* espace auto entre icône et texte */
  width: 100%;
  box-sizing: border-box;
}

#video-article a:hover
{
	border-color:#deb841;
	color:#deb841;
}

#video-article a:hover svg path
{
	fill:#deb841;
}

#video-article a svg
{
	margin-right: 7px;
	margin-top: 1px;
}

#video-article br
{
	display:none;
}

#auteur {
  transition: filter 0.9s ease;
}

#auteur:hover {
  filter: brightness(0) invert(1);
}


.rs-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px; /* Espace entre les éléments */
	margin-bottom: 20px; /* pour l'espacement après le contenu précédent si besoin */
}

.rs-icons a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: rgba(27, 27, 37, 0.5);
	border: 2px solid #DDDDDD;
	text-decoration: none;
}

.rs-icons a:hover{
	border: 2px solid #dfb841;
}

.rs-icons a:hover path, .rs-icons a:hover ellipse, .rs-icons a:hover polygon, .rs-icons a:hover rect
{
	fill:#dfb841;
}


.rs-icons a > div {
	display: contents;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
}

#conteneur_blog img
{
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

#conteneur_blog .wp-smiley
{
	display: inline;
}

.wp-caption 
{
	width: 100% !important;
	height: auto;
}

.wp-caption-text {
	font-size: 15px !important;
	text-align: center;
	color: #6e6e88;
	margin-top: 12px;
}

.wp-caption-text a
{
	opacity:0.3;
	border:none !important;
}

#conteneur_blog h2
{
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	margin:20px 0;
	color:#dfb841;
	font-weight:800;
	font-size:25px;
}

#conteneur_blog h3 {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.7;
	font-weight: bolder;
	margin-bottom: 27px;
	text-transform: uppercase;
	border-top: 1px solid #6e6e88;
	padding-top: 25px;
	display: block;
}

#conteneur_blog h4 {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.7;
	font-weight: bolder;
	margin-bottom: 27px;
	display: block;
}

#conteneur_blog .last-para {
	border-bottom: 1px solid #6e6e88;
	padding-bottom: 25px;
}

#conteneur_blog h1 
{
	color: #deb841;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 35px;
	margin: 10px 0;
	text-align: center;
	text-transform: uppercase;
}

.comments-template
{
	margin-bottom:30px;
}

#auteur
{
	display: block;
	margin: 15px auto 25px auto !important; 
	width: 123px !important;
	height:auto;
}

#titre-auteur
{
	font-size: 19.4px !important;
	text-align: center;
	text-transform: uppercase;
	margin:0px !important;
	font-weight:600;
}

#sous-titre-auteur
{
	font-weight:normal;
	font-size: 15.7px !important;
	text-align: center;
	text-transform: uppercase;
	color:#dfb841 !important;
	line-height:0.5 !important;
	margin-bottom:24px !important;
}

#separation-logo
{
	border-right: 1px dotted #dfb841;
	height: 20px;
	margin-bottom: 0.75%;
	width: 50%;
}

#info_news {
	text-align: center;
	font-size: 13px;
	color: #6e6e88;
	margin-bottom: 21px;
	margin-top: 20px;
}

.date_news, .category_news a, #retour_blog {
	border: 1px solid #6e6e88;
	color: #6e6e88;
	padding: 4px 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	margin: 0 4px;
}

.category_news a:hover, #retour_blog:hover
{
	background-color:#6e6e88;
	color:#1b1b25;
	text-decoration:none;
}

#rs
{
	margin-bottom:35px;
	overflow:hidden;
}

#twitter, #linkedin, #facebook
{
	float:left;
	margin-right:30px;
}

.gallery-caption
{
	display:none;
}

.gallery-item
{
	padding:0 10px;
	box-sizing:border-box;
}

.gallery-item img:hover
{
	opacity:0.6;
}

.gallery 
{
	margin-bottom:25px !important;
}

/*
.gallery-item
{
	float:left;
	width:88px !important;
	height:88px;
	overflow:hidden;
	box-sizing:border-box;
	padding:5px;
	margin-bottom:7px;
	margin-right:7px;
}

.gallery-item img
{
	max-width:none !important;
}


.fpf-gallery .gallery-icon img 
{
  border:none !important;
  padding: 0px !important;
}
*/

/* Centre l’ancre du header tout en gardant sa taille au contenu */
#en-tete { 
  text-align: center;           /* centre les éléments inline/inline-flex */
}

#en-tete .no-style {
  display: inline-flex;         /* shrink-wrap */
  flex-direction: column;
  align-items: center;          /* centre le contenu dans le lien */
  width: auto;                  /* pas de largeur 100% */
  vertical-align: top;          /* évite un léger décalage vertical */
}

/* Image et textes dans le lien : marges propres */
#en-tete .no-style #auteur {
  margin: 30px 0 15px;          /* plus de margin auto qui recentre toute la ligne */
}

#en-tete .no-style p {
  display: block;               /* largeur = contenu du lien */
  margin: 0;                    /* on garde le style global de #en-tete p */
  text-align: center;           /* au cas où */
}

@media (max-width: 782px) {
	
#barre_haut {
	height: 5px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#barre_bas {
	height: 5px;
	width: 100%;
	bottom: 0%;
	left: 0%;
}

#barre_gauche {
	height: 100%;
	width: 5px;
	top: 0%;
	left: 0%;
}

#barre_droite {
	height: 100%;
	width: 5px;
	top: 0%;
	right: 0%;
}

.date_news, .category_news a, #retour_blog {
	display: block !important;
	padding: 9px 0 !important;
}

#info_news .category_news > a:first-child
{
	margin-top: 15px;
}

#video-article a svg
{
	display:none;
}

#video-article br
{
	display:inline;
}

#video-article a
{
	text-align:center;
}

#video-article span
{
	display:none;
}

}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 770px; /* largeur max de ton bloc central */
  margin: 0 auto; /* centré */
  padding-bottom: 56.25%; /* ratio 16:9 (hauteur = 9/16 de la largeur) */
  height: 0;
  margin-bottom:27px;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Bloc CTA */

/* === CTA Newsletter (structure identique, h3 "Bonus privé", 2 colonnes desktop, stack mobile) === */

.ab-cta-wrap{
  background:#21212c;
  border:1px solid #2b2b36;
  padding:24px 20px;
  color:#dddddd;
  font-family:"Open Sans", Helvetica, Arial, sans-serif;
  line-height:1.6;
  margin-bottom:27px;
}

/* Ligne d’en-tête : cadenas + H3 "Bonus privé" (style discret) */
.ab-cta-head{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.ab-cta-lock{
  width:18px;
  height:18px;
  display:inline-flex;
}
.ab-cta-lock svg{
  width:18px;
  height:18px;
  fill:#dfb841; /* or */
}
.ab-cta-kicker{
  margin:0 !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#9aa0a6 !important;
  font-weight:normal !important;
  padding:0px !important;
  border:none !important;
}

/* Titre (désormais paragraphe) + description */
.ab-cta-heading{
  margin:0 0 6px 0;
  font-size:18px;
  font-weight:800;
  color:#ffffff;
}
.ab-cta-desc{
  margin:0 0 16px 0;
  color:#9aa0a6;
  font-size:14px;
}

/* Formulaire : 2 colonnes desktop, empilé mobile */
.ab-cta-form{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:12px;
}
.ab-cta-input{
  background:#0f0f15;
  border:1px solid #2b2b36;
  color:#dddddd;
  height:46px;
  padding:0 14px;
  box-sizing:border-box;
  width:100%;
}
.ab-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  background:#dfb841;
  color:#0b0b0f;
  height:44px;
  padding:0 16px;
  font-weight:800;
  letter-spacing:.2px;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
.ab-cta-button:focus{outline:2px solid #000;outline-offset:2px}

/* Note de confiance */
.ab-cta-note{
  margin-top:16px;
  margin-bottom:0px;
  color:#9aa0a6;
  font-size:13px;
}

.ab-cta-note br 
{
	display:none;
}

.ab-cta-note a 
{
	color:#9aa0a6;
	text-decoration:underline;
}

/* Mobile */
@media (max-width:720px){
  .ab-cta-form{
    grid-template-columns: 1fr; /* stack */
  }
  .ab-cta-button{
    width:auto; /* évite le “plein écran” si tu préfères un bouton compact */
  }
}

/*-------*/

/* Le conteneur sert d’ancre au filigrane */
.ab-cta-wrap{
  position: relative;
  overflow: hidden;
  isolation: isolate; /* évite tout mélange indésirable */
}

/* Filigrane image à droite, teinté en “duotone” violet */
@media (min-width: 860px){
  .ab-cta-wrap::after{
    content:"";
    position:absolute;
    top:0; right:0; bottom:0;
    width:44%;                      /* occupe la partie droite du bloc */
    pointer-events:none;
    z-index:0;

    /* 1) image  2) dégradé violet (tinte) */
    background-image:
      url("img/cta-portrait.jpg"),
      linear-gradient(135deg, #171720 0%, #2b2b36 100%);
    background-repeat:no-repeat, no-repeat;
    background-position: 95% center, right center;
    background-size: cover; /* ajuste 380px selon la place */
  }

  /* Assure que le texte/formulaire passe au-dessus */
  .ab-cta-wrap > *{
    position: relative;
    z-index: 1;
  }
}

/* Faculatif : réduire un peu la zone sur écrans moyens */
@media (min-width: 860px) and (max-width: 1100px){
  .ab-cta-wrap::after{
    width:38%;
    background-size: 300px auto, cover;
  }
}

/* Mobile : on masque pour garder un CTA compact */
@media (max-width: 859px){
  .ab-cta-wrap::after{ display:none; }
}


@media (max-width: 450px){
  .ab-cta-note br 
  {
	  display:inline;
  }
}

/* === Sticky bloc "Arnaud" (desktop à droite, stack sur mobile/tablette) === */
#conteneur_blog.with-sticky-cta{
	max-width:1120px; /* 770 (article) + sidebar */
}

#ab-article-layout{
	display:flex;
	align-items:flex-start;
	gap:40px;
	margin-bottom:25px;
}

#ab-article-main{
	order:1;
	flex:1 1 auto;
	min-width:0;
	max-width:770px; /* garde la largeur de lecture */
}

#ab-sticky-aside{
	order:2;
	flex:0 0 320px;
	width:320px;
	position:sticky;
	top:28px; /* évite la barre du haut */
	align-self:flex-start;
}

#ab-sticky-box{
	border:1px solid #6e6e88; /* comme tes hr */
	background: rgba(27,27,37,0.35);
	padding:20px 18px;
	box-sizing:border-box;
}

#ab-sticky-box .ab-sticky-photo{
	display:block;
	width:180px;
	height:auto;
	margin:0 auto 14px auto;
	border:1px solid #6e6e88;
	border-radius:50%;
}

#ab-sticky-box .ab-sticky-text{
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	color:#fff;
	font-size:15px;
	line-height:1.6;
	margin:0 0 14px 0;
	text-align:center;
}


#ab-sticky-box .ab-sticky-proof{
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	color:#6e6e88;
	font-size:12px;
	line-height:1.4;
	margin: 10px 0 0 0;
	text-align:center;
}

#ab-sticky-box .ab-sticky-actions{
	display:flex;
	flex-direction:column;
	gap:10px;
}

#ab-sticky-box .ab-sticky-btn{
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:12px;
	padding:10px 12px;
	border:1px solid #6e6e88;
	color:#6e6e88;
	box-sizing:border-box;
}

#ab-sticky-box .ab-sticky-btn:hover{
	border-color:#deb841;
	color:#deb841;
}

#ab-sticky-box .ab-sticky-btn--primary{
	background:#dfb841;
	border-color:#dfb841;
	color:#1b1b25;
}

#ab-sticky-box .ab-sticky-btn--primary:hover{
	background:#deb841;
	border-color:#deb841;
	color:#1b1b25;
}

/* Mobile / tablette : on stack le bloc en haut du contenu */
@media only screen and (max-width: 64.063em){
	#conteneur_blog.with-sticky-cta{
		max-width:770px; /* comportement d'origine */
	}
	#ab-article-layout{
		flex-direction:column;
		gap:25px;
	}
	#ab-sticky-aside{
		order:1;
		width:100%;
		flex:0 0 auto;
		position:static;
		top:auto;
	}
	#ab-article-main{
		order:2;
		max-width:none;
	}
	#ab-sticky-box .ab-sticky-actions{
		flex-direction:row;
	}
	#ab-sticky-box .ab-sticky-btn{
		width:50%;
	}
}

/* Très petits écrans : boutons en colonne (évite le wrap) */
@media only screen and (max-width: 30em){
	#ab-sticky-box .ab-sticky-actions{
		flex-direction:column;
	}
	#ab-sticky-box .ab-sticky-btn{
		width:100%;
	}
}

/* === Banner Masterclass (discrète, neutre au repos / jaune au hover) === */
#ab-sticky-masterclass{
	margin-top:14px;
	padding-top:14px;
	border-top:1px solid rgba(110,110,136,0.35);
}

#ab-sticky-masterclass .ab-masterclass-banner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;

	text-decoration:none;
	padding:10px 12px;
	border:1px solid rgba(110,110,136,0.30);
	background:transparent;
	box-sizing:border-box;

	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:600;
	line-height:1.3;
	color:#6e6e88;

	transition: color 0.15s ease, border-color 0.15s ease;
}

#ab-sticky-masterclass .ab-masterclass-title{
	color:inherit;
}

/* Badge “Gratuite” neutre (pas de jaune au repos) */
#ab-sticky-masterclass .ab-masterclass-pill{
	padding:3px 8px;
	border-radius:999px;
	border:1px solid rgba(110,110,136,0.40);
	background: rgba(110,110,136,0.10);
	color:#6e6e88;
	font-size:11px;
	font-weight:700;
	white-space:nowrap;

	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

/* Hover : bordure + texte + badge en jaune */
#ab-sticky-masterclass .ab-masterclass-banner:hover{
	border-color:#deb841;
	color:#deb841;
}

#ab-sticky-masterclass .ab-masterclass-banner:hover .ab-masterclass-pill{
	border-color:#deb841;
	background: rgba(223,184,65,0.18);
	color:#deb841;
}

/* Focus clavier (cohérent + accessible) */
#ab-sticky-masterclass .ab-masterclass-banner:focus{
	outline:2px solid #deb841;
	outline-offset:2px;
}

/* === Case study – client card === */
.ab-case-card{
	margin-bottom:27px;
	background-size:cover;
	background-position:center;
	overflow:hidden;
}
.ab-case-card-overlay{
	background:rgba(27,27,37,0.82);
	padding:28px 36px;
	display:flex;
	align-items:center;
	gap:32px;
}
.ab-case-card-logo{
	width:130px !important;
	height:auto;
	flex-shrink:0;
	margin:0 !important;
}
.ab-case-card-info{
	display:flex;
	flex:1;
	flex-direction:row;
	align-items:center;
	justify-content:space-evenly;
	gap:24px;
}
.ab-case-card-info p{
	margin:0 !important;
	font-size:15px !important;
	color:#fff;
	display:flex;
	align-items:center;
	gap:10px;
}
.ab-case-card-info p svg{
	flex-shrink:0;
	stroke:#dfb841;
}
.ab-case-card-info p a{
	color:#fff !important;
	text-decoration:none;
}
.ab-case-card-info p a:hover{
	text-decoration:underline;
}
@media (max-width: 768px){
	.ab-case-card-overlay{
		flex-direction:column;
		align-items:center;
		padding:24px 20px;
		gap:16px;
	}
	.ab-case-card-logo{
		width:100px !important;
	}
	.ab-case-card-info{
		flex-direction:column;
		align-items:center;
		gap:8px;
	}
}

/* Fancybox images hover */
figure a.fancybox{
	display:block;
	position:relative;
	cursor:zoom-in;
}
figure a.fancybox img{
	transition:opacity .2s ease;
}
figure a.fancybox:hover img{
	opacity:.85;
}
figure a.fancybox::after{
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3C/svg%3E");
	position:absolute;
	top:10px;
	right:10px;
	background:rgba(0,0,0,.55);
	width:36px;
	height:36px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	transition:opacity .2s ease;
	pointer-events:none;
}
figure a.fancybox:hover::after{
	opacity:1;
}
figcaption{
	font-family:'Open Sans', sans-serif;
	font-size:15px !important;
	text-align:center;
	color:#6e6e88;
	margin-top:12px;
	line-height:1.7;
	margin-bottom:27px;
}

/* === Contact page === */

#conteneur_blog.ab-contact-page{
	max-width:960px;
}

#conteneur_blog.ab-contact-page hr{
	height:0;
	background:none;
	border:none;
	border-top:1px solid #6e6e88;
	margin-bottom:30px;
}

.ab-contact-layout{
	display:flex;
	gap:40px;
	align-items:flex-start;
	margin-bottom:30px;
}

.ab-contact-form{
	flex:1 1 55%;
	order:1;
}

.ab-contact-aside{
	flex:0 0 320px;
	width:320px;
	order:2;
}

/* CF7 form — ghost inputs + gold submit */
.ab-contact-form .wpcf7 p{
	margin-bottom:15px;
}

.ab-contact-form .wpcf7 input[type="text"],
.ab-contact-form .wpcf7 input[type="email"],
.ab-contact-form .wpcf7 input[type="url"],
.ab-contact-form .wpcf7 textarea{
	background:#1b1b25;
	border:1px solid #6e6e88;
	color:#fff;
	padding:10px 14px;
	margin-top:6px;
	box-sizing:border-box;
	width:100%;
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-size:15px;
}

.ab-contact-form .wpcf7 input[type="text"]:focus,
.ab-contact-form .wpcf7 input[type="email"]:focus,
.ab-contact-form .wpcf7 input[type="url"]:focus,
.ab-contact-form .wpcf7 textarea:focus{
	border-color:#deb841;
	outline:none;
}

.ab-contact-form .wpcf7 textarea{
	resize:vertical;
}

.ab-contact-form .wpcf7 label{
	display:block;
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	color:#fff;
	font-size:14px;
	font-weight:600;
}

.ab-contact-form .wpcf7 form > p:last-of-type{
	margin-bottom:0 !important;
}

.ab-contact-form .wpcf7 input[type="submit"]{
	background:#dfb841;
	border:1px solid #dfb841;
	color:#1b1b25;
	padding:10px 14px;
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-weight:800;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	width:100%;
	box-sizing:border-box;
	transition:background 0.15s ease, border-color 0.15s ease;
}

.ab-contact-form .wpcf7 input[type="submit"]:hover{
	background:#c9a535;
	border-color:#c9a535;
}

.ab-contact-form .wpcf7-response-output{
	margin:0 !important;
	padding:0 !important;
}

.ab-contact-form .wpcf7-spinner{
	display:none !important;
}

/* Social proof */
.ab-contact-proof{
	border-top:1px solid #6e6e88;
	padding-top:30px;
	text-align:center;
	margin-bottom:40px;
}

.ab-contact-proof-title{
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:0.1em;
	color:#6e6e88;
	margin-bottom:20px;
}

.ab-contact-logos{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:30px;
	flex-wrap:wrap;
}

.ab-contact-logo{
	max-height:45px !important;
	width:auto !important;
	filter:brightness(0) invert(45%) sepia(8%) saturate(1057%) hue-rotate(203deg) brightness(93%) contrast(85%);
	transition:filter 0.3s ease, transform 0.3s ease;
}

.ab-contact-logo:hover{
	filter:brightness(0) invert(100%);
	transform:scale(1.1);
}

/* Contact page responsive */
@media (max-width: 768px){
	.ab-contact-layout{
		flex-direction:column;
		gap:25px;
	}
	.ab-contact-form{
		flex:1 1 100%;
		order:1;
	}
	.ab-contact-aside{
		flex:1 1 100%;
		width:100%;
		order:2;
	}
	.ab-contact-logos{
		gap:20px;
	}
	.ab-contact-logo{
		max-height:35px !important;
	}
}