hangar-wp-theme/style.css

/*
Theme Name: Hangar, basat en Ari
Theme URI: http://wordpress.org/
Description: Tema a dues/tres columnes. El logo i el men es troben a l'esquerra. El contingut al mig. A la dreta en les pgines individuals hi ha una barra lateral amb els articles o pgines relacionades.
Author: Enfusion team & vitrubio.net
Version: 3.5
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/
/* Google Fonts Import
---------------------------------------------
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Droid+Serif:regular,italic,bold,bolditalic&subset=latin); */



/* variables
--------------------------------------------- */

html {
	--hangar-body-font-size: 12px;
	--hangar-body-font-size-small: 10px;
	--hangar-body-font-family: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	--sherif-font-family: 'Droid Serif',  Times, serif;
	--sans-sherif-font-family:'Droid Sans',arial,sans-serif;
}

/* Reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}

html {margin-top: 0!important;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
	position: relative;
}
img:before {
	/* credits to https://bitsofco.de/styling-broken-images/ */
	content:"no image:" attr(alt);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://grafica.hangar.org/assets/img/hangar-logo-favico.png');
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: darken;
	background-color: #fafafa;
	padding: 1rem;
	text-align: left;
	font-size: 0.6rem;
	color: #999;
}
/* General Structure and Styles
--------------------------------------------- */
body {
	color: #333333;
	background-color:#fff;
	margin: 0;
	background-image: url('images/motiufons.gif');
	background-repeat:repeat-x repeat-y;
	background-color: transparent;
	font-size: var(--hangar-body-font-size);
	font-family:'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	letter-spacing: 1px;
}

#top-head {
	height: 30px;
	border-bottom: 1px solid #666666;
	border-top: 2px solid #0000fa;
	background-color: #fff;
	margin-bottom:30px;
	min-width: 600px;
	}

#wrap_topheader {
	max-width: 1267px;
	margin: 0 0 0 20px;
}

#wrap {
	max-width: 1267px;
	margin: 0 0 1rem 1rem;
	}


.shadow {
	-moz-box-shadow: 3px 3px 4px #91939a;
	-webkit-box-shadow: 3px 3px 4px #91939a;
	box-shadow: 3px 3px 4px #91939a;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');
}

#sidebar-primary {
	width:235px;
	float:left;
	margin-right:16px;
	/*position: fixed;*/
}
@media screen and (max-width:768px) {
  #main {
  	margin-left: unset;
  }
}
@media screen and (min-width:768px) {
  #main {
  	margin-left: 250px;
  }
}

#wrap.amplegrann, #wrap_topheader.amplegrann {max-width:1257px}
/*#wrap.amplemigg, #wrap_topheader.amplemigg {max-width:990px}*/
#wrap.ampleunicc, #wrap_topheader.ampleunicc {max-width:750px, margin-left:16px}



.page-template-seccions-php #main, .category #main {
	width:auto;
	margin-left:245px;
	}


#wrap_topheader .unic  { width:990px;}



#sidebar-secondary {
	width:24.8%;
	margin:0px 0px 60px 16px;
	float:left;
}

.single #sidebar-secondary  { width:232px; margin-right:0;}


#footer {
	padding: 0;
	clear: both;
	background-color: #f1f1f1;
	bottom: 0;
	position: relative;
	min-height:50px;
	letter-spacing:0.5px;
	color:#888888;
}


.aligncenter {
	margin:0 auto;
	display:block;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.center {
	text-align:center;
	}


/* mens cap de dalt de tot */


.languages ul, ul.diversos {
	list-style-type: none;
	display:block;
	margin:0;
	padding: 8px 8px 10px 0;
	font-size: 0.8rem;
	margin-right: 30px;
	}
.languages ul li, ul.diversos li{display:inline;}

.languages ul li a {text-transform:uppercase; color: #999999;}
.languages ul li.active a{text-decoration:underline; color:#0000FF ;}

.languages ul li {margin-right:15px;}

ul.diversos li{margin-right:30px;}

ul.diversos li a{color: #666666; text-decoration:none;}
ul.diversos li a:hover{color: #0000ff;}

li.faqs a{background: transparent url('images/faqs.png') no-repeat; padding-left: 22px;}
li.contact a{background: transparent url('images/info.png') no-repeat; padding-left: 22px;}
li.news a{background: transparent url('images/news.png') no-repeat 0 2px; padding-left: 22px;}
li.faqs a:hover{background: transparent url('images/faqshover.png') no-repeat; padding-left: 22px;}
li.contact a:hover{background: transparent url('images/infohover.png') no-repeat; padding-left: 22px;}
li.news a:hover{background: transparent url('images/newshover.png') no-repeat 0 2PX; padding-left: 22px;}

#cercar {float:right;width: 225px;height: 20px; margin-right:3.4%}
.cse form.gsc-search-box, form.gsc-search-box {
    margin-bottom: 0px!important;
    padding: 1px 4px 1px 4px!important;}




/* contingut  */

#content.unic, #content.mix, #content.resultats {
	 width:30rem;
   /* z-index:4; */
   /* float:left; */
	 float: none;
	 display: flex;
	 flex-direction: column;
   }



.single #sidebar-primary {width: 235px; margin-right:13px;}

.page #sidebar-primary: {width: 235px; margin-right:13px;}



/* home */



.pag a {/*color: #28b5d8;*/}

/* Headings
--------------------------------------------- */
/*#content .post h1 {*/
#content h1 {
	padding:0px 0px 20px 0px;
	font-size: 22px;
	line-height:28px;
}
/*el fem servir*/
#content.unic h2, #content.resultats h2 {
/*#content h2 {*/
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	line-height:20px;
	margin-bottom:20px;
	color: #0043f6;
	letter-spacing:normal;
	z-index: 999;
}
/*.home #content h2 {
	font-size: 0.8rem;
}*/

#content h3 {
	padding:20px 0px 12px 0px;
	font-size: 16px;
	line-height:24px;
}
#content h4 {
	padding:20px 0px 10px 0px;
	font-size: 15px;
	line-height:21px;
}
#content h5 {
	padding:16px 0px 8px 0px;
	font-size: 14px;
	line-height:20px;
}
#content h6 {
	padding:10px 0px 5px 0px;
	font-size: 13px;
	line-height:19px;
}

/* Links
--------------------------------------------- */
#content h2 a {
	color:#333333;
}
a{
	text-decoration:none;
}
a:hover, #content h2 a:hover {
text-decoration: underline;
}
/* --- Link Colors --- */
a, ul.sidebar li.widget_text a {
	color:#0000FF ;
	font-weight:normal;
}
ul.sidebar a, p.meta a,  p.logged-in-as a, a.post-edit-link, #footer a {
	color:#999;
}
#content h2 a:hover, ul.sidebar a:hover, .comment-meta a:hover, p.logged-in-as a:hover, p.meta a:hover, a.post-edit-link:hover, #footer a:hover {
	color:#333333;
}
#searchsubmit:hover, form#commentform p.form-submit input#submit:hover, input.wpcf7-submit:hover  {
	background:#0000FF;
}
.comment-meta a {color:#333333;}


 a[href$=".PDF"]::before,
 a[href$=".pdf"]::before {
	display: inline;
	overflow:hidden;
	content:'';
	/* float:left; */
	height:17px;
	padding:0 0 0 25px;
	background: url("images/pdficon2.png") left top no-repeat;
	text-align:center;
	margin-left:0;
}

/* Lists
--------------------------------------------- */
#content ul li {font-size:var(--hangar-body-font-size);}

#content #page ul, #content .post ul {
	padding:20px 0px 10px 25px;
}
#content #page ul li, #content .post ul li {
	padding:0px 0px 5px 0px;
	line-height:16px;
	list-style: disc;
}
#content #page ol, #content .post ol {
	padding:20px 0px 0px 30px;
}
#content #page ol li, #content .post ol li {
	padding:0px 0px 5px 0px;
	line-height:16px;
	list-style: decimal;
}

/* Sidebars
--------------------------------------------- */
ul.sidebar {
	font-size: 0.8rem;
	line-height:0.8rem;
	margin-top:2rem;
	padding:0;
}

ul.segona {margin-top:15x;}

ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
	margin:0px 0px 1px 0px;
	padding:0px 0px 1px 0px;
	overflow:hidden;
	line-height:18px;
}
ul.sidebar h3.widget-title {
	padding:0px 0px 5px 0px;
	font-size: 11px;
}

.sidebar ul {padding:0;}

.sidebar ul li {display:inline;}

ul.sidebar li.widget_text, ul.sidebar li.shailan_banner_widget {color: #646464; font-size:11px; line-height:11px; margin:0; padding: 0 0 5px 0;}

ul.sidebar li.pagenav ul li.page_item a ul{color:red;}

ul.menu {padding-bottom:1px;}

ul.menu li {display:inline; line-height:18px;letter-spacing: 0.3px}


ul.menu a {color:#4344ff; }

ul.menu li a {color:#333333!important;}

ul.menu li#menu-item-274{margin-bottom:20px}

ul.menu li.unica, ul.menu li.especial{display: block; margin-bottom:10px;}
li.especial, li.unica {text-transform:uppercase;}
ul.sub-menu li {text-transform: none!important;}
ul.menu li.sola{display: block; margin-bottom:3px; text-transform: uppercase;}
ul.menu li.especial a{color:#0000FF!important; font-weight:bold;}
ul.menu li.unica a, ul.menu li.sola a{color:#4344ff!important; }
ul.menu li.negre a{
	color: #000000!important;
  /* cursor: text; */
  text-decoration: none;
	}
ul.menu li.negre a:hover,ul.menu li.negre a[href^="http://"]:hover,ul.menu li.negre a[href^="https://"]:hover,{
	text-decoration:underline;
}


ul.sub-menu {display:inline;}
ul.menu li.unica li {display:inline;}

ul.menu li li {display:inline;}

ul.sidebar li:first-child.widget_text {color: #F63!important;}
ul.menu li:first-child:before {content: "";}

ul.menu li ul li:before  {content: " ─ ";color: #0000ff}

ul.menu ul.sub-menu li a {color: #0000ff!important;
    cursor: pointer;}

ul.menu ul.sub-menu li a:hover {text-decoration: underline;}





/* sidebar */

#sidebar {  float: right;
    margin: 0 0 60px;
    width: 20.8%;}



/* Sidebar Primary
--------------------------------------------- */
/* --- Theme Logo --- */
#sidebar-primary .logo {
	height:96px;
	margin:0px 0px 10px 0px;
	display:block;
	width:100%;
}
#sidebar-primary .logo h1 {
	padding:5px 0px 0px 0px;
	font-size:30px;
	line-height:35px;
}
#sidebar-primary .logo h1 a:hover {
	text-decoration:none;
}
#sidebar-primary .logo p {
	font-family: var(--hangar-body-font-family);
	font-style:italic;
	font-size:13px;
}
#sidebar-primary .logo img {
	margin:0px;
	padding:0px;
	max-width: 100%;
}
/* --- About Text Widget --- */
#sidebar-primary ul.sidebar li.widget_text img {
	margin:3px 10px 0px 0px;
	float:left;
}





/* Sidebar Secondary
--------------------------------------------- */

/* Sidebar Widgets (can be used for both Sidebars)
--------------------------------------------- */
ul.sidebar li.widget_archive ul li, ul.sidebar li.widget_pages ul li.page_item, ul.sidebar li.widget_categories ul li.cat-item, ul.sidebar li.widget_links ul.blogroll li, ul.sidebar li.widget_nav_menu ul#menu-navigation li.menu-item, ul.sidebar li.widget_meta ul li {
	line-height:23px;
}
/* --- Text Widget --- */
ul.sidebar li.widget_text img {
	margin:3px 10px 0px -7px;
	float:left;
}
/* --- Custom Menu Widget --- */
ul.sub-menu {
	margin: 0px 0px 0px 0px;
}
ul.sidebar li.widget_categories ul li.cat-item ul.children {
	margin:0px 0px 0px 15px;
}
/* --- Pages Widget --- */
ul.sidebar li.widget_pages ul li.page_item ul.children {
	margin:0px 0px 0px 15px;
}
/* --- Search Widget --- */
.search-input {
	max-width: 100%;
	width: 130px;
	margin:4px;
	font-size:var(--hangar-body-font-size);
	float:right;
	border: 1px solid #ababab;
	background-color:#e5e5e5;
	height: 16px;
}
#searchsubmit {
	margin:4px;
	padding:2px;
	float:right;
	background:#666666;
	border:none;
	font-family: var(--hangar-body-font-family);
	font-size:var(--hangar-body-font-size);
	color:#fff;
	cursor:pointer;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width:55px;

}
#cercar img {
	margin:4px;border:none;float:left; margin-top:8px;
}

/* --- Recent Post Widget --- */
ul.sidebar li.widget_recent_entries ul li {
	padding: 0px 0px 12px 0px;
	line-height:16px;
}
ul.sidebar li.widget_recent_entries ul li a {
	line-height:16px;
}
/* --- Recent Comments --- */
ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments {
	padding: 0px 0px 12px 0px;
	line-height:16px;
}
ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments a {
	padding: 0px 0px 12px 0px;
}
/* --- Calendar Widget --- */
table#wp-calendar caption {
	font-family: var(--hangar-body-font-family);
	font-size:var(--hangar-body-font-size);
	line-height:18px;
	font-style:italic;
	text-align:left;
	padding:0px 0px 3px 0px;
}
table#wp-calendar td {
	padding:3px;
}
/* --- Social Links Custom Widget --- */
ul.sidebar li.widget_sociallinks a {
	padding:0px 20px 0px 20px;
	line-height:23px;
}
ul.sidebar li.widget_sociallinks a.rss {
	background:url(images/rss-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.twitter {
	background:url(images/twitter-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.facebook {
	background:url(images/fb-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.flickr {
	background:url(images/flickr-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.xing {
	background:url(images/xing-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.linkedin {
	background:url(images/linkedin-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.delicious {
	background:url(images/delicious-icon.png) 0 0 no-repeat;
}



#navegacio {margin-left: 10px;
    padding: 23px 16px 10px;
    width: 438px;}
#navegacio.dins {   display: inline-block;
    font-size: 10px;
    margin: 20px 2px 10px;
    width: 448px;
	padding:0;
	}

/* Posts i pages
--------------------------------------------- */

#content.unic #pagina, #content.unic .post, #content.resultats #pagina {
	background-color: #FFFFFF;
    padding: 23px 16px 10px;
    /*width: 448px;*/
    width: auto;
		min-height: 350px; /* sense sponsors 600px*/
		margin-bottom:20px;
}

/* aumentar anchura calendari i canal hangar */
.page-id-15261 #content.unic #pagina, .page-id-15192 #content.unic #pagina {
    width: 800px;
}

#content.mix #lateca {display:inline-block; height:58px;margin-bottom:10px; width:200px;overflow:hidden;}

#content.unic p{	padding:0px 0px 15px 0px;
	font-size: var(--hangar-body-font-size);
	line-height:17px;}

#content .post p {
	padding:0px 0px 15px 0px;
	font-size: var(--hangar-body-font-size);
	line-height:17px;
}
#content .post p small {
	font-size:11px;
}




#content blockquote {
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 16px;
	background:url(images/blockquote-border.jpg) 0 0 repeat-y;
	font-family: var(--hangar-body-font-family);
	line-height:21px;
	font-style:italic;
}
#content .post blockquote p, #content .page blockquote p {
	padding:0px;
}
#content blockquote p cite {
	padding:5px 0px 0px 0px;
	font-size:var(--hangar-body-font-size);
	font-weight:bold;
}
#content address {
	padding:0px 0px 20px 0px;
	line-height:20px;
}
#content pre {
	padding:0px 0px 20px 0px;
}
#content table {
	margin:10px 0px 30px 0px;
}
#content table tr {
	border-bottom:1px solid #333333;
}
#content table tr th {
	padding: 10px 20px 10px 20px;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
#content table tr td {
	padding: 10px 20px 10px 20px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
#content [not:.read-more] img {
	background-color: #efefef; /*remove*/

	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}
#content img.alignleft {
	margin: 5px 10px 10px 0px;
}
#content img.alignright {
	margin: 5px 0px 5px 10px;
}
#content img.alignnone {
	margin: 10px 0px 10px 0px;
}
#content .wp-caption {
	max-width: 100%;
	display: block;
}
#content p.wp-caption-text {
	font-family: var(--hangar-body-font-family);
	font-size:var(--hangar-body-font-size);
	font-style:italic;
	line-height:18px;
	padding:7px 0px 10px 0px;
}
#content object,
#content embed,
#content iframe {
	display: block;
	max-width: 100%;
}
#content .post p.meta, #content .page p.meta, #content p.meta {
	display: flex;
	align-items: end;
	min-height: 2rem;
	padding-bottom:0.3rem;
	font-size:0.7rem;
	line-height:0.8rem;
}
#content .post p.meta span, #content .page p.meta span, #content p.meta span {
	padding:0px 0px 0px 0px;
	font-size:var(--hangar-body-font-size);
	line-height:14px;
}

.novista {display:block; height:28px;}

.art .novista {height:39px;}

#content.resultats #pagina h3{
	padding: 20px 0 20px 0;
	font-size: 14px;
	line-height:16px;
	color: #0043f6;
	z-index: 999;
}

#content.resultats p{
	font-size:var(--hangar-body-font-size);
	line-height:17px;
	padding-bottom:10px;
}

#content.resultats p.meta, #content.resultats p.meta span{
	font-size:11px;
	line-height:13px;
	padding-bottom:8px;
	padding-top: 10px;

	}
#content.resultats div.hentry {	border-bottom: 1px dotted grey; }
.cleared {clear:both;}

#content.resultats div#navi {display:block; height:30px;}

a.post-edit-link {
	font-size:var(--hangar-body-font-size);
}
#content p.previous {
	float:left;
	font-size:11px;
}
#content p.next {
	float:right;
	font-size:11px;
}

#content.resultats p.previous {
	padding: 10px 0;
}
#content.resultats p.next {
	padding: 10px 0;
}



p.blue {color: #0043F6;}
p.curt {
	padding-bottom:1px!important;
	line-height:var(--hangar-body-font-size)!important;
	font-size:var(--hangar-body-font-size)!important;
}
p.peullarg {padding-bottom:20px;}



/* home index */
.head-entry {height:4rem; font-size:0.8rem;line-height:0.8rem; margin-bottom:0.5rem/*0.7rem*/; padding: 0; color: #0000FF; display: block; }

.art .head-entry {height:45px; }

.home #content.indexall p.box, {clear:both; overflow:hidden;}

img.topspimg {margin-top: 28px!important;}

.topstext {margin-bottom:41px!important; margin-top:25px!important;}




/*estils capses home i index categories, blocs i artistes */

.boxentry {line-height:15px;
	height:360px;
	min-width: 200px;
	width: 200px;
	margin-bottom:16px;
	padding: 15px;
	float:left;
	background-color: #FFF;
	position:relative;
	margin-right: 15px;
	-moz-box-shadow: 3px 3px 4px #91939a;
	-webkit-box-shadow: 3px 3px 4px #91939a;
	box-shadow: 3px 3px 4px #91939a;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');}



.hentry
.head-entry {height:65px; font-size:14px;line-height: 15px; margin-bottom:8px; padding: 0; color: #0000FF; display: block; }

.desc .head-entry {height:95px;}
span.cat a{text-transform: uppercase; letter-spacing:normal}
.boxentry h2, #sidebar-secondary .boxentry h2{ display: inline; font-size: 0.8rem; line-height: 0.9rem; padding-top:0; color: #333333; font-weight:normal; letter-spacing:normal;}
.boxentry h2.blau a{color: #0000ff!important;}

.boxentry img.wp-post-image, .boxentry img.noimatge {margin-bottom: 0.5rem;}

.boxentry img.attachment-artists-thumb, .boxentry img.gran {margin-bottom:11.5px!important;}

.boxentry .contingut, .boxentry p.excerptbox { display:block; overflow:hidden;/*margin-bottom: 15px;*/ padding: 0;}
.boxentry .curt, .boxentry p.excerptbox {max-height: 4.9rem; height: auto/*60px*/; font-size:11.5px;}
.boxentry .mig {height: 195px;}
.boxentry .llarg {height: 225px;}
.boxentry .plus {height:327px;/*height: 331px;*/}
.boxentry .plus p{display:inline;}

/* special setting for showing excerpt image */
#post-4051 p.excerptbox { height: 250px; }
#post-4051 .novista { height: 0; }

.boxentry h2.index {font-size:23px;display:block; line-height:30px; text-transform:uppercase; font-weight: bold; margin-bottom:20px; letter-spacing:normal}
#content .boxentry .descseccio p {font-size: 13px; line-height:15px; }
#content .boxentry .descseccio p:first-child:before   {content: " ─ ";}
#content .boxentry .contentcurt p:first-child:before   {content: " ─ ";}

#content .boxentry h3 {letter-spacing:normal;}
#content .boxentry h3.box, #content h3.equip, #content h2.pag a {font-size:13px;line-height: 15px; padding: 0; color: #0000FF; display:inline-block; font-weight: normal;}

#content .boxentry h3.art {text-transform: uppercase;}
#content .boxentry h3.catt a {color: #333333; }
#content .boxentry h3.nosubcatt a {color: #0000ff; font-size:14px; line-height:1rem;}
#content .boxentry p.catt {color: #333333;}
#content li.linkcat h3 {font-size:14px; line-height: 16px; font-weight:normal; padding: 10px 0 5px; color: #0000ff;}


.boxpeu {clear: both; display:block; position:absolute; bottom:10px; width:200px;height: 16px;}
.peubox {float: left; margin-top:5px; }
.peudret{float: right;}

.wp-pagenavi {position:static!important; margin: 20px auto; top:auto!important; text-align:center;display:inline-table;}

#content ul#artistes li, #content ul#llista li li {font-size: 13px; line-height: 22px;}
#content ul#artistes li a, #content ul#llista li li a {color: #333333; }
#content ul#artistes li a:hover, #content ul#llista li li a:hover {color: #0000ff; }
#content ul#artistes li a span:before {content: "  ─  ";}
.alfa {line-height:19px!important;}



.boxentry span.cat a:after  {content: " ─ ";}

.contentbox {display:block; height:331px; margin-bottom:15px:}

#content h3.equip {height:16px!important;}

#content .boxentry:last-child {margin-left: 0px;}

#sidebar-secondary .boxentry {margin-right: 0px; margin-left:0px;}

#sidebar-secondary .boxentry p.meta{
	clear:both;
	overflow:hidden;
	font-size:var(--hangar-body-font-size);
	line-height:14px;
	padding-bottom:14px;
}

#content.mix .boxentry {margin-right:4px; margin-left:4px;}

#content.unic .boxentry {margin-bottom:15px;}

/*paginacio kriesi */

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
/* centrar el plugin de compartir al final dels posts */
div.really_simple_share {width:220px; margin: 20px auto 5px auto; height:22px!important;}

div.really_simple_share iframe {height:22px!important;}



a.peutots {margin-bottom:15px;}
.nofons {background-color:transparent!important;}
.nopadding {padding-bottom:0px!important;}

p.carrec{ font-size: var(--hangar-body-font-size); line-height:14px; padding-bottom:20px;}
p.carrec:before {content: " - ";}
p.boxcurta{font-size:var(--hangar-body-font-size); line-height:var(--hangar-body-font-size); padding-bottom:2px;}
span.categ a{text-transform:uppercase; color: #666666;}
span.categ a:after {content: " ─ ";}
/* breadcrum */

#breadcrumb {width:100%; min-height:19px; overflow:hidden; margin: 2px 0 6px 0; }
#breadcrumb ul {list-style-type: none; }
#breadcrumb ul li {display: inline; font-size:14px; letter-spacing:normal;  }
#breadcrumb ul li:after{content:" > "; color: #0000ff;}
#breadcrumb ul li:last-child:after{content:" "; }


p#sidebarr {display: inline-block; height:16px; overflow:hidden;  margin: 2px 0 8px 0px; font-size:14px; letter-spacing:normal; font-weight:normal; color: #0000FF;}


/* Single Post
--------------------------------------------- */
#content .post #author-info {
	margin:20px 0px 30px 0px;
	padding:10px 0px 0px 0px;
	border-top:1px dotted #333333;
	border-bottom:1px dotted #333333;
	overflow:hidden;
}
#content .post #author-avatar {
	margin:5px 15px 0px 0px;
	float:left;
}
#content .post #author-description {
	overflow:hidden;
}
#content .post #author-description h2 {
	padding:0px;
	font-family: var(--hangar-body-font-family);
	font-size:var(--hangar-body-font-size);
	font-weight:normal;
}
#content .post #author-description h2 span {
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
#content .post #author-description p, .page-link  {
	font-family: var(--hangar-body-font-family);
	font-size:13px;
	line-height:18px;
	font-style:italic;
}

/* formularis inscripció */

#cformsform {width:448px; margin:0;}

#cformsform.cform label {display:block; margin-bottom:10px; width:216px; text-align:left}
#cformsform.cform label span{display:block;width:216px;}
#cformsform.cform input { display:block; margin-bottom:10px; width:216px;}
#cformsform.cform textarea { display:block; margin-bottom:10px; width:440px;}

#cformsform.cform li#li--1 {float: left; width:216px; margin-right:16px;}
#cformsform.cform li#li--2 {float: right; width:216px; margin-right:0;}
#cformsform.cform li#li--3 {float: left; width:216px; margin-right:16px;}
#cformsform.cform li#li--4 {float: right; width:216px; margin-right:0;}
#cformsform.cform li.cf-box-title {font-weight: normal; clear: both;}
#cformsform.cform li.cf-box-group {float:none; display:block; width:80px; margin-left: 20px;}

#cformsform.cform label#label--51 {float:left;height:30px; margin: 0; width: 30px;}
#cformsform.cform label.cf-after span {width:30px;}
#cformsform.cform label#label--52 {float:left;height:10px; margin: 10px 0 10px 0; width: 30px;}
#cformsform.cform input#cf_field_5-1
 {float:right; width: 20px; height:0; margin: 0;}
#cformsform.cform input#cf_field_5-2
 {clear:both; float:right; width: 20px; height:10px; margin: 10px 0;}



#cformsform.cform li#li--6 {clear:both;}
p.cf-sb {clear:both; }
#cformsform.cform p.cf-sb input {
  -moz-border-radius: 15px 15px 15px 15px;
    background: none repeat scroll 0 0 #666666;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
	font-family: var(--hangar-body-font-family);
    font-size: var(--hangar-body-font-size);
    margin: 4px;
    padding: 2px;
    width: 55px; }


/*----------------------*/


ul.catlist {list-style-type:none;}
ul.catlist li {display:inline}

.peupost {border-top: 1px solid #4e4e4e; margin-top:15px; }
#content .post p.peupostp {padding-top:6px; }


/* --- Comments --- */

#respond {clear:both;}

.post .comments-content {
	margin:6px 0px 0px 0px;
	border-top:1px dotted #333333;
}
#content .post #comments-content h3#comments {
	padding:80px 0px 8px 0px;
	border-bottom:1px dotted #333333;
	font-size:16px;
}
#comments-content .comment-body p {
	padding:0px 0px 10px 0px;
	font-size:13px;
	line-height:19px;
}
#comments-content p.moderation {
	font-family:var(--sherif-font-family);
	font-size:var(--hangar-body-font-size);
	font-style:italic;
	color:#999;
}
#content .post #comments-content ol {
	padding:0px;
}
#content .post #comments-content ol li ul.children {
	padding:0px;
}
#content .post #comments-content ol li.depth-1  {
	padding:25px 0px 10px 0px;
	border-bottom:1px dotted #333333;
	overflow:hidden;
}
#comments-content ol li.depth-2, #comments-content ol li.depth-3, #comments-content ol li.depth-4, #comments-content ol li.depth-5 {
	margin:10px 0px 0px 30px;
	padding:25px 0px 0px 0px;
	border-top:1px dotted #333333;
	border-bottom:none;
	overflow:hidden;
}
.comment-meta {
	padding:0px 0px 10px 0px;
	font-size:var(--hangar-body-font-size);
}
.comment-gravatar {
	margin:1px 15px 0px 0px;
	float:left;
}
#comments-content .comment-body {
	padding:0px;
	overflow:hidden;
}
.reply {
	margin:0;
	float:right;
}
a.comment-reply-link {
	font-size:var(--hangar-body-font-size);
	font-weight:bold;
}
p.logged-in-as {
	font-family:var(--sherif-font-family);
	font-size:var(--hangar-body-font-size);
	font-style:italic;
}
#comments-content ol li.post.pingback {
	margin:0px;
	padding: 20px 0px 10px 20px;
	list-style:none;
}
.bypostauthor {
}

span.fn {color: #0043f6;}

/* --- Comment Reply --- */
a#cancel-comment-reply-link {
	padding:3px 0px 0px 0px;
	float:right;
	font-size:var(--hangar-body-font-size);
}
#content .post #comments-content #respond h3#reply-title {
	padding:30px 0px 6px 0px;
	border-bottom:1px dotted #333333;
	font-size:16px;
}
#content .post form#commentform p {
	font-size:13px;
}
form#commentform p.comment-notes {
	padding:5px 0px 15px 0px;
	font-family:var(--sherif-font-family);
	font-size:var(--hangar-body-font-size);
	font-style:italic;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	font-family:var(--sans-serif-font-family);
	height:22px;
}
form#commentform textarea#comment {
	width:90%;
	padding:3px;
	font-family:var(--sans-serif-font-family);
}
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
	padding:10px 0px 0px 0px;
}
form#commentform p.form-submit input#submit {
	margin:8px 0px 10px 1px;
	padding:6px 8px 6px 8px;
	background:#333333;
	border:none;
	font-family:var(--sans-serif-font-family);
	font-size:var(--hangar-body-font-size);
	color:#fff;
	cursor:pointer;
}



/* WordPress Image Gallery
--------------------------------------------- */
.gallery {
	margin: auto;
	padding:5px 0px 5px 0px;
}
.gallery .gallery-item {
  width: 100% !important;
	position: relative;
}
.gallery .gallery-item:not(:first-of-type) {
  display: none;
}
.gallery img {
	border: none !important;
	max-width: 100%;
	height: auto;
}
.gallery .gallery-caption {
	margin-left: 0;
	padding: 5px 0px 8px 0px;
	font-family:var(--sherif-font-family);
	font-size: var(--hangar-body-font-size);
	font-style: italic;
	line-height: 16px;
	color: #03F;
	display: inline-block /*block!important*/;
}

.gallery .gallery-icon a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 1rem);
	right: 1.5rem;
  height: 2rem;
  width: 2rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="rgba(200,200,200,0.8)"/></svg>') center center no-repeat;
  background-color: rgba(150,150,150,0.8);
	background-size: 50%;
  border-radius: 2rem;
}

/* Footer
--------------------------------------------- */
.wrapfooter {
	max-width: 1237px;
	/*padding: 20px 0px 20px 20px;*/
	padding: 1rem 1rem 0.3rem 1rem;
	z-index: 0;
	font-size: var(--hangar-body-font-size);
	font-family: var(--hangar-body-font-family);
	display:flex;
}

.wrapfooter p {
	line-height:19px;
	font-size:var(--hangar-body-font-size);
	color: #808080;
}
.wrapfooter .credits p {
	font-size: var(--hangar-body-font-size-small);
}
.wrapfooter .col {
	width: unset;
	padding: 1rem 0;
}
.wrapfooter .credits a{
	color: #A3A7A5!important;
}

@media screen and (max-width:768px) {
	.wrapfooter{
		width: 100vw;
		flex-direction: column;
	}
}
@media screen and (min-width:768px) {
	.wrapfooter{
		/*flex-direction: row;*/
	}
	.wrapfooter .col {
		margin-right: 1rem;
		width: auto;
		padding:0;
		margin-right: 3rem;
	}
	.wrapfooter .logo {
		width:140px;
		margin:0;
		padding:0;
		}

	.wrapfooter .org {
	margin-right: 8rem;
	}
	/*
	.wrapfooter  .tels {
	}
	*/
	/*
	.wrapfooter .inf {
	}
	*/
	/*
	.wrapfooter  .legal {
	}
	*/

	.wrapfooter  .credits {
		margin-left: auto;
	}
}


/* .center {text-align:center;}
.col {float: left; }
.logo { width:140px; margin:0;}
.org { width:278px;}
.tels { width:170px;}
.inf{width: 267px;}
.legal {width:68px;padding-top:30px;padding-left: 30px;}
.credits {width:150px; font-size:9px; color: #A3A7A5; margin-top:9px;}
.credits a{color: #A3A7A5!important;} */


/* Archives
--------------------------------------------- */
h1.archive {
	margin:0px 0px 25px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom:1px dotted #333333;
	font-family:var(--sherif-font-family);
	font-size:var(--hangar-body-font-size);
	font-weight:normal;
	font-style:italic;
	letter-spacing:0.1em;
}
h1.archive strong {
	font-style:normal;
	text-transform:uppercase;
}

/* Pages
--------------------------------------------- */
#page {
	margin-bottom:50px;
	padding:0px 0px 6px 0px;
	border-bottom:1px dotted #333333;
}
#page h1 {
	padding:0px 0px 20px 0px;
	font-size: 20px;
	line-height:26px;
}
#page h2 {
	font-size: 16px;
	line-height:23px;
}
#page p {
	padding:0px 0px 15px 0px;
	font-size: 14px;
	line-height:23px;
}
#page p small {
	font-size: 13px;
}

/* FLOATS CLEARING
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}