.container, .container_alt, .container_vis, .container_head, container_pad {
width: 100%;
max-width: 1530px;
margin: 0 auto;
padding: 0 15px;
overflow: hidden;
position: relative;
}
.container_alt {
overflow: visible;
padding: 0 0;
}
.container_head,
.container_pad {
overflow: visible;
padding: 0 0;
max-width: 1500px;
}
.container_vis {
overflow: visible;
}
#footer .container {
background: none !important;
} @media only screen and (min-width: 1155px) {
.header_fullwidth #header .container,
.header_fullwidth .container_head {
max-width: 100%;
}
.header_fullwidth #navigation {
padding: 0 40px 0 0;
}
}
@media only screen and (min-width: 885px) {
.wrapper {
overflow: hidden;
} .eightcol {
width: 72%;
float: left;
padding: 0 15px;
}
body.blog .eightcol,
body.archive .eightcol,
body.search .eightcol {
margin-bottom: 40px !important;
}
.fourcol {
width: 28%;
float: right;
padding: 0 15px;
}
.tmnf_woo .eightcol {
width: 75%;
}
.tmnf_woo .fourcol {
width: 25%;
}
.postbarLeft .eightcol {
float: right;
}
.postbarLeft .four {
float: left;
}
.postbarNone .eightcol, .tmnf-sidebar-null .eightcol {
float: none !important;
margin: 0 auto !important;
}
.postbarNone .eightcol .entry,
.tmnf-sidebar-null .entry,
.postbarNone .postinfo,
.tmnf-sidebar-null .postinfo,
.postbarNone .post-pagination,
.tmnf-sidebar-null .post-pagination,
.postbarNone #comments,
.tmnf-sidebar-null #comments {
max-width: 740px;
float: none;
margin-left: auto;
margin-right: auto;
}
.postbarNone.page-header .container,
.tmnf-sidebar-null.page-header .container,
.postbarNone .page-header .container,
.tmnf-sidebar-null .page-header .container,
.postbarNone .meta_full,
.tmnf-sidebar-null .meta_full {
max-width: 740px !important;
float: none;
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
body.blog .tmnf-sidebar-null .page-header .container {
max-width: 1070px !important;
width: 72%;
}
.postbarNone .page-header, .tmnf-sidebar-null .page-header {
text-align: center;
}
.single-post .postbarNone .tmnf_excerpt {
max-width: 80%;
}
.postbarNone .meta_single, .tmnf-sidebar-null .meta_single {
float: none;
text-align: center;
}
.postbarNone .meta_single .meta, .tmnf-sidebar-null .meta_single .meta {
float: none;
text-align: center;
margin-bottom: 15px;
display: inline-block;
}
.postbarNone .meta_single .dekoline::after {
right: 0;
}
.postbarNone #core,
.postbarNone .container_alt,
.tmnf-sidebar-null #core,
.tmnf-sidebar-null .container_alt {
overflow: visible;
}
.foocol {
width: 20%;
padding: 50px 15px 50px 15px;
position: relative;
float: left;
min-height: 1px;
}
.foocol.first {
width: 40%;
padding-right: 50px;
}
.foocol.last {
padding-right: 0;
} .tmnf-sidebar-null .alignfull, .postbarNone .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: auto;
max-width: 1000%;
margin-top: 15px;
}
.tmnf-sidebar-null .alignwide, .postbarNone .alignwide {
margin-left: calc(25% - 25vw) !important;
margin-right: calc(25% - 25vw) !important;
width: auto;
max-width: 1000%;
}
.alignwide img, .alignfull img {
display: block;
margin: 0 auto;
}
.alignwide>img {
padding: 8px 8px !important;
}
.alignfull iframe {
float: none;
margin: 0 auto;
}
.alignfull .wp-block-embed__wrapper {
text-align: center;
}
.post_nav_item {
width: 100%;
} .nav li ul li.menu-item-has-children>a::after {
right: 15px;
top: 21px;
transform: rotate(-90deg);
color: inherit !important;
}
.foocol.second .mc4wp-form {
padding: 0 80px !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;
}
.tmnf-sidebar-null .alignwide, .postbarNone .alignwide {
margin-left: calc(25% - 25vw) !important;
margin-right: calc(25% - 25vw) !important;
width: auto;
max-width: 1000%;
}
.alignwide img, .alignfull img {
display: block;
margin: 0 auto;
padding: 8px 0;
}
.wp-block-gallery.alignleft {
margin-right: 30px !important;
}
.wp-block-gallery.alignright {
margin-left: 30px !important;
}
.wp-block-gallery img {
padding: 8px 8px !important;
}
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
}
.alignfull iframe {
float: none;
margin: 0 auto;
}
.alignfull .wp-block-embed__wrapper {
text-align: center;
}
}
@media only screen and (min-width: 685px) {
.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;
}
.tmnf_columns_4 .grid_post .read_more,
.tmnf_columns_4 .grid_post p.teaser {
display: none;
}
} @media screen and (max-width: 1765px) {
.page-header img {
width: 120%;
max-width: 120% !important;
left: -10%;
}
}
@media screen and (max-width: 1575px) {
.foocol.last {
padding-right: 20px;
}
}
@media screen and (max-width: 1555px) {
.container, .container_vis, container_pad {
padding: 0 0;
margin: 0 20px;
max-width: calc(100% - 40px);
width: calc(100% - 40px);
}
.container_alt, .container_head {
padding: 0 0;
margin: 0 0;
max-width: 100%;
width: 100%;
}
.eightcol,
.fourcol {
padding: 0 20px;
}
body.blog .tmnf-sidebar-null .page-header .container {
width: calc(72% - 40px);
}
.tmnf-sidebar-active .blogger {
margin: 0 -20px -15px -20px;
width: calc(100% + 40px);
}
.page-header img {
width: 140%;
max-width: 140% !important;
left: -20%;
}
.foocol {
padding: 50px 20px 50px 20px;
}
.foocol.first {
padding-right: 10px;
padding-left: 20px;
}
.sidebar_item {
margin: 0 0 40px 0;
}
}
@media screen and (max-width: 1295px) {
#header {
top: 0;
}
.page-header img {
width: 180%;
max-width: 180% !important;
left: -40%;
}
} @media screen and (max-width: 1155px) {
.admin-bar .wrapper_main {
padding-top: 32px;
}
#header {
position: relative;
top: auto !important;
left: auto;
}
.container_head {
max-width: 100%;
}
.page-header .container {
padding-top: 40px;
padding-bottom: 40px;
border-top: none;
}
#core.for_blog {
padding-top: 30px;
}
#titles, p.menu_label {
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%;
}
h1.entry-title, h2.archiv, h1.archiv {
font-size: 6vw !important;
}
#titles .logo {
margin-top: 25px !important;
margin-bottom: 25px !important;
overflow: hidden;
}
#titles h1.logo {
margin: 29px 0 !important;
}
.tab-post h4, .tptn_title {
font-size: 13px !important;
font-weight: 500 !important;
} #header input[type=checkbox] {
opacity: .3;
}
.show-menu {
display: block !important;
visibility: hidden;
}
.show-menu-visible .show-menu {
visibility: visible;
}
.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: #04043D;
z-index: 100;
}
#navigation a {
color: #fff !important;
}
#main-nav, #top-nav {
display: block;
overflow: hidden;
margin-bottom: 10px !important;
}
#navigation a:hover, #navigation .current-menu-item>a {
opacity: .6;
}
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;
}
.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 20px !important;
margin: 0 0 0 20px;
font-size: 16px !important;
}
#main-nav>li.special {
margin: 0 0 !important;
}
#main-nav>li.special>a i {
display: none;
}
ul.nav li ul.sub-menu a {
padding: 5px 0 !important;
}
#top-nav>li.special>a {
padding: 15px 18px 15px 18px !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;
}
#bottombar {
padding: 0 0 0 0;
}
p.menu_label {
display: none;
}
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;
}
.topbar-active #main-nav>li.special {
margin-top: 0px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
} ul.menu li ul {
margin: -2px 0 0 8px
}
}
@media screen and (max-width: 1024px) {
.tptn_link img {
display: none;
}
.tptn_after_thumb {
padding: 0 0 0 40px;
}
.tptn_posts_widget li::before {
top: 40px;
}
.tptn_posts_widget li:first-child::before {
top: 25px;
}
} @media screen and (max-width: 885px) {
#header {overflow: visible !important;}
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;
}
#bottombar p {
display: none;
}
#header {
overflow: hidden;
}
#titles {
max-width: 50%;
text-align: left;
}
#core.for_blog {
padding-top: 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: 0 0 !important;
}
#footer .foocol {
max-width: 400px;
}
#footer .foocol {
padding: 20px 20px !important;
}
#footer .foocol.first {
padding-top: 40px !important;
}
#core {
padding-top: 0;
}
.fullcontent {
padding-top: 20px;
}
body.blog .tmnf-sidebar-null .page-header .container {
width: calc(100% - 40px);
}
.blogger>.item img {
width: 100%;
}
.blogger div.post.sticky {
padding-right: 80px;
} .item_inn {
overflow: hidden;
padding: 0 0;
}
.item_inn::after, .item_inn::before {
display: none;
}
.postbarNone .entry img.heroimg {
margin: 30px -20px;
left: 0;
max-width: calc(100% + 40px)
}
.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 20px 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 0;
}
ul.children li.comment:last-child {
padding: 20px 0 10px 20px !important;
}
.commentlist .avatar {
right: 0;
left: auto;
top: 20px;
width: 40px;
}
.commentlist li.comment.depth-5 .avatar {
top: 15px;
}
li.bypostauthor {
padding-left: 10px !important;
} .front_post {
padding: 20px 0;
}
.front_post.has-post-thumbnail .imgwrap {
margin: 0 20px 5px 0;
}
.wrapper .events-table td.thumb {
padding: 20px 0 !important;
}
.events-table th, .events-table td {
padding: 20px 0 20px 20px !important;
}
#footer .foocol h2 {
padding: 0 0 15px 0;
}
.footer_text {
float: left;
}
.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;
}
.pagination {
margin: 0 !important;
}
.page-numbers.current {
margin: 0 8px 10px 0;
}
a.page-numbers {
margin: 10px 8px 10px 0;
}
.woocommerce nav.woocommerce-pagination {
margin: -20px 0 0 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
padding: 0 0 !important;
}
.entry .wp-block-gallery,
.postbarNone .wp-block-gallery.alignfull .blocks-gallery-grid,
.tmnf-sidebar-null .wp-block-gallery.alignfull .blocks-gallery-grid {
margin: 0 0 20px 0;
}
.wp-block-gallery li {
padding: 0 0 !important;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
width: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
}
@media only screen and (max-width: 782px) {
.admin-bar .wrapper_main {
padding-top: 46px;
}
.admin-bar #header .topbar {
display: none !important;
}
}
@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 div.post.sticky {
padding-right: 40px;
}
.search .errorentry {
padding: 0 20px;
}
.search #content .searchform, .archive #content .searchform {
width: 100%;
}
.event_button {
display: none;
} .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;
}
.events-table a.mainbutton {
display: none;
}
.grid_post {
width: 50% !important;
}
.grid_post:nth-child(3n + 4),
.grid_post:nth-child(4n + 5) {
clear: none !important;
}
.grid_post:nth-child(2n + 3) {
clear: left !important;
}
.footop-right {
display: none;
}
.footer_text {
float: none;
text-align: center;
}
}
@media only screen and (max-width: 595px) {
#titles {
padding: 0 20px;
margin: 0 0;
}
.tmnf_tagline {
display: none;
}
.topbar .social-menu {
margin-left: -5px;
}
.page-header-plain {
padding: 25px 0 0 0;
}
.page-header-plain .container {
padding-top: 20px;
padding-bottom: 20px;
}
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;
}
.events-table td.thumb {
display: 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;
}
h2 {
font-size: 5vw !important;
}
h3 {
font-size: 3.5vw !important;
}
#footop h2 {
font-size: 4.5vw !important;
}
.error-titles h1 {
margin: 20px 0;
}
.error-search .searchform {
margin: 30px auto 40px auto;
width: 100%;
}
.searchSubmit {
width: 70px;
}
#respond input {
margin: 5px 0 10px 0;
}
.wp-block-cover, .wp-block-cover-image {
padding: 1em;
}
}
@media only screen and (max-width: 540px) {
h1.entry-title, h2.archiv, .slideinside h2, h1.archiv, .slideinside h1 {
font-size: 8.5vw !important;
}
h2 {
font-size: 6.5vw !important;
}
h3 {
font-size: 5vw !important;
}
.blogger {
position: relative !important;
height: auto !important;
}
.blogger>.item {
width: 100%;
position: relative !important;
top: auto !important;
left: auto !important;
margin-bottom: 60px;
}
#titles {
max-width: 55%;
}
#titles img {
max-width: 110px;
}
}
@media only screen and (max-width: 405px) {
.grid_post {
width: 100% !important;
}
#sidebar, #footer .foocol, .landing-section, .footer-logo {
max-width: 100%;
}
.sidebar_item:last-child {
margin: 0 0 0 0;
}
#curtain .searchSubmit {
width: 80px;
}
}