/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

#primary-menu li.menu-item.wpml-ls-item {
	position: absolute;
	top: -50px;
	font-size: 14px;
}

#primary-menu li.menu-item.wpml-ls-item a {
	display: block;
	width: 1px;
	height: 10px;
	background: #efe6de;
	display: flex;
	border-radius: 100px;
}

#primary-menu li.menu-item.wpml-ls-item.wpml-ls-current-language a {
    color: #efe6de;
    background: #ed6f60 !important;
}

#primary-menu .wpml-ls-item-es {
	right: 40px;
}

#primary-menu .wpml-ls-item-en {
    right: 80px;
}

#primary-menu li.menu-item.wpml-ls-item a:before {
	position: absolute;
}

:is(#primary-menu, #mobile-menu) .wpml-ls-item-es a:before {
	content: "ES";
}

:is(#primary-menu, #mobile-menu) .wpml-ls-item-ca a:before {
	content: "CA";
}

:is(#primary-menu, #mobile-menu) .wpml-ls-item-en a:before {
	content: "EN";
}

:is(#primary-menu, #mobile-menu) li.menu-item.wpml-ls-item a span {
	display: none;
}

:is(#primary-menu, #mobile-menu) li.menu-item.wpml-ls-item:not(.wpml-ls-current-language):hover a:before {
    color: #632426 !important;
}

#mobile-menu li.menu-item.wpml-ls-item {
	width: fit-content;
    border: 1px solid;
    border-radius: 100px;
    font-size: 14px;
}

#mobile-menu .wpml-ls-item-es {
	position: absolute;
	bottom: 30px;
	left: 65px;
}

#mobile-menu .wpml-ls-item-en {
    position: absolute;
    bottom: 30px;
    left: 100px;
}

#mobile-menu li.menu-item.wpml-ls-item a {
	display: flex;
	align-items: center;
    justify-content: center;
    position: relative;
    width: 15px;
    padding: 5px !important;
    height: 15px;
}

#mobile-menu li.menu-item.wpml-ls-item:before {
	content: none !important;
}

#mobile-menu li.menu-item.wpml-ls-item.wpml-ls-item-ca {
	margin-top: 35px;
}

#mobile-menu li.menu-item:is(.menu-item-830, .page-item-1899) {
	border-bottom: 1px solid white;
}

html { scroll-behavior: smooth; }

#pdcc-message-container > p {
    color: black !important;
    width: 96%;
}

.masthead-mobile-header {
	height: 0 !important;
}

.mobile-header-bar {
	margin-top: 50px !important;
}

.mobile-menu-icon-bg-on .dt-mobile-menu-icon:not(.floating-btn):before,
.mobile-menu-icon-hover-bg-on .dt-mobile-menu-icon:not(.floating-btn):after {
	right: -100vw !important;
	width: auto !important;
	left: -10px !important;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}

.fade-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
	height: 22px;
	width: 35px;
}

.fade-mobile-menu-icon .mobile-header-bar .menu-line {
	width: 35px !important;
}


.dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2), .fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
	top: 10px !important;
}

.dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3), .fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
	top: 20px !important;
}

.dt-mobile-header {
	max-height: fit-content !important;
	min-height: fit-content !important;
	margin-top: 50px !important;
	height: fit-content !important;
	overflow: visible !important;
	top: 0 !important;
}

.admin-bar .dt-mobile-header .mobile-header-scrollbar-wrap {
	padding-top: 35px !important; 
}

.dt-close-mobile-menu-icon {
	left: -45px !important;
	right: auto !important;
	top: 0 !important;
	margin: 0 !important;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}

.dt-close-mobile-menu-icon {
	width: 36px !important;
	height: 36px !important;
	border: none !important;
	outline: none;
	box-shadow: none;
}

.fade-big-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
	width: 36px !important;
}

#page:not(.show-mobile-header) .dt-close-mobile-menu-icon {
	display: none !important;
}

.mobile-mini-widgets-in-menu {
	order: -1;
	padding-top: 0 !important;
}
.mobile-mini-widgets-in-menu img {
	display: block;
	width: 100px;
	height: auto;
}

.floating-mobile-menu-icon.admin-bar .dt-mobile-menu-icon.floating-btn {
	top: 100px !important;
	background: #ed6f60 !important;
}

.inline-header:not(.show-floating-icon) .mobile-header-bar a:is(.floating-btn) {
	display: none;
}

.sticky-mobile-on .mobile-header-bar {
	padding-right: 15px !important;
}

.mobile-header-bar {
	transition: all 0.2s ease;
}

.dt-mobile-menu-icon.floating-btn {
	border-top-left-radius: 100px !important;
	border-bottom-left-radius: 100px !important;
	right: 0 !important;
}

ul#mobile-menu i.next-level-button svg {
	color: #efe6de !important;
	fill: #efe6de !important;	
}

.sticky-off .header-bar {
	height: fit-content !important;
	padding: 35px 50px !important;
	align-items: flex-end !important;
}

.sticky-off .header-bar .branding img {
	width: 100%;
	max-width: 300px !important;
}

.sticky-on .branding>a.same-logo:before {
	content: "";
	background-image: url(/wp-content/uploads/2025/06/Logotip-flotant.svg);
	display: block;
	width: 100%;
	height: 100%;
	width: 70px;
	height: 50px;
	background-repeat: no-repeat;
	max-height: 100%;
	background-size: contain;
	background-position: center;
}
.sticky-on .branding>a.same-logo img {
	opacity: 0;
	height: 0;
	width: 0;
}
.sticky-on .header-bar {
	min-height: 60px !important;
	align-items: center !important;
	padding: 2px 50px !important;
}

.show-floating-icon .mobile-header-bar a:not(.floating-btn) {
	display: none;
}

#primary-menu {
	row-gap: 10px;
	position: relative;
}

#primary-menu .mbl.menu-item {
	display: none !important;
}

#primary-menu .menu-item a {
	padding: 10px 15px !important;
	margin: 0 5px !important;
}

#primary-menu .current_page_item > a,
#primary-menu .menu-item:hover > a,
#primary-menu .current-menu-parent > a {
	background: #efe6de !important;
	border-radius: 100px !important;   
}

#primary-menu .current_page_item span, 
#primary-menu > .menu-item:hover > a span,
#primary-menu .current-menu-parent > a span {
	color: #ed6f60 !important;
}

#primary-menu .sub-nav {
	box-shadow: none !important;
	background: none !important;
	left: -7px !important;
}

#primary-menu .sub-nav a {
	border-radius: 100px;
	margin-top: 5px !important;
	background: #ed6f60;
}

#primary-menu .sub-nav .menu-item {
	width: fit-content;
}

footer #block-6 {
	width: 100%;
}

@media screen and (max-width: 767.98px) {
	#logos-footer {
		display:none !important;
	}
}

@media screen and (min-width: 768px) {
	#logos-footer-mbl {
		display: none !important;
	}
}

#logos-footer {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

#logos-footer > div:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 85px;
}

#logos-footer > div:not(:last-child) {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 35px;
	flex-wrap: nowrap;
	align-items: center;
}

#logos-footer img {
	max-width: 165px;
    max-height: 40px;
	width: 100%;
	height: auto !important;
	object-fit: contain;
	object-position: center;
}

#logos-footer > div:last-child img {
	max-height: 45px !important;
    max-width: 120px !important;
    width: 100%;
	width: 100%;
}

#logos-footer-mbl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 25px;
	justify-content: flex-end;
	align-items: center;
	row-gap: 50px;
}

#logos-footer-mbl a {
    width: calc(50% - 12.5px);
}

#logos-footer-mbl a img {
	width: 100%;
	height: auto;
	max-width: 150px;
	max-height: 40px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	object-position: center;
}

#logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 25px;
	border-top: 1px solid #ed6f60;
	padding-top: 50px;
	margin: 0 auto;
}

#logo img {
	max-width: 400px;
}

#logo span {
	font-size: 16px;
	color: black;
	text-align: center;
}

strong, b {
	font-weight: 400 !important;
}

/*************************************/
.boto {
	background: #efe6de;
	padding: 5px 15px;
	width: fit-content;
	border-radius: 50px;
	text-decoration: none;
	/*border: 1px solid #efe6de;*/
	transition: all 0.5s ease;
	position: relative;
	text-align: center;
    display: flex;
    align-items: center;
}

.boto:hover {
	background: #ed6f60 !important;
	color: #efe6de;
}

.boto-secundari {
	background: #ed6f60;
	color: #efe6de;
	padding: 5px 15px;
	width: fit-content;
	display: block;
	border-radius: 50px;
	text-decoration: none;
	transition: all 0.5s ease;
	text-align: center;
    display: flex;
    align-items: center;
}

.boto-secundari:hover {
	background: #efe6de !important;
	color: #ed6f60;
}

.botohoverblanc .boto-secundari:hover,
.botohoverblanc .boto:hover {
	color: #ed6f60;
	background: white !important;
}

p:has(.boto.pendent) {
	position: relative;
}

p:has(.boto.pendent):hover:after {
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 50px;
	background: #ed6f60 !important;
	color: #efe6de;
	border: 1px solid #efe6de;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.boto.pendent {
	pointer-events: none !important;
}

#cta {
	display: flex;
	flex-direction: column;
}

#cta .item {
	display: flex;
	align-items: stretch;	
}

#cta .item:not(.beige) * {
	color: white !important;
}

#cta .item.rosa,
#cta .item.rosa .info:after {
	background-color: #ed6f60;
}

#cta .item.granate,
#cta .item.granate .info:after {
	background-color: #632426;
}

#cta .item.rosapalo,
#cta .item.rosapalo .info:after {
	background-color: #db9177;
}

#cta .item.beige,
#cta .item.beige .info:after {
	background-color: #efe6de;
}

#cta .item .info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	padding: 35px 50px;
	text-decoration: none !important;
	position: relative;
	cursor: pointer;
	margin-left: auto;
}

#cta .item .info h3 {
	width: 100%;
	text-align: left;
	margin: 0 !important;
}

#cta .item.beige :is(*, a, h3) {
	color: #ed6f60 !important;
}

#cta .item .info img {
	max-width: 75px;
	max-height: 75px;
	height: auto;
	width: 100%;
	display: block;   
	object-fit: contain;
}

#cta .item > .imatge img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#cta .item .info:after {
	content: "";
	width:0px;
	height: 100%;
	position: absolute;
	right: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom-right-radius: 100px;
	border-top-right-radius: 100px;
	background-size: 50%;
	transition: all 0.5s ease;
}

#cta .item .info:hover:after {
	width: 100px;
	right: -100px;
}

#cta .item:not(.beige) .info:hover:after {
	background-image: url(/wp-content/uploads/2025/06/fletxa-beigue.svg);
}

#cta .item.beige .info:hover:after {
	background-image: url(/wp-content/uploads/2025/06/fletxa-rosa.svg);
}

#cta .item .info span {
    line-height: 1em !important;
    display: block;
    margin-bottom: 10px;
}

/***********************************/

#recordstestimonis .upb_row_bg:after {
	content: "";
	background-image: url(/wp-content/uploads/2025/06/14-illustracio.png?id=17) !important;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	height: 100%;
}

#records h4 {
	color: #ed6f60;
	position: relative;
	display: inline-block;
}

#records .subtitle, 
.granate:not(.item) :is(*, h3, a),
.granate {
	color: #632426;
}
#audicio h2 {
	position:relative;
}

.ralla,
.ralla-inversa {
	position:relative;
}

.ralla-inversa {
	color: #efe6de !important;
}

.ralla {
	color: #ed6f60;
}

#recordstestimonis a.boto-secundari {
    border: 1px solid #ed6f60;
}

#records h4:before,
#audicio h2:before,
.ralla:before,
.ralla-inversa:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100vw;
	width: calc(100vw - 10px);
	background-color: #ed6f60;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	z-index: 0;
	/*max-height: 50px;*/
	/* top: 50%; */
	/* transform: translateY(-50%); */
	/* height: 100%; */
}

h2.ralla-inversa:before {
	background-color: #efe6de !important;
}

#testimonis > div {
	background-repeat: no-repeat;
	background-size: 50%;
	width: calc(100% - 15px);
	margin-top: -50px;
}

#testimonis-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 15px;
	row-gap: 25px;
	padding-top: 150px !important;
}

#testimonis-list .item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
}

#testimonis-list .item .info {
	display: flex;
	flex-direction: column;
	font-size: 20px;
}
#testimonis-list .item .info span:not(.nom) {
	font-style: italic;
}
#testimonis-list .item .info span:not(.nom),
#testimonis-list .item .text {
	font-weight: 200;
}

#testimonis-list .slick-list {
	order: -1;
}

#testimonis-list button.slick-next.slick-arrow {
	order: 1;
}

#testimonis-list .slick-dots {
	display: flex;
	flex-direction: row;
	list-style: none !important;
	gap: 15px;
	margin: 0 !important;
}

#testimonis-list .slick-dots span {
	width: 10px;
	height: 10px;
	border-radius: 100px;
	background: #ffffff;
	display: block;
	cursor: pointer;
	border: 1px solid #fff;
}

#testimonis-list .slick-dots .slick-active span {
	background: none !important;
}

#testimonis-list .slick-dots span:hover,
#testimonis-list .slick-arrow:hover {
	opacity: 0.7;
}

#testimonis-list button.slick-arrow {
	color: white;
	display: block;
	background: none !important;
	border: none !important;
}

#testimonis-list .nom {
	font-weight: 400;
}

@media screen and (min-width: 779px) {
	#cta .item .info {
		width: calc(50% - 100px);
		max-width: 550px;
	}

	#testimonis-list {
		padding: 0 50px;
	}
}

@media screen and (max-width: 778.98px) and (min-width: 768px) {
	#cta .item .info {
		padding: 35px 20px;
		width: calc(50% - 40px);
	}

	#testimonis-list {
		padding: 0 20px;
	}
}


@media screen and (max-width: 767.98px) {
	#cta .item {
		flex-direction: column;
	}

	#cta .item > .imatge {
		min-height: 170px;
	}

	#cta .item > * {
		width:100%;
		height: 100px;
	}

	#cta .item .info {
		max-width: calc(100% - 100px) !important;
	}

	#recordstestimonis {
		padding-bottom: 0 !important;
	}

	#recordstestimonis .upb_row_bg:after {
		width: 100vw;
		max-width: 100vw;
	}

	#testimonis {
		z-index: 9;
		padding-bottom: 35px;
	}

	#testimonis:before {
		background: #632426;
		content: "";
		width: 200vw;
		display: block;
		position: absolute;
		height: 100%;
		left: -100vw;
		z-index: -1;
	}

	#testimonis > div {
		margin-top: 0 !important;
		background-position: 0 0;
		padding-top: 70px;
	}

	#testimonis-list {
		padding: 0;
	}
}


@media screen and (min-width: 768px) {
	#cta .item {
		flex-direction: row;
	}		

	#cta .item > .imatge {
		width: 50%;
	}

	#recordstestimonis .upb_row_bg:after {
		width: 50vw;
		max-width: 50%;
	}
}

/******************/

#slider .wpb_text_column .wpb_wrapper {
	position: relative;
	width: fit-content;
	max-width: 70%;
}

#slider .wpb_text_column .wpb_wrapper:before {
	content: "";
	position: absolute;
	left: -100vw;
	top: -35px;
	bottom: -35px;
	right: -15%;
	background-color: #ed6f60;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	z-index: -1;
}

#descripcio iframe {
	margin: 0 auto;
	display: block;
}

#audicio h2,
#works h2,
.lletrarosa :is(h2, *),
.lletrarosa {
	color: #ed6f60;
}

.lletrabeige :is(h2, *, a) {
	color: #efe6de !important;
}

#audicio .wpb_column > div > div {
	border-top: 1px solid #ed6f60;
	padding-top: 35px;
}

:is(#quanion, #inscripcio, .info) > div > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #ed6f60;
	padding-top: 35px;
	text-align: center;
}

#concert .info > div > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	background: #ed6f60;
	padding-top: 35px;
	text-align: left !important;
}

#concert .boto {
	border: 1px solid #efe6de;
}

#concert .info .wpb_text_column.containerboto p {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

:is(#quanion, #inscripcio) > div > div:after {
	content: "";
	border-bottom: 1px solid;
	width: 75%;
	height: 1px;
	order: -1;
	margin-bottom: 25px;
}

:is(#quanion, #inscripcio) > div > div {
	transition: all 0.3s ease;
}

:is(#quanion, #inscripcio):hover > div > div {
	background: white;
	border-radius: 150px;
	color: #ed6f60;
	padding-top: 35px;
}
:is(#quanion, #inscripcio) a {
	color: white !important;
}

:is(#quanion, #inscripcio):hover :is(h3,a) {
	color: #ed6f60 !important;
}

:is(#quanion, #inscripcio) .boto {
	color: #ed6f60 !important;
}

:is(#quanion, #inscripcio):hover .boto {
	background: #ed6f60 !important;
	color: white !important;
}

:is(#quanion, #inscripcio):hover .boto:hover {
	background: #efe6de !important;
	color: #ed6f60 !important;
}

:is(#quanion, #inscripcio) .wpb_text_column:has(h3) {
	order: -2;
	margin-bottom: 25px !important;
}

#descripcio .video > div > div {
	background-color: #ED6F60 !important;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 25px;
	justify-content: center;
}

#descripcio .video .wpb_raw_code {
	margin: 0 !important;
}


@media screen and (min-width: 768px) {
	#inscripcio {
		margin-left: 35px;
		width: calc(50% - 35px);
	}

	#quanion {
		margin-right: 35px;
		width: calc(50% - 35px);
	}

	#descripcio .text > div {
		padding-right: 35px !important;
	}

	#descripcio .video > div {
		padding-left: 35px !important;
	}

	#descripcio .text .wpb_text_column {
		margin: 0 !important;
	}
}

@media screen and (max-width: 767.98px) {
	#inscripcio, #quanion {
		width: 100%;
	}

	#quanion {
		margin-bottom: 35px;
	}

	#descripcio .video > div > div {
		margin-left: -20px;
		margin-right: -20px;
	}
}

/*****************************/

/*#works .item > div > div {
	background: #ed6f60;
	padding: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 100%;
	justify-content: space-between;
}

#works .item .imatge {
	margin: -25px;
	margin-bottom: 35px !important;
	aspect-ratio: 16/9;
	max-width: calc(100% + 50px);
	height: auto !important;
	object-fit: cover;
	overflow: hidden;
	object-position: center;
}*/

#works .item .text img {
	    max-width: 50px;
    display: block;
    margin: 0 auto !important;
}

/****************************/

#first .info a {
	color: white !important;
}

:is(.info) > div > div {
	padding: 35px 35px 0 35px;
}

@media screen and (max-width: 767.98px) {
	#last .upb_row_bg:after,
	#univers .upb_row_bg:after {
		content: none !important;
	}

	#univers .imatge img {
		display: block;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	#last .upb_row_bg:after,
	#univers .upb_row_bg:after {
		content: "";
		width: calc(50vw - 15px);
		display: block;
		top: 50px;
		position: absolute;
		right: 0;
		bottom: 50px;
		background-position: center center;
		background-size: cover;
	}

	#last:not(.mindfulness) .upb_row_bg:after {
		background-image: url(/wp-content/uploads/2025/06/2-Qui-imparteix-Elena.jpg);
	}

	#univers .upb_row_bg:after {
		background-image: url(/wp-content/uploads/2025/06/3-imatge.jpg);
	}

	#last .imatge.mbl,
	#univers .imatge.mbl {
		display: none !important
	}

	br.mbl {
		display:none !important;
	}
}

#last #xarxes {
	gap: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
}

#last #xarxes img {
	width: 25px;
	height: 25px;
	object-fit: contain;
}

/**************************/


@media screen and (min-width: 768px) {
	#acelobert .imatge img,
	#territori .imatge img,
	#temaimatgegrafica .imatge img {
		position: absolute;
		top: -100px;
		left: 0;
		width: calc(80% - 30px);
		height: calc(100% + 200px);
		object-fit: cover;
		right: 0;
		object-position: center;
	}

	.espai {
		padding-top: 75px !important;
	}
}

@media screen and (max-width: 767.98px) {
	#acelobert .imatge img,
	#territori .imatge img,
	#temaimatgegrafica .imatge img {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	#ser,
	#territori,
	#temaimatgegrafica {
		padding-bottom: 50px !important;
	}

	.espai {
		padding-top: 50px !important;
	}
}
:is(#acelobert, #coac, #laidea) .icona img {
	max-width: 250px;
	width: 100%;
	height: auto;
	max-height: 75px;
	object-fit: contain;
	object-position: left;
}

#laidea .icona img {
	max-width: 100px !important;
}

#ser .imatge img {
    max-width: 400px;
    margin: 0 auto;
    display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/************************/


#llocs .item > div {
	background-size: cover;
	background-position: center;
	height: 300px;
	padding: 35px !important;
}

#llocs .item > div > div,
#llocs .item > div > div > div {
	height: 100%;
}

#llocs .item .wpb_text_column {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.barrafinal {
	z-index: -1;
}

@media screen and (max-width: 767.98px) {
	#descripcio {
		padding-bottom: 0 !important;
	}

	#descripcio .imatge.mbl {
		margin-bottom: -50px;
	}

	.barrafinal {
		padding-bottom: 35px;
	}

	.saltdesk {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	#descripcio .imatge.mbl {
		display: none;
	}

	#descripcio .upb_row_bg {
		overflow: visible;
	}

	#descripcio:not(.pa) .upb_row_bg:after {
		content: "";
		background-image: url(/wp-content/uploads/2025/06/5-imatge-clarinet.jpg);
		float: right;
		width: calc(50vw - 70px);
		height: calc(100% + 70px);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin-top: -35px;
	}
}


/*****************************/


#suport .wpb_column:not(.vc_col-sm-1\/5) img {
	width: 100%;
	object-fit: contain;
	object-position: center;
	max-width: 155px;
	max-height: 50px;
}

#suport .wpb_column.vc_col-sm-1\/5 img {
	max-height: 45px !important;
	max-width: 105px !important;
	width: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
	margin: 0 auto;
}

#complicitat img {
	max-height: 45px !important;
	max-width: 245px !important;
	width: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
	margin: 0 auto;
}

:is(#emisora, #organitza, #colaboracio) img {
	max-width: 200px;
}

#complicitat .wpb_column.vc_col-sm-6 {
	margin: 0 auto;
}



/* EDICIONS ANTERIORS - FITXA TIPUS ANY */
.infoedicio {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.infoedicio .item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
}

.infoedicio .item img {
	width: 100%;
	max-width: 30px;
	max-height: 30px;
	height: auto;
	object-fit: contain;
	object-position: center;
}

.linksedicio {
	display: flex;
	gap: 25px;
	align-items: center;
	flex-wrap: wrap;
}

.linksedicio .boto {
	border: 1px solid;
}

ul.llistafletxa {
	margin: 0 !important;
	list-style: none !important;
}

ul.llistafletxa li:before {
	content: "";
	background-image: url(/wp-content/uploads/2025/06/icona-fletxa.svg);
	width: 15px;
	height: 15px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}

ul.llistafletxa.granate li:before {
	background-image: url(/wp-content/uploads/2025/06/icona-fletxa-granate.svg) !important;
}

ul.llistafletxa li + li {
	margin-top: 5px;
}

#video iframe {
	width: 100%;
	aspect-ratio: 16/9;
	height: auto;
	max-width: 1000px;
	margin: 0 auto;
	display: block;
}


#video:after,
#fotos:after {
	content: "";
	border-bottom: 1px solid #ed6f60;
	height: 50px;
	display: block;
	position: relative;
	width: calc(100% - 30px);
	margin: 0 auto;
}

button.ea.slick-arrow {
	background: none !important;
	border: none !important;
	width: 25px;
	height: 25px;
}

button.ea.slick-arrow img {
	width: 25px;
	height: 25px;
}

button.slick-prev.ea.slick-arrow img {
	transform: rotate(180deg);
}

.ea_fotos button.ea.slick-arrow:hover,
.ea_fotos span.custom-dot:hover {
	opacity: 0.7;
}

.ea_fotos.slick-slider {
	display: flex !important;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
}

@media screen and (min-width: 768px) {
	.ea_fotos .slick-slide {
		margin: 0 10px;
	}	

	.ea_fotos .slick-list {
		width: calc(100% - 80px);
	}

}

@media screen and (max-width: 767.98px) {
	.ea_fotos .slick-list {
		width: 100%;
	}

	button.ea.slick-arrow {
		position: absolute;
	}

	button.slick-next.ea.slick-arrow {
		right: 5px;
	}

	button.slick-prev.ea.slick-arrow {
		left: 5px;
	}

	button.ea.slick-arrow img {
		filter: brightness(0) invert(1);
	}
}



.ea_fotos .slick-dots {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	gap: 10px;
	margin: 10px 0 0 0 !important;
}

.ea_fotos .slick-dots li {
	list-style: none;
}


.ea_fotos .custom-dot:before {
	content: "";
	background: #ed6f60;
	border: 1px solid #ed6f60;
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 100px;
	cursor: pointer;
}

.ea_fotos .slick-active span.custom-dot:before {
	background: none !important;
}

.audios {
	display: flex;
	gap: 15px;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.audios .boto-secundari {
	border: none !important;
}

.audios .boto-secundari:hover,
.audios .boto-secundari.active {
	background: #632426 !important;
	color: #efe6de !important;
}



/** PÀGINA TIPUS CONCERT **/

#slider.concert .upb_row_bg {
	filter: brightness(0.8);
}

#concert .info .wpb_text_column {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
}

#concert .info .wpb_text_column:not(.containerboto):before {
	content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
	min-width: 30px;
    min-height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}

#concert .info .wpb_text_column.llochora:before {
	background-image: url(/wp-content/uploads/2025/06/icona-calendari-1.svg);
}

#concert .info .wpb_text_column.copa:before {
	background-image: url(/wp-content/uploads/2025/06/icona-copa.svg);
}

#concert .info .wpb_text_column.aforament:before {
	background-image: url(/wp-content/uploads/2025/06/Icona-cadira.svg);
}

#concert .info .wpb_text_column.duracio:before {
	background-image: url(/wp-content/uploads/2025/06/icona-relotge.svg);
}

#concert .info .wpb_text_column.entrades:before {
	background-image: url(/wp-content/uploads/2025/06/icona-entrades.svg);
}

#concert .info :is(.llochora, .entrades) {
    font-weight: 400;
}

#concert .llochora p {
	letter-spacing: -1px;
}

#concert .llochora p a {
    letter-spacing: 0px;
}

#artistes:before {
	content: "";
	display: block;
	background: #632426;
	height: 100%;
	position: absolute;
	z-index: -1;
}

#informacio .upb_row_bg {
	z-index: -2 !important;
}

#dissenyespai, #laidea {
	z-index:2;
}

:is(#laidea,#dissenyespai) .imatge.mbl p {
	position:relative;
}

:is(#laidea,#dissenyespai) .wpb_column.vc_column_container.vc_col-sm-6:has(.imatge.mbl) *:not(img) {
	height: 100%;
}

@media screen and (max-width: 767.98px) {
	#artistes:before {
		width: calc(100vw + 30px);
		left: -15px;
	}

	#informacio {
		padding-bottom: 0 !important;
	}

	#slider {
		aspect-ratio: 16/9;
		min-height: auto !important;
	}

	#slider:not(.ttee, .workshops) > .wpb_column {
		position: absolute;
		bottom: -125px;
	}
	
	#slider.ttee > .wpb_column {
		position: absolute;
		bottom: -195px;
	}
	
	#slider.workshops > .wpb_column {
		position: absolute;
		bottom: -165px;
	}

	#slider:not(.ttee, .workshops) + .vc_row {
		padding-top: 150px !important;
	}
	
	#slider.ttee + .vc_row {
		padding-top: 220px !important;
	}
	
	#slider.workshops + .vc_row {
		padding-top: 190px !important;
	}

	#slider > .wpb_column > div {
		padding-bottom: 0 !important;
	}

	#concert {
		padding-top: 75px !important;
	}
}

@media screen and (min-width: 768px) {
	#artistes:before {
		width: 50vw;
	}

	#informacio #artistes .ralla:before {
		left: -50px !important;
		width: 40px !important;
	}

	#temaimatgegrafica .ralla-inversa:before {
		width: 150px !important;
		left: -160px !important;
	}

	:is(#laidea,#dissenyespai) .imatge.mbl img {
		position: absolute;
		top: -145px;
		left: 0;
		width: 100%;
		height: calc(100% + 250px);
		object-fit: cover;
		z-index: 1;
		pointer-events: none;
	}

	#informacio #artistes > div {
		padding-left: 50px;
		padding-right: 50px;
	}
}


/** PÀGINA TIPUS ARTISTA **/

.type-artista .post-thumbnail {
	display: none;
}

.type-artista .items {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
	flex-wrap: wrap;
	gap: 50px;
}

.type-artista #xxssartista {
	display: flex;
	flex-direction: row;
	gap: 15px;	
}

.type-artista #xxssartista a img {
	width: 100%;
	max-width: 35px;
	height: auto;
	object-fit: contain;
}

#xxssartista a:not(.boto-secundari):hover {
	opacity: 0.7;
}

.type-artista .items .boto-secundari {
	display: flex;
	flex-wrap: nowrap;
	gap: 15px;
}

.type-artista .items .boto-secundari img {
	width: 100%;
	max-width: 35px;
}

.type-artista .items .boto-secundari:not(:hover) img.on, 
.type-artista .items .boto-secundari:hover img.off {
	display: none;
}


/** EL FESTIVAL **/

#impulsors .item > div > div,
#works .item > div > div {
	background: #ed6f60;
	height: 100%;
	transition: all 0.3s ease;
}

#impulsors .item .wpb_text_column:not(.imatge),
#works .item .wpb_text_column:not(.imatge) {
	padding: 35px;
	padding-bottom: 0 !important;
	margin: 0 !important;
	text-align: center;
}

#impulsors .item .imatge,
#works .item .imatge {
	margin: 0 !important;
}

#impulsors .item .wpb_text_column:has(.boto),
#works .item .wpb_text_column:has(.boto) {
	padding-bottom: 35px !important;
}

#impulsors .item .boto,
#works .item .boto {
	margin: 0 auto;
}

#impulsors .item img,
#works .item img {
	display: block;
	margin: 0 !important;
	width: 100%;
}

#impulsors .item > div > div:hover,
#works .item > div > div:hover {
	background: white;
}

#works .item .text .on, 
#works .item > div > div:hover .text .off {
	display:none;
}

#works .item .off,
#works .item > div > div:hover .on {
	display:block;
}

#impulsors .item > div > div:hover .wpb_text_column :is(h3, p),
#works .item > div > div:hover .wpb_text_column :is(h3, p) {
	color: #ed6f60 !important;
}
#impulsors .item .nom,
#works .item .nom {
	position: relative;
}
#impulsors .item > div > div .nom:before,
#works .item > div > div .nom:before {
	content: "";
	top: 0;
	height: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	border-top-left-radius: 100%;
	border-top-right-radius: 100%;
	background: white;
	transition: all 0.3s ease;
}

#impulsors .item > div > div:hover .nom:before,
#works .item > div > div:hover .nom:before {
	top: -50px !important;
	height: 50px !important;
}

#temaimatgegrafica .wpb_column.vc_column_container.vc_col-sm-6:has(.imatge) {
	z-index: 2;
}

#informacioimportant > .wpb_column > div > div {
	border-top: 1px solid #ed6f60;
	padding-top: 50px;
}


/** FORMULARI CONTACTE **/
form {
	gap: 35px;
	display: flex;
	padding-top: 15px;
	flex-direction: row;
	flex-wrap: wrap;
}

form > .col {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media screen and (max-width: 767.98px) {
	form > .col {
		width:100%;
	}	
}

@media screen and (min-width: 768px) {
	form > .col {
		width: calc(50% - 17.5px);
	}
}


form .col span:not(:first-child) > * {
	margin: 20px 0;
}

form p {
	margin-top: 25px;
	display: block;
}

form .wpcf7-list-item {
	margin: 0 !important;
}

input.wpcf7-form-control.wpcf7-submit.boto-secundari {
	background: #ed6f60 !important;
	color: #efe6de;
	padding: 5px 15px;
	width: fit-content;
	display: block;
	border-radius: 50px;
	text-decoration: none;
	transition: all 0.5s ease;
	font-family: 'Outfit';
	font-weight: 400;
	font-size: 16px !important;
	line-height: 25px !important;
}

input.wpcf7-form-control.wpcf7-submit.boto-secundari:hover {
	background: white !important;
	color: #ed6f60 !important;
}

form span.wpcf7-spinner {
	display: none !important;
}

/**********************/
#jordigriso img {
	max-width: 350px;
	display: block;
}

@media screen and (min-width: 768px) {
	#jordigriso img {
		margin-left: auto !important;
		margin: 0;
	}
}

@media screen and (max-width: 767.98px) {
	#jordigriso img {
		margin: 0 auto !important;
	}
}

.wpcf7-turnstile.cf-turnstile {
    order: 3;
}