/*
 Theme Name:   GeneratePress Child
 Theme URI: https://generatepress.com
 Description:  Default GeneratePress child theme
 Template:  generatepress
 Version:   0.1
*/

body, button, input, select, textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 115%;
}

@media only screen and  (max-width: 1100px) {
    body, button, input, select, textarea,
	.page .entry-content{
        font-size: 14px;
    }
    .article-content-wrapper	{
        font-size: 16px;
    }

}

@media only screen and  (max-width: 600px) {
 
	.page .entry-content{
        font-size: 16px;
    }

}

/************************
     RESPONSIVE LAYOUTS
************************/

.grid-container {
    z-index: 1;
    position: relative;
}

.site-footer,
.grid-container:not(.inside-navigation) {
    background-color: #fff;
}


.page .entry-content {
    padding-left: 2em;
    padding-right: 2em;
}

.page.page-news2 .entry-content,
.page.page-news .entry-content,
.page.home .entry-content {
    padding-left: 0;
    padding-right: 0;
}

.content-wrapper.full-page {
    padding-right: 2em;
    padding-left: 2em;
}

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


    .single-post .inside-article .article-content {
        padding-left: 2em;
        padding-right: 2em;
    }

}

.home .header-article-grid,
.home .content-wrapper,
.main-navigation .inside-navigation,
.site-footer .footer-wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.home .header-article-grid,
.site-footer .footer-wrapper,
.main-navigation .inside-navigation {
    max-width: 1992px;
}


.site-footer .footer-wrapper {
    padding-right: 2em;
    padding-left: 2em;
}

.home .content-wrapper {
    max-width: 1400px;
}

@media only screen and  (max-width: 1472px) and (min-width: 961px) {
    .home .content-wrapper {
        padding-right: 2em;
        padding-left: 2em;
    }
}

@media only screen and  (min-width: 601px) {
    .home .header-article-grid {
        padding-right: 2em;
        padding-left: 2em;
    }
}

@media only screen and  (max-width: 1000px) {
    .hidden-wide-ad {
        display: none;
    }
}


@media only screen and  (min-width: 1101px) {
    .hidden-sm {
        display: block;
    }

    .hidden-lg {
        display: none;
    }
}

@media only screen and  (max-width: 1100px) {
    .hidden-sm {
        display: none;
    }

    .hidden-lg {
        display: block;
    }
}

.visible-lg,
.visible-sm,
.visible-xs {
    display: none;
}

@media only screen and  (min-width: 960px) {
    .visible-lg {
        display: block;
    }
}

@media only screen and  (max-width: 960px) and (min-width: 600px) {
    .visible-sm {
        display: block;
    }
}

@media only screen and  (max-width: 600px) {
    .visible-xs {
        display: block;
    }
}

.row-sm {
    height: 100%;
    flex-direction: row;
    box-sizing: border-box;
    place-content: flex-start space-between;
    align-items: flex-start;

    /* Add more browser support */
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    /* Add more browser support */
    justify-content: flex-start;
    -webkit-justify-content: flex-start;

    /* This could potentially help with IE10+11 */
    -ms-flex-pack: start;
    justify-content: flex-start;


}

.row-sm.row-center {
    place-content: center space-between;
    align-items: center;
}

.row-sm.row-center-start {
    place-content: center flex-start;
    align-items: center;
}

.row-sm.wrap {
    flex-wrap: wrap;
    flex-flow: row wrap;
}

.column {
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    place-content: stretch space-between;
    align-items: stretch;
    max-width: 100%;
}

.column.column-center {
    place-content: center;
    align-items: center;
    height: 100%;
}

.reverse {
    flex-direction: column-reverse;
}

.section-sidebar,
.sidebar-inside-content {
    width: 300px;
    min-width: 300px;
    padding: 0;
}


@media only screen and  (min-width: 961px) {
    .section-with-sidebar {
        height: 100%;
        flex-direction: row;
        box-sizing: border-box;
        place-content: flex-start space-between;
        align-items: flex-start;
        position: relative;


        /* Add more browser support */
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;

        /* Add more browser support */
        justify-content: flex-start;
        -webkit-justify-content: flex-start;

        /* This could potentially help with IE10+11 */
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .section-with-sidebar.stretch {
        place-content: stretch space-between;
        align-items: stretch;
    }

    .section-content {
        width: calc(100% - 300px - 6em);
        margin-right: 2em !important;
        padding: 0;
    }

    .single-post .section-content {
        width: calc(100% - 300px - 8em);
        margin-left: 2em !important;
    }

    .home .section-content {
        width: calc(100% - 300px - 4em);
        margin-right: auto !important;
    }

    .sidebar-inside-content {
        position: relative;
        min-height: 2605px;
    }

    .section-sidebar .tlife-title,
    .sidebar-inside-content .tlife-title {
        font-size: 1.8em;
        padding-left: 20px;
    }

    .sidebar-inside-content.right-sidebar .article-list article {
        margin-bottom: 2em;
    }

    .section-sidebar {
        margin-right: 2em;
        margin-left: 2em;		
    }

    .home .section-sidebar.left-sidebar {
        margin-right: 4em;
		margin-left: 0;
    }

    .home .section-sidebar.right-sidebar {
        margin-left: 4em;
		margin-right:0;
    }

    .sidebar-wrapper {
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        place-content: stretch space-between;
        align-items: stretch;
    }

    .rel {
        position: relative;
    }

    .abs {
        position: absolute;
    }

    .abs-full {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .sticky-block {
        box-sizing: border-box;
        flex: 1 1 auto;
    }

    .sticky {
        position: sticky;
    }


}

@media only screen and  (min-width: 1101px) {
	
    .sticky {
        top: 61px;
    }

    .admin-bar .sticky {
        top: 90px;
    }
}
@media only screen and  (max-width: 1100px) {
	
    .sticky {
        top: 76px;
    }
  .admin-bar .sticky {
        top: 108px;
    }
}

@media only screen and  (max-width: 960px) {
    .section-sidebar,
    .sidebar-inside-content {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .section-with-sidebar > div:first-child {
        margin-bottom: 5em;
    }

    .section-with-sidebar .tlife-title.left {
        margin-left: 1em;
    }

    .page-news2 .section-sidebar.left-sidebar.sticky,
    .page-news .section-sidebar.left-sidebar.sticky {
        width: 100%;
    }

    .post .inside-article .sidebar-inside-content {
        display: none;
    }
}

@media only screen and  (min-width: 601px) {

    .row {
        height: 100%;
        flex-direction: row;
        box-sizing: border-box;
        place-content: flex-start space-between;
        align-items: flex-start;


        /* Add more browser support */
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;

        /* Add more browser support */
        justify-content: flex-start;
        -webkit-justify-content: flex-start;

        /* This could potentially help with IE10+11 */
        -ms-flex-pack: start;
        justify-content: flex-start;

    }

    .row.row-center {
        place-content: center space-between;
        align-items: center;


        /* This could potentially help with IE10+11 */
        -ms-flex-pack: justify;
        justify-content: justify;
    }

    .row.wrap {
        flex-wrap: wrap;
        flex-flow: row wrap;
    }

    .equal-grid > div {
        flex-grow: 1;
        flex-basis: 0;
    }

    .row.stretch {
        place-content: stretch space-between;
        align-items: stretch;
    }

}


@media only screen and  (min-width: 961px) {

    .col-lg-20 {
        width: 20%;
    }

    .col-lg-25 {
        width: 25%;
    }

    .col-lg-30 {
        width: 30%;
    }

    .col-lg-33 {
        width: 33.333%;
    }

    .col-lg-40 {
        width: 40%;
    }

    .col-lg-50 {
        width: 50%;
    }

    .col-lg-66 {
        width: 66.666%;
    }

    .col-lg-100 {
        width: 100%;
    }

    .small-gap .col-lg-50:first-child {
        padding-right: 0.5em;
    }

    .small-gap .col-lg-50:last-child {
        padding-left: 0.5em;
    }
}

@media only screen and  (max-width: 960px) {
    .col-sm-30 {
        width: 30%;
    }

    .col-sm-33 {
        width: 33%;
    }

    .col-sm-35 {
        width: 35%;
    }

    .col-sm-40 {
        width: 40%;
    }

    .col-sm-50 {
        width: 50%;
    }

    .col-sm-60 {
        width: 60%;
    }

    .col-sm-65 {
        width: 65%;
    }

    .col-sm-70 {
        width: 70%;
    }

    .col-sm-100 {
        width: 100%;
    }

    .article-list.col-2 {
        margin-bottom: 2em;
    }
}

@media only screen and  (max-width: 600px) {
    .col-xs-50 {
        width: 50%;
    }

    .col-xs-100 {
        width: 100%;
    }

    .col-xs-30 {
        width: 30%;
    }

    .col-xs-40 {
        width: 40%;
    }

    .col-xs-60 {
        width: 60%;
    }

    .col-xs-70 {
        width: 70%;
    }
}


/*************************
         UTILITIES
*************************/

h1, h2, h3, h4, h5, h6,
.article-title,
.article-helper-title {
    line-height: 125%;
}

p, li {
    line-height: 150%;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    vertical-align: bottom;
}

strong, b {
    font-weight: 700;
}

small {
    font-size: 12px;
}

.uppercase {
    text-transform: uppercase;
}


.bt {
    border-top: 1px solid #ddd;
}

.bb {
    border-bottom: 1px solid #ddd;
}

.underline {
    border-bottom: 1px solid #00b451;
}

.full-width {
    width: 100% !important;
}

.block {
    display: block;
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.m-5 {
    margin: 5em;
}

.mt-5 {
    margin-top: 5em;
}

.mb-5 {
    margin-bottom: 5em;
}

.ml-5 {
    margin-left: 5em;
}

.mr-5 {
    margin-right: 5em;
}

.m-4 {
    margin: 4em;
}

.mt-4 {
    margin-top: 4em;
}

.mb-4 {
    margin-bottom: 4em;
}

.ml-4 {
    margin-left: 4em;
}

.mr-4 {
    margin-right: 5em;
}

.m-3 {
    margin: 3em;
}

.mt-3 {
    margin-top: 3em;
}

.mb-3 {
    margin-bottom: 3em;
}

.ml-3 {
    margin-left: 3em;
}

.mr-3 {
    margin-right: 3em;
}

.m-2 {
    margin: 2em;
}

.mt-2 {
    margin-top: 2em;
}

.mb-2 {
    margin-bottom: 2em;
}

.ml-2 {
    margin-left: 2em;
}

.mr-2 {
    margin-right: 2em;
}

.mt-1 {
    margin-top: 1em;
}

.mb-1 {
    margin-bottom: 1em;
}

.ml-1 {
    margin-left: 1em;
}

.mr-1 {
    margin-right: 1em;
}

.mb-05 {
    margin-bottom: 0.5em;
}

.mt-05 {
    margin-top: 0.5em;
}

.ml-05 {
    margin-left: 0.5em;
}

.mr-05 {
    margin-right: 0.5em;
}

.mb-025 {
    margin-bottom: 0.25em;
}

.mt-025 {
    margin-top: 0.25em;
}

.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.ml-0 {
    margin-left: 0;
}

.mr-0 {
    margin-right: 0;
}

.p-5 {
    padding: 5em;
}

.pt-5 {
    padding-top: 5em;
}

.pb-5 {
    padding-bottom: 5em;
}

.pl-5 {
    padding-left: 5em;
}

.pr-5 {
    padding-right: 5em;
}

.p-4 {
    padding: 4em;
}

.pt-4 {
    padding-top: 4em;
}

.pb-4 {
    padding-bottom: 4em;
}

.pl-4 {
    padding-left: 4em;
}

.pr-4 {
    padding-right: 4em;
}

.p-3 {
    padding: 3em;
}

.pt-3 {
    padding-top: 3em;
}

.pb-3 {
    padding-bottom: 3em;
}

.pl-3 {
    padding-left: 3em;
}

.pr-3 {
    padding-right: 43em;
}

.p-2 {
    padding: 2em;
}

.pt-2 {
    padding-top: 2em;
}

.pb-2 {
    padding-bottom: 2em;
}

.pl-2 {
    padding-left: 2em;
}

.pr-2 {
    padding-right: 2em;
}

.p-1 {
    padding: 1em;
}

.pt-1 {
    padding-top: 1em;
}

.pb-1 {
    padding-bottom: 1em;
}

.pl-1 {
    padding-left: 1em;
}

.pr-1 {
    padding-right: 1em;
}

.p-05 {
    padding: 0.5em;
}

.pt-05 {
    padding-top: 0.5em;
}

.pl-05 {
    padding-left: 0.5em;
}

.pr-05 {
    padding-right: 0.5em;
}

.pb-05 {
    padding-bottom: 0.5em;
}

.p-0 {
    padding: 0 !important;
}

.pink {
    background-color: #fff5fe;
}

.gray {
    background-color: #eaeaea;
}

.black,
a.black-btn {
    background-color: #000;
    color: #fff;
}


.half-gray {
    position: relative;
}

.half-gray:after {
    position: absolute;
    bottom: 0;
    height: 33%;
    background-color: #f2f2f2;
    content: '';
    display: block;
    width: 100%;
    z-index: 0;
}

.half-gray .content-wrapper {
    z-index: 1;
    position: relative;
}

/*************************
         MENUS & LINKS
*************************/


.black a {
    color: #fff;
}

.black a:hover {
    border-bottom: 1px solid #00b451;
}

a.black-btn {
    padding: 1em 2em;
    line-height: 100%;
    font-size: 12px;
    font-weight: 700;
}

a.black-btn:hover {
    background-color: #00b451;
    color: #fff;
}

.vert-menu .widgettitle,
.horiz-menu .widgettitle {
    display: none;
}


.horiz-menu.sub-menu .menu > li > a,
.tlife-btn,
.tlife-link {
    color: #000;
    font-weight: 600;
}

.tlife-btn {
    height: 45px;
    display: inline-block;
}

.horiz-menu.sub-menu .menu > li > a,
.tlife-link {
    font-size: 12px;
    border-bottom: 1px solid transparent;

}

.horiz-menu.sub-menu .menu > li > a {
    padding-right: 40px;
}

.comment-list .comment .comment-reply-link,
.tlife-link {
    display: inline-block;
    padding-right: 24px;
}

.horiz-menu.sub-menu .menu > li > a:hover,
.tlife-link:hover {
    border-bottom: 1px solid #00b451;
}

.tlife-btn {
    font-size: 13px;
    background-color: transparent;
    padding: 12px 40px 12px 20px;
}

.tlife-btn {
    border: 1px solid #000;
    border-radius: 24px;
}

.tlife-btn:hover {
    border: 1px solid #00b451;
}

.horiz-menu.sub-menu .menu > li > a,
.comment-list .comment .comment-reply-link,
.nf-form-layout .nf-form-content .submit-wrap .nf-field-element,
.comment-respond .form-submit,
.tlife-link,
.tlife-btn {
    position: relative;
}

.horiz-menu.sub-menu .menu > li > a:after,
.comment-list .comment .comment-reply-link:after,
.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:after,
.comment-respond .form-submit:after,
.tlife-link:after,
.tlife-btn:after {
    position: absolute;
    right: 0px;
    color: #00b451;
    vertical-align: middle;
}

.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:hover::after,
.comment-respond .form-submit:hover::after {
    color: #fff;
    transition: all .5s;
}

.widget ul li {
    padding-bottom: 0;
}

.vert-menu ul a {
    border-bottom: 1px solid #ddd;
	display: block;
}
.vert-menu ul a:hover {
    border-bottom: 1px solid #00b451;
}

.horiz-menu {
    margin: 0 0 1em 0 !important;
}

.horiz-menu.m-0 {
    margin: 0 !important;
}

.horiz-menu.sub-menu {
    margin: 1em 0 !important;

}

.horiz-menu ul {
    height: 100%;
    flex-direction: row;
    box-sizing: border-box;
    place-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: row wrap;
    /*Center horizontaly ie */
    -ms-flex-pack: center;
    /* Add more browser support */
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.vert-menu ul a {
    padding: 10px 20px;
}

.horiz-menu ul a {
    padding: 0px 9px 2px 9px;
    margin: 0.5em 9px 0 9px;
	display: inline-block;
}

.vert-menu ul a,
.horiz-menu ul a {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
}

.vert-menu ul .current-menu-parent a {
    color: #00b451;
}


.horiz-menu.sub-menu .menu > li {
    text-align: center;
    position: relative;
    display: block;
    width: 100%;
}

.horiz-menu.sub-menu .menu > li .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #fff;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0.5em;
}

.horiz-menu.sub-menu .menu > li:hover .sub-menu {
    display: table;
    text-align: center;
    margin: 0 auto;
}

.horiz-menu.sub-menu .menu > li .sub-menu li {
    background-color: #fff;
    display: inline-block;
    text-align: center;
}

.nav-links {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.nav-links .page-numbers {
    font-size: 13px;
    font-weight: 700;
    padding: 0 10px;
    vertical-align: middle;
}

.nav-links .page-numbers:hover,
.nav-links .page-numbers.current {
    color: #00b451;
}

.nav-links .page-numbers.prev,
.nav-links .page-numbers.next {
    visibility: hidden;
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.tlife-link:after,
.tlife-btn:after,
.comment-list .comment .comment-reply-link:after,
.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:after,
.comment-respond .form-submit:after,
.horiz-menu.sub-menu .menu > li > a:after,
.nav-links .page-numbers.prev:after,
.nav-links .page-numbers.next:after {
    visibility: visible;
    font-family: GeneratePress;
    text-decoration: inherit;
    font-weight: 300;
    text-align: center;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    speak: none;
}

.tlife-link:after,
.tlife-btn:after, .comment-list .comment .comment-reply-link:after {
    font-size: 21px;
    width: 24px;
    height: 24px;
}

.tlife-btn:after,
.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:after,
.comment-respond .form-submit:after,
.horiz-menu.sub-menu .menu > li > a:after,
.nav-links .page-numbers.prev:after,
.nav-links .page-numbers.next:after {
    font-size: 26px;
    width: 40px;
    height: 40px;
}

.nav-links .page-numbers.prev:after,
.nav-links .page-numbers.next:after {
    line-height: 40px;
    position: absolute;
    top: 0;
    display: block;
}

.nav-links .page-numbers.prev:after {
    content: "\f104";
}

.tlife-link:after,
.tlife-btn:after,
.comment-list .comment .comment-reply-link:after,
.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:after,
.comment-respond .form-submit:after,
.horiz-menu.sub-menu .menu > li > a:after,
.nav-links .page-numbers.next:after {
    content: "\f105";
}


/*************************
    HEADER & NAVIGATION
*************************/
.site-description {
    font-family: 'Over the Rainbow Regular', cursive;
    font-size: 14px;
    margin-bottom: 12px;
}

@media only screen and  (max-width: 1100px) {
	
	.main-navigation.toggled .main-nav {
    background-color: #fff;
    color: #fff;
    overflow: hidden;
    height: 100%;
    position: fixed;
    bottom: 0;
    top: 76px;
    width: 100%;
}

    .site-branding {
        display: none;
    }

    .site-header .inside-header {
        padding: 0;
        position: relative;
    }

    .site-header .site-logo {
        position: fixed;
        z-index: 101;
        top: 22px;
        left: calc(50% - 75px);
    }

    .admin-bar .site-header .site-logo {
        top: 68px;

    }

    .site-header .header-image {
        width: 150px;
    }

    .main-navigation {
        height: 76px;
        line-height: 76px;
    }

    .main-navigation .menu-toggle {
        line-height: 76px;
        width: auto;
    }

    .advert > div {
        width: auto !important;
    }
}

.main-navigation {
    border-bottom: 1px solid #ddd;
}

.main-navigation.toggled .main-nav > ul {
    background-color: #ffffff;
}

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    margin: 0 9px;
    padding: 0 9px;
}

@media only screen and  (min-width: 1101px) {
    .nav-aligned-center .main-navigation ul.menu {
        max-width: 1100px;
        margin: 0 auto;
        height: 43px;
    }

    .main-navigation {

        border-top: 1px solid #ddd;
    }

    .main-navigation .main-nav ul .tlife-logo > a {
        text-indent: -10000px;
        background-image: url(assets/tlife-icon-menu.svg);
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        margin-right: 1em;
        min-width: 40px;
    }

    .main-navigation .main-nav ul .tlife-logo.current-menu-item > a {
        border-bottom-color: transparent;
    }
}

@media only screen and  (max-width: 960px) {
    .inside-header > :not(:last-child):not(.main-navigation) {
        margin-bottom: 0;
    }
}

.main-navigation {

    position: sticky;
    top: 0;
}

.admin-bar .main-navigation {
    top: 32px;
}

.main-navigation .search-item,
.main-navigation .social_nav {
    position: absolute;
}

.main-navigation .search-item {
    right: 2em;
}

@media only screen and  (max-width: 1100px) {
    .main-navigation .search-item {
        right: 0;
    }
}

.main-navigation .social_nav {
    left: 2em;
}

.main-navigation .search-item a {
    font-size: 16px;
}

.main-navigation .social_nav li a {
    line-height: 40px;
    padding-right: 1em;
}

.main-navigation .social_nav li a img {
    vertical-align: middle;
}

.main-navigation .search-item.close-search a {
    position: fixed;
    right: 12px;
    top: 0;
}

@media only screen and  (max-width: 1100px) {
    .main-navigation .search-item.close-search a {
        right: 0;
        top: 20px;
    }
}

.main-navigation .main-nav ul li.search-item a {
    padding-right: 0;
}

.admin-bar .main-navigation .search-item.close-search a {
    top: 32px;
}

.main-navigation .main-nav ul li:not(.search-item) > a,
.horiz-menu ul li a {
    border-bottom: 3px solid transparent;
}

.main-navigation .main-nav ul li:not(.search-item):hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.horiz-menu ul li.current-menu-item a,
.horiz-menu ul li a:hover {
    border-bottom: 3px solid #00b451;
    display: inline-block;
}


/*************************
   NAVIGATION-SEARCH
*************************/
.navigation-search {
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    height: 100%;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    place-content: stretch flex-start;
    align-items: stretch;
    max-width: 100%;
}

.navigation-search .navigation-search-wrapper {
    background: #fff;
    padding: 75px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    position: relative;
}

.navigation-search input {
    max-width: 1400px;
    margin: 0;
    height: auto;
    font-size: 1em;
    color: #00b451;
    padding: 1em;
}

.navigation-search input, .navigation-search input:focus, .navigation-search input:active {
    border-bottom: 2px solid #00b451;
}

.navigation-search button[type=submit] {
    background-color: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 100px;
}

.navigation-search button[type=submit] span:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    speak: none;
    content: "\f002";
    font-family: GeneratePress;
    width: 1.28571429em;
    text-align: center;
    display: inline-block;
    color: #00b451;
    font-size: 1.8em;
}

.navigation-search button[type=submit]:hover span:before {
    color: #000;
}

@media only screen and  (max-width: 1100px) {
    .navigation-search .navigation-search-wrapper {
        padding: 120px 75px 75px 75px;
    }

    .navigation-search button[type=submit] {
        top: 155px;
    }
}


/*************************
         FOOTER
*************************/
.site-footer {
    border-top: 1px solid #ddd;
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-top: 4em;
}

.site-footer img {
    vertical-align: middle;
}

.inside-footer-widgets {
    text-align: center;
}

.inside-footer-widgets aside.widget {
    text-align: center;
    margin: 0;
}

.site-footer .site-info .copyright-bar {
    font-size: 12px;
}

.site-footer .site-info {
    background: transparent;
    font-size: inherit;
}

.site-footer ul {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.site-footer ul li {
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 0;
}

.site-footer ul li a {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

body a.generate-back-to-top {
    bottom: 50px;
    right: calc(50% - 20px);
    border-radius: 0;
    z-index: 300;
}

.site-footer .footer-widgets-container .inner-padding {
    padding: 0;
}

.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0;
}

@media only screen and  (min-width: 1101px) {

    .footer-widget-1 aside:not(:last-child) {
        position: absolute;
        left: 2em;
        padding: 0;
    }

    .site-footer .site-info {
        position: absolute;
        right: 2em;
        bottom: 0;
        padding: 0;
    }
}

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

    .site-footer .site-info {
        padding: 18px 0;
    }
}

@media (max-width: 768px) {
    .footer-widgets-container .inside-footer-widgets > div {
        margin-bottom: 0px;
    }
}

/*************************
      BREADCRUMB
*************************/
.breadcrumbs-container {
    text-align: center;
}

.breadcrumbs-container p {
    margin: 0;
}

.breadcrumbs-container a,
.breadcrumbs-container .breadcrumb_last {
    color: #fff;
    padding: 6px 12px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.breadcrumbs-container a {
    background: #000;
}

.category.paged .breadcrumbs-container #breadcrumbs > span > span > span a,
.single-post .breadcrumbs-container #breadcrumbs > span > span > span a,
.breadcrumbs-container .breadcrumb_last {
    background: #00b451;
}


.category.paged .breadcrumbs-container #breadcrumbs > span > span > span .breadcrumb_last,
.single-post .breadcrumb_last {
    display: none;
}


/*************************
        HEADERS
*************************/

.page-header {
    text-align: center;
}

.site-main > .tlife-header {
    padding-left: 2em;
    padding-right: 2em;
}

.page-title,
.tlife-title {
    font-family: 'GFS Didot', serif;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 40px;
    border-left: 6px solid #000;
    border-right: 6px solid #000;
    font-size: 3em;
}

@media only screen and  (max-width: 960px) {
    .home .tlife-title.left {
        margin-left: 1em;
    }
}

@media only screen and  (max-width: 600px) {
    .page-title,
    .tlife-title {
        word-break: break-word;
        padding: 5px 20px;
        border-left: 4px solid #000;
        border-right: 4px solid #000;
    }

	.search.search-results  .tlife-title,
	.archive.author .tlife-title,
    .page-epikoinonia .tlife-title {
        font-size: 2.3em;

    }

	.archive.author .tlife-description {
        font-size: 1.5em;
	}
}


.tlife-title.left {
    border-right: 0;
    text-align: left;
    font-size: 1.8em;
    padding: 5px 0 5px 18px;
    margin: 0;
}

.home .tlife-title.left {
    font-size: 2.3em;
    padding: 5px 0 5px 36px;

}

.taxonomy-description,
.tlife-description {
    margin: 0.5em 0 0 0;
    color: #00b451;
    font-family: 'Over the Rainbow Regular', cursive;
    font-size: 1.8em;
    line-height: 100%;
}

.tlife-title.left .tlife-description {
    margin: 0;
    display: block;
    font-size: 0.7em;
}
.tlife-title.left img,
.tlife-title.left .tlife-description img {
    vertical-align: middle;
}
.tlife-sponsor-icon,
.tlife-category-icon {
    width: 90px;
    height: 18px;
    margin: 1em auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.tlife-sponsor-icon{ background-image: url(assets/paint-roller-solid.svg);}
.category-family .tlife-category-icon,
.category-celebrities-omorfia .tlife-category-icon,
.category-skincare .tlife-category-icon,
.category-nyxia .tlife-category-icon,
.category-mallia .tlife-category-icon,
.category-makigiaz .tlife-category-icon,
.category-trends-omorfia .tlife-category-icon,
.category-omorfia .tlife-category-icon {
    background-image: url(assets/beauty.svg);
}

.category-do-it-yourself .tlife-category-icon,
.category-qa .tlife-category-icon,
.category-celebrities .tlife-category-icon,
.category-styling-tips .tlife-category-icon,
.category-trends-fashion .tlife-category-icon,
.category-moda .tlife-category-icon {
    background-image: url(assets/fashion.svg);
}

.category-fitness .tlife-category-icon {
    background-image: url(assets/life.svg);
}

.category-diakosmisi .tlife-category-icon {
    background-image: url(assets/deco.svg);
}

.category-sxeseis .tlife-category-icon {
    background-image: url(assets/relations.svg);
}

.category-syntages .tlife-category-icon {
    background-image: url(assets/recipes.svg);
}

.category-zodia .tlife-category-icon {
    background-image: url(assets/zodiac.svg);
}

.page-news2 .tlife-category-icon,
.page-news .tlife-category-icon {
    background-image: url(assets/news.svg);
}

/*************************
        BANNER
*************************/


.banner {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 2em;
}


.banner.banner-image {
    padding: 0em;
    min-height: 14em;
}

.banner.banner-image > div {
    padding: 0em 2em;
    min-height: 14em;
}
@media only screen and  (max-width: 600px) {
	.banner.banner-image > div {
		min-height: 20em;
	}
}
.banner-content {
    position: relative;
    z-index: 2;
    border: 1px solid #000;
    height: 100%;
    min-height: 14em;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    place-content: center;
    align-items: center;
    padding: 2em;
}

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

    .banner.banner-image {
        height: auto;
    }
}

.banner-content .black {
    padding: 3px 9px;
    font-size: 12px;
    font-weight: 700;
}

.banner.banner-image .title {
    font-size: 2em;
    font-weight: 300;
}

.banner-content .title {
    font-family: 'GFS Didot', serif;
    font-size: 2.2em;
    line-height: 125%;
}

.banner .description {
    font-size: 14px;

}

.banner-content .description {
    font-size: 1.2em;
    line-height: 125%;
}

.banner-content > * {
    margin: 0.35em auto;
}

.banner .video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.full-video {
    width: 100%;
    overflow: hidden;
}

.full-video video {
    width: 100%;
}

/*************************
        POST PAGE
*************************/
.wp-image {
    position: relative;
}

.credits-text {
    position: absolute;
    bottom: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #fff;
}

.credits-text > span {
    background: rgba(0, 0, 0, 0.4);
    display: inline-block;
    padding: 3px 12px;
}

.wp-caption {
    text-align: center;
}

.product-info-text {
    font-size: 14px;
    margin-top: 1em;
}

@media only screen and  (max-width: 1100px) {
    .entry-header .entry-title,
    .entry-header .entry-meta {
        padding-right: 28px;
        padding-left: 28px;
    }
}

.inside-article .entry-content p a:not(.block):not(.tlife-btn):not(.tlife-link),
.comment-reply-link:hover,
.article-title a:hover {
    border-bottom: 1px solid #00b451;
}

.inside-article .entry-content p a:hover {
    color: #00b451;
}

.article-content-wrapper .comments-area {
    margin-top: 4em;
    border-top: 1px solid #ddd;
    padding-top: 4em;

}

@media only screen and  (min-width: 961px) {
    .inside-article .article-content .article-content-container,
    .inside-article .article-content {
        flex-direction: row;
        box-sizing: border-box;
        place-content: stretch space-between;
        align-items: stretch;


        /* Add more browser support */
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;


        /* Add more browser support */
        justify-content: flex-center;
        -webkit-justify-content: flex-center;

        /* This could potentially help with IE10+11 */
        -ms-flex-pack: center;
        justify-content: flex-center;

    }

    .inside-article .article-content {
        height: 100%;

        max-height: 100%;
    }

    .inside-article .article-share #gp-social-share {
        position: sticky;
        top: 43px;
        width: 45px;
        margin: 0 2em 0 0;
        flex-direction: column;
        box-sizing: border-box;
        place-content: center space-between;
        align-items: center;
    }


    .admin-bar .inside-article .article-share #gp-social-share {
        top: 72px;
    }

    #gp-social-share li {
        margin-right: 0 !important;
        width: 45px;
    }

    .inside-article #gp-social-share {
        margin: 0;
        background: #000;
    }

}

@media only screen and  (max-width: 1172px) and (min-width: 961px) {

    .inside-article .article-share #gp-social-share {
        margin-left: 0;
    }
}

@media only screen and  (max-width: 960px) {
    .inside-article #gp-social-share {
        margin: 2em auto;
        height: 100%;
        flex-direction: row;
        box-sizing: border-box;

        place-content: center;
        align-items: center;


        /* Add more browser support */
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;

        /* Add more browser support */
        justify-content: flex-center;
        -webkit-justify-content: flex-center;

        /* This could potentially help with IE10+11 */
        -ms-flex-pack: center;
        justify-content: flex-center;
    }

    .inside-article #gp-social-share li {
        background: #000;
        margin-right: 0;
    }

    .inside-article:not(.gallery-article) #gp-social-share li {
        padding: 0 1em;
    }
}


#gp-social-share li a {
    width: 45px;
}

#gp-social-share svg {
    width: 45px;
    height: 45px;
}

.inside-article .entry-header {
    text-align: center;
    margin-bottom: 1em;

}

.inside-article .entry-header .entry-title {
    margin-bottom: 1em;
	padding-left:1em;
	padding-right:1em;
}

.inside-article .entry-header .article-helper-title {
    font-size: 2.9em;
}

.inside-article .featured-image img {
    width: 100% !important;
}

.inside-article .article-content {
    position: relative;
}

.inside-article .article-content-wrapper {
    max-width: 575px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
} 

.inside-article .article-share {
    position: relative;
}


.comments-area .logged-in-as {
    font-size: 13px;
}

.comment-list .comment {
    padding: 2em;
    margin: 2em 0;
}

.comment-list .comment:first-child {
    border-top: 1px solid #ddd;
    padding-top: 2em;
}

.comment-list .comment .comment-content {
    padding: 0px;
    border: 0;
    font-size: 14px;
}

.comment-list .comment .comment-author {
    color: #00b451;
}

.comment-list .comment footer *,
.comment-list .comment .comment-author-info time,
.comment-list .comment .comment-author cite {
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

.comment-list .comment .comment-reply-link {
    font-size: 13px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 0.5em;
}

.nf-form-layout .nf-form-content .submit-wrap .nf-field-element,
.comment-respond .form-submit {
    display: inline-block;
    position: relative;
}

.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:after {
    top: 13px;
}

.comment-respond .form-submit:after {
    top: 8px;
}

.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:after,
.comment-respond .form-submit:after {
    position: absolute;
    right: 4px;
    pointer-events: none;
}

.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:after,
.comment-respond .form-submit:after,
.comment-list .comment .comment-reply-link:after {
    margin-left: 0.5em;
}

.comment-list .comment .comment-body {
    padding: 0;
}

.comment-list .comment .comment-respond {
    margin-top: 1em;
}

.tags-links {
    visibility: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 4em;
}

.tags-links a {
    visibility: visible;
}

.tags-links:before {
    display: none;
}

.entry-meta {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.posted-on a {
    pointer-events: none;
    color: #000 !important;
}

.entry-meta a:hover {
    border-bottom: 1px solid #00b451;
}

footer.entry-meta a {
    border-bottom: 1px solid #00b451;
    margin: 0.5em;
    display: inline-block;
}

footer.entry-meta a,
footer.entry-meta a:visited {
    color: #000;
}

footer.entry-meta a:hover {
    color: #00b451;
}

/*************************
       RECIPE POST PAGE
*************************/


.recipe-ingredients h3,
.recipe-preparation h3,
.recipe-tip h3 {
    font-size: 1.55em;
    margin: 1.5em 0;
}

.recipe-ingredients ul,
.recipe-preparation ul {
    list-style: none;
    margin-left: 0;
}

.recipe-ingredients ul {
    font-style: italic;
}

.recipe-ingredients li,
.recipe-preparation li {
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-size: 18px 18px;
    padding-left: 2em;
    min-height: 20px;
}

.recipe-ingredients li {
    background-image: url(assets/bullet-ingredients.svg);
    margin-bottom: 0.5em;
}

.recipe-preparation li {
    background-image: url(assets/bullet-preparation.svg);
    margin-bottom: 2em;
}


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

    .recipe-info > div {
        margin-bottom: 2em;
    }

}

/*************************
      GALLERY  POST PAGE
*************************/
@media only screen and (min-width: 961px) {
    .rl-gallery-container {
        min-height: 966px;
    }
}

.gallery-article .rl-slider-gallery {
    height: 100% !important;
    overflow: visible !important;
}

.gallery-article .entry-content {
    min-height: 1116px;
    margin-right: 1em;
    margin-left: 1em;
}

.gallery-article .rl-gallery-item-caption {
    font-size: 14px;
}

.rl-gallery-item-title {
    display: block;
}

.gallery-article .rl-gallery-item-title {
    font-size: 28px;
    font-weight: 300;
    margin: 0.5em 0;
    line-height: 125%;
}


.gallery-article .flexslider .slides > li.rl-gallery-item {
    height: 100%;
}

.gallery-article .flex-direction-nav a {
    margin: 0;
    opacity: 1;
    color: #fff;
    width: 56px;
    height: 36px;
    display: block;
}

@media only screen and  (max-width: 960px) {
    .gallery-article .rl-gallery-caption {
        margin-top: 2em;
        margin-bottom: 2em;
        display: block;
    }

    .gallery-article .flex-direction-nav a {
        top: 100%;
        margin-top: 5px;
    }

    .gallery-article .flex-direction-nav .flex-prev {
        left: 0;
    }

    .gallery-article .flex-direction-nav .flex-next {
        right: 0;
    }

    .gallery-article .flexslider .slides img {
        width: auto;
        margin: 0 auto;
    }
}


@media only screen and  (min-width: 961px) {

    .gallery-article .flex-direction-nav a {
        position: relative;
        top: 0;
        margin: 0;
        left: 0;
        right: 0;
    }

    .gallery-article .gallery-article-right-bottom,
    .gallery-article .flex-direction-nav,
    .gallery-article .rl-gallery-caption {
        width: 300px;
        z-index: 11;
    }


    .gallery-article .rl-gallery-item > a > img {
        float: left;
        width: calc(100% - 300px - 2em);
        margin: 0;
        height: auto;
    }


    .gallery-article .rl-gallery-caption {
        float: right;
        height: 220px;
        overflow-y: auto;
    }

    .gallery-article .flex-direction-nav {
        right: 0;
    }

    .gallery-article .flex-direction-nav,
    .gallery-article .gallery-article-right-bottom {
        position: absolute;
    }

    .gallery-article .gallery-article-right-bottom {
        top: 346px;
    }

    .gallery-article .flex-direction-nav {
        top: 230px;
    }
}

@media only screen and  (min-width: 1173px) {
    .gallery-article .gallery-article-right-bottom {
        right: 0;
    }
}

@media only screen and  (max-width: 1172px) {
    .gallery-article .gallery-article-right-bottom {
        right: 2em;
    }
}

.gallery-article .flex-direction-nav {
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    place-content: center space-between;
    align-items: center;
    border-top: 1px solid #ddd;
    padding-top: 0.5em;
}


.gallery-article .rl-gallery-caption small {
    font-weight: 700;
    font-size: 14px;
}

.gallery-article .rl-gallery-caption::-webkit-scrollbar {
    width: 12px;
}

.gallery-article .rl-gallery-caption::-webkit-scrollbar-track-piece {
    background-color: #eee;
    border: 1px solid #eee;
    margin: 2px !important;
}

.gallery-article .rl-gallery-caption::-webkit-scrollbar-thumb {
    background-color: #aaa;
    background-image: none;
    cursor: pointer;
}


.gallery-article .flex-direction-nav a.flex-prev:after,
.gallery-article .flex-direction-nav a.flex-prev:before,
.gallery-article .flex-direction-nav a.flex-next:before,
.gallery-article .flex-direction-nav a.flex-next:after {
    display: block;
    content: '';
    position: absolute;
}

.gallery-article .flex-direction-nav a.flex-prev:after,
.gallery-article .flex-direction-nav a.flex-next:before {
    border-bottom: 1px solid #00b451;
    width: 56px;
    height: 1px;
    top: 20px;
}

.gallery-article .flex-direction-nav a.flex-prev:after {
    left: 3px;
}

.gallery-article .flex-direction-nav a.flex-next:before {
    right: 3px;
}

.gallery-article .flex-direction-nav a.flex-prev:before,
.gallery-article .flex-direction-nav a.flex-next:after {
    border: solid #00b451;
    border-width: 0 1px 1px 0;
    padding: 9px;
    top: 11px;
}

.gallery-article .flex-direction-nav a.flex-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 5px;
}

.gallery-article .flex-direction-nav a.flex-next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 5px;
}

.gallery-article .flex-direction-nav a.flex-prev:hover::after,
.gallery-article .flex-direction-nav a.flex-prev:hover::before,
.gallery-article .flex-direction-nav a.flex-next:hover::before,
.gallery-article .flex-direction-nav a.flex-next:hover::after,
.gallery-article .flex-direction-nav a.flex-disabled.flex-prev:after,
.gallery-article .flex-direction-nav a.flex-disabled.flex-prev:before,
.gallery-article .flex-direction-nav a.flex-disabled.flex-next:before,
.gallery-article .flex-direction-nav a.flex-disabled.flex-next:after {
    border-color: #000;
}

.gallery-article #gp-social-share {
    place-content: center space-around;
    align-items: center;
    background-color: #000;
}

/*************************
  BLOG POST - ARCHIVES
*************************/

.blog-post {
    margin-bottom: 2em;
}


@media only screen and    (min-width: 601px) {

    .blog-list {
        margin-left: 1em;
        margin-right: 1em;
    }

}

@media only screen and  (max-width: 1172px) {
    .blog-list .blog-post.full-width {
        margin-left: -1em;
        margin-right: -1em;
        padding: 0 !important;
        width: calc(100% + 2em) !important;
    }
}

@media only screen and  (min-width: 601px) {

    .blog-list .blog-post:not(.full-width) {
        padding-right: 1em;
        padding-left: 1em;
    }
}


@media only screen and  (max-width: 600px) {
    .blog-list .blog-post:not(.overlay-content):not(.full-width) {
        padding-right: 1em;
        padding-left: 1em;
    }
}


/*************************
    ARTICLE LIST
*************************/
@media only screen and  (max-width: 960px) {

    .entry-content .article-list:not(.full-width):not(.overlay-content) {
        padding-right: 2em;
        padding-left: 2em;
    }
}

article .article-image {
    height: 100%;
    width: 100%;
    position: relative;

}

article .article-image a {
    background-image: url(assets/tlife_default.jpg);
}

.blog-list .blog-post article .article-image,
.article-list.mid-single article .article-image,
.article-list article:not(.inline-article):not(.portrait-article) .article-image {
    padding-top: 75%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75)  */
}

.blog-list .blog-post .portrait-article .article-image,
.article-list .portrait-article .article-image {
    padding-top: 133%; /* 4:3 Aspect Ratio (divide 4 by 3 = 1.33 )*/
}

.blog-list .blog-post article .article-image > a,
.article-list article:not(.inline-article) .article-image > a,
.article-list article:not(.inline-article) .article-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.article-overlay-content {
    height: 100%;
}

.article-list:not(.overlay-content) article:not(.article-overlay-content) .article-image {
    margin-bottom: 0.5em;
}

.article-small-image {
    max-width: 40%;
    width: 40%;
}

.article-small-image img {
    width: 100%;
}

.article-list article {
    position: relative;
}

article > .article-image {
    overflow: hidden;
}

article > .article-image > a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.article-category {
    visibility: hidden;
}
.article-category  {
	    margin: 0.5em  0;

}
.article-category a {
    color: #00b451;
    visibility: visible;
    margin: 0 0.5em 0 0;
    min-height: 28px;
    display: inline-block;
    line-height: 28px;
}

.article-category a:last-child {
    margin-right: 0;
}

.inline-article .article-category a {
    margin-top: 0;
    line-height: 100%;
    min-height: 0;
}

.article-list:not(.center).article-category a {
    margin-left: 0.5em;
}

.article-category a:hover {
    color: #000;
}

.entry-author a:hover {
    color: #00b451;
}

.article-meta {
    color: #747474;
    margin-top: 1em;
    display: block;

}

.article-category {
    font-weight: 700;
 }

 

.article-helper-title {
     font-family: 'GFS Didot', serif;
    margin-bottom: 0.25em;
}

.article-helper-title,
.article-title {
    max-width: 100%;
}


.article-list.row.wrap article {
    margin-bottom: 1em;
}


.article-list .article-overlay-content .article-overlay {
    height: 100%;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    place-content: center flex-end;

    /* Add more browser support */
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    /* Combined flex-wrap and flex-direction */
    flex-flow: nowrap column;

    /* Add more browser support */
    justify-content: flex-end;
    -webkit-justify-content: flex-end;

    /* This could potentially help with IE10+11 */
    -ms-flex-pack: end;
    justify-content: flex-end;


    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    padding: 2em;
}

.article-list.overlay-content.huge-title article .article-overlay {
    padding: 2em;
}

.article-list.overlay-content article.banner .article-overlay {
    position: absolute;
    top: 0;
    left: 0;
}


.article-list.overlay-content .article-category {
    visibility: hidden;
    z-index: 1;
}

.article-list.overlay-content .article-category a {
    visibility: visible;
    background-color: #000;
    color: #fff;
    padding: 0 9px;
}

.article-list.overlay-content .article-category a:hover {
    background-color: #00b451;
}

.article-list.overlay-content:not(.article-transparent) .article-helper-title,
.article-list.overlay-content:not(.article-transparent) .article-title {
    color: #fff;
}


.article-list.overlay-content .article-link {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
}


.article-list article.inline-article {
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    place-content: flex-start space-between;
    align-items: flex-start;
    margin-top: 1em;
    margin-bottom: 1em;
}

@media only screen and  (max-width: 960px) and (min-width: 500px) {

    .article-list article.inline-article {
        place-content: center space-between;
        align-items: center;
    }

}


.article-list article.inline-article .article-category {
    margin-top: 0;
}

.article-list article.inline-article .article-meta {
    margin-top: 0.5em;
}

.article-list .inline-article .article-image {
    margin: 0;
}

.article-list .inline-article .article-info {
    max-width: 60%;
    width: 60%;
    padding-left: 1em;
}

.header-article-grid .mid-double article:not(:last-child),
.header-article-grid .right-double article:not(:last-child) {
    margin-bottom: 1em;
}

.article-list.article-transparent article {
    height: 100%;
    flex-direction: column-reverse;
    box-sizing: border-box;
    display: flex;
    place-content: stretch flex-end;
    align-items: stretch;
    max-width: 100%;
}

.article-list.article-transparent article .article-image {
    background-color: transparent;
}

.article-list.article-transparent article .article-overlay {
    position: relative;
    background: none;
    padding: 0 !important;
}

.article-list.article-transparent article .article-helper-title {
    margin-bottom: 0;
}

.article-list.article-transparent article .article-title {
    font-weight: 300;
}


@media only screen and  (min-width: 961px) {

 

    .article-list.overlay-content.leading article .article-overlay .article-helper-title,
    .article-list.overlay-content.leading article .article-overlay .article-title {
        width: 80%;
    }

    .home .header-article-grid .left-single,
    .home .header-article-grid .mid-single,
    .home .header-article-grid .mid-double {
        padding-right: 1em;
    }

    .article-grid .mid-single {
        padding-left: 2em;
        padding-right: 2em;
    }


}

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

 
    .article-list.overlay-content.leading article .article-overlay {
        padding: 2em;
    }

}

@media only screen and  (min-width: 601px) {

    body:not(.home) .header-article-grid {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }

    body:not(.home) .header-article-grid > div {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }

    .home .header-article-grid .mid-single,
    .home .header-article-grid .left-single {
        padding-right: 0.5em;
    }

    .home .header-article-grid .right-single,
    .home .header-article-grid .mid-single,
    .home .header-article-grid .mid-double {
        padding-left: 0.5em;
    }

}

@media only screen and  (max-width: 960px) and (min-width: 601px) {


    .article-grid .right-double {
        margin-top: 2em;
    }

    .header-article-grid .right-double {
        margin-top: 1em;
    }

    .article-grid .right-double,
    .header-article-grid .right-double {
        height: 100%;
        flex-direction: row;
        box-sizing: border-box;
        display: flex;
        place-content: flex-start space-between;
        align-items: flex-start;
    }

    .article-grid .right-double article,
    .header-article-grid .right-double article {
        width: 50%;
        margin-bottom: 0 !important;
    }

    .article-grid .right-double article:last-child {
        margin-left: 1em;
    }

    .header-article-grid .right-double article:last-child {
        margin-left: 0.5em;
    }

    .article-grid .right-double article:first-child {
        margin-right: 1em;
    }

    .header-article-grid .right-double article:first-child {
        margin-right: 0.5em;
    }

}

@media only screen and  (min-width: 601px) {
    .article-list.col-2 article {
        width: 50%;
    }

    .article-list.col-2 article:nth-child(odd) {
        padding-right: 1em;
    }

    .article-list.col-2 article:nth-child(even) {
        padding-left: 1em;
    }

    .small-gap .article-list.col-2 article:nth-child(odd) {
        padding-right: 0.5em;
    }

    .small-gap .article-list.col-2 article:nth-child(even) {
        padding-left: 0.5em;
    }

    .article-list.col-3 {
        margin-left: -1em;
    }

    .article-list.col-3 article {
        width: 33.333%;
        padding-left: 1em;
    }

    .article-grid .article-list article:not(:last-child) {
        margin-bottom: 1em;
    }

    .article-grid .article-list:not(.overlay-content) article:not(:last-child) {
        margin-bottom: 2em;
    }

    .article-grid .right-single {
        margin-left: 1em;
    }

    .article-grid .mid-single {
        padding-left: 2em;
        padding-right: 2em;
    }

    .portrait-article article .article-image,
    .header-article-grid .left-single article .article-image {
        height: 100%;
    }

}


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

    .blog-post:not(.overlay-content) {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .header-article-grid > div:not(:last-child),
    .article-grid > div:not(:last-child),
    .article-list article:not(:last-child) {
        margin-bottom: 2em !important;
    }

    .article-list article:first-child:last-child {
        margin-bottom: 2em;
    }

    .header-article-grid article {
        width: 100%;
    }

    article.portrait-article .article-image,
    .article-list.mid-single article .article-image,
    .header-article-grid .left-single article .article-image {
        padding-top: 133%;
    }


    .home .header-article-grid.pt-2 {
        padding-top: 0;
    }
}

/*  ARTICLE LIST  font sizes */


.article-category {
    font-weight: 700;
    font-size: 12px;
}

.article-helper-title {
    font-size: 1.8em; /* desktop 32.4px, tablet 25.2px, mobile 28.8px*/
}

.medium-title .article-helper-title {
    font-size: 1.5em; /* desktop 27px, tablet 21px, mobile 24px*/
}

.article-title {
    font-size: 1.2em; /* desktop 21.6px, tablet 16.8px, mobile 19.2px*/
}


.big-title .article-title {
    font-size: 1.4em; /* desktop 25.2px, tablet 19.6px, mobile 22.4px*/
}

.medium-title .article-title,
.section-with-sidebar .article-list.col-2 .article-title,
.section-with-sidebar .article-list.col-3 .article-title {
    font-size: 1em; /* desktop 18px, tablet 14px, mobile 16px*/
}


.article-list.overlay-content.huge-title .article-helper-title,
.article-list.overlay-content.leading .article-helper-title {
    font-size: 2.2em;/*desktop 39.6px, tablet 30.8px, mobile 35.2px*/
}

.article-list.overlay-content.huge-title .article-title,
.article-list.overlay-content.leading .article-title {
    font-size: 1.6em; /*desktop 28.8px, tablet 22.4px, mobile 25.6px*/
}

.section-with-sidebar .sidebar-inside-content.right-sidebar .article-list .article-title {
    font-size:14px; 
}



@media only screen and  (max-width: 1100px) {
    .home .section-sidebar .article-title {
        font-size: 1.2em; /*desktop 21.6px, mobile 19.2px*/
    }
}

@media only screen and  (max-width: 1600px) and (min-width: 961px) {   

    .home .article-title ,
    .big-title.overlay-content .article-title {
        font-size: 1em; /*desktop 18px, tablet 14px*/
    }

    .header-article-grid .article-list.overlay-content .article-helper-title {
        font-size: 1.5em; /*desktop 27px, tablet 21px*/
    }


    .header-article-grid .article-list.overlay-content.huge-title .article-helper-title {
        font-size: 2em; /*desktop 36px, tablet 28px*/
    }

    .header-article-grid .article-list.overlay-content.huge-title .article-title {
        font-size: 1.25em; /*desktop 22.5px, tablet 17.5px*/
    }

    .header-article-grid .article-list.overlay-content.big-title .article-title {
        font-size: 1.2em; /*desktop 21.6px, tablet 16.8px*/
    }

}

@media only screen and  (max-width: 960px) and (min-width: 601px) {
    .article-list.overlay-content.huge-title .article-helper-title {
        font-size: 2.2em; /*tablet 30.8px*/
    }

    .article-list.overlay-content.huge-title .article-title {
        font-size: 1.4em; /*tablet 16.6px*/
    }

    .home .header-article-grid .article-title {
        font-size: 1em; /*tablet 14px*/
    }

    .home .big-title .article-title {
        font-size: 1.2em; /*tablet 16.8px*/
    }
}

@media only screen and  (min-width: 961px) {
    .article-list.col-2.col-lg-50 .article-title {
        font-size: 1em; /*desktop 18px, tablet 14px*/
    }

    .article-list .inline-article .article-info .article-title {
        font-size: 13px;
    }
}

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

    .article-list .inline-article .article-info .article-title {
        font-size: 1em; /*tablet 14px , mobile 16px*/
    }
}

@media only screen and  (min-width: 601px) {
    .header-article-grid.portrait-article .article-helper-title {
        font-size: 1.6em; /* desktop 28.8px, tablet 22.4px*/
    }

    .header-article-grid.portrait-article .article-title {
        font-size: 1em; /*desktop 18px, tablet 14px*/
    }
}

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

    .article-list.overlay-content.huge-title .article-title {
        font-size: 1.4em; /*mobile 22.4px*/
    }
    .overlay-content.big-title .article-title,
    .article-list.overlay-content.leading .article-title {
        font-size: 1.2em; /*mobile 19.2px*/
    }
	
	.overlay-content.big-title  .article-helper-title,
	.medium-title .article-helper-title {font-size: 1.8em; /*mobile 28.8px*/}
	.medium-title .article-title{     font-size: 1.4em; /*mobile 22.4px*/ }
	
}


/***********************
          FORMS
***********************/

.nf-form-cont {
    min-height: 440px;
    height: 100%;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    place-content: stretch center;
    align-items: stretch;
    max-width: 100%;
}

.nf-form-layout .nf-form-content,
.nf-form-layout .nf-form-content .nf-cell {
    padding: 0;
}

.nf-form-layout .nf-form-content .ninja-forms-field {
    padding: 10px;
}

@media only screen and  (min-width: 601px) {
    .nf-form-layout .nf-form-content nf-cells .nf-cell:nth-child(odd) {
        padding-right: 0.5em;
    }

    .nf-form-layout .nf-form-content nf-cells .nf-cell:nth-child(even) {
        padding-left: 0.5em;
    }

    .nf-form-layout .nf-form-content nf-cells .nf-cell:first-child:last-child {
        padding: 0;
    }
}

@media only screen and (max-width: 800px) {
    .nf-form-layout .nf-field-container .nf-field-label {
        margin-bottom: 0px !important;
    }
}

.nf-form-layout .nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-layout .nf-form-content input.ninja-forms-field,
.nf-form-layout .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 45px;
}

.nf-form-layout .nf-form-content .listselect-wrap .nf-field-element div {
    padding: 10px;
}

.nf-form-layout .nf-form-content .listselect-wrap .nf-field-element:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 20px;
    bottom: -3px;
    height: 50px;
    line-height: 50px;
    z-index: 2;
}


.nf-form-layout .nf-form-content .list-select-wrap > div select option:focus,
.nf-form-layout .nf-form-content .list-select-wrap > div select option:hover,
.nf-form-layout .nf-form-content .list-select-wrap > div select option:checked,
.nf-form-layout .nf-form-content .list-select-wrap > div select option {
    background-color: #fff;
    background: #fff;
    border: 0;
    outline: none;
}

.nf-form-layout .nf-form-content .list-select-wrap > div select option:checked {
    color: #00b451;
}

.nf-form-layout .nf-field-container .field-wrap .nf-field-label {
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 2;
}
.nf-form-layout .nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-layout .nf-field-container .field-wrap.gem-has-value .nf-field-label,
.nf-form-layout .nf-field-container .field-wrap.gem-focus .nf-field-label,
.nf-form-layout .nf-field-container .field-wrap.focus .nf-field-label,
.nf-form-layout .nf-field-container .field-wrap.nf-pass .nf-field-label,
.nf-form-layout .nf-field-container .field-wrap:active .nf-field-label,
.nf-form-layout .nf-field-container .field-wrap:focus .nf-field-label {
    display: none;
}

.nf-form-layout .nf-field-container .field-wrap textarea:focus,
.nf-form-layout .nf-field-container .field-wrap select:focus,
.nf-form-layout .nf-field-container .field-wrap input:focus {
    z-index: 10;
    position: relative;
}

.nf-form-layout .nf-form-content textarea,
.nf-form-layout .nf-form-content textarea.ninja-forms-field,
.nf-form-layout .nf-form-content .list-select-wrap > div select,
.nf-form-layout .nf-form-content input:not([type=button]) {
    outline: none;
}

.nf-form-layout .nf-form-content .nf-pass .ninja-forms-field {
    border-color: #ddd !important;
}

.nf-form-layout .nf-form-content textarea,
.nf-form-layout .nf-form-content .list-select-wrap > div select,
.nf-form-layout .nf-form-content input:not([type=button]),
.nf-form-layout .nf-form-content input[type=button],
.comment-respond textarea,
.comment-respond input,
.comment-list .comment {
    border: 1px solid #ddd;
    border-radius: 15px;
    font-size: 16px;
}

.nf-form-layout .nf-form-content input:focus + labels {
    color: red !important;
}

.nf-form-layout .nf-form-content .list-select-wrap > div select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.nf-form-layout .nf-form-content textarea,
.nf-form-layout .nf-form-content input:not([type=button]),
.nf-form-layout .nf-form-content input[type=button],
.comment-respond textarea,
.comment-respond input {
background-color: #fff;}

.nf-form-layout .nf-form-content textarea,
.nf-form-layout .nf-form-content .list-select-wrap > div select,
.nf-form-layout .nf-form-content input:not([type=button]),
.nf-form-layout .nf-form-content input[type=button],
.comment-respond textarea,
.comment-respond input {
    outline: 0;
    color: #000;
    width: 100%;
}

.nf-form-layout .nf-form-content .list-select-wrap .nf-field-element > div {
    border: 0;
    background: transparent;
    border-radius: 0;
}

.nf-form-layout .nf-form-content input[type="button"],
.comment-respond input[type="submit"] {
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 36px 12px 18px;
    transition: all .5s;
}

.nf-form-layout .nf-form-content .submit-wrap .nf-field-element:hover input[type="button"],
.nf-form-layout .nf-form-content input[type="button"]:hover,
.comment-respond input[type="submit"]:hover {
    background-color: #00b451;
    color: #fff;
}

.nf-form-layout .nf-form-content .label-above .nf-field-label {
    margin-bottom: 0;
}

.nf-form-layout .nf-form-content .nf-error-field-errors,
.nf-form-layout .nf-error-msg,
.nf-form-layout .nf-form-content .nf-after-field .nf-error-msg,
.nf-form-layout .nf-form-content .nf-error-msg.nf-error-required-error,
.nf-form-layout .nf-form-content label {
    font-size: 14px;
    line-height: 125%;
    font-weight: 400;
}

.nf-form-layout .nf-form-content label {
    margin-bottom: 0.5em;
    display: block;
}

.nf-pass.field-wrap .nf-field-element:after,
.nf-form-layout .ninja-forms-req-symbol,
.nf-form-layout .nf-error.field-wrap .nf-field-element:after,
.nf-form-layout .nf-form-fields-required {
    display: none;
}


.nf-form-layout .nf-form-content .listselect-wrap .nf-field-element:after {
    content: "\f107";
    visibility: visible;
    font-family: GeneratePress;
    text-decoration: inherit;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    speak: none;
}


/************************
     taboola-feed & adman 
***********************/

.taboola-feed > * *{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400  !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 125%  !important;
	margin-bottom:9px !important;
	color: #000 !important;
}
 
.taboola-feed > * span.trc_ellipsis{	
	max-height: 88px !important;
    height: auto !important;
}
.taboola-feed > * .branding,
.taboola-feed > * .logoDiv a span{ font-size:12px !important;}
.taboola-feed > * .branding{ color: #999  !important;}

@media only screen and  (min-width: 1024px) {
	.taboola-feed > * *{
		font-size:18px !important;
	}
}
@media only screen and  (max-width: 1023px) {
	.taboola-feed > * *{
		font-size:14px !important;
	}
}
@media screen and (max-width: 419px){
	.taboola-feed > * *{
		font-size:16px !important;
	}
}
@media screen and (min-width: 420px){
	.taboola-feed > * .syndicatedItem,
	.taboola-feed > * .trc_spotlight_item,
	.taboola-feed > * .textItem {
		float: none  !important;
		display: inline-block !important;
		vertical-align: top;
		margin-bottom: 20px !important;
	 } 
 }

@media only screen and  (min-width: 961px) {
	.taboola-feed {
		min-height: 1023px;
	}
}

img[width="1"],
img[width="0"] {
    position: absolute;
}

/************************
     Adverts
***********************/
 
.advert .rel {
        position: relative;
    }
	
.advert p.uppercase {
    position: absolute;
    top: 6px;
    text-align: center;
    width: 100%;
    margin: 0;
    line-height: 100%;
    color: #747474;
}
.advert .advert-container > p{display:none;}
.advert .advert-container > div {
    display: inline-block !important;
    background-color: #eee;
    margin: 0 auto;

}

.advert::after {
    content: "";
    clear: both;
    display: table;
}


.no-results {
    text-align: center;
}

/*cookiescript GDPR*/

body #cookiescript_accept,
body #cookiescript_save,
body #cookiescript_categories .cookiescript_active,
body #cookiescript_reportwrap::-webkit-scrollbar-thumb,
body #cookiescript_aboutwrap::-webkit-scrollbar-thumb {
    background-color: #00b451;
}

body #cookiescript_accept:hover,
body #cookiescript_save:hover {
    background-color: #000;
}

body #cookiescript_maintabs .cookiescript_active {
    color: #00b451;
}

body .cookiescriptlogo,
body #cookiescript_manage:hover #cookiescript_manageicon .cookiescript_gear {
    fill: #00b451;
}

/*
.article-meta, .entry-meta,
.taxonomy-description, .tlife-description,
.article-category a ,
.entry-meta a, .entry-meta a:visited {
   color: #007a37; 
   }

.category.paged .breadcrumbs-container #breadcrumbs > span > span > span a, .single-post .breadcrumbs-container #breadcrumbs > span > span > span a, .breadcrumbs-container .breadcrumb_last {
   background: #007a37;
}
*/