hangar-wp-theme/style.css

1345 lines
32 KiB
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
}