/**
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;
}
.elementor-widget-text-editor p:last-child{ 
	margin-bottom:0px;
}
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;
}
.custom-lang a.js-wpml-ls-item-toggle, .custom-lang a.wpml-ls-link {
    font-size: 14px;
    line-height: 18px;
    color: #5A785A;
    font-family: 'ZenOldMincho';
	text-transform: uppercase;
}
a.link-footer {
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
}
#ast-scroll-top {
    background-color: #2D482D;
}
.menu-mob a.elementor-sub-item {
    display: block;
}
/*****************************HOME*************************************/
div.custom-box-icons span.elementor-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    box-shadow: 0px -1px 17.1px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%);
    background-color: #FFFFFF;
}
div.img-height {
    height: 100%;
}
div.img-height div.elementor-widget-container img {
    height: 100%;
    object-fit: cover;
	object-position: left;
}
div.img-custom div.elementor-widget-container img {
	object-position: center;
}
.size-custom {
    max-width: 600px;
    margin-left: auto;
}
div.box-slider {
    display: flex;
    gap: 20px;
    height: 100%;
    padding: 1.2rem;
    border-radius: 10px;
    border: 1px solid #CBDCCB;
}
div.box-slider div.box-image {width: 40%;}
div.box-slider div.box-info {
	width: 60%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
div.box-slider div.box-info p.info-serv {
    margin-bottom: 0;
    font-family: 'ZenOldMincho';
    font-size: 18px;
    line-height: 22px;
    color: #5A5A5A;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
div.box-slider div.box-info h3.tlt-serv {
    margin: 0;
	font-size: 32px;
    line-height: 38px;
    color: #5A785A;
}
div.box-slider div.box-info a.link-serv {
    background-color: #5A785A;
    border-radius: 40px;
    color: #FFF;
    max-width: max-content;
    padding: 10px 15px 14px 15px;
    margin-left: auto;
    text-decoration: none;
	margin-top: auto;
}
section.sldserv {padding:0.2rem;}
section.sldserv ul.splide__pagination button.splide__pagination__page {
    background-color: #FFF !important;
    color: #C7C6C6;
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    font-family: 'ZenOldMincho';
	margin-left: 0.8rem;
}
section.sldserv .splide__arrow--prev svg {
    transform: none;
}
section.sldserv ul.splide__pagination button.splide__pagination__page.is-active{color: #93AD93;}
section.sldserv button.splide__arrow--prev {
    left: -0.7rem;
    border-radius: 100%;
    background-color: #CBDCCB;
    font-size: 14px;
}
section.sldserv button.splide__arrow--next {
    right: -0.7rem;
    border-radius: 100%;
    background-color: #CBDCCB;
    font-size: 14px;
}
section.sldserv .splide__arrow svg {
    fill: #FFF;
    height: 12px;
    width: 12px;
}
section.sldserv ul.splide__pagination {
    margin-top: 2rem;
}
section.sldserv button.splide__arrow--next, section.sldserv button.splide__arrow--prev {
	display: flex;
}
.size-map {
	max-width: 450px;
	margin-left: auto;
}
.custom-test .ti-date, .custom-test span.ti-stars {
    display: none !important;
}
.custom-test .ti-inner {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
}
.custom-test .ti-review-header {order:4;}
.custom-test span.ti-stars {order: 3;}
.custom-test span.ti-read-more {order: 2;}
.custom-test .ti-review-text-container {order: 1;}
.custom-test .ti-widget.ti-goog .ti-review-item>.ti-inner {
    padding: 2rem 1.5rem !important;
}
div.box-slider div.box-info a.link-serv:hover {
    background-color: #2D482D;
}
#carrousel-img-sized img.attachment-full.size-full {
    height: 300px !important;
    object-fit: cover;
    object-position: center;
}
/**********************************EQUIPE***********************************/
div.banner-equipe {
    position: relative;
    background: url(https://publissoft.dev/clinique-sl3/wp-content/uploads/banner-notre-equipe.webp) top center no-repeat;
    background-size: cover;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.banner-equipe::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(8px);
    pointer-events: none;
}

div.banner-equipe::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FCFCFC;
    pointer-events: none;
}
div.banner-clinique {
    background: linear-gradient(to top, #FCFCFC 50%, transparent 50%), url(https://publissoft.dev/clinique-sl3/wp-content/uploads/banner-notre-clinique.webp) top right no-repeat;
    background-size: cover;
}
div.banner-promo {
    position: relative;
    background: url(https://publissoft.dev/clinique-sl3/wp-content/uploads/Capture.jpg) top center no-repeat;
    background-size: cover;
    height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.banner-promo {
    position: relative;
    background: url(https://publissoft.dev/clinique-sl3/wp-content/uploads/Capture.jpg) center center no-repeat;
    background-size: cover;
    height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* QUITA el blur */
div.banner-promo::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 1) 60%,
        rgba(255, 255, 255, 0.8) 75%,
        rgba(255, 255, 255, 0.2) 100%
    );
    
    pointer-events: none;
}

div.banner-promo::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FCFCFC;
    pointer-events: none;
}
div.banner-blog {
    position: relative;
    background: url(https://publissoft.dev/clinique-sl3/wp-content/uploads/banner_blogue.webp) top center no-repeat;
    background-size: cover;
     height: 600px;
     display: flex;
    align-items: center;
    justify-content: center;
}

div.banner-blog::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(8px);
    pointer-events: none;
}

div.banner-blog::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FCFCFC;
    pointer-events: none;
}
/*********************************CONTACT*************************************/
.wpcf7 .contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0;
}
.contact-form .col-form {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.col-form label {
    font-family: 'ZenOldMincho';
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    color: #333333;
}
.contact-form .col-form input.input-form, .contact-form .col-form  textarea.txt-message {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #93AD93;
    border-radius: 0;
	font-family: 'ZenOldMincho';
    font-size: 18px;
    line-height: 22px;
    color: #8F8F8F;
}
.contact-form .col-form input.input-form:focus, .col-form  textarea.txt-message {
	border-color: #93AD93;
}
.contact-form .col-form input.input-form::placeholder, .contact-form .col-form  textarea.txt-message::placeholder {
    font-family: 'ZenOldMincho';
    font-size: 18px;
    line-height: 22px;
    color: #8F8F8F;
}
.contact-form .col-form  textarea.txt-message {
	resize: none;
	height: 100px;
	border-bottom: 0;
}
.col-btn input.btn-form {
    background-color: #5A785A;
    border-radius: 40px;
    padding: 10px 20px 14px 20px;
    color: #FCFCFC;
    font-size: 18px;
    line-height: 22px;
}
.col-btn input.btn-form:hover {background-color:#2D482D;}
/***************************************POPUP MOBILE*****************************************/
div.menu-mob li.menu-item {
    border-bottom: 1px solid #5A785A;
    padding-bottom: 10px;
	padding-top: 10px;
}
div.menu-mob ul.sub-menu li.menu-item {
    border-bottom: 1px solid #5A785A;
}
div.menu-mob ul.sub-menu li.menu-item:last-child {
    border-bottom: none;
}
/***************************************BLOG*************************************************/
div.post-custom h2.wp-block-heading, div.post-custom h3.wp-block-heading {
    margin: 0;
    margin-bottom: 1rem;
    color: #5A785A;
}
a.elementor-element.card-blog {
    text-decoration: none;
}
.container-blog a.sld-post-link p.info-serv {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	margin: 0;
    font-family: 'ZenOldMincho';
    font-size: 18px;
    line-height: 22px;
    color: #5A5A5A;
}
.container-blog a.sld-post-link {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #CBDCCB;
    background-color: #FCFCFC;
    padding: 1rem;
	text-decoration: none;
	height: 100%;
}
section.sldArticles .container-blog {
    height: 100%;
}
.container-blog a.sld-post-link h3.tlt-serv {
    margin: 0;
    font-family: 'Alice';
    font-size: 32px;
    line-height: 38px;
    color: #5A785A;
}
section.sldArticles .splide__arrows {
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
}
section.sldArticles button.splide__arrow--prev, section.sldArticles button.splide__arrow--next {
    display: flex;
}
section.sldArticles .splide__arrow--prev svg {
    transform: none;
}
section.sldArticles button.splide__arrow--prev, section.sldArticles button.splide__arrow--next {
    border-radius: 100%;
    background-color: #CBDCCB;
    font-size: 14px;
}
section.sldArticles .splide__arrow svg {
    fill: #FFF;
    height: 12px;
    width: 12px;
}
/******************************************************************/
/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 545px) {}
@media only screen and (min-width: 768px) {
	section.sldserv .splide__arrows {
		position: absolute;
		bottom: -2rem;
		left: 50%;
	}
	section.sldserv button.splide__arrow--prev {
		left: -2rem;
	}
	section.sldserv button.splide__arrow--next {
		right: -4rem;
	}
}
@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 only screen and (min-width: 1140px) {
	div.bk-gradient-footer {
		background: linear-gradient(to right, #5A785A 25%, #708770 75%);
	}
}


/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1159px) {}
@media only screen and (max-width: 1024px) {
	div.box-slider div.box-info h3.tlt-serv, .container-blog a.sld-post-link h3.tlt-serv {
		font-size: 28px;
		line-height: 34px;
	}
	.size-custom, .size-map {max-width: 100%;}
}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 767px) {
	div.box-slider {flex-direction: column;}
	div.box-slider div.box-image {width: 100%;}
	div.box-slider div.box-info {width: 100%;}
	div.box-slider div.box-info h3.tlt-serv, .container-blog a.sld-post-link h3.tlt-serv {
		font-size: 22px;
		line-height: 26px;
	}
	div.box-slider div.box-info a.link-serv {
		max-width: 100%;
		margin-left: 0;
		text-align: center;
		font-size: 20px;
        line-height: 24px;
	}
	div.box-image img {width: 100%;}
	section.sldserv ul.splide__pagination {display: none;}
	.contact-form .col-form input.input-form::placeholder, .contact-form .col-form  textarea.txt-message::placeholder, .contact-form .col-form input.input-form, .contact-form .col-form  textarea.txt-message, .col-form label {
		font-size: 20px;
		line-height: 24px;
	}
	.col-btn input.btn-form {
		width: 100%;
		font-size: 20px;
        line-height: 24px;
	}
	.container-blog a.sld-post-link p.info-serv {
		font-size: 16px;
		line-height: 20px;
	}
	div.box-slider div.box-info p.info-serv {
		/*font-size: 14px;
		line-height: 18px;*/
		font-size: 20px;
		line-height: 24px;
	}
	a.link-footer {
    	font-size: 18px;
 	   line-height: 22px;
	}
	div.banner-equipe, div.banner-promo, div.banner-blog {
    	height: 100%;
	}
}
@media only screen and (max-width: 409px) {
	#elementor-popup-modal-971 .dialog-widget-content {
		margin: 8.2rem 0rem 0rem 0rem !important;
	}
}