.at_text{
    font-family: 'Lora', serif;
    font-weight: 400;
    font-style: normal;
    /* font-size: 1.2rem; */
}
.at_title_big{
    font-size: 2.5rem;
}
.at_title{
    font-family: 'Lora', serif;
    font-weight: bold;
    font-style: normal;
}

.at_title_apertura {
    font-size: 3rem;
}

.at_title.big{
    font-size: 2rem;
}
.at_title.bigger{
    font-size: 3rem;
    line-height: 3rem;
}

.firma{
    font-style: italic;
    color: var(--main);
    font-family: 'Lora', serif;
}

@media (max-width: 1024px) {
    .at_title_apertura {
        font-size: 2.5rem;
    }
    .at_title.big{
        font-size: 1.5rem;
    }
    .at_title.bigger{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}

@media (max-width: 768px) {
    .at_title_apertura {
        font-size: 2rem;
    }
}


.at_title.italic{
    font-style: italic;
}

.logo-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.qc-cmp-button {

    background-color: var(--main) !important;

    border-color: var(--main) !important;

}

.qc-cmp-button:hover {

    background-color: transparent !important;

    border-color: var(--main) !important;

}

.qc-cmp-alt-action,

.qc-cmp-link {

    color: var(--main) !important;

}

.qc-cmp-button.qc-cmp-secondary-button:hover {

    border-color: transparent !important;

    background-color: var(--main) !important;

}

.qc-cmp-button {

    color: #ffffff !important;

}

.qc-cmp-button.qc-cmp-secondary-button {

    color: #161616 !important;

}

.qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover {

    color: #ffffff !important;

}

.qc-cmp-button.qc-cmp-secondary-button {

    border-color: #d1d1d1 !important;

    background-color: #d1d1d1 !important;

}

.qc-cmp-ui,

.qc-cmp-ui .qc-cmp-main-messaging,

.qc-cmp-ui .qc-cmp-messaging,

.qc-cmp-ui .qc-cmp-beta-messaging,

.qc-cmp-ui .qc-cmp-title,

.qc-cmp-ui .qc-cmp-sub-title,

.qc-cmp-ui .qc-cmp-purpose-info,

.qc-cmp-ui .qc-cmp-table,

.qc-cmp-ui .qc-cmp-table-header,

.qc-cmp-ui .qc-cmp-vendor-list,

.qc-cmp-ui .qc-cmp-vendor-list-title {

    color: #ffffff !important;

}

.qc-cmp-ui a,

.qc-cmp-ui .qc-cmp-alt-action,

.qc-cmp-toggle-status {

    color: var(--main) !important;

}

.qc-cmp-ui {

    background-color: #161616 !important;

}

.qc-cmp-publisher-purposes-table .qc-cmp-table-header {

    background-color: #161616 !important;

}

.qc-cmp-publisher-purposes-table .qc-cmp-table-row {

    background-color: #161616 !important;

}

.qc-cmp-vendor-list .qc-cmp-vendor-row {

    background-color: #161616 !important;

}

.qc-cmp-vendor-list .qc-cmp-vendor-row-header {

    background-color: #161616 !important;

}

.qc-cmp-small-toggle.qc-cmp-toggle-on,

.qc-cmp-toggle.qc-cmp-toggle-on {

    background-color: #95dcff !important;

    border-color: #95dcff !important;

}



/* custom */

a {

    color: var(--main);

    transition: all .25s;

}

.article_galleria_wrapper.onlymobile {
    display: none;
}
.article_galleria_wrapper.nomobile{
    display: block;
}

.featured-posts-section .small-post .content-wrap .title a {
    font-size: 1rem;
}
.shareblock-upper{
    /* display: block; */
}


.skin-container.active .whole-container {

    width: 1200px;

    margin: auto;

    padding-top: 20px;

    background: #fff;

    border: 1px solid #ccc;

}



.skin-container.active .site-header .header-wrapper {

    margin-top: 0;

}



.skin-container.active {

    padding-top: 200px;

    background: #efefef;

    background-position: top;

    background-attachment: fixed;

    background-repeat: no-repeat;

}

.dark-bg{
    background-color: #1c1c1c;
}

.logo-container{
    text-align: center;
    padding: 10px;
    background-color: #1c1c1c;
}
@media (max-width: 768px) {
    .logo-container img {
        max-width: 70%;
        height: auto;
    }
}



.home-banner-strip {

    margin-top: 20px;

}

.banner-item {
    text-align: center;
    /* margin-bottom: 15px; */
}

.column-post-section .small-post .content-wrap.content-unwrapped {

    margin-left: 0;

}



.fixed-nav-wrap.show .site-navbar-wrap {

    box-shadow: 0 0 8px rgba(0, 0, 0, .4);

}

.light-bg {
    background-color: #f4f5f6;
    padding: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
}

.light-bg-gray{
    background-color: #f4f5f6;
}

.btn-orange-inv {
    background-color: rgba(255, 255, 255, .5);
    border: 1px solid #f67e00;
    color: #f67e00;
    text-transform: uppercase;
}

.btn-orange-inv:hover {
    background-color: #f67e00;
    color: #fff;
}


a.btn-link {

    display: inline;

    border: #fff;

    padding: 5px 14px;

}



a.btn-link2 {

    padding: 10px 15px;

    background: #fff;

    color: #4c4c4c;

    border: 1px solid;

    display: inline-block;

}

.maintitle_gallery_toggler {

    color: inherit;

    display: inline-flex;

    border: 1px solid #ccc;

    padding: 4px 20px;

    margin: 10px 0;

}

.maintitle_gallery_toggler:hover {

    background-color: #ccc;

    color: #fff;

}

.maintitle_gallery_toggler i {

    margin-right: 5px;

}



.breakingnews-wrapper {

    background-color: #dc0000;

    padding: 20px 0;

    color: #FFF;

    -webkit-transition: all .12s ease-out;

    -moz-transition: all .12s ease-out;

    -ms-transition: all .12s ease-out;

    -o-transition: all .12s ease-out;

    transition: all .12s ease-out;

}

.breakingnews-wrapper:hover {



    background-color: #ad0000;

}

.breakingnews-wrapper .date {

    font-size: 80%
}

.breakingnews-wrapper .titolo {

    font-weight: bold;

    text-transform: uppercase;

    font-size: 140%;

}









#search-form .input-group {

    position: relative;

}

#search-form .input-group.loading::after {



    content: "";

    width: 100%;

    height: 10px;

    background-color: #aeaeae29;

    position: absolute;

    bottom: -10px;

    left: 0;

    animation-duration: 1s;

    animation-name: slidein;

    animation-iteration-count: infinite;



}

@keyframes slidein {

    0% {

        width: 0%;

        opacity: 0;

    }



    50% {

        width: 100%;

        opacity: 1;

    }

    100% {



        opacity: 0;

    }



}




.featured-posts-section .large-post .featured-image-wrap .overlayVideo {

    position: absolute;

    bottom: 0;

    width: 100%;

    background: rgba(22, 22, 22, 1);

    padding: 20px 30px;

    transition: background .25s ease;

    z-index: 10;

    height: 100%;

}

.overlayVideo iframe {

    width: 100%;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

}



/* BANNERS */

.banner_scroller ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.banner_scroller ul li,
.article_correlati_wrapper,
.article_galleria_wrapper {

    display: none;

}

.banner_scroller ul li.active {

    display: block;

}

#correlati-apertura-container .post-wrap-container .title {
    margin-bottom: 0;
    padding: 8px 0;
}

#correlati-apertura-container .post-wrap-container a {
    font-size: .8rem;
    color: #333;
}

#correlati-apertura-container .post-wrap-container a:hover {
    color: #888;
}

/* #correlati-apertura-container{ display:none;} */

.skin-container.active.minified {

    background-size: 200% auto;

}



.featured-image {

    background-color: #efefef;

}





.single-post-wrap .primary-tag {

    border: 1px solid #171717;

    display: table;

    padding: 2px 22px;

    margin-bottom: 10px;

}



.single-post-wrap .primary-tag a {

    color: #171717;

}



.single-post-wrap .primary-tag:hover {

    background-color: #171717;

}



.single-post-wrap .primary-tag:hover a {

    color: #fff;

}



.primary-title h1 {

    font-size: 2rem;

}

.single-post-wrap .post-head.has-image.no-covered:before,

.single-post-wrap .post-head.has-image.no-covered:hover:before {

    content: none;

    background: none;

}

.post-meta {

    margin-bottom: 20px;

}

.post-content a {

    font-weight: 900;

    color: #171717;

}

.post-content a:hover {

    color: var(--main);

}





.post-content .article_img_container {

    float: left;

    position: relative;

    top: 0;

    margin: 0 25px 25px 0;

    padding: 0;

    text-align: left;

}


.home-menu {
    display: flex;
    height: 22px;
    width: 100%;
    justify-content: center;
    align-items: center;
}




.correlati .small-post .content-wrap .date {

    font-family: Lato, sans-serif;
    font-size: .65rem;
    display: block;
    background-color: #eee;
    padding: 0 4px;
    color: #000;

}

.utility-title {
    font-size: 1.2rem;
}

.correlati .small-post .content-wrap .title a {

    color: #161616;

    font-family: Lato, sans-serif;

}

.correlati .small-post .content-wrap .title a:hover {

    color: #888;

}

.correlati .small-post .content-wrap .title {

    margin-bottom: 0;
    margin-top: 5px;
}



.correlati .small-post .content-wrap {

    margin-left: 8px;

}



.correlati .small-post .featured-image-wrap,

.photogallery .featured-image-wrap {

    float: left;

    overflow: hidden;

}



.photogallery .featured-image-wrap {

    margin: 0 15px 15px 0;

}



.correlati .small-post .featured-image-wrap .featured-image,

.photogallery .featured-image-wrap .featured-image {

    width: 104px;

    height: 77px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition: all .25s ease-in-out;

    background-color: #efefef73;

}

.correlati .featured-image-wrap:hover .featured-image,

.photogallery .featured-image-wrap:hover .featured-image {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1);

}

.correlati .small-post {

    margin-bottom: 20px;

}

.post-content h2 {

    margin-top: 20px;

}


.post-head.d-flex.has-image.no-covered img {

    width: 100%;

    height: auto;

}

.site-footer .widget .social-links li a.app-icons svg {

    width: 40px;

    height: 40px;

}

.single-post-wrap {

    margin-bottom: 50px;

}

#btnToggleFavourite {
    font-size: 1rem;
    font-family: Lato, sans-serif;
}

#btnToggleFavourite svg {
    height: 20px;
    width: 20px;
    margin-bottom: 5px;
}

.btn-favourite {
    background-color: var(--main-light);
    color: #fff !important;
}

.btn-favourite:hover {
    background-color: var(--main);
}


.overlayVideo {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    z-index: 100;

}

.overlayVideoRepeat {

    position: absolute;

    z-index: 80;

    color: #fff;

    background-color: rgba(0, 0, 0, .5);

    padding: 10px;

    bottom: 0;

    width: 100%;

    text-align: center;

    display: none;

    transition: all .15s ease-in-out;

}

.overlayVideoRepeat:hover {

    background-color: rgba(0, 0, 0, .9);

    cursor: pointer;

}

.post-group-title.macro-title {

    font-size: 2rem;

    height: 3rem;

}

.post-group-title.macro-title span {

    height: 3rem;

}











.controls-item {

    display: table;

    background: #161616;

    padding: 5px 10px;

    float: left;

    color: #FFF;

    transition: all .15s ease-in-out;

}



.controls-item:hover {

    opacity: .7;

}

.controls-container {

    background: #efefef;
    display: flex;
    justify-content: space-around;

}

.controls-item.arrow-left::before {

    content: "<<";

}

.controls-item.controls-right {

    float: right;

}

.controls-item.arrow-right::after {

    content: ">>";

}

div#btn-back.disabled,

div#btn-next.disabled {

    opacity: .2;

    cursor: not-allowed;

}

.page-label {

    background: none;
    display: flex;
    flex-grow: 1;
    color: #161616;
    justify-content: center;
    text-transform: uppercase;

}

.page-label:hover {

    opacity: 1;

}





.banner-item[data-bannertype="hometop"] img {

    height: 90px;



}



.banner-item[data-bannertype="square"] img {

    /* height:250px; */

    max-width: 250px;

}

.banner-item[data-bannertype="tower"] img {

    max-width: 300px;

    min-height: 250px;

}



.site-footer li.current-menu-item a {

    color: #fff;

}

.latest-post-section.post-group.macro-apertura .large-post h2 {

    font-size: 1.5rem;

}

.post-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-top: 1px solid #f1f1f0;
    border-bottom: 1px solid #f1f1f0;
    font-size: .9rem;
}

.post-meta .post-tag {

    display: inline-block;

    /* border: 1px solid #161616; */

    padding: 5px 10px;

    font-size: 100%;

}



.post-meta a .post-tag {

    background: #fff;

    color: #161616;

    transition: all .25s;

}

.post-meta a .post-tag:hover {

    /* background: #161616; */

    color: var(--main);

}

.post-meta a.reverse .post-tag {

    /* background: var(--main); */

    /* COLOR: #fff; */

    /* border-color:var(--main); */

    border-left: 2px solid var(--main);

}







.single-post-wrap .post-head.minimum-bottommargin {

    margin-bottom: 10px;

}



.article_img_container:empty {

    display: none;

}

.reverse.pull-right {

    float: right;

}

#banner-column {
    background-color: #f4f5f6;
    text-align: center;
    position: relative;
    padding-top: 20px;

}

#banner-wrapper {

    /*position:absolute;*/

    width: 100%;

    top: 0;
    left: 0;

}

.post-meta a.pull-right .post-tag {

    color: #FFF;

    background: var(--main);

}

.post-meta a.pull-right .post-tag:hover {

    color: var(--main);

    background: #fff;

    border-color: #FFF;

}

.big-image-container {

    position: relative;

}

.big-image-container img {
    width: 100%;
    height: auto;
}

div#skin.active:hover {

    cursor: pointer;

}

div#skin.active:hover div.whole-container {

    cursor: auto;

}



#madeincanavese_list .small-post .content-wrap .date,
#sport_list .small-post .content-wrap .date {
    background-color: #ddd;
}

#sport {
    background-color: #f4f5f6;
}

#madeincanavese {
    background-color: #ececec;
}

#animali {
    background-color: #dfdfdf;
}


#eventi-col {
    background-color: rgba(246, 126, 0, .09);
}

#eventi-col .column-post-section .small-post .content-wrap .date {
    background-color: rgba(246, 126, 0, .15);
}


.marginTopSpace {

    margin-top: 50px;

}



.module {

    text-align: center;

    border: 1px solid #ccc;

    box-sizing: border-box;

    /* padding: 20px; */

}



.module h2 {

    text-transform: uppercase;

    color: #fff;

    margin: 0;

}



.module-title {

    background: #161616;

    padding: 10px;

}



.module-content {

    padding: 20px;

}



.module-btn {

    margin-top: 20px;

    border: 1px solid #161616;

    padding: 15px;

    background: #161616;

    color: #fff;

    -moz-transition: all .25s;

    -webkit-transition: all .25s;

    transition: all .25s;

}

.module-btn.inverse {

    background: #fff;

    color: #161616;

    border-color: #ccc;

    /* margin-top: 15px; */

}



#frmLogin input {

    margin-top: 20px;

    margin-bottom: 0;

}

.module-btn:hover {



    color: #161616;

    background: #FFF;

}



button.btn-black {

    border: 1px solid #161616;

    box-shadow: none;

    border-radius: 0;

    padding: 0 1rem;

    margin-bottom: 1rem;

    font-size: .875rem;

    font-family: Lato, sans-serif;

    line-height: 48px;

    height: 48px;

    width: 100%;

    margin: 20px 0 0 0;

    background: #161616;

    color: #FFF;

    -moz-transition: all .25s;

    -webkit-transition: all .25s;

    transition: all .25s;

}

input[type=email].error,

input[type=password].error {
    border-color: #C20000;
}



input[type=email].ok,

input[type=password].ok {
    border-color: #00C23C;
}



button.btn-black:hover {

    background: #FFF;

    color: #161616;

    cursor: pointer;

}

button.btn-black.error {

    background: #C20000;
    border-color: #C20000;

}



.col-lg-3.profile-menu-col {

    margin-bottom: 20px;

}

.profile-menu-col button {

    margin-bottom: 15px;

    width: 100%;

}

.profile-menu-col button:hover {

    cursor: pointer;

}

p#frmErrorMessages {

    color: #dc0000;

    margin: 20px 0;

    transition: all .25s;

}

p#frmConfirmMessages {

    color: #059D05;

    margin: 20px 0;

    transform: all .25s;

}

.correlati_list .small-post {

    clear: left;

    overflow: hidden;

}



.modal-request-user-registration,

.modal-cont {



    height: 100vh;

}

.modal-cont {

    position: relative;

    margin: auto;

    width: 60%;

}

#modal-request-user-registration.visible {

    opacity: 1;

}

.modal-request-user-registration {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 500;

    background-color: rgba(0, 0, 0, 0.83);

    -moz-transition: all .25s;

    -webkit-transition: all .25s;

    transition: all .25s;

    opacity: 0;
    visibility: hidden;

}

.modal-btns-container {

    background-color: #FFF;

    position: absolute;

    top: 50%;
    transform: translateY(-50%);
    width: 100%;

    padding: 25px;
    text-align: center;

    box-shadow: 0 0 15px #000;

}



.module.module-r {

    text-align: left;

    max-width: 60%;

    margin: auto;

}



.correlati_row_item h2.title, .title-flex {

    display: flex;

}

.correlati_minipic {

    float: left;

    width: 35px;

    height: 30px;

    background-size: cover;

    margin: 0 10px 0 0;

    border-radius: 2px;

}



span.special-iconed-title img {

    width: 24px;
    height: 24px;

    position: absolute;
    top: 3px;

    left: 14px;

}

span.special-iconed-title {

    padding-left: 30px;

}

.banner_adsense_centre {

    text-align: center;

}

.skin-mobile-banner {

    display: none;

}

.whatsapp_btn_container {

    display: none !important;

}

.banner_adsense_format1 ins {

    width: 728px;
    height: 90px;

}

input[type="file"] {

    margin-bottom: 1rem;

    width: auto;

    line-height: 40px;

}



.avatar_container {

    margin: 0 0 25px 0;

}



.avatar {

    width: 150px;

    height: 150px;

    background-color: #efefef75;

    border-radius: 100px;

    margin: 10px 0;

    position: relative;

    background-size: cover;

}



.avatar.no-pic::before {
    content: "Nessuna immagine caricata";
    position: absolute;
    text-align: center;
    font-size: 70%;
    width: 60%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
}



ul.list-avatars {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: baseline;

    align-content: flex-start;

    list-style: none;

    padding: 0;

    margin: 20px 0;

}



ul.list-avatars li {

    width: 50px;

    height: 50px;

    background-size: 90% 90%;

    background-position: center;

    background-repeat: no-repeat;

    border: 1px solid #CCC;

    border-radius: 50px;

    margin: 0 10px 10px 0;

    transition: 0.1s linear;

}

ul.list-avatars li:hover {

    cursor: pointer;

    background-size: 100% 100%;

    background-color: #368bd6;

}

ul.list-avatars li.chosen {

    background-size: 100% 100%;

    background-color: #368bd6;

    border-color: #368bd6;

}



#abs_message {

    opacity: 0;

}

div#abs_message {

    position: fixed;

    bottom: 10px;

    right: 10px;

    z-index: 3000000000;

    width: 30%;

    background: var(--main);

    border: 2px solid #73c0e8;

    border-radius: 5px;

    box-shadow: 2px 2px 5px #0000005c;

    text-align: center;

    font-size: 0.9rem;

    color: #FFF;

    padding: 12px 20px;

    -webkit-transition: all .2s ease;

    -moz-transition: all .2s ease;

    -ms-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all 0.6s ease;

}

div#abs_message.visible {

    opacity: 1;

}

#acr_list .title {
    min-height: 55px;
    padding: 4px;
    background-color: #f4f5f6;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#acr_list .date {
    font-weight: bold;
}

#spazio_lavoro {
    background-color: rgba(51, 152, 204, .1);
}


/* SITE HEADER */

nav.site-navbar-wrap {

    /* background: #f4f5f6; */

}

.site-header .navbar-inner {

    /* background: #f4f5f6; */
    border-bottom: 2px solid var(--main);

}


.site-header .navbar-inner .main-menu li a {
    font-size: 0.9rem;
}

.site-header .navbar-inner .main-menu li:last-child a {
    color: var(--secondary);
}

.site-header .navbar-inner .main-menu li:last-child a:hover {
    color: #012535;
}

.site-header .header-wrapper {
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative;
}

.site-header .text-logo {
    font-family: "PT Serif", serif;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 700;
    color: #161616;
    text-transform: uppercase;
}

.site-header .text-logo:hover {
    color: #161616
}

.site-header .image-logo img {
    max-width: 100%
}

.site-header .site-description {
    font-size: 1.125rem
}

.site-header .navbar-inner {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 56px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.site-header .navbar-inner .menu-button,
.site-header .navbar-inner .search-button {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 4px;

}

.site-header .navbar-inner .menu-button svg,
.site-header .navbar-inner .search-button svg {
    color: #eaeaea;
    cursor: pointer;
    transition: all .25s
}

.site-header .navbar-inner .menu-button svg:hover,
.site-header .navbar-inner .search-button svg:hover {
    color: #eaeaea;
}

.site-header .navbar-inner .main-menu {
    font-weight: 700;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.site-header .navbar-inner .main-menu li {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    text-transform: uppercase;
    border-right: 1px solid #999;
}

.site-header .navbar-inner .main-menu li:first-child,
.site-header .navbar-inner .main-menu li:last-child {
    border-right: none;
}

.site-header .navbar-inner .main-menu li a {
    /* color: #161616; */
}

.site-header .navbar-inner .main-menu li a:hover {
    color: #eaeaea;
}

.site-header .navbar-inner .main-menu li.current-menu-item a {
    color: #fff;
}

.site-header .navbar-inner .main-menu li.current-menu-item {

    background-color: var(--main);
}

.site-header .fixed-nav-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 180;
    background-color: #fff;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.site-header .fixed-nav-wrap.show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.site-header .fixed-nav-wrap .site-navbar-wrap {
    border-top: 0px solid #161616;
    border-bottom: 4px solid var(--main);
}

.site-header .fixed-nav-wrap .site-navbar-wrap .navbar-inner {
    border: none;
    height: 48px;
    border-width: 1px;
}

.mobile-menu {
    background: #fff;
    position: fixed;
    top: 0;
    left: -260px;
    width: 260px;
    height: 100%;
    overflow-y: auto;
    z-index: 1060;
    transition: left .3s
}

.mobile-menu ul {
    list-style: none;
    padding: 0;
    margin-top: 8px;
}

.mobile-menu ul>li {
    line-height: 2.5rem;
    font-weight: 600;
    position: relative
}

.mobile-menu ul>li a {
    padding-left: 20px;
    display: block;
    color: #161616;
    transition: all .2s
}

.mobile-menu ul>li a:focus,
.mobile-menu ul>li a:hover {
    color: #3396cc;
}

.mobile-menu ul>li.current-menu-item a {
    color: #565656;
    color: var(--main);
    border-bottom: 2px solid var(--main);
}

.backdrop {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1050;
    background: rgba(0, 0, 0, .9);
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.backdrop .menu-close {
    position: absolute;
    left: 0;
    top: 20px;
    width: 24px;
    line-height: 24px;
    transition: all .3s;
    color: #fff;
    cursor: pointer;
}

.mobile-menu-opened .mobile-menu {
    left: 0
}

.mobile-menu-opened .backdrop {
    opacity: 1;
    visibility: visible
}

.mobile-menu-opened .backdrop .menu-close {
    left: 275px
}

.mobile-menu-opened .backdrop .menu-close svg {
    height: 20px;
    width: 20px
}

.post-item {
    margin-bottom: 32px
}

.post-item .featured-image-wrap {
    overflow: hidden
}

.post-item .featured-image-wrap .featured-image {
    height: 344px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.post-item .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.post-item .content-wrap .primary-tag {
    margin-bottom: 8px
}

.post-item .content-wrap .primary-tag a {
    text-transform: uppercase;
    font-size: .875rem;
    color: #565656
}

.post-item .content-wrap .title {
    margin-bottom: 8px
}

.post-item .content-wrap .title a {
    color: #161616
}

.post-item .content-wrap .title a:hover {
    color: #565656
}

.post-item .content-wrap .date {
    font-size: .875rem;
    margin-bottom: 8px
}

.post-item .content-wrap .excerpt {
    margin-top: 8px;
    font-family: "PT Serif", serif;
    font-size: 1.125rem;
    line-height: 1.7
}

.pagination-wrap {
    margin-top: 18px
}

.pagination-wrap a {
    color: #161616;
    font-weight: 600
}

.pagination-wrap a svg {
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-top: -2px
}

.pagination-wrap a.newer-posts svg {
    margin-right: 4px
}

.pagination-wrap a.older-posts svg {
    margin-left: 4px
}

.pagination-wrap a:hover {
    color: #275beb
}

.pagination-wrap .page-number {
    margin: 14px 16px
}

.main-content-area {

    overflow: hidden;
}

.featured-posts-section {
    background-color: #f4f5f6;
    padding: 15px 0;
}

.featured-posts-section.breaking-new {
    background-color: #c60909;
    padding: 15px 0;
    position: relative;
    color: #FFF;
}
.featured-posts-section.breaking-new h1{
    color: #FFF;
}
.featured-posts-section.breaking-new::before {
    content: 'BREAKING NEWS';
    color: #fff;
    display: block;
    background-color: var(--main);
    width: 200px;
    /* position: absolute; */
    z-index: 20;
    top: 35px;
    left: 20px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.featured-posts-section.breaking-new  .large-post .featured-image-wrap {
    overflow: inherit;
}
.featured-posts-section.breaking-new time {
    border: 1px solid #FFF;
    color: #FFF;
    padding: 5px 20px;
    height: inherit;
}

.featured-posts-section.special-new {
    background-color: #1c1c1c;
    padding: 15px 0;
    position: relative;
}

.featured-posts-section.special-new::before {
    content: 'PRIMO PIANO';
    color: #fff;
    display: block;
    background-color: var(--main);
    width: 200px;
    position: absolute;
    z-index: 20;
    top: 35px;
    left: 20px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.featured-posts-section.live {
    background-color: var(--main);
    padding: 15px 0;
    position: relative;
}

.featured-posts-section.live::before {
    content: 'IN ONDA';
    color: #fff;
    display: block;
    background-color: #000;
    width: 200px;
    position: absolute;
    z-index: 20;
    top: 35px;
    left: 20px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.featured-posts-section.special-new .excerpt,
.featured-posts-section.live .excerpt {
    color: #fff;
}



.post-wrap-container {
    display: flex;
    /* border-bottom: 1px solid #cccccc; */
}

.featured-posts-section .large-post {
    margin-bottom: 24px
}

.featured-posts-section .large-post .featured-image-wrap {
    position: relative;
    overflow: hidden
}

.featured-posts-section .large-post .featured-image-wrap .featured-image {
    height: 370px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.featured-posts-section .large-post .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.featured-posts-section .large-post .featured-image-wrap .overlay {
    position: absolute;
    z-index: 50;
    bottom: 0;
    width: 100%;
    background: rgba(22, 22, 22, .4);
    padding: 10px;
    transition: background .25s ease
}

.featured-posts-section .large-post .featured-image-wrap .overlay .title {
    color: #fff
}

.featured-posts-section .large-post .featured-image-wrap .overlay .date {
    color: #fff;
    font-size: .875rem
}

.featured-posts-section .large-post .featured-image-wrap:hover .overlay {
    background: rgba(22, 22, 22, .8)
}

.featured-posts-section .large-post .excerpt {
    margin: 8px 0;
}

.featured-posts-section .small-post {
    margin-bottom: 24px
}

.featured-posts-section .small-post .featured-image-wrap {
    float: left;
    overflow: hidden
}

.featured-posts-section .small-post .featured-image-wrap .featured-image {
    width: 190px;
    height: 110px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.featured-posts-section .small-post .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.featured-posts-section .small-post .content-wrap {
    padding-left: 8px;
}

.featured-posts-section .small-post .content-wrap.no-image {
    margin-left: 0
}

.featured-posts-section .small-post .content-wrap .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    background-color: #ededed;
    padding: 0 3px;
}

.featured-posts-section .small-post .content-wrap .tag a {
    text-transform: uppercase;
    font-size: .775rem;
    color: var(--main);
    font-weight: bold;
    text-align: right;
}

.featured-posts-section .small-post .content-wrap .tag a:hover {
    color: var(--secondary);
}

.featured-posts-section .small-post .content-wrap .title {
    margin-bottom: 4px
}

.featured-posts-section .small-post .content-wrap .title a {
    color: #161616;

}

.featured-posts-section .small-post .content-wrap .title a:hover {
    color: #565656
}

.featured-posts-section .small-post .date {
    font-size: .875rem
}

.post-group .post-group-title {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main);
    border-bottom: 2px solid var(--tertiary);
    height: 36px;
    margin-bottom: 24px
}

.post-group .post-group-title span,
.post-group .post-group-title a {

    display: inline-block;
    border-bottom: 2px solid var(--main);
    height: 36px
}

.post-group .post-group-title h1 {
    display: inline-block;
    border-bottom: 2px solid var(--main);
    height: 36px;
    font-size: 1.3rem;
    color: var(--main);
}

.latest-post-section .large-post {
    margin-bottom: 24px;
    background-color: #f4f5f6;
    padding: 8px;
}

.latest-post-section .large-post .featured-image-wrap {
    float: left;
    position: relative;
    overflow: hidden;
    width: calc(50% - 15px)
}

.latest-post-section .large-post .featured-image-wrap .featured-image {
    height: 240px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out;
    background-color: #efefef73;
}

.latest-post-section .large-post .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.latest-post-section .large-post .content-wrap {
    margin-left: calc(50% + 5px)
}

.latest-post-section .large-post .content-wrap.no-image {
    margin-left: 0
}

.latest-post-section .large-post .content-wrap .title a {
    color: #161616
}

.latest-post-section .large-post .content-wrap .title a:hover {
    color: #565656
}

.latest-post-section .large-post .content-wrap .date {
    font-size: .875rem
}

.latest-post-section .large-post .content-wrap .excerpt {
    margin-top: 8px;
    /* font-family:"PT Serif",serif */
}

.latest-post-section .small-post {
    margin-bottom: 20px
}

.latest-post-section .small-post .featured-image-wrap {
    float: left;
    overflow: hidden
}

.latest-post-section .small-post .featured-image-wrap .featured-image {
    width: 104px;
    height: 77px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out;
    background-color: #efefef73;
}

.latest-post-section .small-post .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.latest-post-section .small-post .content-wrap {
    padding-left: 8px
}

.latest-post-section .small-post .content-wrap.no-image {
    margin-left: 0
}

.latest-post-section .small-post .content-wrap .title {
    margin-top: 5px;
    margin-bottom: 0;
}

.latest-post-section .small-post .content-wrap .title a {
    color: #161616
}

.latest-post-section .small-post .content-wrap .title a:hover {
    color: #565656
}

.latest-post-section .small-post .content-wrap .date {
    font-size: .65rem;
    display: block;
    background-color: #eee;
    padding: 0 4px;
    color: #000;
}

.column-post-section .large-post {
    margin-bottom: 24px
}

.column-post-section .large-post .featured-image-wrap {
    position: relative;
    overflow: hidden
}

.column-post-section .large-post .featured-image-wrap .featured-image {
    height: 240px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.column-post-section .large-post .featured-image-wrap .featured-image.no-image {
    background-color: #e0e0e0
}

.column-post-section .large-post .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.column-post-section .large-post .featured-image-wrap .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(22, 22, 22, .4);
    padding: 10px 15px;
    transition: background .25s ease
}

.column-post-section .large-post .featured-image-wrap .overlay .title {
    color: #fff;
    margin-bottom: 4px
}

.column-post-section .large-post .featured-image-wrap .overlay .date {
    color: #fff;
    font-size: .875rem
}

.column-post-section .large-post .featured-image-wrap:hover .overlay {
    background: rgba(22, 22, 22, .8)
}

.column-post-section .small-post {
    margin-bottom: 20px
}

.column-post-section .small-post .featured-image-wrap {
    float: left;
    overflow: hidden;
    position: relative;
}

.column-post-section .small-post .featured-image-wrap .featured-image {
    width: 104px;
    height: 77px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.column-post-section .small-post .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.column-post-section .small-post .content-wrap {
    padding-left: 8px;
}

.column-post-section .small-post .content-wrap.no-image {
    margin-left: 0
}

.column-post-section .small-post .content-wrap .title {
    margin-top: 5px;
    margin-bottom: 0
}

.column-post-section .small-post .content-wrap .title a {
    color: #161616
}

.column-post-section .small-post .content-wrap .title a:hover {
    color: #565656
}

.column-post-section .small-post .content-wrap .date {
    font-size: .65rem;
    display: block;
    background-color: #eee;
    padding: 0 4px;
    color: #000;
}

.row-post-section .post-wrap {
    margin-bottom: 24px
}

.row-post-section .post-wrap .featured-image-wrap {
    overflow: hidden
}

.row-post-section .post-wrap .featured-image-wrap .featured-image {
    height: 176px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.row-post-section .post-wrap .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.row-post-section .post-wrap .title {
    margin-top: 5px;
    margin-bottom: 0
}

.row-post-section .post-wrap .title a {
    color: #161616
}

.row-post-section .post-wrap .title a:hover {
    color: #565656
}

.row-post-section .post-wrap .date {
    font-size: .875rem
}

.row-post-section .post-wrap .excerpt {
    margin-top: 8px;
    font-size: 1rem;
    /* font-family:"PT Serif",serif */
}

.single-post-wrap .post-head {
    margin-bottom: 48px
}

.single-post-wrap .post-head .header-inner {
    max-width: 786px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    padding: 0 16px
}

.single-post-wrap .post-head .header-inner a {
    color: #161616
}

.single-post-wrap .post-head .header-inner .title {
    color: #161616
}

.single-post-wrap .post-head .header-inner .primary-tag {
    margin-bottom: 16px
}

.single-post-wrap .post-head .header-inner .primary-tag a {
    text-transform: uppercase;
    font-weight: 700;
    background: #161616;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .875rem;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    transition: all .3s
}

.single-post-wrap .post-head .header-inner .primary-tag a:hover {
    background-color: rgba(22, 22, 22, .7)
}

.single-post-wrap .post-head .header-inner .post-meta .author {
    font-weight: 700
}

.single-post-wrap .post-head .header-inner .post-meta .author span {
    font-weight: 400
}

.single-post-wrap .post-head .header-inner .post-meta .author:hover {
    color: #494949
}

.single-post-wrap .post-head.has-image {
    background-size: cover;
    background-position: center;
    /* min-height:440px; */
    position: relative;
}

.single-post-wrap .post-head.has-image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
    transition: all .3s
}

.single-post-wrap .post-head.has-image:hover:before {
    background: rgba(0, 0, 0, .6)
}

.single-post-wrap .post-head.has-image .header-inner {
    color: #fff
}

.single-post-wrap .post-head.has-image .header-inner a {
    color: #fff
}

.single-post-wrap .post-head.has-image .header-inner .title {
    color: #fff
}

.single-post-wrap .post-head.has-image .header-inner .primary-tag a {
    background: #fff;
    color: #161616
}

.single-post-wrap .post-head.has-image .header-inner .primary-tag a:hover {
    background-color: rgba(255, 255, 255, .7)
}

.single-post-wrap .post-head.has-image .header-inner .post-meta .author:hover {
    color: #ccc
}

.single-post-wrap .post-content {
    font-size: 1.125rem;
    line-height: 1.7em;
}

.single-post-wrap .post-content p {
    margin-bottom: 2rem
}

.single-post-wrap .post-content dl,
.single-post-wrap .post-content ol,
.single-post-wrap .post-content ul {
    margin-bottom: 2rem
}

.single-post-wrap .post-content img {
    max-width: 100%
}

.single-post-wrap .post-content .kg-image-card {
    text-align: center
}

.single-post-wrap .post-content .kg-embed-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem
}

.single-post-wrap .post-content .kg-width-wide {
    position: relative;
    max-width: 80vw;
    left: 50%;
    right: 50%;
    margin-left: -40vw;
    margin-right: -40vw
}

.single-post-wrap .post-content .kg-width-wide img {
    width: 100%
}

.single-post-wrap .post-content .kg-width-full {
    position: relative;
    max-width: 100vw;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

.single-post-wrap .post-content .kg-width-full img {
    width: 100%
}

.single-post-wrap .post-content .kg-gallery-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.single-post-wrap .post-content .kg-gallery-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}

.single-post-wrap .post-content .kg-gallery-image img {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%
}

.single-post-wrap .post-content .kg-gallery-row:not(:first-of-type) {
    margin: .75em 0 0 0
}

.single-post-wrap .post-content .kg-gallery-image:not(:first-of-type) {
    margin: 0 0 0 .75em
}

.single-post-wrap .post-content .kg-bookmark-card {
    margin-bottom: 2rem
}

.single-post-wrap .post-content .kg-bookmark-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--text-body);
    text-decoration: none;
    background: 0 0;
    border: 2px solid rgba(0, 0, 0, .05);
    padding: 8px
}

.single-post-wrap .post-content .kg-bookmark-container:hover {
    border-color: #565656
}

.single-post-wrap .post-content .kg-bookmark-content {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 999;
    flex-grow: 999;
    min-width: 50%;
    padding: 8px
}

.single-post-wrap .post-content .kg-bookmark-title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #161616
}

.single-post-wrap .post-content .kg-bookmark-description {
    font-size: 1rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.single-post-wrap .post-content .kg-bookmark-description,
.single-post-wrap .post-content .kg-bookmark-metadata {
    margin-top: 16px
}

.single-post-wrap .post-content .kg-bookmark-metadata {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.single-post-wrap .post-content .kg-bookmark-thumbnail {
    -ms-flex-preferred-size: 15rem;
    flex-basis: 15rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.single-post-wrap .post-content .kg-bookmark-thumbnail img {
    vertical-align: bottom;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.single-post-wrap .post-content .kg-bookmark-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: bottom
}

.single-post-wrap .post-content .kg-bookmark-author,
.single-post-wrap .post-content .kg-bookmark-publisher {
    font-size: .875rem
}

.single-post-wrap .post-content .kg-bookmark-author:after {
    content: "•";
    margin: 0 6px
}

.single-post-wrap .post-content .tag-wrap {
    margin: 2rem 0 1rem
}

.single-post-wrap .post-content .tag-wrap a {
    text-transform: uppercase;
    font-weight: 700;
    background: #161616;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Lato, sans-serif;
    font-size: .875rem;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-right: 8px;
    transition: all .3s
}

.single-post-wrap .post-content .tag-wrap a:hover {
    background-color: rgba(22, 22, 22, .7)
}

.single-post-wrap .post-content .share-text {
    margin-bottom: 0;
    font-size: 1rem;
}

.single-post-wrap .post-content .share-wrap {
    font-family: Lato, sans-serif;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.single-post-wrap .post-content .share-wrap .share-links {
    padding: 0;
    margin: 0 0 0 8px;
    list-style: none
}

.single-post-wrap .post-content .share-wrap .share-links li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 4px;
}

.single-post-wrap .post-content .share-wrap .share-links li a {
    color: #161616;
    border: 1px solid #161616;
    padding: 9px;
    font-size: .875rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transition: all .3s;
    border-radius: 50px;
}

.single-post-wrap .post-content .share-wrap .share-links li a svg {
    width: 14px;
    height: 14px;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.single-post-wrap .post-content .share-wrap .share-links li a:hover {
    color: #fff;
    background-color: #161616
}

.page-wrap .post-head.has-image {
    min-height: 220px
}

.prev-next-wrap {
    margin-top: 3.5rem
}

.prev-next-wrap .post-wrap .featured-image-wrap {
    float: left;
    overflow: hidden
}

.prev-next-wrap .post-wrap .featured-image-wrap .featured-image {
    width: 190px;
    height: 110px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.prev-next-wrap .post-wrap .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.prev-next-wrap .post-wrap .content-wrap {
    margin-left: 206px
}

.prev-next-wrap .post-wrap .content-wrap.no-image {
    margin-left: 0
}

.prev-next-wrap .post-wrap .content-wrap .nav-text {
    margin-top: -6px;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: .875rem;
    color: #565656
}

.prev-next-wrap .post-wrap .content-wrap .title {
    margin-bottom: 4px
}

.prev-next-wrap .post-wrap .content-wrap .title a {
    color: #161616
}

.prev-next-wrap .post-wrap .content-wrap .title a:hover {
    color: #565656
}

.prev-next-wrap .post-wrap .date {
    font-size: .875rem
}

.comment-container .section-title,
.related-post-wrap .section-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--main);
    text-transform: uppercase;
    border-bottom: 2px solid var(--tertiary);
    height: 36px;
    margin-bottom: 24px
}

.comment-container .section-title span,
.related-post-wrap .section-title span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-bottom: 2px solid var(--main);
    height: 36px
}

.related-post-wrap .post-wrap {
    margin-bottom: 20px
}

.related-post-wrap .post-wrap .featured-image-wrap {
    float: left;
    overflow: hidden
}

.related-post-wrap .post-wrap .featured-image-wrap .featured-image {
    width: 104px;
    height: 77px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out
}

.related-post-wrap .post-wrap .featured-image-wrap:hover .featured-image {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.related-post-wrap .post-wrap .content-wrap {
    margin-left: 8px
}

.related-post-wrap .post-wrap .content-wrap.no-image {
    margin-left: 0
}

.related-post-wrap .post-wrap .content-wrap .title {
    margin-bottom: 0;
    margin-top: 5px;
}

.related-post-wrap .post-wrap .content-wrap .title a {
    color: #161616;
    font-size: 1rem;
}

.related-post-wrap .post-wrap .content-wrap .title a:hover {
    color: #565656
}

.related-post-wrap .post-wrap .content-wrap .date {
    font-size: .65rem;
    display: block;
    background-color: #eee;
    padding: 0 4px;
    color: #000;
}

.site-footer {
    background-color: #161616;
    color: #aeaeae;
    padding: 40px 0 32px;
    margin-top: 28px
}

.site-footer a {
    color: #aeaeae
}

.site-footer a:hover {
    color: #fff
}

.site-footer .widget {
    margin-bottom: 24px
}

.site-footer .widget .widget-title {
    color: #fff;
    margin-bottom: 8px
}

.site-footer .widget .tagcloud a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: capitalize;
    white-space: nowrap;
    margin: 0 20px 10px 0
}

.site-footer .widget .navigation ul {
    padding: 0;
    margin: 0
}

.site-footer .widget .navigation ul li {
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 20px 10px 0
}

.site-footer .widget .navigation ul li a {
    text-transform: capitalize;
    white-space: nowrap
}

.site-footer .widget .subscribe-widget input[type=email],
.site-footer .widget .subscribe-widget input[type=text] {
    border: 1px solid #fff
}

.site-footer .widget .subscribe-widget input[type=email]:focus,
.site-footer .widget .subscribe-widget input[type=text]:focus {
    border: 1px solid #fff;
    border-right: none
}

.site-footer .widget .social-links {
    padding: 0;
    margin: 0
}

.site-footer .widget .social-links li {
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    margin-bottom: 16px
}

.site-footer .widget .social-links li a svg {
    width: 20px;
    height: 20px
}

.site-footer .copyright-wrap {
    font-size: .875rem;
    border-top: 1px solid #232323;
    padding-top: 32px
}

.site-footer .copyright-wrap .copyright-info {
    display: inline-block
}

.site-footer .copyright-wrap .custom-links {
    display: inline-block
}

.site-footer .copyright-wrap .custom-links a {
    margin-left: 20px
}

.search-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease-in-out;
    z-index: -2;
    overflow-y: scroll
}

.search-popup.visible {
    opacity: 1;
    visibility: visible;
    z-index: 1100
}

.search-popup .close-button {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 999;
    transition: all .2s ease-in-out
}

.search-popup .close-button svg {
    width: 24px;
    height: 24px;
    color: #161616
}

.search-popup .close-button svg:hover {
    color: #565656
}

.search-popup .popup-inner {
    max-width: 700px;
    margin-top: 70px
}

.search-popup .popup-inner form {
    position: relative
}

.search-popup .popup-inner form input {
    border: none;
    border-bottom: 2px solid #aeaeae;
    padding-left: 0;
    font-size: 1.5rem
}

.search-popup .popup-inner form input:focus {
    border-bottom: 2px solid #565656
}

.search-popup #search-results {
    margin: 35px 0
}

.search-popup #search-results .result-item a {
    transition: all .15s;
    padding: 14px 0;
    display: block
}

.search-popup #search-results .result-item a .title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #161616;
    margin-bottom: 4px;
    transition: color .3s ease
}

.search-popup #search-results .result-item a .date {
    color: #565656;
    font-size: .875rem
}

.search-popup #search-results .result-item a:hover .title {
    color: #565656
}

.cover-wrap {
    margin-bottom: 32px;
    padding: 0 24px 48px 24px;
    position: relative;
    background-size: cover;
    background-position: center
}

.cover-wrap .cover-inner {
    max-width: 700px;
    position: relative
}

.cover-wrap .cover-inner .post-count {
    font-weight: 600;
    letter-spacing: .5px
}

.cover-wrap .cover-inner .description {
    margin-top: 16px;
    font-size: 1.125rem
}

.cover-wrap.has-image {
    color: #fff;
    padding: 48px 24px
}

.cover-wrap.has-image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0
}

.cover-wrap.has-image .cover-inner .name {
    color: #fff
}

.cover-wrap .cover-inner .avatar {
    height: 120px;
    width: 120px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    background: #aeaeae;
    overflow: hidden
}

.cover-wrap .cover-inner .avatar svg {
    width: 120px;
    height: 120px;
    margin-top: 10px
}

.cover-wrap .cover-inner .meta-info {
    padding: 0;
    margin: 16px 0 0 0
}

.cover-wrap .cover-inner .meta-info li {
    display: inline-block;
    margin: 0 10px
}

.cover-wrap .cover-inner .meta-info li.location svg {
    margin-right: 8px
}

.cover-wrap .cover-inner .meta-info li a {
    color: #565656
}

.cover-wrap .cover-inner .meta-info li a:hover {
    color: #aeaeae
}

.cover-wrap .cover-inner .meta-info li svg {
    width: 20px;
    height: 20px
}

.cover-wrap .cover-inner .author-bio {
    margin-top: 16px;
    font-size: 1.125rem;
    line-height: 2
}

.cover-wrap.has-image .cover-inner .meta-info li a {
    color: #fff
}

.error-wrap {
    margin-top: 64px;
    margin-bottom: 64px
}

.error-wrap .error-code {
    font-size: 8rem;
    line-height: 1.1;
    color: #161616
}

.error-wrap .message-manual {
    font-size: 1.125rem;
    line-height: 2
}


.banner-item.hidden {
    display: none;
}


/* piccolo hack per containers banner, per dargli un minimo di struttura */
.banner-container.leaderboard{
    height: 90px;
    
}
.mt-15 {
    margin-top: 15px;
}
.my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.pt-15 {
    padding-top: 15px;
}
.pb-15 {
    padding-bottom: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-50 {
    margin-bottom: 50px;
}

.search-results-item {
    margin-bottom: 10px;
}

.search-results-item a {
    font-weight: bold;
}
.search-results-item p {
    font-size: 90%;
}

/* create a svg loading icon */
.loading-icon.hidden {
    display: none;
}
div#error-list {
    /* list-style: none; */
}

div#error-list li {
    margin-top: 10px;
    font-weight: bold;
    color: #db0909;
}

.loading-icon svg path,
.loading-icon svg rect{
  fill: var(--main);
}
svg[fill="none"] {
    fill: none;
}
svg.w-30 {
    width: 30px;
}
svg.w-20 {
    width: 20px;
}
.divider {
    border-top: 1px solid #cfd4da;
    margin-top: 20px;
    padding-top: 20px;
}

.attach-progressbar-container {
    background-color: #eee; /* light gray background */
    margin-bottom: 20px;
  }
  
  .attach-progressbar {
    background-color: #444; /* dark gray progress bar */
    height: 7px; /* height of progress bar */
  }
  
  .attach-progressbar-inner {
    background-color: #888; /* lighter gray for progress indicator */
    height: 100%; /* height of progress indicator */
    width: 50%; /* initial width of progress indicator (can be updated dynamically with JavaScript) */
  }
  



.loading-block time.placeholder-date {
    background: #efefef;
    height: 15px;
    width: 10%;
    width: 180px;
    /* content: "asdsadsadasd"; */
}
.loading-block .placeholder-title {
    background: #efefef;
    width: 180px;
    height: 40px;
}
.loading-block {
    overflow: hidden;
}
input[type="text"].input_transparent {
    padding: 2px;
    height: inherit;
    line-height: inherit;
    width: 50px;
    color: #000 !important;
    background-color: transparent;
    margin-bottom: 0;
    text-align: center;
}

.controls-item.page-label span {
    margin-right: 10px;
}

.controls-item.page-label span:last-child {
    margin-right: 0;
}
.flex-gallery {
    display: flex;
    justify-content: space-between;
    background-color: #e8e9ea;
}

.banner-adsense{
    background-color: #f4f5f6;
}
.errore-header {
    background-color: #0c0c0c;
    padding: 20px;
    text-align: center;
}
.errore-header h1{
    color: #FFF
}


/* badge */
.badge-custom{
    color: #FFF;
    width: 100%;
    border-radius: 4px;
    padding: 15px;
}
.badge-custom h2{
    color:FFF;
    margin: 0;
}
.badge-twitch{
    background-color: rgb(126 34 206);
}
.badge-twitch:hover{
    background-color: rgb(156, 94, 209);
}
.badge-youtube{
    background-color: rgb(220 38 38);
}
.badge-youtube:hover{
    background-color: rgb(255, 72, 72);
}
.badge-twitter{
    background-color: rgb(29 78 216);
}
.badge-twitter:hover{
    background-color: rgb(29 161 242);
}
.badge-facebook{
    background-color: rgb(67 56 202);
}
.badge-facebook:hover{
    background-color: rgb(113, 102, 236);
}
.badge-instagram{
    background-color: rgb(194 65 12);
}
.badge-instagram:hover{
    background-color: rgb(237, 108, 56);
}


@media screen and (max-width:767px) {

    .header-banner{
        margin-top: 0;
    }
    .featured-posts-section {
        padding-top: 0;
    }

    .banner-container.leaderboard{
        /* height: 63px; */
        height: auto;        
    }

    .latest-post-section .large-post .featured-image-wrap {
        float: none;
        width: 100%
    }

    .latest-post-section .large-post .content-wrap {
        margin-left: 0;
        margin-top: 16px
    }

    .pagination-wrap .page-number {
        display: block
    }

    .single-post-wrap .post-content .kg-bookmark-container {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .single-post-wrap .post-content .kg-bookmark-thumbnail {
        -ms-flex-preferred-size: 12rem;
        flex-basis: 12rem;
        margin-bottom: 8px
    }
}

@media (max-width:575px) {
    .featured-posts-section .small-post .featured-image-wrap .featured-image {
        width: 104px;
        height: 77px
    }

    .featured-posts-section .small-post .content-wrap .title {
        font-size: 1rem
    }

    .prev-next-wrap .post-wrap .featured-image-wrap .featured-image {
        width: 104px;
        height: 77px
    }

    .prev-next-wrap .post-wrap .content-wrap {
        margin-left: 124px
    }

    .prev-next-wrap .post-wrap .content-wrap .title {
        font-size: 1rem
    }
}

@media (min-width:1260px) {
    .container {
        max-width: 1230px
    }
}


.share-fav-container {
    background-color: #f4f5f6;
}

/* Rubriche Fisse Flex Layout */
.rfblocks-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.rfblocks-flex-item {
    flex: 0 0 calc(25% - 15px);
    margin-bottom: 20px;
}

.rfblocks-flex-item .light-bg {
    height: 100%;
    transition: all 0.3s ease;
}

.rfblocks-flex-item .light-bg:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.rfblocks-flex-item .featured-image-wrap {
    width: 100%;
    overflow: hidden;
}

.rfblocks-flex-item .featured-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.rfblocks-flex-item .light-bg:hover .featured-image {
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .rfblocks-flex-item {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 576px) {
    .rfblocks-flex-item {
        flex: 0 0 100%;
    }
}