/** CONTENUTO E SIDEBAR **/
.archive #main,
.single #main { width: calc( 100% - 260px ); max-width: 700px; float: left; margin: 0; }
#sidebar-right { float: right; width: 210px; box-sizing: border-box; padding: 0; text-align: left; }
#sidebar-right .widget { border:1px solid #EEE; margin-bottom:20px; overflow:hidden; padding:10px; }
#sidebar-right .widget ul { padding-left:20px; }
#sidebar-right .widget .widget-title { font-size:18px; margin-top:0; }
@media screen and (max-width: 767px) {
    .archive #main, .single #main { width: 100%; }
    #sidebar-right { display: none; visibility: hidden; float: none; width: auto; margin: 0 auto; }
}

/* BOX LISTING ARTICOLI */
.archive #main-column .post { margin: 0 0 40px; }
.archive .post td.thumb { text-align:left; vertical-align:top; width: 320px; }
.archive .post td.thumb .thumb_container {
    display: block; width: 100%; height: 200px; border-radius: 3px; background: #FF5F00; position: relative;
}
.archive .post td.thumb .thumb_image {
    display: block; width: 100%; height: 100%; border-radius: 3px; transition: all 0.1s linear; object-fit: cover;
}
.archive .post td.thumb .categorie_container { position: absolute; left: 10px; bottom: 10px; z-index: 1; }
.archive .post td.thumb .categorie_container span {
    display: block; background: #FF5F00; float: left; box-sizing: border-box; padding: 3px 5px 4px;
    border-radius: 3px; font-weight: 700; font-size: 12px; line-height: 15px; color: #FFF; margin: 0 0 0 5px;
}
.archive .post td.thumb .categorie_container span:first-child { margin: 0; }
.archive .post td.contenuto {
    box-sizing: border-box; padding: 0 0 0 30px; text-align:left; vertical-align:top;
}
.archive .post td.contenuto .excerpt { display: block; cursor: pointer; }
.archive .post td.contenuto .excerpt p {
    margin: 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 22px; color: #868E96;
}
.archive #main-column .post .entry-title {
    display: block; font-weight: 600; font-size: 24px; line-height: 30px;
    color: #343A40; margin: 0 0 10px; padding: 0;
}
.archive #main-column .post .entry-title a {
    color:#343A40; text-decoration:none; border-bottom:none; transition: all 0.2s linear;
}
.archive #main-column .post .entry-title a:hover,
.archive #main-column .post .entry-title a:active,
.archive #main-column .post .entry-title a:focus { color:#FF4000; }
@media screen and (max-width: 960px) {
    .archive .post td.thumb { width: 200px; }
}
@media screen and (max-width: 767px) {
    .archive .post td.thumb, .archive .post td.contenuto { display: block; width: 100%; padding: 0; }
    .archive .post td.thumb .thumb_container { margin: 0 0 10px; }
    .archive #main-column .post .entry-title { font-size: 20px; line-height: 26px; }
    .archive .post td.contenuto .excerpt p { font-size: 14px; line-height: 20px; }
}

/* PAGINATORE */
.archive .pagination > li > a {
    display:inline-block; color:#333; border: 1px solid #DEDEDE; transition: all 0.3s ease;
    border-radius: 5px; font-size:16px; font-weight:700; line-height: 34px; padding: 0;
    box-sizing:border-box; width:35px; height:35px; margin:0 5px; text-decoration: none;
}
.archive .pagination > li > a:hover, .archive .pagination > li > a:active,
.archive .pagination > li > a:focus, .archive .pagination > .active > a,
.archive .pagination > .active > a:focus, .archive .pagination > .active > a:hover {
    color: #FF5F00; text-decoration: none; background-color: #FFF;
}
.archive .pagination > li > span, .archive .pagination > .active > span,
.archive .pagination > .active > span:focus, .archive .pagination > .active > span:hover {
    display:inline-block; color:#FF5F00; border: 1px solid #FF5F00; padding: 0;
    border-radius: 5px; font-size:16px; font-weight:700; line-height: 34px;
    box-sizing:border-box; width:35px; height:35px; margin:0 5px; background-color: #FFF;
}
.archive .pagination > li > span.dots { color: #333; border: none; width: auto; }
.archive .pagination > li > a.prev, .archive .pagination > li > a.next { border: none; }
.archive .pagination > li > a svg { margin: 0 0 -4px; }
.archive .pagination > li > a path { transition: all 0.3s ease; }
.archive .pagination > li > a:hover path, .archive .pagination > li > a:active path,
.archive .pagination > li > a:focus path { stroke: #FF4000; }
@media screen and (max-width: 767px) {
    .archive .pagination > li > a,
    .archive .pagination > li > span, .archive .pagination > .active > span,
    .archive .pagination > .active > span:focus, .archive .pagination > .active > span:hover {
        line-height: 30px; width:32px; height:32px; margin:0 3px;
    }
}

/* METADATI ARTICOLO */
.single .categorie_container { margin: 10px 0 0; }
.single .categorie_container a {
    display: block; background: #FF5F00; float: left; box-sizing: border-box; padding: 3px 5px 4px;
    border-radius: 3px; font-weight: 700; font-size: 12px; line-height: 15px; color: #FFF;
    margin: 0 0 0 5px; text-decoration: none; transition: all 0.3s ease;
}
.single .categorie_container a:hover { background: #FF4000; }
.single .categorie_container a:first-child { margin: 0; }
.single .metadati_container {
    margin: 25px 0 0; text-align: left; font-size: 16px; line-height: 24px; font-weight: 400; color: #333;
}
.single .metadati_container strong { font-weight: 700; color: #333; }
.single .metadati_container > span { display: block; margin: 0 0 4px; }
.single .metadati_container > span:last-child { margin: 0; }
.single .metadati_container svg { margin: 0 5px -4px 0; }
@media screen and (max-width: 767px) {
    .single .metadati_container { font-size: 14px; line-height: 22px; }
}

/* IMMAGINE PRINCIPALE */
.single .thumb_image {
    display: block; width: 100%; height: 0; margin:0 0 40px; border-radius: 3px;
    padding-bottom: 61%; position: relative; line-height: 0;
}
.single .thumb_image > img {
    width: 100%; height: 100%; object-fit: cover; border-radius: 3px;
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;
}
@media screen and (max-width: 650px) {
    .single .thumb_image { width: auto; margin: 0 -20px 40px; border-radius: 0; padding-bottom: 69%; }
    .single .thumb_image > img { border-radius: 0; }
}

/* FORMATTAZIONE TESTO */
h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading { color: #343A40; font-weight: 700; margin: 20px 0 10px; }
h2.wp-block-heading { font-size: 31px; line-height: 39px; }
h3.wp-block-heading { font-size: 20px; line-height: 26px; }
h4.wp-block-heading { font-size: 16px; line-height: 22px; }
ul.wp-block-list { margin: 0 0 10px; list-style: none; padding: 0; }
ul.wp-block-list li {
    background-repeat:no-repeat; background-position:0 7px; background-size:8px auto;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjRkY1RjAwIi8+PC9zdmc+");
    box-sizing: border-box; padding: 0 0 6px 16px;
}
ul.wp-block-list li:last-child { padding: 0 0 0 16px; }
.wp-block-image { margin: 40px 0; }
.wp-block-image img { border-radius: 3px; }
.wp-block-image .wp-element-caption {
    font-size: 14px; line-height: 20px; color: #868E96; font-style: italic; margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
    h2.wp-block-heading { font-size: 24px; line-height: 30px; }
    h3.wp-block-heading { font-size: 16px; line-height: 22px; }
    h4.wp-block-heading { font-size: 14px; line-height: 20px; }
}

/* TAG */
#sezione_tags { margin: 60px 0 0; }
#sezione_tags h3 {
    display: block; font-size: 30px; line-height: 37px; color: #343A40;
    padding: 0 0 6px; margin: 0 0 20px; font-weight: 700; background-repeat:no-repeat; background-size: 40px auto;
    background-position: left bottom; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDQwIDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQiIGZpbGw9IiNGRjVGMDAiLz48L3N2Zz4=");
}
#sezione_tags .tags_container a {
    display: block; background: #F4F4F4; float: left; box-sizing: border-box; padding: 3px 5px;
    border-radius: 3px; font-weight: 700; font-size: 12px; line-height: 15px; color: #343A40;
    margin: 0 0 0 5px; text-decoration: none; transition: all 0.3s ease;
}
#sezione_tags .tags_container a:hover { background: #343A40; color: #FFF; }
#sezione_tags .tags_container a:first-child { margin: 0; }
@media screen and (max-width: 767px) {
    #sezione_tags h3 {
        font-size: 24px; line-height: 28px; padding: 0 0 5px; background-size: 35px;
    }
}

/* ARTICOLI CORRELATI */
#sezione_articoli_correlati { margin: 60px 0 0; }
#sezione_articoli_correlati h3 {
    display: block; font-size: 30px; line-height: 37px; color: #343A40;
    padding: 0 0 6px; margin: 0 0 20px; font-weight: 700; background-repeat:no-repeat; background-size: 40px auto;
    background-position: left bottom; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDQwIDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQiIGZpbGw9IiNGRjVGMDAiLz48L3N2Zz4=");
}
#sezione_articoli_correlati .articolo_correlato { width: 31%; float: left; margin: 0 0 0 3.5%; }
#sezione_articoli_correlati .articolo_correlato:first-child { margin: 0; }
#sezione_articoli_correlati .articolo_correlato .miniatura_container {
    display: block; width: 100%; height: 0; box-sizing: border-box; border-radius: 3px; background: #FF5500;
    position: relative; margin: 0 0 10px; padding-bottom: 62%;
}
#sezione_articoli_correlati .articolo_correlato .miniatura {
    display: block; width: 100%; height: 100%; border-radius: 3px; transition: all 0.1s linear; object-fit: cover;
    position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
}
#sezione_articoli_correlati .articolo_correlato .titolo {
    display: block; font-weight: 600; font-size: 20px; line-height: 25px; color: #343A40; margin: 0; padding: 0;
}
#sezione_articoli_correlati .articolo_correlato .titolo a { color: #343A40; text-decoration: none; transition: all 0.2s linear; }
#sezione_articoli_correlati .articolo_correlato .titolo a:hover,
#sezione_articoli_correlati .articolo_correlato .titolo a:active,
#sezione_articoli_correlati .articolo_correlato .titolo a:focus { color: #FF4000; }
#sezione_articoli_correlati .articolo_correlato .titolo a span {
    display: block; font-size: 14px; line-height: 20px; font-weight: 700; color: #FF5F00;
    margin: 10px 0 0; text-decoration: underline;
}
#sezione_articoli_correlati .articolo_correlato .titolo a:hover span,
#sezione_articoli_correlati .articolo_correlato .titolo a:active span,
#sezione_articoli_correlati .articolo_correlato .titolo a:focus span { color: #FF4000; }
#sezione_articoli_correlati .articolo_correlato .categorie_container { position: absolute; left: 10px; bottom: 10px; z-index: 1; }
#sezione_articoli_correlati .articolo_correlato .categorie_container span {
    display: block; background: #F4F4F4; float: left; box-sizing: border-box; padding: 3px 5px 4px;
    border-radius: 3px; font-weight: 700; font-size: 12px; line-height: 15px; color: #343A40; margin: 5px 5px 0 0;
}
@media screen and (max-width: 767px) {
    #sezione_articoli_correlati h3 {
        font-size: 24px; line-height: 28px; padding: 0 0 5px; background-size: 35px;
    }
}
@media screen and (max-width: 500px) {
    #sezione_articoli_correlati .articolo_correlato { width: 100%; float: none; margin: 40px 0 0; }
    #sezione_articoli_correlati .articolo_correlato:first-child { margin: 0; }
}

/* BLOCCO OFFERTE */

/* BLOCCO HOTEL */