/*  
Theme Name: Starter Cards
Description:  An extended Starter theme. Developed specifically for personal, streamlined blog websites. Theme is classic-like, elegant and easy-to-use with fully responsive layout. 
Theme URI: https://themnific.com/starter-theme
Author: Dannci & Themnific
Author URI: https://themnific.com/
Version: 2.1
Text Domain: starter-cards
Tags: two-columns,three-columns,left-sidebar,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,full-width-template,microformats,post-formats,sticky-post,theme-options,translation-ready
License: GNU/GPL Version 2 or later. 
License URI: https://www.gnu.org/licenses/gpl.html 
Copyright: (c) 2017 - 2024 Dannci.

*/

/*

[Table of contents]

1. CSS Resets & Clearfix
2. Body & Default Styling
3. Headings
4. Header / #header
5. Navigation / #navigation
6. Content / #content, .post
7. Sidebar / #sidebar
8. Custom Widgets
9. Comments / #comments
10. Forms / 
11. Search / .searchform
12. Footer / #footer
13. Images & Galleries / img, .gallery
14. Social Buttons / .social-menu
15. Flex Slider / .flexslider
16. Buttons, Pagination, Ribbons & Scroll to top
17. Plugins
18. Homepage Blocks
19. Other (sticky, tagcloud, calendar, tabs, tooltips, speciable)

*/


/* 1. CSS Resets & Clearfix
********************************************************************************************
********************************************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    padding: 0
}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
    display: block
}
a img {
    border: 0
}
figure {
    position: relative;
    overflow: hidden;
    margin: 0;
}
figure img {
    width: 100%
}

body {
    overflow: visible !important;
    line-height: 1.8;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after {
    content: "\00A0";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block
}

pre {
    overflow-x: scroll;
}

.wrapper {
    max-width: 100%;
    overflow: hidden;
}




/* 2. Body & Default styling
********************************************************************************************
********************************************************************************************/

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

img, .imgwrap {
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 0;
    line-height: 1.15;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

ol, ul {
    list-style-position: inside;
}

ul.children {
    margin-left: 15px;
}

ul.children li:last-child {
    padding: 0 0 0 0 !important;
}

.tranz, #nav, .tmnf_icon, .nav-previous a, .nav>li>a:before {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.tranz2,
.widgetable ul.menu>li>a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

a, a:hover, .nav li a, .ribbon, .ribbon a {
    text-decoration: none;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
}

.ghost {
    overflow: hidden;
}

small, .small {
    font-size: 80% !important;
}

.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.cntr {
    text-align: center;
}

.p-border {
    border-style: solid;
}

.rad,
.nav-previous a,
textarea#comment,
.nav>li ul,
.nav_item a,
.mc4wp-form input[type="submit"],
table, dl,
.commentlist li.comment {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


#content .postauthor img.avatar,
.commentlist .avatar {
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

ul.social-menu li a {
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.slant {
    font-weight: normal;
    font-style: italic;
}

.lower {
    text-transform: lowercase !important
}
.italic {
    font-style: italic !important
}
.fat {
    font-weight: bold !important
}

.hrline, .hrlineB {
    clear: both;
    width: 100%;
    margin: 0 0;
    padding: 0;
    height: 1px;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.hrlineB {
    margin: 0 0 30px 0 !important;
}

.hrline span, .hrlineB span {
    width: 30px;
    background: #999;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

hr {
    background: #eee !important;
    border: none !important;
}

.top-fix {
    margin-top: 50px;
}

.bottom-fix {
    margin-bottom: 80px !important;
}

.tmnf_hide {
    display: none !important;
}

.tmnf_icon{
    display: none !important;
}


/* 2. Body & Default styling
********************************************************************************************
********************************************************************************************/

h1 {
    margin: 15px 0;
    padding: 0;
}

h1.entry-title,
h2.posttitle {
    margin: 15px 0;
    padding: 0 0;
    position: relative;
}

h2 {
    margin: 20px 0;
    padding: 0;
}



h2.widget,
h5.widget {
    position: relative;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 0 0 12px 0;
    display: block;
    font-size: 13px !important;
	letter-spacing: 2px;
}

h2.widget:after,
h5.widget::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    display: block;
    border-radius: 2px;
}

h2.block .subtitle {
    font-size: 16px !important;
    margin: 0 0 0 25px;
}

h2.archiv {
    margin: 0 0 40px 0;
    padding: 0 0 60px 0;
    border-bottom: 2px solid rgba(102, 102, 102, .1)
}

h2.archiv span.subtitle {
    font-size: 16px !important;
    line-height: 22px !important;
    opacity: .6;
    padding: 0 0;
    margin: 25px 0 0 0;
    display: block;
    text-transform: none;
    font-weight: 400;
}

.authorpage {
    padding: 30px 20%;
    margin: 0 0 1px 0;
    text-align: center;
    line-height: 1.7 !important;
}

h2.archiv br {
    display: none;
}

h3 {
    margin: 25px 0 15px 0;
    padding: 0;
}

h3.leading {
    margin: 0 0 10px 0;
    padding: 0;
}

h4 {
    margin: 15px 0 10px 0;
    padding: 0;
}

h5, h6 {
    margin: 5px 0;
    padding: 0;
}

h3 span span {
    opacity: .6;
    padding: 0 !important;
}

h3.title {
    padding: 0 0 11px 0;
    margin: 0;
    font-size: 14pt;
    text-shadow: none;
}

h4.leading {
    margin: -5px 0 10px 0;
}



/* 4. Header / #header
********************************************************************************************
********************************************************************************************/


#header {
    padding: 0 0 0 0;
    overflow: visible;
    margin: 0 auto 0 auto;
    float: none;
    position: relative;
    display: block;
    width: 100%;
    z-index: 100;
}

#header h1 {
    display: block;
    position: relative;
    margin: 0 auto;
    float: none;
    max-width: 100%;
}

#header img {
    margin: 0 auto;
    display: block;
    float: none;
    max-width: 100%;
}

#titles {
    float: left;
    display: block;
    padding: 0 0 0 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}




/* 5. Navigation / #navigation
********************************************************************************************
********************************************************************************************/

#navigation {
    z-index: 9;
    margin: 0 0;
    padding: 0 0 0 0;
    float: right;
    position: relative;
}

.nav {
    padding: 0;
    list-style: none;
    line-height: 1;
    display: block;
    z-index: 99;
}

.nav a {
    position: relative;
    display: block;
    z-index: 1;
    padding: 12px 0;
    text-decoration: none;
}

.nav a i {
    margin-right: 6px;
}

.nav > li > a {
    display: block;
    padding: 15px 10px 15px 10px;
    text-decoration: none;
    line-height: 1;
    border-bottom: none;
}

.nav li a span.walker {
    display: none;
    padding-top: 6px;
    letter-spacing: 0 !important;
    font-size: 11px !important;
    color: #999 !important;
}

.nav>li>a>span.walker {
    display: block;
    text-transform: none;
    opacity: .6
}

.nav li {
    display: block;
    position: relative;
    overflow: hidden;
}

.nav > li {
    margin: 0;
    -webkit-backface-visibility: hidden;
}

.nav li ul {
    margin: 0 0 0 0;
    padding:10px 0;
    width: 210px;
    position: absolute;
    z-index: 9;
}

.nav li ul.sub-menu {
    -webkit-box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.1);
}


.nav li ul li > a {
    margin: 0 22px;
    padding: 12px 0px;
    border-bottom: 1px dotted rgba(255, 255, 255, .2);
    text-align: left;
}

.nav li ul li>a:hover {
    opacity: .7;
}

.nav li ul li a i {
    margin-right: 5px !important;
}

.nav li ul li:last-child>a {
    border-bottom: none;
}

.nav > li > ul {
    z-index: 9;
    margin: 0 0 0 0;
}

.nav>li>ul:after {
    border-color: #900 transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 18px;
    top: -5px;
    width: 0;
}

.nav>li>ul>li,
.nav li ul ul li {
    width: 100%;
    max-width: 250px;
}

.nav li ul ul {
    margin: -53px 0 0 200px;
}

.nav>li:nth-last-child(1)>ul,
.nav>li:nth-last-child(2)>ul {
    margin-left: -160px;
}

.nav>li:nth-last-child(1)>ul:after,
.nav>li:nth-last-child(2)>ul:after {
    left: 85%;
}

.nav>li:nth-last-child(1) ul ul,
.nav>li:nth-last-child(2) ul ul {
    margin: -49px 0 0 -200px;
}

.nav li.menu-item-has-children a,
.nav li.page_item_has_children a,
.nav li.mega2 a {
    padding-right: 25px !important;
}

.menu-item-has-children>a::after {
    position: absolute;
    content: "+";
    height: 4px;
    width: 4px;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    opacity: .4;
    font-size: 12px !important;
    font-weight: normal;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav li ul li.menu-item-has-children>a::after {
    right: 0;
}

.nav li ul {
    position: absolute;
    left: -999em;
}

.nav li:hover, .nav li.hover {
    position: static;
}

.nav li:hover ul ul,
.nav li.sfhover ul ul,
.nav li:hover ul ul ul,
.nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li.sfhover ul ul ul ul {
    left: -999em;
}

.nav li:hover ul,
.nav li.sfhover ul,
.nav li li:hover ul,
.nav li li.sfhover ul,
.nav li li li:hover ul,
.nav li li li.sfhover ul,
.nav li li li li:hover ul,
.nav li li li li.sfhover ul {
    left: auto;
}


#main-nav {
    position: relative;
    display: inline;
    margin: 0 0;
    padding: 0 0 0 12px;
    float: left;
    width: 100%;
}

#main-nav>li {
    margin: 0 0;
    padding: 0 0 0 0;
    display: inline;
    float: left;
    text-align: center;
}

/*#main-nav>li>a:before{content:''; position:absolute; top:50%; right:0; height:14px; width:2px; opacity:.4; display:block; margin-top:-7px;}*/

#main-nav>li:last-child {}

#main-nav ul .current-menu-item>a {
    opacity: .8;
}

#main-nav>li:last-child>a:before {
    display: none;
}

#main-nav li.special {
    margin-left: 18px !important;
}

#main-nav li.special>a {
    background: rgba(255, 255, 255, .1);
    padding: 15px 20px 15px 20px;
}



/* @mobile menu 
***************************/

input#navtrigger {
    padding: 10px;
    height: 42px;
    width: 42px;
    background-image: none;
    margin: 10px 0 10px 30px;
    display: none;
    position: relative;
    float: right;
    z-index: 99;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}

input#navtrigger:hover {
    color: #fff !important
}

[type="checkbox"]:checked~#navigation {
    display: block !important;
}

input[type=checkbox] {
    display: none;
}

.show-menu {
    padding: 14px 10px;
    height: 38px;
    width: 82px;
    background-image: none;
    margin: 11px 0 10px 30px;
    display: none;
    position: relative;
    float: right;
    z-index: 99;
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    cursor: pointer;
}


/* 6. Content / #content
********************************************************************************************
********************************************************************************************/

#core {
    margin-top: 60px !important;
    overflow: hidden;
}

.h_pad_fix {
    padding: 0 35px !important;
}

.h_pad_fix h1 {
    padding-bottom: 40px;
    margin: 0 0 40px 0;
    border-bottom: 2px solid rgba(102, 102, 102, .1)
}


/* @posts: basics
***************************/

.blogger {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 6px 6px 0;
}

.blogger .item {
    position: relative;
    width: 100%;
    margin: 0 0 60px 0;
    float: left;
    overflow: hidden;
    min-height: 160px;
}

.blogger .item.placeholder_item {
    min-height: 0;
    height: 0;
    margin: 0 0 0 0 !important;
    padding-bottom: 0 !important;
}


.blogger .has-post-thumbnail .entryhead {
    position: absolute;
    top: 0;
    left: 0;
    width:30%;
}

.blogger .has-post-thumbnail .item_inn {
    padding: 0 0 0 calc(30% + 35px);
}


/* masonry */

.blog_masonry .blogger {
    width: calc(100% + 50px);
    margin: 0 -25px;
    padding: 0 0 0 0;
}

.blog_masonry .blogger .item {
    width: 50%;
    padding: 0 25px 6px 25px;
    margin: 0 0 40px 0;
}

.blog_masonry .blogger .has-post-thumbnail .entryhead {
    position: relative;
    top:auto;
    left: auto;
}

.blog_masonry .blogger .has-post-thumbnail .item_inn {
    padding: 0 0 0 0;
}

/* blogger: other */

.meta.author {
    position: absolute;
    bottom: 15px;
    left: 30px;
    z-index: 2;
}

.meta.author,
.meta.author a {
    color: #fff !important;
}

.blogger .item_inn h2 {
    margin: 0 0 15px 0;
}

.blogger .item_inn p.teaser {
    margin: 15px 0;
	font-size: 90%;
}

.postbarNone .entryhead {
    overflow: hidden;
}

.postbarNone .entryhead img {
    width: 100%;
}


/* formats */
.blogger .format-quote {
    padding: 60px 60px !important;
    pointer-events: none;
    overflow: hidden;
}
.blogger .format-quote img,
.blogger .format-quote p.teaser span,
.blogger .format-quote .meta_more,
.blogger .format-quote .entryhead {
    display: none !important;
}

.blogger .format-quote .item_inn p.teaser{
    margin-bottom: 0;
}

.blogger .format-quote .item_inn {
    padding: 0 !important
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* @posts: single
***************************/


.postbar {
    margin-top:100px;
    position: relative;
    z-index: 3;
}

.entryhead {
    margin: 0 0 40px 0
}

.single-post .entryhead img {
    display: block;
    margin: 0 auto;
    float: none;
}

.entryhead iframe {
    float: left;
    width: 100%;
    clear: both;
}

.meta-single {
    border-top-style: solid;
    border-top-width: 2px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    padding: 26px 0;
}

.meta-single .meta{
    margin: 5px 0 10px 0;
}

.single-post .meta.author {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
}

.single-post .postbarLeft .meta.author {
    left: 30px;
    right: auto;
}

.single-post .meta.date,
.single-post .meta.counter {
    float: left;
    margin-right: 25px;
}

.entry p {
    margin: 5px 0 20px 0;
}

.entry p a,
.entry li a{
    text-decoration: underline;
}

.fullcontent {
    margin: 0 35px 35px 35px;
    overflow: hidden;
}

.fullcontent h1.entry-title {
    margin: 0 0 20px 0;
    padding: 0 0;
}

.entryfull {
    margin: 0 0;
    overflow: hidden;
}

.entrywoo {
    margin: 40px 60px
}

.entryfull p {
    margin: 0 0 10px 0;
}

.titlewrap {
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin: 0 0 0 -580px;
    max-width: 45%;
}

.entryhead .imgwrap {
    background: none;
}

.entry ul {
    margin: 0 0 25px 20px;
}

.entry>ul>li ul {
    margin: 0 0 5px 20px;
}

.entry>ul>li,
.entry>ul>li ul li ul li {
    list-style-position: inside;
    list-style: circle;
    margin-bottom: 8px;
}

.entry>ul>li ul li {
    list-style-position: inside;
    list-style: square;
}

.entry .contact-form {
    overflow: hidden;
    float: none;
    clear: both;
    padding: 0 0 30px 0;
}

.entry ol {
    margin: 0 0 25px 0;
    padding-left: 25px;
}

.entry ol li{
    list-style: outside decimal !important;
    padding: 5px;
}

.entry ol li ol {
    margin: 0 0 5px 20px;
}

.entry ol li {
    list-style: decimal;
    list-style-position: inside;
}

.entry ol li ol li {
    list-style: upper-latin;
    list-style-position: inside;
}

.entry ol li ol li ol li {
    list-style: lower-latin;
    list-style-position: inside;
}

.entry blockquote {
    border-left: 4px solid #ddd;
    padding: 0 40px !important;
    margin: 25px 30px 25px 30px;
    line-height: 2.3em !important;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 400 !important;
}

.entry blockquote p {
    margin: 0 0 0 0;
}

.error ul {
    margin-bottom: 5px;
}

.error ul li {
    font-size: 85%;
    opacity: .8;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    margin: 20px 0 18px 0;
    line-height: 1.4;
    text-transform: none !important;
}

.entry h1 {
    font-size: 250% !important;
}
.entry h2 {
    font-size: 210% !important;
}
.entry h3 {
    font-size: 180% !important;
}
.entry h4 {
    font-size: 150% !important;
}
.entry h5 {
    font-size: 130% !important;
}
.entry h6 {
    font-size: 100% !important;
}


/* @posts: other
***************************/


.postinfo {
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}

p.modified {
    margin: 0 0 0 0;
    visibility: hidden;
}

.taggs {
    display: block;
    width: 100%;
    margin: 25px 0 0 0 !important;
    /*text-align:center;*/
}

.taggs a {
    display: inline-block;
    padding: 5px 8px;
    border-width: 1px;
    border-style: solid;
    float: none;
    background-image: none !important;
}

.postauthor {
    overflow: hidden;
    margin: 40px 0 30px 0;
    padding: 10px 0;
    float: left;
    width: 100%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.postauthor h3 {
    margin: 0 0 15px 0;
}

#content .postauthor img.avatar {
    float: left !important;
    margin: 0 30px 80px 0 !important;
}

h3.additional {
    margin: 40px 0 30px 0;
}

.authordesc {
    margin: 15px 0;
    line-height: 1.9;
}

.authoricons a {
    font-size: 15px;
    padding: 0 8px;
    margin: 25px 1px 10px 0;
    width: 30px;
    float: none;
    text-align: center;
}

.authoricons a.hidd {
    display: none
}

ul.related {
    float: left;
    width: 105%;
    overflow: hidden;
    margin: 15px 0 0 0;
    list-style: none;
}

ul.related li {
    position: relative;
    float: left;
    height: 290px;
    width: 20%;
    margin: 0 5% 35px 0;
    overflow: hidden;
    position: relative;
    padding: 0;
}

ul.related li img {
    margin: 0 0 0 0;
    width: 100%;
}

ul.related li.related_title {
    width: 100%;
    margin: 0 0 0 0;
    float: none;
    height: auto;
}

.postbarNone .related li {
    width: 20%;
}

.related li:hover img {
    opacity: .3;
}

.related li h5 {
    margin-top: 20px;
}

.archivloop {
    overflow: hidden;
    padding: 1px 0 0 1px;
}

.archivloop>div {
    overflow: hidden;
    margin: -1px 0 0 -1px;
    padding-top: 30px !important;
    height: 395px !important;
    border: 2px solid #ddd;
    width: 33.33% !important;
}

.postad,
.contentad {
    width: 100%;
    margin: 0 0 30px 0;
    overflow: hidden;
    text-align: center;
}

.contentad img,
.contentad ins,
.postad img,
.postad ins {
    max-width: 100%;
    display: block !important;
    margin: 0 auto !important;
}


#post-nav {
    float: right;
    width: 100%;
    margin: 25px 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4 !important;
}

#post-nav img {
    float: left;
    max-width: 100px;
    margin: 0 0;
    opacity: .8;
    overflow: hidden;
}

.post-nav-image {
    max-width: 30%;
    height: 100px;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
}

#post-nav .post-next .post-nav-image {
    float: right;
}

.post-previous,
.post-next {
    width: 50%;
    padding: 0 0 0 0;
    float: left;
    overflow: visible;
    border: 1px solid #eee;
    height: 102px;
}

.post-next {
    border-left: 0;
}

#post-nav .post-nav-text {
    padding: 15px 20px;
    font-size: 12px;
    display: inline-block;
    float: left;
    width: 70%;
}

#post-nav .post-nav-text strong {
    text-transform: uppercase;
}

#post-nav .post-next .post-nav-text {
    text-align: right;
    float: right;
}



/* @posts: formats
***************************/

.single .format-quote {
    margin: 80px 0;
    padding: 100px 10%;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.blogger .post.format-quote .meta {
    display: none;
}

.post.format-quote blockquote {
    font-size: 22px;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}

p.quuote_author {
    font-size: 14px;
    margin: 20px 0 10px 0;
    position: relative;
    z-index: 1;
    text-align: right;
}

.blogger .format-quote img,
.single .format-quote img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1;
    width: 100%;
}

.post.format-quote .ghost {
    background: none !important;
}



/* 7. sidebar / #sidebar
********************************************************************************************
********************************************************************************************/

.sidebar_item {
    padding: 0 0;
    margin: 0 6px 45px 0;
    overflow: hidden;
}

.widgetable{
    margin: 0 0 0 0;
}

.widgetable p {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.widgetable li>div {
    font-style: italic;
    font-size: 11px;
}

.sidebar_item li {
    position: relative;
    overflow: hidden;
    list-style: none;
}

.sidebar_item>ul>li{
    border-width: 0 0 1px 0;
    border-style: solid;
    margin-bottom: 0;
}

.sidebar_item ul li a{
    padding: 6px 0;
    position: relative;
    display: block;
}

.sidebar_item ul ul li a{
    padding: 2px 0;
}

.tmnf_cards .tmnf_box_padding_small img.img_full{
    margin: -30px -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px) !important;
}

.cat_nr {
    position: absolute;
    right: 0;
    top: 10px;
    float: right;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    text-align: center;
    padding: 5px 0;
    font-size: 10px;
    line-height: 10px;
}

.sidebar_item ul.children {
    margin:0 0 5px 15px;
}

.widgetable form {
    overflow: hidden;
    padding: 3px 0;
}

.widgetable>ul,
.widgetable>div>ul {
    list-style: none;
    float: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}


.widgetable .searchform {
    margin: 0 0;
    padding: 0 0;
    float: none;
    clear: both;
    overflow: hidden;
}

li.recentcomments,
cite {
    padding: 0 0 10px 0;
}

a.rsswidget {
    padding: 5px 0 0 0;
}

a.sidebarclose {
    position: absolute;
    top: 15px;
    right: 15px;
}

.textwidget {
    margin-bottom: 40px;
    overflow: hidden;
}

ul.wp-review-tabs {
    margin-bottom: 0;
}


/* 8. Custom Widgets 
********************************************************************************************
********************************************************************************************/

.tagcloud {
    margin-bottom: 30px;
    clear: both;
    display: block;
    float: none;
    width: 102%;
}

ul.lists {
    list-style: none;
    overflow: hidden;
    margin: 0;
    width: 106%
}

ul.lists li ul, ul.lists li ul li {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width: 100%;
    background: none;
}

.lists li {
    padding: 0 10px 0 26px;
    margin: 0 3% 0 0;
    float: left;
    width: 31%;
    list-style: none;
}


/* @custom menu 
***************************/

.widgetable ul.menu li,
.widgetable ul.menu a {
    position: relative;
}

.widgetable ul.menu li:after,
.widgetable ul.menu a:after {
    display: none
}

.widgetable ul.menu>li {
    margin: 0 0 0 0;
    list-style: none !important;
    text-align: left;
}

.widgetable ul.menu>li>a {
    width: 100%;
    margin: 0 0 0 0;
    padding: 15px 0;
    line-height: 1 !important;
    display: block;
    border-bottom: 1px solid #eee;
}

#footer ul.menu>li>a {
    padding: 15px 0;
}

.widgetable ul.menu li ul {
    margin: 0 0 0 5px;
}

.widgetable ul.menu>li>ul {
    margin: -5px 0 0 5px;
    padding-bottom: 20px;
}

.widgetable ul.menu li ul li {
    list-style: square inside;
    padding: 0 0;
}

.widgetable ul.menu li ul a {
    width: 100%;
    margin: 0 0 0 0;
    padding: 5px 0;
}

.widgetable ul.menu>li.menu-item-has-children>a {
    margin: 0 0 15px 0;
}



/* @facebook 
***************************/
.fb-page.fb_iframe_widget {
    margin-top: 30px;
}


/* @twitter 
***************************/

.tp_recent_tweets ul {
    margin: 0 0 15px 0 !important;
}

.tp_recent_tweets ul li {
    overflow: hidden;
    padding: 15px 0 15px 25px !important;
    border-top-width: 1px;
    border-top-style: solid;
    list-style: none !important;
    margin: 0 !important;
    position: relative;
    background: none !important;
    line-height: 2 !important;
}

.tp_recent_tweets ul li:first-child {
    border-top: none;
}

.tp_recent_tweets ul li span a {
    /*color: #55acee;*/
    opacity: .9;
    font-weight: normal;
}

a.twitter_time {
    font-style: italic;
    font-size: 11px;
}

.tp_recent_tweets ul li::before {
    /*color: #55acee;*/
    opacity: .2;
    content: "•";
    font-family: FontAwesome;
    font-size: 16px !important;
    left: 2px;
    position: absolute;
    top: 15px;
}


.tab-post {
    min-height: 100px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin: 0 0 0 0;
    padding: 20px 0 15px 0;
    line-height: 18px;
    width: 100%;
    position: relative;
    text-align: left;
}

.tab-post .imgwrap {
    float: left;
    margin: 5px 25px 15px 0;
    max-width: 40%;
}

.tab-post a{
    padding: 0 0 !important;
}

.tmnf_cards .tmnf_box_padding_small .tab-post .imgwrap {
    max-width: 34%;
}

.tab-post h4 {
    margin: 0 0;
    line-height: 1.5;
    font-size: 14px;
}

#footer .tab-post {
    padding: 15px 0 5px 0;
}

.tab-post img {
    padding: 0;
    float: left;
    width: 100%;
}

.tab-post .meta {
    line-height: 1.3 !important;
    margin: 8px 0 0 0;
    display: block;
}

.tab-post p.meta {
    padding: 0 0 0 0;
    float: left;
    font-size: 10px !important;
}

.tab-post p.meta .likes {
    margin: 0 0 0 10px;
}



/* featured 
***************************/

ul.featured {
    margin: 0 0 0 0 !important;
    overflow: hidden;
    float: left;
    list-style: none !important;
    width: 100%;
}

ul.featured li {
    list-style: none !important;
    padding: 0 0 !important;
    margin: 0 0 !important;
    display: block;
}

ul.featured li:last-child .tab-post {
    padding-bottom: 0;
    border-bottom: none;
}

.serchwidget {
    overflow: hidden;
    margin-bottom: 25px;
}

.twinsbox {
    margin: 0 0 30px 0;
}


/* 9. Comments / #comments
********************************************************************************************
********************************************************************************************/

#comments {
    clear: both;
    margin: 0 0 20px 0;
    padding: 0 0;
}

.single-work #comments {
    margin: 0 0 10px 0;
    padding-top: 40px;
}

#comments .navigation {
    padding: 20px 0;
    clear: both;
    overflow: hidden;
}

h3#comments-title,
h3#reply-title {
    padding: 30px 0 10px 0;
    margin: 0 0 20px 0;
    border-top-style: solid;
    border-top-width: 1px
}

.commentlist {
    list-style: none;
    margin: 30px 0 0 0 !important;
}

.commentlist li.comment {
    line-height: 2;
    margin: 0 0 25px 0;
    padding: 0 0 0 80px;
    position: relative;
    list-style: none;
}

ul.children li.comment:last-child {
    padding: 20px 0 0 80px !important;
}

.commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

#comments .comment-body p {
    margin-bottom: 8px;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 18px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}

.commentlist ol {
    list-style: decimal;
}

.commentlist .avatar {
    position: absolute;
    top: 20px;
    left: 0;
}

.comment-author cite {}

.comment-author .says {
    font-style: italic;
    display: none;
}

.comment-meta {
    margin: 0 0 20px 0;
    font-size: 80%;
}

.comment-meta a:link,
.comment-meta a:visited {
    color: #888;
    text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
    color: #ff4b33;
}

#comments .reply a {
    font-size: 11px !important;
    text-transform: uppercase;
    margin: 0 0 0 0 !important;
    display: inline-block;
    padding: 5px 6px;
}

.reply a,
a.comment-edit-link {
    color: #888;
}

.reply a:hover,
a.comment-edit-link:hover {
    color: #ff4b33;
}

#comments a.comment-reply-link {
    margin: 8px 0 15px 0 !important;
}

.commentlist .children {
    list-style: none;
    margin: 0;
}

.commentlist .children li {
    list-style: none;
    border: none;
    margin: 0;
    padding-bottom: 0 !important;
}

.nopassword,
.nocomments {
    display: none;
}

#comments .pingback {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

#comments .pingback .url {
    font-size: 13px;
    font-style: italic;
}



/* Comments form 
***************************/

#respond {
    margin: 0;
    overflow: hidden;
    position: relative;
}

#respond p {
    margin: 0;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 31.3%;
    float: left;
    margin-right: 3% !important;
}

.comment-form-url {
    margin-right: 0 !important;
}

input#author,
input#email,
input#url {
    width: 99.7% !important;
    margin-bottom: 20px !important;
    border-width: 2px;
    border-style: solid;
}

#respond .comment-notes {
    margin-bottom: 1em;
    opacity: .7;
    font-size: 90%;
}

.form-allowed-tags {
    display: none;
}

.children #respond {
    margin: 0 48px 0 0;
}

#comments-list #respond {
    margin: 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin-left: 10px;
}

#respond .required {
    color: #ff4b33;
    font-weight: bold;
    margin-left: 3px;
}

#respond label {
    color: #888;
    font-size: 12px;
}

#respond input {
    margin: 0;
    width: 96%;
}

#respond textarea {
    width: 100%;
    padding: 10px 1.5%;
}

#respond .form-allowed-tags,
#respond .form-allowed-tags code {
    display: none;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    font-size: 14px;
    width: auto;
    margin: 20px 1px 20px 1px;
}


/* 10. Forms
********************************************************************************************
********************************************************************************************/

input, textarea, input checkbox, button, input radio, select, file {
    border-width: 2px;
    border-style: solid;
    padding: 10px 15px !important;
    margin: 0 0 15px 0;
    line-height: 1.2 !important;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

button,
input.button {
    cursor: pointer;
}

input checkbox {
    margin-right: 5px;
}

select {
    max-width: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
    margin:10px 0 0 0;
    background: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .95rem center/8px 10px;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}




/* 10. Search / .searchform
********************************************************************************************
********************************************************************************************/

.searchform {
    position: relative;
    float: none;
    width: 100%;
    margin: 0 0 40px 0;
}

.searchSubmit {
    position: absolute;
    height: 46px;
    width: 80px;
    border: none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 4px;
    top: 2px;
    right: 2px;
    font-size: 15px !important;
    line-height: 1 !important;
}

.searchform input.s {
    padding: 15px 5%;
    margin: 0 0 0 0;
    height: 50px;
    font-style: normal;
    width: 100%;
    border-width: 2px;
    border-style: solid;
}

.search #content .searchform,
.archive #content .searchform {
    margin: 0 0 60px 0;
    width: 100%;
}

.search .errorentry {
    padding: 0;
}


/* 12. Footer / #footer
********************************************************************************************
********************************************************************************************/

#footer {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    overflow: hidden;
    position: relative;
    text-shadow: none;
}

#footer .foocol h2 {
    font-size: 14px !important;
    padding: 0 0 10px 0;
    text-align: left;
    margin-bottom: 25px;
}

#footer .ghost {
    background: none !important;
}

#footer ul {
    margin: 0 0 30px 0;
}

#footer .foocol ul li {
    list-style: outside none square;
    position: relative;
    padding: 5px 0 0 0;
    margin-left: 12px;
}

#footer p {
    margin: 15px 0 0 0;
}

#footer .menu li ul {
    margin: 8px 0 10px 18px;
}

/*#footer input{ background:none !important;}*/

.footer-logo {
    margin: 0 0;
}

.footer-logo img {
    margin: 0 0 40px 0;
    max-width: 230px;
}

#footer .bottom-menu {
    float: none;
    margin: 0 auto 10px auto !important;
    display: block;
    text-align: center;
}
#footer .bottom-menu li {
    display: inline;
}
#footer .bottom-menu li a {
    padding: 5px 5px 5px 5px;
    font-size: 12px !important;
}
#footer .bottom-menu li:first-child a {
    padding: 5px 10px 5px 0;
    background: none;
}
#footer .menu-item-has-children>a::after,
.bottom-menu .menu-item-has-children>a::after,
.bottom-menu .mega2>a::after {
    display: none;
}


#footer .footer_text {
    float: none;
    margin: 0 auto 80px auto !important;
    display: block;
    text-align: center;
    font-size: 12px;
}

#footer .footer_text > span{
    margin: 0 5px;
}



/* 13. Images @ Galleries / img
********************************************************************************************
********************************************************************************************/

.wp-block-image .alignleft {
    margin: .5em 2em .5em 0;
}

.wp-block-image .alignright {
    margin: .5em 0 .5em 2em;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

img.alignright {
    margin: 10px 1px 10px 20px !important;
    display: inline;
    float: right;
}

img.alignleft {
    margin: 10px 20px 10px 1px !important;
    display: inline;
    float: left;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.wp-caption {
    text-align: center;
    padding-top: 0;
    margin-bottom: 10px;
    max-width: 100%;
    overflow: hidden;
}

.wp-caption img {
    margin: 0 auto;
    display: block;
    float: none !important;
    padding: 10px 5px;
    border: 0 none;
    max-width: 100%;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    padding: 0 0;
    margin: 0 0 10px 0;
    overflow: hidden
}

img.wp-smiley {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}



/* @wp gallery 
***************************/

.attachment .headimg {
    display: none;
    visibility: hidden;
}

.wp-smiley {
    margin: 0;
}
.gallery {
    margin: 0 auto 30px auto !important;
    width: 100%;
}

.gallery .gallery-item {
    float: left;
    margin: 0 1px 1px 0 !important;
    text-align: center;
    width: auto !important;
    height: auto;
    overflow: hidden;
    padding: 0 0;
    background: none !important;
    border: none !important;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.entryfull .gallery .gallery-item {
    max-width: 149px;
}

.gallery img {
    border: none !important;
    float: left;
}

.gallery a {
    overflow: hidden;
    float: left;
}

.gallery .gallery-caption {
    margin-left: 0;
}

.gallery dl {
    margin: 0;
}

dt.gallery-icon {
    padding: 0 0 !important;
}

.gallery-caption {
    color: #888;
    font-size: 12px;
    margin: -24px 0 24px 0;
}

.gallery br+br,
.gallery-caption {
    display: none;
}



/* 14. Social Buttons / .social-menu
********************************************************************************************
********************************************************************************************/

ul.social-menu {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 10px 0 30px 0;
    float: left;
}

.landing-section ul.social-menu {
    float: right;
    margin: 0 0;
}

.widgetable ul.social-menu {
    margin: 5px 0 20px 0 !important;
}

ul.social-menu li {
    display: inline;
    list-style-type: none;
    position: relative;
    line-height: 1;
    float: left;
    margin: 0px 5px 5px 0;
    padding: 0 0 0 0;
    overflow: hidden;
    text-align: center;
    -moz-transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
}

ul.social-menu li:hover {
    opacity: 1;
    -moz-transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
}

ul.social-menu li a {
    margin: 0 0 0 0;
    height: 41px;
    text-align: center;
    padding: 13px 20px;
    line-height: 1 !important;
    float: left;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    border: 2px solid rgba(255, 255, 255, .1)
}

ul.social-menu a i {
    display: none !important;
}

ul.social-menu li a:hover {
    border: 2px solid rgba(255, 255, 255, .01)
}

ul.social-menu li a:hover {
    background-image: none;
    color: #fff !important
}


ul.social-menu li.sprite-rss a:hover {
    background-color: #FE9900 !important;
}
ul.social-menu li.sprite-google a:hover {
    background-color: #DB4A37 !important;
}
ul.social-menu li.sprite-delicious a:hover {
    background-color: #3274D2 !important;
}
ul.social-menu li.sprite-yahoo a:hover {
    background-color: #65106E !important;
}
ul.social-menu li.sprite-stumbleupon a:hover {
    background-color: #EC4823 !important;
}
ul.social-menu li.sprite-skype a:hover {
    background-color: #00A8E9 !important;
}
ul.social-menu li.sprite-behance a:hover {
    background-color: #2D9AD2 !important;
}
ul.social-menu li.sprite-myspace a:hover {
    background-color: #003399 !important;
}
ul.social-menu li.sprite-lastfm a:hover {
    background-color: #B70736 !important;
}
ul.social-menu li.sprite-linkedin a:hover {
    background-color: #0274B3 !important;
}
ul.social-menu li.sprite-flickr a:hover {
    background-color: #F3006F !important;
}
ul.social-menu li.sprite-deviantart a:hover {
    background-color: #455548 !important;
}
ul.social-menu li.sprite-tumblr a:hover {
    background-color: #35506B !important;
}
ul.social-menu li.sprite-vimeo a:hover {
    background-color: #1BB6EC !important;
}
ul.social-menu li.sprite-youtube a:hover {
    background-color: #EC2828 !important;
}
ul.social-menu li.sprite-twitter a:hover {
    background-color: #00ABF0 !important;
}
ul.social-menu li.sprite-facebook a:hover {
    background-color: #47639E !important;
}

ul.social-menu li.sprite-threads a:hover {
    background-color: #000 !important;
}
ul.social-menu li.sprite-pinterest a:hover {
    background-color: #CA222F !important;
}
ul.social-menu li.sprite-instagram a:hover {
    background-color: #405de6 !important;
}
ul.social-menu li.sprite-dribbble a:hover {
    background-color: #DF3E7B !important;
}
ul.social-menu li.sprite-github a:hover {
    background-color: #000 !important;
}
ul.social-menu li.sprite-px a:hover {
    background-color: #000 !important;
}
ul.social-menu li.sprite-foursquare a:hover {
    background-color: #8CC540 !important;
}
ul.social-menu li.sprite-soundcloud a:hover {
    background-color: #FE5419 !important;
}
ul.social-menu li.sprite-spotify a:hover {
    background-color: #7CC110 !important;
}
ul.social-menu li.sprite-ebay a:hover {
    background-color: #FFCB01 !important;
}





/* 15. Flex Slider / .flexslider
********************************************************************************************
********************************************************************************************/



/* 16. Buttons, Pagination, Ribbons & Scroll to top
********************************************************************************************
********************************************************************************************/


/* Buttons
***************************/

a.more-link {
    display: none;
    visiblity: hidden;
}

a.read-more {
    display: block;
    visibility: visible;
}

a.mainbutton, #submit, #comments .navigation a, .tagssingle a, .contact-form .submit, .wpcf7-submit, a.comment-reply-link {
    margin: 4px;
    line-height: 1;
    padding: 7px 10px;
    background: #f5f5f5;
    border: none !important;
    text-shadow: none;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

a.mainbutton {
    margin: 20px 0 0 0;
    padding: 15px 20px 14px 20px;
    text-align: center;
    display: block;
    min-width: 130px;
    text-transform: uppercase;
    float: left;
}

a.mainbutton.tiny {
    min-width: 105px;
    padding: 6px;
}

a.morebutton {
    margin: 0 0 0 0;
    display: block;
    float: none;
    line-height: 1 !important;
    text-align: center;
    padding: 15px 20px;
    overflow: hidden;
}


/* Meta
***************************/

.meta {
    line-height: 2;
    overflow: hidden;
    margin: 0 10px 0 0;
}

p.meta.author img {
    opacity: 1;
    width: 35px;
    border-radius: 50%;
    float: left;
    margin: 0 10px 0 0;
    display: inline;
}
p.meta.author span {
    display: inline-block;
    margin: 8px 0;
}

.meta_more {
    float: right;
}

.meta_full i {
    display: inline-block;
}

.meta_full span.divider {
    margin: 0 10px;
    opacity: .4;
    font-weight: bold;
}

.categs_alone{
    display: block;
}


/* Pagination
***************************/

.pagination {
    margin: 0 0 0 0;
    float: none;
    padding: 5px 0;
    overflow: hidden;
    text-align: center;
}

.loop-pagination {
    margin-bottom: 30px;
}

a.page-numbers {
    margin: 30px 8px 50px 0;
    text-shadow: none;
}

.page-numbers {
    font-size: 16px;
    line-height: 1;
    padding: 12px 16px !important;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
}

.page-numbers.current {
    font-weight: bold;
    margin: 0 8px 50px 0;
    color: #fff;
    text-shadow: none;
}

.dots {
    letter-spacing: 1px;
    margin: 0 15px -1px 0;
}



/* Post Pagination
***************************/

.post-pagination {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0 0;
    margin: 5px 0 0 0;
    text-transform: uppercase;
    background-image: none !important;
}

.post-pagination p {
    margin: 10px 0;
}

.post-pagination>p a:first-child {
    float: left;
    border-bottom: none;
}

.post-pagination>p a:last-child {
    float: right;
    border-bottom: none;
}

.page-link {
    margin: 3px 0 0 0;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    position: absolute;
    width: 60%;
    left: 20%;
}

.page-link>span,
.page-link a {
    margin: 1px 0 -2px 0;
    padding: 7px 9px;
    overflow: hidden;
    display: inline-block;
    width: 40px;
}

.page-link a {}


/* Scroll To Top
***************************/

.scrollTo_top {
    position: fixed;
    right: 54px;
    bottom: -4px;
    z-index: 998;
    width: 50px;
    margin: 0 0 0 0;
    text-align: center;
}

.scrollTo_top a {
    display: block;
    padding: 4px 0 8px 0;
}




/* 17. Plugins
********************************************************************************************
********************************************************************************************/

/* top 10 */
.tptn_counter {
    display: none;
}

/* addtoany */
.addtoany_share_save_container {
    margin: 25px 0 30px 0 !important;
    padding: 25px 0 15px 0 !important;
    border-width: 1px 0 0 0;
    border-style: solid;
}
.addtoany_list a span {
    -moz-border-radius: 45px;
    -khtml-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px !important;
    padding: 12px;
}
.page-template-homepage .addtoany_share_save_container, .flexinside-inn .addtoany_share_save_container {
    display: none;
}
.addtoany_list a, .widget .addtoany_list a {
    padding: 0 15px 0 0 !important;
}

.su-box {
    border-width: 1px !important;
}

/* contact form */
.wpcf7-form p {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0 0 10px 0;
    font-size: 11px;
    font-style: italic;
}

.wpcf7-form p img {
    float: left;
}

.wpcf7-form p input,
.wpcf7-form p textarea {
    width: 100%;
    font-size: 12px !important;
    font-style: normal;
    padding: 15px 3%;
    margin: 5px 0;
    overflow: hidden;
    clear: both;
}

.wpcf7-form p textarea {
    height: 150px !important;
}

.wpcf7-form p.sixcol {
    float: left;
    margin-right: 6%;
    width: 47%;
    clear: none;
}

.wpcf7-form p.sixcol.last {
    margin-right: 0;
}

.wpcf7-submit.wpcf7-submit {
    font-weight: bold;
    width: 70px !important;
    padding: 8px !important;
    margin: 0 0 0 0 !important;
}

.wpcf7-form p img {
    float: left;
}

input.wpcf7-captchar {
    width: 65px !important;
    margin-top: 5px;
}

span.wpcf7-not-valid-tip {
    position: relative !important;
    margin-top: 5px;
}

/* awesome weather */
.awesome-weather-wrap {
    margin: 0 0 40px 0;
}


/* coco social */

.blog_builder .coco-social {
    float: left;
    width: 60%;
    margin: -2px 0 25px 0 !important;
}



/* mail chimp */

.mc4wp-form {
    padding: 30px 10% 35px 10%;
    text-align: center;
    margin-top: 40px;
}

.mc4wp-form p,
.mc4wp-form label {
    width: 100%;
    clear: both;
    overflow: hidden;
    display: block;
    margin: 0 0 0 0 !important;
}

.mc4wp-form small {
    font-style: italic;
}

.mc4wp-form input {
    float: none !important;
    clear: both;
    margin: 15px auto;
    text-align: center;
}

.mc4wp-form input[type="email"] {
    width: 70%;
    overflow: hidden;
    background: none;
    padding: 11px 6%;
    text-align: left;
    border: none !important;
}

.mc4wp-form input[type="submit"] {
    border: none !important;
    width: 25% !important;
    cursor: pointer;
    margin: 0 0;
    padding: 10px !important;
}


.widgetable .mc4wp-form {
    padding: 0 35px 0 35px !important;
    text-align: left;
    margin: 0 0 0 0;
}

.widgetable .mc4wp-form input[type="email"] {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1)
}

.widgetable .mc4wp-form input[type="submit"] {
    width: 40% !important;
    padding: 8px !important;
    margin: 0 0 15px 0;
}


#footer .mc4wp-form {
    padding: 0 0 !important;
    text-align: left;
    margin: 0 0 30px 0;
    border: 0;
    background: none !important;
}

#footer .mc4wp-form h2 {
    margin: 0;
    padding: 0 0 !important;
}




/* 18. Homepage Blocks
********************************************************************************************
********************************************************************************************/


/* featured section - top */
.featurewrap {
    padding: 0 135px !important;
    margin-bottom: 60px !important;
}

.tmnf_feature {
    margin: 0 0 0 0;
    padding: 60px 0 0 0;
    position: relative;
}

.tmnf_feature:first-child {
    padding: 0 0;
}

.tmnf_feature .item_inn {
    padding: 20px 0;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.tmnf_feature h2 {
    margin: 20px 0 30px 0;
}

.tmnf_feature .entryhead {
    float: right;
    margin: -40px 0 60px -100px;
    background: none;
    max-width: 65%;
}

.tmnf_feature p.teaser {
    font-size: 105%;
    line-height: 1.9;
    margin: 0 0 40px 0;
}


/* featured section - bottom */

.tmnf_feature_bottom {
    overflow: hidden;
    padding: 20px;
    border-width: 1px;
    border-style: solid;
}

.tmnf_feature_bottom>div {
    width: 50% !important;
    float: left;
    padding: 20px 35px !important;
    margin: 0 0 !important
}

.tmnf_feature_bottom>div:nth-child(2n + 3) {
    clear: left;
}

.tmnf_feature_bottom .item_inn {
    padding-left: calc(30% + 40px) !important;
}

.tmnf_feature_bottom img{
    margin:  0 0 !important;
}

.tmnf_feature_bottom h3 {
    margin: 0 0 20px 0;
}

.tmnf_feature_bottom div.has-post-thumbnail .entryhead {
    top: 28px !important;
    left: 35px !important;
}

.tmnf_feature_bottom p.teaser {
    margin-bottom: 5px !important;
    opacity: .7
}


/* search + sociable section */
.landing-section {
    overflow: hidden;
    padding: 0 0 20px 0;
    margin: 0 25px 60px 25px;
    display: block;
    border-bottom: 2px solid rgba(102, 102, 102, .1)
}

#footer .landing-section {
    margin: 60px 0 0 0;
    padding: 60px 0 20px 0;
    border-top: 2px solid rgba(102, 102, 102, .1);
}

.landing-section .searchform {
    float: left;
    width: 33%;
}




/* 19. Other (sticky, tagcloud, calendar, tabs, tooltips, speciable) 
********************************************************************************************
********************************************************************************************/

.blogger div.post.sticky {
    position: relative;
    padding: 30px;
}
/* !! + styled within admin panel !! */

.blogger div.post.sticky .entryhead {
    top: 35px;
    left: 40px;
}

.blogger div.post.sticky:after {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2;
    font-family: Arial, sans-serif !important;
    content: "+";
    font-size: 56px;
    line-height: 1 !important;
    opacity: .4;
}

li.bypostauthor p {
    padding-right: 25px;
}

.tagcloud {
    padding: 0 0 25px 0 !important;
    overflow: hidden;
}

.tagcloud, #serpane3 {
    width: 102%;
}

.tagcloud a {
    float: left;
    font-size: 13px !important;
    line-height: 1;
    padding: 6px 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 8px 9px 0;
}

#footer .tagcloud a {
    font-size: 14px !important;
}



/* ratings  
***************************/

.icon-rating .wp-review-show-total {
    float: none;
    display: inline-block;
    padding: 9px !important;
    margin: 0 0 0 0;
    height: 35px;
    vertical-align: top;
}

.icon-rating .review-total-star i {
    font-size: 10px !important;
}

h5.review-title {
    font-size: 20px !important;
}

.review-list li,
.review-desc,
.user-review-area,
.review-title {
    padding: 15px 35px;
}

.review-wrapper,
.review-title,
.review-desc,
.user-review-area,
.review-list li {
    border-width: 1px !important;
}

.review-wrapper {
    margin: 40px 0 !important;
}

.bar-point .review-result, .percentage-point .review-result {
    z-index: 3 !important;
}



ul.wp-review-tabs {
    margin-bottom: 0 !important;
}


.widgetable .wp_review_tab_widget_content .tab-content li {
    padding: 5px 20px 10px;
}

.widgetable .wp_review_tab_widget_content .entry-title {
    font-weight: normal;
    line-height: 1.4;
    font-size: 12px;
}

.widgetable .review-total-only.small-thumb {
    font-size: 10px;
    font-weight: bold;
    padding: 3px 5px;
    position: absolute;
    top: 5px;
    left: 20px;
}

.widgetable .wp_review_tab_widget_content .wp-review-tab-postmeta {
    font-size: 10px;
}



/* calendar widget***************************/
.widget_calendar {
    float: left;
}
#wp-calendar {
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 10px;
}
#wp-calendar caption,
.wp-calendar-nav {
    font-size: 11px;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#wp-calendar thead th {
    padding: 8px 4px;
    text-align: center;
}
#wp-calendar tbody {}
#wp-calendar tbody td {
    border: 1px solid rgba(153, 153, 153, .1);
    text-align: center;
    padding: 8px 4px;
}
#wp-calendar tbody td:hover {}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    text-transform: uppercase;
    text-align: right;
}
#wp-calendar tfoot #prev {
    text-transform: uppercase;
    padding-top: 10px;
}



/* tables, def lists 
***************************/
.wp-block-table {
    width: 100% !important;
}
table, dl {
    border: 1px solid rgba(153, 153, 153, .2);
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0;
    border-collapse: collapse;
}
table td, table th {
    border: 1px solid rgba(153, 153, 153, .2);
    margin: 0 0;
}
dt {
    border-top: 1px solid rgba(153, 153, 153, .2);
    border-bottom: 1px dotted rgba(153, 153, 153, .1);
    margin-top: 0;
}
table th, dt {
    font-weight: normal;
    padding: 12px 15px;
    text-align: left;
    line-height: 1 !important;
    font-weight: bold;
}
table td, dd {
    padding: 12px 15px;
    vertical-align: top;
    line-height: 1 !important;
    font-size: 95%;
}


/* @speciable
***************************/

img {
    max-width: 100%;
    height: auto;
    display: block;
}

object, embed, iframe {
    max-width: 100%;
}


::selection {
    background: #FFF6A9;
    color: #222;
}
::-moz-selection {
    background: #FFF6A9;
    color: #222;
}

.upper #header h1,
.upper .widgetable ul.menu>li>a,
.upper .nav>li>a,
.upper .meta,
.upper .meta a,
.upper .nav-previous a,
.upper h2.archiv,
.upper .uppercase,
.upper .foocol h2,
.upper h2.widget,
.upper h5.widget,
.upper .postinfo h4,
.upper h3#reply-title,
.upper #footer .threecol h2,
.upper #respond .form-submit input,
.upper .related li h5 {
    text-transform: uppercase;
}

.searchform input.s,
.searchSubmit,
#respond #submit,
button.submit {
    -webkit-appearance: none;
}

/* elementor edit mode*/

.elementor-editor-active .wrapper {
    padding-top: 25px;
}

/* GUTENBERG */

.wp-block-gallery{
    margin-top:30px !important;
    margin-bottom:30px !important;
}

.wp-block-columns {
    padding: 40px 60px;
}

.wp-block-columns p {
    margin: 10px 0 !important;
}

.tmnf-video{
    margin-bottom: 30px;
}

/* CARDS */

.tmnf_cards .tmnf_border_box{
    border-width: 2px;
    border-style: solid;
    border-color: #333;
    box-shadow: 6px 6px 0 0 #333;
}

.tmnf_cards .tmnf_box_padding{
    padding: 40px 40px;
}

.tmnf_cards .tmnf_box_padding_large{
    padding: 40px 60px;
}

.tmnf_cards .tmnf_box_padding_small{
    padding: 30px 30px;
}

.tmnf_cards .blog_masonry .blogger .has-post-thumbnail .entryhead,
.tmnf_cards .tmnf_classic_widget .has-post-thumbnail .entryhead {
    width: calc(100% + 80px);
    margin: -40px -40px 30px -40px;
}

.blog_masonry .blogger .has-post-thumbnail .entryhead,.tmnf_classic_widget .has-post-thumbnail .entryhead {
    width: 100%;
    margin: 0 0 30px 0;
  }