@charset "utf-8";
/*
Theme Name: irisbeneitopedagogia_v01
Theme URI:
Description: Design created for Panda Creatiu.
Version: 1.0
Author: Panda Creatiu
Author URI: http://www.pandacreatiu.com/
Tags:
*/
/* ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;list-style:none;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/* -------------------------------------------------------------------- */
html, body{ overflow-x: hidden; }
body { font-family: 'Roboto Serif', serif; font-size:18px; font-weight:200; background-color:#FFFCF9; }

body .hidden { display: none !important; }

.wrapper{ width: 100%; margin: 0; }

.title_gen{ margin-top:50px; font-size:50px; }

.txtgen{ font-size: 18px; line-height: 1.7; font-weight: 300; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 30px; }
.txtgen h1{ font-size: 140%; }
.txtgen h2{ font-size: 120%;  }
.txtgen h3{ font-size: 100%; }
.txtgen img { max-width: 100%; height: auto; }
.txtgen ul, .txtgen ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
.txtgen ul li, .txtgen ol li{  list-style:outside; margin-bottom:25px; }
.txtgen ol li { list-style:decimal; }
.txtgen iframe { max-width: 100%; height: 300px; }

/* center div variable width */
.outer{ position: relative; left: 50%; float: left; }
.inner { position: relative; left: -50%; float: left; }

.transition{ transition: all .3s ease-in-out; }

.shadow{ box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); }
.radius{ border-radius: 12px; }

::selection { background: #F1F1F1; }
::-moz-selection { background: #F1F1F1; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #7f7f7f; border: 0px none #ffffff; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #7f7f7f; }
::-webkit-scrollbar-thumb:active { background: #000000; }
::-webkit-scrollbar-track { background: #f1f1f1; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-track:hover { background: #f1f1f1; }
::-webkit-scrollbar-track:active { background: #333333; }
::-webkit-scrollbar-corner { background: transparent; }

select{
    padding: .3125rem 3rem .3125rem 1rem;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.2%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right 1rem center;
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #d8e2ef;
    color: #344040;
    background-size: 10px 12px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    outline:none;
}

.clear{ clear: both; }

.container{ width: 100%; max-width: 1275px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }

/* MENU / SUBMENU -------------------- */
.header{ width: 100%; background-color: #fff; padding:15px 10px; }
	
	.logo{ padding:4px 10px; }

	.header_menu{ position: absolute; right: 20px; top: 27px; display:flex; align-items: center; }

		#main-nav{ font-size: 16px; font-weight: 400; }
			#main-nav ul{ margin: 0; padding: 0; display: inline-flex; }
			#main-nav li{ display: block; float: left; margin: 0; padding: 0; position: relative; cursor: pointer; word-wrap: break-word; }
			#main-nav li a{ display: block; padding: 0 20px; color: #000; transition: all .3s ease-in-out;}
			#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover, li.current-menu-parent >a{ color: #54754B !important; }

		.header_instagram{ margin:0 0 0 20px; }
			.instagram{ width:32px; height:32px; background-image:url('images/instagram_header.png'); }
		

/* menu mobile*/
.menu_movil_trigger{ display: none; }

.menu_mobile{ margin-top: 20px; }

	.sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto;
	  font-size: 14px; background: #fff; color: #333; box-shadow: 0 0 5px 5px #F0F3F7 inset; padding: 15px; }

	.sidr .sidr-inner { padding: 0 0 15px; }

	.sidr.right { left: auto; right: -260px; }
	.sidr.left { left: -260px; right: auto; }

		.menu_mobile a{ color: #000; }

		.menu_mobile{ font-size: 13px; text-transform: uppercase; }
		.menu_mobile ul li{ padding: 12px 0; }
		.menu_mobile ul li a{ display: block; width: 230px !important; border-bottom: 1px solid #ccc; padding-bottom: 20px; }

		.menu_mobile ul li ul{ padding-left: 15px; font-size: 12px; margin-top: 7px; display: none; }
		.menu_mobile ul li ul li a{ border-bottom: none; font-weight: normal; }
		.menu_mobile ul li ul li a:after{ content: ''; }


@media only screen and (max-width: 980px) {	
	#main-nav { font-size: 14px; }
	#main-nav li a{ padding: 0 10px; }
}

@media only screen and (max-width: 800px) {	
	.header_menu{ display:none; }
	.menu_movil_trigger{ display: block; position:absolute; right:20px; top:10px; }
}


/* HOME ==================================================================================================================================== */
/* BANNER */
.home_banner{ width:100%; background-color:#C2E2B9; color:#54754B; }

	.home_banner_content{ width:100%; max-width:900px; margin: auto; padding:40px 10px 0 10px; text-align:center; }
		.home_banner_title, .home_banner_title h1{ font-size:37px; letter-spacing:4px; font-weight:200; }
		.home_banner_subtitle{ font-size:70px; }
		.home_banner_img img{ max-width:100%; height:auto; }
		.home_banner_text{ font-size:27px; line-height:1.3; }
		.home_banner_text p{ padding-bottom:30px; }
		.home_banner_text p:last-child{ padding-bottom:0; }

.home_banner_bottom { width: 100vw; height: 180px; overflow: hidden; }
	.home_banner_bottom svg { width: 100vw; height: auto; display: block; }

@media only screen and (max-width: 800px) {	
	.home_banner_title, .home_banner_title h1{ font-size:26px; }
	.home_banner_subtitle{ font-size:40px; }
	.home_banner_text{ font-size:18px; }

	.home_banner_bottom { width: 100vw; height: 100px; }
}

/* SOBRE MI */
.home_sobre_mi{ width: 100%; max-width: 1000px; display:flex; align-items: end; position:relative; margin:100px auto; }
	
	.home_sobre_mi_img{ position:relative; width:45%; }
		.home_sobre_mi_img .back { z-index: 1; position: absolute; bottom: 0; width: 100%; height: 90%; background-image: url('images/sobre-mi-back.png'); 
			background-size: cover; background-position: bottom; background-repeat: no-repeat; }

		.home_sobre_mi_img .img{ position:relative; z-index: 2; }
		.home_sobre_mi_img .img img{ width:100%; height:auto; }

	.home_sobre_mi_content{ width:55%; padding: 0 0 60px 60px; }
		.home_sobre_mi_title{ position: relative; font-size:70px; width:fit-content; }
			.home_sobre_mi_end{ position:absolute; right:-40px; margin-top:-30px; }
			.home_sobre_mi_deco{ margin-top:-35px; }
			.home_sobre_mi_deco svg{ width:105%;  }

		.home_sobre_mi_subtitle{ font-size:40px; font-style:italic; margin-top:50px; }
		.home_sobre_mi_subtitle h2{ font-weight:200; }
		.home_sobre_mi_text{ margin-top:30px; width:100%; max-width:500px; }

		.home_sobre_mi_bt{ margin-top:40px; background-color:#7554A7; color:#fff; border-radius: 50px; width:fit-content; padding:17px 40px; font-size:20px; }
		.home_sobre_mi_bt:hover{ background-color:#BC91FD; }

.home_separador{ width:100%; height:2px; background-image:url('images/linea.png');background-position:center; }

@media only screen and (max-width: 850px) {	
	
	.home_sobre_mi{ display:block; margin:20px auto 50px auto; }
		.home_sobre_mi_img{ width:100%; max-width:400px; margin:0 auto; }
		.home_sobre_mi_content{ width:100%; padding: 0; }
		
			.home_sobre_mi_title{ font-size:50px; margin:25px auto 0 auto; }
				.home_sobre_mi_end{ display:none; }
				.home_sobre_mi_deco{ padding-top:15px; }
				.home_sobre_mi_deco svg{ width:100%;  }

			.home_sobre_mi_subtitle{ font-size:30px; margin-top:20px; text-align:center; }
			.home_sobre_mi_text{ text-align:center; }

			.home_sobre_mi_bt{ margin:auto; font-size:16px; }
			
	.home_separador{ width:100%; height:2px; background-image:url('images/linea.png');background-position:center; }
	
}


/* COM TREBALLE */
.home_treballe{ width: 100%; max-width: 1100px; margin:100px auto 60px auto; }

	.home_treballe_title{ position: relative; font-size:70px; width:fit-content; margin:auto; }
		.home_treballe_end{ position:absolute; right:-45px; margin-top:-45px; }
		.home_treballe_deco{ position: absolute; width: 100%; margin-top:-15px; }
		.home_treballe_deco svg{ width: 100%; }

	.home_treballe_items{ display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:90px; }

		.home_treballe_item{ width:30%; padding:20px; }

			.home_treballe_item_img{ position:relative; }
				.home_treballe_item_img .back{ position:absolute; z-index: 1; width:105%; height:105%; border-radius: 30px; margin:-2% 0 0 -2%; }
				.home_treballe_item_img .img{ position: relative; z-index: 2; width:100%; aspect-ratio:0.86; border-radius: 30px;
					background-size:cover; background-position:center; background-repeat:no-repeat; }

			.home_treballe_item_title{ margin-top:40px; font-size:28px; text-align:center; }
			.home_treballe_item_title h2{ font-weight:200; }
			.home_treballe_item_text{ margin-top:15px; text-align:center; }


@media only screen and (max-width: 850px) {	
	.home_treballe{ margin:40px auto 0 auto; }

		.home_treballe_title{ font-size:50px; }
			.home_treballe_end{ display:none; }

		.home_treballe_items{ display:block; margin-top:40px; }
			.home_treballe_item{ width:100%; max-width: 400px; margin: auto; padding:20px; }

			.home_treballe_item_title{ margin-top:30px; font-size:24px; }
			.home_treballe_item_text{ margin-top:15px;  }
}


/* TEXT */
.home_text{ margin:100px 0; position:relative; padding:80px; text-align:center; font-size:28px; font-style:italic; }
	.home_text_img{ position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-image: url('images/back_green.png'); background-size: 100% 100%; background-repeat: no-repeat; }
	.home_text_text{ position:relative; z-index: 1; line-height:1.3; }


@media only screen and (max-width: 850px) {	
	.home_text{ margin:60px 0; padding:40px; font-size:20px; }	
}


/* ESPECIALITATS */
.home_especialitats{ padding:50px 0; }

	.home_especialitat_title{ position: relative; font-size:70px; width:fit-content; margin:auto; }
		.home_especialitat_end{ position:absolute; right:-45px; margin-top:-35px; }
		.home_especialitat_title h1, .home_especialitat_title h2{ font-weight:200; }
		.home_especialitat_deco{ width: 100%; margin-top:-35px; }
		.home_especialitat_deco svg{ margin-top:50px; }

	.home_especialitats .swiper-container{ width: calc(100% - 90px); margin:70px auto 0 auto; overflow:hidden; }

		.home_especialitats .swiper-slide{ border-radius: 20px; width:100%; /*max-width:355px !important;*/ }
			.home_especialitats .home_swiper_img{ padding:30px 50px 0 50px;  }
			.home_especialitats .home_swiper_img img{ width:100%; height:auto; }

			.home_especialitats .home_swiper_title{ padding:25px; text-align:center; font-size:24px; color:#fff; min-height:110px; }
			.home_especialitats .home_swiper_title h3{ font-weight:200; }

			.home_especialitats .prev_banner, .home_especialitats .next_banner{ color:#000 !important; width:10px !important; height:10px !important; margin-top:100px;  }
			.home_especialitats .swiper-button-next, .home_especialitats .swiper-button-prev{ margin-top:70px !important; }
			.home_especialitats .swiper-button-next:after, .home_especialitats .swiper-button-prev:after { font-size: 30px !important; }

			.home_especialitats .swiper-pagination-bullet-active { background: #000 !important; }

.home_bt_especialitats{ width:fit-content; margin:50px auto 0 auto; background-color: #7554A7; color: #fff; border-radius: 50px; padding: 17px 40px; font-size: 20px; }


@media only screen and (max-width: 900px) {	
	.home_especialitats{ padding:20px 0; }

		.home_especialitat_title{ font-size:50px; }
			.home_especialitat_end{ display: none; }

	.home_especialitats .home_swiper_title{ padding:10px; font-size:20px; }

	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -20px !important; }

	.home_bt_especialitats{ font-size:16px; }

}


/* TESTIMONIS */
.home_testimonis{ padding:120px 0 30px 0; width:100%; max-width:800px; margin:auto; overflow:hidden; position:relative; }
	
	.home_testimonis_title{ position: relative; font-size:70px; width:fit-content; margin:auto; }
		.home_testimonis_end{ position:absolute; right:-40px; margin-top:-30px; }
		.home_testimonis_deco{ width: 100%; margin-top:-35px; }

	.swiper-container-testimonio{ position:relative; margin-top: 80px;  }
		.swiper-container-testimonio .swiper-slide{ padding:0 90px; }

		.home_testimonis .prev_test, .home_testimonis .next_test{ color:#000 !important; width:10px !important; height:10px !important; }
		.home_testimonis .swiper-button-next:after, .home_testimonis .swiper-button-prev:after{ font-size: 30px !important; }
		.home_testimonis .swiper-pagination-bullet-active { background: #000 !important; }

		.testimonio_nom{ text-align:center; font-size:40px; }
		.testimonio_test{ margin-top:30px; text-align:center; padding-bottom:40px; }

@media only screen and (max-width: 900px) {	

	.home_testimonis{ padding:70px 0; }

	.home_testimonis_title{ font-size:50px; }
		.home_testimonis_end{ display:none; }

	.swiper-container-testimonio .swiper-slide{ padding:0 30px; }
	.home_testimonis .swiper-button-next:after, .home_testimonis .swiper-button-prev:after{ font-size:15px !important; }
	.testimonio_nom{ font-size:30px; }

}



/* SOBRE MI ==================================================================================================================================================================================== */
.sobremi{ margin-top:100px; width:100%; max-width:1100px; }
	
	.sobremi h1, .sobremi h2, .sobremi h3, .estudis h1, .estudis h2, .estudis h3{ font-weight:200; }


	.sobre_mi{ margin-top:100px; }	

		.sobre_mi_img{ float:right; width:40%; }
		.sobre_mi_img img{ width:100%; height:auto; border-radius: 30px; }

		.sobre_mi_content{ float:left; width:60%; padding:0 80px 0 0; }
			.sobre_mi_title{ width: fit-content; font-size: 60px; position:relative; }
			.sobre_mi_title_deco{ position:absolute; z-index: -1; margin-top: -35px; width:100%; height:45px; background-color:#DAC2FE; }
			.sobre_mi_subtitle{ margin-top:60px; font-size:40px; font-style:italic; }
			.sobre_mi_text{ margin:40px 0 80px 0; }

.estudis{ position:relative; margin-top:150px; }

	.estudis_deco{ position:absolute; left: 0; bottom: 0; z-index:1; width: 100%; height: calc(100% - 110px); background-image:url('images/sobre_mi_back_green.png'); background-size: 100% 100%; }

	.estudis_container{ position:relative; z-index:2; display:flex; padding-bottom:40px; }

		.estudis_img{ width:40%; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius: 30px; }

		.estudis_content{ width:60%; padding-left:40px; }
			.estudis_content_title{ margin-top:50px; font-size:40px; }
			.estudis_content_items{ padding:90px 0; }
				.estudis_content_item{ padding:40px 0; }

.estudis_text{ padding:100px 10px; text-align:center; width:100%; max-width:1000px; margin:auto; font-size:40px; line-height:1.3; }
	.estudis_text_deco{ width:400px; margin:auto; }

@media only screen and (max-width: 850px) {	

	.sobremi{ margin-top:50px; }
		.sobre_mi{ margin-top:50px; }
			.sobre_mi_img{ float:none; width:100%; max-width:400px; margin:auto; }
			.sobre_mi_content{ float:none; width:100%; padding:0; }
				.sobre_mi_title{ width: fit-content; margin: 30px auto 0 auto; font-size: 55px; }
				.sobre_mi_subtitle{ margin-top:40px; font-size:30px; text-align:center; }
				.sobre_mi_text{ margin:40px 0 40px 0; text-align:center; }
				
	.estudis{ margin-top:100px; }		
		.estudis_container{ display:block; padding-bottom:40px; }
			.estudis_img{ width:100%; max-width:400px; aspect-ratio:1; margin:auto; }
			.estudis_content{ width:100%; padding-left:0px; }		
				.estudis_content_title{ margin-top:50px; text-align:center; }
				.estudis_content_items{ padding:40px 0; text-align:center; }
					.estudis_content_item{ padding:10px 0; }

	.estudis_text{ padding:50px 10px; font-size:28px; }
		.estudis_text_deco{ margin-top:20px; }
}


/* ESPAI D'APRENENTATGE ==================================================================================================================== */
.espai{ width: 100%; max-width: 1000px; position:relative; margin:100px auto; }
.espai h1, .espai h2, .espai h3{ font-weight:200; }

	.espai_content{ float:right; width:50%; padding-left:70px; }

		.espai_title{ position: relative; font-size:70px; width:fit-content; }
			.espai_end{ position:absolute; left:180px; margin-top:-45px; }
			.home_sobre_mi_deco{ margin-top:-35px; }
			.espai_deco svg{ width:105%;  }
		
		.espai_text{ margin-top:40px; }

	.espai_img{ float:left; width:50%; padding-right:70px; }

		.espai_img .swiper-slide div { border-radius: 20px; width: 100%; aspect-ratio: 0.7; background-size: cover; background-position: center; background-repeat: no-repeat; }
		.espai_img .swiper-button-next:after, .espai_img .swiper-button-prev:after { font-size: 30px !important; }
		.espai_img .swiper-button-next, .espai_img .swiper-button-prev { color:#000 !important; }

.beneficis{ width: 100%; max-width: 1100px; margin:100px auto 40px auto; }
.beneficis h1, .beneficis h2, .beneficis h3{ font-weight:200; }

.espai_footer_text{ padding:60px 0; text-align:center; width:100%; max-width:1000px; margin:auto; font-size:40px; line-height:1.3; }
	.espai_footer_text_deco{ width:400px; margin:auto; }

@media only screen and (max-width: 850px) {	

	.espai{ margin:50px auto; }

		.espai_content{ float:none; width:100%; padding-left:0px; }

			.espai_title{ font-size:50px; margin:auto; text-align:center; }
				.espai_end{ display:none; }
				.home_sobre_mi_deco{ margin-top:-35px; }
				.espai_deco svg{ width:100%; }

			.espai_text{ margin-top:40px; text-align:center; }

		.espai_img{ float:none; width:100%; max-width: 600px; padding:0 60px; margin:50px auto; }

	.beneficis{ margin:100px auto 0px auto; }

	.espai_footer_text{ padding:30px 0; font-size:28px; }

}

/* ESPECIALITATS =========================================================================================================================== */
.container_especialitats{ width:100%; max-width:900px; margin:100px auto 50px auto; }

	.especialitats_txt1{ margin-top:80px; text-align:center; font-size:40px; }
	.especialitats_txt2{ margin:50px 0; text-align:center; font-size:60px; }
	.especialitats_txt2 h1{ font-weight:200; }
	.especialitats_txt3{ text-align:center; }

.esp_items{ width: 100%; max-width: 1100px; margin: auto; display:flex; flex-wrap:wrap; }
	.esp_item{ width:33.333%; padding: 20px; }
	.esp_item_inner{ border-radius: 20px; height:100%; position:relative; }
		.esp_img{ padding:30px 60px 0 60px; }
		.esp_img img{ width:100%; height:auto; }
		.esp_title{ padding:25px; text-align:center; font-size:25px; color:#fff; }
		.esp_title h2{ font-weight:200; }

		.esp_time{ position:absolute; right:0; width:70px; text-align:center; }
			.esp_time_icon{ width:70px; height:70px; background-image:url('images/time.png'); background-size:cover; background-position:center; background-repeat:no-repeat; }
			.esp_time_text{ font-size:13px; color:#fff; }


@media only screen and (max-width: 850px) {	

	.container_especialitats{ margin:50px auto 50px auto; }

	.especialitats_txt1{ margin-top:40px; font-size:25px; }
	.especialitats_txt2{ margin:25px 0 30px 0; font-size:40px; }
	.especialitats_txt3{ text-align:center; }

	.esp_items{ margin: 0 auto 60px auto; }
		.esp_item{ width:50%; padding:10px; }
		.esp_img{ padding:30px 80px 0 80px;  }
		.esp_title{ padding:15px; font-size:25px; }

		.esp_time{ width:60px; }
		.esp_time_icon{ width:60px; height:60px; }
}

@media only screen and (max-width: 650px) {	
	.esp_item{ padding:5px; }
}

@media only screen and (max-width: 550px) {	
	.esp_item{ width:100%; padding: 5px 0; }
}


/* ESPECIALITAT SINGLE */
.especialitat_title{ position: relative; font-size:60px; width:fit-content; margin: 100px auto 0 auto; }
	.especialitat_title h1{  }
	.especialitat_title_deco{ width: 100%; margin-top:-35px; }
	.especialitat_title_deco svg{ margin-top:50px; }

.single_especialitat{ width:100%; position: relative; margin-top:90px; }
	.single_especialitat svg{ position: absolute; width:120%; height:100%; left:-10%; }

	.se_container{ width: 100%; max-width: 1000px; margin: auto; padding:80px 10px; display:flex; align-items: center; }
		.se_container_img{ width:40%; }
		.se_container_img img{ width:100%; height:auto; }

		.se_container_content{ width:60%; padding-left:100px; color:#fff; }
			.se_time{ margin-bottom:10px; display: flex; align-items: center; }
				.se_time_icon{ width:60px; height:60px; background-image:url('images/time.png'); background-size:cover; background-position:center; background-repeat:no-repeat; }
				.se_time_text{ font-size:20px; color:#fff; text-align:center; }

.se_textos{ width:100%; max-width:1000px; margin:100px auto; }
	.se_text{ margin:40px 0; }
		.se_text_title{ text-align:center; font-size:70px; }
		.se_text_text{ margin-top:80px; }

.se_faq{ width:100%; max-width:1000px; margin:150px auto 100px auto; }

	.se_faq_items{ border-top:1px solid #ccc; margin-top:90px; }

		.se_faq_item{ border-bottom:1px solid #ccc; padding:20px 10px; position:relative; }
			.se_faq_item_title{ cursor:pointer; display:flex; align-items: center; justify-content: space-between; font-size:20px; padding-right:15px; }
			.se_faq_item_content{ display:none; padding-top:15px; font-size:15px; line-height:1.3; padding-right:15px; }


@media only screen and (max-width: 850px) {	

	.especialitat_title{ font-size:50px; margin: 50px auto 0 auto; }

	.single_especialitat{ margin-top:50px; }

	.se_container{ padding:50px 10px; display:block; }
		.se_container_img{ width:100%; }
		.se_container_img img{ width:100%; max-width: 400px; height:auto; }

		.se_container_content{ width:100%; padding-left:0px; }

	.se_textos{ margin:50px auto; }
	.se_text{ margin:30px 0; }
		.se_text_title{ text-align: left; font-size:50px; }
		.se_text_text{ margin-top:50px; }

	.se_faq{ margin:70px auto; }

}


.se_blog_header{ text-align:center; position:relative; margin-bottom:25px; }
	.se_blog_header img{ max-width:100%; height:auto; }
	.se_blog_header_txt{ position:absolute; width: 350px; text-align:left; bottom:40px; left: 50%; margin-left: 50px; transform: translateX(-50%); font-size: 40px; line-height:.6; }
	.se_blog_header_txt h2{ font-size:18px; font-weight:200; line-height:1; margin-top:10px; }

@media only screen and (max-width: 990px) {	
	.se_blog_header_txt{ font-size: 30px; bottom:30px; }
	.se_blog_header_txt span{ font-size:15px; }
}


@media only screen and (max-width: 680px) {	
	.se_blog_header img{ max-width:114%; }
	.se_blog_header_txt{ width: 270px; font-size: 19px; bottom:25px; line-height:.8; margin-left:15%; }
	.se_blog_header_txt span{ font-size:12px; }
}


@media only screen and (max-width: 480px) {	
	.se_blog_header_txt{ width: 200px; font-size:17px; bottom:15px; }
	.se_blog_header_txt span{ font-size:12px; }
}



/* CONTACTE ================================================================================================================================ */
.contacte_top{ position:relative; }
.contacte_top svg{ position: absolute; width:100%; height:100%; }

.contacte_top .container{ display:flex; align-items: end; padding:70px 10px; }

	.contacte_top_img{ position:relative; width:40%; padding-right:50px; }
		.contacte_top_img .back img{ z-index: 1; position: absolute; bottom: 0; width:100%; height:90%; }
		.contacte_top_img .img{ position:relative; z-index: 2; }
		.contacte_top_img .img img{ width:100%; height:auto; }

	.contacte_top_form{ width:60%; padding-left:70px; }
		.contacte_top_form_title{ font-size:24px; text-align:center; }
		.contacte_top_form_form{ margin-top:30px; }


@media only screen and (max-width: 850px) {	

	.contacte_top .container{ display:block; }

		.contacte_top_img{ width:100%; max-width: 400px; padding-right:0px; }

		.contacte_top_form{ width:100%; padding-left:0px; margin-top:30px; }
			
			.contacte_top_form_title{ font-size:24px; text-align:left; }
			
	.contacte_top svg{ width:150%; margin-left:-25%;  }

}


/* FORM THEME 3 formulario de contacto  */
.form_theme_3 { font-size: 1em; color: #000; }
.form_theme_3 input[type="text"], .form_theme_3 input[type="email"], .form_theme_3 textarea{ 
	width: 100%; border: none; margin:10px 0; color: #000; background-color: #fff; box-sizing: border-box; padding: 15px; border-radius: 20px; }

.form_theme_3 input[type='checkbox']{ margin-top: 5px; margin-left: -5px; }

.form_theme_3 textarea{ resize:none; height: 180px; font-family: 'Dosis', sans-serif; font-size: 1em; }

.form_theme_3 .label_checkbox{ font-size: 14px; color: #1A1A1A; }

.form_theme_3 a{ font-size: 14px; color: #0091B2; }
.form_theme_3 a:hover{ text-decoration: underline; }

.form_theme_3 input[type="submit"]{  border: none; margin-top: 10px; cursor: pointer; background-color: #7554A7; color:#fff; font-size:20px; padding:15px 40px; border-radius: 20px; }

.form_theme_3 div.wpcf7-validation-errors{ 
	margin-top: 20px !important; 
	margin-left: -10px !important; 
	font-size: 14px !important; 
	border: none !important; 
	padding-top: 0 !important; 
	color: red !important;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px;
}

.formulari_text_legal{ font-size:13px; margin-top:15px; }

.contacte_dades{ width:100%; max-width:900px; padding: 10px; margin: 150px auto; display:flex; justify-content: space-between; text-align:center; }
	.contacte_item{ font-size:22px; }
	.contact_item_icon{ margin-bottom:15px; }
	.contacte_item a{ color:#000; }

.contacte_map{ margin-top:70px; }
.contacte_map iframe{ width:100%; height:75vh; }

.contacte_instagram{ width: 100%; max-width: 650px; padding: 10px; margin:70px auto; text-align:center; }
	.contacte_instagram_text{ margin-top:50px; font-size:40px; }
	.contacte_instagram_deco{ width:500px; height:30px; margin:30px auto; }


@media only screen and (max-width: 768px) {	

	.contacte_dades{ margin: 20px auto; display:block; }
		.contacte_item{ font-size:22px; margin:50px 0; }

	.contacte_instagram{ margin:40px auto; }
		.contacte_instagram_text{ margin-top:30px; font-size:30px; }
		.contacte_instagram_deco{ width:370px; }
}

/* BLOG ==================================================================================================================================== */
.container_blog{ display:flex; flex-wrap:wrap; width:100%; max-width:1200px; margin:auto; }

	.item_blog{ width:33.333%; padding:15px; }
		.item_blog_inner{ border-radius: 30px; box-shadow: 5px 5px 11px 0px rgba(0,0,0,0.3); height:100%; display: flex; flex-direction: column; }

			.item_blog_img{ width:100%; aspect-ratio:1.2; border-top-left-radius: 30px; border-top-right-radius: 30px; background-size:cover; background-position:center; background-repeat:no-repeat; }

			.item_blog_content{ padding:20px; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1;}
				.item_blog_title{ text-align:center; font-size:27px; color:#fff; line-height:1.2; }
				.item_blog_title h2, .item_blog_title h3{ font-weight:200; }

				.item_blog_bt{ width:fit-content; margin: 20px auto 0 auto; background-color:#7554A7; color: #fff; border-radius: 30px; padding: 15px 30px; font-size: 13px; }				

			.item_blog_inner:hover .item_blog_bt{ background-color:#BC91FD; }

	.navigation_archive{ margin:30px 0 0 30px; }


@media only screen and (max-width: 1000px) {	
	.item_blog{ width:50%; }
}

@media only screen and (max-width: 680px) {
	.item_blog{ width:100%; padding:10px 5px; }

	.navigation_archive{ margin:30px 0 50px 10px; }
}

/* SINGLE ------------------------------------------------- */
.container_single{ width: 100%; max-width: 1100px; margin: auto; }

	.single_title{ font-family: 'Playfair Display', serif; font-size: 46px; text-align: center; line-height: 1.2; margin: 40px 0 25px 0; }
	.single_subtitle{ font-size: 20px; text-align: center; line-height: 1.2; margin-top: 20px; }
	.single_subtitle h2{ font-weight: normal; }

	.single_img{ width: 100%; max-width: 900px; margin: 25px auto 0 auto; text-align: center; }
	.single_img img{ max-width: 100%; height: auto; }

	.single_content{ margin-top: 30px; display:flex;  }

		.single_content_col{ width: 230px; padding-right:20px; }

		.single_content_txt{ padding-left: 40px; width: calc(100% - 230px); }

.widget{ margin-bottom:30px; }
.widget .header_widget{ background-color: #f1f1f1; box-sizing: border-box; padding: 12px 2px; text-align: center; margin-bottom: 15px; }
.widget ul{ margin-top:20px; }
.widget ul li { padding: 12px 0; border-bottom: 1px solid #E1E5E4; color: #898F93; font-size:12px; line-height:1.3; }
.widget ul li a { color: #898F93; }

.wp-block-tag-cloud a{ color:#000; }
.wp-block-tag-cloud a:hover{ text-decoration:underline; }

.page-title{ font-size:20px; }
.page-title span{ font-size:50px; }

@media only screen and (max-width: 763px) {	

	.single_title{ font-size: 32px; padding: 0 10px; }

	.single_subtitle{ font-size: 17px; }

	.single_content{ flex-direction: column; margin-top: 15px; }
		.single_content_col{ width: 100%; order: 2; margin:40px 0 10px 0; }
		.single_content_txt{ width: 100%; padding: 0 5px; order: 1; }
}

.navigation{ padding: 20px 0; border-top:1px solid #ccc; }
	
	.next_post, .prev_post{ position: relative; font-size: 13px; color: #333; width: 50%; }
	.next_post{ float: right; }
	.prev_post{ float: left; border-right: 1px solid #ccc; }
	
	.nav_post a{ color: #000; }

	.next_post_inner{ text-align: right; padding: 25px 30px 25px 10px; display:flex; justify-content:flex-end;  }
		.next_post_content{ padding-right:15px; }

	.prev_post_inner{ padding: 25px 10px 25px 30px; display:flex;  }
		.prev_post_content{ padding-left:15px; }

		.prev_post_prev, .next_post_next{ font-size: 10px; font-weight: 900; color: #898F93; margin-bottom: 7px; }
		.prev_post_txt, .next_post_txt{ font-size:19px; font-family: 'Playfair Display', serif; width:100%; max-width:250px; line-height:1.2; }

@media only screen and (max-width: 763px) {	

	.next_post{ float: none; width:100%; }
	.prev_post{ float: none; width:100%; border-right: 1px solid #fff; }

	.next_post_inner{ padding: 25px 10px 25px 10px; }

	.prev_post_inner{ padding: 25px 10px 25px 10px; }
}



/* FOOTER ================================================================================================================================== */
.footer_contacta{ margin-top:50px; width:100%; }

	.footer_contacta_top{ width:100%; height:28px; background-image:url('images/footer_deco.png'); background-size: 100% 100%; }
	.footer_contacta_container{ background-color:#C2E2B9; padding:60px 10px; }
		.footer_contacta_content{ width:100%; max-width:670px; margin:auto; }
			.footer_contacta_title{ text-align:center; font-size:40px; font-style:italic; }
			.footer_contacta_text{ margin-top: 30px; font-style: italic; text-align:center; }


.kit_digital img{ max-width:100%; height:auto; }

.menu_legal{ float:right; font-size: 14px; margin-top:40px; }
	.menu_legal ul{ margin: 0; padding: 0; display: inline-flex; }
	.menu_legal li{ display: block; float: left; margin: 0; padding: 0; position: relative; cursor: pointer; word-wrap: break-word; }
	.menu_legal li a{ display: block; padding: 0 10px; color: #000; transition: all .3s ease-in-out;}
	.menu_legal .current-menu-item a, .menu_legal .current_page_item a, .menu_legal a:hover, li.current-menu-parent >a{ color: #54754B !important; }


@media only screen and (max-width: 850px) {
	.menu_legal{ float:none; font-size: 12px; margin:20px 0 20px 0; }
	.menu_legal li a{ padding: 0 7px; }
}

@media only screen and (max-width: 763px) {
	.footer_contacta{ margin-top:0px; }
	.footer_contacta_title{ font-size:35px; }
}


/* PER FER FUNCIONAR LA MAQUETACIO FLOAT DE CONTENT ------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 0px 0 7px 7px; }
.alignleft { float: left; margin: 0px 7px 7px 0; }
a img.alignright { float: right; margin: 5px 0 7px 7px; }
a img.alignnone { margin: 5px 7px 7px 0; }
a img.alignleft { float: left; margin: 5px 7px 7px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto;
	left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }