/* Document CSS */

/* continguts */

.imc-continguts { overflow: hidden; }

.imc-entradeta { height: 25em; background-size: 100% auto; }

.imc-entradeta.imc-img-petita { background: transparent url() no-repeat calc(23em + 3%) 2em / auto auto; }

.imc-entradeta.imc-sense-img { height: inherit; min-height: 6em; padding-top: 1em; }
.imc-entradeta.imc-sense-img div { float: right; position: static; }

.imc-entradeta div { left: 2em; width: calc(100% - 4em); padding: 1em 2em 1.2em 2em; }
.imc-entradeta h2 { font-size: 1.5em; }

.imc-fitxa-img { position: absolute; top: -999em; left: -999em; }

.imc-fitxa-foto { display: block; max-width: 49em; margin: 0 auto; }

.imc-cos { width: 100%; padding: 2em 3em 0 2em; }
.imc-cos h2 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 1em; }
.imc-cos time { font-size: .9em; padding: .3em 1em; background-color: #fff; }

.imc-cos { font-size: 1.3em; line-height: 1.4em; margin-bottom: 1em; }

.imc-cos p { margin-bottom: 1em; }

.imc-cos ul,
.imc-cos ol { margin-left: 2em; }
.imc-cos ul li { list-style: square; }

.imc-documents,
.imc-enllasos,
.imc-compartix { width: 100%; padding: 2em 0 0 0; }

.imc-documents h3,
.imc-enllasos h3,
.imc-compartix h3 { font-size: 1.3em; text-transform: uppercase; padding-bottom: 1em; }

.imc-documents li,
.imc-enllasos li { display: inline-block; width: 32%; padding-right: 2%; padding-bottom: .7em; }

.imc-documents li:first-child,
.imc-documents li:nth-child(3n+1),
.imc-enllasos li:first-child,
.imc-enllasos li:nth-child(3n+1) { padding-left: 0; }

.imc-documents a,
.imc-enllasos a { display: block; width: 100%; }

.imc-documents a strong { font-size: 1.2em; }
.imc-documents a span { display: block; font-size: 1em; padding-top: .1em; }

.imc-documents a { padding-left: 4em; background-image: url(../imgs/icones/document_edb2c7.svg); background-repeat: no-repeat; background-position: .7em 1em; background-size: 2.5em auto; }

.imc-enllasos a { padding-left: 4em; background-image: url(../imgs/icones/url_edb2c7.svg); background-repeat: no-repeat; background-position: 1.2em 1em; background-size: 1.5em auto; }

.imc-compartix li { display: inline; }
.imc-compartix li:last-child { padding-right: 0; }

.imc-compartix a.imc-bt-xarxa { display: inline-block; width: 3em; height: 3em; margin-right: .3em; background-color: #484848; border: none; will-change: background-color; }
.imc-compartix a.imc-bt-xarxa:hover { background-color: #000; }

.imc-compartix a.imc-logo-twitter { background: #1c90e9 url(../imgs/social/twitter.svg) no-repeat center center / 50% auto; }
.imc-compartix a.imc-logo-facebook { background: #3b5998 url(../imgs/social/facebook.svg) no-repeat center center / 50% auto;  }
.imc-compartix a.imc-logo-whatsapp { display: none  }
.imc-compartix a.imc-logo-correu { background: #ee013b url(../imgs/icones/correu.svg) no-repeat center center / 50% auto;  }

.imc-compartix a.imc-logo-correu::before { display: none; }


/* media */

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

}

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

	.imc-fitxa-foto { max-width: 30em; }

}

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

	.imc-fitxa-foto { max-width: 20em; }

}

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

	.imc-entradeta.imc-sense-img { padding-left: calc(3% + 13em); }

	.imc-compartix { padding: 1em 0 0 5em; }

	.imc-cos { font-size: 1.2em; padding-top: 1em; }

}

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

	.imc-entradeta { height: 14em; background-position: center top; }
	.imc-entradeta.imc-img-petita { background: transparent url() no-repeat center center / 100% auto; }

	.imc-entradeta.imc-sense-img { min-height: 2em; padding-top: 1em; padding-left: calc(3% + 2.5em); }

	.imc-entradeta h2 { font-size: 1em; }
	.imc-entradeta div { left: 0; bottom: 0; width: 100%; padding: .7em 1em .7em 1em; }

	.imc-fitxa-foto { display: block; max-width: 100%; }

	.imc-cos { padding: 1em 0 0 0; }
	.imc-cos h2 { font-size: 1em; }
	.imc-cos p,
	.imc-cos ul { font-size: 1em; }

	.imc-documents li,
	.imc-enllasos li { display: block; width: 100%; padding-left: 0; }
	
	.imc-documents a { padding-left: 3em; background-size: 1.5em auto; }
	.imc-documents a strong { font-size: 1em; }
	.imc-documents a span { display: block; font-size: 1em; padding-top: .1em; }

	.imc-enllasos a { padding-left: 3em; background-position: 1em .7em; background-size: 1em auto; }
	.imc-enllasos a span { font-size: 1em; }

	.imc-compartix { padding: 1em 0 2em 0; }
	.imc-compartix ul {}
	
	.imc-compartix a.imc-bt-xarxa { display: inline-block; width: 3em; height: 3em; margin-right: .3em; background-color: #484848; border: none; will-change: background-color; }
	
	.imc-compartix a.imc-logo-twitter { background: #1c90e9 url(../imgs/social/twitter.svg) no-repeat center center / 50% auto; }
	.imc-compartix a.imc-logo-facebook { background: #3b5998 url(../imgs/social/facebook.svg) no-repeat center center / 50% auto;  }
	.imc-compartix a.imc-logo-whatsapp { background: #30bf39 url(../imgs/social/whatsapp.svg) no-repeat center center / 50% auto;  }
	.imc-compartix a.imc-logo-correu { background: #ee013b url(../imgs/icones/correu.svg) no-repeat center center / 50% auto;  }

}