/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 21 2024 | 08:34:11 */
:root {
	--main: #004380;
	--accent: #FAB31E;
	--text: #223342;
	--base: #E7EAED;
	--white: #ffffff;
	--base-light: #f0f4f9;
	
	--btn-radius: 6px;
	--btn-pad-y: 8px;
	--btn-pad-x: 16px;
}

/* =================
	GLOBAL COLORS
================= */

.text-accent {color: var(--accent);}
.text-main {color: var(--main);}

/* =================
	GLOBAL LAYOUT
================= */

.main-container, .elementor-section {padding-left: 64px !important; padding-right: 64px !important;}
.section-contians-template .elementor-section {padding-left: 0px !important; padding-right: 0px !important;}
.main-container--boxed {width: 100%; max-width: 900px; margin: 0 auto;}

/* Container Spacing */
.main-container--spaced {padding-top: 40px; padding-bottom: 40px;}
.main-container--spaced-l {padding-top: 80px; padding-bottom: 80px;}
.main-container--spaced-xl {padding-top: 120px; padding-bottom: 120px;}


@media (max-width: 1024px) {
	.main-container, .elementor-section {padding-left: 32px !important; padding-right: 32px !important;}
	
	.main-container--spaced {padding-top: 32px; padding-bottom: 32px;}
	.main-container--spaced-l {padding-top: 64px; padding-bottom: 64px;}
	.main-container--spaced-xl {padding-top: 100px; padding-bottom: 100px;}
}
@media (max-width: 767px) {
	.main-container, .elementor-section {padding-left: 24px !important; padding-right: 24px !important;}
	
	.main-container--spaced {padding-top: 24px; padding-bottom: 24px;}
	.main-container--spaced-l {padding-top: 52px; padding-bottom: 52px;}
	.main-container--spaced-xl {padding-top: 80px; padding-bottom: 80px;}
	.colscontact{padding: 0 !important;}
}



.post-content {max-width: 800px;}

/*
.elementor-posts .elementor-post__card .elementor-post__thumbnail img{
    width: 100% !important;
}*/

/* =================
	GLOBAL SPACING
================= */

.cols--gap-l > div {gap: 32px;}
.cols--gap-m > div {gap: 16px;}
.cols--gap-s > div {gap: 8px;}

/* =================
	GLOBAL TYPOGRAPHY
================= */

div.text--subtitle {margin-bottom: 8px !important;}
.text--subtitle p {color: var(--accent); margin-bottom: 0px;}

.text--subtitle.text--big p {
	font-size: 120%;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 24px;}
.text--subtitle.text--big p:after {content: ""; width: 40px; height: 2px; background: var(--accent); display: block; margin-top: 8px; }

.post-content ul {
  margin: 0 0 0 24px;
  padding: 0;
  list-style: none;
}
.post-content ul li::before {
    content: "\2022";
    color: var(--accent);
    font-weight: bold;
    font-size: 26px;
    display: inline;
    margin-right: 0.5em;
    vertical-align: bottom;
}

.elementor-widget-text-editor ul {
  margin: 0 0 0 24px;
  padding: 0;
  list-style: none;
}

.elementor-widget-text-editor ul li::before {
    content: "\2022";
    color: var(--accent);
    font-weight: bold;
    font-size: 26px;
    display: inline;
    margin-right: 0.5em;
    vertical-align: bottom;
}

.post-content h2 {
    color: var(--main);
}

.post-content h3 {
	color: var(--main);
	margin-top: 40px;
	font-size: 24px;
}

/* =================
	BG PATTERNS
================= */

/* Wavy pattern */
.bg-pattern-1 {
	background-color: var(--base-light);
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23e5ebf3' fill-opacity='0.37' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* =================
	HEADER & NAVIGATION
================= */

header::before {
    width: 100%;
    content: "";
    height: 3px;
    background: linear-gradient(90deg, var(--main) 0%, var(--accent) 70%);
    display: block;
}

header .header__bottom {
	box-shadow: 0px 8px 16px rgba(0,0,0,0.04);
}

@media only screen and (max-width:1280px){
header .elementor-section.header__bottom {
	padding-left:14px !important;
	padding-right:14px !important;
	}
}

/* Header - Main menu - Last item as an accent button */
header .main-menu .elementor-nav-menu > li:last-child a {
	background-color: var(--accent);
	border: 1px solid var(--accent);
	color: var(--text);  
 	border-radius: var(--btn-radius);
	padding: var(--btn-pad-y) var(--btn-pad-x) !important;  
	overflow: hidden;
	margin-left: 0px;
}

/* Header - Main menu - Second last item as a primary button */
header .main-menu .elementor-nav-menu > li:nth-last-child(2) a {
	background-color: var(--white);
	border: 1px solid var(--text);
	color: var(--text);  
 	border-radius: var(--btn-radius);
	padding: var(--btn-pad-y) var(--btn-pad-x) !important;  
	overflow: hidden;
}

header .main-menu .elementor-nav-menu > li:last-child a:hover,
header .main-menu .elementor-nav-menu > li:nth-last-child(2) a:hover {
	background-color: var(--main);
	border-color: var(--main);
	color: var(--white);   
}

/* Header - Top menu - Last item as an accent button */
header .top-menu .elementor-nav-menu > li:last-child a {
	font-weight: bold;
	text-decoration: underline !important;
}

.serveisdestacats .main-menu{
	margin-bottom:0;
}

.serveisdestacats .elementor-widget-wrap{
	flex-wrap:inherit;
}

.serveisdestacats .elementor-search-form input[type=search]:focus{
	box-shadow:0 !important;
	border: 1px solid #fab31e;

}

.elementor-search-form input[type=search]:focus{
	box-shadow:0 !important;
	border: 1px solid #fab31e;

}

.elementor-search-form--skin-minimal .elementor-search-form__icon{
	opacity:1;
}

@media screen and (min-width:601px) and (max-width:1024px){
	.serveisdestacats .elementor-widget-wrap{
		flex-wrap: inherit;
    	flex-direction: row-reverse;
	}
	
		header .main-menu .elementor-nav-menu > li:last-child a{
		margin: 20px;
	}
	
	header .main-menu .elementor-nav-menu > li:nth-last-child(2) a{
		margin: 10px 20px 0 20px;
	}
	
	#header__top.elementor-section{
		padding-left: 0px !important;
    	padding-right: 0px !important;
	}
}

@media screen and (max-width:600px){
	.serveisdestacats .elementor-widget-wrap{
		flex-direction: row-reverse;
	}
	
	header .main-menu .elementor-nav-menu > li:last-child a{
		color: var( --e-global-color-primary );  
		margin-bottom:10px;
		padding:0;
		background:transparent;
		border:none;
		font-weight:bold;
		text-decoration:underline;
	}
	
	header .main-menu .elementor-nav-menu > li:nth-last-child(2) a{
		color: var(--text);  
		padding:0;
		background:transparent;
		border:none;
	}
}

/* Menu Dropdown */

@media screen and (min-width:601px) and (max-width:1024px){
	header .main-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container{
	margin-top:28px;
}
}

@media screen and (max-width:600px){
	header .main-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container{
	margin-top:3px;
}
}

/* =================
	WPML
================= */
.wpml-ls-legacy-dropdown{
	width:70px;
}

.deskwpml a{
	border:0;
}

.deskwpml .wpml-ls-sub-menu{
	border-top:0;
	background-color: #fab31e;
}

.phonewpml a{
	border:0;
}

.phonewpml .wpml-ls-sub-menu{
	border-top:0;
	background-color: #fff;
}


/* =================
	HOME
================= */

.tipus-tractament-card {
	padding: 16px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	min-height: 400px;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.tipus-tractament-card::before {
	content: '';
	background: linear-gradient(0deg, rgba(0, 67, 128, 0.9) 0%, rgba(0, 67, 128, 0) 100%);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.tipus-tractament-card__heading, .tipus-tractament-card__link {z-index: 11;}
.tipus-tractament-card__link:hover {color: var(--main);}

/* =================
	SERVEIS
================= */

.serveis-card .elementor-post__card .elementor-post__thumbnail__link:after {display:none !important;}
.serveis-card .elementor-post__card .elementor-post__thumbnail img {width:80%;margin-left: auto; margin-right: auto;}
.elementor-posts .elementor-post__card {border-radius: 8px;}

.serveis-card h2.elementor-post__title, .serveis-card h3.elementor-post__title {margin-bottom: 24px !important;}

.patologies .elementor-post__thumbnail{
	padding-bottom: 0 !important;
/*	max-width:50%; */
	margin-right:auto;
	margin-left:auto;
	height:110px;
	display: flex;
    align-items: center;
	width:110px;
}

.patologies .elementor-post__thumbnail__link {
    transition: none;
    padding-top: 10px;
}

/*.serveis .elementor-post__thumbnail{
	padding-bottom: calc( 0.4 * 100% ) !important;
	max-width:50%;
	margin-right:auto;
	margin-left:auto;
} */

.serveis .elementor-post__thumbnail{
	padding-bottom: 0 !important;
	/* max-width:50%; */
	width:110px;
	margin-right:auto;
	margin-left:auto;
	height:110px;
	display: flex;
    align-items: center;
}

.especialistes .elementor-post__thumbnail img{
	width:130% !important;
}

@media screen and (max-width:820px){
	.patologies .elementor-post__thumbnail{
		height:150px;
		width:150px;
	}
	
	.serveis .elementor-post__thumbnail{
		height:150px;
		width:150px;
	}
}

/* ============== 
FITXA DE SERVEIS
================= */

.titleserveis{
	margin-bottom:0 !important;
}


/* =================
	CARDS
================= */

.white-card {
	padding: 16px;
	border-radius: 8px;
	background: white;
	overflow: hidden;
	position: relative;
	display: flex;
    flex-direction: column;
	-webkit-box-shadow: 0 5px 20px -1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 20px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 20px -1px rgba(0, 0, 0, 0.1);
}

.white-card img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	object-position: center center;
}

.white-card .elementor-widget-image a {
	display:unset;
}

/* ====================
 MAPES I FORMULARI CONTACTE
====================== */

.logocontact{
	width:140px !important;
	height:auto !important;
}

.contacteform .elementor-section{
	padding-left:0 !important;
	padding-right:0 !important;
	}
}

@media screen and (max-width:600px){
.mapes .elementor-section{
	padding-left:0 !important;
	padding-right:0 !important;
	}
}

@media screen and (max-width:600px){
.contacteform .elementor-section{
	padding-left:8 !important;
	padding-right:8 !important;
	}
}




@media screen and (min-width:601px) and (max-width:1024px){
.mapes .elementor-section{
	padding-left:0 !important;
	padding-right:0 !important;
	}
	
.mapes .elementor-column.elementor-col-33{
    width: 31%;
}
}

/* ================
      MUTUES 
=================== */
.mutues .e-gallery-grid:not(.e-gallery--animated){
    grid-gap: 10px 100px;
}

@media screen and (min-width:601px) and (max-width:1024px){
	.mutues .e-gallery-grid:not(.e-gallery--animated){
    grid-gap: 10px 46px;
}
}

/* ===================
         BLOG
===================== */
.elementor-post-navigation__prev.elementor-post-navigation__link{
	padding-right:5px;
}

.elementor-post-navigation__next.elementor-post-navigation__link{
	padding-left:5px;
}

/* =================
	FOOTER - EUROPEAN LOGOS
================= */
#img_fp img, #img_fu img{
	width: 130px;
	height: auto;
}

@media screen and (max-width:1530px){
#section_europea {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}

/* Footer Newsletter Form */
.newsfooter .elementor-section{
    padding-left: 0 !important;
	padding-right: 0 !important;
}