/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/************************STYLE DEFAULT WEBSITE*********************/
*{
	outline: none;
} 
a:focus {
	outline: none;
}
div.wrapper-icon div.elementor-icon-wrapper {
	display: flex;
}
section.splide button.splide__arrow--prev {
    display: none;
    opacity: 1;
    left: -2.8rem;
    border-radius: 0;
    background-color: #FFF;
    font-size: 22px;
}
section.splide button.splide__arrow--next {
    right: -2.8rem;
    opacity: 1;
    background-color: #FFF;
    border-radius: 0;
    display: none;
    font-size: 22px;
}
section.splide ul.splide__pagination {
    position: relative;
    padding: 0;
    margin-top: 1rem;
}
.splide__pagination__page.is-active {
    background: #000000 !important;
    transform: scale(1) !important;
}
section.splide ul.splide__pagination button.splide__pagination__page {
    background-color: #979797 !important;
    display: flex;
    height: 10px;
    width: 10px;
    transform: scale(1) !important;
}
#ast-scroll-top {
    background-color: #FFF;
    color: #000;
}
/*****************************HEADER*************************************/
div.site-header {
    backdrop-filter: blur(5px);
}
/*****************************HOME*************************************/
.wpcf7 div.contact-form {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
div.contact-form div.form-input {
    display: flex;
    gap: 20px;
}
.wpcf7 div.contact-form input.input-frm {
    background-color: #251A0D;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #FFF;
    font-family: 'Fira Sans Condensed';
    font-size: 18px;
    line-height: 19.8px;
    font-weight: 700;
    color: #fff;
}
div.contact-form input.input-frm::placeholder {color:#4C4C4C;}
.wpcf7 div.contact-form textarea.input-msg {
    background-color: #251A0D;
    border-radius: 0;
    border: 1px solid #fff;
    height: 200px;
    resize: none;
	margin-top: 0.5rem;
	 font-family: 'Fira Sans Condensed';
    font-size: 18px;
    line-height: 19.8px;
    font-weight: 700;
    color: #fff;
}
div.contact-form input.btn-frm {
    border: 1px solid #7D7260;
    background: #1A1A1A;
    font-size: 19px;
    line-height: 19px;
    color: #7D7260;
    font-weight: 700;
    font-family: 'Thunder';
	text-transform: uppercase;
    letter-spacing: 0.54px;
	padding: 1rem 2rem 0.7rem;
}
div.contact-form input.btn-frm:hover {
	background: #7D7260;
	color: #1A1A1A;
}
div.contact-form .cont-form label {
    font-family: 'Fira Sans Condensed';
    color: #FFF;
    font-size: 19px;
    line-height: 19.2px;
    font-weight: 700;
	padding-left: 0.5rem;
}
.wpcf7 div.contact-form input.input-frm:focus {
    border-style: solid;
    border: none;
	border-bottom: 1px solid #FFF;
}
.wpcf7 div.contact-form textarea.input-msg:focus {
	border-style: solid;
	border: 1px solid #FFF;
}
section.sld-gym div.card-session {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    background-image: url(/wp-content/uploads/img-seances-groupe.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 430px;
	border: 1px solid #FFF;
}
div.card-session div.number-card p.sld-num {
    margin: 0;
    font-family: 'Thunder';
    font-size: 36px;
    line-height: 36px;
    font-weight: 900;
    font-style: italic;
    color: #7D7260;
}
div.card-session div.card-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
div.card-info h3.txt-card {
    margin: 0;
    font-family: 'Iron Brine';
    font-size: 46px;
    line-height: 52px;
    text-transform: uppercase;
}
div.card-info a.card-link {
    background: #1A1A1A;
    padding: 0.7rem 1rem 0.5rem;
    width: max-content;
    border: 1px solid #7D7260;
    color: #7D7260;
    font-family: 'Thunder';
    font-size: 18px;
    line-height: 19.8px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.58px;
    text-decoration: none;
}
div.card-info a.card-link:hover {
	background: #7D7260;
	color: #1A1A1A;
}
section.sld-gym ul.splide__pagination button.splide__pagination__page {
    background-color: #1A1A1A !important;
    border: 1px solid #7D7260;
}
section.sld-gym ul.splide__pagination button.splide__pagination__page.is-active {
    background-color: #7D7260 !important;
}
section.sld-gym ul.splide__pagination {
    margin-top: 2rem;
	margin-bottom: 0;
}
section.sld-gym div.card-privees{
	background-image: url(/wp-content/uploads/img-seances-privees.webp);
}
section.sld-gym div.card-scolaire{
	background-image: url(/wp-content/uploads/img-seances-scolaires.webp);
}
section.sld-gym div.card-entreprise{
	background-image: url(/wp-content/uploads/img-seances-entreprise.webp);
}
div.card-review {
    border: 1px solid #FFF;
    background: linear-gradient(94deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.25) 100%);
    backdrop-filter: blur(10px);
    height: 100%;
}
/******************************************SERVICES*******************************/
section.sld-after div.card-ba {
    display: flex;
    gap: 20px;
	padding: 0 3rem;
}
div.card-ba div.box-before, div.card-ba div.box-after{width:50%;}
div.card-ba div.box-before img, div.card-ba div.box-after img {
    width: 100%;
    height: 100%;
}
section.sld-after button.splide__arrow--prev {left: 0;}
section.sld-after button.splide__arrow--next {right: 0;}
section.sld-after button.splide__arrow--prev, section.sld-after button.splide__arrow--next {
	background: transparent;
	display: block;
}
section.sld-after .splide__arrow svg {fill:#FFF;}
.btn-card {
    margin-top: auto;
}
/***********************************BLOG*******************************************/
div.cont-post h2.wp-block-heading {
    margin: 1rem 0;
	font-size: 42px;
	line-height: 44px;
}
div.cont-post h3.wp-block-heading {
    font-size: 32px;
    line-height: 34px;
    margin: 1rem 0;
}
/******************************************************************/
/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 545px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 993px) {}
@media only screen and (min-width: 1025px) {}
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 1300px) {
	/************************STYLE DEFAULT WEBSITE*********************/
	section.splide button.splide__arrow--prev,
	section.splide button.splide__arrow--next {
        display: block;
    }
}


/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1159px) {}
@media only screen and (max-width: 1024px) {
	div.card-ba div.box-before img, div.card-ba div.box-after img {height: 100%;}
	section.sld-after div.card-ba {padding: 0 2.5rem;}
}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 767px) {
	div.card-info h3.txt-card {
		font-size: 38px;
		line-height: 44px;
	}
	div.card-session div.number-card p.sld-num {
		font-size: 32px;
		line-height: 34px;
	}
	section.sld-gym div.card-session {height: 380px;}
	section.sld-after div.card-ba {padding: 0;}
	div.cont-post h2.wp-block-heading {
		font-size: 28px;
		line-height: 30px;
	}
	div.cont-post h3.wp-block-heading {
		font-size: 24px;
		line-height: 26px;
	}
	div.contact-form input.btn-frm {width: 100%;}
}
@media only screen and (max-width: 544px) {}