/* 
Theme Name: miniBits 
Theme URI: http://www.creativebits.it/go/minibits 
Version: 0.9
Author: Raffaele Rasini 
Author URI: http://creativebits.it/ 
*/ 

* { padding:0; margin:0; }
body { padding:0px; text-align: left; font-family: Verdana, Arial; font-size: 14px; color: #222222; line-height: 150%; /*background: #4A525A ;*/ background-color: #fff; }
hr { display: none; margin: 0; }
a { color: #4170BE; text-decoration: underline; }
a:hover {text-decoration: none; }
a img, .post a img, img { border: 0; text-decoration: none; border-color: white; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, serif; font-size: 14px;}
span.highlight { background-color: #FFFFDB; }
p {margin-top: 5px;}

:root {
    --txt-black:#222222;
    --bg-blue: #17457D;
    --blue-50:#CFD8FF;
    --blue-light: #DDE4FF;
    --txt-white:#F5F5F5;
    --light-gray: #F5F5F5;
    --gray-300:#E0E0E0;
}

/* ---[ Elementi ]------------------------------- */
blockquote { margin: 1em 0 1em 0; padding: 0; color: #777; background: White url(img/quote.gif) no-repeat top left; padding-top: 10px; padding-left: 35px; }
code { color: #6B8D20; font-family: Verdana, Arial; text-align: left; }
code strong { color: #4E6200; }
abbr, acronym, .popup { font-style: normal; border-bottom: 1px dotted #999; cursor: help; }
em { font-style: italic; }
strong { font-weight: bold; }
strike, del { text-decoration: line-through; }
ins { text-decoration: none; }
address { margin: 0; padding: 0; font-style: normal; }

/* ---[ Container ]------------------------------- */ 
#wrapper { margin: 0 auto; text-align: left; max-width: 1536px; width: 100%; background: #FFFFFF ; font-size: 0.9em; line-height: 1.6em; padding: 0; /*border-right: 2px solid #424A51; border-left: 2px solid #424A51;*/ }
#wrapper .container { max-width: 896px; width: 100%;}
.clear { clear: both; }
.wrapper-box {
  padding: 40px;
  display: flex;
  gap: 0 40px;
}
/* ---[ Header ]------------------------------- */ 
#header {
  display: flex;
  align-items: center;
  background-color: var(--bg-blue);
  padding: 0 40px;
  height: 135px;
  font-family: Verdana, Arial, serif; 
}
#header a { 
  color: var(--txt-white);
  text-decoration: none; 
}
#header a:hover { 
  text-decoration: underline;
}


/* ---[ Pagine ]------------------------------- */ 
.post { margin-bottom: 25px; }
.post .titolo { padding-bottom: 16px; }
* html .post .titolo { padding-bottom: 6px; }
.post h2, .post h2 a { 
  display: inline-block; 
  color: var(--bg-blue); 
  font-size: 20px; 
  font-weight: 700; 
  line-height: 100%;
}
.post h2 {
  margin-top: 10px;
  margin-bottom: 5px;
}
.post h2 a { border: 0; text-decoration: none; }
.post h2 a:hover { background-color: transparent; color: #032fd0; }
.post h3 {margin-top: 15px; margin-bottom: 4px; padding-bottom: 3px; font-size: 16px; color: #DD467B; font-weight: normal;}
.post span.edit { float: right; margin-top: -20px; }
.post span.edit a { border: 0; font-size: 0.9em; }
.post small { color: #878787; font-size: 0.9em; padding-left: 1px; }
* html .post small { padding-left: 5px; }
.post table {border: 1px solid gray; margin-top: 15px; margin-bottom: 15px; font-size: 13px;}
.post td {border: 1px solid gray; padding: 5px; font-size: 13px;}
.post p {font-size: 14px; line-height: 1.5em;margin-bottom: 15px;}
.post li {font-size: 14px;  line-height: 1.5em;}

.post div.corpo ul.more_info a { color: #D87431; }
.post div.corpo ul.more_info a:hover { background-color: #D87431; color: White; }
.post div.corpo ul.more_info { list-style-type: none; margin: 0; padding: 3px 8px 3px 8px; width: 145px; float: right; margin-bottom: 10px; margin-left: 10px; background-color: #F8F8F6; border: 1px solid #E2E2DA; }
.post div.corpo ul.more_info li { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #E2E2DA; }
.post div.corpo ul.more_info li.first { border: 0; }
.post div.corpo ul.more_info span { display: block; }
.post div.corpo { padding-top: 6px; }
.post div.corpo a.more-link { color: #9D4134; }
.post div.corpo a.more-link:hover { color: White; background-color: #9D4134; }
.post div.corpo ul, .post div.corpo ol{ margin: 15px 0 15px 35px; }
.post div.corpo p { margin-bottom: 10px; }
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }
img.alignright, img[align="right"] { padding: 4px 0 0 0; margin: 0 0 5px 5px; display: inline; }
img.alignleft, img[align="left"] { padding: 4px 0 0 0; margin: 0 5px 5px 0; display: inline; }
.post div.corpo h4 { font-size: 1.1em; margin-top: 10px; margin-bottom: 0; }
/* Post 2026 */
.post-preview {
  box-shadow: 0 0 12px 0 rgba(34, 34, 34, .25);
  border-radius: 8px;
  padding: 24px;
}
h4 {
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -4%;
  font-weight: 700; 
  display: inline-block;
  padding: 5px 0px 10px;
} 
.post li {
  margin-left: 25px;
}
.post-desktop {
  display: flex;
  gap: 24px;
}
.post-mobile {
  display: none;
}
.post-desktop__left, .post-desktop__right {
  max-width: 412px;
  width: 100%;
}
.post-img img {
  max-width: 412px;
  width: 100%;
  height: 274px;
  border-radius: 8px;
  margin-bottom: 24px;
}
.post .more-link {
  background-color: var(--blue-50);
  color: var(--bg-blue);
  font-size: 16px;
  line-height: 100%;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 51px;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 24px;
}
.post .info-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.post .info-item {
  border: 1px solid var(--txt-black);
  border-radius: 4px;
  color: var(--txt-black);
  padding: 4px 8px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 100%;
}
.post .info-item a {
  color: var(--txt-black);
  text-decoration: none;
  font-size: 12px;
  line-height: 100%;
}
.post .info-stats {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 24px;
}
.post .info-stat {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 100%;
  color: var(--txt-black);
  display: flex;
  align-items: center;
  gap: 4px;
}
article {
  max-width: 700px;
  width: 100%;
}
article h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -4%;
  color: var(--bg-blue);
  margin-bottom: 24px;
}
article .post .info-stats {
  margin-bottom: 24px;
}
article .post-thumbnail {
 max-width: 700px;
 width: 100%;
 min-width: 275px;
 max-height: 465.57px;
 min-height: 182.9;
 border-radius: 8px;
 margin: 24px 0;
}
article .post-thumbnail img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
/* ---[ Commenti ]------------------------------- */ 
#commenti { margin-top: 15px; }
#commenti h4 { 
  margin-bottom: 12px; 
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -4%;
  color: var(--bg-blue); 
  font-weight: 700; 
}
#commenti a.rss_commenti { border: 0; float: right; margin-top: 1px; }
#commenti ol#commentlist { list-style-type: none; }
#commenti ol#commentlist li { margin-bottom: 15px; }
#commenti ol#commentlist li span { display: block; }
#commenti ol#commentlist li div.messaggio { background: #F4FAE2; padding: 10px; }
#commenti ol#commentlist li span.autore { padding: 5px 10px 5px 0; background: url(img/comment-from.gif) no-repeat 20px 0px; }
#commenti ol#commentlist li span.autore a.count{ color: #999999; margin-right: 45px; font-weight: normal; }
#commenti ol#commentlist li span.autore a.count:hover{ color: #666666; background-color: White; }

/* Stile link per commentatore normale */ 
#commenti ol#commentlist li span.autore a { font-weight: bold; color: #96B236; border-color: #CFE7F7; }
#commenti ol#commentlist li span.autore a:hover { background-color: White; }
.nocomment { padding: 0 0 10px 0; margin: 0; }
#commenti ol#commentlist li span.edit_comment { float: right; margin: -16px 0 0 0; }

/* Modulo inserimento commenti */ 
#commenti .form_commenti form { color: #595750; padding: 0; margin-top: -4px; }
form label { display: block; }

/* стили формы комментариев 2026 */
#commentform {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.input-with-icon {
  position: relative;
  display: flex;
  max-width: 400px;
  width: 100%;
  height: 56px;
  box-shadow: 0 1px 4px 0 rgba(16, 16, 16, 0.2);
  background: #ffffff;
  border-radius: 8px;
}

.input-with-icon .icon {
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 8px 0 0 8px;
  pointer-events: none;
  font-size: 18px;
}
.input-with-icon svg {
  position: absolute;
    left: 3px;
    top: 3px;
    z-index: 2;
}
.input-with-icon:has(textarea) .icon {
  height: inherit;
}
.input-with-icon input, .input-with-icon textarea {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0em;
  padding: 0px 12px 0px 76px;
  width: inherit;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
  color: #bdbdbd;
}
.input-with-icon input:focus::placeholder, .input-with-icon textarea:focus::placeholder {
    color: transparent;
}
.input-with-icon:has(textarea) {
  height: 170px;
}
.input-with-icon textarea {
  padding-top: 16px;
}
.input-with-icon .icon i {
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon-author {
  background-image: url(img/icons-name.svg);
}
.icon-email {
  background-image: url(img/icons-email.svg);
}
.icon-url {
  background-image: url(img/icons-site.svg);
}
.icon-message {
  background-image: url(img/icons-message.svg);
}
#commenti {
  border-radius: 8px;
  padding: 32px;
  box-shadow: 0 0 12px 0 rgba(34, 34, 34, 0.25);
  background: var(--sleare-white);
}
#commentform input[type="submit"] {
    background-color: var(--blue-50);
    color: var(--bg-blue);
    font-size: 16px;
    line-height: 100%;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 51px;
    border-radius: 8px;
    text-decoration: none;
    margin-top: 6px;
    border: 0;
    width: 100%;
}
.cerca_modulo:focus::placeholder {
    color: transparent;
}
.ya-share2 {
  margin-top: 20px;
}
/* link e maggiori info sui commenti */ 
#commenti .form_commenti .more_info { background-color: #FFF0F5; float: right; }
#commenti .form_commenti form br { display: none; }

/* ---[ Sidebar ]------------------- */ 
.wrapper-sidebar {
  max-width: 240px;
  width: 100%;
}
#sidebar { width: inherit; background-color: var(--light-gray); border: 1px solid var(--gray-300); border-radius: 16px; }
#sidebar h2 { font-size: 1.4em; padding-bottom: 2px; color: #3C4848; font-weight: bold; margin-bottom: 4px; }

#sidebar .main_sidebar { width: inherit; background-color: var(--light-gray); border-left: 1px solid; border-right: 1px solid; 
  border-bottom: 1px solid; border-color: var(--gray-300); border-radius: 16px; }
.sidebar-title {
  background-color: var(--bg-blue);
  padding: 17px 24px;
  border-radius: 16px 16px 0 0;
}
.sidebar-title h3 { font-size: 18px; color: var(--txt-white); font-weight: bold;}
.sidebar-list {
  padding: 12px 24px 16px 24px;
}
.main_sidebar a { color: var(--txt-black);  font-size: 14px; line-height: 100%; text-decoration: none; 
  padding: 8px 0px;
  display: inline-block;
}
#sidebar a:hover {color: var(--bg-blue); }
#sidebar .top { background: url(img/sidebar_top.gif) no-repeat top center; height: 5px; }
#sidebar .bottom { background: url(img/sidebar_bottom.gif) no-repeat bottom center; height: 5px;}
#sidebar ul, #sidebar ol, #sidebar li { list-style-type: none; }
#sidebar .block, #sidebar .linkcat { margin-bottom: 15px; }

.right-column, #right-column {
  max-width: 240px;
  min-width: 240px;
  width: 100%;
}
/* ---[ Search ]------------------------------- */ 
.wrapper-search {
  background-color: var(--blue-light);
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 24px;
}
.wrapper-search form {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cerca_modulo { width: 100%; height: 40px; border-radius: 8px; border: 0; background-color: var(--blue-light);}
.cerca_modulo:hover, .cerca_modulo:focus, .cerca_modulo:focus-visible, .cerca_modulo:active { background-color: #ffffff; border: 0; outline: none;}
.cerca_invio { 
  width: 113px; 
  height: 41px; 
  background-color: #ffffff; 
  border-radius: 8px; border: 0; color: var(--bg-blue); 
  cursor: pointer;
}
.search-with-icon {
    position: relative;
    width: 100%;
}
.search-with-icon input {
    padding-left: 35px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    color: var(--bg-blue);
}
.search-with-icon input::placeholder {
    color: var(--bg-blue);
}
.search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bg-blue);
    pointer-events: none;
    font-size: 16px;
    transition: opacity 0.3s ease;
}

.search-icon.hidden {
    opacity: 0;
    visibility: hidden;
}
.wrapper-search:has(input:focus) .cerca_invio {
    background-color: var(--bg-blue);
    color: #ffffff;
}
/* ---[ Widget]------------- */ 
#wp-calendar { width: 180px; }

/* ---[ Footer ]------------------------------- */ 
#footer { padding: 8px 0 8px 0; border-top: 1px solid #EEEEEE; margin: 0px; font-size: 0.9em; color: #999999; margin-top: 15px; }
#footer img { float: left; margin-top: 5px; margin-bottom: -5px; margin-right: 5px; }
#footer img a { border: 0; }
#footer span{ display: block; margin-left: 60px; }
#footer a { color: #333; border-color: #D8F18C; }
#footer a:hover { background-color: White; color: #333; text-decoration: none; }

div.useful-articles {
	color: var(--txt-black);
  padding: 24px 24px 16px 24px;
	background-color: var(--light-gray);
  border: 1px solid var(--gray-300);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

div.useful-articles ul {
	list-style: none;
  padding-top: 12px;
}

div.useful-articles ul li {
	padding: 8px 0;
}
div.useful-articles ul li a {
	color: var(--txt-black);
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
}
div.useful-articles ul li a:hover {
	color: var(--bg-blue);
}

.block h3 { font-size: 18px; color: var(--txt-black); font-weight: bold; }

div.topmenu {
  display: flex; 
  gap: 24px;
  width: 100%; 
  font-size: 16px;
  line-height: 100%;
}
div.bottommenu
{width: 100%; background-color: #F0F3F4; font-size: 14px; color: gray;}

.doplink li {
  margin-bottom: 5px;
  margin-left: 25px;
}

/* YouTube */
.youtube {
  position:relative;
  padding-bottom:56.25%;
  padding-top:0px;
  height:0;
  overflow:hidden;
}
.youtube iframe,
.youtube object,
.youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Cookie begin */ 
  #cookie_note.show { 
   display: flex; 
  } 
 
  #cookie_note { 
   display: none; 
   max-width: 480px; 
   box-sizing: border-box; 
   border-radius: 16px; 
   box-shadow: 0 0 16px 0 rgba(65, 65, 65, 0.15); 
   padding: 24px; 
   flex-direction: column; 
   position: fixed; 
   z-index: 99999; 
   bottom: 20px; 
   right: 20px; 
   background: #fff; 
   align-items: flex-start; 
  } 
 
  #cookie_note .cookie-title { 
   font-size: 1.4em; 
   font-weight: 700; 
  } 
.cookie_accept {
   margin-top: 5px;
   border: none;
   padding: 5px 15px; 
   font-weight: 700;
   cursor:pointer;
}
 
  @media (max-width: 500px) { 
   #cookie_note { 
    right: auto; 
    left: 50%; 
    width: 90%; 
    transform: translateX(-50%); 
   } 
  } 
/* Cookie end */
/* Адаптив */
  @media (max-width: 1279.99px) { 
  .wrapper-box {
      gap: 0 24px;
      padding: 24px;
    }
  #right-column, .post-desktop {
    display: none;
  }
  .post-mobile {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .post-desktop__left, .post-desktop__right {
    max-width: 100%;
  }
  .post-mobile .post-img {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
  }
  .post-mobile .post-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
  @media (max-width: 1210px) { 
  .topmenu {
    flex-wrap: wrap;
  }
}
  @media (max-width: 768px) { 
  .wrapper-sidebar {
    display: none;
  }
  #header {
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
  }
  .header-logo a {
    display: flex;
    margin: 40px 0;
    justify-content: center;
  }
  div.topmenu {
    justify-content: center;
    padding: 0;
    margin-bottom: 24px;
    gap: 12px 24px;
  }
  .post-mobile img {
    width: 100%;
  }
}