/*
Theme Name: Ufficio.com
Version: 2.2.3
Description: Tema di <a href="http://www.ufficio.com">ufficio.com</a>
Author: M.
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2018 Graffiti s.r.l.
Template: smart-mag
*/

.top-bar {
    border-top-color: #96e363;
}

.trending-ticker .heading {
    color: #666;
}

.mega-menu .sub-nav {
    padding-right: 30px;
}

.mega-menu .featured h3 {
    /*padding-left: 0;*/
    text-transform: none;
}

.main-featured .cat {
    line-height: 30px;
    background: #e54e53;
    /*padding: 0 14px;
    margin-left: 20px;*/
}

.cat-title {
    font-size: 13px;
    /*margin-left: 7px;*/
}

.highlights h2,
.highlights h3 {
    color: #19232d;
    font-size: 14px;
    line-height: 1.3;
    padding-left: 14px;
    margin: 7px 0;
}

.highlights h2:before,
.highlights h3:before {
    content: " ";
    display: block;
    float: left;
    position: absolute;
    left: 0;
    height: 18px;
    border-left: 3px solid #e54e53;
}

.highlights h2 a,
.highlights h3 a {
    color: #19232d;
}

.highlights .excerpt {
    border-left: none;
    padding: 0 0 14px 0px;
    margin: 14px 0;
}

.highlights h2.excerpt:before {
    content: none;
}

.post-header {
    margin-bottom: auto;
}

/*da cancellare*/
.post-header .post-title {
    font-size: 30px;
    position: relative;
    padding-left: 18px;
    margin-right: 35px;
    float: left;
}

.post-header .post-title:before {
    content: " ";
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 6px; /* line-height padding */
    height: 30px;
    border-left: 3px solid #e54e53;
}

.post-header .comments {
    float: right;
    margin-left: -35px;
    color: #a6a6a6;
    font-size: 11px;
    line-height: 28px;
}

.post-header .comments:hover {
    text-decoration: none;
}

.post-header .comments .fa {
    font-size: 13px;
}

/*fine da cancellare*/

.post-meta .post-title {
    font-size: 30px;
    margin-top: 12px;
    line-height: 1;
}

.post-meta .excerpt {
    line-height: 1.5;
    margin-top: 12px;
    padding-bottom: 0;
    border-bottom: none;
}

.post .post-content > p:first-child {
    font-size: inherit;
    color: inherit;
}

.main-footer .widget_tp_widget_recent_tweets .tp_recent_tweets {
    max-height: 280px;
    overflow: auto;
}

.main-footer .widget_tp_widget_recent_tweets .tp_recent_tweets li {
    background-image: url('images/tweet_green.png');
    background-position: 0px 7px;
    padding-left: 30px;
    padding-bottom: 20px;
    border-color: #253443;
}

.main-footer .widget_tp_widget_recent_tweets .tp_recent_tweets li:first-child {
    background-position: 0px 0px;
}

.main-footer .widget_tp_widget_recent_tweets .tp_recent_tweets li a {
    color: #2b7bb9;
}

.main-footer .widget_tp_widget_recent_tweets .tp_recent_tweets li a.twitter_time {
    color: #19232d;
}

/* ADV */

.NA .ob_org_header,
.NA .obpd_header {
    display: none !important;
}

.NA .ob_container {
    height: 230px;
}

.NA .ob_container_recs {
    margin: 0px -15px;
    width: auto !important;
}

.NA .ob_container_recs .item-container {
    width: 20% !important;
    padding: 0 15px !important;
    box-sizing: border-box;
}

.NA .strip-img {
    width: 100% !important;
    height: auto !important;
}

.comments .text {
    font-size: 13px;
    display: inline-block;
    margin-right: 30px;
    text-transform: uppercase;
    color: #19232d;
}

/*MODALE*/

.modal {
    width: 700px;
}

.modal-header {
    background: transparent;
}

#modal-join-sondaggio h2 {
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: -25px;
    font-size: 30px;
    line-height: 34px;
}

#modal-join-sondaggio h4 {
    margin-bottom: 20px;
}

#modal-join-sondaggio .button {
    text-transform: uppercase;
    padding: 7px 21px !important;
    color: #fff;
    display: inline-block;
    border: 0 !important;
}

#modal-join-sondaggio .email {
    float: left;
    background: white;
    margin-right: 10px;
    width: 250px;
}

#modal-join-sondaggio .modal-body {
    overflow-y: visible !important;
    padding: 50px;
}

/*#fotomodale {*/
    /*width: auto !important;*/
    /*margin-top: -176px !important;*/
    /*margin-left: -133px !important;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*height: 479px !important;*/
/*}*/

#modal-join-sondaggio {
    display: none !important;
}

#modal-join-sondaggio.in {
    display: block !important;
    margin-top: 0px !important;
    top: 215px !important;
}

#modal-join-sondaggio .col-md-8 {
    padding-left: 145px;
    padding-bottom: 25px;
    z-index: 9999999;
    position: relative;
}

.well #linea {
    height: 80px;
    width: 5px;
    background: #96e363;
    position: absolute;
    top: -20px;
    left: 122px;
}

div#checkbox-modale {
    margin-top: 20px;
    position: relative;
    clear: both;
}

#modale-check {
    float: left;
    margin-right: 4px;
}

#dichiaro {
    margin-left: 3px;
    font-size: 10px;
}

.modal-header {
    background: transparent;
    overflow: auto;
    position: absolute;
    z-index: 9999999;
    right: 0;
}

@media (max-width: 414px) {
    #modal-join-sondaggio.in #fotomodale {
        display: none;
    }

    #modal-join-sondaggio.in {
        display: block !important;
        top: 40px !important;
    }

    #modal-join-sondaggio .col-md-8 {
        padding-left: 25px;
        padding-top: 0 !important;
        z-index: 9999999;
        position: relative;
    }

    #modal-join-sondaggio h2 {
        text-transform: uppercase;
        margin-bottom: 25px;
        margin-top: -25px;
        font-size: 25px;
        line-height: 34px;
    }

    .modal {
        width: 90% !important;
        margin-left: 0% !important;
        transform: translateX(-50%) !important;
        padding-top: 0px !important;
    }

    .well #linea {
        height: 110px !important;
        width: 5px;
        background: #96e363;
        position: absolute;
        top: -25px !important;;
        left: 2px;
    }
}

@media only screen and (max-width: 880px) {
    .modal {
        width: 90% !important;
        margin-left: 0% !important;
        transform: translateX(-50%) !important;
        padding-top: 20px;
    }

    h2 {
        text-transform: uppercase;
        margin-bottom: 25px;
        margin-top: -25px;
        font-size: 22px;
    }

    #modal-join-sondaggio .email {
        float: left;
        background: white;
        margin-right: 10px;
        width: 85%;
        margin-bottom: 15px;
    }

    #modal-join-sondaggio .button {
        text-transform: uppercase;
        padding: 7px 21px !important;
        color: #fff;
        display: inline-block;
        border: 0 !important;
        width: 80%;
    }

    #modal-join-sondaggio #fotomodale {
        width: auto!important;
        top: 27px !important;
        left: 50% !important;
        height: 350px!important;
        transform: translateX(0) !important;
    }

    #modal-join-sondaggio.in .col-md-8 {
        padding-left: 25px;
        padding-top: 195px;
        z-index: 99;
        position: relative;
    }

    .well #linea {
        height: 220px;
        width: 5px;
        background: #96e363;
        position: absolute;
        top: 170px;
        left: 2px;
    }
}

.main-featured .blocks.col-4 .large .cat,
.main-featured .blocks.col-4 .cat {
    margin-left: 0;
    padding-left: 44px;
}

.main-featured .blocks.col-4 .tag-7733 .icon-foglia {
    background: url("images/ico-foglia.png") #f2f2f2 center center no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-left: -44px;
}

.top-bar-content > div.textwidget {
    color: #000;
}

@media only screen and (max-width: 799px) {
    .top-bar-content > div.textwidget {
        text-align: center;
    }
}

@media only screen and (min-width: 800px) {
    .top-bar-content > div.textwidget {
        float: right;
        margin: 0 0 0 28px;
    }
}

@media only screen and (min-width: 800px) {
    .navigation .menu > li#menu-item-20720 {
        float: right;
    }
}

@media only screen and (min-width: 800px) {
    .navigation .menu > li#menu-item-20720 > a {
        background-color: #f2f2f2;
        border-bottom: 2px solid #96e363;
    }
}

.navigation .menu > li#menu-item-20720 > a {
    position: relative;
}

.navigation .menu > li.badge-new > a:before {
    content: 'new';
    position: absolute;
    top: 5px;
    left: 9px;
    background: #96e363;
    color: #000;
    padding: 3px;
    line-height: 10px;
    font-size: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
    transition: all .3s;
}

.navigation .menu > li.badge-new:hover > a:before {
    opacity: 0.5;
}

@media only screen and (max-width: 880px) {
    .post-content h1, .post-content h2, .post-content h3,
    .post-content h4, .post-content h5, .post-content h6 {
        margin-top: 0px;
    }
}

/*MODALE*/

.modal {
    width: 700px;
}

.modal-header {
    background: transparent;
}

#modal-join-newsletter h2 {
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: -25px;
    font-size: 30px;
    line-height: 34px;
}

#modal-join-newsletter h4 {
    margin-bottom: 20px;
}

#modal-join-newsletter .button {
    text-transform: uppercase;
    padding: 7px 21px !important;
    color: #fff;
    display: inline-block;
    border: 0 !important;
}

#modal-join-newsletter .email {
    float: left;
    background: white;
    margin-right: 10px;
    width: 250px;
}

#modal-join-newsletter .modal-body {
    overflow-y: visible !important;
    padding: 50px;
}

#modal-join-newsletter #fotomodale {
    width: 550px !important;
    /*margin-top: -255px;*/
    /*margin-left: -540px;*/
    margin-top: -84px!important;
    margin-left: -267px!important;
    position: absolute;
    top: 0;
    left: 0;
}

#modal-join-newsletter {
    display: none !important;
}

#modal-join-newsletter.in {
    display: block !important;
    margin-top: 0px !important;
    top: 150px !important;
}

#modal-join-newsletter .col-md-8 {
    padding-left: 145px;
    padding-bottom: 25px;
    z-index: 9999999;
    position: relative;
}

.well #linea {
    height: 80px;
    width: 5px;
    background: #96e363;
    position: absolute;
    top: -20px;
    left: 122px;
}

div#checkbox-modale {
    margin-top: 20px;
    position: relative;
    clear: both;
}

#modale-check {
    float: left;
    margin-right: 4px;
}

#dichiaro {
    margin-left: 3px;
    font-size: 10px;
}

.modal-header {
    background: transparent;
    overflow: auto;
    position: absolute;
    z-index: 9999999;
    right: 0;
}

@media (max-width: 414px) {
    #modal-join-newsletter.in #fotomodale {
        display: none;
    }

    #modal-join-newsletter.in {
        display: block !important;
        top: 40px !important;
    }

    #modal-join-newsletter .col-md-8 {
        padding-left: 25px;
        padding-top: 0 !important;
        z-index: 9999999;
        position: relative;
    }

    #modal-join-newsletter h2 {
        text-transform: uppercase;
        margin-bottom: 25px;
        margin-top: -25px;
        font-size: 25px;
        line-height: 34px;
    }

    .modal {
        width: 90% !important;
        margin-left: 0% !important;
        transform: translateX(-50%) !important;
        padding-top: 0px !important;
    }

    .well #linea {
        height: 110px !important;
        width: 5px;
        background: #96e363;
        position: absolute;
        top: -25px !important;;
        left: 2px;
    }
}

@media only screen and (max-width: 880px) {
    .modal {
        width: 90% !important;
        margin-left: 0% !important;
        transform: translateX(-50%) !important;
        padding-top: 20px;
    }

    h2 {
        text-transform: uppercase;
        margin-bottom: 25px;
        margin-top: -25px;
        font-size: 22px;
    }

    #modal-join-newsletter .email {
        float: left;
        background: white;
        margin-right: 10px;
        width: 85%;
        margin-bottom: 15px;
    }

    #modal-join-newsletter .button {
        text-transform: uppercase;
        padding: 7px 21px !important;
        color: #fff;
        display: inline-block;
        border: 0 !important;
        width: 80%;
    }

    #modal-join-newsletter #fotomodale {
        width: 630px;
        margin-top: -207px !important;
        margin-left: 0;
        /* position: relative; */
        top: 0 !important;
        left: 50% !important;
        margin-left: 0 !important;
        transform: translateX(-55%);
        /* margin: auto; */
        /* display: block; */
    }

    #modal-join-newsletter.in .col-md-8 {
        padding-left: 25px;
        padding-top: 195px;
        z-index: 99;
        position: relative;
    }

    .well #linea {
        height: 220px;
        width: 5px;
        background: #96e363;
        position: absolute;
        top: 170px;
        left: 2px;
    }
}

.main-featured .blocks.col-4 .large .cat,
.main-featured .blocks.col-4 .cat {
    margin-left: 0;
    padding-left: 44px;
}

.main-featured .blocks.col-4 .tag-7733 .icon-foglia {
    background: url("images/ico-foglia.png") #f2f2f2 center center no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-left: -44px;
}

.top-bar-content > div.textwidget {
    color: #000;
}

@media only screen and (max-width: 799px) {
    .top-bar-content > div.textwidget {
        text-align: center;
    }
}

@media only screen and (min-width: 800px) {
    .top-bar-content > div.textwidget {
        float: right;
        margin: 0 0 0 28px;
    }
}

@media only screen and (min-width: 800px) {
    .navigation .menu > li#menu-item-20720 {
        float: right;
    }
}

@media only screen and (min-width: 800px) {
    .navigation .menu > li#menu-item-20720 > a {
        background-color: #f2f2f2;
        border-bottom: 2px solid #96e363;
    }
}

.navigation .menu > li#menu-item-20720 > a {
    position: relative;
}

.navigation .menu > li.badge-new > a:before {
    content: 'new';
    position: absolute;
    top: 5px;
    left: 9px;
    background: #96e363;
    color: #000;
    padding: 3px;
    line-height: 10px;
    font-size: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
    transition: all .3s;
}

.navigation .menu > li.badge-new:hover > a:before {
    opacity: 0.5;
}

@media only screen and (max-width: 880px) {
    .post-content h1, .post-content h2, .post-content h3,
    .post-content h4, .post-content h5, .post-content h6 {
        margin-top: 0px;
    }
}




.navigation {
    background-color: #505050;
    border-bottom: 2px solid #9ad020;
}


.main .sidebar .widgettitle, .tabbed .tabs-list
{
    background: #505050;
}

.main-footer {
    background: #505050;
}

.lower-foot {
    background: #151515;
}

.top-bar {
    border-top-color: #95c912;
}

.navigation {
    background-color: #505050;
    border-bottom: 2px solid #99d213;
}

.main-color {
    color: #98d214;
}


.cat-title
{
    background: #98CE18;
}

.highlights h2:before, .highlights h3:before
{
    border-left: 3px solid #8BC34A;
}

.news-focus .heading
{
    color: #000000;
}

.listing-alt .cat-title
{
    display: none;
}

.listing-alt .content .read-more a {
    padding: 5px 20px;
    background: #9bce1a;
}

.navigation .menu > li:hover > a, .navigation .menu > .current-menu-item > a, .navigation .menu > .current-menu-parent > a, .navigation .menu > .current-menu-ancestor > a
{
    border-bottom: 2px solid #99d314;
}


.breadcrumbs .location {
    color: #8bc34a
}

.main-heading, .page-title, .entry-title {
    border-left: 3px solid #9bcf1a;
}


.read-more a {
    transition: all 0.2s ease;
}

.read-more a:hover {
    text-decoration: none;
    background: #78a013 !important;
}

.tabbed .tabs-list .active a {
    border-bottom: 2px solid #9bcf1a;
}


.post-meta .post-title {
    font-size: 30px;
    margin-top: 22px;
    line-height: 1;
    margin-bottom: 20px;
}


.post-content a {
    color: #8ac10e;
}

.related-posts .section-head {
    color: #19242d;
}

.current-menu-item
{
    background: #1e2935;
}