/*!
Theme Name:  Festival Ull Nu
Author:      Superlatiu
Author URI:  https://www.superlatiu.com/
Description: Festival Ull Nu WordPress Theme
Version:     1.0.0
License:     GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template:    page-builder-framework
Text Domain: page-builder-framework-child
*/


body {
	background-color: #FFF;
	color: #171a1d;
	font-family: "neue-haas-grotesk-unica", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	line-height: 22px;
}
	body.home.page {
		background-color: #FFF;
	}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
	background-color: transparent;
}
.one-container .site-content {
	padding: 0;
}
body.archive .site-content {
	margin-top: 90px;
}
.wpbf-padding-medium {
	padding-bottom: 0px !important;
}

/* Tipografia */

h1, h2, h3, h4, .main-navigation a, .main-navigation .main-nav ul ul li a, .section_herobig p, .vc_btn3.vc_btn3-size-lg, button, input[type="button"], input[type="reset"], input[type="submit"], .cmplz-cookiebanner .cmplz-title, .links .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
	font-family: "neue-haas-grotesk-unica", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1 {
	color: #171a1d !important;
	font-size: 72px;
	line-height: 110%;
	margin-bottom: 30px !important;
}
	body.home.page h1 {
		font-size: 40px;
		line-height: 120%;
	}
h2 {
	color: #171a1d !important;
	font-size: 40px;
	line-height: 120%;
	margin-bottom: 30px !important;
	margin-top: 0;
}
h3 {
	color: #171a1d !important;
	font-size: 31px;
	line-height: 36px;
	letter-spacing: -0.5px;
	margin-bottom: 15px !important;
}
	h3.activ {
		margin-top: 60px;
		margin-bottom: 30px !important;
	}
h4 {
	color: #8D9091 !important;
	font-size: 16px;
	line-height: 15px;
	margin-bottom: 20px;
}
p, .entry-meta {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 22px;
	margin-bottom: 30px;
	margin-top: 0px;
}
	p a, p a:visited {
		color: #171a1d;
		text-decoration: underline;
	}
		p a:active, p a:hover, p a:focus {
			color: #171a1d;
			text-decoration: none;
		}
	p.footer {
		font-size: 16px;
		line-height: 140%;
	}
strong {
	font-weight: 700;
}
small, p.small {
	font-size: 12px;
	line-height: 18px;
}


/* Header */

.wpbf-pre-header {
	background-color: #F4F4F6;

}
	.wpbf-inner-pre-header {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.wpbf-inner-pre-header-left {
		font-size: 12px;
	}
	.wpbf-menu-right .wpbf-menu a, .wpbf-menu-left .wpbf-menu a, .wpbf-menu-stacked .wpbf-menu a, .wpbf-menu-stacked-advanced .wpbf-menu a, .wpbf-menu-centered .wpbf-menu a, .wpbf-page-footer .wpbf-menu a {
	color: #171a1d;
	font-size: 14px;
	padding: 5px 15px !important;
}
		.wpbf-pre-header .wpbf-menu a {
			color: #171a1d;
			font-size: 12px;
			padding: 0px 15px !important;
		}
		.wpbf-pre-header .wpbf-menu a :hover, .wpbf-pre-header .wpbf-menu a :focus, .wpbf-pre-header .wpbf-menu a :active {
			color: #8D9091 !important;
		}
		li.wpml-ls-item a {
			color: #999 !important;
		}
		li.wpml-ls-item .wpbff-arrow-down {
			display: none !important;
		}

header {
    position: fixed;
    width: 100%;
    z-index: 1222;
}


.wpbf-navigation {
	background: #FFF;
}
	.wpbf-navigation ul li a, .wpbf-navigation ul li a:hover, .wpbf-navigation ul li a:active, .wpbf-navigation ul li a:visited {
		color: #171a1d;
		font-size: 14px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
		.wpbf-menu>.current-menu-item>a {
			color: #171a1d !important;
		}
		.wpbf-navigation ul li a:hover, .wpbf-navigation ul li a:focus, .wpbf-navigation ul li a:active {
			color: #8D9091;
		}

.wpbf-sub-menu>.menu-item-has-children:not(.wpbf-mega-menu) .sub-menu {
	width: 240px;
	padding-bottom: 10px;
	padding-top: 30px;
}
.wpbf-sub-menu>.menu-item-has-children>.sub-menu {
	box-shadow: none;
}

/* Hero */

.section_herobig {
	background-color: #111;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 90vh;
	margin-bottom: 85px;
}
	.section_herobig h1 {
		color: #FFF;
		font-size: 18px;
		line-height: 150%;
		font-weight: 400;
		letter-spacing: 0;
	}
	.section_herobig p {
		color: #FFF;
		font-size: 72px;
		line-height: 110%;
		letter-spacing: -2px;
	}
.section_herosmall {
	background-position: center center;
	height: 40vh;
	min-height: 540px;
	margin-bottom: 60px;
}
	.section_herosmall h1 {
		color: #FFF;
	}


/* Layout */

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.section_padbig {
	padding-bottom: 120px;
}
.section_padmedium {
	padding-bottom: 60px;
}
.section_padsmall {
	padding-bottom: 30px;
}
.section_white {
	background-color: #FFF;
}
.section_grey {
	background-color: #F4F4F6;
}
.section_imatge {
	background-position: center center;
	height: 65vh;
	margin-bottom: 0 !important;
	min-height: 640px !important;
}
	.section_imatge h2, .section_imatge p {
		color: #FFF;
	}

/* VC Fixes */


.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
	margin-bottom: 20px;
}
.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
	padding-top: 0 !important;
}
.wpb_single_image img {
	margin-bottom: 20px;
}
.wpb_single_image .vc_figure-caption {
	background-color: #FFF;
	color: #CCC;
	font-size: 11px;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
}
	.wpb_single_image .vc_figure-caption a {
		border-bottom: 1px solid #EEE;
		color: #CCC;
		text-decoration: none;
	}
.vc_toggle {
	border-bottom: 1px solid #D8D8DF;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
	i.vc_toggle_icon {
		display: none !important;
	}
	.vc_toggle_title>h4 {
		color: #171a1d !important;
		font-size: 31px;
		line-height: 36px;
		letter-spacing: -0.5px;
		text-transform: none;
	}
	.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
		padding-left: 0px;
	}
	.vc_toggle_content ul {
		padding: 0px;
	}
	.vc_toggle ul li {
		margin-bottom: 10px;
	}

.wpb_text_column ul li {
	margin-bottom: 5px;
}

/* Layout Fixes */

.destacats p {
	font-size: 21px;
	line-height: 30px;
	margin-bottom: 30px;
}



/* Programa */

.programa-grid {
	padding-top: 120px;
	padding-bottom: 120px;
}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
	padding-bottom: 60px !important;
}
.vc_gitem_row .vc_gitem-col {
	padding: 15px 0 0 0 !important;
}
.meta {
	color: #8D9091;
}
.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
	font-size: 16px !important;
	padding: 5px 15px !important;
}
.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {
	background-color: #F4F4F6 !important;
	color: #171a1d !important;
}
.vc_gitem-post-data {
	margin-bottom: 5px !important;
}

body.programa-template-default.single.single-programa.wpbf-no-sidebar .wpbf-main.wpbf-medium-2-3 {
	width: 66.666%;
}
.fitxa {
	background-color: #FAFAFA;

	margin-left: 60px;
}
.fitxa-obra {
	padding: 30px 30px 10px 30px;
}
	.fitxa-obra p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 18px;
	}
.light {
	color: #8D9091;
}
.metabox {
	color: #8D9091;
	margin-bottom: 30px;
}
	.metabox p a {
		color: #8D9091;
	}

/* Pàgines */

.jurat {}

	.jurat h3 {
		margin-bottom: 10px !important;
	}
	.jurat h4 {
		margin-bottom: 15px !important;
	}
	.jurat p {
		margin-bottom: 0px !important;
	}

.botons {
	margin-top: 15px;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li, .equip h3 {
	margin-bottom: 0 !important;
}
.equip {}

	.equip h1 {
		margin-bottom: 60px !important;
	}
	.equip h3 {
		margin-bottom: 10px !important;
	}
	.equip h4 {
		margin-bottom: 10px !important;
	}
	.equip .wpb_single_image img {
		margin-bottom: 15px;
	}
.faqs {
	margin-top: 30px;
}
.vc_mailchimp_form_cont {
	background-color: transparent !important;
}
	.vc_mailchimp_form_cont input {
		float: left;
	}
.socialico {}
	.socialico ul {
      	list-style: none;
      	margin: 0;
	  	padding: 0;
    }
    .socialico li {
      	display: inline-block;
	  	margin-right: 20px;
    }
    .socialico a {
		color: #171a1d;
		font-size: 32px;
		text-decoration: none;
    }
    	.socialico a:hover, .socialico a:active, .socialico a:focus {
	    	color: #444 !important;
    	}

/* Footer */

.prefooter {
	background-color: #F4F4F6;
	border-bottom: 1px solid #E9EAED;
	padding-top: 60px;
	padding-bottom: 40px;
}

.wpbf-page-footer {
	background: #F4F4F6;
}
.wpbf-page-footer .wpbf-menu a {
	color: #171a1d;
	font-size: 14px;
	padding: 10px 10px;
}
	.wpbf-page-footer .wpbf-menu a:hover, .wpbf-page-footer .wpbf-menu a:active, .wpbf-page-footer .wpbf-menu a:focus {
		color: #8D9091;
	}


/* Botons */

.vc_btn3.vc_btn3-size-lg, .vc_btn3.vc_btn3-size-md, .vc-mailchimp-sub-btn.color_default {
	font-family: "neue-haas-grotesk-unica", sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	margin-right: 15px;
	margin-top: 15px;
	padding: 15px 30px !important;
}
	.vc_btn3.vc_btn3-color-black, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat, .vc-mailchimp-sub-btn.color_default {
		background-color: #171a1d;
		border-color: #171a1d;
		border-radius: 0;
		color: #FFF;
	}
	.vc_btn3.vc_btn3-color-black:hover, .vc_btn3.vc_btn3-color-black:active, .vc_btn3.vc_btn3-color-black:focus, .vc-mailchimp-sub-btn.color_default:hover, .vc-mailchimp-sub-btn.color_default:active, .vc-mailchimp-sub-btn.color_default:focus,  {
		background-color: #444 !important;
		border-color: #444 !important;
	}
.vc-mailchimp-sub-btn.color_default {
	margin-top: 0;
}

/* Form */

.wpcf7 ul {
	padding: 0 !important;
}

form {
	margin-bottom: 0px !important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	border-radius: 0px;
	color: #777;
    width: 100%;
    background: transparent;
    border: 1px solid #C7CCD1 !important;
    padding: 14px 0px !important;
    outline: none;
    line-height: 1;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
input, textarea {
	background-color: #FAFAFA;
	border-bottom: 1px solid #F2F2EF !important;
	border-left: none !important;
	border-right: none !important;
	border-top: 1px solid #F2F2EF !important;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 20px 25px !important;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: transparent;
	border-radius: 0px;
	border: 1px solid #171a1d !important;
	color: #171a1d;
	font-size: 16px !important;
	line-height: 22px !important;
	padding: 15px 30px !important;
}
	button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
		background-color: #171a1d;
		color: #FFF;
	}
.wpcf7-not-valid-tip {
	font-size: 14px !important;
}

/* Vimeo fix */

.fullheight-video-container {
    position: relative;
    width: 100vw; /* Full width of the viewport */
    height: 100vh;
    overflow: hidden;
}

.fullheight-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



/* Legal */

.cmplz-cookiebanner {
	border-radius: 0px !important;
	padding: 30px !important;
	grid-row-gap: 5px !important;
	right: 30px !important;
	bottom: 30px !important;
}
	.cmplz-cookiebanner .cmplz-message p {
		font-size: 14px !important;
		line-height: 150% !important;
	}
	.cmplz-cookiebanner .cmplz-title {
		font-size: 17px !important;
		line-height: 150% !important;
	}
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
		background: #76ABC3 !important;
		border: 2px solid #76ABC3 !important;
		border-radius: 100px !important;
		height: auto !important;
	}
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
		background: #FFF !important;
		border: 2px solid #171a1d !important;
		border-radius: 100px !important;
		height: auto !important;
	}
	.cmplz-cookiebanner .cmplz-links .cmplz-link {
		color: #171a1d !important;
		border-bottom: 1px solid #171a1d !important;
		text-decoration: none !important;
	}
	.cmplz-cookiebanner .cmplz-links.cmplz-documents {
		justify-content: left !important;
		margin-top: 10px;
	}


	:root {
	  --gap: 15px;
	}

	*[class^="row"]:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	*[class^="col"] {
		min-height:1px;
	}
	*[class^="col"] img {
		width:100%;
	}
	*[class^="row"] {
		min-height:1px;
		position:relative;
	}
	.row{
		margin-left:var(--gap);
		margin-right:var(--gap);
		margin:auto;
	}
	/*row with no margins*/
	.rows{}
	.rowsdent{
		margin-left:var(--gap);
		margin-right:var(--gap);
	}
	.row20 {
	--gap: 10px;
	}
	.row10 {
	--gap: 5px;
	}
	.rowmargined *[class^="col"]{
		margin-bottom:calc(var(--gap) * 2);
	}
	.rowmargined *[class^="col"] .cinner{
		margin-left:var(--gap);
		margin-right:var(--gap);
	}
	.rowmargined{
		margin-left:calc(0px - var(--gap));
	}


	.contentxxlarge{
		max-width:2400px;
		margin:auto;
	}
	.contentxlarge{
		max-width:1900px;
		margin:auto;
	}
	.contentlarge{
		max-width:1600px;
		margin:auto;
	}
	.contentmid{
		max-width:1200px;
		margin:auto;
	}
	.contentmsmall{
		max-width:1150px;
		margin:auto;
	}
	.contentsmall{
		max-width:900px;
		margin:auto;
	}
	.contentxsmall{
		max-width:700px;
		margin:auto;
	}
	.col100{width:100%;}
	.col90{width:90%;}
	.col80{width:80%;}
	.col75{width:75%;}
	.col70{width:70%;}
	.col66{width:66.66666666666667%}
	.col60{width:60%;}
	.col50{width:50%;}
	.col40{width:40%;}
	.col35{width:35%;}
	.col33{width:33.33333333333333%;}
	.col30{width:30%;}
	.col25{width:25%;}
	.col20{width:20%;}
	.col16{width:16.66666666666667%;}
	.col15{width:15%;}
	.col10{width:10%;}
	.col5{width:5%;}

	*[class^="col"] {
		float:left;
	}

	.row *[class^="col"] .cinner{
	height: 100%;
	box-sizing: border-box;
	}

	.row{
	display: flex;
	flex-wrap: wrap;
	}
	.rownomarginbot *[class^="col"]{
	margin-bottom: 0px!important;
	}

	.scoma:last-child{
	display: none;
	}

.citemprogramaimage{
position: relative;
}
.ccategoriesitemimg{
background-color: #F4F4F6 !important;
color: #171a1d !important;
padding: 2px 10px;
top: 15px;
right: 15px;
border-radius: 20px;
position: absolute;
}
.hprograma{
line-height: 24px;
}
.ccategoriesitem{
display: inline-block;
margin-right: 5px;
}
.citemprograma h3{
margin-top: 20px;
}
.cdescinner{
margin-top: 10px;
color: black;
}
.cdescinner p {
	margin-bottom: 0px !important;
}
.cpager .page-numbers{
background-color: #F4F4F6 !important;
color: #171a1d !important;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
display: inline-block;
margin-right: 5px;
border-radius: 100%;
    font-size: 16px;
}
.cpager{
text-align: center;
margin-top: 30px;
}
.cpager .page-numbers.current{
color: white!important;
background: black!important;
}

@media (max-width: 1200px){
.citemprograma{
width: 50%;
}

}


@media (max-width: 800px){
.citemprograma{
width: 100%;
}
.cgridprograma .col25{
width: 100%;
margin-bottom: 10px!important;
}
.cpager .page-numbers {
    width: 35px;
    height: 35px;
    line-height: 35px;
		}
		.cpager{
		text-align: left;
		}
}
.ccardmetafooter{
margin-top: 15px;
}
.citemprograma h4{
line-height: 24px;
margin-bottom: 0px;
}
.ctaxpage{
padding-bottom: 100px;
}
.ctaxpage iframe{
width: calc(100% - var(--gap));
height: auto;
display: block;
aspect-ratio:16/9;
margin-bottom: calc(var(--gap) * 2);
}
.archive .ffiltrable{
display: none;
}
@media (max-width: 1000px){
.ctaxpage h1{
font-size: 45px;
margin-bottom: 0px!important;
}
.ctaxpage h3{
margin-bottom: 10px;
margin-top: 30px;
}
.ctaxpage .col50{
width: 100%;
}
}