/* Theme Name: BookToBook custom theme 
  Theme URI: http://www.pepenymi.com
  Description: theme for BookToBook magazine
  Version: 1.0 or any other version you want
  Author: Nicolò Chiellini @ pepenymi.com
  Author URI: http://www.pepenymi.com
  Tags: #booktobook 
*/

@font-face {
    font-family: 'Adelle Bold';
    src: url('font/AdelleBasic_Bold.eot');
    src: url('font/AdelleBasic_Bold.eot?#iefix') format('embedded-opentype'),
         url('font/AdelleBasic_Bold.woff') format('woff'),
         url('font/AdelleBasic_Bold.ttf') format('truetype'),
         url('font/AdelleBasic_Bold.svg#AdelleBasic_Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.adelle_bold {
    font-family: 'Adelle Bold';
}
@font-face {
    font-family: 'Adelle Bold Italic';
    src: url('font/AdelleBasic_BoldItalic.eot');
    src: url('font/AdelleBasic_BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('font/AdelleBasic_BoldItalic.woff') format('woff'),
         url('font/AdelleBasic_BoldItalic.ttf') format('truetype'),
         url('font/AdelleBasic_BoldItalic.svg#AdelleBasic_BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Adelle Italic';
    src: url('font/AdelleBasic_Italic.eot');
    src: url('font/AdelleBasic_Italic.eot?#iefix') format('embedded-opentype'),
         url('font/AdelleBasic_Italic.woff') format('woff'),
         url('font/AdelleBasic_Italic.ttf') format('truetype'),
         url('font/AdelleBasic_Italic.svg#AdelleBasic_Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Adelle Regular';
    src: url('font/AdelleBasic_Regular.eot');
    src: url('font/AdelleBasic_Regular.eot?#iefix') format('embedded-opentype'),
         url('font/AdelleBasic_Regular.woff') format('woff'),
         url('font/AdelleBasic_Regular.ttf') format('truetype'),
         url('font/AdelleBasic_Regular.svg#AdelleBasic_Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* SOFIA PRO ------------------------------------------- */

@font-face {
    font-family: 'Sofia Pro Regular';
    src: url('font/sofia-pro/SofiaProRegular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia Pro Bold';
    src: url('font/sofia-pro/SofiaProBold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia Pro Light';
    src: url('font/sofia-pro/SofiaProLight.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia Pro Medium';
    src: url('font/sofia-pro/SofiaProMedium.otf');
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------------------------------- */

.latofont {
    font-family: 'Lato', sans-serif;
}
html {     
    padding:0px; 
    margin:0px; 
    border: none; 
    /* background-color: #f3eff0; */
    font-weight: 100;    
    width: 100%;
    min-height: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background-color: #CC0B0C;
}
body {     
    padding:0px; 
    margin:0px; 
    border: none; 
    width: 100%;
    min-height: 100%; 
    font-size: 14px;    
    line-height: 17px;
    font-weight: normal;
    background-color: #CC0B0C;
}
a, a:hover {
    text-decoration: none;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
strong, b {
    font-weight: bold;
}
em, i {
    font-style: italic;
}
ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 0px;
/*     width: 95%; */
    float: left;
    padding-left: 15px;
}
li {
    margin-top: 10px;
}
ol {
    list-style-type: decimal;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    float: left;
}
blockquote, blockquote p {
    font-style: italic;
    font-size: 18px;    
    color: #8f8f8f;
}
blockquote {
    width: 92%;
    padding: 0% 4%;
    color: #6f6f6f;
}

.clear {
    clear: both;
}
.none {
    float: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.margin-auto {
    margin: 0px auto;
}
.mt_5 {
    margin-top: 5px;
}
.mt_10 {
    margin-top: 10px;
}
.mt_20 {
    margin-top: 20px;
}
.mr_1 {
    margin-right: 1px;
}
.bold {
    font-weight: bold;
}
.font_30 {
    font-size: 30px;
}
.color-libri-novita,
.color-news {
    color: #2cabe0;
}
.color-eventi,
.color-fiere-premi-salone-libri,
.color-fiere-premi-salone-libri-calendario {
    color: #cabaa0;
}
.color-parola-di-lettore,
.color-parola-ai-lettori {
    color: #eb6f63;
}
.color-libri {
    color: #a2a7ba;
}
.color-interviste,
.color-interviste-scrittori,
.color-interviste-scrittori-autori-italiani-scrittori-stranieri {
    color: #ea0053;
}
.color-giganti-di-carta,
.color-scrittori-italiani-scrittori-stranieri {
    color: #01bc9d;
}
.color-book-charts,
.color-classifica-libri {
    color: #01cd6c;
}
.color-gli-imperdibili,
.color-libri-da-leggere {
    color: #ff4b3a;
}
.color-pagine-di-cinema,
.color-libri-film
{
    color: #292f2b;
}
.color-il-mondo-dei-libri,
.color-libri-viaggi {
    color: #a442b1;
}
.color-pagine-di-musica,
.color-libri-musica {
    color: #1c3d50;
}
.color-booktrivia,
.color-curiosita-libri {
    color: #f25301;
}
.color-attualita,
.color-libri-notizie {
    color: #10b32b;
}
.color-il-comodino,
.color-personaggi-famosi {
    color: #14bea4;
}
.color-digiword,
.color-digiworld,
.color-libri-on-line {
    color: #5b97a3;
}
.color-azzurro-ricerca {
    color: #4ca2c3;
}
/* New 07/09/2015 */
.color-libri-consigliati {
    color: #b6b926;
}
.color-libri-fai-da-te {
    color: #004184;
}
.color-gadget-libri {
    color: #d05c43;
}
.color-generi-letterari {
    color: #28ad69;
}
.color-libri-fantasy {
    color: #3c2348;
}
.color-graphic-novel {
    color: #6c3755;
}
.color-libri-per-ragazzi {
    color: #f76923;
}
.bgcolor-libri-novita,
.bgcolor-news {
    background-color: #2cabe0;
}
.bgcolor-eventi,
.bgcolor-fiere-premi-salone-libri,
.bgcolor-fiere-premi-salone-libri-calendario {
    background-color: #cabaa0;
}
.bgcolor-libri {
    background-color: #a2a7ba;
}
.bgcolor-interviste,
.bgcolor-interviste-scrittori,
.bgcolor-interviste-scrittori-autori-italiani-scrittori-stranieri {
    background-color: #ea0053;
}
.bgcolor-giganti-di-carta,
.bgcolor-scrittori-italiani-scrittori-stranieri {
    background-color: #01bc9d;
}
.bgcolor-book-charts,
.bgcolor-classifica-libri {
    background-color: #01cd6c;
}
.bgcolor-gli-imperdibili,
.bgcolor-libri-da-leggere {
    background-color: #ff4b3a;
}
.bgcolor-pagine-di-cinema,
.bgcolor-libri-film {
    background-color: #292f2b;
}
.bgcolor-il-mondo-dei-libri,
.bgcolor-libri-viaggi {
    background-color: #a442b1;
}
.bgcolor-pagine-di-musica,
.bgcolor-libri-musica {
    background-color: #1c3d50;
}
.bgcolor-booktrivia,
.bgcolor-curiosita-libri {
    background-color: #f25301;
}
.bgcolor-attualita,
.bgcolor-libri-notizie {
    background-color: #2cabe2;
}
.bgcolor-il-comodino,
.bgcolor-personaggi-famosi {
    background-color: #14bea4;
}
.bgcolor-parola-di-lettore,
.bgcolor-parola-ai-lettori {
    background-color: #eb6f63;
}
.bgcolor-digiword,
.bgcolor-digiworld,
.bgcolor-libri-on-line {
    background-color: #5b97a3;
}

/* New 07/09/2015 */
.bgcolor-libri-consigliati {
    background-color: #b6b926;
}
.bgcolor-libri-fai-da-te {
    background-color: #004184;
}
.bgcolor-gadget-libri {
    background-color: #d05c43;
}
.bgcolor-generi-letterari {
    background-color: #28ad69;
}
.bgcolor-libri-fantasy {
    background-color: #3c2348;
}
.bgcolor-graphic-novel {
    background-color: #6c3755;
}
.bgcolor-libri-per-ragazzi {
    background-color: #f76923;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.mb_20 {
    margin-bottom: 20px;
}
#wrap, #header, #content, #footer {
    width: 100%;
}
.verdino {
    color: #7BCEAA;
}
.white {
    color: white;
}
.black {
    color: black;
}
.ie8 {
    display: none;
}
.hidden,
.tweet_list .hidden {
    display: none;
}
.fluid-width-video-wrapper {
    float: left;
    margin-bottom: 20px;
}
#category-title .category-post-title,
#category-title .category-post-title:hover {
    color: #364151;    
}
#usp-success-message {
    font-family: 'Adelle Regular';
    /*     margin-top: 20px; */
    color: #364151;
    font-size: 33px;
    line-height: 40px;
    width: 100%;
    float: left;
    margin-top: 20px;
}
.post-hidden {
    display: none;
}
#burger-desktop {    
    position: absolute;
    display: none;
    float: left;
    left: 0px;
}

#link-rcslibri {
    display: block;
    float: left;
    margin: 7px auto 0px auto;
    height: 20px;
    width: 27px;
    
}
#link-rcslibri img {
    height: 20px;
    width: 27px;
}
#top_sharing {
        width: auto;
        float: right;
        margin-top: 5px;
    }
    #top_sharing_txt {
        width: auto;
        float: right;
        margin-right: 10px;
        line-height: 34px;
        color: #646870;
        font-size: 11px;
        font-weight: bold;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;        
    }
/* STILE QUIZ */

#domanda {
    color: white;
    text-align: center;    
    width: 94%;
    margin: 0px 3%;
    padding-top: 70px;
    font-size: 4em;
    line-height: 1em;
    font-family: 'Sofia Pro Regular';
}

#risposte {
    margin-top: 50px;
    line-height: 1em;
    text-align: center;
    padding-bottom: 50px;
}

.risposta {
    width: 380px;
    padding: 20px 10px;
    min-height: 60px;
    line-height: 30px;
    font-size: 27px;
    margin: 4px;
    border: 3px solid #E81A3C;
    background-color: white;
    color: #D82C44;
    display: block;
    font-family: 'Sofia Pro Light';
}
.risposta span {
    display: block;
    width: 100%;
    line-height: 30px;
    font-size: 27px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
}
.risposta:hover {
    border: 3px solid white;
    background-color: #1a314a;
    color: white;
}

.left {
    float: left;
}

.right {
    float: right;
}

.row {
    float: none;
    margin: 0px auto;
    width: 840px;
}

.numero-domanda {
    font-size: 2em;
    margin: 0 50px;
    color: #CCC;
    font-family: 'Sofia Pro Regular';
}

.attiva {
    color: red;
}

#titolo-index {
    display: block;
    margin: 0px auto;
    padding-top: 40px;
    padding-bottom: 30px;
}

#titolo-index-mobile {
    display: block;
    margin: 0px auto;
    padding-top: 40px;
    padding-bottom: 30px;
    width: 90%;
}

#percorsi {
    text-align: center;
    
}

.percorso {
    width: 200px;
    height: 200px;
    margin: 10px;
}

#risultato {
    text-align: center;
    color: white;
    width: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 2em;
    line-height: 1em;
    padding-top: 30px;
    padding-bottom: 50px;
    font-family: 'Sofia Pro Medium';
}

#libri {
    border: 3px solid red;
    background-color: white;
    text-align: center;
}

.libro {
    display: inline;
    width: 200px;
    height: 400px;
}

.copertina {
    height: 350px;
    margin: 20px;
}

#condividi {
    margin: 30px;
}

#condividi img  {
    max-width: 80%;
    margin: 5px 5px;
}

#descrizione-risultato {
    font-size: 2em;
    line-height: 2em;
    margin: 20px;
}
#contentbottom {
    float: none;
    margin: 0px auto;
}
#hot-topics-cont {
    position: absolute;
    top: 115px;
    background-color: white;    
    height: 48px;
    width: 100%;
    display: none;
}
#hot-topics {
    margin: 0px auto;
    float: none;
    height: 48px;
    text-align: left;
    line-height: 48px;
    overflow: hidden;
}
#hot-topics a {
    font-size: 14px !important;
    display: block;
    float: left;
    padding: 0px 10px;
    color: #2E3D5A;
}
#hot-topics a:hover {
    color: #2E3D5A;
}
#hot-topics p {
    width: 100%;
    text-align: center;
    float: left;    
    color: #3faee5;
    font-weight: bold;
    margin-right: 10px;
}
.percorso-cont {
    display: inline-block;
}
.percorso-cont:hover .img1, .img2 {
    display: none;
}
.img1, .percorso-cont:hover .img2 {
    display: inline;
}
/* DESKTOP */
@media only screen and (min-width:1025px) {    

    #titolo-index-mobile {
        display: none;
    }

    #menu-top-mobile {
        display: none;
    }
    .desktop {
        display: auto;
    }
    .desktop1143 {
        display: none;
    }
    .mobile720 {
        display: none;
    }
    .mobile320 {
        display: none;
    }
    .mobileall {
        display: none;
    }
    #header {
        height: 115px;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 49;
    }
    #header-top {
        width: 100%;
        height: 34px;
        background-color: #171a1f;
    }
    #header-claim {
        height: 81px;
        width: 100%;
        background-color: #1b3149;
        text-align: center;
    }    
    #logo_book_to_book {
        width: 150px;
        margin-top: 20px;
    }
    #content {
        padding: 60px 0px 120px 0px;
        margin-top: 115px;
        background-image: url('/static/sito/img/pacchi.jpg');
        background-repeat: no-repeat;
        background-color: #CC0B0C;
        background-position: top center; 
    }
    #footer {
        height: 280px;
        background-color: #0c1b2e;
    }
    #booktobook-footer {
        display: block;
        float: left;
        margin: 0px auto 0px auto;
        width: 207px;
        height: 56px;
    }
    #booktobook-footer img {
        margin-top: 30px;
    }        
    /* DESKTOP < 888 */
    .pagewidth {
        width: 1024px; 
    }        
    #footertop {
        float: none;
        margin: 0px auto;
        height: 120px;
    }
    #footerbottom {
        position: relative;
        float: none;
        margin: 0px auto;
        border-top: 1px solid #43464d;
        border-bottom: 1px solid #43464d;
        height: 50px;
    }
    #footerbottom ul {
        position: absolute;
        left: 0px;
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        width: 350px;
        padding: 0px;
        margin: 0px;
    }
    #footerbottom ul li {
        display: block;
        float: left;
        width: auto;
        margin-right: 40px;
        margin-top: 0px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        color: #fff;
    }
    #footerbottom ul li a {
        color: white;
        font-weight: bold;
        color: #fff;
        font-size: 11px;
        /*line-height: 14px;*/
    }
    #footer-rcs-company-data {
        line-height: 50px;
        color: #646870;
        width: 100%;
        text-align: center;    
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 11px;
        line-height: 50px;
/*         line-height: 14px; */
        font-weight: bold;
    }
    #footer-disclaimer {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 10px;
        line-height: 13px;
        color: #485662;
        float: none;
        margin: 15px auto;        
        text-align: center;
    } 
    /*#top_sharing .at4-icon,
    #bottom_sharing .at4-icon {
        width: 22px;
        height: 22px;
        background-size: 22px 22px !important;    
    }
    #top_sharing .at-share-btn,
    #bottom_sharing .at-share-btn {
        width: 22px;
        height: 22px;
        border-radius: 11px;
    }*/
    #top_sharing .at4-icon,
    #bottom_sharing .at4-icon {
        width: 22px;
        height: 22px;
        background-size: 22px 22px !important;    
    }
    #top_sharing .at-icon,
    #bottom_sharing .at-icon,
    #top_sharing .at-icon-wrapper,
    #bottom_sharing .at-icon-wrapper {
        width: 22px !important;
        height: 22px !important;
        line-height: 22px !important;
        border-radius: 11px !important;
    }
    #top_sharing .at-icon,
    #bottom_sharing .at-icon {
        border-radius: 11px;
    }
    #top_sharing .at-share-btn,
    #bottom_sharing .at-share-btn {
        width: 22px !important;
        height: 22px !important;
        line-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
        margin: 0px !important;
    }
    #top_sharing .at-share-btn,
    #bottom_sharing .at-share-btn {
        width: 22px;
        height: 22px;
        border-radius: 11px;
    }
    #bottom_sharing {
        position: absolute;
        right: 0px;
        top: 10px;
        width: auto;
        margin-top: 5px;
    }
    #libri {
        max-width: 80%;
        float: none;
        margin: 0px auto;
    }
}
@media only screen and (min-width:1143px) {
    .pagewidth {
        width: 1143px; 
    }
    #menu-top {
        width: 1142px;
        border-right: 1px solid #43464d;    
    }
    #menu-top .menu-item a {
        padding: 0px 50px; 
    }
    .desktop1143 {
        display: block;
    }
    #novita,
    #popolari,
    #attualita,
    .relatedposts {
        width: 858px;
    }
    #attualita {
        height: 430px;
    }
    .home-articoli-nav-txt {
        width: 784px;
    }
    #category-body {
        width: 858px;
    }
    .category-post-list-img {
        height: 260px;
        width: 392px;    
    }
    .category-post-list-info {
        width: 416px;
        height: 210px;
        margin: 25px;
    }
}

@media only screen and (max-width:700px) {
    
    #libri > a {
        display: block;
    }

}

@media only screen and (max-width:850px) {
    #domanda {
        color: white;
        text-align: center;
        font-size: 30px;
        line-height: 33px;
        padding-top: 75px;
        font-family: 'Sofia Pro Regular';
        width: 94%;
        margin: 0px 3%;
    }
    .row {
        width: 94%;
        float: left;
        padding: 0px 3%;
    }
    .row .left,
    .row .right {
        float: none;
    }
    .row {
        margin: 0px auto;
    }
    .risposta {
        width: 94%;
        padding: 20px 2%;
        min-height: 60px;
        line-height: 30px;
        font-size: 27px;
        margin: 0px 0px 10px 0px;
        border: 3px solid #E81A3C;
        background-color: white;
        color: #D82C44;
        display: block;
        font-family: 'Sofia Pro Light';
    }
}

/*
 Mobile All
 959 -> 1024
 */
@media only screen and (max-width:1024px) {
    #risultato {
        text-align: center;
        color: white;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 2em;
        line-height: 1em;
        padding-top: 50px;
        padding-bottom: 50px;
        font-family: 'Sofia Pro Medium';
    }
    .numero-domanda {
        display: none;
    }
    .attiva {
        display: inline;
    }
    #hot-topics-cont {
        position: absolute;
        top: 79px;
        background-color: white;    
        height: 48px;
        width: 100%;
    }
    #content {
        background-color: #D80305;
    }

    #menu-top-mobile #menu-homelink,
    #gallery-callto-action {
        display: none;
    }
    .desktop {
        display: none;
    }
    .mobile720 {
        display: auto;
    }
    .mobile320 {
        display: none;
    }
    .mobileall {
        display: auto;
    }
    #widgets {
        display: none;
    }
    #header {
        width: 100%;
        height: 79px;
        background-color: #1b3149;
        float: left;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 100;
    }
    #content {
        margin-top: 79px;
    }
    #btblogo {
        display: block;
        float: none;
        margin: 18px auto 0px auto;
        width: 144px;
        height: 39px;
    }
    #btblogo img {
        height: 39px;
    }
    #link-rcslibri {
        display: block;
        float: none;
        margin: 7px auto 0px auto;
        height: 20px;
        width: 27px;
        
    }
    #link-rcslibri img {
        height: 20px;
        width: 27px;
    }
    #burger-mobile {
        display: none;
        position: absolute;
        top: 18px;
        left: 20px;
    }
    #search-mobile {
        display: none;
        position: absolute;
        top: 18px;
        right: 20px;
    }
    #menu-top-mobile {
        display: none;
        position: fixed;
        left: 20px;
        top: 60px;
/*         display: block; */
        width: 265px;
        background-color: #252C34;
/*         height: 200px; */
        z-index: 110;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }
    #search-box-mobile {
        width: 100%;
        height: 0px;
        background-color: #142840;
        margin: 0px;        
        overflow: hidden;
        position: fixed;
        top: 79px;
        left: 0px;
        z-index: 100;
    }    
    #search-box-mobile #s {        
        height: 40px;
        line-height: 30px;
        margin: 15px 20px;
        background-color: #142840;
        border: 0px;
        color: #68717a;
        font-size: 20px;
        width: 90%;
        width: calc(100% - 40px);
    }
    #menu-top-mobile #menu-item-search {
        display: none;
    }
    #menu-top-mobile .menu-item {
        display: block;
        float: left;
        min-height: 24px;
        border-top: 1px solid #43464d;
        padding: 2% 5%;  
        float: left;
        width: 90%;
        margin: 0px;
    }
    #menu-top-mobile .menu-item a {
        float: left;
        display: block;    
        height: 24px;
        line-height: 24px;
        color: white;
        text-align: left;
        font-weight: bold;
        padding: 0px;
        width: 70%;
        margin: 0px;
    }
    #menu-top-mobile .menu-item .toggle-submenu  {
        width: 30%;
        float: right;
        text-align: right;
        display: block;
    }
    .booktobook-menu {
        display: none;
    }
    .sub-menu {
        margin: 0px;
        padding-left: 0px;
    }
    #menu-top-mobile .menu-item:hover a,
    #menu-top-mobile .sub-menu .menu-item:hover a {
        color: #16baa1;
    }
    #menu-top-mobile .menu-item .sub-menu {
        display: none;
/*         position: absolute;   */
        background-color: #252C34;
/*         border-top: 1px solid #43464d;       */
        width: 265px;
        margin: 0px 0px 0px -5%;
        padding: 0px;        
    }
    #menu-top-mobile .sub-menu .menu-item {
/*         border-left: 1px solid #252C34;     */
/*         min-width: 180px; */
/*        height: 35px;
        line-height: 35px;*/
        float: left;
        border-bottom: none;
        border-top: none;
    }
    #menu-top-mobile .sub-menu .menu-item a {
        float: left;
        display: block;    
        height: 24px;
        line-height: 24px;
        color: #d5d5d5;
        text-align: left;
        font-weight: bold;
        padding: 0px;
        width: 70%;
        margin: 0px;
        font-size: 12px;
        padding: 0px 0px 0px 5%;
    }
    
    #footer {
/*         height: 130px; */
        background-color: #1b3149;
        float: left;
    }
    #booktobook-footer {
        height: 50px;
        width: 185px;
        display: block;
        float: none;
        margin: 25px auto 0px auto;
    }
    #booktobook-footer img {
        height: 50px;
        width: 185px;
    }
    #footer-rcs-company-data {
        width: 100%;
        text-align: center;
        color: #646870;
        float: left;
        font-size: 16px;
        margin-top: 20px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }
    #footer-disclaimer {
        font-size: 11px;
        color: #61686e;
        float: left;
        margin: 20px 5%;
        text-align: justify;
        width: 90%
    }
    #novita,
    #popolari,
    .relatedposts,
    #attualita {
        width: 100%;
        min-height: 492px;
        border-top: 5px solid #262C33;
         overflow: hidden; 
/*         margin-top: 46px; */
        position: relative;
        float: left;
    }
    #attualita {
        min-height: 452px;
    }
    #novitanav,
    #popolarinav,
    #attualitanav,
    .relatedpostsnav {
        height: 70px;
        width: 100%;
        float: left;
    }
    #attualitanav {
        position: absolute;
        z-index: 50;
/*         top: 62px; */
    }
    #popolarinav .home-articoli-nav,
    #novitanav  .home-articoli-nav {
        display: none;
    }
    
    #attualitaslider,
    #relatedpostsslider {
        position: absolute;
        float: left;
        min-height: 432px;
        top: 62px;
        min-width:2000px;  
        background-color: white;
    }
    #attualita { 
        border-top: 0px;
    }
    #attualitaslider {
        top: 0px;
    }
    
    #novitaslider,
    #popolarislider {
        min-height: 432px;
        width: 100%;
        float: left;
    }
    .home-articoli-nav-txt {
        float: none;
        margin: 16px auto 0px auto;
/*         width: 60%; */
        text-align: center;
        height: 37px;
        line-height: 37px;
        font-size: 20px;
        color: #2d3d59;
        font-weight: bold;
        
    }
    .home-articoli-nav {
        display: block;
        position: absolute;
        /*top: 16px;*/
        top: 85px;
    }
    .home-articoli-nav-mob-left {
        left: 10px;
    }
    .home-articoli-nav-mob-right {
        right: 10px;
    }
    .home-articoli-nav-img-on {
        display: none;
    }
    .stagecolumn {
        position: relative;
        padding-bottom: 20px;
        float: left;
        width: 320px;
        min-height: 432px;
        background-color: white;
    }
    .novitacolumn,
    .popolaricolumn,
    .relatedpostscolumn {
        float: left;
        width: 100%;
        padding-bottom: 20px;
        background-color: white;
    }
    .category-box-link-cont {
        width: 100%;
        float: left;
    }
    .category-box-link {
        display: block;
        float: left;
        height: 23px;
        line-height: 23px;
        padding: 0px 8px;
        font-size: 12px;
        color: white;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .category-box-news {
        background-color: #2cabe0;
    }
    .home-category-box-cont {
        float: left;
        min-height: 23px;
        width: 100%;
    }
    .home-post-img-cont {
        min-width: 285px;
        min-height: 188px;
        overflow: hidden;
        background-size: 100% 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        float: left;
    }
    .home-post-img-cont img {
        width: 100%;
    }
    .home-post-txt-cont {
        float: left;
        margin: 12px 5% 10px 5%;
        width: 90%;
    }
    .home-post-title,
    .home-post-title a,
    .home-post-title a:hover {
        font-family: 'Adelle Bold';
        width: 100%;
        float: left;
        margin-top: 5px;
        color: #364151;
        font-size: 19px;
        line-height: 22px;
    }
    .videocolumn .home-post-title,
    .videocolumn .home-post-excerpt,
    .videocolumn .home-post-link,
    .videocolumn .home-post-link:hover,
    .videocolumn .home-post-title a,
    .videocolumn .home-post-title a:hover {
        color: white;
    }
    .home-post-excerpt {
        width: 100%;
        float: left;
        margin-top: 5px;    
        float: left;
        color: #727272;
        font-size: 15px;
        line-height: 18px;
    }
    .home-post-excerpt a,
    .home-post-excerpt a:hover {
        color: #727272;
    }
    .home-post-link {
        display: block;
        float: left;
        font-size: 14px;
        line-height: 17px;
        height: 22px;
        margin: 0px 5%;
        width: 90%;
        color: #27344b;
        font-weight: bold;
    }
    .home-post-link:hover {
        color:#1c809e;
    }
    .home-articoli-nav .home-articoli-nav-img-on {
        display: none;
    }
    .home-articoli-nav .home-articoli-nav-img-off {
        display: inline;
    }
    .home-articoli-nav:hover .home-articoli-nav-img-on {
        display: inline;
    }
    .home-articoli-nav:hover .home-articoli-nav-img-off {
        display: none;
    }
    #category-title {    
        font-size: 19px;    
        font-weight: bold;
        width: 90%;
        height: 50px;
        line-height: 50px;
        margin: 0px 5%;
        float: left;
        overflow: hidden;
    }
    #category-title-mobile {
        font-size: 19px;    
        font-weight: bold;
        width: 90%;
/*         height: 30px; */
        line-height: 30px;
        margin: 20px 5%;
        float: left;
        overflow: hidden;
    }
    /* Single Page */
    #single-post-body,
    #single-post-body-ugc {
        float: left;
        width: 100%;
        background-color: white;
        position: relative;
        padding-top: 20px;
    }
    #single-big-img-cont {
        float: left;
        width: 100%;    
        /*height: 368px;*/
        margin-top: 20px;
    }
    #single-big-img-cont img {
        width: 100% !important;
        height: auto !important;
    }
    #single-post-container,
    #single-post-container-ugc {
        position: relative;
        width: 90%; 
        padding: 0px 5% 40px 5%;
        float: left;
    }
    #single-post-container img {
        max-width: 100%;
        height: auto;
    }
    #single-post-data {
        color: #b1b1b1;
        font-size: 15px;
        line-height: 18px;
        width: 100%;
        float: left;
    }
    #single-post-title {
        font-family: 'Adelle Bold';
        margin-top: 20px;
        color: #364151;
        font-size: 30px;
        line-height: 35px;
        width: 100%;
        float: left;
    }
    #single-post-subtitle {
        font-family: 'Adelle Regular';
        color: #171819;
        font-size: 20px;
        line-height: 23px;
        margin-top: 10px;
        width: 100%;
        float: left;
    }
    #single-post-tags {    
        color: #494949;
        font-size: 12px;
        line-height: 15px;
        margin-top: 20px;
        width: 100%;
        float: left;
    }
    #single-post-tags a,
    #single-post-tags a:hover {
        color: #65afdb;
        text-decoration: underline;
        font-weight: bold;
    }
    #single-post-text {
        font-family: 'Adelle Regular';
        margin-top: 20px;
        width: 100%;
        float: left;
        color: #4f4f4f;
        font-size: 16px;
        font-weight: normal;
        line-height: 29px;
    }
    #single-post-text a {
        color: #1c809e;
        font-weight: bold; 
    }
    #single-post-text a:hover {
        font-weight: bold;        
        color:#000000;
    }
    #single-post-text b,
    #single-post-text strong {
        font-family: 'Adelle Bold';
    }
    
    #single-post-text h3 {
        font-size: 20px;
        font-family: 'Adelle Bold';
        margin-top: 10px;
    }
    #single-post-text p {
        margin-top: 10px;
    }
    #single-post-author {
        color: #b3b3b3;
        font-size: 16px;
        line-height: 19px;
        margin-top: 20px;
        width: 100%;
        float: left;    
    }
    #single-post-slider-cont {
        margin-top: 20px;
        width: 100%;
        float: left;        
    }
    #single_sharing_mobile {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    #single-libreria {
        float: left;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
        position: relative;
        overflow: hidden;
        height: 316px;
    }
    #single-libreria-title {
        font-size: 16px;
        line-height: 30px;
        color: #344362;
        font-weight: bold;
        width: auto; 
        float: left;
    }
    #single-libreria-nav {
        border-bottom: 1px solid #344362;
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }
    .libreria-nav-cont {
        width: 70px;
        height: 30px;
        float: right;
    }
    .libreria-nav {
        display: block;
        width: 30px;
        height: 30px;
        overflow: hidden;
    }
    .libreria-nav img {
        height: 30px;
    }
    .libreria-nav .libreria-nav-img-on {
        display: none;
    }
    .libreria-nav .libreria-nav-img-off {
        display: inline;
    }
    .libreria-nav:hover .libreria-nav-img-on {
        display: inline;
    }
    .libreria-nav:hover .libreria-nav-img-off {
        display: none;
    }

    #single-libreria-slider {
        position: absolute;
        overflow: hidden;    
        min-width: 850px;
        top: 36px;
        visibility: hidden;
    }
    .libro {
        width: 150px;
        float: left;
        position: relative;
        margin-right: 15px;
    }
    .libro a {
        display: block;
        float: left;
        min-height: 280px;
        width: 150px;
        position: relative;
    }
    .libro img {
        position: absolute;
        display: block;
        width: 150px;
        height: auto;
        bottom: 0px;
        vertical-align: bottom;
    }
    /* CATEGORY PAGE */
    /*#category-title {
        font-size: 19px;    
        font-weight: bold;
        width: 100%;
        height: 70px;
        line-height: 70px;
    }*/
    #category-body {
        width: 100%;
        overflow: hidden;
        background-color: white;
    }
    .category-post-list {
        float: left;
        margin-top: 2px;
/*        width: 90%;
        padding: 20px 0px;
        margin: 0px 5%;*/
        width: 100%;
        border-top: 1px solid  #d5d5d5;
    }
    .category-post-big-cont {
        float: left;
        width: 100%;
    /*     height: 569px;     */
    }
    .category-post-big {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .category-post-big-img img {
        width: 100%;
    }

    .category-post-big-info {
        float: left;
        width: 90%;
        padding: 0% 5% 0% 5%;
        margin-top: 20px;
        background-color: white;
    }
    .category-post-big-info h2 {
        font-size: 30px;
        line-height: 33px;
        color: #283A4D;
        margin-top: 10px;
        float: left;
        width: 100%;
        font-family: 'Adelle Bold';
    }
    .category-post-big-info h2 a,
    .category-post-big-info h2 a:hover {
        color: #283A4D;
    }
    .category-post-big-info p {
        font-family: 'Adelle Regular';
        float: left;
        color: #283A4D; 
        font-size: 14px;
        line-height: 17px;
        margin-top: 10px;
        width: 100%;
    }
    .category-post-big-info p a {
        color: #727272;
    }
    .category-post-big-info p a:hover {
        color: #727272;
    }
    .category-post-big-info p .continua-category:hover {
        color: #1c809e;
    }
    .category-post-list-img {
        /*width: 48%;*/
        width: 100%;
        overflow: hidden;
        float: left;    
        background-size: cover;    
        background-position: center center;
        background-repeat: no-repeat;        
    }
    .category-post-list-info {
        /*float: right;
        width: 48%;
        margin: 10px 0px;*/        
        float: left;
        width: 90%;
        margin: 10px 5%;
    }
    .category-post-list-info h2 {
        font-family: 'Adelle Bold';
        font-size: 23px;
        line-height: 26px;
        color: #364151;
        margin-top: 10px;
        float: left;
        width: 100%;
    }
    .category-post-list-info h2 a,
    .category-post-list-info h2 a:hover {
        color: #364151;
        font-family: 'Adelle Bold';
    }
    .category-post-list-info p {
        float: left;
        width: 100%;
        color: #727272;
        font-size: 14px;
        line-height: 17px;
        margin-top: 10px;
    }
    .category-post-list-info p .continua-category, 
    .category-post-list-info p a,
    .category-post-list-info p a:hover {
        color: #727272;
    }
    .category-post-list-info p .continua-category {
        font-size: 11px;
    }
    .category-post-list-info p .continua-category:hover {
        color: #1c809e;
    }
    /*
    * usp_form Customisation
    */
    #ugc-title {
        font-family: 'Adelle Regular';
    /*     margin-top: 20px; */
        color: #364151;
        font-size: 20px;
        line-height: 30px;
        width: 100%;
        float: left;
        margin-top: 20px;
        float: left;
    }
    #ugc-subtitle  {
        font-family: 'Adelle Regular';
        color: #a7abb0;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 30px;
        width: 100%;
        float: left;
    }
    .ugccolumn {
        float: left;
        width: 100%;
        min-height: 300px;
/*         border-right: 1px solid #F3EFF0; */
        background-color: white;
    }
    .ugcrow {
        border-top: 1px solid #F3EFF0;
        width: 100%;
        float: left;
    }
    .ugc-image-cont {
        /*width: 100%;
        height: 120px;    
        padding-top: 68px;*/
        display: block;
        float: left;
        text-align: center;
/*         font-size: 17px; */
        margin: 38px 20px 40px 38px;
        width: 245px;
    }
    .ugc-image-cont a {
        color: #364151;
    }
    #ugc-toggleform #ugc-lente {
        vertical-align: middle;
        margin-bottom: 4px;
        margin-right: 10px;
    }
    #ugc-toggleform {
        height: 55px;
        line-height: 55px;
        color: white;
        display: block; 
        float: left;
        background-color: #1B3149;
        width: 96%;
        padding: 0px 2%;
        border-radius: 5px;
        font-weight: bold;
        font-size: 16px;
    }
    #ugc-toggleform .ugc-nav {
        margin-top: 15px;
    }
    #ugc-infocont {
        margin-top: 20px;
        display: none;
        width: 100%;
    }
    #user-submitted-posts {
        width: 100%;
        float: left;
    }
    #write-icon {
        display: block;
        position: absolute;
        top: 0px;
        left: -135px;
        z-index:1;
    }
    #user-submitted-posts #usp_form fieldset {
        margin-top: 20px;
        float: left;
        width: 100%;
    }
    #user-submitted-posts #usp-name-input,
    #user-submitted-posts #usp-title-input,
    #user-submitted-posts #usp-captcha-input {
        height: 52px;
        line-height: 52px;
        font-size: 14px;
        background-color: #f4f4f6;
        color: #cacbd0;
        border-radius: 5px;
        border: 0px;
        outline: none;
        padding: 0px 3%;
        width: 94%;
    /*     text-transform: uppercase; */
        font-weight: 900;
    }
    #user-submitted-posts #usp-testo-input {
        height: 322px;
        line-height: 24px;
        font-size: 14px;
        background-color: #f4f4f6;
        color: #cacbd0;
        border-radius: 5px;
        border: 0px;
        outline: none;
        padding: 2% 3%;
        width: 94%;
    /*     text-transform: uppercase; */
        font-weight: 900;
    }

    #user-submitted-posts ::-webkit-input-placeholder { /* WebKit browsers */
        color: #cacbd0;
    }
    #user-submitted-posts :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cacbd0;
    opacity:  1;
    }
    #user-submitted-posts ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cacbd0;
    opacity:  1;
    }
    #user-submitted-posts :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cacbd0;
    }
    #user-submitted-posts #user-submitted-post {
        height: 52px;
        line-height: 52px;
        font-size: 14px;
        background-color: #ff7062;
        color: white;    
        border-radius: 5px;
        border: 0px;
        outline: none;
        padding: 0px 3%;
        font-weight: 900;
        cursor: pointer;
    }
    #fb-root,
    #_atssh {
        position: absolute;
        z-index: -1;
        display: none;
    }
    #iscrizione-newsletter {
        float: none;
        margin: 25px auto 0px auto;
        width: 241px;
    }
    .sml_name,
    .sml_emaillabel {
        display: none;
    }
    .sml_emailinput {
        display: block; 
        float: left;
        border: none;
        height: 20px;
        line-height: 16px;
        padding: 2px 5px;
        height: 30px;
        border-radius: none;
        width: 150px;
    }
    .sml_submitbtn {
        border: 0;
        display: block;
        height: 35px;
        width: 81px;
        float: right;
        background-image: url('img/tastoinvia.png');
        color: #AEAEB0;
        font-size: 13px;
    }
}
@media only screen and (max-width:1025px) and (min-width:720px) {
    /*#iscrizione-newsletter {
        display: none;
    }*/

    #titolo-index-mobile {
        display: none;
    }

    #titolo-index {
        width: 90%;
    }

    .desktop {
        display: none;
    }
    .mobile720 {
        display: auto;
    }
    .mobile320 {
        display: none;
    }
    #widgets {
        display: none;
    }
    .stagecolumn {
        min-height: 500px;
    }
    .novitacolumn,
    .popolaricolumn,
    .relatedpostscolumn {
        float: left;
        width: 50%;
        padding-bottom: 20px;
        min-height: 500px;
    }
    #novita,
    #popolari,
    .relatedposts,
    #attualita {
        min-height: 562px;
    }
    #iscrizione-newsletter {
        float: none;
        margin: 25px auto 0px auto;
        width: 241px;
    }
    .sml_name,
    .sml_emaillabel {
        display: none;
    }
    .sml_emailinput {
        display: block; 
        float: left;
        border: none;
        height: 20px;
        line-height: 16px;
        padding: 2px 5px;
        height: 30px;
        border-radius: none;
        width: 150px;
    }
    .sml_submitbtn {
        border: 0;
        display: block;
        height: 35px;
        width: 81px;
        float: right;
        background-image: url('img/tastoinvia.png');
        color: #AEAEB0;
        font-size: 13px;
    }
}
/*
 Desktop 320 - 720
 */
@media only screen and (max-width:719px) {

    #titolo-index {
        display: none;
    }

    .pagewidth {
        width: 100%; 
    }
    .desktop {
        display: none;
    }
    .mobile720 {
        display: none;
    }
    .mobile320 {
        display: auto;
    }
    #widgets {
        display: none;
    }
    #iscrizione-newsletter {
        float: none;
        margin: 25px auto 0px auto;
        width: 241px;
    }
    .sml_name,
    .sml_emaillabel {
        display: none;
    }
    .sml_emailinput {
        display: block; 
        float: left;
        border: none;
        height: 20px;
        line-height: 16px;
        padding: 2px 5px;
        height: 30px;
        border-radius: none;
        width: 150px;
    }
    .sml_submitbtn {
        border: 0;
        display: block;
        height: 35px;
        width: 81px;
        float: right;
        background-image: url('img/tastoinvia.png');
        color: #AEAEB0;
        font-size: 13px;
    }
}
