/*
Theme Name: ProMaxPro
Theme URI: https://www.insertcart.com/product/promax-wordpress-theme/
Description: ProMax Theme is best WordPress theme design for personal and business uses with full features and SEO Optimize.This WordPress Theme can easily adapts on your mobile and desktop or any other device. Theme comes with lots of customization and connect social media like Facebook, Google+, twitter, YouTube and Adsense ready It supports all the awesome WordPress features completely free theme for blogging.
Version: 4.2 - Dark Theme
Author: Sandy
Author URI: https://www.insertcart.com
Tags: custom-menu, custom-header, custom-background, one-column, two-columns, right-sidebar, theme-options, threaded-comments, sticky-post, translation-ready, editor-style, featured-images, rtl-language-support, footer-widgets, blog, e-commerce, photography, news
Text Domain: promax
License: GNU General Public License v2
License URI: license.txt

Dark Theme Customization:
  --bg-base:        #343434   (matches original header/footer)
  --bg-raised:      #3f3f3f   (slightly lighter for cards/sidebar)
  --bg-sunken:      #2a2a2a   (slightly darker for inputs/code)
  --border:         #4a4a4a
  --text-primary:   #e8e8e8
  --text-secondary: #aaaaaa
  --text-muted:     #777777
  --accent:         #5B89B8   (original nav blue kept)
  --accent-hover:   #7EA8D3
  --link:           #7eb8d4
*/

/* ==================== CSS VARIABLES ==================== */
:root {
    --bg-base:        #343434;
    --bg-raised:      #3f3f3f;
    --bg-sunken:      #2a2a2a;
    --bg-deep:        #1e1e1e;
    --border:         #555555;
    --text-primary:   #ffffff;
    --text-secondary: #cccccc;
    --text-muted:     #999999;
    --accent:         #5B89B8;
    --accent-hover:   #7EA8D3;
    --link:           #7eb8d4;
    --link-hover:     #b8ddf0;
    --white:          #ffffff;
    --red-accent:     #DC3030;
    --green-accent:   #4DD247;
    --title-color:    #ffffff;
    --body-text:      #e2e2e2;
}

/*===================== reset ===================== */

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

body,
div.entry > p,
div.entry.clearfix > p {
    font-size: 15px;
}

#header-inner,
#ltpost,
#page-inner,
#bottom-menu-inner,
#footer-inner,
#pronav-inner,
nav.top-bar {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

@font-face {
    font-family: 'Monda';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/monda-regular-webfont.eot');
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ===================== general ===================== */

body {
    font: 500 13px/23px 'open_sansregular', sans-serif;
    color: var(--body-text);
    text-align: left;
    word-wrap: break-word;
    margin: auto !important;
    background: var(--bg-base);
}

a {
    color: var(--link);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    color: var(--title-color);
    font-weight: normal;
    font-family: 'open_sansregular', sans-serif;
}

h2 a {
    color: var(--title-color);
    text-decoration: none;
}

.entry h1 { font-size: 35px; }
.entry h2 { font-size: 1.7rem; }
.entry h3 { font-size: 1.44rem; }
.entry h4 { font-size: 1.2rem; }
.entry h5 { font-size: 1rem; }
.entry h6 { font-size: 0.8rem; }

hr {
    display: none;
}

code {
    color: #7eb8d4;
    background: var(--bg-sunken);
    padding: 2px 4px;
    border-radius: 3px;
}

small {
    font-size: 11px;
    line-height: 10px;
    color: var(--text-secondary);
}

blockquote {
    display: block;
    margin: 25px 0;
    padding: 0 0 0 25px;
    clear: both;
    font-size: 14px;
    font-style: italic;
    font-family: Georgia, Times;
    border-left: 5px solid #418cd1;
    background: var(--bg-sunken);
    color: var(--text-primary);
}

blockquote.pullquote,
blockquote.pullquoteleft {
    font-size: 2em;
    line-height: 1em;
    font-style: italic;
    width: 200px;
    color: var(--text-secondary);
    background-image: none;
}

blockquote.pullquote {
    margin: 0 0 0 30px;
    border-left: 5px solid var(--border);
    padding: 10px 0 10px 30px;
}

blockquote.pullquoteleft {
    margin: 0 30px 0 0;
    border-right: 5px solid var(--border);
    padding: 10px 30px 10px 0;
    text-align: right;
}

table {
    margin: 0;
}

.tablepress img {
    max-width: 100% !important;
}

.list_inline li {
    display: inline;
    margin: 0 5px 0 0;
    list-style: none;
    padding: 0;
}

.left  { float: left; }
.right { float: right; }

.dropcap {
    font-size: 270%;
    line-height: 100%;
    font-weight: bold;
    float: left;
    padding-top: 0;
    padding-right: 5px;
    color: var(--accent-hover);
}

.highlight {
    background: #5a4a00;
    color: #ffe066;
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
}

div.gap {
    clear: both;
    display: block;
    height: 10px;
}

.transparent_class {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}


/*==========Author Information==========*/

#author-bio .large-12.columns {
    background: var(--bg-raised);
    min-height: 132px;
    margin-top: 30px;
    padding: 10px;
    border: 1px solid var(--border);
    margin-bottom: 15px;
    color: var(--text-primary);
}

#author-bio img {
    float: left;
    padding: 2px;
    border: 1px solid var(--border);
    margin: -2px 0px 0 0;
}

#author-bio h3 {
    font-size: 20px;
    margin: 0 0 10px 0;
    color: var(--text-primary);
}

#author-bio h4 {
    font-size: 12px;
    margin: 0 0 3px 0;
    color: var(--text-secondary);
}

div .plusone,
.twitter,
.fb-like {
    font-size: 1px;
    display: inline-block;
}

div .fb_reset {
    display: inline;
}


/* ===================== shortcodes/framework fluid width ===================== */

.one_half   { width: 48%; }
.one_third  { width: 30.66%; }
.two_third  { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth {
    position: relative;
    float: left;
    display: inline;
    overflow: hidden;
    margin-right: 4%;
}

.first { margin-left: 0; }
.last  { margin-right: 0; clear: right; }

iframe { max-width: 100%; }


/* ===================== images ===================== */

img,
img a {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}

.alignleft  { float: left;  margin: 0 15px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 5px 15px; display: inline; }
.aligncenter { display: block; margin: 0 auto; }

.wp-caption,
.imgthumb,
.entry img {
    max-width: 100%;
    background: var(--bg-raised);
    text-align: center;
    height: auto;
}

.wp-caption img {
    background: var(--bg-raised);
    width: auto;
}

.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    color: var(--text-secondary);
}

.post_image {
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    border: 1px solid var(--border);
    padding: 20px;
    padding-bottom: 15px;
    background: var(--bg-raised);
}

.post_image img {
    border: 1px solid var(--border);
    margin: auto;
}

.post_image p.wp-caption-text {
    clear: left;
    border-top: none;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    color: var(--text-secondary);
}

.special img,
.special img a {
    border: 5px solid var(--border);
    vertical-align: bottom;
}

#share {
    width: auto;
    float: right;
    display: inline;
    margin-top: 3%;
}

#wp-admin-bar-myCustomMenu {
    color: #7C7CBD;
}

.republicmob button.mainmob.button.dropdown.secondary {
    width: 130px;
    padding: 11px 0px;
    border-radius: 4px;
    text-align: left;
    margin-left: 5%;
}
.republicmob button.mainmob.mobilesearch.button {
    padding: 12px;
    background: #555;
}
.republicmob {
    background: var(--bg-sunken);
    height: 43px;
}
.republicmob button.secondary:hover,
.republicmob button.secondary:focus,
.republicmob .button.secondary:hover,
.republicmob .button.secondary:focus {
    background: transparent;
}


/************Foundation menu***************/

.width {
    background: #5B89B8;
}

.top-bar .toggle-topbar.menu-icon a {
    padding: 0 1rem 0 0.9375rem !important;
}

.top-bar.expanded .toggle-topbar.menu-icon a::before {
    font-family: FontAwesome;
    content: "\f00d";
    pointer-events: none;
}

.top-bar .toggle-topbar.menu-icon a::before {
    font-family: FontAwesome;
    content: "\f0c9";
    pointer-events: none;
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: 6px !important;
    top: 50%;
    float: left;
    position: relative;
}

.top-bar-section ul li > a {
    font-family: inherit !important;
}

nav.top-bar .top-bar-section .has-dropdown > a:after,
.top-bar-section ul li:hover:not(.has-form) > a,
nav.top-bar a:hover {
    color: #fff !important;
}

nav.top-bar.expanded .toggle-topbar a {
    color: #FFFFFF;
}

nav.top-bar .top-bar-section li:hover > a {
    background: #f03;
}

nav.top-bar {
    z-index: 999;
}

nav.top-bar .top-bar-section li:not(.has-form) a:not(.button),
nav.top-bar,
nav.top-bar.expanded .title-area {
    background: #5B89B8;
}

button.mainmob.mobilesearch.button {
    float: right;
}

ul#mobilesearch {
    padding: 0px 24px;
}

nav > ul > li.toggle-topbar.menu-icon > a > i {
    padding: 5px;
}


/************Main Menu************/

nav.main .top-bar-section li:not(.has-form) a:not(.button),
nav.main,
nav.main.expanded .title-area {
    background: var(--bg-raised);
    color: var(--text-primary);
}

nav.main .toggle-topbar.menu-icon a {
    color: var(--text-secondary);
}


/************Top Navigation Menu************/

#navigation .home-icon img {
    padding-bottom: 3px;
}

#navigation .home-icon {
    display: block;
}

.home-icon {
    display: none;
}

#navigation {
    margin: 0;
    font-size: 12px;
    min-height: 42px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
    background-color: #5B89B8;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
    border-bottom: 1px solid #3a6a98;
}

#navigation-inner {
    margin-left: 5%;
    width: 70%;
    position: relative;
}

#navigation ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    line-height: 1;
    border-bottom: 0;
    text-align: center;
}

#navigation ul a {
    position: relative;
    display: block;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.07em;
    -webkit-transition: background 0.15s ease;
    transition: background 0.15s ease;
}

#navigation .secondary ul a {
    height: 42px;
    color: #ffffff !important;
    line-height: 42px;
    font-size: 0.8rem;
}

#navigation ul li {
    float: left;
    position: relative;
    width: auto;
    transition: all .2s;
    -webkit-transition: all .2s;
}

#navigation ul li.current-menu-item a {
    color: #ffffff !important;
    background: rgba(0,0,0,0.22);
    border-bottom: 3px solid rgba(255,255,255,0.7);
}

ul.catnav li a {
    padding: 5px 10px;
}

#navigation li:hover > a {
    background-color: rgba(0,0,0,0.22);
    color: #ffffff !important;
}

#navigation .secondary ul li.current-menu-item {
    background-color: rgba(0,0,0,0.18);
    opacity: 1;
}

#navigation .secondary > ul > li a:hover {
    background-color: rgba(0,0,0,0.22);
    color: #ffffff !important;
    opacity: 1;
}

#navigation ul li.dropme a {
    background-color: rgba(0,0,0,0.18);
}

#navigation ul ul {
    position: absolute;
    left: -999em;
    width: 220px;
    z-index: 99999;
    border: 0;
    background: none;
    border-bottom: none;
}

#navigation ul ul a {
    width: 204px;
    background-color: #3d6e9e;
    height: auto;
    line-height: 1;
    padding: 12px 0px 12px 15px;
    overflow: hidden;
    text-align: left;
    border-right: none;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#navigation ul ul a:hover {
    background-color: #2d5e8e !important;
    color: #ffffff !important;
}

#navigation ul ul ul {
    border-top: 0;
    margin: -44px 0 0 220px;
}

#navigation ul li li { margin: 0; border: 0; }
#navigation ul li:hover { opacity: 1; position: static; }

#navigation ul li:hover ul ul,
#navigation ul li:hover ul ul ul,
#navigation ul li:hover ul ul ul ul { left: -999em; }

#navigation ul li:hover ul,
#navigation ul li li:hover ul,
#navigation ul li li li:hover ul,
#navigation ul li li li li:hover ul { left: auto; }

li.home-icon > a { height: 42px; line-height: 42px; }
li.home-icon > a > i { font-size: 1.2rem; vertical-align: middle; padding-top: 0; }

#navigation .current_page_item {
    background: rgba(0,0,0,0.22);
    border-bottom: 3px solid rgba(255,255,255,0.7);
}


/*******************Pronav*************/

#TopMenuSocial { float: right; }
#TopMenuSocial a { color: #fff; }
#TopMenuSocial a:hover { background-color: var(--bg-deep); }

.socialfb, .socialtw, .socialgp, .socialrss, .socialinstagram, .socialyt {
    float: left;
    border-left: 1px solid #6C92B8;
}

.socialinstagram a,
.socialfb a,
.socialrss a,
.socialgp a,
.socialtw a,
.socialyt a {
    display: block;
    padding: 3px 12px 1px 12px;
    font-size: 1.6rem;
}

#pronav {
    margin: 0;
    font-size: 11px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 87;
    font-weight: bold;
    border-bottom: 1px solid var(--border);
    background: var(--bg-sunken);
}

#pronav-inner {
    margin: 0 auto;
    width: 90%;
    position: relative;
    clear: both;
}

#pronav ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    line-height: 1;
    border-bottom: 0;
    text-align: center;
}

#pronav ul a {
    position: relative;
    display: block;
    padding: 0 18px;
    height: 35px;
    font-size: 11px;
    line-height: 48px;
    color: var(--text-secondary);
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#pronav .secondary ul a {
    height: 38px;
    color: var(--text-secondary);
    line-height: 38px;
}

#pronav ul li {
    float: left;
    position: relative;
    width: auto;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
}

#pronav ul li.current-menu-item a {
    color: var(--text-primary);
}

#pronav ul li.current-menu-item,
#pronav ul li a:hover {
    background-color: var(--border);
    color: var(--text-primary) !important;
}

#pronav li:hover > a {
    background-color: var(--border);
}

#pronav .secondary ul li.current-menu-item,
#pronav .secondary > ul > li a:hover {
    background: var(--border);
    opacity: 1;
}

#pronav ul li.dropme a { background-color: #418cd1; }

#pronav ul ul {
    position: absolute;
    left: -999em;
    width: 212px;
    z-index: 99999;
    border: 0;
    background: none;
    border-bottom: none;
}

#pronav ul ul a {
    width: 198px;
    background-color: var(--bg-sunken);
    color: var(--text-secondary);
    height: 15px;
    line-height: 15px;
    padding: 15px 0px 10px 15px;
    overflow: hidden;
    text-align: left;
    border-right: none;
}

#pronav ul ul a:hover { background-color: var(--border); opacity: 1; }

#pronav ul ul ul {
    border-top: 0;
    margin: -37px 0 0 199px;
}

#pronav ul li li { margin: 0; border: 0; }
#pronav ul li:hover { opacity: 1; position: static; }

#pronav ul li:hover ul ul,
#pronav ul li:hover ul ul ul,
#pronav ul li:hover ul ul ul ul { left: -999em; }

#pronav ul li:hover ul,
#pronav ul li li:hover ul,
#pronav ul li li li:hover ul,
#pronav ul li li li li:hover ul { left: auto; }

.nav-menu li > a:after       { color: var(--text-muted); content: ' ▾'; }
.nav-menu li > a:hover:after { color: var(--text-secondary); content: ' ▾'; }
.nav-menu li > a:only-child:after { content: ''; }


/* ===================== layout ===================== */

#top-menu-inner #myslidemenu {
    width: 75%;
    height: auto;
    padding-left: 0;
    float: left;
    display: inline;
    font-size: 115%;
    max-width: 75%;
}

.site-title a       { color: #fff; }
.site-description   { color: #aaa; }

#navigation .current_page_item { background: var(--bg-deep); }

#header {
    min-height: 110px;
    background: #343434;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    overflow: hidden;
}

#header-inner {
    margin: auto;
    width: 90%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

p.site-title,
h1.site-title {
    font-size: 2rem;
    padding: 0px 0px;
    margin-bottom: 0;
    color: #fff;
}

#logo > h2 { font-size: 1.5rem; color: #fff; }

#banner-top a  { color: var(--link); }
#banner-top    { color: var(--text-primary); padding-top: 10px; overflow: hidden; }
#banner-top img { float: right; max-width: 730px; }

#page {
    margin-top: 20px;
    position: relative;
    z-index: 1;
    background: var(--bg-base);
}

#page-inner {
    margin: 0 auto;
    position: relative;
    background: var(--bg-base);
}

#page-inner #banner-top {
    margin: 10px 0px 10px 0px;
    position: relative;
}

ul.large-block-grid-2 .thumbnail img { height: 260px; }
ul.large-block-grid-5 .thumbnail img { height: 140px; }

.pagepost {
    max-width: 99%;
    margin: 1%;
}


/*****************************************
WooCommerce
******************************************/

.woocommerce div.product form.cart .button.quickcheckout a { color: #fff; }

.woocommerce div.product form.cart .button.quickcheckout {
    border-radius: 3px;
    margin-left: 10px;
    padding: 9px;
}

.woocommerce div.product form.cart .button.quickcheckout:before {
    content: "\f08b";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 1px 6px 0px 0px;
    font-size: 1.1rem;
}

.woocommerce div.product div.images ol.flex-control-nav.flex-control-thumbs img {
    padding: 4px;
}

.woocommerce-product-gallery__image { margin-top: 10px; }

.woocommerce-page #content {
    width: 69%;
    float: left;
    min-width: 30%;
    margin: 1% 1% 0% 2%;
    background: var(--bg-base);
    color: var(--text-primary);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: var(--bg-raised);
    color: var(--text-primary);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    height: auto !important;
    width: auto !important;
    background-color: var(--bg-raised) !important;
    overflow: initial !important;
    float: none !important;
}

.thumbnail img {
    width: 100%;
    max-width: 100% !important;
    padding: 0px 0px 10px 0px;
}


/* ===================== post-slider ===================== */

.post-slider {
    color: #ddd;
    font-size: 90%;
    padding: 10px 20px;
    top: 332px;
    position: absolute;
    height: 80px;
    text-shadow: #000 0 1px;
    font-style: italic;
}

.nivo-caption p {
    background: url(images/bg.jpg);
    text-transform: uppercase;
    text-shadow: #000 0 1px;
}


/* ===================== searchform ===================== */

#search {
    width: auto;
    height: 30px;
    float: right;
    display: inline;
}

#s {
    background: var(--bg-sunken);
    border: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 100%;
    top: 0;
    height: 35px;
}

#s::placeholder { color: var(--text-muted); }

#searchform { margin-top: 30px; }
#searchform,
#searchform div { position: relative; }

#searchsubmit {
    padding: 5px;
    height: 37px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 42px;
    background: var(--accent);
    color: #fff;
    border: none;
    cursor: pointer;
}

#searchsubmit:hover { background: var(--accent-hover); }

form#searchform input#s {
    width: 80%;
    float: left;
    height: 37px;
}

#searchform label {
    position: absolute;
    top: -1500px;
    left: -1500px;
}


/* ===================== crumbs  ===================== */

#content #crumbs { width: 94%; }

#crumbs::before {
    content: "\f03a";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 7px;
}

#crumbs {
    color: #fff;
    font-weight: bold;
    margin: 2px 0px 10px 0px;
    padding: 6px 0px 6px 12px;
    background: #DC3030;
}

#crumbs a { color: #fff; }


/* ===================== content  ===================== */

header.page-header {
    border: 1px solid var(--border);
    padding: 10px;
    background: var(--bg-raised);
    margin-bottom: 10px;
    color: var(--text-primary);
}

.post { padding-top: 1%; }

.post .thumbnail { float: left; padding: 10px; }
.post .thumbnail img { background: var(--bg-raised); padding: 0; }


/*============Post Table===============*/

#pagecont table,
#singlecontent table {
    width: 95%;
    color: var(--text-primary);
    border-collapse: collapse;
    font-size: 12px;
    text-shadow: none;
    margin: 20px;
    border: var(--border) 1px solid;
    background: var(--bg-raised);
}

#pagecont table tr,
#singlecontent table tr {
    text-align: center;
    padding-left: 20px;
}

#pagecont table th,
#singlecontent table th {
    padding: 10px;
    background: #418CD1;
    color: #FFF;
    text-shadow: none;
    font-size: 15px;
    text-align: left;
}

#pagecont table tr:hover,
#singlecontent table tr:hover {
    background: var(--bg-sunken);
}

#pagecont table tr td,
#singlecontent table tr td {
    padding: 6px 4px;
    padding-left: 15px;
    vertical-align: middle;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
}

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

span.tags::before {
    content: "\f02c";
    font-family: FontAwesome;
    background: #359BED;
    color: #ffffff;
    padding: 8px 8px 7px 8px;
    text-decoration: none;
}

span.tags a:hover { background: var(--bg-deep); color: #ffffff; }

span.tags a {
    background: #359BED;
    color: #ffffff;
    padding: 5px 8px;
    margin: 2px;
    text-decoration: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    color: var(--text-primary);
}

tbody {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.imag {
    overflow: hidden;
    margin-bottom: 3%;
    box-shadow: 0 2px 12px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.5);
    position: relative;
    background: var(--bg-raised);
    border: 1px solid var(--border);
    border-radius: 4px;
}

.imag .entry {
    padding: 5px 10px;
    color: var(--body-text);
}

.imag article {
    color: var(--body-text);
}

span.authmt > span.author.vcard > span {
    font-weight: normal;
    font-size: 0.7375rem;
}

span.authmt > span.author.vcard {
    border: none;
    margin: 0px;
    padding: 0px 5px 0px 0px;
}

.author.vcard, .comment-author.vcard {
    margin: 0;
    border: 0;
    padding: 0;
}

.entry ul,
.entry ol {
    padding: 9px 40px;
    color: var(--text-primary);
}

#nav-below {
    margin: 0 0 20px;
    padding: 10px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.nav-previous { float: left; width: 50%; }
.nav-next { float: right; text-align: right; width: 50%; }

.nav-previous a:hover,
.nav-next a:hover { background: var(--bg-deep); }

.nav-previous a::before {
    content: "\f100";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
}

.nav-previous a {
    background: #359BED;
    padding: 6px 12px;
    float: left;
    color: #fff;
}

.nav-next a::after {
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
}

.nav-next a {
    background: #359BED;
    padding: 6px 12px;
    float: right;
    color: #fff;
    text-align: right;
}

.nav-links { margin: 10px 0; }


/* ===================== content / postinfo ===================== */

.postmeta_box {
    height: auto;
    font-size: 11px;
    display: table;
    color: var(--text-secondary);
}

.homecat {
    position: absolute;
    background: #4DD247;
    padding: 4px;
    font-size: 0.9rem;
    overflow: overlay;
}

.homecat a { color: #fff; }

.entry-title a {
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 1.1rem;
    letter-spacing: 0.01em;
}

.entry-title a:hover { color: var(--link-hover); }

h2.entry-title {
    color: #ffffff;
}

.entry, .entry p, .entry li, .entry span {
    color: var(--body-text);
}

.entry h1, .entry h2, .entry h3,
.entry h4, .entry h5, .entry h6 {
    color: #ffffff;
}

.poptit {
    position: absolute;
    margin-top: -60px;
    background: #4DD247;
    padding: 6px;
    width: 23%;
}

.poptit a { color: #fff; }

.pop {
    background: var(--bg-raised);
    box-shadow: 0 1px 3px 0 #1a1a1a;
    -moz-box-shadow: 0 1px 3px 0 #1a1a1a;
    -webkit-box-shadow: 0 1px 3px 0 #1a1a1a;
    margin-bottom: 6%;
    position: relative;
    display: block;
}

.ltl {
    background: rgba(0, 0, 0, 0.75);
    padding: 5px;
    overflow: hidden;
    max-height: 55px;
    position: absolute;
    max-width: 93%;
    zoom: 1;
    margin-top: -55px;
    z-index: 500;
    color: #fff;
    font-size: 1rem;
    display: flex;
}

.ltl a {
    color: #FFF;
    font-weight: 700;
    font-size: 17px !important;
}

.latest-post {
    list-style: none;
    box-shadow: 0 0px 3px 0 #1a1a1a;
    -moz-box-shadow: 0 0px 3px 0 #1a1a1a;
    -webkit-box-shadow: 0 0px 3px 0 #1a1a1a;
    height: 75px;
    text-align: center;
    overflow: hidden;
    background: var(--bg-raised);
}

.latest-post a {
    color: #4DD247;
    font-size: 0.8rem;
    padding: 7px 1px;
}

.latest-post img {
    width: 75px;
    height: 75px;
    float: left;
    padding-right: 8px;
}

.latest-post .clear { clear: both; }

#latesthd { margin-bottom: -10px; }

#ltpost {
    max-width: 90%;
    margin: 0 auto;
    background: var(--bg-base);
}


/******************Popular Posts****************/

#populars img {
    width: 100%;
    height: 150px;
    display: block !important;
}

.posthd {
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    margin: 2px 0px 12px 0px;
    padding: 8px 0px 8px 12px;
    background-color: #DC3030;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-left: 4px solid rgba(255,255,255,0.35);
}

.posthd::before {
    content: "\f03a";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}

.postmeta li {
    display: inline;
    font-size: 90%;
    font-style: normal;
    background: #3a5a1a;
    color: #cde;
    padding: 1px 3px;
}

.postmeta li a {
    text-decoration: none;
    color: #cde;
}

.postmeta li a:hover { text-decoration: underline; }

.comp::before {
    content: "\f27b";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
    font-size: 11px;
}

#content > div > span.authmt > span.author.vcard .fn {
    font-weight: normal;
    font-size: 14px;
    padding-right: 5px;
    color: var(--text-primary);
}

#content > div > span.authmt > span.author.vcard {
    border: none;
    padding: 0px;
    margin: 0;
}

.post-edit-link::before {
    content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
    font-size: 11px;
}

.tagcloud a {
    padding: 2px 8px;
    margin: 0 1px 1px 0;
    display: block;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: var(--border);
    text-decoration: none;
    font-size: 15px !important;
    background: #3a5a78;
    color: #cde !important;
}

.tagcloud a:hover {
    background: var(--accent);
    color: #fff !important;
}

.authmt {
    position: absolute;
    margin-top: -50px;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 0px 6px;
}

#metad {
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
}

.authmt a { color: #fff; }

.authmt a,
div#metad a {
    text-transform: uppercase;
    font-size: 10px;
    color: var(--text-secondary);
}

.authmt a:hover,
div#metad a:hover { color: var(--link-hover); }

.postcateg a::before {
    content: "\f009";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
    font-size: 11px;
}

.auth { font-weight: bold; color: var(--text-primary); }

span.meta-date a::before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 3px;
    font-size: 11px;
}

.author a::before {
    content: "\f007";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
    font-size: 11px;
}

#metad > span > span.auth > span.author.vcard > span { font-weight: normal; }
span.auth > span.author.vcard { border: none; padding: 0px; }

.author.vcard .fn {
    font-weight: normal;
    font-size: 10px;
    color: var(--text-secondary);
}

.postmeta_bottom li {
    display: inline;
    font-size: 90%;
    font-style: normal;
    background: transparent;
    color: var(--text-muted);
}

.postmeta_bottom li a {
    text-decoration: none;
    color: var(--text-muted);
}

.postmeta_bottom li a:hover { text-decoration: underline; color: var(--link-hover); }

.postmeta-top-single {
    clear: both;
    display: block;
    height: 1px;
    margin-bottom: 40px;
}

.postmeta-fullsize {
    float: right;
    display: inline;
    color: var(--text-muted);
    font-size: 90%;
    font-style: italic;
}


/* ===================== sidebar ===================== */

#sidebar .box    { padding: 0; margin: 0 0 20px; }
#sidebar .boxinside { clear: both; }
#sidebar #social { margin: 10px; }
#sidebar #share  { margin-bottom: 14px; }

#sidebar #share img {
    margin-top: 8px;
    border: none;
    -webkit-transform: perspective(200px) rotateY(45deg);
    -moz-transform: perspective(200px) rotateY(45deg);
}

#sidebar #share img:hover {
    opacity: 0.5;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-transform: perspective(200px) rotateY(0deg);
    -moz-transform: perspective(200px) rotateY(0deg);
}

#sidebar ul { overflow: hidden; }

#sidebar h4,
#sidebar h4 a {
    text-transform: uppercase;
    color: #ffffff;
    background: var(--accent);
    font-weight: bold;
    font-size: 15px;
    margin: 2px 0px 10px 0px;
    padding: 10px 0px 10px 13px;
    letter-spacing: 0.05em;
    border-left: 4px solid rgba(255,255,255,0.35);
}

#sidebar h4 a:hover { text-decoration: none; }
#sidebar a:hover { text-decoration: none; }

#sidebar, #sidebar li, #sidebar p, #sidebar span {
    color: var(--body-text);
}

#sidebar a { color: var(--link); }
#sidebar a:hover { color: var(--link-hover); }

#twitter h4,
#twitter h4 a {
    margin: 0 0 10px;
    padding: 0;
    background: none;
    font-weight: normal;
}

#ads {
    padding: 5px 0 0 13px;
    width: 270px;
}

#ads ul { list-style: none; overflow: hidden; }
#ads ul li { float: left; }
#ads ul li a { float: left; display: block; height: 135px; width: 135px; }
#ads ul li a img { margin: 0 7px 10px 0; }
#ads ul li.wide a { width: 260px; height: 130px; margin-right: 0; }
#ads ul li, #ads ul li li { border-bottom: 0; }


/* -------------------- sidebar tabs -------------------- */

#sidebartop {
    background: #359BED;
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    clear: both;
    border: none;
    background-origin: padding-box;
}

#sidebartabs { width: auto; margin: 0; }
#sidebartabs li { margin: 0; padding: 0; list-style: none; }
#sidebartabs ul li { padding: 5px; margin: 0; }

#sidebartabs ul li h4 {
    background: var(--bg-raised);
    padding: 5px;
    margin: 0;
    color: var(--text-primary);
}

#sidebartabs ul li.active { background: var(--bg-raised); }
#sidebartabs ul ul li { padding: 0; }
#sidebartabs ul ul ul li { padding: 0; background: #359BED; }

ul.tabs {
    margin: 0; padding: 0;
    float: left; list-style: none;
    width: 100%;
}

ul.tabs li {
    background: #359BED;
    width: 83px; height: 22px;
    float: left; margin: 0; padding: 0;
    overflow: hidden; position: relative;
}

ul.tabs li a {
    background: #359BED;
    text-decoration: none;
    display: block;
    padding: 0 0 1px;
    outline: none;
    text-align: center;
    color: #fff;
}

#sidebartabs h4,
#sidebartabs h4 a {
    margin: 0 0 10px; padding: 0;
    color: #359BED; background: none; border: none;
}

html ul.tabs li {
    background: #359BED;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab_container {
    clear: both; float: left;
    width: 100%;
    background: var(--bg-raised);
}

.tab_content { padding: 0; margin: 0; }

.tab_container ul:hover {
    margin: 0;
    text-decoration: none;
    font-weight: bold;
    background: var(--bg-sunken);
}


/* ===================== bottom-menu ===================== */

ul#footerhorizontal li.home-icon { display: none !important; }
ul#footerhorizontal { margin: 0; padding: 5px; }
#footerhorizontal ul { margin: 5px; padding: 0; list-style-type: none; list-style-image: none; }
#footerhorizontal li { display: inline; }
#footerhorizontal ul li a { text-decoration: none; margin: 4px; font-size: 0.8rem; color: var(--text-secondary); }
#footerhorizontal ul li a:hover { color: var(--link-hover); }
#footerhorizontal li::after { content: "\007c"; color: var(--border); }

#footerads img { max-width: 100%; }
#footerads { padding: 12px; overflow: auto; }

#bottom-menu table caption { color: var(--text-secondary); }

#bottom-menu {
    z-index: 1;
    list-style-type: none;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
    background: var(--bg-sunken);
    color: var(--text-secondary);
}

#bottom-menu-inner { margin: auto; position: relative; }
#bottom-menu a { text-decoration: none; color: var(--text-secondary); }
#bottom-menu a:hover { text-decoration: none; color: var(--link-hover); }
#bottom-menu ul { margin: 0; padding: 0; list-style: none; }

#bottom-menu ul li li {
    padding-left: 10px;
    border-bottom: none;
}

#bottom-menu h4 {
    margin: 0 0 10px;
    line-height: 24px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-size: 20px;
    padding-top: 20px;
    font-weight: bold;
}


/* ===================== footer ===================== */

#footer {
    margin: 0 auto;
    z-index: 1;
    list-style-type: none;
    background: var(--bg-deep);
    color: var(--text-muted);
}

#footer-inner {
    margin: auto;
    width: 90%;
    position: relative;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    color: var(--text-muted);
}

#footer a { color: var(--text-secondary); }
#footer a:hover { color: var(--link-hover); }


/* ===================== pagenavi ===================== */

#pagenavi {
    text-align: left;
    height: 0px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 25px;
    padding-bottom: 20px;
}

#pagenavi a {
    padding: 5px 14px;
    margin: 2px;
    text-decoration: none;
    color: #fff;
    line-height: 24px;
    background-color: #418cd1;
}

#pagenavi span {
    padding: 5px 14px;
    margin-right: 10px;
    text-decoration: none;
    color: #ffffff;
    line-height: 24px;
    background-color: #418cd1;
}

#pagenavi a:hover {
    color: #fff;
    text-decoration: none;
    background: var(--bg-deep);
}

#pagenavi span.current {
    padding: 5px 14px;
    margin: 2px;
    line-height: 25px;
    font-weight: bold;
    color: #fff;
    background-color: var(--bg-deep);
}


/* ===================== Scroll to top ===================== */

.backtop {
    background: var(--bg-raised);
    color: var(--text-primary);
    width: 30px;
    text-align: center;
    height: 26px;
    padding-top: 4px;
    display: inline-block;
    zoom: 1;
    border-radius: 10em;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
}

.backtop:hover { text-decoration: none; opacity: 0.7; }


/* ===================== comments ===================== */

a.comment-reply-link::before {
    content: "\f112";
    font-family: FontAwesome;
    padding: 4px;
}

p.form-submit { clear: both; text-align: center; }

#commentform > p.comment-form-comment > label:before {
    content: "\f0e5";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
    color: var(--text-muted);
    font-size: 1rem;
}

#commentform > p.comment-form-comment > label {
    display: block;
    margin-bottom: 0.88889rem;
    padding: 0.33333rem 0.5rem 0.5rem;
    position: relative;
    bottom: -14px;
    clear: both;
    background: var(--bg-raised);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-bottom: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.comments { margin: 10px 0; }

.comments h3 {
    margin: 84px 0 30px 0;
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize;
    clear: both;
    color: var(--text-primary);
}

ol.commentlist {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    text-indent: 0;
}

ol.commentlist li.comment {
    border: 1px solid var(--border);
    padding: 1em;
    margin-bottom: 10px;
    background: var(--bg-raised);
    color: var(--text-primary);
}

ol.commentlist li div.vcard {
    font-size: 18px;
    display: block;
    color: var(--text-primary);
}

ol.commentlist li div.vcard cite.fn { font-style: normal; }

ol.commentlist li div.vcard img.avatar {
    border: 1px solid var(--border);
    float: left;
    margin: 0 1em 1em 0;
}

ol.commentlist li div.comment-meta { font-size: 9px; margin-bottom: 10px; }
ol.commentlist li div.comment-meta a { color: var(--text-muted); }

ol.commentlist li p { margin: 0; clear: both; color: var(--text-primary); }
ol.commentlist li ul { list-style: square; margin: 0 0 1em 2em; }

ol.commentlist li div.reply {
    font-size: 11px;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
    font-family: sans-serif;
    display: inline-block;
    line-height: 2.1em !important;
    cursor: pointer;
    padding: .25em .5em;
    margin-top: 7px;
    background: #418cd1;
    border-radius: 3px;
}

ol.commentlist li div.reply:hover { background: var(--accent-hover); }
ol.commentlist li div.reply a { font-weight: bold; color: #FFF; }

ol.commentlist li ul.children { list-style: none; margin: 1em 0 0; text-indent: 0; }
ol.commentlist li ul.children li.depth-2,
ol.commentlist li ul.children li.depth-3,
ol.commentlist li ul.children li.depth-4 { margin: 0 0 .25em .25em; }

ol.commentlist li.even { background: var(--bg-raised); }
ol.commentlist li.odd  { background: var(--bg-sunken); }

ol.commentlist li.pingback {
    border-bottom: 1px dotted var(--border);
    padding: 1em;
}

ol.commentlist li ol { list-style: none; margin: 0 0 1em 2em; }

#commentform #email:focus,
#commentform #url:focus,
#commentform #comment:focus {
    border: 1px solid var(--accent);
    outline: none;
}

#commentform input,
#commentform textarea {
    background: var(--bg-sunken);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

#commentform input::placeholder,
#commentform textarea::placeholder { color: var(--text-muted); }

#commentform i.fa { padding: 5px; }
#commentform small { line-height: 26px; color: var(--text-muted); }

#commentform #submit {
    background: #418cd1;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    border: none;
    padding: 12px 16px;
    color: white;
    margin: 20px;
}

#commentform #submit:hover {
    text-decoration: none;
    opacity: 0.8;
    color: white;
    background: var(--accent-hover);
}


/* ===================== gallery ===================== */

.gallery { margin: 0 auto 18px; }

.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }

.gallery img { border: 2px solid var(--border); }
.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; }
.gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; }

.gallery .gallery-caption { color: var(--text-muted); font-size: 12px; margin: 0 0 12px; }
.gallery dl { margin: 0; }
.gallery img { border: 10px solid var(--bg-raised); }
.gallery br+br { display: none; }

pre {
    white-space: pre-wrap;
    line-height: 1em;
    margin: 15px -2px;
    overflow: auto;
    color: var(--text-primary);
    background: var(--bg-sunken);
    padding: 6px;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 3;
    -ms-word-break: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    position: relative;
    border-top: 1px solid var(--border) !important;
    line-height: 20px;
    border-bottom: 1px solid var(--border) !important;
}

.page-links {
    clear: both;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    float: left;
    color: var(--text-primary);
}

.kon {
    border-top: 1px solid var(--border);
    padding: 10px 0px 2px 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border);
    font-weight: bold;
    margin-top: 10px;
    color: var(--text-primary);
}

h1.page-title.titlepage {
    font-size: 1.5rem;
    color: var(--text-primary);
}


/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/

.woocommerce .woocommerce-message {
    border-top-color: #20598A;
    border-right: 1px solid var(--border);
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: var(--bg-raised);
    color: var(--text-primary);
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: var(--bg-raised);
    color: var(--text-primary);
}

a.added_to_cart.wc-forward { display: none; }

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #F54141;
}

.woocommerce div.product form.cart .button:before {
    content: "\f07a";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 1px 6px 0px 0px;
    font-size: 1.1rem;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: var(--bg-raised);
    color: var(--text-primary);
    padding: 20px;
    margin-top: 0px;
    border-top: 0px;
    overflow: overlay;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 1.3rem;
    margin-bottom: 24px;
    color: var(--text-primary);
}

.woocommerce p.myaccount_user {
    padding: 21px;
    border-color: var(--border);
    color: var(--text-primary);
    border: 1px solid var(--border);
    overflow: hidden;
    background-color: var(--bg-raised);
}

div.summary.entry-summary > div.product_meta > span:before {
    content: "\f115";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    margin-left: 6px;
    padding: 8px 6px 8px 9px;
    color: var(--text-primary);
}

.woocommerce div.product .woocommerce-tabs ul.tabs .reviews_tab:before {
    content: "\f0e5";
    font: normal normal normal 14px/1 FontAwesome;
    left: 11px; top: 11px;
    font-size: 1rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs .description_tab:before {
    content: "\f0c9";
    font: normal normal normal 14px/1 FontAwesome;
    left: 14px; top: 13px;
}

.woocommerce .price, .woocommerce .amount {
    color: #7eb8d4 !important;
}

.woocommerce .woocommerce-product-rating .star-rating span,
.woocommerce .star-rating::before {
    color: #f0a500;
}


/* 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: var(--bg-raised);
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: var(--link);
    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;
}

#sidebar .bbp-login-form label { width: 100px !important; }


/*--------------------------------------------------------------
# Scroll to top
--------------------------------------------------------------*/

.backtoup {
    padding: 8px 14px;
    background-color: #3387d0 !important;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

.scrollup {
    text-align: center !important;
    float: left;
    position: fixed !important;
    bottom: 10%;
    z-index: 99999;
    right: 3.7%;
    opacity: 0.6;
    margin: 0 !important;
    border-radius: 5px;
}

.scrollup a:hover {
    text-decoration: none;
    color: #ffffff;
    opacity: 1;
}


/* ===================== Pricing Tables ===================== */

.pricing-table,
.recommended {
    position: relative;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    transition: 0.4s ease-in-out;
    z-index: 13;
    background: var(--bg-raised);
}

.pricing-table .title {
    background: var(--bg-sunken) !important;
    color: var(--accent-hover);
    font-size: 2rem;
}

.pricing-table .price,
.recommended .price {
    background: var(--bg-sunken);
    color: #F9690E;
    line-height: 1;
    font-size: 1.4rem;
    padding-top: 8px;
}

.pricing-table .price hr,
.recommended .price hr {
    color: var(--border);
    width: 70%;
    margin: 0 auto;
}

.pricing-table .bullet-item,
.recommended .bullet-item {
    background: var(--bg-raised);
    border: none;
    padding: 9px;
    color: var(--text-secondary);
}

.pricing-table .bullet-item span,
.recommended .bullet-item span { font-size: 1.3rem; }

.pricing-table .cta-button,
.recommended .cta-button { background: var(--bg-sunken); }

.pricing-table .cta-button .button,
.recommended .cta-button .button {
    background-color: #f9690e;
    border-radius: 3px;
    border-bottom: 3px solid #b44804;
}

.pricing-table .cta-button .button:hover,
.recommended .cta-button .button:hover { background-color: #b44804; }

.pricing-table span,
.recommended span { color: var(--text-muted); }

.recommended {
    z-index: 15;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.6);
    border: 3px solid #59abe3;
    transform: scale(1.25);
}

.recommended .best {
    background: #1a8a9a;
    text-align: center;
    color: #fff;
    padding: 12px;
}

.recommended .best span {
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    top: -1px;
    background-color: #59abe3;
    color: #e8e8e8;
    padding: 0.3rem 1.5rem;
    height: 2rem;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.recommended .cta-button .button {
    background: #59abe3;
    border-bottom: 3px solid #207dbd;
}

.recommended .cta-button .button:hover { background-color: #207dbd; }

ul.pricing-table { padding: 0; text-align: center; }
ul.pricing-table li { list-style: none; }

.pricing-table {
    float: left;
    min-width: 28%;
    margin-right: 1.65%;
    margin-left: 1.65% !important;
    width: 100%;
}

.pricing-table .price strong { font-size: 54%; color: var(--text-muted); }

.tickercus {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}


/************************************
* Media Screens
*************************************/

@media screen and (max-width: 40em) {
    .tickertitle, #header-inner, #ltpost, #page-inner, #bottom-menu-inner, #footer-inner, #pronav-inner, nav.top-bar {
        width: 100%;
    }
    div#logo { text-align: center; }
    .menu-footer-container > ul { margin: 0; }
    .menu-main-menu-container > ul.menu { margin: 0; }
    .menu-footer-container > ul > li { border-bottom: 1px solid var(--border); }
    .menu-main-menu-container > ul.menu > li { border: 1px solid var(--border); }
    .republicmob-top .dropdown.button, .republicmob-top button.dropdown {
        max-height: 42px; margin-bottom: 0;
    }
    ul.menu > li { list-style: none; }
    .top-bar .name { float: right; }
    .republicmob-top { max-width: 100px; margin: 0 auto; float: left; }
    .mobversion { background: #2a2a2a; display: block; position: relative; height: 50px; }
    .republicmob { margin: 0 auto; }
    .republicmob-top button.mainmob.button.dropdown.secondary {
        padding: 13px; height: 40px; background: transparent; color: #fff;
    }
    nav #TopMenuSocial, nav.top-bar { display: none; }
    .republicmob-top .dropdown.button.secondary:after,
    .republicmob-top button.dropdown.secondary:after { border: none; }
    span.authmt, .imag .entry, #pronav { display: none; }
    .imag .entry { padding: 10px; }
    h1, h1.entry-title, h1.entry-title a { font-size: 1.7rem !important; }
    body { font-size: 75% !important; }
    h2 { line-height: 1.3; }
    .nav-previous { width: 100%; }
    .mobversion { height: 42px; }
    #TopMenuSocial a { font-size: 15px; }
    #TopMenuSocial { line-height: 2.8; }
    div#ltpost [class*="block-grid-"] > li { width: 100%; }
    nav.top-bar .title-area { float: none !important; margin-right: 0 !important; }
    .wp-pagenavi .page-numbers, .wp-pagenavi span.pages { display: none; }
    a.prev.page-numbers, a.next.page-numbers { display: inline-block; }
    .wp-pagenavi { text-align: center; }
    h2.entry-title { padding: 2px 5px; }
    .woocommerce div.product form.cart .button.quickcheckout {
        border-radius: 3px; margin-left: 0; padding: 9px; margin-top: 8px;
    }
    .recommended { transform: scale(1); }
    .republicmob-social #TopMenuSocial a { line-height: 38px; }
    .republicmob-social #TopMenuSocial { float: none; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .top-bar .name { float: right; }
    .menu-main-menu-container > ul.menu > li { border: 1px solid var(--border); }
    .menu-main-menu-container > ul.menu { margin: 0; }
    .republicmob-top .dropdown.button, .republicmob-top button.dropdown {
        max-height: 42px; margin-bottom: 0;
    }
    div#logo { text-align: left; }
    nav.top-bar .title-area { margin-right: 0 !important; }
    nav.top-bar, nav #TopMenuSocial { display: none; }
    .republicmob-top { float: left; }
    .mobversion { height: 42px; }
    .republicmob-social #TopMenuSocial a { line-height: 42px; }
    #newscontent { max-width: 88%; }
}

@media only screen and (min-width: 64.063em) {
    nav.top-bar .title-area { float: right; }
    .mobversion { display: none; }
    .top-bar.expanded .toggle-topbar a { color: #F9F9F9; }
    .nav-primary div#menu-mobile { display: none; }
    .nav-primary .nav-menu { display: block !important; height: auto; }
    .nav-primary, #menu-mobile { display: none; height: 0; }
    .republicmob-social, .republicmob-top { display: none; }
    #newscontent { max-width: 88%; }
}

@media only screen and (min-width: 40.063em) {
    nav.top-bar .top-bar-section li:not(.has-form).current-menu-item a:not(.button),
    nav.top-bar .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #2C343F;
    }
    .republicmob { display: none; }
    h2.entry-title { font-size: 100%; margin-bottom: 10px; }
    .imag article { padding: 10px; }
    #crumbs { font-size: 0.8rem; }
}

/* Base styles for the post list */
.small-block-grid-1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

/* Adjust styles for mobile devices */
@media (max-width: 767px) {
    .small-block-grid-1 li {
        width: 50%;
        box-sizing: border-box;
        padding: 0 10px;
        min-height: 300px;
        max-height: 400px;
        overflow: hidden;
    }

    .thumbnail img {
        max-height: 200px;
        width: 100%;
        object-fit: cover;
    }

    .entry-title {
        font-size: 15px;
        margin: 10px 0;
        display: block;
        color: #ffffff;
    }
}

/* =====================================================
   DARK THEME POLISH — White Text & Beautiful Details
   ===================================================== */

/* All post/page titles — pure white */
h1.entry-title,
h2.entry-title,
h2.entry-title a,
h1.entry-title a,
.entry-title,
.entry-title a,
h1.page-title,
h1.page-title.titlepage {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

/* All body/paragraph content */
p, li, td, th, span, label,
.entry p,
#singlecontent p,
#pagecont p,
#content p {
    color: var(--body-text);
}

/* Author, date, meta info */
.postmeta_bottom li,
.postmeta_bottom li a,
.authmt a,
div#metad a,
span.meta-date a,
.author a,
.auth {
    color: #cccccc;
}

/* Pop card (featured posts) */
.pop {
    background: var(--bg-raised);
    border: 1px solid var(--border);
    border-radius: 4px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.45);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.pop:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.6);
    transform: translateY(-2px);
}

/* Latest posts sidebar */
.latest-post {
    background: var(--bg-raised);
    border: 1px solid var(--border);
    border-radius: 3px;
    margin-bottom: 6px;
}

/* WP admin bar text */
#wpadminbar, #wpadminbar * { color: #dddddd; }

/* Crumbs — red bar with white text */
#crumbs {
    color: #ffffff;
    background: #c42020;
    border-left: 4px solid rgba(255,255,255,0.25);
    font-size: 12px;
}

/* Header area polish */
#header {
    background: #2c2c2c;
    border-bottom: 2px solid #5B89B8;
}

/* Pronav bar (above main nav) */
#pronav {
    background: #2a2a2a;
    border-bottom: 1px solid #444;
}

#pronav ul a {
    color: #bbbbbb;
}

#pronav ul li.current-menu-item a,
#pronav ul li a:hover {
    background-color: #3a3a3a;
    color: #ffffff !important;
}

/* Bottom menu / footer widgets */
#bottom-menu {
    background: #282828;
    border-top: 2px solid #444;
}

#bottom-menu h4 {
    color: #ffffff;
    border-bottom: 1px solid #444;
    padding-bottom: 8px;
}

#bottom-menu a { color: #bbbbbb; }
#bottom-menu a:hover { color: #ffffff; }

/* Footer */
#footer {
    background: #1a1a1a;
    border-top: 1px solid #333;
}

#footer-inner,
#footer, #footer a {
    color: #888888;
}

#footer a:hover { color: #bbbbbb; }

/* Scrollup button */
.scrollup { opacity: 0.75; }
.scrollup:hover { opacity: 1; }

/* Form inputs */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    background: #2a2a2a !important;
    color: #e2e2e2 !important;
    border: 1px solid #555 !important;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #5B89B8 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(91,137,184,0.25) !important;
}

/* Comment form */
ol.commentlist li.even { background: #3a3a3a; }
ol.commentlist li.odd  { background: #333333; }

/* Page nav pagination */
#pagenavi a,
#pagenavi span {
    border-radius: 3px;
    transition: background 0.15s ease;
}

/* Tag cloud */
.tagcloud a {
    transition: background 0.15s ease;
}

/* Nav arrow indicators */
.nav-menu li > a:after,
.nav-menu li > a:hover:after {
    color: rgba(255,255,255,0.6);
}


/* =====================================================
   POST PAGE — Clean & Minimal but Stylish
   ===================================================== */

/* ---- Single post wrapper ---- */
#singlecontent {
    background: var(--bg-raised);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 32px 36px 40px;
    margin-bottom: 30px;
    position: relative;
}

/* ---- Post title ---- */
h1.entry-title,
.single h1.entry-title,
#singlecontent h1.entry-title {
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff !important;
    line-height: 1.3;
    letter-spacing: -0.01em;
    margin-bottom: 0;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--accent);
    position: relative;
}

/* blue left bar accent on title */
#singlecontent h1.entry-title::before,
.single h1.entry-title::before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    background: var(--accent);
    position: absolute;
    left: -36px;
    top: 0;
    border-radius: 0 2px 2px 0;
}

/* ---- Meta bar (date, author, category) ---- */
#metad,
.postmeta-top-single,
.postmeta_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
    padding: 12px 0 16px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 24px;
    font-size: 12px;
    color: #aaaaaa;
}

/* individual meta chips */
#metad span,
#metad a,
.authmt a,
span.meta-date,
span.meta-date a,
.postcateg a,
.author a,
.comp {
    color: #aaaaaa;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* meta icons get accent colour */
span.meta-date a::before,
.author a::before,
.postcateg a::before,
.comp::before,
.post-edit-link::before {
    color: var(--accent);
    margin-right: 2px;
}

#metad a:hover,
.authmt a:hover,
span.meta-date a:hover,
.postcateg a:hover,
.author a:hover {
    color: #ffffff;
}

/* ---- Post featured image ---- */
#singlecontent .post_image,
.single .post_image {
    background: var(--bg-sunken);
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 28px;
}

#singlecontent .post_image img {
    border: none;
    width: 100%;
    height: auto;
    display: block;
}

/* ---- Body content ---- */
#singlecontent .entry,
.single .entry {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 1.85;
    letter-spacing: 0.01em;
}

#singlecontent .entry p,
.single .entry p {
    color: #e0e0e0;
    margin-bottom: 18px;
    line-height: 1.85;
}

/* Headings inside content */
#singlecontent .entry h2,
.single .entry h2 {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: bold;
    margin: 32px 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}

#singlecontent .entry h3,
.single .entry h3,
#singlecontent h3,
.single h3,
#content h3,
#pagecont h3,
h3 {
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 24px 0 10px;
    padding-left: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background: none !important;
}

#singlecontent .entry h4,
.single .entry h4 {
    color: #eeeeee;
    font-size: 1rem;
    font-weight: bold;
    margin: 20px 0 8px;
}

/* Links inside content */
#singlecontent .entry a,
.single .entry a {
    color: var(--link);
    border-bottom: 1px solid rgba(126,184,212,0.3);
    transition: border-color 0.15s, color 0.15s;
}

#singlecontent .entry a:hover,
.single .entry a:hover {
    color: var(--link-hover);
    border-bottom-color: var(--link-hover);
}

/* Blockquotes */
#singlecontent .entry blockquote,
.single .entry blockquote {
    background: #2e2e2e;
    border-left: 4px solid var(--accent);
    border-radius: 0 4px 4px 0;
    padding: 16px 20px;
    margin: 24px 0;
    color: #cccccc;
    font-style: italic;
    font-size: 15px;
}

/* Code blocks */
#singlecontent pre,
.single pre {
    background: #222222;
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 16px;
    color: #b8d4ea;
    font-size: 13px;
    margin: 20px 0;
}

/* Lists */
#singlecontent .entry ul,
#singlecontent .entry ol,
.single .entry ul,
.single .entry ol {
    color: #e0e0e0;
    padding: 8px 0 8px 28px;
    margin-bottom: 16px;
    line-height: 1.9;
}

#singlecontent .entry li,
.single .entry li {
    margin-bottom: 5px;
}

/* ---- Post divider before tags/nav ---- */
#singlecontent hr,
.single hr {
    display: block;
    border: none;
    border-top: 1px solid var(--border);
    margin: 28px 0;
}

/* ---- Tags section ---- */
span.tags {
    display: block;
    margin: 24px 0 0;
    padding-top: 20px;
    border-top: 1px solid var(--border);
    line-height: 2.2;
}

span.tags::before {
    background: var(--accent);
    padding: 6px 10px;
    border-radius: 3px 0 0 3px;
    font-size: 12px;
    margin-right: 4px;
}

span.tags a {
    background: #2e4a62;
    color: #b8d4ea !important;
    padding: 5px 10px;
    margin: 2px 3px 2px 0;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.02em;
    border: 1px solid #3a6080;
    transition: background 0.15s, color 0.15s;
}

span.tags a:hover {
    background: var(--accent);
    color: #ffffff !important;
    border-color: var(--accent);
}

/* ---- Prev / Next navigation ---- */
#nav-below {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 14px 0;
    margin: 24px 0;
}

.nav-previous a,
.nav-next a {
    background: var(--accent);
    padding: 8px 16px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background 0.15s;
}

.nav-previous a:hover,
.nav-next a:hover {
    background: #3a6a98;
    color: #ffffff;
}

/* ---- Author bio box ---- */
#author-bio .large-12.columns {
    background: #333333;
    border: 1px solid var(--border);
    border-left: 4px solid var(--accent);
    border-radius: 0 5px 5px 0;
    padding: 18px 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}

#author-bio h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
}

#author-bio h4 {
    color: var(--accent-hover);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

#author-bio p {
    color: #cccccc;
    font-size: 13px;
    line-height: 1.7;
}

#author-bio img {
    border: 2px solid var(--accent);
    border-radius: 3px;
    margin-right: 16px;
}

/* ---- .kon divider (used between sections) ---- */
.kon {
    border-top: 2px solid var(--accent);
    border-bottom: none;
    padding: 10px 0 6px;
    margin: 28px 0 16px;
    font-weight: bold;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ---- Comments section ---- */
.comments h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--accent);
    letter-spacing: -0.01em;
}

ol.commentlist li.comment {
    background: #3a3a3a;
    border: 1px solid #4a4a4a;
    border-left: 3px solid var(--accent);
    border-radius: 0 5px 5px 0;
    padding: 16px 18px;
    margin-bottom: 14px;
}

ol.commentlist li.odd {
    background: #363636;
    border-left-color: #7EA8D3;
}

ol.commentlist li.even {
    background: #3a3a3a;
}

ol.commentlist li div.vcard {
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 4px;
}

ol.commentlist li div.comment-meta {
    margin-bottom: 10px;
}

ol.commentlist li div.comment-meta a {
    color: #888;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

ol.commentlist li p {
    color: #dedede;
    font-size: 13px;
    line-height: 1.75;
}

ol.commentlist li div.reply {
    background: transparent;
    border: 1px solid var(--accent);
    border-radius: 3px;
    padding: 4px 10px;
    margin-top: 10px;
}

ol.commentlist li div.reply a {
    color: var(--accent-hover);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

ol.commentlist li div.reply:hover {
    background: var(--accent);
    border-color: var(--accent);
    font-size: 11px;
}

ol.commentlist li div.reply:hover a {
    color: #ffffff;
}

/* ---- Comment form ---- */
#commentform {
    background: #333333;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 24px;
    margin-top: 24px;
}

#commentform > p.comment-form-comment > label {
    background: #2a2a2a;
    border-color: var(--border);
    color: #aaaaaa;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
    background: #2a2a2a !important;
    border: 1px solid #555 !important;
    color: #e2e2e2 !important;
    border-radius: 3px;
    font-size: 13px;
    padding: 8px 10px;
    width: 100%;
}

#commentform input:focus,
#commentform textarea:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgba(91,137,184,0.2) !important;
}

#commentform #submit {
    background: var(--accent);
    border-radius: 4px;
    padding: 10px 28px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background 0.15s;
    border: none;
    color: #ffffff;
    cursor: pointer;
}

#commentform #submit:hover {
    background: #3a6a98;
    opacity: 1;
}

/* ---- Sidebar on single post ---- */
.single #sidebar .box,
#sidebar .box {
    background: var(--bg-raised);
    border: 1px solid var(--border);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

#sidebar h4,
#sidebar h4 a {
    background: var(--accent);
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 10px 14px;
    margin: 0 0 12px;
    border-left: 4px solid rgba(255,255,255,0.3);
}

#sidebar .boxinside {
    padding: 0 12px 12px;
}

/* Latest posts in sidebar */
.latest-post {
    background: #3a3a3a;
    border: 1px solid var(--border);
    border-radius: 3px;
    margin-bottom: 8px;
    height: auto;
    min-height: 60px;
    padding: 6px;
    text-align: left;
}

.latest-post a {
    color: #cccccc;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
    padding: 0;
    display: block;
}

.latest-post a:hover {
    color: var(--link-hover);
}

.latest-post img {
    border-radius: 3px;
    border: 1px solid var(--border);
}

/* ---- Remove blue left border from h2 section headings in post content ---- */
#singlecontent .entry h2,
.single .entry h2,
.entry h2 {
    border-left: none !important;
    padding-left: 0 !important;
}

/* ---- Remove ALL left border lines from headings and blockquotes in content ---- */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6,
#singlecontent h1, #singlecontent h2, #singlecontent h3,
#singlecontent h4, #singlecontent h5, #singlecontent h6,
.single h1, .single h2, .single h3,
.single h4, .single h5, .single h6,
#pagecont h1, #pagecont h2, #pagecont h3,
#pagecont h4, #pagecont h5, #pagecont h6,
h1, h2, h3, h4, h5, h6 {
    border-left: none !important;
    border-right: none !important;
    padding-left: 0 !important;
}

.entry blockquote,
#singlecontent .entry blockquote,
.single .entry blockquote,
#pagecont blockquote,
blockquote {
    border-left: none !important;
    padding-left: 16px !important;
}

/* ---- Remove blue left border from ALL blockquotes and links inside headings ---- */
blockquote,
.entry blockquote,
#singlecontent blockquote,
#pagecont blockquote,
.single blockquote {
    border-left: none !important;
    border-right: none !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.entry h1 a, .entry h2 a, .entry h3 a,
.entry h4 a, .entry h5 a, .entry h6 a,
#singlecontent h1 a, #singlecontent h2 a,
#singlecontent h3 a, #singlecontent h4 a,
#pagecont h1 a, #pagecont h2 a,
#pagecont h3 a, #pagecont h4 a {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding-left: 0 !important;
}

/* ---- FINAL OVERRIDE: Remove left border/bar from ALL h3 and links inside h3 ---- */
h3, h3 a, h3 a:link, h3 a:visited,
h2, h2 a, h2 a:link, h2 a:visited,
h1, h1 a, h1 a:link, h1 a:visited,
h4, h4 a, h5, h5 a, h6, h6 a {
    border-left: none !important;
    padding-left: 0 !important;
    box-shadow: none !important;
    text-indent: 0 !important;
}

/* ---- Equal height cards — align bottoms on home & archive grids ---- */
ul.small-block-grid-1,
ul.medium-block-grid-2,
ul.large-block-grid-4,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.small-block-grid-1 > li,
ul.medium-block-grid-2 > li,
ul.large-block-grid-4 > li,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box;
}

/* imag card stretches full height of li */
ul.small-block-grid-1 > li .imag,
ul.medium-block-grid-2 > li .imag,
ul.large-block-grid-4 > li .imag,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* thumbnail image fixed height so all posters same size */
ul.small-block-grid-1 > li .imag .thumbnail,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag .thumbnail {
    flex-shrink: 0;
}

ul.small-block-grid-1 > li .imag .thumbnail img,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag .thumbnail img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

/* article (title area) pushed to bottom, fills remaining space */
ul.small-block-grid-1 > li .imag article,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag article {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 10px !important;
    background: var(--bg-raised);
}

/* Title consistent size and wrapping */
ul.small-block-grid-1 > li .imag article .entry-title,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag article .entry-title {
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    color: #ffffff !important;
}

ul.small-block-grid-1 > li .imag article .entry-title a,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag article .entry-title a {
    color: #ffffff !important;
    display: block;
}

ul.small-block-grid-1 > li .imag article .entry-title a:hover,
ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag article .entry-title a:hover {
    color: var(--link-hover) !important;
}

/* =====================================================

/* =====================================================
   POST PAGE — Style B: Magazine Split
   ===================================================== */

#singlecontent {
    background: #343434;
    border: 1px solid #4a4a4a;
    border-radius: 6px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 24px;
}

#singlecontent .post_image,
.single .post_image {
    width: 220px;
    min-width: 220px;
    float: left;
    background: #1a2a3a;
    border: none;
    border-right: 1px solid #3a3a3a;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

#singlecontent .post_image img,
.single .post_image img {
    width: 220px;
    height: 300px;
    object-fit: cover;
    display: block;
    border: none;
}

h1.entry-title,
.single h1.entry-title,
#singlecontent h1.entry-title {
    font-size: 1.6rem !important;
    font-weight: bold;
    color: #ffffff !important;
    line-height: 1.35;
    margin-bottom: 12px;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #3a3a3a;
    border-left: none !important;
}

#singlecontent h1.entry-title::before,
.single h1.entry-title::before { display: none !important; }

.single .homecat,
#singlecontent .homecat {
    position: static;
    display: inline-block;
    background: #DC3030;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}

#metad,
.postmeta_box,
.single #metad {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 0 14px;
    border-bottom: 1px solid #3a3a3a;
    margin-bottom: 14px;
}

#metad span,
#metad a,
span.meta-date,
span.meta-date a,
.postcateg a,
.author a {
    background: #3a3a3a;
    border: 1px solid #4a4a4a;
    color: #aaaaaa !important;
    font-size: 10px;
    padding: 3px 8px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: inline-block;
}

#metad a:hover,
.postcateg a:hover,
.author a:hover { background: #4a4a4a; color: #fff !important; }

#singlecontent .entry,
.single .entry {
    padding: 20px 22px;
    color: #dddddd;
    font-size: 14px;
    line-height: 1.85;
    clear: both;
}

#singlecontent .entry p,
.single .entry p {
    color: #dddddd;
    margin-bottom: 14px;
    line-height: 1.85;
}

/* h2 section bars */
#singlecontent .entry h2,
.single .entry h2 {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    background: #3a3a3a !important;
    padding: 8px 14px !important;
    margin: 18px -22px 0 !important;
    border: none !important;
    border-top: 1px solid #444 !important;
    border-bottom: 1px solid #444 !important;
    display: block !important;
    text-align: center !important;
}

/* h3 — keep original center alignment, just style cleanly */
#singlecontent .entry h3,
.single .entry h3 {
    text-align: center !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #333 !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background: none !important;
    font-size: 15px !important;
    font-weight: normal !important;
    display: block !important;
}

#singlecontent .entry h3 a,
.single .entry h3 a {
    color: #7eb8d4 !important;
    font-size: 15px !important;
    font-weight: normal !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
}

#singlecontent .entry h3 a:hover,
.single .entry h3 a:hover { color: #ffffff !important; }

/* Tags */
span.tags {
    display: block;
    padding: 14px 22px;
    border-top: 1px solid #3a3a3a;
    background: #2a2a2a;
    line-height: 2.4;
}

span.tags::before {
    background: #5B89B8;
    padding: 5px 9px;
    border-radius: 3px;
    margin-right: 4px;
    color: #fff;
}

span.tags a {
    background: #2e4a62 !important;
    color: #b8d4ea !important;
    padding: 4px 10px;
    margin: 2px 3px 2px 0;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid #3a6080;
    display: inline-block;
}

span.tags a:hover { background: #5B89B8 !important; color: #fff !important; }

#nav-below {
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    padding: 12px 22px;
    margin: 0;
    background: #2e2e2e;
}

.nav-previous a, .nav-next a {
    background: #5B89B8 !important;
    color: #fff !important;
    padding: 7px 14px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.nav-previous a:hover, .nav-next a:hover { background: #3a6a98 !important; }

#author-bio .large-12.columns {
    background: #2e2e2e;
    border: none;
    border-top: 1px solid #3a3a3a;
    border-radius: 0;
    padding: 18px 22px;
    margin: 0;
}

#author-bio h3 {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

#author-bio h4 { color: #7EA8D3; font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; }
#author-bio p  { color: #bbbbbb; font-size: 12px; line-height: 1.65; }
#author-bio img { border: 2px solid #5B89B8; border-radius: 3px; margin-right: 14px; }

.comments { padding: 0 22px 20px; }

.comments h3 {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: 1px solid #3a3a3a !important;
    background: none !important;
    padding: 0 0 8px 0 !important;
    margin: 20px 0 14px !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

ol.commentlist li.comment {
    background: #2e2e2e;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
    padding: 12px 14px;
    margin-bottom: 10px;
}

ol.commentlist li.even { background: #2e2e2e; }
ol.commentlist li.odd  { background: #2a2a2a; }
ol.commentlist li div.vcard { color: #fff; font-size: 13px; font-weight: bold; }
ol.commentlist li div.comment-meta a { color: #666; font-size: 10px; text-transform: uppercase; }
ol.commentlist li p { color: #ccc; font-size: 12px; line-height: 1.7; }

ol.commentlist li div.reply {
    background: transparent;
    border: 1px solid #5B89B8;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 10px;
}
ol.commentlist li div.reply a { color: #7EA8D3; font-size: 10px; text-transform: uppercase; }
ol.commentlist li div.reply:hover { background: #5B89B8; }
ol.commentlist li div.reply:hover a { color: #fff; }

#commentform {
    background: #2a2a2a;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
    padding: 18px;
    margin-top: 14px;
}

#commentform #submit {
    background: #5B89B8;
    border-radius: 4px;
    padding: 9px 22px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: none;
    color: #fff;
    cursor: pointer;
}
#commentform #submit:hover { background: #3a6a98; opacity: 1; }

@media (max-width: 640px) {
    #singlecontent .post_image,
    .single .post_image { width: 100%; min-width: 100%; float: none; border-right: none; border-bottom: 1px solid #3a3a3a; }
    #singlecontent .post_image img, .single .post_image img { width: 100%; height: 200px; }
    h1.entry-title, .single h1.entry-title { font-size: 1.2rem !important; }
    #singlecontent .entry h2, .single .entry h2 { margin: 14px -14px 0 !important; padding: 7px 14px !important; }
    #singlecontent .entry, .single .entry { padding: 14px; }
    span.tags { padding: 12px 14px; }
    #nav-below { padding: 10px 14px; }
    .comments { padding: 0 14px 16px; }
}

/* ---- Bigger headings globally ---- */
h1, h1.entry-title, .single h1.entry-title { font-size: 2.2rem !important; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.15rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.9rem; }

.entry h1 { font-size: 2.2rem !important; }
.entry h2 { font-size: 1.8rem !important; }
.entry h3 { font-size: 1.4rem !important; }
.entry h4 { font-size: 1.15rem !important; }

/* Post title specifically */
h1.entry-title,
.single h1.entry-title,
#singlecontent h1.entry-title { font-size: 1.8rem !important; }

/* Download/section h3 links */
#singlecontent .entry h3,
.single .entry h3 { font-size: 1.1rem !important; }

#singlecontent .entry h3 a,
.single .entry h3 a { font-size: 1.1rem !important; }

/* Section bar h2 */
#singlecontent .entry h2,
.single .entry h2 { font-size: 15px !important; }

/* ---- Mobile heading sizes — smaller and tighter ---- */
@media (max-width: 767px) {
    h1, h1.entry-title, .single h1.entry-title,
    #singlecontent h1.entry-title { font-size: 1.1rem !important; }
    h2 { font-size: 1rem !important; }
    h3 { font-size: 0.95rem !important; }
    h4 { font-size: 0.9rem !important; }

    .entry h1 { font-size: 1.1rem !important; }
    .entry h2 { font-size: 1rem !important; }
    .entry h3 { font-size: 0.95rem !important; }

    /* Grid card titles specifically */
    ul.small-block-grid-1 > li .imag article .entry-title,
    ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag article .entry-title,
    h2.entry-title, h5.entry-title {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    ul.small-block-grid-1 > li .imag article .entry-title a,
    ul.small-block-grid-1.medium-block-grid-2.large-block-grid-4 > li .imag article .entry-title a,
    h2.entry-title a, h5.entry-title a {
        font-size: 13px !important;
    }
}