/*
Theme Name: K15
Author: Edgar Riu
Version: 1.0
Author URI: http://www.riuweb.com/
Domain Path: /languages
*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:65%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
button {cursor: pointer; border: none; background: none; }
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins, a{text-decoration:none;}
a, input {outline:none; color: #000;}
a img {border: none;}

#mti_wfs_colophon {display: none !important;}
#mfPreviewBar {display: none !important;}

/******************* STYLES *******************/

.icon{
	display: inline-block;
  	background-image: linear-gradient(transparent, transparent), url("img_17/icons.svg?v=3");
	background-repeat: no-repeat;
}
.transition {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.text-center {
	text-align: center;
}

/******************* end STYLES *******************/

/******************* LAYOUT *******************/

html, body {
	font-family: Inter, Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	word-wrap: break-word;
	margin: 0 !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
.outer-wrap {
	height: 100%;
}
#head {
    z-index: 1;
    position: relative;
}
#page {
	height: auto !important;
	z-index: 20;
	overflow: hidden;
}
#container {
	padding-bottom: 8rem;
    overflow: hidden;
	margin: 0 auto;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#container.home {
	margin-top: -8rem;
    padding-bottom: 0;
	width: 100%;
}
#container.home .diagonal:first-child {
	padding-top: 8rem;
}
.wrapper, .wrapper-bg {
	padding: 1.5em;
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
}
#head .wrapper-bg {
	padding: 0 3%;
	max-width: auto;
}
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clear_left {
	clear: left;
}
.clear_both {
	clear: both;
}

/******************* end LAYOUT *******************/

/******************* HEADER *******************/

#cccb_topbar {
	display: none;
}

#logo {
	display: block;
	width: 100%;
}
#logo img {
	width: 100%;
}

.head_dates {
	float: right;
	font-family: "Druk Wide Medium";
	font-size: 1.1rem;
	letter-spacing: -0.04em;
	display: none;
}

nav {
	color: #000;
	background-color: #feaed5;
	height: 50px;
}

.menu-main_menu-dates {
	float: right;
	text-transform: uppercase;
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
	line-height: 1.1em;
	padding-top: 17px;
}

#head #xarxes-socials,
#main_menu,
#qtranslate-chooser,
#main_menu-submenu {
	display: none;
}
#main_menu-trigger {
	height: 50px;
    width: 50px;
    cursor: pointer;
    background: #0000FD;
    position: absolute;
    top: 0;
    left: 0;
}
#main_menu-trigger .icon {
	background-position: 0 0;
	height: 21px;
	width: 28px;
}
#mobil_data {
	font-size: 0.9em;
	text-transform: uppercase;
	width: 80%;
	float: left;
	margin-top: 4px;
}
#head .logo_cccb {
	display: none;
}

/* MENU */

.pml-open .outer-wrap{
	overflow: hidden;
	height: 100%;
}

.mask {
	overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
}
nav.push-menu-left {
    position: fixed;
    z-index: 20;
    background-color: #0000FD;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	top: 0;
	width: 100%;
	left: -100%;
	height: 100%;
}
nav.push-menu-left ul#main_menu-mobile{
	padding: 0 2em 2em;
}
button.close-menu {
    background-position: 0 -47px;
    height: 22px;
    margin: 2em 2em 0 0;
    position: absolute;
    right: 0; top: 0;
    text-indent: -6669px;
    width: 22px;
}
nav.push-menu-left #main_menu-mobile li {
    display: block;
    border-bottom: solid 1px #FFF;
	padding: 7px 0;
}
nav.push-menu-left #main_menu-mobile li:first-child {
    border-top: none
}
nav.push-menu-left #main_menu-mobile li:last-child {
    border-bottom: none
}
nav.push-menu-left #main_menu-mobile li a {
    color: #FFEF00;
    display: inline-block;
    font-size: 1.5em;
	letter-spacing: -0.04em;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase;
    font-family: "Druk Wide Medium";
}
nav.push-menu-left #main_menu-mobile li.menu-item-has-children > a:after {
    border-color: #FFF transparent transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-style: solid;
    border-width: 7px 5px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 0.6rem;
    position: relative;
    top: 1px;
    width: 0;
}

nav.push-menu-left #main_menu-mobile .sub-menu {
	display:none;
}
nav.push-menu-left #main_menu-mobile .sub-menu li {
	border-bottom: none;
	padding: 0;
}
nav.push-menu-left #main_menu-mobile .sub-menu a {
	display: block;
  font-weight: normal;
  font-size: 1.3em;
  text-transform: inherit;
  color: #ddd;
}

nav.push-menu-left #qtranslate-chooser-mobile {
	padding: 2em;
}
nav.push-menu-left #qtranslate-chooser-mobile li {
    display: inline-block;
	margin-right: 20px;
}
nav.push-menu-left #qtranslate-chooser-mobile li a {
    color: #FFF;
	text-transform: uppercase;
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
}
nav.push-menu-left #qtranslate-chooser-mobile li.active a {
	color: #FFEF00;
}

nav.push-menu-left #xarxes-socials {
	padding: 0 2em 2em;
}
#xarxes-socials {
	text-align: left;
}
#xarxes-socials li {
	display: inline-block;
	margin-right: 10px;
}
#xarxes-socials li a {
	display: block;
	width: 30px; height: 30px;
	background-color: #FFF;
	text-indent: -6669px;
}
#xarxes-socials .twitter .icon {background-position: 0 -369px;}
#xarxes-socials .facebook .icon {background-position: 0 -399px;}
#xarxes-socials .vimeo .icon {background-position: 0 -429px;}
#xarxes-socials .pinterest .icon {background-position: 0 -459px;}
#xarxes-socials .flickr .icon {background-position: 0 -489px;}
#xarxes-socials li a:hover {
	background-color: #0000FD;
}

body.pml-open nav.push-menu-left {
	left: 0
}
body.pml-open .wrapper {
	left: 100%
}
@media all and (min-width: 768px) { 
	nav.push-menu-left {
		width: 300px;
		left: -300px
	}
	body.pml-open .wrapper {
		left: 300px
	}
}

@media (min-width:990px) {
	.push-menu-left, .mask {
		display: none;
	}
	body.pml-open .wrapper {
		left: 0
	}
}

.logo_cccb{
	display: block;
	text-indent: -6669px;
	height: 34px;
	width: 220px;
	background: url(img_17/logo_cccb.png) left top no-repeat;		
	background-image: linear-gradient(transparent, transparent), url(img_17/logo_cccb.svg);
}

/* end MENU */

/******************* end HEADER *******************/


/******************* end FOOTER *******************/


.diagonal {
	position: relative;
	padding: 2rem 0 4rem;
	margin-top: -1px;
	
	&:before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  transform: skewy(2deg);
	  transform-origin: 100% 0;
	  outline: 1px solid transparent;
	  backface-visibility: hidden;
	}
}

.diagonal-invert {
	&:before {
	  transform: skewy(-2deg);
	  transform-origin: 0 100%;
	}
}

.verd {
	background-color: #35EB62;
}
.diagonal-verd {
	background-color: #35EB62;
	&:before {
	  background-color: #35EB62;
	}
}

.blau {
	background-color: #0000FD;
}
.diagonal-blau {
	background-color: #0000FD;
	&:before {
	  background-color: #0000FD;
	}
}

.vermell {
	background-color: #FE4401;
}
.diagonal-vermell {
	background-color: #FE4401;
	&:before {
	  background-color: #FE4401;
	}
}

.rosa {
	background-color: #feaed5;
}
.diagonal-rosa {
	background-color: #feaed5;
	&:before {
	  background-color: #feaed5;
	}
}

.groc {
	background-color: #FFEF00;
}
.diagonal-groc {
	background-color: #FFEF00;
	&:before {
	  background-color: #FFEF00;
	}
}

  


#foot{
	/*margin-top: 8rem;*/
}

#foot .patrocini_box {
  margin-bottom: 1rem;
  margin-right: 4rem;
  display: inline-block;
  vertical-align: top;
}
#foot .patrocini_box a {
  margin-bottom: .2rem;
  display: inline-block;
  margin-right: 2rem;
  vertical-align: top;
}
#foot .patrocini_box a:last-child {
  margin-right: 0;
}
#foot .patrocini_box .patrocini_title {
  margin-bottom: 1rem;
}
#foot .patrocini_cccb  .info_cccb {
  display:inline-block;
}

#footer_patrocini {
  overflow: hidden;
}

#foot #xarxes-socials {
  padding: 3rem 0 .7rem;
  text-align: center;
  float: none;
  display: none;
}
#foot #xarxes-socials li {
  margin: 0 .3rem;
}

#foot .footer_menu {
	padding-top: 50px;
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
}

html #catapult-cookie-bar .wrapper {
    padding: 1em 1.5em;
}
html #catapult-cookie-bar p,
html #catapult-cookie-bar .buttons {
    padding-top: 0;
}
html #catapult-cookie-bar p {
    margin: 5px 15px 5px 0;
}

/******************* end FOOTER *******************/


/******************* ESTILS *******************/

.text-uppercase {
	text-transform: uppercase;
}
h1 {
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
 	color: #0000FD;
}
h2 {
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
	font-size: 1.5em;
  	color: #0000FD;
}
h3{
  font-family: "Druk Wide Medium";
  letter-spacing: -0.04em;
	font-size: 1.25em;
	margin-bottom: 10px;
}
@media (min-width:990px) { 
	h2 {
		font-size: 2em;
	}
	h3{
		font-size: 1.5em;
	}
}

h3 a {
	color: #0000FD;
}
.text {
	line-height: 1.5em;
	font-size: 1.1em;
}
.text h3,
.text p,
.text ul,
.text ol {
	margin-bottom: 20px;
}
.text h3 {
  margin-top: 45px;
}
.text .wp-caption-text {
	font-size: 14px;
}
.text ul,
.text ol {
	margin-left: 1em;
}
.text ul li,
.text ol li  {
	margin-bottom: 5px;
	position: relative;
    left: 1em;
    padding-right: 1em;   
}
.text ul li:before {
    border-bottom: 1px solid #000;
    content: "";
    height: 3px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    top:11px;
    width: 15px;
}
.text ol li {
	list-style: decimal outside;
}
.text a {
	color: #0000FD;
}
.text a:hover {
	text-decoration: underline;
}
.text h4 {
	margin: 30px 0 10px;
	font-weight: 900;
	font-size: 1.2em;
	line-height: 1.2em;	
}

.text iframe, .text object, .text img {
    max-width: 100%;
}
.text object, .text img {
    height: auto;
}

.text .entradeta {  
	font-weight: 900;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 20px;
	letter-spacing: -0.07rem;
}
ul li .text .entradeta {
	font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0;
}

/******************* end ESTILS *******************/

/******************* HOME *******************/

.home_container {
	margin: 5rem -0.7em 2rem;
}
.home_container .item {
	display: inline-block;
    width: 100%;
    vertical-align: top;
}


.buttons_bg {
	margin-top: 30px;
}
.buttons_bg a {
    font-family: "Druk Wide Medium";
    background-color: #0000FD;
	color: #FFF;
    display: inline-block;
	letter-spacing: -0.04em;
    margin: 5px;
    padding: 1.5rem;
    text-align: center;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.buttons_bg a:hover {
	background-color: #000;
}

.home_container .item .box {
	margin: 0 0.7em 2.5rem;
}
.home_container.home_text .item .box {
	border-top: #0000FD solid 2px;
}

.home_container .item a.img {
	display: block;
  position: relative;
}
.home_container .item img {
	width: 100%;
}
.home_container .item .img .play {
	background: rgba(0,0,0,0.8) url(img/icon_video.png) no-repeat center center;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
.home_container .item .info {
	display: block;
	padding-top: 22px;
}
.home_container .item .desc {
	padding-top: 22px;
}
.home_container a {
	color: #0000FD;
}
.home_container a:hover {
	color: #000;
}
.home_container .item .tipus {
	margin-bottom: 5px;
	font-size: 0.8em;
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
	color: #000;
}
.home_container .item h4 {
  font-family: "Druk Wide Medium";
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: -0.04em;
  line-height: 1.2em;
}
.home_container .item .more_info {
	font-size: 0.8em;
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
	margin-top: 22px;
	display: inline-block;
}
.home_container .item .descripcio {
	font-size: 1em;
    line-height: 1.3em;
    margin-top: 20px;
}

.cartell h2,
.cartell p {
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
  line-height: 1.3em;
  color: #FFF100;
}
.cartell h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.cartell p {
	font-size: 1em;
}
.cartell h2 a,
.cartell p a {
	color: #FFF100;
}
.cartell h2 a:hover,
.cartell p a:hover {
	color: #FFF;
}

@media (min-width:990px) { 
	.cartell h2 {
		font-size: 2.5em;
		text-transform: uppercase;
		margin-bottom: 2rem;
	}
	.cartell p {
		font-size: 1.5em;
		margin-bottom: 3rem;
	}
}

/******************* end HOME *******************/


/******************* LLISTAT ACTIVITATS *******************/

.programa h1 {
	display: block;
	font-size: 2em;
	line-height: 1em;
	/*text-transform: uppercase;*/
}
#container #titol {
	font-family: "Druk Wide Medium";
	font-size: 1.6em;
	letter-spacing: -0.04em;
  text-indent: -2px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 30px;
	line-height: 0.8em;
}
#container #titol a {
	color: #000;
}
#container #titol.nomargin {
  margin-bottom: 0;
}
.edition_description {
  color: #0000FD;
  font-size: 1.2rem;
  letter-spacing: -0.04em;
  font-family: "Druk Wide Medium";
  margin-bottom: 40px;
  line-height: 1;
}

.itineraris #sidebar_menu,
#sidebar_menu h3,
#menu_side.hide {
	display: none;
}
#menu_side {
	margin: 0 -3px 40px;
}
.llistat_boto {
  margin: 25px -3px 15px;
}
#menu_side li {
	display: inline-block;
	width: 50%;
}
.llistat_boto li {
  display: inline-block;
}
#menu_side li a,
.llistat_boto li a {
  font-family: "Druk Wide Medium";
	border: 3px solid #000;
    display: block;
	letter-spacing: -0.04em;
    margin: 0 3px 6px;
    padding: 10px 5px;
    text-align: center;
    /*text-transform: uppercase;*/
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#menu_side li.current-menu-item a,
#menu_side li a:hover,
.llistat_boto li.current-menu-item a,
.llistat_boto li a:hover{
	background: #0000FD;
	border-color: #0000FD;
	color: #fff;
}

#container #sidebar_widget {
	display: none;
}

.diaadia h1 {
	display: none;
}
.programa .descripcio {
	margin-top: 30px;
}
.programa .descripcio .entradeta{
	font-weight: 900;
	font-size: 1em;
	margin-bottom: 15px;
}

.programa .descripcio .llarg {
	display: none;
}
.programa .descripcio .entradeta_link {
  font-weight: 900;
	color: #0000FD;
	font-size: 0.8em;
	cursor: pointer;
	display: inline-block;
}
.programa .descripcio .llarg.open {
	margin-bottom: 15px;
}
.programa .descripcio .entradeta_link:hover {
	text-decoration: underline;
}

.entradeta_link {
	display: none;
}

#programa {
	margin-top: 50px;
}
.programa_dia {
	padding-bottom: 30px;
	clear: both;
}
.programa_dia:last-child {
	padding-bottom: 0;
}
.programa_dia h3{
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
}
.programa_list .titol_text {
	font-family: "Druk Wide Medium";
	font-size: 1.2em;
	letter-spacing: -0.04em;
	/*text-transform: uppercase;*/
	margin-bottom: 10px;
}
.programa_list article {
	margin-bottom: 22px;
	padding-bottom: 25px!important;
	border-bottom: 1px solid #000;
	padding-top: 3px!important;
}
.programa_list li {
	clear: both;
}
.programa_list li:last-child article{
	padding-bottom: 0;
	border-bottom: none;
}

.programa_list article .hora_lloc {
	font-size: 1em;
	margin-top:20px;
}
.programa_list article .hora_lloc span {
	display: inline-block;
	line-height: 1em;
	margin-bottom: 10px;
	border-right: 1px solid #ccc;
    margin-right: 10px;
    padding-right: 10px;
}
.programa_list article .hora_lloc span:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.programa_list article .titol_activitat h4 a{
	position: relative;
	line-height: 1em;
}


.programa_list article .avis {
    background-color: #0000FD;
    color: #fff;
    display: block;
    font-weight: 900;
    font-size: 0.9em;
    line-height: 0.8em;
    padding: 9px 10px;
    text-transform: uppercase;
	margin-bottom: 15px;
}
.programa_list article .avis.desktop {
	display: none;
}

.programa_list article .format {
	text-transform: uppercase;
	font-size: 0.8em;
	color: #666;
}
.programa_list article h4 {
    font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
    font-size: 1.6em;
	line-height: 1em;
}
.programa_list article.audiovisuals h4 {
	margin-bottom: 4px;
}
.programa_list article h4 a:hover {
	color: #0000FD;
}
.programa_list article h4 span{
    font-weight: normal;
    font-size: 0.5em;
    line-height: 1em;
    text-transform: uppercase;
}
.programa_list article h4 span.hora{
    color: #0000FD;
    font-size: 0.8em;
}
.programa_list article .titol {
	display: block;
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
	line-height: 1.3em;
	color: #0000FD;
}
.programa_list article .text {
	margin-top:10px;
}

.comprar_entrada, 
.atcb-link,
.gratis,
.programa_pdf,
.veure_videos  {
	color: #000;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
	text-transform: uppercase;
	position: relative;
	vertical-align: top;
}
a.comprar_entrada, 
a.atcb-link,
a.gratis,
a.veure_videos {
	border: 1px solid #000;
	padding: 8px 13px 9px;
	display: inline-block;
}

@media (max-width:767px) {
	#programa .comprar_entrada.gratis {
		display: none;
	}
}

.comprar_entrada span.icon{
	width: 17px; height: 13px;
	background-position: 0 -21px;
}
.atcb-link span.icon,
.programa_pdf span.icon{
	width: 17px; height: 13px;
	background-position: 0 -34px;
}
.veure_videos span.icon{
	width: 17px; height: 13px;
	background-position: 0 -560px;
}
a.comprar_entrada:hover span.icon{background-position: -17px -21px;}
a.atcb-link:hover span.icon,a.programa_pdf:hover span.icon {background-position: -17px -34px;}
a.veure_videos:hover span.icon{background-position: -17px -560px;}

.programa_pdf {
  margin-top: 20px;
  float: none !important;
  margin-bottom: 0 !important;
}
.descomptes {
	padding: 10px 15px;
	border: 1px solid #000;
	color:#000 !important;
	margin-bottom: 30px;
}
.text .programa {
    color: #000;
    float: none !important;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
	display: inline-block;
    margin: 0 7px 10px 0;
}
a.descomptes:hover,
a.comprar_entrada:hover, 
a.atcb-link:hover,
a.gratis:hover,
a.programa:hover,
a.veure_videos:hover  {
	background: #000;
	border-color: #000;
	color: #FFF !important;
	text-decoration: none;
}
.descomptes span.icon {
	margin: -3px 10px 0 0;
    vertical-align: middle;
}

#more_info {
  margin-bottom: 30px;
}
.botons {
	margin-top: 10px;
}
.botons .boto {
	margin-bottom: 5px;
}
.botons .boto:last-child {
	margin-bottom: 0;
}
.botons em{
	display: inline-block;
    font-style: normal;
    margin-left: 8px;
    line-height: 1em;
    vertical-align: top;
}
.botons span.icon{
	vertical-align: middle;
	margin-top: 2px;
}

/* AddToCalendar */

.addtocalendar var{
    display: none;
}
.addtocalendar {
    position: relative;
}
.atcb-link {
    cursor: pointer;
}
.atcb-box {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	position: fixed;
	bottom: 0; left: 0; right: 0; top: 0;
  display: none;
  z-index: 10;
}
.atcb-box.display {
	
}
.atcb-list {
	display: none;
    position: relative;
	margin: 2em auto;
    max-width: 350px;
    z-index: 900;
	background: #FFF;
	padding: 2em;
}
.atcb-item {
	margin-bottom: 5px;
}
.atcb-item:last-child {
	margin-bottom: 0;
}
.atcb-item-link {
	border-top: 1px solid #000;
    display: block;
    font-weight: 900;
    padding: 10px 0 7px;
}
.atcb-close span.icon {
    display: block;
    margin-bottom: 15px;
    text-indent: -6669px;
	float: right;
	cursor: pointer;
	background-position: 0 -47px;
    height: 22px;
    width: 22px;
}

.text .web {
	margin-bottom: 4px;
}


.filtres {
	margin: 3rem 0 2rem;
}

/* Boring button styles */
.dropdown a.button {
	/* Frame */
	padding: 15px 65px 15px 15px;
	border: 3px solid #000;
	cursor: pointer;
	transition: 0.35s ease-out;
	display: inline-block;
	transition: none;
  }

  .dropdown a.button .icon {
    width: 20px;
    height: 12px;
    background-position: 0 -573px;
    display: block;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translate(0, -50%);
}
  
  .dropdown[open] a.button {
	background-color: #000;
	color: #FFF;
	cursor: pointer;
	z-index: 2;
	position: relative;
  }
  .dropdown.open a.button  {
	background-color: #000;
	color: #FFF;
  }

  .dropdown[open] a.button .icon,
  .dropdown.open a.button .icon {
	background-position: 0 -585px;
  }
  
  /* Dropdown styles */
  .dropdown {
	position: relative;
	padding: 0;
	border: none;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
  }

  
  .dropdown > summary::-webkit-details-marker {
	display: none;
  }
  
  .dropdown ul {
	position: absolute;
	width: auto;
	min-width: 250px;
	margin-left: 0;
	box-sizing: border-box;
	z-index: 2;
	background: #EEE;
  }
  
  .dropdown ul li {
	padding: 0;
	margin: 0;
  }
  
  .dropdown ul li a:link, .dropdown ul li a:visited {
	display: inline-block;
	padding: 10px 0.8rem;
	width: 100%;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
  }
  
  .dropdown ul li a:hover {
	background-color: #0000FD;
	color: #FFF;
  }
  
  
  /* Close the dropdown with outside clicks */
  .dropdown > summary::before {
	display: none;
  }
  
  .dropdown[open] > summary::before {
	  content: ' ';
	  display: block;
	  position: fixed;
	  top: 0;
	  right: 0;
	  left: 0;
	  bottom: 0;
	  z-index: 1;
  }
  
	

/******************* end LLISTAT ACTIVITATS *******************/


/******************* LLISTAT ITINERARIS *******************/

#llistat_itineraris h2 {
	color: #0000FD;
    font-family: "Druk Wide Medium";
    font-size: 2.5em;
	letter-spacing: -0.04em;
    line-height: 1.6em;
    margin-bottom: 20px;
    /*text-transform: uppercase;*/
}
#llistat_itineraris li .item{
    margin-bottom: 25px;
}
#llistat_itineraris li  h3 {
	margin-bottom: 5px;
}
#llistat_itineraris li h3 a {
	background-color: #0000FD;
  color: #fff;
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.2em;
  padding: 9px 10px;
  /*text-transform: uppercase;*/
}
#llistat_itineraris li h3 a:hover {
	background: #000;
}
.descripcio {
    font-size: 1.1em;
    line-height: 1.6em;
}
	
/******************* end LLISTAT ITINERARIS *******************/


/******************* ACTIVITAT *******************/

.activitat .format,
article.noticia .autor {
	font-size: 0.8em;
	text-transform: uppercase;
	display: inline-block;
	line-height: 0.5;
	margin: 0 0 10px 30px;
}
.activitat .format span,
article.noticia .autor span {
	display: inline-block;
	position: relative;  
}
.activitat .format span:before,
article.noticia .autor span:before{
	content: "";
	position: absolute;
	height: 3px;
	border-bottom: 1px solid #000;
	top: 0;
	width: 20px;
	right: 100%;
	margin-right: 10px;
}

#container .activitat h1,
#container .participant h1  {
	font-size: 2em;
	color: #0000FD;
	line-height: 0.9em;
	/*text-transform: uppercase;*/
	margin-bottom: 5px;
}
#container .activitat h1 em {
}
#container .activitat h1 span {
	font-size: 0.5em;
}
.activitat #info .titol {
	font-family: "Druk Wide Medium";
	font-size: 1.5em;
	letter-spacing: -0.04em;
	line-height: 0.9em;
}	
.activitat .subtitol {
    font-size: 1.3em;
    font-style: italic;
}
.activitat .horalloc {
	margin: 40px 0 25px;
	text-transform: uppercase;
	line-height: 0.8em;
}
.activitat .horalloc ul{
	margin-bottom: 15px;
}
.activitat .horalloc li{
	margin-bottom: 9px;
}

.activitat .itineraris{
	margin-top: 25px;
}
.activitat .itineraris a {
	background: #0000FD;
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    line-height: 1.8em;
    margin: 0 5px 5px 0;
    padding: 1px 5px;
    text-transform: uppercase;
}
.activitat .itineraris a:hover {
	background: #000;
}
.activitat .desc { 
	margin-top:25px;
}
.activitat .desc .text { 
	padding-bottom: 15px;
}


.activitat .botons {
	margin: 30px 0 15px;
}
.activitat .ssb-share {
	margin-top: 25px;
}

.tags {
	margin-bottom: 15px;
}
.tags span {
	display: block;
	width: auto;
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 0.8em;
	margin:3px 0;
}
.tags a {
	color: #0000FD;
}
.tags a:hover {
	text-decoration: underline;
}
article .tags {
	margin-top: 50px;
}

.social_share {
	margin-top: 20px;
}
.social_share .ss-item {
  display: inline-block;
  margin-right: .5rem;
  font-family: "Druk Wide Medium";
  letter-spacing: -0.04em;
}
.social_share .ss-link {
	display: inline-block;
	padding: 5px 8px;
	color: #0000FD;
	border: 3px solid #0000FD;
	font-size: 14px;
}
.social_share .ss-link:hover {
	color: #FFF;
	background-color: #0000FD;
}

.observacions {
    font-size: 1em;
}
.observacions p {
    margin: 0 0 10px 25px;
    position: relative;
}
.observacions p:before {
    border-bottom: 1px solid #000;
    content: "";
    height: 3px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    top: 9px;
    width: 15px;
}

.activitat  #patrocinadors {
    margin-top: 50px;
}
.activitat #patrocinadors ul {
	margin: 0;
}
.activitat #patrocinadors li {
	width: auto;
	margin-right: 15px;
}
.activitat #patrocinadors li img{
	max-width: 150px;
	height: auto;
}
.activitat #patrocinadors li a {
    margin: 0;
	max-width: 150px;
}
.activitat #patrocinadors .items {
    margin-right: 30px;
}
.activitat #patrocinadors .items:last-child {
    margin-right: 0;
}

#patrocinadors .tags span {
    margin-bottom: 15px;
    width: auto;
}
#patrocinadors .tags .items {
	display: inline-block;
}

/******************* end ACTIVITAT *******************/

/******************* LLISTAT PARTICIPANTS *******************/

#llistat_participants {
	margin: 0 -0.8em;
}
#llistat_participants li {
	vertical-align: top;
	display: inline-block;
	width: 50%
}
#llistat_participants li .item{
	margin: 0 0.8em 30px;
}

#llistat_participants h3 {
	margin: 0;
	font-size: 1.25em;
}
#llistat_participants .img {
	display: block;
}
#llistat_participants img {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}
#llistat_participants .info {
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 1.4em;
}

#llistat_participants a:hover h3{
	color: #0000FD;
}
#llistat_participants a:hover .img{
	background: #0000FD;
}
#llistat_participants a:hover .img img {
	opacity: 0.5;
}
	
/******************* end LLISTAT PARTICIPANTS *******************/

/******************* PARTICIPANT *******************/


#content.participant .img {
	margin-bottom: 25px;
}
#content.participant img {
	width: 100%;
}
#content.participant .img p {
    display: block;
    font-style: italic;
    margin-top: 10px;
}
#content.participant h1 {
	font-size: 3em;
	line-height: 1em;
	color: #0000FD;
	margin-bottom: 30px;
}
#content.participant .programa_list {
	margin-bottom: 30px;
}
#content.participant article {
	border-bottom: medium none;
    border-top: 1px solid #000;
    margin-bottom: 5px;
    overflow: auto;
    padding-top: 15px;
}
#content.participant article .format {
	color: #000;
	margin-top: 4px;
}

/******************* end PARTICIPANT *******************/


/******************* NOTÍCIES *******************/

.terms {
	margin-bottom: 45px;
}
.terms p {
	font-style: italic;
	color: #000;
	font-size: 1.2em;
}
.terms h1{
	color: #000;
	font-size: 2em;
    line-height: 1em;
    text-transform: uppercase;
}

#post_list li article {
	margin: 0 0 4em;
}
#post_list article .img img{
	width: 100%;
}
#post_list article .img {
	display: block;
	margin-bottom: 15px;
}
#post_list article h3 {
	text-transform: inherit;
	font-size: 1.8em;
    line-height: 1em;
}
#post_list article a:hover h3{
	color: #0000FD;
}
#post_list article a:hover .img{
	background: #0000FD;
}
#post_list article a:hover .img img {
	opacity: 0.5;
}
#post_list article .data_autor {
	color: #0000FD;
	font-weight: 900;
}

#post_list article .entradeta {
  font-weight: normal;
}

article.noticia h1 {
	font-size: 2em;
	color: #0000FD;
	line-height: 1em;
  margin-bottom: 10px;
}
article.noticia #head_post {
	padding: 30px 0 50px;
}
article.noticia .data {
	color: #888;
	margin-bottom: 10px;
}

article .alignleft .wp-caption-text,
article .alignright .wp-caption-text{
	font-size: 0.9em;
	font-style: italic;
}
article .alignleft ,
article .alignright{
	margin: 10px 0;
	width: 100% !important;
	height: auto;
}
article .alignleft img,
article .alignright img{
	width: 100%; height: auto;
}
article .alignleft .wp-caption-text,
article .alignright .wp-caption-text{
	margin-top: 10px;
}

.wp-pagenavi {
  font-family: "Druk Wide Medium";
	margin-top: 30px;
	font-size: 2em;
	letter-spacing: -0.04em;
	text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
	margin: 0 7px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover{
	margin: 0 7px;
	color: #0000FD;
}

/******************* end NOTÍCIES *******************/



/******************* FESTIVAL *******************/

#equip ul {
	margin: 0 0 20px;
}
#equip li,
#patrocinadors li {
	left: 0;
	/*list-style: none;*/
	padding: 0;
}
#equip li:before,
#patrocinadors li:before {
	display: none;
}
#equip li strong,
#patrocinadors strong{
	color: #0000FD;
    font-weight: 900;
    font-size: 0.9em;
	font-weight: normal;
    line-height: 1em;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#equip li ul li {
	margin-bottom: 0;
}
#equip ul ul{
	-webkit-column-count: initial !important; /* Chrome, Safari, Opera */
	-moz-column-count: initial !important; /* Firefox */
	column-count: initial !important;
	-webkit-column-gap: 0; /* Chrome, Safari, Opera */
	-moz-column-gap: 0; /* Firefox */
	column-gap: 0;
}

#patrocinadors ul {
	margin: 0 -10px 25px;
	letter-spacing: -10px;
}
#patrocinadors li {
	margin-bottom: 20px;
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
#patrocinadors li img{
	max-width: 100%;
	height: auto;
}
#patrocinadors li a {
	background: #fff;
    color: #000;
    display: block;
    font-size: 0.8em;
    letter-spacing: 0;
    line-height: 1.3em;
    margin: 0 10px;
	padding: 20px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#patrocinadors li a:first-child {
	padding-bottom: 0;
}
#patrocinadors li a:first-child:after {
    background: #666;
    content: "";
    display: block;
    height: 1px;
    width: auto;
}
#patrocinadors li:hover a {
    color: #0000FD;
	text-decoration: none;
}

#edicions {
	margin: 0 -0.8em;
}
#edicions li {
	vertical-align: top;
	display: inline-block;
	width: 100%;
}
#edicions li .item{
	margin: 0 0.8em 30px;
}
#edicions li a {
	display: block;
}
#edicions li img {
	width: 100%;
}
#edicions li .titol {
  font-family: "Druk Wide Medium";
  font-size: 1.3em;
  letter-spacing: -0.04em;
  line-height: 1em;
	margin: 10px 0 5px;
	/*text-transform: uppercase;*/
}

#edicions li ul li {
    display: block;
	width: auto;
	margin-bottom: 5px;
}
#edicions li ul li a{
    display: inline;
	color: #0000FD;
    font-weight: 900;
	font-size: 1.2rem;
}
#edicions li ul li a:hover {
	text-decoration: underline;
}

#google_maps{
	position: relative;
	margin-bottom: 20px;
	border: 3px solid #000;
}
#google_maps iframe {
	border: none;
}
#google_maps .maps_link {
    display: block;
    height: 450px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
	text-indent: -9999px;
}

/******************* end FESTIVAL *******************/


/******************* ENTRADES *******************/

.entrades {
	overflow: hide;
	padding-top: 20px;
}
.entrades #preus {
	margin-bottom: 30px;
}

.entrades h3 {
	color: #0000FD;
  margin-top: 0;
}
.entrades p {
	margin-bottom: 10px;
}

/******************* end ENTRADES *******************/

/******************* STREAMING *******************/

#streaming iframe {
	width: 100%;
}
#streaming #embed p {
	text-align: center;
	margin-top: 5px;
}
#streaming #embed p strong {
	font-weight: 900;
	font-weight: normal;
}
#stream_horaris {
	margin-top: 20px;
}
#stream_horaris p {
	margin-bottom: 1em;
}
#stream_horaris strong {
	font-weight: 900;
	font-weight: normal;
	font-size: 1em;
	color: #0000FD;
}
#stream_horaris a {
	color: #000;
	font-size: 1.3em;
}
#stream_horaris a:hover {
	color: #0000FD;
}

/******************* end STREAMING *******************/

/******************* SEBALDIANA *******************/
	
/* Logo */
.logo_sebaldiana{
    border-top: 1px solid #000;
    display: block;
    margin: 25px 0 30px;
    padding-top: 25px;
    position: relative;
}
.logo_sebaldiana img{
	width: 100%;
}
.logo_sebaldiana .title {
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: center;
	margin-top: 10px;
}
.logo_sebaldiana .title strong{
	font-weight: normal;
	font-weight: 900;
}

#sebald_content article{
	margin-bottom: 35px;
}

/* Llistat articles */
#sebald_content article.sebald_post .img{
	width:100%;
	margin-bottom: 15px;
	display: block;
}
#sebald_content article.sebald_post .img img{
	width:100%;
}
#sebald_content article.sebald_post .img p {
    display: block;
    font-style: italic;
    margin-top: 10px;
}

.sebaldiana .categories a{
	background-color: #0000FD;
	color: #fff;
	display: inline-block;
	font-weight: 900;
	font-size: 0.9em;
	line-height: 0.8em;
	margin: 0 10px 10px 0;
	padding: 9px 10px;
	text-transform: uppercase;
}
.sebaldiana .categories a:hover{
	background-color: #000;
}
.sebaldiana .info h2,
.sebaldiana article h1{
	font-weight: 900;
	font-size: 1.8em;
	line-height: 1em;
	margin-bottom: 10px;
}

.sebaldiana .page_sebald article h1 {
    margin-bottom: 30px;
}
.sebaldiana .info h2 a:hover {
	color: #0000FD;
}
.sebaldiana .data_autor {
	font-weight: 900;
	margin-bottom: 30px;
}

/* Sidebar */

#sebald_sidebar{
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid #000;
}
#sebald_sidebar .box .mes_info{
	padding: 10px 15px;
	background: #0000FD;
	color: #FFF;
	text-align: center;
	font-weight: 900;
	font-size: 1.3em;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}
#sebald_sidebar .box .mes_info:hover {
	background: #000;
}
#sebald_sidebar .box {
	margin-bottom: 40px;
}
#sebald_sidebar .box:last-child {
	margin-bottom: 0;
}
#sebald_sidebar h3 {
	font-size: 1.3em;
	margin-bottom: 5px;
}

#sebald_sidebar .link_fitxa {
	display: block;
	background: #CABA9C;
	padding: 13px 10px;
	margin-bottom: 10px;
	text-align: center;
}
#sebald_sidebar .link_fitxa span {
	display: block;
}
#sebald_sidebar .link_fitxa span.title {
	font-weight: 900;
	font-size: 1.3em;
	text-transform: uppercase;
}
#sebald_sidebar .link_fitxa:hover {
	color: #fff;
	background: #000;
}

#sebald_sidebar .side_list {
    font-size: 1em;
    line-height: 1.3em;
    text-align: left;
}
#sebald_sidebar .side_list li {
	margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 1px dotted #999;
}
#sebald_sidebar .side_list li img {
	max-width: 100px;
  float: left;
  margin-right: 15px;
}
#sebald_sidebar .side_list li span.titol {
  font-family: "Druk Wide Medium";
  letter-spacing: -0.04em;
	font-size: 1.25rem;
}
#sebald_sidebar .side_list li span.autor {
	display: block;
	font-style: italic;
	color: #666;
	margin-bottom: 8px;
}
#sebald_sidebar .side_list > a:after {
	content: ", ";
}
#sebald_sidebar .side_list > a:last-child:after {
	content: "";
}
#sebald_sidebar .side_list a:hover,
#sebald_sidebar .side_list a:hover span {
	color: #0000FD;
}

@media (min-width:990px) { 
  #sebald_sidebar .side_list {
    margin-top: 270px;
    text-align: right;
  }
  #sebald_sidebar .side_list li img {
    max-width: 100px;
    float: right;
    margin-left: 15px;
  }

}

/* Post */
#sebald_content .terms {
	border-bottom: 3px solid #000;
	padding-bottom: 25px;
}
#sebald_content .terms p {
	color: #0000FD;
}
#sebald_content .terms h1{
	color: #0000FD;
	font-size: 3em;
}

/******************* end SEBALDIANA *******************/

@media (min-width:460px) { 
	
	.home_container .item {
		width: 50%;
	}
	
	#edicions li {
		width: 50%;
	}
	
	#post_list {
		margin: 0 -1em;
	}
	#post_list li {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
	#post_list li article {
		margin: 0 1em 4em;
	}
	
	#llistat_participants li {
		width: 33.333333%;
	}
	
	#content.participant img {
		width: auto;
		max-width: 100%;
	}
	
	#menu_side li {
		width: 33.3333333%;
	}
	
}

@media (min-width:768px) { 

	/* CCCB TOP BAR */
	#cccb_topbar {
		display: block;
		height: 32px;
		font-size: 12px;
		background: #FFF;
		line-height: 1em; 
	}
	#cccb_topbar_list {
		padding-top: 12px;
		padding-bottom: 0;
	}
	#cccb_topbar_list li {
		border-left: 1px solid #E6E6E6;
		float: left;
		/*list-style: none;*/
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
	}
	#cccb_topbar_list li.first {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
	#cccb_topbar_list li a { 
		color: #999;
		font-size: 12px;
		text-decoration: none;
		text-transform: uppercase;
	}
	#cccb_topbar_list li a:hover {
		color: #000 !important;
	}
	#cccb_topbar_list li.select a {
		color: #000;
		font-weight: bold;
	}
	/* end CCCB TOP BAR */

	#head_date {
		display: none;
	}
	
	.text .entradeta {
		font-size: 1.5em;
		margin-bottom: 40px;
	}
	
	#mobil_data {
		display:none;
	}
	
	/******************* end FOOTER *******************/

	#footer {
		overflow: hidden;
	}
	#foot .footer_menu li{
		display: inline-block;
		margin-right: 8px;
		padding-right: 8px;
		font-size: 14px;
	}
	#foot .footer_menu li a:hover {
		color: #0000FD;
	}
	#foot .footer_menu li:last-child{
		margin-right: 0;
		padding: 0;
		border-right: none;
	}
	
  
	/******************* end FOOTER *******************/
	
	.home_container .item  {
		width: 50%;
	}
	
	/******************* LLISTAT ACTIVITATS *******************/
	
	#sidebar_menu #menu_side li {
		width: 20%;
	}
	#sidebar_menu #menu_side li a {
		font-size: 1em;
		padding: 10px 5px;
	}
	
	#menu_side li a,
  .llistat_boto li a{
		font-size: 1.3em;
		padding: 15px 10px;
	}
	
	#llistat_itineraris ul {
		margin: 0 -1em;
	}
	#llistat_itineraris li {
		vertical-align: top;
		display: inline-block;
		width: 50%;
	}
	#llistat_itineraris li .item{
		margin: 0 1em 30px;
	}
	
	.programa_dia h3{
		font-size: 2em;
	}
	.programa_list {
		margin-bottom: 50px;
	}
	.programa_list article  {
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px!important;
	}
	
	.programa_list article .bloc_activitat {
		float: left;
		width: 80%;
	}
	.programa_list article .hora_lloc {
		float: left;
		width: 30%;
		margin-top: 0;
	}
	.programa_list article .bloc_activitat .titol_activitat {
		float: right;
		width: 70%;
	}

	.programa_list article .hora_lloc span {
		display: block;
		border-right: none;
		margin-right: 0;
	}
	.programa_list article .hora_lloc span.hora {
		font-weight: 900;
	}
	.programa_list article .hora_lloc span.preu {
		display: none;
	}
	.programa_list article .titol_activitat {
		position: relative;
		overflow: hidden;
	}
	.programa_list article .titol_activitat h4 {
		padding-right: 30px;
	}
	.programa_list article .botons {
		display: block;
		float: right;
	    margin-top: 0;
	    text-align: right;
		width: 20%;
	}
	.programa_list article h4 {
		font-size: 1.7em;
	}
	
	.programa_list article .avis.desktop {
		display: inline-block;
		margin: 0;
	}
	.programa_list article .avis.mobil {
		display: none;
	}

	.descomptes {
		display: inline-block;
		float: right;
	}
	.descomptes.nomargin {
		margin-bottom: 0;
	}
	.programa_dia .descomptes {
		margin-top: -10px;
	}
	#content.activitat .comprar_entrada, #content.activitat .atcb-link, #content.activitat .gratis, #content.activitat .veure_videos  {
		display: inline-block;
	}

	/******************* end LLISTAT ACTIVITATS *******************/
	
	/******************* ACTIVITAT *******************/

	#container .activitat h1,
	#container .participant h1  {
		margin-top: 10px;
		font-size: 3em;
	}
	.activitat #info .titol {
		font-size: 2.2em;
	}
	.activitat .horalloc {
		margin: 40px 0 20px;
	}
	.activitat .horalloc li{
		margin-bottom: 7px;
	}
	.activitat .horalloc li:last-child {
		border-right: medium none;
		margin: 0;
		padding: 0;
	}
	.activitat .horalloc li {
		border-right: 1px solid #ccc;
		display: inline-block;
		margin-right: 10px;
		padding-right: 10px;
	}

	.activitat .botons {
		margin: 35px 0 0;
	}
	.observacions {
		margin-top: 20px;
	}
	.tags {
		margin-bottom: 5px;
	}
	.tags span {
		display: inline-block;
		width: 18%;
		margin-bottom:0;
	}
	.tags .llistat_tags {
		display: inline-block;
		width: 80%;
		vertical-align: top;
	}
	
	/******************* end ACTIVITAT *******************/
	
	/******************* LLISTAT PARTICIPANTS *******************/

	#llistat_participants li {
		width: 25%
	}

	#content.participant .programa_list article .hora_lloc {
		width: 25%;
	}
	#content.participant .programa_list article .bloc_activitat {
		float: right;
		width: 72%;
	}
		
	/******************* end LLISTAT PARTICIPANTS *******************/
	
	/******************* NOTÍCIES *******************/
	
	#post_list article h3 {
		font-size: 2em;
    margin-bottom: 1.5rem;
	}
	
	article.noticia h1 {
		font-size: 2.5em;
	}
	article.noticia #head_post {
		padding-bottom: 80px;
	}

	article .alignleft {
		float: left;
		margin: 10px 20px 10px -1.5em;
	}
	article .alignright {
		float: right;
		margin: 10px -1.5em 10px 20px;
	}
	article .alignleft ,
	article .alignright,
	article .alignleft img,
	article .alignright img{
		width: auto !important; height: auto;
	}
	article .alignleft .wp-caption-text{
		margin: 10px 0 0 1.5em;
	}
	article .alignright .wp-caption-text{
		margin: 10px 0 0 0;
	}

	/******************* end NOTÍCIES *******************/
	
	/******************* FESTIVAL *******************/

	#equip ul {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
		-moz-column-gap: 2en; /* Firefox */
		column-gap: 2em;
		margin: 0 0 10px;
	} 
	#equip li {
		display: inline-block;
		width: 100%;
	}
	
	#patrocinadors li{
		width: 25%;
	}
	
	#edicions li {
		width: 33.333333%;
	}
	
	.entrades #preus,
	.entrades #gratis {
		width: 48%;
		float: left;
		margin: 0;
	}
	.entrades #gratis {
		float: right;
	}

	/******************* end FESTIVAL *******************/
	
	/******************* end SEBALDIANA *******************/
	
	.logo_sebaldiana{
	    margin-bottom: 60px;
	}
	#sebald_content article.sebald_post .img{
		float: left;
		width:30%;
		display: block;
	}
	#sebald_content article.sebald_post .info{
		float: right;
		width:65%;
	}
	.sebaldiana .info h2,
	.sebaldiana article h1{
		font-size: 2.5em;
	}
	
	/******************* end SEBALDIANA *******************/

}




@media (min-width:990px) { 
	
	.wrapper {
		padding: 2em 1.5em;
		margin: 0 auto;
		max-width: 1100px;
	}
	.wrapper-bg {
		padding: 0 3%;
		max-width: auto;
	}
	.wrapper-1500 {
		max-width: 1500px;
	}
	#container {
		margin: 30px auto 0;
		min-height: 100px;
	}

	/******************* HEADER *******************/
	
	.head_dates {
		display: block;
	}

	#head .logo_cccb {
		float: right;
		margin-bottom: 18px;
		display: block;
	}
	.sebaldiana #head .logo_cccb {
		display: none;
	}

	nav {
		padding: 1rem 0;
		height: auto;
	}
	
	#head #xarxes-socials,
	#main_menu,
	#qtranslate-chooser {
		display: block;
	}
	#main_menu-trigger {
		display: none;
	}
	.menu-main_menu-dates {
		padding-top: 9px;
	}
	
	.menu-main_menu-container {
		float: left;
	}
	#main_menu {
		position: relative;
	}
	#main_menu li {
		display: inline-block;
	}
	#main_menu li a {
    font-family: "Druk Wide Medium";
	letter-spacing: -0.04em;
		line-height: 1.1em;
		text-transform: uppercase;
		display: block;
		padding: 9px 20px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		color: #0000FD;
	}
	#main_menu li:first-child a {
		padding-left: 0;
	}
	#main_menu li a:hover,
	#main_menu li.current-menu-item a,
	#main_menu li.current-menu-ancestor a,
	#main_menu li.current-page-ancestor a {
		color: #000;
	}
	
	#main_menu li:hover > .sub-menu {
		display: block;
	}
	#main_menu .sub-menu  {
		background: #fff;
		border: 1px solid #000;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		height: auto;
		left: 0;
		padding: 10px 15px 5px;
		position: absolute;
		top: 100%;
		display: none;
		z-index: 100;
	}
	#main_menu .sub-menu  li {
		display: block;
	}
	#main_menu .sub-menu  li a {
		font-size: 13px;
		text-transform: uppercase;
		display: block;
		height: 19px;
		padding: 9px 0;
		color: #000;
		font-weight: normal;
	}
	#main_menu .sub-menu  li.current-menu-item a,
	#main_menu .sub-menu  li a:hover	{
		color: #0000FD;
	}

	#qtranslate-chooser{
		float: right;
		position: relative;
		z-index: 10;
	}
	#qtranslate-chooser li {
		float: left;
		margin-left: 10px;
	}
	#qtranslate-chooser li a {
		text-transform: uppercase;
	}
	#qtranslate-chooser li a:hover,
	#qtranslate-chooser li.active a {
		text-decoration: underline;
	}
	
	#xarxes-socials {
		float: right;
		clear: right;
	}
	#xarxes-socials li {
		margin: 0 0 0 10px;
	}
	#xarxes-socials li a {
		width: 20px; height: 20px;
		background-color: inherit;
	}
	#xarxes-socials li a:hover {
		background-color: inherit;
	}
	#xarxes-socials .twitter .icon {background-position: 0 -69px;}
	#xarxes-socials .facebook .icon {background-position: 0 -129px;}
	#xarxes-socials .vimeo .icon {background-position: 0 -189px;}
	#xarxes-socials .pinterest .icon {background-position: 0 -249px;}
	#xarxes-socials .flickr .icon {background-position: 0 -309px;}
	#xarxes-socials .twitter .icon:hover {background-position: 0 -89px;}
	#xarxes-socials .facebook .icon:hover {background-position: 0 -149px;}
	#xarxes-socials .vimeo .icon:hover {background-position: 0 -209px;}
	#xarxes-socials .pinterest .icon:hover {background-position: 0 -269px;}
	#xarxes-socials .flickr .icon:hover {background-position: 0 -329px;}
	
	#head #xarxes-socials .vimeo,
	#head #xarxes-socials .pinterest,
	#head #xarxes-socials .flickr {
		display: inline-block;
	}

	/******************* end HEADER *******************/
  
  /******************* FOOTER *******************/
  
  #foot #xarxes-socials {
    display: block;
  }
  
  /******************* end FOOTER *******************/

	#container #titol {
		font-size: 3.5em;
		line-height: 1em;
	}
  #container #titol.mini {
		font-size: 1.25em;
		line-height: 0.8em;
	}
  #container #titol.mini a {
    padding: 0.8rem;
    border: solid #0000FD 2px;
    display: inline-block;
	}
	
	/******************* LAYOUT *******************/
	
  #container #titol,
  #container #titol a {
    color: #0000FD;
  }
	#container #content.side_content {
		float: left;
		width: 75%;
		margin: 0;
	}
	#container #sidebar_menu {
		float: left;
		width: 20%;
	}
	#container #content.side_content.right {
		float: right;
		width: 70%;
	}
	#container #sidebar_widget {
		display: block;
		float: right;
		width: 26%;
		margin-top: 62px;
	}
	
	/******************* end LAYOUT *******************/
	
	.home_container .item  {
		width: 33.3333333%;
	}
	
	/******************* LLISTAT ACTIVITATS *******************/
	
	.programa h1 {
		font-size: 3.5em;
	}
	.diaadia h1 {
		display:block;
	}

	/*
	.itineraris #sidebar_menu {
		display: block;
	}
	#menu_side li {
		width: 20%;
	}
	
	#sidebar_menu #menu_side {
		display: block !important;
		margin: 0 0 50px;
	}
	#sidebar_menu #menu_side li  {
		display: block;
		border-left: 1px solid #000;
		padding-bottom: 8px;
		margin: 0;
		width: auto;
	}
	#sidebar_menu #menu_side li:last-child {
		padding-bottom: 3px;
	}
	#sidebar_menu #menu_side li a {
		border: none;
		display: inline-block;
		text-align: left;
		font-size: 1em;
		padding: 0 0 0 20px;
		margin: 0;
		text-transform: inherit;
		font-weight: normal;
	}
	#sidebar_menu #menu_side li.current-menu-item a,
	#sidebar_menu #menu_side li a:hover {
		background: none;
		border-color: none;
		color: #0000FD;
	}
	
	#sidebar_menu h3  {
		display: block;
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	*/

	/******************* end LLISTAT ACTIVITATS *******************/
	
	/******************* LLISTAT ITINERARIS *******************/

	#llistat_itineraris li {
		width: 33.33333%;
	}
		
	/******************* end LLISTAT ITINERARIS *******************/
	
	/******************* ACTIVITAT *******************/

	.programa .descripcio .llarg {
		display: block !important;
	}
	.programa .descripcio .entradeta,
	.programa .descripcio .entradeta_link	{
		display: none;
	}
	
	.participant .left	{
		float: left;
		width: 45%;
	}
	.activitat #desc,
	.participant .right	{
		text-align: left;
		margin-top: 2rem;
	}
	.participant .right {
		clear: right;
		float: right;
		width: 50%;
		text-align: left;
		margin-top: 0;
	}
	
	.activitat #patrocinadors {
		margin-top: 30px;
	}


	
	/******************* end ACTIVITAT *******************/
	
	/******************* LLISTAT PARTICIPANTS *******************/

	#llistat_participants li {
		width: 16.66666666666%
	}
		
	/******************* end LLISTAT PARTICIPANTS *******************/
	
	/******************* PARTICIPANT *******************/
	
	
	#content.participant h1 {
		margin-top: 0;
	}
	#content.participant #info,
	#content.participant #desc	{
		overflow: auto;
	}
	#content.participant img {
		width: 100%;
	}
		
	/******************* end PARTICIPANT *******************/
	
	/******************* NOTÍCIES *******************/
	
	#post_list li {
		width: 33.333333%;
	}
	.noticia {
		max-width: 800px;
		margin: 0 auto;
	}
	article .alignleft {
		margin: 10px 20px 10px 0;
	}
	article .alignright {
		margin: 10px 0 10px 20px;
	}
	article .alignleft .wp-caption-text {
		margin: 10px 0 0 0;
	}

	article.noticia h1 {
		font-size: 3.5em;
	}
	article.noticia #head_post {
		padding-top: 0;
	}

	/******************* end NOTÍCIES *******************/
	
	/******************* FESTIVAL *******************/
		
	#equip ul {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
	
	#edicions li {
		width: 25%;
	}
	
	#google_maps .maps_link {
		display: none;
	}
	
	.entrades #gratis {
		width: 45%;
	}

	/******************* end FESTIVAL *******************/
	
	/******************* STREAMING *******************/
	
	#streaming{
		overflow: auto;
	}
	#streaming #embed {
		width: 540px;
		float: left;
	}
	#stream_horaris {
		margin-top: 0;
		float: right;
		width: 530px;
	}

	/******************* end STREAMING *******************/
	
	/******************* SEBALDIANA *******************/
	
	.logo_sebaldiana{
	    border-top: none;
	    margin-bottom: 0;
	    padding-top: 0;
	}
	.logo_sebaldiana .title {
		position: absolute;
		width: 38%;
		right: 0;
		top: 46%;
		background: #FFF;
		text-transform: uppercase;
		font-size: 1.2em;
		text-align: center;
		margin: 0;
	}
	
	.sebaldiana .info h2,
	.sebaldiana article h1{
		font-size: 2.8em;
	}
	
	#sebald_content {
		float: left;
		width:65%;
	}
	#sebald_sidebar {
		float: right;
		width:25%;
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}

	/******************* end SEBALDIANA *******************/
	
}

@media (min-width:1500px) { 
	#foot .footer_menu.left {
		float:left;
	}
	#foot .footer_menu.right {
		float:right;
	}
}

@media (max-width:1100px) { 
	#head .logo_cccb {
		display: none;
	}
}
@media (max-width:1170px) { 
	#stream_horaris {
		width: 370px;
	}
}