/* fonts */

/*
@font-face {
font-family: 'Custom';
src: url('/fonts/Neutra-Text-TF-Book-Alt.ttf') format('truetype');
src: url('/fonts/Neutra-Text-TF-Book-Alt.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Custom';
src: url('/fonts/Neutra-Text-TF-Demi.ttf') format('truetype');
src: url('/fonts/Neutra-Text-TF-Demi.otf') format('truetype');
font-weight: bold;
font-style: normal;
}
*/

@font-face {
font-family: 'Custom';
src: url('/kms/css/typo/HelveticaNeueLTCom-UltLt.ttf') format('truetype');
}

@font-face {
font-family: 'Custom';
src: url('/kms/css/typo/HelveticaNeueLTCom-Th.ttf') format('truetype');
font-weight:bold;
}

//HelveticaNeueLTCom-UltLtCnO.ttf  HelveticaNeueLTCom-UltLtExO.ttf  HelveticaNeueLTCom-UltLtIt.ttf   
//HelveticaNeueLTCom-UltLtCn.ttf   HelveticaNeueLTCom-UltLtEx.ttf   HelveticaNeueLTCom-UltLt.ttf
/* styles */


body.blog h2.custom { display:none !important; }
html, body, .txt, .shortbody { font-family: 'Trebuchet MS', helvetica, sans-serif, 'Lucida Grande', Arial !important; }
body { font-size: 16px !important; }
.black { background-color:#000; color:#ccc; }
.white { background-color:#fff }
.beige { background-color:#f1e7e7; }
.colored { background-color:#510027;color:#ccc; }
.mycolor  { color:#79003B }
.mycolor2 { color:#510027}
.mycolor3 { color:#a07489; }
.mycolor4 { color:#797979 !important; }
.mycolor5 { color:#444; }
.small { font-size:14px !important; }
.bold { font-weight:bold; }
div#discografia #post img { width:100%;height:93%;margin-bottom:0px !important; }
.bx-wrapper { background:#111 !important;border:0px !important;box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; }
div.page { color:#403a3a; }
div.diahora { padding: 0px 0px 0px 12px;bottom: 16px;position: absolute;}
div#presentacio h2 { color:#c60b66 !important;  letter-spacing:2px; font-size:39px !important;padding-bottom:30px  }

a.premsalink { text-decoration:none !important; }
a.premsalink:hover { text-decoration:underline !important;}
body.galeria div#header-bg,body.grups div#header-bg { top:133px !important; }
body.discografia div.container.block  { padding-top:350px !important }
body.discografia h3 { padding-top:0px !important }
body.galeria div#galeria { background-color:#111;}
body.grups  div#page { background-color:#111; }
body.grups.subpage  div#page { background-color:#f5f5f5;}
body.grups.subpage  div#page span, body.grups.subpage div#page p { color:#000;font-size:17px }
body.grups.subpage h2 { color:#79003B !important; }
body.grups.subpage div#content img { text-align:center;margin:50px auto;}
.galeria-page { padding:10px;background-color:#fff; }

body.grups.subpage h2 { padding:0px !important; }
body.grups div#pag_grups h3 { color:#79003B;font-size:33px !important; font-weight:bold !important;padding:50px 0px 20px 0px;font-family:Custom } 
body.grups.subpage.alegransa div.title h2 img { max-width:258px; }
body.grups.subpage.alegransa  div.title { padding-top:30px !important}

body.grups.subpage.ensemble-all-aura div.title h2 img { max-width:508px; }
body.grups.subpage.ensemble-all-aura  div.title { padding-top:20px !important}

body.grups.subpage.alla-viola div.title h2 img { max-width:308px; }
body.grups.subpage.alla-viola div.title { padding-top:105px !important} 

body.grups.subpage.la-veu-de-syrinx div.title h2 img { max-width:408px; }
body.grups.subpage.la-veu-de-syrinx div.title { padding-top:90px !important} 

body.grups.subpage.cant-i-piano div.title h2 img { max-width:408px; }
body.grups.subpage.cant-i-piano div.title { padding-top:30px !important}

body.grups.subpage.trio-sekrets div.title h2 img { max-width:358px; }
body.grups.subpage.trio-sekrets div.title { padding-top:95px !important}


div#header-bg { max-height:282px; }

div.body a ,div.shortbody a { text-decoration:underline; color:#79003B; line-break:anywhere}
.picpost { height:auto !important;  width:100%;}
div.discografia .picpost { max-width:300px; margin:auto; }
div.discografia #post { cursor:pointer; }
div.body { font-size:20px; }
body.blog div.body img { width:auto; height:auto; max-width:100%; }
.bottom50 { padding-bottom:100px; }
h3, h3 a, a{ color:#79003B !important; }
body h2,#blog h2, #agenda h2, #discografia h2, #galeria h2, #grups h2, #contacte h2 { letter-spacing:1px;padding:10px 0px 50px 0px;font-weight:normal;font-size:50px;color:#fff }
#blog h2 { color:#79003B }
#programa { width:74%;padding-left:40px;padding-right:40px;background-color:#fff }
#programa p,#programa h3,#programa h1.title,#programa h1.subtitle { font-weight:normal !important;font-family: 'Trebuchet MS', helvetica, sans-serif, 'Lucida Grande', Arial !important;  }
#programa h1.title { color: #79003B !important;  font-size: 52px !important; margin-bottom:0px !important;border-bottom:0px; padding:90px 0px 4px 0px; }
#programa h1.subtitle { color: #79003B !important;  font-size: 40px !important; margin-bottom:0px !important;border-bottom:0px; }
#programa h2 p { line-height:150% !important;font-size:30px !important;text-align:center; margin:auto; }
#programa h3, #programa h3 p { line-height:150% !important;font-size:20px !important;text-align:center; margin:auto; }
#programa h3.horalloc { color:#666;font-size:16px;line-height:120%;padding:0px 0px 0px 0px }
#programa .contingut { padding-top:20px; }
#programa h2.interprets { text-align:center;color:#444;text-shadow:none;font-size:27px !important;line-height:130%;padding:20px;margin:0px }
#programa .short_body{ text-align:center !important;font-size:16px !important; } 
#programa .prg { text-align:center !important;font-size:16px !important; }

body.agenda div#agenda div.container.block2 { margin-top:0px !important; padding-top:0px !important; }
body.agenda div#agenda div.container div#events.more { max-width: 930px; margin: auto; }
body.agenda div#agenda div.container.block2 { min-height:300px !important; }
#programa .short_body p {text-align:justify !important }
body.agenda div#header-bg div.title { display:none !important; }
.line { height:20px; border-top:1px dotted #555; margin-top:0px; }

#agenda #subscribe { padding:59px 30px 30px 0px; }
#agenda #envelope { margin:auto;text-align:center; max-width:116px;width:100%;padding: 32px 0px 0px 0px !important }
#agenda .nelu { max-height:196px; height:196px; font-size:30px;font-weight:bold }
#agenda .nel u{ max-height:196px; height:196px; font-size:30px;font-weight:bold }
#agenda .nelu.col-md-12 .envelope { padding:30px  }
#agenda .nelu.col-md-6 .envelope { padding:30px 0px 0px 0px;  } 
#agenda .nelu.col-md-6  #subscribe  { padding:25px 30px 0px 30px; min-height:194px; }
#agenda .dia { text-align:center;font-size:137px;font-weight:light; font-family:Custom;line-height:64%;padding-top:30px !important }
#agenda .mes { font-size:37px; font-weight:light; font-family:Custom;line-height:100%;text-align:center; }
#agenda div#event { margin-bottom:35px; }
#agenda div#events div.row { caret-color: transparent; }
#agenda div#events div.row:hover { cursor:pointer; }


#agenda h3.tit { font-size:37px !important;  }

.footer i.fab { font-size:23px; }
.footer ul.menu li { list-style-type:none; width:129px; float:left}




div#discografia { background-color:#510027 }
#discografia div.box { bottom:-44px;position:absolute;background-color:#000; width:100%; }
#discografia div.box div.info { padding:8px 0px 8px 0px;margin:auto;text-align:center;color:#fff; float:left;width:80%;background-color:#79003B; }
#discografia div.box div.pvp { padding:8px 0px 8px 0px;margin:auto;text-align:center;color:#fff; float:left;width:20%;background-color:#000; }
#discografia div.box div.pvp  a { color:#fff !important; }
#discografia #post { cursor:pointer;margin-bottom:77px; }
body.home div#contacte { color:#ddd }
body.grups #contact_form { color:#666; }
body.contacte #contact_form { color:#444; }
body.contacte div.main { margin:300px auto 0px auto; color:#444 }


div.galeria { width:100%;height:auto; margin-bottom:50px;  }
body.galeria div.galeria { margin-top:145px }
body.home div.galeria { margin-top:0px }


div.galeria div.content { position:relative;background-color:#111;top:0px; width:100%;height:auto; }  
div.galeria div.buttons { position:relative;bottom:0px; width:100%;height:auto;min-height:100px; }
div.galeria div.buttons div.but { float:left;min-height:100px;width:33.33%; background-color:#79003B;background-repeat:no-repeat;background-size:auto; background-position:center;cursor:pointer }
div.galeria div.buttons div.but.selected { background-color:#510027 }
div.galeria div.buttons div.but.pictures { border-right:1px solid #000;background-image:url('/files/pictures/albums/1/202103120537087199-fotos.png'); }
div.galeria div.buttons div.but.videos { border-right:1px solid #000;background-image:url('/files/pictures/albums/1/202103120537081599-video.png'); }
div.galeria div.buttons div.but.audios { background-image:url('/files/pictures/albums/1/202103120537086605-audio.png'); } 

div.galeria div.buttons div.but.pictures.selected { background-image:url('/files/pictures/albums/1/202103120537084972-fotos1.png'); }
div.galeria div.buttons div.but.videos.selected {  background-image:url('/files/pictures/albums/1/202103120537098027-video1.png'); }
div.galeria div.buttons div.but.audios.selected { background-image:url('/files/pictures/albums/1/202103120537084437-audio1.png'); }
div#galeria div.block { padding:40px 250px !important; }
.yt {
  position: relative;
  display: block;
  width: 90%; /* width of iframe wrapper */
  height: 0;
  margin: auto;
  padding: 0% 0% 56.25%; /* 16:9 ratio */
  overflow: hidden;
}
.yt iframe {
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


div.audio { padding:20px;} div.audio span {color:#ddd !important; }
div.audio div.file div.element { padding:5px;border:1px solid #555; margin:5px 0px;height:auto;  }
div.audio div.file div.element div.cta { cursor:pointer; }
div.audio div.file div.element div.icon  {display: inline-block; }
div.audio div.file div.element div.desc { padding:10px; }
div.audio div.file div.element img,div.audio div.file div.element span { display: inline-block;vertical-align:middle; }
div.audio div.au_all { padding:0px 30px 10px 100px }
div.audio div.au_all span { color:#777 !important;}
div.title { width:100%;clear:left;text-align:center; }
div#txt a { color:#c60b66 !important; }
#txt { max-height:527px; }
/* backgrounds */
h2,h1,.custom { font-family:Custom }
body.home div#header-bg { display:none; }
div#presentacio { background-color:#79003B;background-image:url('/files/pictures/albums/1/202103120537081859-fons1b.png');background-repeat:no-repeat;background-size:cover;background-position: center center;border-bottom: 1px solid #510027;}
div#presentacio div.row { height:527px; }
#imatge { 
/*	background-image:url('/files/pictures/albums/1/202103120537089061-foto1.png');*/
	background-image:url('/files/pictures/albums/1//202106170150593410-.jpg');
	background-repeat:no-repeat;background-size:cover;height:100%;
	background-position-x: center;
}
div#agenda { background-color:#79003B }
div#blog { background-color:#e4ccce }
div#galeria { background-color:#000 }
div#grups { background: rgb(75,19,37); background: linear-gradient(180deg, rgb(123, 2, 59) 0%, rgb(100, 1, 47) 100%); }
div#contacte { background-color:#79003B }

div#agenda div.container { min-height:492px;}
div#grups div.logo img,div#grups div.logo a { max-width:185px;text-align:center;margin:auto !important;padding:0px !important;vertical-align:middle; }
div#grups div.logo  { display:contents; }
div#grups div.row { padding-top:53px; }
div#grups div.row2 { width:84%;margin:auto; }

/* home */


/* responsive version */

@media (min-width: 1381px) {
	 div#galeria div.block { padding:40px 40px !important; }
}

@media (max-width: 1380px) {
        #events div { margin-left:0px !important; margin-right:0px !important; }
        #programa { width:100%; padding:15px !important }

}

@media (min-width: 1270px) {
	.block { padding: 40px !important }
	div#presentacio .block { padding: 40px 40px 40px 70px !important; }
}

/* ipad */ 

@media (max-width: 1269px) {
	div#presentacio div.row { height:auto !important; }
        .block { padding: 18px 0px 40px 30px !important; }
	#agenda #subscribe { padding: 25px 0px 0px 30px; }
	#agenda .nelu, #agenda .nelu.col-md-6  #subscribe { height:186px; min-height:186px !important; }
	#agenda .mes { font-size:3vw; }
	#agenda .dia { font-size:10vw; }
	#agenda #subscribe { font-size:2.5vw; }
	div#blog .block { padding:18px 30px 40px 30px !important; }
	#agenda h3.tit {    font-size: 3.4vw !important;}
	#agenda div.container { padding: 0px !important; }
	#agenda div#event { margin-bottom: 15px;  }
	div#blog div#post div.pic, #post .content { height:330px !important;min-height:330px !important; }
	#comment .content, .comment { margin:auto; height:auto !important; min-height:100px !important; }
	#post .content .shortbody { height: auto !important; }
	
}


@media (max-width: 1000px) {
	div#galeria div.block { padding:40px 40px !important; }
        .line2_1,.line2_0 { height:auto !important; padding-bottom:10px }
        div#events .title_agenda { font-weight:bold; }
        div#events .date, div#events .place { font-weight:normal; font-size:13px;line-height:100% }
	div#presentacio #imatge {
	    background-position: 54%;
	    height: 525px;

	}
body.contacte div.main {
    margin: 400px auto 0px auto;
	}
}


/* mobile */

@media (max-width: 767px) {
body.contacte div.main {
    margin: 250px auto 0px auto;
}
	#agenda .nelu.col-md-6  #subscribe  { padding:25px 30px 20px 30px; min-height:auto;  }
	#agenda .nelu, #agenda .nelu.col-md-6  #subscribe { height:auto; min-height:auto !important; }

	body.biografia div.title { padding:0px !important; }
	body.biografia div#contingut { padding-top:30px !important;}
	body.biografia div#page div.container { padding:10px 0px 40px 0px !important; }
	body.biografia div.text { padding:30px 20px !important; }
	div.agenda div#programa img { clear:left;max-width:100% !important;height:auto !important;}
	div.agenda div#programa table { display:contents; }	

	div#events {padding:20px 0px 40px 0px }
	div#post img { width:100% !important;}
	body.grups div#contact_container { padding:0px !important; }
	body.home div#contacte { padding-bottom: 50px !important; }
	.footer a { font-size:17px; }
	.footer ul.menu li { width: 100px; }
	div#contacte div.block { padding:0px !important; }
	div#contacte div.block div.row { margin:0px !important; }
	div#grups div.row div.logo { display:block !important; padding:30px 0px; }
	div#grups div.row2 div.logo { padding:50px 0px; }
	div#grups div.logo img { max-width:auto !important; }
	div.title h2{ padding:40px 0px 30px 0px !important; }
	div#post { padding:0px 15px !important; }
	div#blog { padding-bottom:30px !important; }
	div#galeria div.block { padding:0px !important; }
	div#galeria div.pictures.content, div#galeria div.pictures iframe { height:315px !important;}
	div.page div.content { min-height: 315px; }
	#agenda h3.tit, #agenda .diahora,#agenda #subscribe, body.blog div.body { font-family: 'Trebuchet MS', helvetica, sans-serif, 'Lucida Grande', Arial !important; font-weight:normal !important; }
	 body.blog div.body {font-size:18px; }
	#agenda h2 { padding:40px 0px 30px 0px; }
	#agenda .nelu { height:116px; max-height:116px; margin-bottom:20px }
	div#subscribe { padding-top:20px !important;font-size:4vw !important; }
	div.col-0 { display:none; }
	#agenda .ag2  { padding:10px 0px !important; }
	#agenda div#event div.colored { min-height:117px; }
	#agenda .dia {    font-size: 17vw; padding-top:20px !important; }
	#agenda .mes { font-size: 6vw; color:#fff; padding-top:8px }
	div.diahora {    padding: 0px 0px 0px 5px;    bottom: 5px;}
	#agenda h3.tit { font-size:5.4vw !important; }
	#agenda .pad20 { padding:5px !important; }
	#agenda .pad10 { padding:0px 5px !important; }
	#agenda #subscribe { padding: 0px 30px 0px 0px; }
	#agenda .envelope { padding:0px 20px !important; }
	body.blog div#header-bg, body.biografia div#header-bg {
	    top: 114px;
		height: 150px !important;

	}
	#header-bg .title {
    		padding-top: 0px;
		    min-height: 119px;
	}

	div#blog .block { padding: 0px !important; }
	body.galeria div#header-bg, body.grups div#header-bg {   top: 114px !important; }
	body.grups div#page div#content img {width:100%;max-width:100% !important; height:auto !important}
	div#galeria div.block { padding:40px 0px !important }
	div.galeria div.buttons div.but {     min-height: 58px;    background-size: 48%; }
	#header-bg .title { width: auto; {
	div#presentacio #imatge { height: 349px; }
        .block { padding:20px 20px 30px 20px !important; }
	 div#presentacio .row { display:table-cell !important }
	#events div { margin:0px 0px 10px 0px !important; padding:0px }
	#agenda .dia { font-size:17vw; }
	#agenda .mes { font-size:8vw; }
	#agenda h3.tit { font-size:6.4vw !important; }
	#agenda #subscribe { font-size:4.5vw; }
	div#grups div.row { padding:0px; }
	div#grups div.logo img { padding:15px 0px 15px 0px !important }
	div#grups div.logo { display:block; min-height:96px; }
	#post .disc { width:328px !important;height:289px !important; background-size:285px 270px !important; }
	div#discografia div.row, div#discografia div#post { margin-left:0px !important; margin-right:0px !important }
	div#discografia div.box { width:285px !important; margin:auto !important; position:relative;bottom:-270px !important }
}
