/* Document CSS */


/* conseller */

.imc-conseller { overflow: hidden; width: 100%; padding: 1em 0 2em 0; }

.imc-con-dades {}

.imc-con-dades .imc-con-foto { float: left; width: 8em; height: 8em; margin: 0 1em 0 0; background: #cc073c url(../imgs/icones/conseller.svg) no-repeat 50% 50% / auto 50%; }

.imc-con-dades .imc-con-foto.imc--visible {
	opacity: 1;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.imc-con-dades img { float: left; height: 8em; margin: 0 1em 0 0; }

.imc-con-dades p { padding-top: 0; }
.imc-con-dades strong { display: block; font-size: 2em; font-weight: normal; line-height: 1em; margin-bottom: .5em; }
.imc-con-dades a { padding-left: 3em; background: #fff url(../imgs/icones/carrec_edb2c7.svg) no-repeat 1em 50% / auto 35%; }

.imc-con-dades.imc-con-foto-antiga .imc-con-foto { width: 16em; }
.imc-con-dades.imc-con-foto-antiga p { padding-left: 17em; }

.foto_conseller_nova { position: absolute; top: -999em; left: -999em; }

/* continguts */

.imc-moduls { display: flex; flex-wrap: nowrap; align-items: stretch; }

.imc-continguts .imc-ua-modul { overflow: hidden; position: relative; width: 25%; margin: 0 0 0 1%; background-color: #fff; }
.imc-continguts .imc-ua-modul:first-child { margin-left: 0; }

.imc-continguts .imc-ua-modul h2 { font-weight: normal; color: #cc073c; text-transform: uppercase; padding: 1em; border: 1px solid #fff; cursor: pointer; }
.imc-continguts .imc-ua-modul h2:hover { color: #fff; background-color: #cc073c; }
.imc-continguts .imc-ua-modul h2 span { display: inline-block; font-size: 1.3em; vertical-align: middle; }

.imc-continguts .imc-ua-modul h2 {
	-webkit-transition: color .2s ease-out, background-color .2s ease-out;
	-moz-transition: color .2s ease-out, background-color .2s ease-out;
	-ms-transition: color .2s ease-out, background-color .2s ease-out;
	-o-transition: color .2s ease-out, background-color .2s ease-out;
	transition: color .2s ease-out, background-color .2s ease-out;
}

.imc-continguts .imc-ua-mod-submenu h2::before { content: ""; display: inline-block; width: 2.5em; height: 2.5em; vertical-align: middle; padding: 0; margin-right: .5em; background: transparent url(../imgs/icones/informacio_edb2c7.svg) no-repeat center center / 70% auto; }
.imc-continguts .imc-ua-mod-submenu.imc-ua-modul-organitzacio h2::before { background-image: url(../imgs/icones/organitzacio_edb2c7.svg); }
.imc-continguts .imc-ua-mod-submenu.imc-ua-modul-serveis h2::before { background-image: url(../imgs/icones/seu_electronica_edb2c7.svg); }
.imc-continguts .imc-ua-mod-submenu.imc-ua-modul-transparencia h2::before { background-image: url(../imgs/icones/transparencia_edb2c7.svg); }

.imc-continguts .imc-ua-modul .imc-submenu { display: block; position: absolute; z-index: 2; top: 4.5em; left: 0; width: 100%; max-height: 0px; padding: 1em 2% 1em 9%; background-color: #fff; border: 1px solid #fff; opacity: 0; }
.imc-continguts .imc-ua-modul ul { padding-right: 1em; }
.imc-continguts .imc-ua-modul li a { display: block; padding: .5em .35em; }
.imc-continguts .imc-ua-modul a.imc-bt-tanca { display: none; }

.imc-continguts .imc-ua-modul.imc-visible { overflow: visible; }
.imc-continguts .imc-ua-modul.imc-visible h2 { color: #fff; background-color: #cc073c; border: 1px solid #cc073c;}
.imc-continguts .imc-ua-modul.imc-visible .imc-submenu { display: block; overflow: hidden; max-height: 20em; border: 1px solid #cc073c; border-top: 1px solid #fff;  opacity: 1; }

.cssscrollbar .imc-continguts .imc-ua-modul.imc-visible .imc-submenu { overflow-y: auto; }

.imc-continguts .imc-ua-modul .imc-submenu {
	-webkit-transition: max-height .2s ease-out, opacity .2s ease-out;
	-moz-transition: max-height .2s ease-out, opacity .2s ease-out;
	-ms-transition: max-height .2s ease-out, opacity .2s ease-out;
	-o-transition: max-height .2s ease-out, opacity .2s ease-out;
	transition: max-height .2s ease-out, opacity .2s ease-out;
}

.imc-destaca { color: #000; font-weight: bold; }

/* noticies */

.imc--columnes { padding: 2em 0 0 0; }
.imc--columnes h2 { overflow: visible; height: 2em; margin-bottom: 1.5em; border-bottom: 1px solid #edb2c7; }
.imc--columnes h2 span { font-size: 2em; font-weight: normal; text-transform: uppercase; padding-right: 1em; background-color: #f2f2f2; }

.imc--columnes > ul { position: relative; }

.imc--columnes .imc-noticia { display: inline-block; position: absolute; left: -999em; width: 32%; padding: 1em .7em; background-color: #fff; border: 1px solid #ddd; will-change: background-color; }
.imc--columnes .imc-noticia:hover { background-color: #f4f4f4; }

.imc--columnes li a { display: block; }
.imc--columnes li a:hover,
.imc--columnes li a:focus { color: #000; background: none; }

.imc--columnes li img { width: 100%; padding-bottom: .5em; }
.imc--columnes li a span { font-size: 1.2em; }
.imc--columnes li a p { padding-bottom: .5em; }

.imc--columnes li a.imc-bt { display: inline-block; width: 2.5em; height: 2.5em; color: #fff; vertical-align: middle; margin-right: .5em; background: #8c8c8c url(../imgs/icones/compartir.svg) no-repeat center center / 45% auto; border-radius: 2em; }
.imc--columnes li a.imc-bt:hover,
.imc--columnes li a.imc-bt:focus { background-color: #cc073c; }
.imc--columnes li a.imc-bt span { display: block; position: absolute; top: -999em; left: -999em; }
/*
.imc--columnes .imc--destacada a strong { color: #333; text-transform: uppercase; }
.imc--columnes .imc--destacada a strong::before { content: ""; display: inline-block; position: relative; top: -0.1em; width: 1em; height: 1em; vertical-align: calc(-0.2em);; margin-right: .5em; background: transparent url(../imgs/icones/destacada.svg) no-repeat center center / 100% auto; opacity: .5; }

.imc--columnes .imc--destacada a p { padding: .5em 0; }
*/
.imc--columnes .imc-noticia,
.imc--columnes li a.imc-bt {
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.imc--columnes .imc-noticia {  }

.imc-noticia.imc--columa-1 { left: 0; }
.imc-noticia.imc--columa-2 { left: 34%; }
.imc-noticia.imc--columa-3 { left: 68%; }

.imc--columnes li ul.imc-not-compartix { display: block; position: absolute; z-index: 1; left: 2.7em; bottom: .6em; width: 3em; height: 3em; opacity: 0; visibility: hidden; }
.imc--columnes li ul.imc-not-compartix.imc-visible { opacity: 1; visibility: visible; }

.imc--columnes li ul.imc-not-compartix {
	-webkit-transition:  visibility 0s ease-out, opacity .2s ease-out;
	-moz-transition: visibility 0s ease-out, opacity .2s ease-out;
	-ms-transition: visibility 0s ease-out, opacity .2s ease-out;
	-o-transition: visibility 0s ease-out, opacity .2s ease-out;
	transition: visibility 0s ease-out, opacity .2s ease-out;
}

.imc--columnes li ul.imc-not-compartix a { position: absolute; z-index: 2; left: 1em; border: none; }
.imc--columnes li.imc-not-principal ul.imc-not-compartix a { bottom: .5em; background-color: #fff; }

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

.imc--columnes li ul.imc-not-compartix.imc-visible a.imc-logo-twitter { left: 1em; }
.imc--columnes li ul.imc-not-compartix.imc-visible a.imc-logo-facebook { left: 4em; }
.imc--columnes li ul.imc-not-compartix.imc-visible a.imc-logo-correu { left: 7em; }

.imc--columnes li ul.imc-not-compartix.imc-visible a.imc-logo-correu::before { display: none; }

.imc--columnes li ul.imc-not-compartix a {
	-webkit-transition: left .2s ease-out;
	-moz-transition: left .2s ease-out;
	-ms-transition: left .2s ease-out;
	-o-transition: left .2s ease-out;
	transition: left .2s ease-out;
}

.imc--columnes .imc--foto { display: block; width: 100%; height: 11.5em; margin-bottom: .5em; background: #f2f2f2 url() no-repeat 50% 50% / 100% auto; }

.imc-vore-totes a { display: none; }

.imc--columnes .imc-carregant { padding-top: 0; }

/* accesos */

.imc-accesos { padding: 2em 0 0 0; }
.imc-accesos h2 { overflow: visible; height: 2em; margin-bottom: 1.5em; border-bottom: 1px solid #edb2c7; }
.imc-accesos h2 span { font-size: 2em; font-weight: normal; text-transform: uppercase; padding-right: 1em; background-color: #f2f2f2; }

.imc-accesos ul {}
.imc-accesos li { display: inline-block; width: 14%; vertical-align: middle; margin-right: 2%; margin-bottom: 1em;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}
.imc-accesos li a { display: block; width: 100%; background: transparent url() no-repeat center center / 100% auto;  }
.imc-accesos li a:hover,
.imc-accesos li a:focus { color: #cc073c; }

.imc-accesos li a img { width: 100%; }
.imc-accesos li span { display: block; position: absolute; top: -999em; left: -999em; }

.imc-accesos li a.imc-ac-text { display: flex; align-items: center; overflow: hidden; min-height: 4.5em; font-size: 1.1em; color: #fff; padding: .4em .7em; background: #666 url(../imgs/icones/goib_555.svg) no-repeat bottom 50% right .3em / 30% auto; }

.imc-accesos li a.imc-ac-text:hover,
.imc-accesos li a.imc-ac-text:hover,
.imc-accesos li a.imc-ac-text:hover { color: #fff; background-color: #333; }

/* contacte */

.imc-contacte { padding: 2em 0 0 0; }
.imc-contacte h2 { overflow: visible; height: 2em; margin-bottom: 1.5em; border-bottom: 1px solid #edb2c7; }
.imc-contacte h2 span { font-size: 2em; font-weight: normal; text-transform: uppercase; padding-right: 1em; background-color: #f2f2f2; }

.imc-contacte ul { }
.imc-contacte li { display: inline-block; width: 15%; vertical-align: top; margin-right: 3%; }
.imc-contacte li a { display: block; width: 100%; }
.imc-contacte li a:hover { color: #000; background-color: transparent; }

.imc-contacte span { font-size: 1.2em; font-style: normal; vertical-align: middle; }

a.imc-bt-on::before,
.imc-bt-telefon::before,
.imc-bt-fax::before,
.imc-bt-correu::before,
.imc-bt-dir3::before,
a[href^="tel:"]::before,
a[href^="fax:"]::before,
a[href^="mailto:"]::before {
    display: block;
    width: 4em;
    height: 4em;
    margin-bottom: .5em;
    background-color: #8c8c8c;
    border-radius: 2em;
}


/* media */

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


}

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

	.imc-conseller { padding: 0 0 1em 0; }

	.imc-bt span { font-size: 1em; }

	.imc-con-dades strong { font-size: 1.5em; padding-top: .5em; }

	.imc-continguts .imc-ua-modul h2 { padding: .5em; }
	.imc-continguts .imc-ua-mod-submenu h2::before { width: 2em; height: 2em; }
	.imc-continguts .imc-ua-modul h2 span { font-size: 1em; }
	.imc-continguts .imc-ua-modul .imc-submenu { top: 3em; }

	.imc--columnes li a span { font-size: 1em; }

	.imc--columnes .imc--foto { height: 9em; }

	/* accesos */

	.imc-accesos h2 { margin-bottom: 1em; }
	.imc-accesos h2 span { font-size: 2em; }

	/* contacte */

	.imc-contacte h2 { margin-bottom: 1em; }
	.imc-contacte h2 span { font-size: 2em; }
	.imc-contacte li { width: 17%; }
	.imc-contacte span { font-size: 1em; }

	a.imc-bt-on::before,
	.imc-bt-telefon::before,
	.imc-bt-fax::before,
	.imc-bt-dir3::before,
	a[href^="tel:"]::before,
	a[href^="fax:"]::before,
	a[href^="mailto:"]::before {
	    display: block;
	    width: 3em;
	    height: 3em;
	    margin-bottom: .5em;
	}

}

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

	.imc-con-dades img { height: 7em; }
	.imc-con-dades .imc-con-foto { width: 7em; height: 7em; }

	.imc-accesos li a.imc-ac-text { min-height: 4em; font-size: 1em; }

}

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

	.imc-con-dades img { height: 6em; }
	.imc-con-dades .imc-con-foto { width: 6em; height: 6em; }

	.imc--columnes .imc--foto { height: 6.3em; }

	.imc-contacte li { width: 19%; }

}

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

	.imc-con-dades img { height: 5em; }
	.imc-con-dades .imc-con-foto { width: 5em; height: 5em; }

	.imc-con-dades .imc-bt { line-height: 1em; padding-top: .5em; padding-bottom: .5em; }

}

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

	.imc--columnes li ul.imc-not-compartix a.imc-logo-whatsapp { background: #30bf39 url(../imgs/social/whatsapp.svg) no-repeat center center / 50% auto;  }

	.imc--columnes li ul.imc-not-compartix.imc-visible a.imc-logo-whatsapp { left: 7em; }
	.imc--columnes li ul.imc-not-compartix.imc-visible a.imc-logo-correu { left: 10em; }

	.imc-con-dades img { height: 4em; }
	.imc-con-dades .imc-con-foto { width: 4em; height: 4em; }

	.imc-continguts .imc-ua-mod-submenu .imc-submenu { display: block; position: fixed; z-index: 5; top: 0; left: 100%; width: calc(100% - 4em); height: 100%; max-height: 100%; text-align: left; padding: 4em 2em 2em 2em; background-color: #fff; will-change: transform; }
	.imc-continguts .imc-ua-mod-submenu ul li { font-size: 1.2em; line-height: 2em; }
	.imc-continguts .imc-ua-mod-submenu ul li a { display: block; }
	.imc-continguts .imc-ua-mod-submenu ul li a.imc-rss { display: inline; }

	.imc-continguts .imc-ua-mod-submenu a.imc-bt-tanca { display: block; position: fixed; z-index: 6; top: -3em; right: 1em; width: 2.5em; height: 2.5em; background: #cc073c url(../imgs/icones/tanca.svg) no-repeat center center / 60% auto; border-radius: 2em; }
	.imc-continguts .imc-ua-mod-submenu a.imc-bt-tanca:hover { background-color: #000; }
	.imc-continguts .imc-ua-mod-submenu a.imc-bt-tanca span { position: absolute; top: -999em; left: -999em; }

	.imc-continguts .imc-ua-mod-submenu.imc-visible .imc-submenu {
		height: 100%;
		max-height: 100%;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.imc-continguts .imc-ua-mod-submenu.imc-visible a.imc-bt-tanca {
		-webkit-transform: translateY(4em);
		-moz-transform: translateY(4em);
		-o-transform: translateY(4em);
		-ms-transform: translateY(4em);
		transform: translateY(4em);
	}

	.imc-continguts .imc-ua-mod-submenu ul,
	.imc-continguts .imc-ua-mod-submenu.imc-visible ul,
	.imc-continguts .imc-ua-mod-submenu a.imc-bt-tanca,
	.imc-continguts .imc-ua-mod-submenu.imc-visible a.imc-bt-tanca {
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}

	.imc-bt { line-height: 1em; padding-top: .5em; padding-bottom: .5em; }

	.imc-conseller { padding: 0 0 1em 0; }

	.imc-con-dades p {}
	.imc-con-dades strong { font-size: 1.2em; padding-top: 0; }
	.imc-con-dades a { background: #fff url(../imgs/icones/carrec_edb2c7.svg) no-repeat .8em 50% / auto 55%; }

	.imc-continguts .imc-ua-modul { margin: 0 0 0 3%; }
	.imc-continguts .imc-ua-modul h2 span { position: absolute; top: -999em; left: -999em; }
	.imc-continguts .imc-ua-mod-submenu h2::before { width: 100%; background-size: auto 100%; }

	.imc--columnes h2 { height: 1.1em; }
	.imc--columnes h2 span { font-size: 1.2em; }

	.imc--columnes > ul { position: static; }

	.imc--columnes .imc-noticia { position: relative; left: 0; width: 100%; margin-bottom: .5em; }

	.imc--columnes .imc--foto { height: 10em; }

	.imc-destacats .imc-vore-totes { display: none; }

	/* accesos */

	.imc-accesos h2 { height: 1.1em; margin-bottom: 1em; }
	.imc-accesos h2 span { font-size: 1.2em; }
	.imc-accesos li { width: 30%; }

	.imc-accesos li a.imc-ac-text { font-size: .9em; line-height: 1em; }

	.imc-contacte { margin-bottom: 2em; }
	.imc-contacte h2 { height: 1.1em; margin-bottom: 1em; }
	.imc-contacte h2 span { font-size: 1.2em; }
	.imc-contacte li a { width: 3em; height: 3em; background-color: transparent; }
	.imc-contacte li a::before { width: 3em; height: 3em; }
	.imc-contacte li span { position: absolute; top: -999em; left: -999em; font-size: 1em; }

	.imc-contacte li:first-child { min-width: 15%; }

}