/*
 Theme Name:   Thérapie et Hypnose (Astra child)
 Description:  Thème pour hypnosemontpellier.fr - Michèle Sébenne, hypnothérapeute
 Author:       Webamatics
 Author URI:   https://webamatics.fr
 Template:     astra
 Version:      1.0.0
 Tags:         Hypnose
 Text Domain:  Thérapie et Hypnose 
*/
.site-header .site-description{
	letter-spacing:2.17px;
}
.ast-single-post .entry-title, .ast-single-post .entry-title a{
	text-align:center;
}
[data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 50px;
}
h4.wp-block-heading {
  Margin-top: 35px;
}
.purple-bar{
	position: relative;         /* Needed to position the bar accurately */
    padding-bottom: 25px;
	margin-bottom: 25px !important;
}
.purple-bar::after{
    content: "";                /* Required for pseudo-elements to render */
	position: absolute;         /* Places the bar relative to the heading */
	bottom: 0;                  /* Aligns bar exactly to the bottom */
	left: 0;                    /* Aligns bar to the left side */
	width: 33px;                /* Controls how wide the short bar is */
	height: 3px;                /* Controls how thick the bar is */
	background-color: #ab558a;  /* Your desired bar color */
	border-radius: 2px;   
}
.purple-bar-2{
	position: relative;         /* Needed to position the bar accurately */
    padding-bottom: 20px;
	margin-bottom: 20px !important;
}
.purple-bar-2::after{
    content: "";                /* Required for pseudo-elements to render */
	position: absolute;         /* Places the bar relative to the heading */
	bottom: 0;                  /* Aligns bar exactly to the bottom */
	left: 0;                    /* Aligns bar to the left side */
	width: 25px;                /* Controls how wide the short bar is */
	height: 2px;                /* Controls how thick the bar is */
	background-color: #ab558a;  /* Your desired bar color */
	border-radius: 1px;   
}
.flou {
	backdrop-filter: blur(4px);
}
.apercus a {
	text-decoration:none !important;
	text-transform:uppercase;
	color:#ab558a;
}
.apercus a h2{
	position: relative;         /* Needed to position the bar accurately */
    padding-bottom: 12px;
}
.apercus a h2::after{
    content: "";                /* Required for pseudo-elements to render */
	position: absolute;         /* Places the bar relative to the heading */
	bottom: 0;                  /* Aligns bar exactly to the bottom */
	left: 0;                    /* Aligns bar to the left side */
	width: 26px;                /* Controls how wide the short bar is */
	height: 2px;                /* Controls how thick the bar is */
	background-color: #ab558a;  /* Your desired bar color */
	border-radius: 2px;   
}
.apercus a:hover h2{
	color:#ab558a;
	transition: all .2s ease;
}
.apercus a:hover h2::after{
	transition: all .2s ease;
}
.apercus h2 {
	font-size:18px;
}

.apercus img{
	margin-bottom:30px;
    filter: grayscale(15%);
	opacity:.85;
    transition: all .2s ease;
}
.apercus a:hover img {
	filter: grayscale(0%);
	opacity:1;
    transform: scale(1.05);
}
.purple{
	color:#ab558a !important;
}
/*.ast-primary-header-bar{
  border-bottom-color:#fff !important;
}*/
/*.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
	padding-left:0;
	padding-right:0;
}*/
/* Buttons in footer */
.footbutt{
	display:block;
	max-width:200px;
	margin:20px auto;
	padding:5px;
	border-radius:5px;
    box-shadow:none;
	text-align:center;
}
.footbutt:hover{
	transition: all .3s ease; 
	-webkit-box-shadow: 5px 5px 15px -5px #000000 !important;
	box-shadow: 5px 5px 15px -5px #000000 !important;
}
.footone{
	border:1px solid #ab558a;
	background-color:#fff;
	color:#ab558a;
}
.footone:hover{
	border:1px solid #ab558a;
	background-color:#FDFAFC;
	color:#ab558a;
}
.footone img{
	display:block;
	float:left;
	max-width:40px;
	margin:5px 5px 5px 10px;
}
.footone:hover img {
    filter:invert(30%); 
	opacity:.6;
}
.foottwo{
	border:1px solid #ab558a;
	background-color:#ab558a;
	color:#fff;
}
.foottwo:hover{
	border:1px solid #ab558a;
	background-color:#FDFAFC;
	color:#ab558a;
}
.foottwo img{
	display:block;
	float:left;
	max-width:40px;
	margin:7px 0 3px 15px;
}
.foottwo:hover img {
    filter: invert(25%); 
}
.footthree{
	border:1px solid #ab558a;
	background-color:#fff;
	color:#ab558a;
}
.footthree:hover{
	border:1px solid #ab558a;
	background-color:#FDFAFC;
	color:#ab558a;
}
.footthree img{
	display:block;
	float:left;
	max-width:40px;
	margin:5px 5px 5px 10px;
}
.footthree:hover img {
    filter:invert(30%); 
	opacity:.6;
}
/* Picture in footer */
.footerpic{
	border-radius:5px;
	margin-top:40px;
	opacity:.95;
}
/*** R E S P O N S I V E ***/
@media all and (max-width:781px){
	.apercus a {
		display:block;
    	max-width:200px;
		margin-left:auto;
		margin-right:auto;
	}
}