/* 

*/
body,p {font-family: 'Roboto', sans-serif; font-size: 16px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif;}
.h2, h2 { font-size: 1.6rem; font-weight: 700}
a{color: #B21F65; transition: all 0.2s ease }
a:hover{color: #333}
.button{background: #B21F65;    text-transform: uppercase;  font-size: 14px; letter-spacing: 0.04em;}
.button:focus, .button:hover { background-color: #333; color: #fefefe;}
.button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover{ background-color: #333; color: #fefefe;}
.page_fullheight .inner-content{height:100%; height: 100%; margin-top: 50px}
.inner-content{ margin-top: 50px;height:100%; height: 100%; }

.uppercase{text-transform: uppercase}
.bold{font-weight: 700}
.black{font-weight: 900}
.italic{font-weight: 400;font-style: italic}

.header .top-bar{border-bottom: 1px solid #B21F65;}
.top-bar, .top-bar ul{background: transparent}
.logo{background: url(../img/edizioni-lavoro.svg) left center no-repeat; background-size: contain;height: 90px;font-size: 0; padding: 0 !important;   width: 220px; padding: 0 !important;}
#menu-main-menu-1.menu .active>a,#menu-main-menu-1.menu a:hover{color: #B21F65; background: none }
.menu a{color: #444444; font-weight: 700}
.bg-dark a{color:#fff; background:  #B21F65;text-transform: uppercase;  font-size: 0.8rem;  letter-spacing: 0.06em;   font-weight: 400; position: relative; padding-right:1.6rem !important}
.bg-dark a:before{content: ""; position: absolute; float: right; right: 0.8rem; top: 0; height: 100%; width: 7px; background: url(../img/arrow-rw.svg) right center no-repeat; background-size: contain}
#menu-main-menu-1 .bg-dark a:hover{color: #fff; background: #444}




.menu.user-menu{margin-bottom: 6px}
.menu.user-menu li > a {padding-right: 0; font-weight: 400; text-transform: uppercase; font-size: 14px;}
.menu.user-menu li > a:hover,.menu.user-menu .active>a{ background: none;color: #B21F65; }

.titoli-sottolineati,.page-title{margin-bottom: 20px; font-size: 19px; font-weight: 500; padding-bottom: 20px; color: #212121; text-transform: uppercase; border-bottom: 1px solid #444444}

#message.updated p{ padding: .7rem 1rem; margin-bottom: 0; background: #50A547; margin-top: 20px; color: #fff}
.acf-fields > .acf-field{padding: 15px 0;}
.acf-field-user,.acf-field-date-picker{display: none}
.lista-codici-inseriti > div{padding: 8px 0; border-bottom: 1px solid rgba(168,168,168,0.5)}
.lista-codici-inseriti{font-size: 15px; color: #4C4C4C; font-weight: 500}
.lista-codici-inseriti .header-table{font-size: 16px; color: #4C4C4C; font-weight: 500}
.lista-codici-inseriti{margin-bottom: 30px}
.form-insert form{display: none}
.nuovo-codice{text-transform: uppercase}

/* LOGIN LOGOUT */
.page-template-template-login h2{font-size: 20px; font-weight: 500}
#loginform input[type="submit"],.wppb-register-user input[type="submit"] {   width: 100%; font-size: 16px;text-transform: uppercase;   font-weight: 400;  letter-spacing: 1px;}
#loginform p:not(.login-remember) label,#loginform p:not(.login-remember) input{width: 100% !important}
.wppb-register-user li:not(.wppb-send-credentials-checkbox) label, .wppb-register-user li:not(.wppb-send-credentials-checkbox) input{width: 100% !important}
.wppb-user-forms ul{margin-bottom: 0}

.initial-description h1,.initial-description h2,.initial-description p{font-size: 18px; font-weight: 500; line-height: 27px}
.initial-description .logo-scritta{font-size: 0; height: 50px; background: url(../img/mysmartbook-scritta.svg) center center no-repeat; background-size: contain}
.initial-description {padding: 40px 20px; margin-bottom: 30px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e8e8e8+100&0+66,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(153,153,153,0) 66%, rgba(232,232,232,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(153,153,153,0) 66%,rgba(232,232,232,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(153,153,153,0) 66%,rgba(232,232,232,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6e8e8e8',GradientType=0 ); /* IE6-9 */ }

/* SIDEBAR */
.sidebar-container{margin-bottom: 20px}
.menu.sidebar-userpage > li{  border-bottom: 1px solid #dadada; transition: all linear .2s }
.menu.sidebar-userpage > li.no-bg{padding-left: 1rem}
.menu.sidebar-userpage > li {text-transform: uppercase; font-weight: 500; }
.menu.sidebar-userpage > li > a{font-weight: 500; padding-top: 1rem  }
.menu.sidebar-userpage > li  span{font-size: 14px; font-weight: 400; line-height: 25px; text-transform: initial }
.menu.sidebar-userpage > li.active,.menu.sidebar-userpage > li.active > a {background: #B21F65; color: #fff}
.menu.sidebar-userpage > li:not(.active) > a:hover {margin-left: .2rem; }

.libri-list{ padding-top: 10px; background: #fff}
.libri-list li a{padding:.8rem .5rem !important; font-size: 14px; font-weight: 500; padding-right: 20px; background: url(../img/arrow-rg.svg) 97% center no-repeat; background-size: 9px;    text-transform: initial;}
.libri-list li.scaduto{padding:.8rem .5rem ; font-size: 14px; font-weight: 500;}
.libri-list li{   border-bottom: 1px solid #dadada; color: #999; text-transform: none}
.libri-list li a:hover, .libri-list li.active a{background-color: #EFEFEF; background-position: 98% }



 .submenu-toggle{width: 30px; outline: none; height: 100%; }
.submenu-toggle[aria-expanded="true"]{height: 60px}
.submenu-toggle::after{border: none;     background: url(../img/plus-icon.svg) center center no-repeat;  background-size: 15px;  width: 30px;    height: 15px;    margin: 0;    float: right; }
.submenu-toggle[aria-expanded="true"]::after{ background-image: url(../img/minus-icon.svg); }



.excerpt-read-more{    display: block;  float: right;  margin-top: 8px;}
/* LOOP LIBRI */
.libro-singolo{margin-bottom: 1.8rem}
.thumb-libro{position: relative; overflow: hidden;/*box-shadow: 0 0 5px rgba(0,0,0,0.1);*/}

.overlay-thumb{background: #353535; position: absolute; top: 0; left:0;  transform:  -ms-transform: translate(-500px,0); /* IE 9 */   -webkit-transform: translate(-500px,0); /* Safari */
    transform: translate(-500px,0); /* Standard syntax */ width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; padding-left: .935rem; padding-right: .935rem }
.libro-singolo:hover .overlay-thumb ,.libro-singolo .scaduto .overlay-thumb{opacity: 1;    transform:  -ms-transform: translate(0,0); /* IE 9 */   -webkit-transform: translate(0,0); /* Safari */    transform: translate(0,0); /* Standard syntax */   text-align: center}
.libro-singolo .scaduto .overlay-thumb{opacity: 0.5}

.thumb-libro img{width: auto; max-width: initial; height: 370px; box-shadow: 0 0 5px rgba(0,0,0,0.1);margin: auto;display: inherit;}
.thumb-libro figure{background: center center no-repeat; background-size: contain}
.overlay-thumb span{display: block; text-align: center;width: 100%;}
.overlay-thumb .titolo{font-weight: 900; text-transform: uppercase; text-align: center;font-size: 24px;margin-bottom: 10px; color: #fff}
.overlay-thumb .autori,.overlay-thumb .anno{font-size: 14px; color: #C6C6C6; margin-bottom: 10px }
.overlay-thumb .sottotitolo{font-size: 14px; font-weight: 700; color: #B21F65; margin-bottom:10px}

.action-libro{background:#EFEFEF}
.action-libro .num-art{ padding: 12px; font-size: 16px; font-weight: 700; color: #fff; line-height:19px;  padding-left: 40px;  background:  #197F7A url(../img/art-icon.svg) 12px center no-repeat; background-size: 16px }
.action-libro .link-libro a{ text-align: right; font-size: 16px; display: block; width: 100%; padding-right: 2rem; color: #7F7F7F; position: relative; padding-top: 12px; padding-bottom: 12px; line-height: 19px}
.action-libro .link-libro a:hover{background:#B21F65; color: #fff }
.action-libro .link-libro a:before{background: url(../img/arrow-rg.svg) right center no-repeat;  background-size:contain; width: 9px; content: ""; position: absolute; float: right; right: 0.8rem; top: 0; height: 100%;}
.libro-singolo:hover div:not(.scaduto) .action-libro{ box-shadow: inset 0 0 15px rgba(0,0,0,0.2);}
.libro-singolo{position: relative}
.libro-singolo.has-new-content:before{content: "Nuovi Contenuti"; padding:10px 14px; background: #b21f65; color: #fff; text-transform: uppercase; font-size: 11px; position: absolute; bottom: 60px;   z-index: 1;  font-weight: 500;  letter-spacing: .06em;}

/* ARTICOLO SINGOLO */
.entry-title.single-title{font-size: 22px; font-weight: 900}
blockquote{border: none}
blockquote:before{content: ''; background: url(../img/quotes.svg) left top no-repeat; background-size: contain; width: 20px; height: 20px;    display: block;
    float: left;   margin-right: 20px;}
blockquote, blockquote p {    line-height: 1.6;    color: #222;    font-style: italic;    font-size: 17px;}

.pdf-embed{padding-left: 20px; border-left: 3px solid #B21F65; position: relative; width: 100%; height: 50px; display: table; margin: 20px 0;clear: both; transition: all linear 0.2s;     overflow: hidden;}
.pdf-embed:before{position: absolute; left: -20px; top: 5px; content:"";background: #B21F65 url(../img/download-button.svg) center center no-repeat; background-size: 24px; top: 0; font-size: 35px; color: #B21F65; opacity: 0;transition: all linear 0.2s; width: 50px; height: 50px }
.pdf-embed a{color: #B21F65; display: table-cell; vertical-align: middle; font-size: 17px; font-weight: 700}
.pdf-embed a:hover{color:#333 }
.pdf-embed:hover{padding-left: 60px;}
.pdf-embed:hover::before{opacity: 1; left: 0}
.single.single-post article.post.type-post{margin-bottom: 50px}


/* LIBRO SINGOLO */ 
.article-header.main-header{padding: 0.7rem; background:#F9F9F9; margin-bottom: 50px; }
.article-header.main-header .post-image{position: relative}
.article-header.main-header .auto.cell{padding: 1rem 0 1rem 3rem;}
.article-header.main-header h1,.article-header.main-header  .book-title{font-size: 22px; font-weight: 900}
.post-infos span{ display: block; width: 100%; font-size: 14px}
.post-infos .autori{font-weight: 500}
.post-infos .sottotitolo{color: #B21F65;font-weight: 500}
.post-infos .ncontenuti{border-top: 1px solid #dadada; padding-top: 10px; font-size: 13px; color:#7F7F7F;    margin-bottom: 0;}
.articoli-collegati-list{}
.article-header h2 a{font-size: 18px; font-weight: 500; color: #444}
.article-header h2 a:hover{color:#B21F65}
.articoli-collegati-list article{padding: 10px 10px; border-bottom: 1px solid #dadada}
.articoli-collegati-list article:last-child{border-bottom: 0}

.articoli-collegati-list article.is-new-c h2:after{content:"nuovo"; display: inline-block; font-size: 11px; margin-left: 10px;  padding: 2px 4px; color: #fff; background: #B21F65; text-transform: uppercase;letter-spacing: .02rem;    position: relative;  top: -3px;}
.articoli-collegati-list article.is-not-read{background: #fafafa;  padding-left: 10px;  padding-right: 10px;}
.articoli-collegati-list article.is-not-read h2 a{ color: #000;}
.articoli-collegati-list article.is-not-read header:before{content:"Non ancora letto"; display: block;font-size: 12px; line-height: 10px; color: #B21F65}

.icons-type span{width: 30px; height: 100%; background: center center no-repeat; background-size: contain; display: block;}
.icons-type .ic-link{background-image: url(../img/link.svg)}
.icons-type .ic-video{background-image: url(../img/video.svg)}
.icons-type .ic-gallery{background-image: url(../img/image.svg)}
.icons-type .ic-audio{background-image: url(../img/audio.svg)}


.pagination-bst {margin-top: 20px;  border-top: 1px solid #dadada;   padding: 20px 0;}
.pagination-bst .page-numbers{background: #f2f2f2; width: 30px; height: 30px; text-align: center; line-height: 30px; margin: 4px}
.pagination-bst  a.page-numbers {color: #333;}
.pagination-bst .page-numbers.current,.pagination-bst  a:hover{background: #B21F65; color: #fff}
.pagination-bst .next,.pagination-bst  .prev{width: auto; background: none !Important; }
.pagination-bst .next:hover,.pagination-bst  .prev:hover{color: #B21F65 !Important}
/* FOOTER */
footer.footer{margin-top: 0}
footer.footer .inner-footer{    background: #197F7A;  color: #fff;  text-align: center;    font-size: 14px;   padding: 10px 0;}  
.grid-y.grid-frame > .cell.auto{ overflow-x: hidden;overflow-y: auto; padding-bottom: 20px}
footer.footer .menu a, footer.footer .menu .active>a{color:white; background:none}

/* book 3d */
.csstransforms3d{position: absolute;  left: 20px;top: -20px; transform: rotatez(-14deg);}
.csstransforms3d  .books { -moz-perspective: 100px; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.csstransforms3d  .book { position: relative; -moz-perspective: 100px;  -moz-transform: rotateY(-3deg);  -webkit-transform: perspective(100) rotateY(-3deg);  outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */  box-shadow: none;  margin: 0;      max-width: 170px;}
.csstransforms3d  .book img {  position: relative;  max-width: 100%;}
.csstransforms3d  .book:before,.csstransforms3d  .book:after {  position: absolute;  top: 2%;  height: 96%;  content: ' ';  z-index: -1;}
.csstransforms3d  .book:before {  width: 100%;  left: 7.5%;  background-color: #333;  box-shadow: 5px 5px 20px #999;}
.csstransforms3d  .book:after {  width: 5%;  left: 100%;  background-color: #EFEFEF;  box-shadow: inset 0px 0px 5px #888;  -moz-transform: rotateY(20deg);  -webkit-transform: perspective(100) rotateY(20deg);}


.ui-autocomplete-input{width: 100%; width: calc( 100% - 49px );   height: 40px;    float: left; padding-left: 10px}
.ui-button-icon-only{height: 40px;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {   border: 1px solid #197F7A;  background: #197F7A;   color: #fff;    margin-left: 7px;}

.linked-contents{margin-bottom: 60px}
.linked-contents .cell {padding-right: .9375rem;
padding-left: .9375rem;}
.linked-contents .cell a{display: block;background: center center no-repeat;    background-image: none;    background-size: auto auto;background-size: contain;}
.linked-contents a:hover{opacity: .8}
.linked-contents a img{opacity: 0}

.banner-content{margin: 40px auto}

.wppb-gdpr-checkbox.wppb-form-field #user_consent_gdpr{float: left;  text-align: left;   width: auto !important;   margin: 6px !important;}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .title-bar{background: none}
    .sidebar-container{    border-bottom: 1px solid #dadada;   margin-bottom: 20px;}
    ul.libri-list{display: none}
    .grid-padding-x>.cell {  padding-right: .9rem;  padding-left: .9rem;}
    .title-bar{position: relative;    border-bottom: 1px solid #B21F65;}
    .home:not(.logged-in) .menu-icon{display: none} 
    
    .menu-icon {position: absolute;float: right; right: 10px}
    .menu-icon::after{    background: #B21F65;   -webkit-box-shadow: 0 7px 0 #B21F65, 0 14px 0 #B21F65;   box-shadow: 0 7px 0 #B21F65, 0 14px 0 #B21F65;height: 4px;}
    .inner-content,.page_fullheight .inner-content {    margin-top: 20px;}
    body, p{font-size: 15px}
    .csstransforms3d{position: relative; left: 0; top: 0; transform: rotateZ(0)}
    .post-infos p:not(.ncontenuti){display: none}
    .post-infos p.sottotitolo-show{display: block}
    .post-infos .book-title{     font-size: 20px;margin-top: 10px;   font-weight: 700;  line-height: 21px;  margin-bottom: 10px;}
    .article-header.main-header .auto.cell{ padding: 0 .4rem 0 1.5rem;}
    .article-header.main-header h1{font-size: 18px}
    .action-libro .link-libro a{font-size: 0; height: 42px}
    .article-header.main-header{margin-bottom: 10px}
    .article-header h2 a {   font-size: 20px;   font-weight: 700;}
    h2 {line-height: 22px;}
    .excerpt-read-more{float: none; text-align: left; margin-bottom: 10px}
    .articoli-collegati-list article{padding: 20px 0 10px}
    .button{font-size: 13px;     padding: .5rem;}
    
    .overlay-thumb .titolo{font-size: 16px}
    .overlay-thumb .autori, .overlay-thumb .anno,.overlay-thumb .sottotitolo{display: none}
    .entry-title.single-title{font-size: 24px}
    .articoli-collegati-list article.is-new-c h2:after{content: ""; display: none}
    .articoli-collegati-list article.is-new-c h2:before{content:"nuovo"; display: inline-block; font-size: 11px; margin-right: 10px;  padding: 2px 4px; color: #fff; background: #B21F65; text-transform: uppercase;letter-spacing: .02rem;    line-height: 11px;   position: relative;   top: -3px;}
    .libro-singolo.has-new-content:before{font-size: 11px; padding: 4px 6px; bottom: 43px; }
    
    .gotobook{margin-top: 10px}
    .thumb-libro img{height: 180px}
    
    .initial-description {padding: 20px 15px}
    .initial-description .logo-scritta{height: 40px}
    .initial-description h1, .initial-description h2, .initial-description p{font-size: 14px; line-height: 22px}
    .initial-description span{font-size: 18px !important; font-weight: 500 !Important}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    body, p{font-size: 15px}
     .post-infos span.sottotitolo{display: block}
    .csstransforms3d{top: 10px}
    .article-header.main-header{margin-bottom: 20px}
    .single.single-post .post-infos span{display: none}
    .thumb-libro img{height: 300px}
    
}

@media screen and (min-width: 64em) and (max-width: 70em) {
    .thumb-libro img{height: 300px} 
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{border-radius:0; background:#B21F65; border: none; }

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover{border: none; color: #333 !important}
    
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button{color: #333}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i{color: #333}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i{background-color:#197F7A; border-color: #197F7A }

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{background:#B21F65; border-radius: 0 }
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover{color: #333 !Important}

#moove_gdpr_cookie_modal .switch .slider{height: 16px}
#moove_gdpr_cookie_modal .switch .slider::before{height: 16px; width: 16px}
#moove_gdpr_cookie_modal .switch .slider::after{top: -7px}