/* @containers****************************************************************************************************************************************************************************************/
.container, .container_alt, .container_vis, .container_head {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
    position: relative;
}
.tmnf_width_wide .container,
.tmnf_width_wide .container_alt,
.tmnf_width_wide .container_vis,
.tmnf_width_wide .container_head {
    max-width: 1280px;
}

.container_alt {
    overflow: visible;
    padding: 0 0;
}

.container_head,
.container_vis {
    overflow: visible;
}
#footer .container {
    background: none !important;
}
/* @columns****************************************************************************************************************************************************************************************/
.onecol, .twocol, .threecol, .fourcol, .fivecol, .fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .warpbox {
    margin-left: 0;
    float: left;
    min-height: 1px;
}
.foocol {
    margin: 0 0 0 0;
    width: 20%;
    padding: 80px 20px 80px 20px;
    position: relative;
    height: 100%;
    min-height: 1px;
    float: left;
}
.foocol.first {
    width: 40%;
    padding-right: 60px;
}
/*sidebar*/
.fourcol {
    width: 30%;
    padding: 0 20px;
    margin: 0 0 40px 0;
    min-height: 1px;
    float: left;
}
/*content*/
.eightcol {
    width: 70%;
    padding: 0 20px;
    margin: 0 0 40px 0;
    min-height: 1px;
    float: left;
}
/* sidebar position */
.postbarLeft .eightcol {
    float: right !important
}
.postbarNone .eightcol,
.tmnf-sidebar-null .eightcol {
    float: none !important;
    margin: 0 auto 40px auto !important;
}
.postbarNone .entryhead iframe {
    width: 100%;
}
/* one column layout */
.sixcol {
    width: 50%
}
.first, .ml-first {
    margin-left: 0px !important;
}
.widgetable {
    padding: 0 0;
    overflow: hidden;
    margin: 0 0 0 0;
}
.single-post .fourcol, .single-post .eightcol, .page .fourcol, .page .eightcol {
    margin-bottom: 50px;
}

/* @mobile first****************************************************************************************************************************************************************************************/
@media only screen and (min-width: 1155px) {

    .header_default #topnav {
        background: none;
    }

    .header_default #header {
        position: fixed;
        top: 0;
        left: 0;
        background-color: transparent;
    }

    .header_default #topnav p {
        margin: 0 25px 0 -20px;
    }

    .header_default .page-header {
        padding: 280px 0 80px 0;
    }


    .header_fullwidth #header {
        top: 0;
        position: relative;
    }

    .header_fullwidth #header.scrolled {
        box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    }

    .admin-bar .header_fullwidth #header {
        top: 0;
    }

    .header_fullwidth #main-nav {
        padding: 0 0 0 40px;
    }

    .header_fullwidth .page-header {
        padding: 150px 0;
    }



    .header_transparent .container_head,
    .header_fullwidth #header.scrolled .container_head {
        background: none;
        box-shadow: none !important;
    }
    .header_transparent #topnav {
        background: rgba(204, 204, 204, .1);
    }

    .header_transparent #header {
        top: 0;
    }

    .admin-bar .header_transparent #header {
        top: 32px;
    }

    .header_transparent #main-nav {
        padding: 0 0 0 40px;
    }


    .header_fullwidth_2 #header {
        top: 0;
        position: relative;
    }

    .header_fullwidth_2 .container_head,
    .header_fullwidth_2 .topnav .container {
        max-width: 100% !important;
    }

    .header_fullwidth #header.scrolled {
        box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    }

    .admin-bar .header_fullwidth_2 #header {
        top: 0;
    }

    .header_fullwidth_2 .page-header {
        padding: 120px 0;
    }

}

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

    .postbarNone .content_inn, .tmnf-sidebar-null .content_inn {
        padding-top: 100px;
    }
    .postbarNone .eightcol .entry, .tmnf-sidebar-null .entry, .postbarNone .postinfo, .tmnf-sidebar-null .postinfo, .postbarNone #comments, .tmnf-sidebar-null #comments {
        max-width: 800px;
        float: none;
        margin: 0 auto;
    }
    .postbarNone .page-header .container, .tmnf-sidebar-null .page-header .container, .postbarNone .post-pagination, .tmnf-sidebar-null .post-pagination {
        max-width: 800px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .postbarNone .header_text, .tmnf-sidebar-null .header_text {
        max-width: 70%;
        float: none;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .postbarNone .page-header, .tmnf-sidebar-null .page-header {
        text-align: center;
    }
    .postbarNone .meta_full, .tmnf-sidebar-null .meta_full {
        float: none;
        text-align: center;
    }
    .postbarNone .meta_single .meta, .tmnf-sidebar-null .meta_single .meta {
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }

    .tmnf-sidebar-null .alignfull, .postbarNone .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .tmnf-sidebar-null .alignwide, .postbarNone .alignwide {
        margin-left: calc(38% - 25vw) !important;
        margin-right: calc(38% - 25vw) !important;
        margin-bottom: 25px;
        width: auto;
        max-width: 1000%;
    }
    .alignwide img, .alignfull img {
        display: block;
        margin: 0 auto;
        padding: 0 0;
    }

    .alignwide, .alignfull {
        margin-bottom: 25px;
    }
    .wp-block-gallery.alignleft {
        margin-right: 30px !important;
    }
    .wp-block-gallery.alignright {
        margin-left: 30px !important;
    }
    .wp-block-gallery img {}
    .alignfull iframe {
        float: none;
        margin: 0 auto;
    }
    .alignfull .wp-block-embed__wrapper {
        text-align: center;
    }
    .post_nav_item {
        width: 100%;
    }

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

    body>.tmnf-sidebar-null .page-header .container {
        max-width: 680px;
        text-align: center;
    }

}

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

    #woo-site .eightcol {
        width: 75%;
    }

    #woo-site .fourcol {
        width: 25%;
    }

    .grid_post {
        width: 33.33%;
    }
    .grid_post:nth-child(3n + 4) {
        clear: left
    }

    .tmnf_columns_4 .grid_post {
        width: 25%;
    }
    .tmnf_columns_4 .grid_post:nth-child(3n + 4) {
        clear: none;
    }
    .tmnf_columns_4 .grid_post:nth-child(4n + 5) {
        clear: left;
    }

    .tmnf_columns_2 .grid_post {
        width: 50%;
    }
    .tmnf_columns_2 .grid_post:nth-child(3n + 4) {
        clear: none;
    }

    .tmnf_columns_1 .grid_post:nth-child(2n + 3) {
        clear: left;
    }
    .tmnf_columns_1 .grid_post {
        width: 100%;
    }

    .tmnf_columns_4 .grid_post h3 {
        font-size: 18px !important;
    }



}

/* @responsive mode****************************************************************************************************************************************************************************************/

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

    #header {
        top: 0;
    }
    .page-header img {
        width: 140%;
        max-width: 140% !important;
        left: -20%;
    }
}
/* iPad Landscape */
@media screen and (max-width: 1155px) {

    .site_wrapper {
        padding: 0 !important;
    }

    #header {
        position: relative;
        top: auto;
        left: auto;
    }

    .container_head {
        max-width: 100%;
    }

    #titles {
        max-width: 25%;
    }
    .nav>li>a {
        padding: 15px 6px;
    }
    #main-nav>li {
        padding: 15px 10px 15px 17px;
    }
    .nav li.menu-item-has-children a, .nav li.page_item_has_children a {
        padding-right: 14px !important;
    }
    .menu-item-has-children>a::after {
        right: 8px;
    }
    .page-header img {
        width: 180%;
        max-width: 180% !important;
        left: -40%;
    }


    #titles {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        overflow: hidden;
    }

    #titles img {
        max-height: 60px;
    }

    #titles h1.logo_text {
        font-size: 22px !important;
        margin: 9px 0 !important;
    }
    /* mobile menu */

    #header input[type=checkbox] {
        opacity: .3;
    }
    .show-menu {
        display: block !important;
    }
    .header-right.for-menu {
        display: block;
        float: none;
        width: 100%;
    }
    #navigation {
        display: none;
        position: relative;
        overflow: hidden;
        height: auto;
        top: auto;
        margin: -2px -20px 0 -20px !important;
        padding: 0 20px !important;
        width: calc(100% + 40px);
        background: #1F2024;
    }
    #navigation li:not(.special) a {
        color: #fff !important;
    }
    #main-nav, #top-nav {
        display: block;
        overflow: hidden;
        margin-bottom: 10px !important;
    }
    #navigation li ul a:hover, #navigation li ul .current-menu-item>a {
        opacity: .7;
    }
    ul.nav, #main-nav {
        width: 100% !important;
        margin: 0 0 0 0 !important;
        padding: 0 0 0 0 !important;
    }
    ul.nav li, .nav li ul {
        width: 100% !important;
        background-color: transparent !important;
        border: none !important;
        float: none;
        display: block;
        margin: 0 0 0 0 !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        position: relative !important;
        left: auto !important;
        display: block !important;
        visibility: visible !important;
        padding-top: 0;
    }
    ul.nav li.special {
        padding: 10px 0 40px 0 !important;
    }
    ul.nav li.special>a {
        padding: 20px 30px !important;
    }
    .nav>li ul {
        max-height: none;
        opacity: 1;
    }
    #navigation .nav li ul li>a {
        border-bottom: 1px dotted rgba(255, 255, 255, .2) !important;
        text-align: left;
    }
    ul.nav li a {
        width: 100% !important;
        text-align: left;
        padding: 15px 0 !important;
        margin: 0 0 0 20px;
        font-size: 16px !important;
    }
    ul.nav li ul.sub-menu a {
        padding: 5px 0 !important;
    }
    .nav li ul li>a {
        font-size: 13px !important;
    }
    .nav li a.sf-with-ul {
        padding-right: 0 !important;
    }
    #main-nav>li>a {
        margin: 0 0 0 0 !important;
    }
    .nav>li>ul>li, .nav li ul ul li, #main-nav li ul li>a, .nav li ul li>a {
        max-width: 100% !important;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .nav li ul {
        padding: 0 20px;
    }
    #main-nav li.mega ul.sub-menu {
        min-height: 0px;
    }
    .nav li ul ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    div.sub, .nav>li>ul:after, .menu-item-has-children>a::after, .header_icons {
        display: none !important;
    }
    #main-nav>li {
        padding: 0 0;
    }
    #main-nav>li.special {
        padding-right: 0
    }
    #main-nav>li::before, .menu-item-has-children>a::after {
        display: none;
    }
    .nav li ul.sub-menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


    .nav li.mega>ul.sub-menu {
        padding: 0px 20px !important;
    }
    .nav li.mega>ul.sub-menu>li ul, .nav li.mega>ul.sub-menu>li ul ul, .nav li.mega>ul.sub-menu>li ul ul ul {
        margin-left: 0 !important;
    }
    .nav li ul.sub-menu {
        padding: 0 0 0 20px !important;
    }
    .nav li.mega>ul.sub-menu>li>a {
        text-transform: none !important;
        font-weight: 400 !important;
    }
    #topnav {
        padding: 0 0 0 0;
    }

    #topnav ul.nav {
        margin: 0 0 0 -15px !important;
    }

    #topnav ul.nav li a {
        margin: 0 0 0 0;
    }

    p.menu_label {
        display: none;
    }

    #topnav .social-menu {
        padding: 0 15px;
    }

    #topnav .social-menu a {
        padding: 12px 6px 10px 24px;
    }


    ul.nav .sub-menu {
        display: none !important;
    }

    ul.nav .active .sub-menu {
        display: block !important;
    }

    a .tmnf_mobile_dropdown {
        display: block;
        position: absolute;
        content: "↓";
        height: 25px;
        width: 25px;
        background: rgba(255, 255, 255, .1);
        top: 6px;
        right: 20px;
        font-size: 11px !important;
        margin-top: -2px;
        font-weight: normal;
        padding: 5px 10px;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        -moz-border-radius: 30px;
        -khtml-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        z-index: 2;
    }
    li.menu-item-has-children li a .tmnf_mobile_dropdown {
        display: none;
    }
    .menu-item-has-children>a::after {
        top: 15px;
        right: 17px;
        z-index: 1;
    }

    .nav li ul li.menu-item-has-children>a::after {
        top: 13px;
    }

    .menu-item-has-children.active>a .tmnf_mobile_dropdown {
        transform: rotate(-180deg);
    }

    #navigation ul.nav li ul li.menu-item-has-children>a:after {
        transform: rotate(0deg);
        right: 16px;
        top: 13px;
    }

    #navigation ul.nav li ul li.menu-item-has-children.active>a:after {
        transform: rotate(180deg);
        right: 12px;
        top: 22px;
    }

    .nav li ul li.menu-item-has-children.active>a::after {
        top: 22px;
    }

    /* end mobile menu */

    .sidebar_item {
        padding: 10px 25px;
    }

    .evnt_single_excerpt {
        width: 100%;
    }
	
    .evnt_single_date,
    .evnt_single_location {
        width: 50%;
    }

    .tmnf_events.grid_blogger {
        margin: 0 -10px;
        width: calc(100% + 20px);
    }
    .tmnf_events .grid_post {
        padding: 0 10px;
        margin: 0 0 20px 0;
    }
    .event_item .evnt_inn {
        padding: 200px 20px 20px 20px;
    }

    .evnt_date {
        top: 20px;
        left: 20px;
    }

    .evnt_date>span.ribbon {
        font-size: 15px;
        padding: 10px 12px;
    }

    .evnt_date>span:last-of-type {
        display: none;
    }

}
/* tablet Portrait */
@media screen and (max-width: 885px) {
    div.tooltip p:after, .nav>li>ul:after, .sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul::after {
        display: none !important;
    }
    body {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        font-size: 16px;
        -webkit-text-size-adjust: none;
    }
    .onecol, .twocol, .threecol, .threecol_spec, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .fifthcol {
        width: auto;
        float: none !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0;
        margin-right: 0;
    }
    #topnav p {
        display: none;
    }
    #titles {
        max-width: 50%;
        text-align: left;
    }

    body>.tmnf-sidebar-null .page-header .container {
        text-align: left;
    }

    .postbarNone h1.archiv span.subtitle,
    .tmnf-sidebar-null h1.archiv span.subtitle {
        margin: 25px 0 0 0;
    }


    /*stacked clomuns & posts */
    /* columns */
    .eightcol, .fourcol {
        width: 100%;
        margin: 0 auto !important;
        float: none !important;
        display: block;
        width: 100%;
        border-left: none;
        border-right: none;
        padding: 20px;
    }
    #sidebar, #footer .foocol, .landing-section, .footer-logo {
        max-width: 360px;
        width: 100%;
        float: none !important;
        margin: 0 auto !important;
        padding: 20px 0 !important;
    }
    #footer .foocol {
        padding: 20px 20px !important;
    }
    #core {
        padding-top: 0;
    }
    .fullcontent {
        padding-top: 20px;
    }
    .blogger {
        padding: 0;
        overflow: hidden;
    }
    .blogger>.item {
        margin: 0 0 20px 0;
    }
    .blogger>.item img {
        width: 100%;
    }
    .blogger div.post.sticky::after {
        top: 15px;
        right: 20px;
    }
    /* posts */
    .item_inn {
        overflow: hidden;
        padding: 0 0;
    }
    .item_inn::after, .item_inn::before {
        display: none;
    }
    .postbarLeft .eightcol {
        float: none !important;
    }
    /*/
	///end stacked colmuns & posts */
    /* woocommerce */
    #woo-inn {
        margin-left: 0;
    }
    .woocommerce-page div.product div.summary {
        margin: 0 0 40px 0;
        width: 100%;
    }
    .woocommerce-page ul.products li.product, .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 0 30px 0 !important;
    }
    .woocommerce h1.page-title, p.woocommerce-result-count {
        text-align: center;
        width: 100%;
    }
    .woocommerce #foliocontent .woocommerce-tabs, .woocommerce #foliocontent .related.products {
        width: 100%;
    }
    .woocommerce-page #foliosidebar {
        clear: both;
    }
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: none;
    }
    .tmnf-sc-quote.left, .tmnf-sc-quote.right {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }
    .wpcf7-form p.sixcol {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    /* comments */
    .commentlist li.comment.parent {
        padding: 15px 0 0 0px;
    }
    .commentlist li.comment {
        padding: 20px 5px 10px 5px;
    }
    ul.children li.comment:last-child {
        padding: 20px 0 10px 20px !important;
    }
    .commentlist .avatar {
        right: 0;
        left: auto;
        top: 20px;
        width: 40px;
    }
    li.bypostauthor {
        padding-left: 10px !important;
    }
    /* other */

    .front_post {
        padding: 20px 0;
    }
    .front_post.has-post-thumbnail .imgwrap {
        margin: 0 20px 5px 0;
    }

    ul.social-menu {
        margin: auto;
        float: none;
        display: inline-block;
    }

    #footer .foocol h2 {
        padding: 0 0 15px 0;
    }
    .footer-logo img {
        margin: 30px auto;
        float: left;
    }
    #curtain .searchform {
        left: 10%;
        margin: 0 0;
        max-width: 80%;
        width: 80%;
    }
    #curtain a.curtainclose {
        left: auto;
        right: 30px;
        margin: 0 0;
        top: 30px;
    }
    .wrapper .entry h1 {
        font-size: 150% !important;
    }
    .wrapper .entry h2 {
        font-size: 140% !important;
    }
    .wrapper .entry h3 {
        font-size: 130% !important;
    }
    .wrapper .entry h4 {
        font-size: 120% !important;
    }
    .wrapper .entry h5 {
        font-size: 110% !important;
    }
    .wrapper .entry h6 {
        font-size: 100% !important;
    }
    #footer .bottom-menu {
        margin-bottom: 50px !important;
    }

    h1.entry-title, h2.archiv, .eleslideinside h2, h1.archiv, .eleslideinside h1 {
        font-size: 7vw !important;
    }


}

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


    .tmnf_img_box figure.elementor-image-box-img {
        min-width: 60px !important;
        width: 80px !important;
        float: left;
        margin-right: 20px !important;
    }

    .elementor-widget-image-box.tmnf_img_box .elementor-image-box-content {
        text-align: left;
    }

}


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

    #add-nav li a {
        margin: 0 0 !important;
    }
    h1.entry-title, h2.archiv, .slideinside h2, h1.archiv, .slideinside h1 {
        font-size: 7vw !important;
    }
    .blogger {
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    .blogger>.item {
        width: 50%;
        padding: 0 20px;
    }
    .blogger>.item:nth-child(2n + 3) {
        clear: left;
    }
    .blogger>.item.has-post-thumbnail .imgwrap {
        margin: 0 0 20px 0;
        max-width: 100%;
        float: none;
    }

    .front_post.has-post-thumbnail .imgwrap {
        max-width: 30%;
    }

    .search .errorentry {
        padding: 0 20px;
    }
    .search #content .searchform, .archive #content .searchform {
        width: 100%;
    }
    /* posts */
    .page-header {
        padding: 40px 0 40px 0;
    }
    .page-header img {
        width: 300%;
        max-width: 300% !important;
        left: -100%;
    }
    .main-breadcrumbs {
        font-size: 11px;
    }
    .comment-form-author, .comment-form-email, .comment-form-url, #post-nav, .postauthor {
        width: 100%;
    }
    #respond textarea {
        width: 99.5%;
    }
    .entry blockquote {
        margin: 5px 10px;
        padding: 0 20px !important;
    }
    .scrollTo_top {
        right: 0;
        width: 100%;
        display: none !important;
    }
    ul.social-menu li a {
        padding: 9px 8px 8px 21px;
    }
    ul.social-menu li span {
        display: none;
    }

    .grid_blogger.tmnf_columns_3 .grid_post:nth-child(3) {
        display: none;
    }

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


    #add-nav {
        display: none;
        /*  block */
    }

    #topnav {
        max-height: none;
    }

    #topnav .social-menu {
        width: 100%;
        display: inline-block;
        padding: 0 0;
        margin-left: -10px !important;
    }

    #topnav .social-menu li {
        float: left;
    }

    #topnav .social-menu li.search-item {
        float: right;
    }
    h2.archiv span.subtitle {
        max-width: 100%;
    }
    .entryhead iframe {
        max-height: 200px;
    }
    .post-previous, .post-next {
        width: 100%;
        margin-top: -1px;
        margin-left: 0;
        border-width: 1px 0 1px 0;
    }
    ul.related li {
        width: 50% !important;
    }
    ul.related li:nth-child(4) {
        clear: left;
    }
    .give-archive-item {
        width: 100%;
        float: none;
    }
    .give-archive-item img {
        width: 100%;
    }
    .give-archive-item:nth-child(2n +3) {
        clear: none;
    }
    div.css-search div.em-search-field {
        display: block;
        width: 100%;
    }
    div.css-search.has-search-geo.has-search-term input.em-search-text, div.css-search.has-search-geo.has-search-term input.em-search-geo {
        width: 80%;
    }
    .post-pagination>p a {
        display: none
    }
    .page-link {
        margin: 5px 0 0 0;
        position: relative;
        width: 100%;
        left: 0;
    }

    .error-titles h1 {
        margin: 20px 0;
    }

    .error-search .searchform {
        margin: 30px auto 40px auto;
        width: 100%;
    }
    .searchSubmit {
        width: 70px;
    }
    .evnt_single_date,
    .evnt_single_location {
        width: 100%;
    }

    .event_header>img {
        top: 0;
        left: -70%;
        width: 240% !important;
        max-width: 240% !important;
    }

    .event_item {
        min-height: 400px;
    }

    .event_item .evnt_inn {
        padding: 200px 30px 30px 30px;
    }

    .evnt_date {
        top: 30px;
        left: 30px;
    }
    .grid_post {
        margin: 0 0 20px 0;
    }

    h1.archiv span.subtitle {
        max-width: 100%;
    }

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

    h1.entry-title, h2.archiv, .slideinside h2, h1.archiv, .slideinside h1 {
        font-size: 9vw !important;
    }
    h2.posttitle {
        font-size: 34px !important;
    }

    .front_post h3 {
        font-size: 20px !important
    }

    .blogger>.item {
        width: 100%;
    }

    #titles {
        max-width: 55%;
    }

}

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

    .grid_post {
        width: 100% !important;
    }

}