﻿p { }
/* DO NOT START CSS WITH A COMMENT! */

/*[ Star rater ]*/
.rating { margin-bottom: 10px; }
.rating p { display: inline; position: relative; top: 14px; left: 55px; }
.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }
.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star		{ width: 20%; z-index: 6; }
.star-rating a.two-stars	{ width: 40%; z-index: 5; }
.star-rating a.three-stars	{ width: 60%; z-index: 4; }
.star-rating a.four-stars	{ width: 80%; z-index: 3; }
.star-rating a.five-stars	{ width: 100%;z-index: 2; }
.star-rating .current-rating{ z-index: 1; background-position: left center; }
/* smaller star */
.small-star { width: 50px; height: 10px; }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { background-image: url(../../Content/images/blog/star_small.gif); line-height: 10px; height: 10px; }

/*[ Advertisement widget ]*/
.widget.advertisement .ad-label { display: block; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; opacity: .6; margin-bottom: 4px; }
.widget.advertisement .ad-content { overflow: hidden; text-align: center; }
.widget.advertisement .ad-content img { max-width: 100%; height: auto; }

/*[ Video embeds: YouTube, Vimeo, Dailymotion a tutta larghezza in 16:9, anche sul telefono ]*/
iframe[src*="youtube.com/embed"], iframe[src*="youtube-nocookie.com/embed"], iframe[src*="player.vimeo.com"], iframe[src*="dailymotion.com/embed"] { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; margin: 1em 0; border: 0; }

/*[ Maintenance notice (solo per chi lavora sul blog in manutenzione) ]*/
.be-maintenance-notice { position: fixed; top: 0; left: 0; right: 0; z-index: 1001; padding: 6px 12px; font: 600 13px/1.4 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; text-align: center; color: #3b2a00; background: #ffc83d; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.be-maintenance-notice a { color: inherit; text-decoration: underline; margin-left: 8px; }
body:has(> .be-maintenance-notice) { padding-top: 32px; }

/*[ Cookie consent ]*/
.be-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; padding: 12px; font: 14px/1.5 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.be-consent[hidden], .be-consent-reopen[hidden], .be-consent-options[hidden] { display: none; }
.be-consent-box { position: relative; max-width: 960px; margin: 0 auto; padding: 18px 44px 18px 20px; background: #fff; color: #222; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 6px 30px rgba(0,0,0,.25); }
.be-consent-title { margin: 0 0 6px; font-weight: 700; font-size: 16px; }
.be-consent-text { margin: 0 0 12px; }
.be-consent-text a { color: inherit; text-decoration: underline; }
.be-consent-options { margin: 0 0 12px; }
.be-consent-option { display: block; margin: 6px 0; font-weight: normal; }
.be-consent-option span { display: block; margin-left: 22px; font-size: 12px; opacity: .75; }
.be-consent-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.be-consent-button { flex: 0 1 auto; min-width: 140px; padding: 8px 16px; font: inherit; font-weight: 600; color: #fff; background: #333; border: 1px solid #333; border-radius: 4px; cursor: pointer; }
.be-consent-button:hover, .be-consent-button:focus-visible { background: #000; }
.be-consent-close { position: absolute; top: 6px; right: 8px; padding: 2px 8px; font-size: 22px; line-height: 1; color: inherit; background: none; border: 0; cursor: pointer; }
.be-consent-reopen { position: fixed; left: 12px; bottom: 12px; z-index: 999; padding: 6px 12px; font: 12px/1.4 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #fff; background: rgba(40,40,40,.85); border: 0; border-radius: 4px; cursor: pointer; }
@media (max-width: 560px) { .be-consent-button { flex: 1 1 100%; } }

/*[ Syntax highlighter ]*/
.code { font-size: 12px; color: #000; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #F1F1F1; line-height: normal; }
.code p		{ padding: 5px; }
.code .rem	{ color: #008000; }
.code .kwrd	{ color: #0000ff; }
.code .str	{ color: #006080; }
.code .op	{ color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp	{ background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt	{ background-color: #f4f4f4; }
.code .lnum	{ color: #606060; }

/*[ XFN tags ]*/
div.post .text a[rel] { background-repeat: no-repeat; background-position: right center; }
div.post .text a[rel="me"] { background-image:url('../../Content/images/blog/xfn/me.gif'); }
/*-------- [ These should cascade to pick the correct icon for the contact ]--*/
/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"], div.post .text a[rel~="acquaintance"], div.post .text a[rel~="friend"] { background-image:url('../../Content/images/blog/xfn/contact.gif'); padding-right:11px; }
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"], div.post .text a[rel~="acquaintance"][rel~="met"], div.post .text a[rel~="friend"][rel~="met"] { background-image:url('../../Content/images/blog/xfn/contactMet.gif'); padding-right:11px; }
/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"], div.post .text a[rel~="co-worker"] { background-image:url('../../Content/images/blog/xfn/colleague.gif'); padding-right:11px; }
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"], div.post .text a[rel~="co-worker"][rel~="met"] { background-image:url('../../Content/images/blog/xfn/colleagueMet.gif'); padding-right:11px; }
/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"], div.post .text a[rel~="crush"], div.post .text a[rel~="date"], a[rel~="sweetheart"] { background-image:url('../../Content/images/blog/xfn/sweet.gif'); padding-right:11px; }
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"], div.post .text a[rel~="crush"][rel~="met"], div.post .text a[rel~="date"][rel~="met"], div.post .text a[rel~="sweetheart"][rel~="met"] { background-image:url('../../Content/images/blog/xfn/sweetMet.gif'); padding-right:11px; }

/*[ Post Pager ]*/
#PostPager		{ display: block; text-align: center; }
#PostPager li	{ display:inline; border: 1px solid #ccc; margin: 1px; padding: 2px; }
#PostPager li a	{ padding: 2px; text-decoration:none; font-weight: bold; }
#PostPager .PagerLinkCurrent	{ background-color: #5C80B1; color: #fff; padding: 2px 5px; border: 1px solid #ccc; }
#PostPager .PagerLinkCurrent li { padding: 2px }
#PostPager .PagerLinkDisabled	{ color: #ccc; padding: 2px; }
#PostPager .PagerEllipses		{ border:0; padding: 2px; }
#commentPreview	{ display:none; clear:both; min-height: 150px; }
.LoginRequired	{ margin: 10px 0 10px 0; }

/*[ Widget action buttons ]*/
.imgDelete      { background-image:url('../../Content/images/blog/actions/action-delete-small-lt.png'); }
.imgDelete:hover{ background-image:url('../../Content/images/blog/actions/action-delete-small.png'); }
.imgMove        { background-image:url('../../Content/images/blog/actions/action-tools-small-lt.png'); }
.imgMove:hover  { background-image:url('../../Content/images/blog/actions/action-tools-small.png'); }
.imgEdit        { background-image:url('../../Content/images/blog/actions/action-edit-small-lt.png'); }
.imgEdit:hover  { background-image:url('../../Content/images/blog/actions/action-edit-small.png'); }
.widgetImg		{ width: 16px; height: 16px; display:inline-block; }
.widget a:hover	{ text-decoration: none; }
#comment-form p	{ margin: 1px; display: inline-table; width: 100%; }