.tmnf_container, .tmnf_container_alt, .tmnf_container_vis, .tmnf_container_head {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
overflow: hidden;
position: relative;
}
.tmnf_container_alt {
overflow: visible;
padding: 0 0;
}
.tmnf_container_head,
.tmnf_container_vis {
overflow: visible;
}
#footer .tmnf_container {
background: none !important;
} .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;
} .fourcol {
width: 27%;
padding: 0 20px;
margin: 0 0 40px 0;
min-height: 1px;
float: left;
} .eightcol {
width: 73%;
padding: 0 20px;
margin: 0 0 40px 0;
min-height: 1px;
float: left;
} .postbarLeft .eightcol {
float: right !important
}
.postbarNone .eightcol,
.tmnf_sidebar_null .eightcol {
max-width: 935px;
float: none !important;
margin: 0 auto 40px auto !important;
}
.postbarNone .entryhead iframe {
width: 100%;
} .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;
} @media only screen and (min-width: 1155px) {
.site_tmnf_wrapper #header {
position: fixed;
top:20px;
left: 0;
background-color: transparent;
}
#header.scrolled{
top: -50px;
box-shadow: 0 0 10px 5px rgba(0,0,0,.05);
}
body.admin-bar #header.scrolled{
top: -10px;
}
#header.scrolled #titles img{
max-height: 55px;
}
#header.scrolled #main-nav::after{
width: 10000px;
}
}
@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: 935px;
float: none;
margin: 0 auto;
}
.postbarNone .page_header .tmnf_container, .tmnf_sidebar_null .page_hemader .tmnf_container, .postbarNone .post-pagination, .tmnf_sidebar_null .post-pagination {
max-width: 905px;
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;
}
.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__tmnf_wrapper {
text-align: center;
}
.post_nav_item {
width: 100%;
}
}
@media only screen and (min-width: 885px) {
body>.tmnf_sidebar_null .page_header .tmnf_container {
max-width: 935px;
}
}
@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;
}
} @media screen and (max-width: 1265px) {
#header {
top: 0;
}
.nav li.mega:hover>ul.sub-menu,
li.mega[aria-expanded="true"]>ul.sub-menu {
width:1140px; }
.page_header img {
width: 140%;
max-width: 140% !important;
left: -20%;
}
} @media screen and (max-width: 1155px) {
.site_tmnf_wrapper {
padding: 0 !important;
}
#header {
position: relative;
top: auto;
left: auto;
}
.tmnf_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: 15px !important;
overflow: hidden;
padding: 0 0 0 0;
}
#titles img {
max-height: 50px;
}
#titles h1.logo_text {
font-size: 22px !important;
margin: 9px 0 !important;
}
.header_right {
float: none;
} #header input[type=checkbox] {
opacity: .3;
}
.show_menu_visible .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:10px 20px !important;
width: calc(100% + 40px);
}
#main-nav {
background-color: transparent !important;
display: block !important;
}
#add-nav {
display: none;
}
#main-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;
}
#main-nav > li.special>a {
padding: 20px 30px !important;
border-top: 0 solid rgba(0, 0, 0, 0) !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: 10px 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;
border-top: 0 solid rgba(0, 0, 0, 0);
border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.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;
}
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: 0;
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;
}
#add-nav{
padding: 15px 20px !important;
margin: 0 -20px !important;
width: calc(100% + 40px) !important;
background-color: rgba(0,0,0,.15);
}
#add-nav > li > a{
margin: 0 0 !important;
}
.nav li ul li.menu-item-has-children.active>a::after {
top: 22px;
}
#main-nav > li.wpml-mockup > a,
#add-nav > li.wpml-mockup > a{
padding-left:30px !important;
background-position: 2px 12px;
}
li.wpml-mockup .sub-menu{
display: block !important;
}
li.wpml-mockup .sub-menu .wpml-mockup>a{ background-position: 0 9px; padding-left: 26px !important;} .page_header {
padding:150px 0 80px 0;
}
.sidebar_item {
padding: 10px 25px;
}
.footer_text {
float: none;
margin: 0 -20px 0 0;
}
.footop_left {
float: left;
padding: 0 0;
}
.footer_text {
padding: 50px 20px 50px 0;
}
.footop ul.social-menu li {
margin: 31px 5px 31px 0;
}
.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;
}
}
@media screen and (max-width: 1025px) {
.tmnf_wrapper .elementor-alert {
padding: 20px;
}
} @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 .tmnf_container {
text-align: left;
}
.postbarNone h1.archiv span.subtitle,
.tmnf_sidebar_null h1.archiv span.subtitle {
margin: 25px 0 0 0;
}  .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;
}
#core.tmnf_donations_page {
padding-top: 20px;
}
.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;
} .item_inn {
overflow: hidden;
padding: 0 0;
}
.item_inn::after, .item_inn::before {
display: none;
}
.postbarLeft .eightcol {
float: none !important;
}/*/*//**/#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%;
} .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;
} .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_text {
text-align: center;
}
.footop_left {
float: none;
text-align: center;
}
.footop ul.social-menu li {
margin: 31px 3px 24px 3px;
}
.footer_logo img {
margin:40px auto 0 auto;
}
#footer .bottom_menu {
margin:0 auto 5px auto !important;
float: none;
text-align: center;
}
.footer_credits {
margin: 5px auto 50px auto;
text-align: center;
float: none;
}
#curtain .searchform {
left: 10%;
margin: 0 0;
max-width: 80%;
width: 80%;
}
#curtain a.curtainclose {
left: auto;
right: 30px;
margin: 0 0;
top: 30px;
}
.tmnf_wrapper .entry h1 {
font-size: 150% !important;
}
.tmnf_wrapper .entry h2 {
font-size: 140% !important;
}
.tmnf_wrapper .entry h3 {
font-size: 130% !important;
}
.tmnf_wrapper .entry h4 {
font-size: 120% !important;
}
.tmnf_wrapper .entry h5 {
font-size: 110% !important;
}
.tmnf_wrapper .entry h6 {
font-size: 100% !important;
}
h1.entry_title,.eleslideinside h1,.eleslideinside h2 {
font-size: 45px !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%;
} .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; }
#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;
}
.front_post.has-post-thumbnail .imgwrap {
margin: 0 0 25px 0;
max-width:100%;
width:100%;
float: none;
}
.front_post.has-post-thumbnail .imgwrap img{
width:100%;
}
h1.archiv span.subtitle {
max-width: 100%;
}
}
@media only screen and (max-width: 460px) {
h1.entry_title,.eleslideinside h1,.eleslideinside h2 {
font-size: 35px !important;
}
h2.posttitle {
font-size: 34px !important;
}
.front_post h3 {
font-size: 20px !important
}
.blogger>.item {
width: 100%;
}
#titles {
max-width: 65%;
}
}
@media only screen and (max-width: 395px) {
.grid_post {
width: 100% !important;
}
}