/* ========================================================================
   Structure Start
========================================================================== */

/*//--Font--//*/

/*
font-family: 'Lora', serif;
font-family: 'Lato', sans-serif;
*/

/*//--End Font--//*/

/*//--Color--//*/

/*
    Azzurro chiaro titoli blocchi: 00adf4
*/

em {
 color:#777777;
}

.titleContainer {
    position: relative;
}

.titleContainer:before {
    content: '';
    width: 100%;
    height: 3px;
    background: #EEEEEE;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.titleContainer h3 {
    font-size: 20px;
    font-weight: 400;
    color: #00ADF4;
    margin: 0;
    display: table;
    padding-right: 8px;
    background: #FFFFFF;
    line-height: 20px;
    position: relative;
    z-index: 100;
}

.titleContainer.black h3 {
    background: #333333;
}

.titleContainer.black:before {
    background: #777777;
}


/*//--End Color--//*/

html, body {
    height: 100%;
}

body {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #333333;
}

.a-center  {text-align: center;}
.a-left    {text-align: left;}
.a-right   {text-align: right;}

h1, h2, h3, h4, h5 {
    font-family: 'Lora', serif;
    font-weight: 400;
}

h1,    .font-size-1   {font-size: 250%;}
h2,    .font-size-2   {font-size: 200%;}
h3,    .font-size-3   {font-size: 150%;}
h4,    .font-size-4   {font-size: 125%;}
p,     .font-size-5   {font-size: 100%;}
small, .font-size-6   {font-size: 75%;}

ul, ol {padding-left: 20px;}

h1, h2, h3, h4, h5 {color: #333333;}

.uk-container {
    max-width: 1280px;
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 0 auto;
}

.innerWrapper {
    position: relative;
    width: 100%;
}

/* ========================================================================
   Structure End
===========================================================================
        .------..------..------..------..------.
        |T.--. ||U.--. ||N.--. ||2.--. ||U.--. |
        | :/\: || (\/) || :(): || (\/) || (\/) |
        | (__) || :\/: || ()() || :\/: || :\/: |
        | '--'T|| '--'U|| '--'N|| '--'2|| '--'U|
        `------'`------'`------'`------'`------'
/* ========================================================================
   Headerbar Start
========================================================================== */

#headerBar-FirstSection {
    background: #EEEEEE;
    padding: 5px 0;
}

#headerBar-FirstSection .innerWrapper {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.toolbar-left,
.toolbar-right {
    line-height: 30px;
    width: 50%;
}

.toolbar-left {text-align: left;}
.toolbar-right {text-align: right;}

.socialContainer h4 {
    display: inline-block;
    font-size: 12px;
    margin: 0 10px 0 0;
}

.socialLink {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0;
}

.actualTime {
    text-transform: uppercase;
    font-size: 10px;
}

.icon-fb {background: url(../images/icon-facebook.png) no-repeat scroll center center transparent;}
.icon-tw {background: url(../images/icon-twitter.png) no-repeat scroll center center transparent;}
.icon-gp {background: url(../images/icon-gplus.png) no-repeat scroll center center transparent;}
.icon-yt {background: url(../images/icon-youtube.png) no-repeat scroll center center transparent;}

.socialLink {
    background-size: 25px;
}

.socialContainer h4,
.socialContainer a {
    line-height: 30px;
    vertical-align: middle;
}

/*//--//*/

#headerBar-SecondSection {
    padding: 25px 0;
    position: relative;
}

#headerBar-SecondSection .tm-logo {
    display: table;
    margin: 0 auto;
}

#headerBar-SecondSection .uk-search {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 35px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}

.uk-search-field {
    border: 0 !important;
}

.uk-dropdown-search {
    width: 400px;
    right: 0;
}

.uk-search:before {
    left: auto;
    right: 0;
}

.uk-search-field {
    padding: 0 30px 0 10px;
    min-width: 150px;
    font-size: 14px;
}

/*//--//*/

#headerBar-MainContainer .uk-navbar-nav,
#headerBar-MainContainer .uk-navbar-nav > li {
    float: none;
}

#headerBar-MainContainer .uk-navbar-nav {
    display: -webkit-flex;
    display: flex;
}

#headerBar-MainContainer .uk-navbar-nav > li {
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

#headerBar-MainContainer .uk-navbar-nav > li > a {
    color: #FFFFFF;
    background: #333333;
}

#headerBar-MainContainer .uk-navbar-nav > li.uk-active > a,
#headerBar-MainContainer .uk-navbar-nav > li:hover > a, 
#headerBar-MainContainer .uk-navbar-nav > li > a:focus, 
#headerBar-MainContainer .uk-navbar-nav > li.uk-open > a {
    background-color: #00ADF4;
    color: #FFFFFF;
}

#headerBar-MainContainer .uk-navbar-nav > li:not(:first-child) > a {
    border-left: 1px solid #FFFFFF;
}

/*//--//*/

#headerBar-MobileSection {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
    display: none;
}

#headerBar-MobileSection .tm-logo {
    display: table;
    width: 260px;
}

#headerBar-MobileSection .uk-navbar-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 25px;
}

#offCanvasTopContainer .uk-navbar-nav,
#offCanvasTopContainer .uk-navbar-nav li {
    float: none;
    width: 100%;
}

.uk-navbar-nav > li > a {
    font-family: 'Lora', sans-serif;
}

#offCanvasTopContainer .uk-navbar-nav li:not(:first-child) a {
    border-top: 1px solid #222222;
}

#offCanvasTopContainer .uk-navbar-nav > li.uk-active > a,
#offCanvasTopContainer .uk-navbar-nav > li:hover > a, 
#offCanvasTopContainer .uk-navbar-nav > li > a:focus, 
#offCanvasTopContainer .uk-navbar-nav > li.uk-open > a  {
    color: #FFFFFF;
    background-color: #00ADF4;
}

#offCanvasTopContainer .uk-navbar-nav li a {
    color: #999999;
    display: block;
}

#offCanvasTopContainer {
    height: calc(100% - 105px);
    overflow-y: scroll;
}

#offCanvasBottomContainer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #CCCCCC;
    box-sizing: border-box;
    padding: 15px 20px 10px;
    height: 105px;
}

#offCanvasBottomContainer .uk-panel {
    margin: 0;
}

#offCanvasBottomContainer h4 {
    margin: 0;
    font-size: 12px;
}

/* ========================================================================
   Headerbar End
===========================================================================
        .------..------..------..------..------.
        |T.--. ||U.--. ||N.--. ||2.--. ||U.--. |
        | :/\: || (\/) || :(): || (\/) || (\/) |
        | (__) || :\/: || ()() || :\/: || :\/: |
        | '--'T|| '--'U|| '--'N|| '--'2|| '--'U|
        `------'`------'`------'`------'`------'
===========================================================================
   Category Start
========================================================================== */

#category_sectionContainer #toolbar {
    margin-bottom: 30px;
}

#category-postListContainer,
.itemPostList-innerContainer {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

#category-postListContainer .itemPostList {
    width: calc(50% - 15px);
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    margin-bottom: 30px;
}

#category-postListContainer .itemPostList:nth-child(2n+1) {
    margin-right: 15px;
}

#category-postListContainer .itemPostList:nth-child(2n+2) {
    margin-left: 15px;
}

.itemPostList-innerContainer {
    height: 100%;
}

.itemPostList-innerContainer .itemPostListImage {
    width: 180px;
    height: 100%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-right: 1px solid #EEEEEE;
}

.itemPostList-innerContainer .itemPostListText {
    width: calc(100% - 180px);
    margin-left: 180px;
    border-left: 0;
    padding: 20px;
    box-sizing: border-box;
}

.itemPostList-innerContainer .postDate {
    color: #999999;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    display: table;
}

.itemPostList-innerContainer .postName {
    font-family: 'Lora', sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin: 10px 0;
}

.itemPostList-innerContainer .postName a {
    color: #333333;
}

.itemPostList-innerContainer .postDescription {
    color: #999999;
}

.itemPostList.latestPost-itemPostList {
    margin: 0 0 30px 0;    
    background: #333333;
    padding: 0;
    color: #FFFFFF;
    box-sizing: border-box;
}

.itemPostList.latestPost-itemPostList .itemPostList-innerContainer .itemPostListImage {
    width: 40%;
    border-right: 0;
}

.itemPostList.latestPost-itemPostList .itemPostList-innerContainer .itemPostListText {
    width: 60%;
    margin-left: 40%;
}

.itemPostList.latestPost-itemPostList .itemPostList-innerContainer .postName {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
}

.itemPostList.latestPost-itemPostList .itemPostList-innerContainer .postName a,
.itemPostList.latestPost-itemPostList .itemPostList-innerContainer .postDescription {
    color: #FFFFFF;
}

.itemPostList.latestPost-itemPostList .itemPostList-innerContainer .itemPostListImage:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,333333+100&0+0,1+100 */
    background: -moz-linear-gradient(left,  rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=1 ); /* IE6-9 */
}

/*//--Pagination--//*/

#pagination {
    text-align: center;
}

#pagination > a,
#pagination > span {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 20px;
    margin: 0 3px;
    color: #333333;
    font-family: 'Lora', sans-serif;
}

#pagination > span.current,
#pagination > a:hover {
    background: #00adf4;
    color: #FFFFFF;
}

#pagination > a {
    cursor: pointer;
}

/* ========================================================================
   Category End
===========================================================================
        .------..------..------..------..------.
        |T.--. ||U.--. ||N.--. ||2.--. ||U.--. |
        | :/\: || (\/) || :(): || (\/) || (\/) |
        | (__) || :\/: || ()() || :\/: || :\/: |
        | '--'T|| '--'U|| '--'N|| '--'2|| '--'U|
        `------'`------'`------'`------'`------'
===========================================================================
   HP Start
========================================================================== */

#desktop-structure {
    
}

#desktop-structure .uk-container,
#desktop-structure #top-column {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#desktop-structure .uk-container #left-column,
#desktop-structure .uk-container #right-column,
#desktop-structure .uk-container #center-column,
#desktop-structure #top-column #hp-desktop-featuredPost {
    box-sizing: border-box;
}

#desktop-structure .uk-container #left-column,
#desktop-structure .uk-container #right-column,
#desktop-structure #top-column #hp-desktop-lastPost,
#desktop-structure #top-column #hp-desktop-recommended {
    width: 25%;
}

#desktop-structure .uk-container #center-column,
#desktop-structure #top-column #hp-desktop-featuredPost {
    width: 50%;
    padding: 0 30px;
}

#desktop-structure .uk-container #left-column > div,
#desktop-structure .uk-container #right-column > div,
#desktop-structure .uk-container #center-column > div {
    margin-bottom: 30px;
}

#desktop-structure #top-column {
    margin-bottom: 30px;
}

#hp-desktop-featuredPost .widget_execphp,
#hp-desktop-featuredPost .widget_execphp .execphpwidget,
#hp-desktop-featuredPost .widget_execphp .execphpwidget #featuredPostWidget,
#hp-desktop-featuredPost .widget_execphp .execphpwidget #featuredPostWidget .widgetPostList {
    min-height: 100%;
    height: 100%;
}

/*//--Widget--//*/

#taglineContainer {
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: #777777;
    margin: 10px 0;
}

/*//--Featured Post--//*/

#featuredPostWidget .widgetPostList > div {
    padding: 210px 0 0;
    box-sizing: border-box;
    height: 100%;
}

#featuredPostWidget .widgetPostList > div a {
    background: #333333;
    display: block;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    text-decoration: none;
    height: 100%;
}

#featuredPostWidget .widgetPostList > div a:before {
    content: '';
    top: -100px;
    left: 0;
    position: absolute;
    height: 100px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,333333+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

#featuredPostWidget .postCategory {
    background: #00ADF4;
    color: #FFFFFF;
    display: table;
    font-family: 'Lora', sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 2px 8px;
}

#featuredPostWidget .postDate {
    color: #999999;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 20px;
    display: table;
}

#featuredPostWidget .postName {
    font-size: 30px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: 700;
    margin: 5px 0;
}

#featuredPostWidget .postDescription {
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    margin: 10px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

/*//--Last Post--//*/

#lastPostWidget {
    background: #333333;
    padding: 15px;
}

#lastPostWidget .titleContainer {
    margin-bottom: 20px;
}

#lastPostWidget a h3 {
    color: #FFFFFF;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #222222;
}

#lastPostWidget a:first-child h3 {
    border-top: 1px solid #222222;
}

/*//--Recommended Post--//*/

#recommendendPostWidget .titleContainer {
    margin-bottom: 10px;
}

#recommendendPostWidget .widgetPostList a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE;
    min-height: 40px;
    width: 100%;
}

#recommendendPostWidget a h3 {
    color: #333333;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

#recommendendPostWidget .recommendendPostWidgetImage {
    width: 130px;
    height: 75px;
    margin-right: 10px;
}

/*//--Archive Post--//*/

#archivePostWidget .titleContainer {
    margin-bottom: 20px;
}

#archivePostWidget .widgetPostList a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE;
    width: 100%;
    flex-wrap: wrap;
}

#archivePostWidget .widgetPostList .archivePostWidgetImage {
    width: 100px;
    height: 75px;
    margin-right: 10px;
}

#archivePostWidget .widgetPostList a h3 {
    color: #333333;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    width: calc(100% - 110px);
}

/*//--Black Chronicle Post--//*/

#blackChroniclePostWidget .titleContainer {
    background: #f4da00;
    padding: 5px 10px;
}

#blackChroniclePostWidget .titleContainer:before {
    width: 40px;
    height: 40px;
    left: auto;
    right: 5px;
    background: url(../images/icon-cronaca-nera.png) no-repeat scroll center center transparent;
}

#blackChroniclePostWidget .titleContainer h3 {
    background: transparent;
    color: #333333;
    font-weight: 700;
}

#blackChroniclePostWidget .widgetPostList a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
    width: 100%;
    flex-wrap: wrap;
}

#blackChroniclePostWidget .widgetPostList .blackChroniclePostWidgetImage {
    width: 90px;
    height: 75px;
    margin-right: 10px;
}

#blackChroniclePostWidget .widgetPostList a h3 {
    color: #333333;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    width: calc(100% - 100px);
}

#blackChroniclePostWidget .widgetPostList {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfae0+0,ffffff+50,fdfae0+100 */
    background: rgb(253,250,224); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,250,224,1) 0%, rgba(255,255,255,1) 50%, rgba(253,250,224,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(253,250,224,1) 0%,rgba(255,255,255,1) 50%,rgba(253,250,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(253,250,224,1) 0%,rgba(255,255,255,1) 50%,rgba(253,250,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfae0', endColorstr='#fdfae0',GradientType=0 ); /* IE6-9 */
}

.widget_sfp_page_plugin_widget {
    display: table;
    margin: 30px auto 0;
}

/*//--Main Post--//*/

#mainPostWidget .titleContainer {
    margin-bottom: 20px;
}

#mainPostWidget .widgetPostList {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#mainPostWidget .widgetPostList a {
    width: calc(33.33% - 10px);
    margin: 0 0 15px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
}

#mainPostWidget .widgetPostList a:nth-child(3n+2) {
    margin: 0 15px 15px;
}

#mainPostWidget .widgetPostList .mainPostWidgetImage {
    height: 120px;
    margin: -1px -1px 0;
}

#mainPostWidget .widgetPostList a h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 10px;
}

#mainPostWidget .widgetPostList .mainPostWidgetIntroText {
    color: #999999;
    padding: 10px;
    line-height: 16px;
    box-sizing: border-box;
}

/*//--Most View--//*/

#mostViewWidgetPostList {
    margin-top: 10px;
}

#mostViewWidgetPostList a h3 {
    color: #333333;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    width: calc(100% - 110px);
}

/*#mostViewWidgetPostList a:not(:first-child) .mostViewPostWidgetImage {
    display: none;
}*/

.mostViewPostWidgetImage {
    margin-right: 10px;
    width: 100px;
}

#mostViewWidgetPostList a {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE;
    min-height: 40px;
    width: 100%;
}

/*//--Professione e Scrittura--//*/

.professione-e-scrittura {
    display: block;
    border: 2px dashed #ccc;
    padding: 10px;
    box-sizing: border-box;
}

.professione-e-scrittura img {
    width: 100%;
}

/*//--Adsense--//*/

.hp-adsense {
    width: 100%;
    background: #EEEEEE;
    padding: 10px;
    color: #999999;
    text-transform: uppercase;
    font-size: 10px;
    box-sizing: border-box;
}

.hp-adsense div {
    display: table;
    margin: 20px auto 0;
}


/* ========================================================================
   HP End
===========================================================================
        .------..------..------..------..------.
        |T.--. ||U.--. ||N.--. ||2.--. ||U.--. |
        | :/\: || (\/) || :(): || (\/) || (\/) |
        | (__) || :\/: || ()() || :\/: || :\/: |
        | '--'T|| '--'U|| '--'N|| '--'2|| '--'U|
        `------'`------'`------'`------'`------'
===========================================================================
   Article Start
========================================================================== */

#tm-middle {
    margin: 30px 0;
}

#tm-middle > .uk-container {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

#tm-middle .tm-main {
    width: 75%;
    box-sizing: border-box;
    padding-left: 30px;
}

#tm-middle aside {
    width: 25%;
}

#tm-middle aside .uk-panel-box {
    padding: 0;
    background: transparent;
    margin-bottom: 30px;
}

.innerContainer {
    padding: 0 20px;
    position: relative;
    box-sizing: border-box;
}

.fullTextContainer .innerContainer p,
.introTextContainer .innerContainer p {
    text-align: left !important;
}

/*//--Toolbar--//*/

#toolbar .categoryName {
    color: #FFFFFF;
    display: block;
    font-family: 'Lora', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin: 0;
}

#toolbar .toolbarInfo {
    padding: 10px 0;
    background: #00adf4;
    position: relative;
}

#toolbar .toolbarAction {
    border-bottom: 5px solid #EEEEEE;
    margin-bottom: 20px;
    line-height: 35px;
    padding: 5px 0;
}

#toolbar .feedRssBtn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 55px;
    height: 100%;
    background: url(../images/icon-rss.png) no-repeat scroll center center #0072a6;
    background-size: 25px auto;
}

#toolbar .hitCounterContainer, 
#toolbar .shareContainer, 
#toolbar .shareContainer .addthis_inline_share_toolbox {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

#toolbar .hitCounterContainer {
    border-right: 1px solid #eeeeee;
    padding-right: 10px;
    margin-right: 10px;
    font-family: 'Lora', sans-serif;
    color: #777777;
    display: none !important;
}

#toolbar .shareContainer > span {
    font-weight: 700;
    color: #999999;
    font-size: 11px;
    margin-right: 10px;
}

#toolbar .printContainer {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/icon-print.png) no-repeat scroll center center transparent;
    background-size: 20px auto;
    display: block;
    width: 50px;
    height: 100%;
    border-left: 1px solid #EEEEEE;
    cursor: pointer;
}

#toolbar .printContainer .printBtn {
    display: block;
    width: 100%;
    height: 100%;
}

/*//--//*/

#post_sectionContainer h1 {
    font-size: 35px;
    line-height: 40px;
    font-family: 'Lora', sans-serif;
    font-weight: 700;
    margin: 20px 0;
}

.articleHeadSection {
    margin-bottom: 30px;
}

.articleHeadSection .innerContainer {
    display: -webkit-flex;
    display: flex; 
    width: 100%;
    items-align: center;
}

.articleHeadSection .innerContainer .articleTitleAndDate {
    width: calc(100% - 330px);
    padding-right: 50px;
    box-sizing: border-box;
}

.articleHeadSection .innerContainer .articleImage {
    width: 330px;
}

.articleTitleAndDate .postDate {
    color: #999999;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 10px;
    display: table;
}

#articleAdvertising {
    float: none;
    width: 100%;
    background: #EEEEEE;
    margin: 30px 0;
    padding: 10px 0 15px;
    color: #999999;
    text-transform: uppercase;
    font-size: 10px;
    box-sizing: border-box;
}

#articleAdvertising .innerContainer > div {
    display: table;
    margin: 0 auto;
}

.mobileAdvertising {
    display: none !important;
}


.introTextContainer, 
.fullTextContainer {
    line-height: 26px;
    font-size: 15px;
    color: #777777;
}

strong {
    color: #333333;
}

.authorContainer {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    border: 3px solid #EEEEEE;
    box-sizing: border-box;
    padding: 20px 0;
    margin: 30px 0;
}

.authorContainer .authorWritten {
    width: 130px;
    text-align: center;
}

.authorContainer .authorWritten h4 {
    margin: 0;
    font-style: italic;
}

.authorContainer .authorAvatar {
    width: 70px;
}

.authorContainer .authorAvatar img {
    border-radius: 50%;
}

.authorContainer .authorInfo {
    width: calc(100% - 200px);
    padding: 0 30px;
    box-sizing: border-box;
}

.authorContainer .authorInfo h3 {
    margin: 0;
    font-weight: 700;
    color: #00ADF4;
}

.authorContainer .authorInfo p {
    margin: 0 0 10px 0;
    line-height: 16px;
}

.authorContainer .authorInfo .authorSiteWeb {
    margin: 0;
}

.authorContainer .authorInfo .authorSiteWeb strong {
    text-transform: uppercase;
}

.publishedIn {
    font-family: 'Lora', sans-serif;
    font-weight: 700;
    color: #777777;
    margin-top: 20px;
}

/*//--Related--//*/

#relatedWidgetPostList {
    margin-top: 20px;
    position: relative;
}

#relatedArticleWidget .owl-item.active {
    box-sizing: border-box;
}

.owl-item.active {
    padding-right: 10px;
}

.owl-item.active + .owl-item.active {
    padding-left: 10px;
    padding-right: 0;
}

.relatedItem {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.relatedArticleImage {
    width: 180px;
    height: 100%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
}

.relatedArticleText {
    width: calc(100% - 180px);
    margin-left: 180px;
    border: 1px solid #EEEEEE;
    border-left: 0;
    padding: 20px;
    box-sizing: border-box;
    min-height: 190px;
}

.relatedArticleText .postName {
    font-family: 'Lora', sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin: 10px 0;
}

.relatedArticleText .postDate {
    color: #999999;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 10px;
    display: table;
}

.owl-nav > div {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    color: #FFF;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 0;
}

.owl-prev {
    left: -20px;
    background: url(../images/icon-arrow-left.png) no-repeat scroll 12px center #00adf4;
    background-size: 12px auto;
}
.owl-next {
    right: -20px;
    background: url(../images/icon-arrow-right.png) no-repeat scroll 15px center #00adf4;
    background-size: 12px auto;
}

/*//--FB Comment--//*/

#postFbComment {
    background: #f7fafe;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    margin: 30px 0;
}

#postFbComment h3 {
    display: none !important;
}

/*//--Contact Page--//*/

.page-id-4524 #tm-content,
.page-id-4524 h1 {
    text-align: center;
}

#widgetContactForm {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 580px;
    width: 50%;
}

textarea {
    height: 80px;
    margin: 0;
}

#contactFormWidget-Contattaci {
    padding: 20px 25px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
    position: relative;
    max-width: 768px;
    margin: 20px auto 0;
}

span.wpcf7-list-item {
    margin: 0;
}

.form-inner-container .row {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 20px;
}

.form-inner-container .row:last-child {
    margin: 0;
}

.form-inner-container .row .container-w6 {
    width: calc(50% - 10px);
    position: relative;
}

.form-inner-container .row .container-w12 {
    width: 100%;
    position: relative;
}

.form-inner-container .row .container-w6:first-child {
    margin-right: 20px;
}

.form-inner-container h3 {
    font-size: 20px;
    line-height: 20px;
    position: relative;
    color: #333333;
    margin-bottom: 15px;
}

.form-inner-container a {
    color: #00adf4;
}

.privacyAndSendContainer {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
    margin-top: 25px;
    line-height: 30px;
}

.privacy-container,
.button-container {
    width: 50%;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
    display: block;
    width: 100%;
    border: 1px solid #999999;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

textarea {
    padding: 10px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    line-height: 35px;
    height: 35px;
    padding: 5px 10px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + span {
    cursor: pointer;
    position: relative;
}

input[type="checkbox"] + span:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #999999;
    background: #FFFFFF;
    margin-right: 8px;
    vertical-align: top;
    position: relative;
    top: 7px;
}

input[type="checkbox"]:checked + span:after {
    content: '✔';
    position: absolute;
    left: 1px;
    top: -1px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 18px; 
    text-align: center;
    color: #26CD26;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}

.send-button,
#send-button {
    display: block;
    font-size: 16px;
    line-height: 35px !important;
    padding: 0 20px;
    font-family: 'Playfair Display', serif;
    border-radius: 0;
    border: 0;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.send-button,
#send-button {
    background: #00adf4;
    color: #FFFFFF;
    margin: 0 auto;
    transition: all 0.3s;
}

.send-button:hover,
#send-button:hover {
    color: #FFFFFF;
    background-color: #00adf4;
    text-decoration: none;
    transition: all 0.3s;
}

div.wpcf7 .ajax-loader {
    display: none;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    border: 0;
}

div.wpcf7-mail-sent-ok {
    background: #0B9444;
    color: #FFFFFF;
}

div.wpcf7-validation-errors {
    color: #f00;
    background: #FFF0F0;
}

.wpcf7-not-valid-tip {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    background: #FFF0F0;
    max-width: 200px;
    padding: 0px 10px;
    font-size: 10px !important;
    color: #f00 !important;
    border-radius: 5px;
    line-height: 20px;
}

.wpcf7-not-valid-tip:before {
    content: '';
    position: absolute;
    display: block;
    left: 10px;
    top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #FFF0F0 transparent;
}

/* ========================================================================
   Article End
===========================================================================
        .------..------..------..------..------.
        |T.--. ||U.--. ||N.--. ||2.--. ||U.--. |
        | :/\: || (\/) || :(): || (\/) || (\/) |
        | (__) || :\/: || ()() || :\/: || :\/: |
        | '--'T|| '--'U|| '--'N|| '--'2|| '--'U|
        `------'`------'`------'`------'`------'
===========================================================================
   Form Start
========================================================================== */


/* ========================================================================
   Form End
==========================================================================

===========================================================================
   Footer Start
========================================================================== */

.tm-footer {
    margin-bottom: 0;
}

.footerFirstSection {
    background: #EEEEEE;
    text-align: right;
    padding: 10px 0;
}

.footerSecondSection {
    padding: 30px 0;
}

.footerSecondSection ul {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.footerSecondSection ul li {
    width: 100%;
    white-space: nowrap;
}

.footerSecondSection ul li a {
    font-size: 14px;
    color: #00adf4;
    padding: 0 20px;
}

.footerSecondSection ul li:not(:first-child) a {
    border-left: 1px solid #CCCCCC;
}

#copyright {
    background: #333333;
    color: #FFFFFF;
    padding: 30px 0 40px;
    font-size: 10px;
}

#copyright .uk-container {
    max-width: 768px;
}

#eu-cookie-bar {
    padding: 5px 20px;
    box-sizing: border-box;
    text-transform: uppercase;
    background: rgba(0,0,0,0.7);
    font-size: 10px;
}

button#euCookieAcceptWP {
    border-radius: 0;
}

/*//--//*/

.category-misteri-di-cronaca-nera #toolbar .toolbarInfo {
    background: #f4da00;
}

.category-misteri-di-cronaca-nera #toolbar .toolbarInfo .categoryName {
    color: #333333;
}

.category-misteri-di-cronaca-nera #toolbar .feedRssBtn {
    background-color: #a78d00 !important;   
}

#navBar li:last-child a,
#navBar li.uk-active:last-child a,
#offcanvas .uk-navbar-nav li:last-child a,
#offcanvas .uk-navbar-nav li.uk-active:last-child a {
    background: #f4da00;
    color: #333333;
    font-weight: 700;
}

#navBar li:last-child a:hover,
#offcanvas li:last-child a:hover {
    background: #a78d00 !important;
    color: #333333;
}

/* ========================================================================
   Footer End
========================================================================== */

/*-- From iMac 27" --*/
@media screen and (min-width: 2560px) {

}

/*-- From iMac 21.5" --*/
@media screen and (min-width: 2048px) {

}

/*-- Full HD Resolution --*/
@media screen and (max-width: 1920px) {

}

/*-- Max Resolution MacBook Pro 15" --*/
@media screen and (max-width: 1440px) {

}

/*-- Max Resolution MacBook Pro 13.3" --*/
@media screen and (max-width: 1280px) {

}

/*-- Max Resolution MacBook 12" --*/
@media screen and (max-width: 1124px) {

}

/*-- Max Resolution iPad Orizontal --*/
@media screen and (max-width: 1024px) {
    
    body {
        padding-top: 70px;
    }

    #headerBar-MainContainer {
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        left: 0;
        z-index: 1000;
    }

    .uk-container {
        padding: 0 20px;
    }

    #tm-middle {
        margin: 20px 0;
    }

    .uk-offcanvas .uk-search-field {
        width: 100% !important;
    }

    /*//--//*/

    .desktopMenu {
        display: none;
    }

    #headerBar-MobileSection {
        display: block;
    }

    .widget_sfp_page_plugin_widget {
        display: none;
    }

    .uk-dropdown-search {
        left: -15px !important;
        width: calc(100% + 30px);
        top: 55px;
    }

    /*//--//*/

    #category-postListContainer .itemPostList-innerContainer .itemPostListImage {
        height: 160px;
        width: 100%;
    }

    #category-postListContainer .itemPostList-innerContainer .itemPostListText {
        width: 100%;
        margin-left: 0;
        padding-top: 180px;
    }

    #category_sectionContainer #toolbar {
        margin-bottom: 20px;
    }

    .itemPostList.latestPost-itemPostList {
        margin: 0 0 20px 0;
    }

    #tm-middle .tm-main {
        padding-left: 20px;
    }

    #tm-middle aside .uk-panel-box {
        margin-bottom: 20px;
    }

    #category-postListContainer .itemPostList {
        margin-bottom: 20px;
    }

    #category-postListContainer .itemPostList:nth-child(2n+1) {
        margin-right: 10px;
    }

    #category-postListContainer .itemPostList:nth-child(2n+2) {
        margin-left: 10px;
    }

    /*//--//*/

    #toolbar .printContainer {
        display: none;
    }

    #toolbar .toolbarAction .innerContainer {
        padding: 0 10px;
    }

    .relatedArticleText {
        padding: 15px;
        width: calc(100% - 150px);
        margin-left: 150px;
    }

    .relatedArticleImage {
        width: 150px;
    }

    .relatedArticleText .postName {
        font-size: 16px;
        line-height: 20px;
    }

    #post_sectionContainer h1 {
        font-size: 30px;
    }

    /*//--Footer--//*/

    .footerFirstSection {
        text-align: center;
    }

    .socialContainer h4 {
        display: block;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .footerSecondSection ul {
        flex-wrap: wrap;
    }

    .footerSecondSection ul li {
        width: 33.33%;
    }

    .footerSecondSection ul li a {
        border-right: 1px solid #EEEEEE;
        padding: 10px 20px;
        border-left: 0 !important;
    }

    .footerSecondSection ul li:nth-child(3n+3) a {
        border-right: 0;
    }

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    #mainPostWidget .widgetPostList a {
        width: calc(50% - 10px);
        margin: 0 0 20px 0 !important;
    }

    #mainPostWidget .widgetPostList a:nth-child(2n+1) {
        margin-right: 10px !important;
    }

    #mainPostWidget .widgetPostList a:nth-child(2n+2) {
        margin-left: 10px !important;
    }

    #hp-desktop-mainPost .widgetPostList a:nth-child(13),
    #hp-desktop-mainPost .widgetPostList a:nth-child(14),
    #hp-desktop-mainPost .widgetPostList a:nth-child(15) {
        display: none;
    }

}

@media screen and (min-width: 769px) {
    #mobile-structure {
        display: none;
    }
}

/*-- Max Resolution iPad Vertical --*/
@media screen and (max-width: 768px) {

    #desktop-structure {
        display: none;
    }

    #mobile-structure > div {
        margin-bottom: 20px;
    }

    #recommendendPostWidget .widgetPostList a {
        min-height: 0;
    }

    /*//--//*/

    .professione-e-scrittura {
        text-align: center;
    }

    .professione-e-scrittura img {
        max-width: 262px;
    }

    /*//--//*/

    #hp-mobile-lastPost {
        display: none;
    }

    /*//--Hp Lista articoli--//*/

    #archivePostWidget .widgetPostList,
    #blackChroniclePostWidget .widgetPostList,
    #mostViewWidgetPostList {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    #archivePostWidget .widgetPostList a,
    #blackChroniclePostWidget .widgetPostList a,
    #mostViewWidgetPostList a {
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
    }

    #archivePostWidget .widgetPostList a:last-child {
        display: none;
    }

    #mostViewWidgetPostList a h3,
    #archivePostWidget .widgetPostList a h3,
    #blackChroniclePostWidget .widgetPostList a h3 {
        width: calc(100% - 90px);   
    }

    .mostViewPostWidgetImage,
    #archivePostWidget .widgetPostList .archivePostWidgetImage,
    #blackChroniclePostWidget .widgetPostList .blackChroniclePostWidgetImage {
        width: 80px;
    }

    /*//--//*/

    #tm-middle aside,
    #tm-middle .tm-main {
        width: 100%;
        padding: 0;
    }

    #tm-middle aside {
        order: 2;
    }

    #toolbar .innerContainer {
        padding: 0 55px 0 10px;
    }

    #tm-middle aside {
        margin-top: 20px;
    }

}

/*-- Max Resolution iPhone 6s Plus Orizontal --*/
@media screen and (max-width: 736px) {

    .uk-container {
        padding: 0 20px;
    }

    .uk-navbar-nav {
        display: block !important;
    }

}

@media screen and (min-width: 375px) and (max-width: 479px) {

    #mainPostWidget .widgetPostList a {
        width: calc(50% - 10px);
        margin: 0 0 20px 0 !important;
    }

    #mainPostWidget .widgetPostList a:nth-child(2n+1) {
        margin-right: 10px !important;
    }

    #mainPostWidget .widgetPostList a:nth-child(2n+2) {
        margin-left: 10px !important;
    }

    .footerSecondSection ul li a {
        border-right: 1px solid #EEEEEE !important;
    }

    .footerSecondSection ul li:nth-child(2n+2) a {
        border-right: 0 !important;
    }

}

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

    #archivePostWidget .widgetPostList a,
    #blackChroniclePostWidget .widgetPostList a,
    #mostViewWidgetPostList a {
        width: 100%;
    }

    #featuredPostWidget .widgetPostList > div {
        background-size: contain !important;
        background-position: center 0 !important;
    }

    #featuredPostWidget .postName,
    .itemPostList.latestPost-itemPostList .itemPostList-innerContainer .postName {
        font-size: 20px;
        line-height: 22px;
    }

    #featuredPostWidget .widgetPostList > div a:before {
        display: none;
    }

    .footerSecondSection ul li {
        width: 50%;
    }

    #hp-mobile-mainPost .widgetPostList a:last-child {
        display: none;
    }

    #toolbar .categoryName {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
    }

    /*//--//*/

    #category-postListContainer .itemPostList-innerContainer .itemPostListImage {
        height: 120px;
    }

    #category-postListContainer .itemPostList-innerContainer .itemPostListText {
        padding-top: 140px;
    }

    .itemPostList.latestPost-itemPostList .itemPostList-innerContainer .itemPostListImage {
        width: 100% !important;
        height: 180px;
    }

    .itemPostList.latestPost-itemPostList .itemPostList-innerContainer .itemPostListText {
        width: 100%;
        margin-left: 0;
        margin-top: 180px;
    }

    .itemPostList-innerContainer .itemPostListText {
        padding: 10px;
    }

    .itemPostList-innerContainer .postName {
        font-size: 14px;
        line-height: 16px;
    }

    /*//--//*/

    .articleHeadSection .innerContainer {
        padding: 0;
        flex-wrap: wrap;
    }

    .articleHeadSection .innerContainer .articleTitleAndDate {
        width: 100%;
        padding-right: 0;
    }

    .articleHeadSection .innerContainer .articleImage {
        width: 100%;
        height: 170px;
    }

    #post_sectionContainer h1 {
        font-size: 20px;
        line-height: 20px;
        margin: 5px 0 15px;
    }

    #post_sectionContainer #toolbar .toolbarAction {
        margin-bottom: 10px;
    }

    .introTextContainer .innerContainer, .fullTextContainer .innerContainer {
        padding: 0;
    }

    .articleHeadSection {
        margin-bottom: 10px;
    }

    h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .authorContainer {
        flex-direction: column;
        padding: 10px; 
    }

    .authorContainer .authorAvatar img {
        padding: 10px 0;
    }

    .authorContainer .authorInfo {
        width: 100%;
        text-align: center;
    }

    .mobileAdvertising {
        display: table !important;
    }

    .desktopAdvertising {
        display: none !important;
    }

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

    .owl-item.active {
        padding: 0;
    }

    .relatedArticleImage {
        width: 100%;
        height: 150px;
        top: 0;
    }

    .relatedArticleText {
        width: 100%;
        margin: 0;
        padding: 148px 30px 15px;
        border: 1px solid #EEEEEE;
    }

    #contactFormWidget-Contattaci {
        padding: 0;
    }

    #contactFormWidget-Contattaci p {
        display: none !important;
    }

    .form-inner-container .row .container-w6,
    .privacyAndSendContainer > div {
        width: 100%;
        margin: 0 !important;
    }

    .form-inner-container .row .container-w6:first-child {
        margin: 0 0 20px 0 !important;
    }

    .privacyAndSendContainer > div.privacy-container {
        margin-bottom: 20px !important;
    }

}

/*-- Max Resolution iPhone 5 Vertical --*/
@media screen and (max-width: 374px) {

    body {
        padding-top: 58px;
    }

    #headerBar-MobileSection .tm-logo {
        width: 200px;
    }

    #mainPostWidget .widgetPostList a,
    #category-postListContainer .itemPostList {
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    .footerSecondSection ul li {
        width: 100%;
    }

    .footerSecondSection ul li a {
        border-right: 0 !important;
        border-top: 1px solid #EEEEEE !important;
    }

    .footerSecondSection ul li:first-child a {
        border: 0 !important;
    }

    #taglineContainer {
        font-size: 9px;
    }

}

/*-- Max Resolution iPhone 6s Plus Vertical --*/
@media screen and (max-width: 414px) {

}

/*-- Max Resolution iPhone 5 Vertical --*/
@media screen and (max-width: 320px) {

}

/*-- Retina Roules --*/
@media (-webkit-min-device-pixel-ratio: 2) {

}

/*-- Only Safari and Chrome Roules --*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}