/* ESTIL GENERAL */
/* Eliminar tipografia amb serifa */
.font-serif {
	font-family: Helvetica Neue LT Pro, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
}
/* ESTIL GENERAL BOTONS */
.btn {
	padding: 1rem 1.5rem 1rem;
	text-transform: uppercase;
}

/* ESTIL MENÚ PRINCIPAL */
/* Estil header */
header {
	background-color: #fff !important;
}
/* Estil botó BOTIGA menú principal */
@media (min-width: 1200px) {
	.boto-botiga> a {
		background-color: #df031c;
		padding: 10px 15px;
		margin-top: -10px;
		color: #fff;
	}
	.boto-botiga > a:hover {
		background-color:#000;
		color: #fff !important;
		-webkit-transition-property: background-color;
		transition-property: background-color;
		-o-transition-property: background-color;
		-webkit-transition-duration: .2s;
		-o-transition-duration: .2s;
		transition-duration: .2s
	}
}
@media (max-width: 1201px) {
	.boto-botiga> a {
		color: #df031c;
	}
	.boto-botiga > a:hover {
		color: #fff !important;
		-webkit-transition-property: color;
		transition-property: color;
		-o-transition-property: color;
		-webkit-transition-duration: .2s;
		-o-transition-duration: .2s;
		transition-duration: .2s
	}
}
/* Estil botó NEWSLETTER menú principal */
@media (min-width: 1200px) {
	.botonewsletter > a {
		box-shadow: inset 0px 0px 0px 2px #000;
		padding: 10px 15px;
		margin-top: -10px;
	}
	.botonewsletter > a:hover {
		box-shadow: inset 0px 0px 0px 2px #df031c;
		-webkit-transition-property: box-shadow color;
		transition-property: box-shadow color;
		-o-transition-property: box-shadow color;
		-webkit-transition-duration: .2s;
		-o-transition-duration: .2s;
		transition-duration: .2s;
	}
}
@media (max-width: 1201px) {
	.boto-botiga> a {
		color: #fff;
	}
	.boto-botiga > a:hover {
		color: #fff !important;
		-webkit-transition-property: color;
		transition-property: color;
		-o-transition-property: color;
		-webkit-transition-duration: .2s;
		-o-transition-duration: .2s;
		transition-duration: .2s;
	}
}
/* Estil submenú */
@media (min-width: 1200px) {
.menu-item-has-children > ul.sub-menu {
	display: none;
}
.menu-item-has-children:hover > ul.sub-menu {
	display: block;
}
.sub-menu {
	position: absolute;
	margin-left: -20px;
	background-color: #fff;
	padding: 0px 0px 10px 20px;
}
.sub-menu > li:first-child {
	border-top: 1px solid #000 !important;
	margin-top: 15px;
	padding-top: 15px;
}
.sub-menu:hover {
	display: block;
}
.sub-menu > li {
	margin: 6px 0px 6px 0px;
}
}
@media (max-width: 1201px) {
	.menuprogramacio {
		visibility: hidden;
	}
	.menuprogramacio > ul {
		visibility: initial;
	}
}

/* ESTIL SLIDER HOME */
@media (min-width: 1200px) {
/* Posició info slider home */
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div {
	position: absolute;
	top: -6px;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div {
	max-width: 54rem;
}
/* Estil títol slider home */
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > h1 {
	color: #000;
	font-weight: 400;
	margin-top: 20px;
	margin-left: -17px;
	margin-bottom: 0px;
	font-size: 4.4em;
	letter-spacing: -2px;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > h1 > span {
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 14px;
	box-shadow: 15px 0px #fff, -15px 0px #fff;
}
/* Estil subtítol slider home */
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div.w-full.max-w-xl.mt-2.mr-auto.text-lg.font-medium.leading-tight.uppercase.md\:text-2xl {
	color: #fff;
	font-weight: 700;
	text-align: left;
	width: 35vw;
	margin-left: -32px;
	margin-top: 15px;
	padding: 15px 15px 15px 15px;
	font-size: 1.25rem;
}
/* Estil sub-subtítol slider home */
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div.w-full.mt-8.text-base.font-medium.uppercase.md\:text-xl {	
	font-weight: 700;
	font-size: 1rem;
	margin-left: -15px;
	margin-top: 0px;
}
/* Estil botó slider home */
body > main > section.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div.relative.z-50.mt-12.mr-auto {
	margin-top: 50px;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > a.btn {
	background-color: #fff;
	color: #000;
	font-weight: 400;
	text-align: left;
	margin-left: -32px;
	padding: 20px 20px 20px 20px;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > a.btn:hover {
	background-color: #000;
	color: #fff;
}
}

/* Estil slider per mòbils */
@media (max-width: 1201px) {
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div {
		position: absolute;
	}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > h1 {
	color: #000;
	font-weight: 400;
	margin-bottom: 9px;
	font-size: 2.4em;
	letter-spacing: -1px;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > h1 > span {
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 7px;
	box-shadow: 10px 0px #fff, -16px 0px #fff;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div.w-full.max-w-xl.mt-2.mr-auto.text-lg.font-medium.leading-tight.uppercase.md\:text-2xl {
	color: #000;
	font-weight: 400;
	background-color: #fff;
	text-align: left;
	margin-left: -16px;
	margin-top: -10px;
	margin-bottom: -20px;
	padding: 15px 15px 15px 16px;
	font-size: 1rem;
	width: 75vw;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div.w-full.mt-8.text-base.font-medium.uppercase.md\:text-xl {	
	font-weight: 700;
	font-size: .85rem;
}
body > main > section.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div.relative.z-50.mt-12.mr-auto {
	margin-top: 60px;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > a.btn {
	background-color: #fff;
	color: #000;
	font-weight: 400;
	text-align: left;
	margin-left: -16px;
	padding: 20px 20px 20px 20px;
}
body > main > section.swiper-container.slider-cover.swiper-container-initialized.swiper-container-horizontal > div.swiper-wrapper > div > div > div > div > a.btn:hover {
	background-color: #000;
	color: #fff;
}
}

/* ESTIL SIDEBAR POSTS */
/* Estil botó compra d'entrades a la fitxa d'espectacle */
.btn-entrades {
	color: #fff !important;
	padding: 2rem;
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 6px;
}
/* Estil línia divisòria */
.border-gray-300 {
	border-color: #000;
}
/* Estil text sidebar */
body > main > section > div > div.flex.flex-col-reverse.flex-wrap.items-baseline.w-full.px-4.mx-auto.mt-8.mb-12.md\:mb-24.md\:mt-6.md\:flex-row.md\:w-10\/12 > div.w-full.mt-6.text-xs.font-medium.border-t.border-gray-300.md\:border-none.md\:mt-0.md\:w-4\/12 > div > div.text-sm.font-bold.md\:text-base > p {
	font-weight: 400;
	font-size: .85rem;
	margin-bottom: .75rem;
}
body > main > section > div > div.flex.flex-col-reverse.flex-wrap.items-baseline.w-full.px-4.mx-auto.mt-8.mb-12.md\:mb-24.md\:mt-6.md\:flex-row.md\:w-10\/12 > div.w-full.mt-6.text-xs.font-medium.border-t.border-gray-300.md\:border-none.md\:mt-0.md\:w-4\/12 > div > div.text-sm.font-bold.md\:text-base > p:last-of-type {
	margin-bottom: 0;
}
/* Estil títols secció sidebar */
body > main > section > div > div.flex.flex-col-reverse.flex-wrap.items-baseline.w-full.px-4.mx-auto.mt-8.mb-12.md\:mb-24.md\:mt-6.md\:flex-row.md\:w-10\/12 > div.w-full.mt-6.text-xs.font-medium.border-t.border-gray-300.md\:border-none.md\:mt-0.md\:w-4\/12 > div > div.mb-4.text-xs.uppercase {
	font-weight: 700;
}
/* Estil "Compartir" sidebar posts */
body > main > section > div > div.flex.flex-col-reverse.flex-wrap.items-baseline.w-full.px-4.mx-auto.mt-8.mb-12.md\:mb-24.md\:mt-6.md\:flex-row.md\:w-10\/12 > div.w-full.mt-6.text-xs.font-medium.border-t.border-gray-300.md\:border-none.md\:mt-0.md\:w-4\/12 > div.w-full.text-xs.font-medium.uppercase.md\:w-3\/12 {
	font-weight: 700;
}
body > main > section > div > div.flex.flex-col-reverse.flex-wrap.items-baseline.w-full.px-4.mx-auto.mt-8.mb-12.md\:mb-24.md\:mt-6.md\:flex-row.md\:w-10\/12 > div.w-full.mt-6.text-xs.font-medium.border-t.border-gray-300.md\:border-none.md\:mt-0.md\:w-4\/12 > div.w-full.text-xs.font-medium.uppercase {
	margin-top: 32px;
}

/* Estil text sidebar Arts visuals */
body > main > section.relative.w-screen.md\:mt-12.md\:min-h-screen.md\:px-12.max-container > div > div > div.w-full.mt-6.text-xs.font-medium.border-t.border-gray-300.md\:border-none.md\:mt-0.md\:w-4\/12 > div > div {
	font-weight: 400 !important;
}

/* ESTIL FOOTER */
/* Estil logos footer */
#footer > div.flex.flex-wrap.md\:-mx-4 > div:nth-child(2) > div > ul > li > img {
	height: 2.5rem;
}
#footer > div.flex.flex-wrap.md\:-mx-4 > div:nth-child(2) > div > ul > li > a > img {
	height: 2.5rem;
}
#footer > div.flex.flex-wrap.md\:-mx-4 > div:nth-child(2) > div > ul:nth-child(3) > li > img {
	height: 4rem;
}

/* ESTIL NEWSLETTER */
#mc-form-footer > div.w-full.px-6.form-group {
	display: none;
}
#mc-form-footer > div:nth-child(4) {
	display: none;
}
#mc-form-footer > div:nth-child(5) {
	display: none;
}
#mc-form-footer > div.w-full.px-6.pt-6 {
	display: none;
}
#mc-embedded-subscribe {
	color: #000 !important;
}
#mc-embedded-subscribe:hover {
	background-color: #000 !important;
	color: #fff !important;
}
#mce-responses {
	margin: 0px !important;
	padding: 0px !important;
	width: 100% !important;
}
#mc_embed_signup div.response {
	width: 100% !important;
}
#mce-responses > div.response {
	color: #000;
	text-transform: initial;
	font-weight: normal;
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.2rem;
}
#contact-form {
	color: #000;
	background-color: #fff;
}
#contact-form > article > div > h4 {
	background-color: transparent;
	color: #000;
}
#contact-form > article > div {
	margin-bottom: 20px;
}
#mc-form-footer > div > div {
	background-color: transparent;
	padding: 0px;
}
#contact-form > article > div.relative.mt-12 > h5 {
	background-color: transparent;
}
#contact-form > article > div > a {
	color: #000;
}
#contact-form > article > div.relative.mt-12 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#mc-form-footer {
	margin-top: 0px;
}

/* ESTIL BUTLLETÍ */
#mce-error-response > a { text-decoration: underline; }
#mce-error-response { margin-top: 0px !important; padding-top: 0px !important; }

/* Estil enllaços */
.post-content a, .post-exposicions-content a { text-transform: initial !important; }

/* CENTRAR LA IMATGE DESTACADA DE L'ESPECTACLE EL MES BONIC QUE PODEM FER */
body.single-artenviu-el-mes-bonic-que-podem-fer-23-data > main > section.relative.w-screen.md\:px-12.appear.mt-16.md\:mt-20 > img { object-position: 0px -300px; }

/* ESTIL FORMULARI DE CONTACTE A LA PÀGINA DE SERVEI EDUCATIU */
#ipt-nom, #ipt-cognoms, #ipt-email, #ipt-tel, #ipt-text { border-color: #000 !important; }
#ipt-nom::placeholder, #ipt-cognoms::placeholder, #ipt-email::placeholder, #ipt-tel::placeholder { color: #000 !important; padding-left:8px !important; }
#ipt-text::placeholder { color: #000 !important;}
#ipt-nom, #ipt-cognoms, #ipt-email, #ipt-tel { width: 100% !important; }
#contact-form > article > form > div:nth-child(6) > div { color: #fff !important; }
#contact-form > article > form > div:nth-child(7) > div > div > label > p > a, #contact-form > article > form > div:nth-child(8) > div > div > label > p > a { color: #000 !important; }
#contact-form > article > form > div > div > div.state > label::before { border-color: #000; }
#contact-form > article > form > div > div > div.state > label::after { border-color: #000; }

/* Canviar color línia divisòria sota el header amb el ttol, la data i la categoria a la pàgina de cada notícia */
body > main > section.relative.w-screen.md\:min-h-screen.md\:px-12.max-container > div > div.w-full.px-4.mx-auto.mt-32.md\:w-10\/12.md\:mt-40 > div { border-color: #000; }