.container, .container_alt, .container_vis, .container_head {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 0 20px;
overflow: hidden;
position: relative;
}
.tmnf_width_wide .container,
.tmnf_width_wide .container_alt,
.tmnf_width_wide .container_vis {
max-width: 1340px;
}
.container_alt {
overflow: visible;
padding: 0 0;
}
.container_head {
overflow: visible;
padding: 0 0;
max-width: 1140px;
}
.tmnf_width_wide .container_head {
max-width: 1300px;
}
.container_vis {
overflow: visible;
}
#footer .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: 18%;
padding: 60px 20px 30px 20px;
position: relative;
height: 100%;
min-height: 1px;
float: left;
}
.foocol.first {
width: 46%;
padding-right: 60px;
} .fourcol {
width: 30%;
padding: 0 20px;
margin: 0 0 40px 0;
min-height: 1px;
float: left;
} .eightcol {
width: 70%;
padding: 0 20px;
margin: 0 0 40px 0;
min-height: 1px;
float: left;
} .postbarLeft .eightcol {
float: right !important
}
.postbarNone .eightcol {
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: 90px;
} @media only screen and (min-width: 1155px) {
.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 #bottombar {
margin-bottom: -50px;
}
.header_fullwidth .page-header {
padding: 140px 0 120px 0;
}
.header_transparent .container_head,
.header_fullwidth #header.scrolled .container_head {
background: none;
box-shadow: none !important;
}
.header_transparent #bottombar {
background: rgba(204, 204, 204, .1);
padding: 0 20px 0 0;
}
.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 #header.scrolled,
.header_fullwidth_2 #header.scrolled {
top: 0;
position: fixed;
transform: translateY(0px);
}
.header_fullwidth_2 .container_head {
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 #bottombar {
margin-bottom: -50px;
}
.header_fullwidth_2 .page-header {
padding: 120px 0;
} .header_fullwidth_special #header.scrolled {
top: 0;
position: fixed;
}
.header_fullwidth_special #titles {
position: relative;
padding-left: 0;
text-align: left;
}
.header_fullwidth_special #titles .logo {
margin-left: 0;
text-align: left;
}
.header_fullwidth_special #titles::before {
position: absolute;
left: 0;
top: 0;
content: '';
display: block;
height: 100%;
width: 10000px;
margin-left: -10000px;
}
.header_fullwidth_special #bottombar {
overflow: visible;
padding-right: 0;
z-index: 2;
margin-bottom: -58px;
}
.header_fullwidth_special .header_fix.scrolled {
display: block;
}
.header_fullwidth_special #header.scrolled #bottombar #add-nav {
margin-top: -58px;
}
.header_fullwidth_special #bottombar .social-menu {
margin: 11px -9px 0 0;
}
.header_fullwidth_special #bottombar::after {
position: absolute;
right: 0;
top: 0;
content: '';
display: block;
height: 100%;
width: 10000px;
margin-right: -10000px;
z-index: 1;
}
.header_fullwidth_special .menu_label {
display: none;
}
.header_fullwidth_special #main-nav>li {
padding: 15px 8px 10px 8px;
}
.header_fullwidth_special #main-nav>li::before {
display: none;
}
.header_fullwidth_special #add-nav>li>a {
font-size: 13px !important;
padding: 23px 0 18px 0 !important;
font-weight: 600;
}
}
@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: 1505px) {
.owl-carousel .owl-item img.bg_image {
width: 120% !important;
max-width: 120% !important;
margin: 0 -10%;
}
}
@media screen and (max-width: 1320px) {
.owl-carousel:hover .owl-nav .owl-prev {
left: 0;
}
.owl-carousel:hover .owl-nav .owl-next {
right: 0;
}
.owl-nav>div {
padding: 17px 5px !important;
width: 30px;
}
.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before {
left: 7px;
position: absolute;
}
}
@media screen and (max-width: 1295px) {
#header {
top: 0;
}
.page-header img {
width: 140%;
max-width: 140% !important;
left: -20%;
}
.owl-carousel .owl-item img.bg_image {
width: 140% !important;
max-width: 140% !important;
margin: 0 -20%;
}
} @media screen and (max-width: 1155px) {
.site_wrapper {
padding: 0 !important;
}
#header {
position: relative;
top: auto;
left: auto;
}
.container_head {
max-width: 100%;
}
#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;
}
.eleslideinside {
top: 10% !important;
width: 60%;
left: 20%;
margin: 0 0 0 0;
}
.eleinside_Left .eleslideinside {
left: 50px;
max-width: 100%;
width: 60%;
margin-left: 0 !important;
}
.eleinside_Right .eleslideinside {
right: 50px;
max-width: 100%;
width: 60%;
margin-right: 0;
}
.eleslideinside p {
font-size: 110%;
line-height: 1.3;
margin: 12px 0;
}
.eleslideinside .su-button {
margin-top: 25px !important;
}
.eleslideinside .su-button span {
padding: 14px 18px !important;
}
.page-header {
padding:70px 0 60px 0;
}
.page-header img {
width: 180%;
max-width: 180% !important;
left: -40%;
}
h1.entry-title, h2.archiv, .eleslideinside h2, h1.archiv, .eleslideinside h1 {
font-size: 6vw !important;
}
#titles .logo {
margin-top: 20px !important;
margin-bottom: 20px !important;
overflow: hidden;
}
#titles h1.logo {
margin: 29px 0 !important;
} #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 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;
}
ul.nav li.special {
padding-top: 0 !important;
padding-bottom: 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: 15px 20px !important;
margin: 0 0 0 20px;
font-size: 16px !important;
}
ul.nav li ul.sub-menu a {
padding: 5px 0 !important;
}
#top-nav li a {
margin: 0 0;
padding: 10px 0 !important;
}
#top-nav>li.special {
padding-left: 0;
}
#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;
}
#bottombar .social-menu {
padding: 0 15px;
}
#bottombar .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: 45px;
width: 45px;
background: rgba(255, 255, 255, .15);
top: 6px;
right: 20px;
font-size: 11px !important;
margin-top: -2px;
font-weight: normal;
padding: 15px 20px;
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;
}
.tmnf_radius_buttons li.special>a {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
} ul.menu li ul {
margin: -2px 0 0 8px
}
} @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;
}
#bottombar p {
display: none;
}
#header {
overflow: hidden;
}
#titles {
max-width: 50%;
text-align: left;
}
.page-header {
padding: 55px 0 50px 0;
}
body.page .page-header {
padding: 70px 0 60px 0;
}
.owl-carousel .owl-item img.bg_image {
width: 140% !important;
max-width: 140% !important;
margin: 0 -20%;
}
.owl-item .eleslideinside {
top: 18%;
}
.eleslideinside p {
font-size: 100%;
line-height: 1.3;
margin: 8px 0;
}
.eleslideinside .su-button {
margin-top: 18px !important;
}  .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;
} .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 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;
}
.wrapper .events-table td.thumb {
padding: 20px 0 !important;
}
.events-table th, .events-table td {
padding: 20px 0 20px 20px !important;
}
.footop.populated {
display: block;
overflow: hidden;
margin: 0 -20px;
width: calc(100% + 40px);
}
ul.social-menu {
margin: auto;
float: none;
display: inline-block;
}
.footop-right {
padding: 0 0 0 0;
margin-left: 0;
width: 100%;
text-align: center;
float: left;
float: none;
}
.footer_text {
float: none;
overflow: hidden;
text-align: center;
}
#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;
}
.tmnf_img_box figure.elementor-image-box-img {
max-width: 90px !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;
}
.owl-carousel .owl-item img.bg_image {
width: 200% !important;
max-width: 200% !important;
margin: 0 -50%;
}
.eleslideinside h3 {
font-size: 5vw;
}
.eleslideinside p {
font-size: 90%;
line-height: 1.3;
margin: 5px 0;
}
.eleslideinside .su-button {
margin-top: 15px !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;
}
.search .errorentry {
padding: 0 20px;
}
.search #content .searchform, .archive #content .searchform {
width: 100%;
}
.event_button {
display: none;
} .page-header {
padding: 30px 0 20px 0;
}
body.page .page-header {
padding: 50px 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;
}
.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;
}
.grid_blogger.tmnf_columns_3>.item:nth-child(2n + 3) {
display: none;
}
}
@media only screen and (max-width: 595px) {
#titles {
padding: 0 15px;
}
#add-nav {
display: none; }
#bottombar {
max-height: none;
}
#bottombar .social-menu {
width: 100%;
display: inline-block;
}
#bottombar .social-menu li {
float: left;
}
#bottombar .social-menu li.search-item {
float: right;
}
.eleslideinside, .eleinside_Left .eleslideinside {
left: 10%;
width: 80%;
top: 10%;
}
.eleinside_Right .eleslideinside {
right: 10%;
}
.eleslideinside h3 {
font-size: 7vw;
margin-top: 5px;
}
.wpm_eleslider .owl-dots {
bottom: 0;
}
.eleslideinside .su-button span {
padding: 6px 8px !important;
}
.eleslideinside .su-button span i {
display: none;
}
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;
}
.events-table td {
padding: 20px 0 20px 0 !important;
}
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;
}
#footop h2 {
font-size: 3vw !important;
}
.error-titles h1 {
margin: 20px 0;
}
.error-search .searchform {
margin: 30px auto 40px auto;
width: 100%;
}
.searchSubmit {
width: 70px;
}
}
@media only screen and (max-width: 460px) {
h1.entry-title, h2.archiv, .slideinside h2, h1.archiv, .slideinside h1 {
font-size: 9vw !important;
}
.front_post h3 {
font-size: 20px !important
}
.blogger>.item {
width: 100%;
}
#titles {
max-width: 55%;
}
#titles img {
max-width: 120px;
}
.post-nav-image{
display: none;
}
#post-nav .post-nav-text {
padding:15px 0 20px 0;
}
#post-nav .post-next .post-nav-text {
text-align: left;
float: left;
}
}
@media only screen and (max-width: 395px) {
.grid_post {
width: 100% !important;
}
}