/*
- Canvis fets a main.css
verd (main color) #55bce9 -> #40bab3
gris fosc (textos) #323232 -> #6b6b6b
*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700); /* font-family: 'Source Sans Pro', sans-serif; */

/*

----------------- modificacions d'estils del tema ----------------- 

*/




.pp_social{
	display:none;
}
/* tipografia */
body {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 22px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.05rem;
}
.teaser [class*="count"] {
	font-family: 'Source Sans Pro', sans-serif;
}
.section_header { 
	font-size:30px;
}
.section_header + p {
	font-size:18px;
}
.widget-title {
	font-size:35px;
}


/* colors */
.vertical-tabs .nav > li > a{
	background-color:#57ADDC;
}
.widget_nav_menu .item_actiu a{
	color:#40BAB5;
}
.cs .form-control::-webkit-input-placeholder {
	color:#CCC;
}
.cs .form-control {
	color:#333;
}

/* botons / forms */
.theme_button { padding:12px 15px; border-radius:10px; text-transform: uppercase;}
.form-control{ padding:12px 8px; border-radius:10px;  background-color:#FFF;  border:1px solid #E5E5E5; color:#CCC; }
.form-control:focus{ color:#6b6b6b; }

/* top line */
.page_topline [class*="fa"]{ font-size:18px; position:relative; top:0px; padding-right:6px; /* per estilitzar-lo igual que .page_topline [class*="rt-icon"] */ }
.page_topline [class*="rt-icon"],.page_topline [class*="fa"]{ margin-left:16px; margin-right:0; padding-right:0; }

/*.page_topline #idiomes{ float:left; width:35%; overflow:auto; list-style:none; padding-left:15px; margin-bottom:0;}*/
.page_topline #idiomes{ float:left; width:10%; overflow:auto; list-style:none; padding-left:15px; margin-bottom:0;}
.page_topline #idiomes li{ float:left; }
.page_topline #idiomes li +li{ border-left:1px solid #ccc; }
.page_topline #idiomes li a{ display:block; padding:0 6px; }
.page_topline #idiomes li.idioma_actiu a{color:#CCC;}
/*.page_topline .dades{ float:right; width:65%; text-align:right; }*/
.page_topline .dades{ float:right; width:60%; text-align:right; }
.page_social_icons {display: inline-block; padding-left: 0px;}

/* menú principal */
.page_header .sf-menu > li { border-bottom: 6px solid transparent; }
.page_header .sf-menu > li:hover { border-bottom: 6px solid #40bab3; }
.page_header .sf-menu > li > a { padding:24px 8px 18px 8px; text-transform: uppercase; font-size:15px; }
.page_header .sf-menu > li:hover > a { color:#40bab3; }

/* copyright (sota el footer) */
.page_copyright [class*="fa"] { font-size: 18px; position: relative; top: 3px; padding-right: 6px; }
.page_copyright [class*="rt-icon"],.page_copyright [class*="fa"] { margin-left: 16px; margin-right: 0; padding-right: 0; }
.page_copyright em { display:none; }

/* aptt_inici.php */
#mainteasers [class*="col-"] .media-left h4{ font-size:22px; margin-top:0; margin-bottom: 0; }
#mainteasers [class*="col-"] .media-left h3{ font-size:44px; }

#teaser_opinions .media-left{ display:block; }
.testimonials-carousel .item p:before{ display:none; }
.testimonials-carousel .item > p{ padding-left:0; font-style: normal; }
.testimonials-carousel .carousel-indicators{ display:block; bottom:0; }

#order_form{ width:85%; float:right;}
#order_form button[type="submit"]{ float:right; }
section#featured{
    background: #20bbe9;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #40bab3), color-stop(100%, #7370b5));
    background: -webkit-linear-gradient(left, #40bab3 0%, #7370b5 100%);
    background: linear-gradient(to right, #40bab3 0%, #7370b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1 );
}

section#featured h2 { text-transform:uppercase; color:#FFF; }
section#featured .row.decaleg [class*="col-"] { margin-top:12px !important; }

section#about.parallax{ background:transparent url('../assets/imatges/bg_about.jpg');  }
section#about h2{ text-transform:uppercase;}
section.section_subscribe h2{ font-size:48px;}

.gallery-image-links a.p-view{ margin-left:-23px; }

section#blog .post-content { padding: 15px; }
section#blog .post-content .date{ color:#40BaB5; font-weight:300; }
section#blog .post-content h3{ color:#40BaB5; font-size:18px; }
section#blog .post-content p{ color:#6B6B6B; }

section#progress.parallax{ background:transparent url('../assets/imatges/bg_progress.jpg');  }

/* aptt_links.php */
.enllac{
	text-align: center;
	min-height:300px;
}

.enllac a{
	display: block;
	width: 100%;
	height:100%;
}

.enllac img{
	max-width:200px;
	width: 60%;	
	margin:0 auto 5px auto;
	text-align: center;
}
.enllac strong, .enllac span{
	display:block;
}


/* inc footer */

.page_contact.parallax{
	background:transparent url('../assets/imatges/bg_map.jpg'); 
}

/* aptt_serveis.php / aptt_tractaments.php */
.fitxa{
	padding-left:120px;
    min-height: 900px;	
}
.fitxa .entry-excerpt{
	font-size:21px;
	line-height:26px;	
}

/* aptt_tractaments.php */

#textos_tractament{
	border-top:1px solid #E5E5E5; 
}
img.img_tractament{
	-webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.3);
	margin-bottom:24px;
}

/* aptt_actualitat.php */

.entry-meta-corner .date time{
	font-size: 14px;
}


.galeria_noticia {
	padding: 5px;
	overflow:auto;
}

.galeria_noticia img{
	display:inline-block;
	margin:0 auto;
	width: 150px;
	max-width: calc(33% - 10px);
	padding: 0 5px 5px 5px;
}

.documents_noticia ul{
	overflow:auto;
	padding-left: 0;
}

.documents_noticia li{
    display: block;
    float: left;
    min-width: calc(33% - 10px);
}

.documents_noticia a{
    display: block;
    overflow:auto;
    min-width: 160px;
    padding: 4px;    
    border: 1px solid #CCC;
    margin-top: 12px;
    margin-right: 12px; 
}


.documents_noticia a:hover{
	background-color:#F5F5F5;
}

.documents_noticia a .doc_ext{
    float: left;
    width: 48px;
    margin-right: 10px;
    line-height: 60px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #E5E5E5;
}
.documents_noticia a .doc_nom{
    margin-top: 8px;
    font-size: 14px;
    display: block;
    color: #555;
}




.entry-meta-corner .date strong{
	margin-bottom: 12px;
}

/* aptt_metodologia.php */

#diferencia{}
#diferencia [class*="col-"] > h4{ margin-top:5px;  }

/* aptt_equip.php */


/*

----------------- utilitats i classes personalitzades (que no són del tema)----------------- 

*/

img.wMax250 {
	width: 100%;
	height: auto;
	max-width: 250px;
}

.overlay{
	color:#b2b2b2;
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    /* height: 100%; */
    height: 100vh;
    background-color: rgba(255,255,255,1);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: -1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: scroll;
}

.overlay__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 0;    
}

.overlay.open{
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 9998;
}

.overlay__open.theme_button{
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
    cursor:pointer;
}
    
#map-overlay-close {
    position: fixed;
    top: 4px;
    color: #40bab3;
    cursor: pointer;
    right: 2px;
    z-index: 99999;
    font-size: 25px;        
}

.map-overlay-close{
	display:none;	
}

#map-overlay h3{
	color: #6b6b6b;
	margin-top: 0;
}

#map-overlay h4{
	color: #40bab3;
}

#map-overlay ul{
	padding-left: 20px;
}

.foto-cv{
	text-align: right;
	padding-bottom: 20px;	
}

/* efectes */
.ombra{
	-webkit-box-shadow: 6px 6px 35px -10px rgba(161,158,161,1);
	-moz-box-shadow: 6px 6px 35px -10px rgba(161,158,161,1);
	box-shadow: 6px 6px 35px -10px rgba(161,158,161,1);
}

/* colors */
.blanc_cl{ color:#FFF; }


/* maquetació */
.mg_top_0{ margin-top:0; }


/* avis legal */

.avislegal_row {
	clear: both;
	padding-bottom: 5px;
}

.col-25, .col-75 {
    float: none;
    display: inline-block;
    padding: 0 0 5px 0;
        padding-top: 0px;
    width: calc(25% - 10px);
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 14px;
    padding-top: 5px;
    margin-top: 0;
}

.col-75 {
    width: calc(75% - 10px);
}

/*

--- media queries ---

*/

@media screen and (max-width: 1502px) { /* utilitzat pel tema */

	/* aptt_inici.php */
	.testimonials-carousel .carousel-inner{ height:135px; }
	.testimonials-carousel .item > p, .testimonials-carousel .item h4{ text-align:center; }

}

@media screen and (max-width: 1200px) { /* md : escriptori */
	
	/* top line */
	.page_topline .dades{ text-align:center; }	
	
	/* header / menu */
	.logo.top_logo{ display:block; padding:0; text-align:center; }
	ul.mainmenu{ text-align:center; }
	.page_header .sf-menu > li{ padding:0; }
	.page_header .sf-menu > li > a{ padding-top:0; }
	.page_header [class*="col-md-"] + [class*="col-md-"]{ margin-top: 0 !important; }
	
	
	.page_header .sf-menu > li.opcio_idioma_responsive{
		float:left;
		width:50%;
	}
	
	/* copyright (sota el footer) */
	.page_copyright em{ display:block; height:4px; visibility: hidden; }
	.page_copyright [class*="fa"]{ padding-right: 0; }
	.page_copyright [class*="rt-icon"], .page_copyright [class*="fa"]{ margin-left: 0; }
	
	/* aptt_inici.php */
	.testimonials-carousel .carousel-inner{ height:155px; }
	.testimonials-carousel .item > p, .testimonials-carousel .item h4{ text-align:left; }

	.titol_instalacions span{ display:block; text-align:center; }	

}

@media screen and (max-width: 992px) { /* sm : tauletes */

	/* header / menu */	
	.page_topline{ display:none; margin-top:0; margin-bottom:0; }
	.logo.top_logo{ padding:0; text-align:left; }

	/* aptt_serveis.php / aptt_tractaments.php */
	
	.fitxa{
		padding-left:40px;
	}
	.fitxa .entry-excerpt{
		font-size:18px;
	}
}

@media screen and (max-width: 768px) { /* xs : mòbils */

	/* .logo.top_logo{ background-color: #d632be; } /* control */
	.page_copyright img{ max-width:85%;}
	.page_copyright p > span{ display:block; height:4px; visibility: hidden; }
	
	/* aptt_serveis.php / aptt_tractaments.php */
	
	.fitxa{
		padding-left:20px;
		min-height: inherit;	
	}
	
	.overlay{
	    -webkit-align-items: flex-start;
	    -ms-flex-align: flex-start;
	    align-items: flex-start;
	}
	
	.foto-cv{
		text-align: left;
		display : none;
	}
	
}

@media (min-width:768px){ /* específic per als fons 'bicolor' */
	/*
	Amb els estils següents s'aconsegueix que dues columnes de diferent amaplada mostrin un color de fons diferent entre elles
	al contenidor .bg2colors_contenidor i a cadascuna de les columnes, en cara que no siguin filles directes del contenidor, .bg2colors_col_left i .bg2colors_col_right
	S'utilitza una imatge de fons amb una meitat de cada color. Són necessarisis alguns ajustaments de margins i padddings.
	*/
	/* definim el contenidor com a flex i li apliquem un fons */
	.bg2colors_contenidor{ display:flex; background:transparent url('../assets/imatges/bg2colors.jpg') center repeat-y; margin:0; padding:0; }
	/* eliminem paddings i margins de contenidors existents entre .bg2colors_contenidor i les columnes */
	.bg2colors_contenidor [class*="col-md-"] + [class*="col-md-"][class*="col-sm-"] {
	    margin-top: 0 !important; margin-bottom: 0 !important;
	}
	.bg2colors_contenidor > [class*="container"] {
	    padding-bottom: 0 !important; padding-top: 0 !important;
	}
	/* apliquem els margins i paddings a les columnes que compensin les correccions anteriors */
	.bg2colors_col_left, .bg2colors_col_right{ padding-top:115px; padding-bottom:75px; margin-top:0 !important; margin-bottom:0 !important;}
	/* apliquem a cada columna el color que li correspongui */
	.bg2colors_col_left { background-color:#f0f5f0; }
	.bg2colors_col_right { background-color:#fff; }
}

@media screen and (max-width: 600px) { /* utilitzat pel tema */
		
	/* menú principal */
	.logo.top_logo img{ max-width:170px; }
	.page_header [class*="col-md-"]{ overflow:auto; }

}