/*********************************************************************************************

Theme Name: Tribune
Theme URI: https://www.wpzoom.com/themes/tribune/
Version: 4.3.2
Private: true
Author: WPZOOM
Author URI: https://www.wpzoom.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpzoom
Domain Path: /languages/
Requires PHP: 7.4
Tested up to: 7.1

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead
add your styles in Customizer > Additional CSS.

**********************************************************************************************

1.  Toolbox CSS
2.  Global Styles
3.  Header
4.  News Ticker
5.  Featured Area
6.  Featured Categories
7.  Archive Posts
8.  Posts Styling
9.  Comments
10. Sidebar & Widgets
11. Footer

**********************************************************************************************/


/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0; }

small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr {box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield;box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* {box-sizing: border-box; }
*:before, *:after {box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0 }
img { vertical-align: middle }
hr { border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin: 0; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }
.clickable { cursor: pointer }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {  }


/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #222; margin: 0; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }
h1 small, h2 small, h3 small { font-size: 65% }
h4 small, h5 small, h6 small { font-size: 75% }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }


/* Tables */
table {
    border-top: 0;
    margin-bottom: 1.5em;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 1;
}

table th {
    text-align: left;
}

table tr {
    border-bottom: 1px solid #F0F0F0;
}

table th,
table td {
    font-family: inherit;
    font-size: inherit;
    padding: 12px;
    vertical-align: middle;
}


.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}

.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right:15px; }
.alignright { float: right; margin-left:15px; }


/* Text Selection Color */
::selection { background: #093969; color: #fff; text-shadow: none; }
img::selection { background: transparent; }


/* Navigation */
div.navigation {
    padding-bottom: 15px;
    text-align: center;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
}

div.navigation a {
    padding: 0 10px;
    line-height: 35px;
}

div.navigation span.current {
    padding: 0 10px;
    color: #000;
}

div.navigation span.pages {
    margin-right: 10px;
    display: none;
}

div.navigation .prev {
    float: left;
    font-size: 18px;
}

div.navigation .next {
    float: right;
    font-size: 18px;
}


/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .navigation {
    display: none;
}

.infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts {
    margin-bottom: 40px;
    position: relative;
}


.infinite-scroll #infinite-handle {
    left: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.infinite-scroll #infinite-handle span {
    display: block;
    width: 100%;
    line-height: 50px;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background-color: #093969;
    transition: 0.2s ease all;
}


.infinite-scroll #infinite-handle span:hover {
    background: #B02B33;
}

.infinite-scroll #infinite-handle span button {
    transition: none;
}


/* Forms */

label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

input, textarea {
    padding: 8px 12px;
    font-family: 'Merriweather', sans-serif;
    font-size: 14px;
    font-weight: normal;
    background: white;
    border: 1px solid #e2e2e2;
    width: auto;
    color: #444;
    border-radius: 2px;
    transition: 0.2s ease all;
}

input[type=text],
textarea {
    -webkit-appearance: none;
}

input:focus,
textarea:focus {
    border-color: #ccc;
    outline: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-family: 'Merriweather', sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    font-weight: bold;
    background-color: #B02B33;
    border: none;
    color: white;
    transition: 0.2s ease all;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #222;
}


/* Meta separator */
.separator {
    color: #A1A9AF;
    font-size: 11px;
    margin:0;
}

.post-meta .separator {
	margin:0 8px;
}


/* Icons are inline SVG (search form) or CSS masks painted with currentColor, so the
   Customizer color options keep working on them. */
.tb-icon,
.sb-search .sb-icon-search svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
}


/*********************************************************************************************

2. Global Styles

*********************************************************************************************/

body {
    text-align: left;
	background: #fbfbfb;
    font-family: "Merriweather", serif;
	font-size: 14px;
    color: #252324;
    line-height: 1.75;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Links */
a {
    color: #093969;
    text-decoration: none;
    transition-duration: 0.2s;
}

a:hover {
	color:#B02B33;
}

a:focus,
a:hover,
a:active { outline: none; }


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

.page-wrap {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1240px;
    background: #fff;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

/* Keep block-constrained content aligned with the full-width template container. */
.page-template-full-width,
.page-template-page-templatesfull-width-php,
.page-template-full-width-no-title,
.page-template-page-templatesfull-width-no-title-php {
    --wp--style--global--content-size: 1240px;
}

/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#header #header-inner {
	padding: 30px 0;
}


/* Logo Styles */

.navbar-brand {
    text-align: center;
}

.navbar-brand.left-align {
    text-align: left;
    float: left;
    max-width: 30%;
}

.navbar-brand img, .footer-logo img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.navbar-brand h1 {
    font-size:64px;
    font-weight:bold;
    line-height:1.1;
    text-transform:uppercase;
    font-family: "Playfair Display", serif;
}

.navbar-brand a {
    color: #222;
}

.navbar-brand a:hover {
    text-decoration: none;
    color: #444;
}

.navbar-brand .tagline {
    font-size: 14px;
    margin: 0;
    display: block;
    color: #444;
}

.navbar-brand .header_date {
    font-style: italic;
 	color: #999;
    margin: 10px 0 0;
    display: block;
}

#head_banner {
    float:right;
    margin-top: 15px;
}


/* Header Social Icons */
.header_social {
    float: right;
    text-align: right;
}

.header_social .widget {
    margin: 0;
}

.header_social .widget ul {
    margin: 0;
}

.header_social .widget h3.title {
    display: none;
}

.header_social .zoom-social-icons-list--without-canvas .zoom-social_icons-list__item {
    margin-top: 8px;
}

.header_social .socicon {
    font-size: 1em;
}

.header_social .zoom-social-icons-list .socicon:hover {
    opacity: 0.8;
}


/* Menu */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/* Submenu chevrons: a CSS mask painted with currentColor, so they follow the link color. */
.sf-arrows .sf-with-ul:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px 10px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px 10px no-repeat;
    transition: transform .25s;
}

.sf-arrows .sfHover > .sf-with-ul:after {
    transform: rotate(180deg);
}

/* Nested submenu: chevron points to the side the panel opens on. */
.sf-arrows ul .sf-with-ul:after {
    float: right;
    margin: 6px 0 0 4px;
    transform: rotate(-90deg);
}

.sf-arrows ul .sfHover > .sf-with-ul:after {
    transform: rotate(-90deg);
}


.navbar-nav {
    position: relative;
    z-index: 100;
}

.navbar-nav > li {
    margin: 0 30px 0 0;
}

.navbar-nav a {
    padding: 8px 0 5px;
    transition: 0.2s ease all;
    font-size: 14px;
    color: #222;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.navbar-nav a:hover {
    text-decoration: none;
    color: #B02B33;
}

.navbar-nav ul {
    font-size: 16px;
    left: 50%;
    text-align: center;
    width: 220px;
    margin-top: 0;
    padding: 6px;
    background: #fff;
    transform: translate(-50%, 0);
    border-radius: 2px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
}

.navbar-nav ul a {
    padding: 7px 15px;
    color: #222;
    border: none;
}

.navbar-nav ul a:hover {
    color: #222;
    background: #f2f2f2;
}

.navbar-nav > li > ul:before {
    content: '';
    position: absolute;
    z-index: 470;
    bottom: 100%;
    top: -7px;
    left: 50%;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}

.navbar-nav > li > ul:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    position: absolute;
    top: -7px;
    left: 50%;
    z-index: 460;
}

.navbar-nav ul ul {
    right: 100%;
    margin-top: 0px;
}

.navbar-nav ul ul {
    right: 100%;
    transform: translate(0, 0);
    margin-top: -3px;
}


.navbar-nav .current-menu-item > a,
.navbar-nav .current_page_item > a,
.navbar-nav .current-menu-parent > a {
    color: #B02B33;
}


/* Top menu */
.top-navbar {
    margin: 0;
    padding: 0 0 4px 3px;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid #eee;
    z-index: 200;
}

.top-navbar .navbar-nav {
    float: left;
    max-width: 80%;
}


.top-navbar .navbar-nav ul {
    font-size: 16px;
}


.navbar-nav a:hover {
    text-decoration: none;
}


/* Main Menu */
.main-navbar {
    background: #093969;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 0 0 50px;
}

/* Fixed main navbar on scroll: .tb-nav-fixed is toggled by an inline script in
   tribune_scripts() (functions/functions.php), desktop only. position: sticky can't be
   used because .main-navbar's wrapper ends right below it. */
.tb-nav-fixed .main-navbar {
    animation: tb-nav-slide-down 0.25s ease;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
    left: 0;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990;
}

body.admin-bar.tb-nav-fixed .main-navbar {
    top: 32px;
}

@keyframes tb-nav-slide-down {
    from { transform: translateY(-100%); }
    to   { transform: translateY(0); }
}


.top-navbar:before,
.top-navbar:after,
.main-navbar:before,
.main-navbar:after {
    content: " ";
    display: table;
}

.top-navbar:after,
.main-navbar:after {
    clear: both
}

.main-navbar .sf-menu > li {
    display: inline-block;
    float: none;
    padding: 13px 15px;
    margin: 0;
}

.main-navbar .navbar-nav > li:last-child {
    padding-right: 0;
}

.main-navbar .navbar-nav a {
    font-size: 16px;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.mm-listview a {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.main-navbar .navbar-nav a:hover {
    color: #849cb4;
}

.main-navbar .navbar-nav ul a {
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    padding: 7px 10px;
}

.main-navbar .navbar-nav ul a:hover {
    color: #222;
    background: #f2f2f2;
}

.main-navbar .current-menu-item > a,
.main-navbar .current_page_item > a,
.main-navbar .current-menu-parent > a,
.main-navbar .current_page_parent > a {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.4);
}


/* Mobile Menu Icons */
.navbar-toggle {
    display: none;
    position: relative;
    float: left;
    margin: 15px 0 15px 0;
}


.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    border-radius: 1px;
}

.navbar-toggle:hover .icon-bar {
    background: #eee;
}

.navbar-toggle .toggle-bars {
    display: inline-block;
    vertical-align: middle;
}

.navbar-toggle .toggle-text {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
}

.top-navbar .navbar-toggle .icon-bar {
    background: #222;
}

.top-navbar .navbar-toggle:hover .icon-bar {
    background: #093969;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px
}

#menu-top-slide:not( .mm-menu ),
#menu-main-slide:not( .mm-menu ) {
   display: none;
}


/* Navbar Search Form */
.sb-search {
    position: relative;
    float: right;
    margin: 7px 5px 0 0;
    z-index: 200;
    width: 40px;
    height: 40px;
    min-width: 50px;
}

.sb-search .sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
     width: 20px;
    height: 19px;
    margin: 0;
    z-index: 10;
    padding: 10px 65px 10px 15px;
    font-family: inherit;
    font-size: 14px;
    color: #222;
    visibility:hidden;
    opacity:0;
    border: none;
    border-radius: 50px;
    background: #fff;
    transition: width 0.6s, border-radius 0.6s, background 0.6s;
}

.sb-search input[type="search"].sb-search-input {
    -webkit-appearance: none;
}

.sb-search .sb-search-input::placeholder {
    color: #aaa;
}

.sb-search .sb-icon-search,
.sb-search .sb-search-submit  {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search .sb-search-submit {
    background: #fff; /* IE needs this */
     /* IE 8 */
     /* IE 5-7 */
    opacity: 0;
    color: #093969;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-search .sb-icon-search {
    color: #fff;
    z-index: 90;
    transition: 0.2s ease all;
    border-radius: 50px;
}

.sb-search .sb-icon-search:hover {
    color: #093969;
    background: #fff;
}

.sb-search.sb-search-open .sb-icon-search {
    color: #093969;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {

}

.sb-search.sb-search-open .sb-search-input {
    visibility: visible;
    opacity: 1;
    width: 200px;
    transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
}


.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: none;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}


/*********************************************************************************************

4. News Ticker

*********************************************************************************************/

/* The bar is a CSS marquee: js/functions.js duplicates the items so the track is two
   identical halves, sets --tb-ticker-duration from the track width, and the keyframe
   slides it by exactly one half for a seamless loop. Hover pauses it. */
#news-ticker {
    margin: 0 0 30px;
    padding: 12px 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

#news-ticker .news-ticker-container {
    overflow: hidden;
}

/* The "Breaking News" flag is only drawn by styles that want it (styles/broadsheet.css) */
#news-ticker .news-ticker-label {
    display: none;
}

#news-ticker dl {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0;
    animation: tb-ticker var(--tb-ticker-duration, 60s) linear infinite;
}

html[dir="rtl"] #news-ticker dl {
    animation-name: tb-ticker-rtl;
}

#news-ticker:hover dl,
#news-ticker:focus-within dl {
    animation-play-state: paused;
}

#news-ticker dt, #news-ticker dd {
    display: inline-block;
    flex: 0 0 auto;
    margin: 0 5px;
    white-space: nowrap;
}

#news-ticker dt {
    font-size: 11px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: bold;
    line-height: 1.6;
    background: #B02B33;
    color: #fff;
    margin: 0 8px 0 15px;
    padding: 2px 8px;
    border-radius: 2px;
}

#news-ticker dd {
    margin-right: 40px;
}

#news-ticker dd a {
    font-weight: bold;
    color: #222;
}

#news-ticker dd a:hover {
    text-decoration: none;
    color: #B02B33;
}

@keyframes tb-ticker {
    to { transform: translateX(-50%); }
}

@keyframes tb-ticker-rtl {
    to { transform: translateX(50%); }
}

@media (prefers-reduced-motion: reduce) {
    #news-ticker dl {
        animation: none;
    }

    #news-ticker .news-ticker-container {
        overflow-x: auto;
    }
}


/*********************************************************************************************

5. Featured Area

*********************************************************************************************/

#featured {
    margin: 0 0 30px;
}

.featured-widgets {
    float: right;
    width: 39.65%;
}

/* No slider on the row (feature disabled, or no featured posts yet) */
#featured.no-slider .featured-widgets {
    float: none;
    width: 100%;
}

.featured-widgets .widget {
    margin: 0 0 20px;
}


/* Featured Slider */
#slider {
    position: relative;
    width: 56.8%;
    float: left;
    padding-right: 3.5%;
    border-right: 1px solid #eee;
}


#slider #slidemain .slides {
    list-style: none;
    overflow: hidden;
}

#slider #slidemain .cover,
#slider #slidemain .video_cover {
    margin: 0 0 20px;
}

#slider #slidemain .post-thumb {
    text-align: center;
}

#slider #slidemain .slide_content {
    margin: 15px 0 0;
    text-align: center;
}

#slider #slidemain .slide_content p {
    margin: 0;
}

#slider #slidemain .slide_content h2 {
    font-weight: 900;
    font-size: 28px;
    line-height: 1.3;
    margin: 10px 0;
}

#slider #slidemain .slide_content h2 a {
    color: #222;
}

#slider #slidemain .slide_content h2 a:hover {
    color: #B02B33;
}

.featured-meta {
    font-size: 14px;
    margin: 0 0 15px;
}

#slider .entry-date {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8B96A0;
    margin: 0 10px 0 0;
    display: inline-block;
}


.cat-links a {
    color: #B02B33;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
}

.cat-links a:hover {
    color: #222;
}


.featured-meta a {
     font-weight: bold;
}

.featured-meta span {
    margin-right: 8px;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

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


#slider .slides li { display: none; transition: all .3s ease; }
#slider .slides li:first-child { display: block; }


.flexslider {  position: relative;  }
.flex-viewport { max-height: 2000px;transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides {  }

/* Slider controls: dots on the left, bordered arrow buttons on the right. */
.flex-control-nav { width: 100%; height: 36px; line-height: 36px; margin: 25px 0 0; padding: 0; text-align: left; }
.flex-control-nav li { margin: 0 8px 0 0; display: inline-block; vertical-align: middle; }
.flex-control-paging li a { width: 8px; height: 8px; display: block; background: #d0d0d0; cursor: pointer; text-indent: -9999px; border-radius: 8px; transition: 0.2s ease background; }
.flex-control-paging li a:hover { background: #999; }
.flex-control-paging li a.flex-active { background: #B02B33; cursor: default; }

.flex-direction-nav {
    list-style: none;
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
}

.flex-direction-nav a.flex-prev {
    right: 44px;
}

.flex-direction-nav a.flex-next {
    right: 0;
}

#slider .flex-direction-nav li a {
    position: absolute;
    bottom: 0;
    font-size: 0;
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #093969;
    cursor: pointer;
    transition: all 0.2s ease;
}

#slider .flex-direction-nav li a:hover {
    border-color: #093969;
    background: #093969;
    color: #fff;
}

#slider .flex-direction-nav .flex-prev:after,
#slider .flex-direction-nav .flex-next:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 12px;
    margin: -6px 0 0 -3px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpolyline points='6.5,1 1.5,7 6.5,13' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 7px 12px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpolyline points='6.5,1 1.5,7 6.5,13' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 7px 12px no-repeat;
}

#slider .flex-direction-nav .flex-next:after {
    margin-left: -4px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpolyline points='1.5,1 6.5,7 1.5,13' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpolyline points='1.5,1 6.5,7 1.5,13' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


#home_ad {
	text-align:center;
	margin:15px 0 30px;
}

/*********************************************************************************************

6. Featured Categories

*********************************************************************************************/

#main {
    float: left;
    width: 810px;
}

#main .homecat {
	margin-bottom: 40px;
}
#main .homepage-widgets .red h4 a {
    background: #B02B33;
}

#main .homepage-widgets .green h4 a {
    background: #28AD52;
}

#main .homepage-widgets .black h4 a {
    background: #222;
}

#main .homepage-widgets h4 {
    background: #F3F3F3;
    margin-bottom: 20px;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
}

#main .homepage-widgets h4 a {
    color: #fff;
    background: #1D6FAF;
    padding: 10px 15px;
}

#main .homepage-widgets h4 a:hover {
    opacity: 0.8;
}

#main .homepage-widgets .homecat ul.featured-stories {
    margin: 0 0 20px;
    font-size: 0;
}

#main .homepage-widgets .homecat ul.featured-stories li {
    width: 31.5%;
    margin: 0 2.75% 30px 0;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

#main .homepage-widgets .homecat ul.featured-stories li:nth-child(3n+3) {
    margin-right: 0;
}


#main .homepage-widgets .homecat ul li h3 {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 900;
    line-height: 1.35;
}

#main .homepage-widgets .homecat ul li h3 a {
    color: #222;
}

#main .homepage-widgets .homecat ul li h3 a:hover {
    color: #B02B33;
}

#main .homepage-widgets .homecat ul.featured-stories li .featured-date {
    color: #8B96A0;
    margin: 0 0 10px;
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: block;
}

#main .homepage-widgets .homecat .post-thumb {
    margin: 0 0 15px;
}

#main .homepage-widgets .homecat .post-thumb img {
    max-width: 100%;
    height: auto;
}

#main .homepage-widgets .homecat ul.stories {
    display: block;
    margin: 0 0 10px;
    border-top: 1px solid #eee;
    padding: 10px 0;
}

#main .homepage-widgets .homecat ul.stories li {
    list-style-type: dotted;
    display: list-item;
    list-style-position: inside;
    margin: 2px 0;
}


/*********************************************************************************************

7. Archive Posts

*********************************************************************************************/

.section-title {
    margin:0 0 35px;
    font-size: 32px;
    color: #333;
    padding: 0 0 10px;
    text-align: center;
    font-family: "Playfair Display", serif;
    border-bottom: 1px solid #eee;
}

.section-title:before,
.section-title:after { content: " "; display: table; }
.section-title:after { clear: both; }


.category_description {
    margin: 0 0 40px;
}


.recent-posts .post:before,
.recent-posts .post:after { content: " "; display: table; }
.recent-posts .post:after { clear: both; }


.recent-posts .post,
.recent-posts .type-page {
    border-bottom: 1px solid #eee;
    margin: 0 0 35px;
    padding: 0 0 15px;
}


.recent-posts .type-page .entry-meta {
    display: none;
}

.recent-posts .post-thumb {
    margin: 0 25px 15px 0;
    float: left;
}

.post-thumb img {
    max-width: 100%;
    height: auto;
}

.recent-posts .entry-body {
    overflow: hidden;
}


.recent-posts .entry-title {
    font-size: 22px;
    margin: 0 0 10px;
    font-weight: 900;
    line-height: 1.3;
}

.recent-posts .entry-title a {
    color: #222;
}

.recent-posts .entry-title a:hover {
    color: #B02B33;
}


.entry-content:before,
.entry-content:after { content: " "; display: table; }
.entry-content:after { clear: both; }

.recent-posts .entry-content {
    font-size: 15px;
    line-height: 1.75;
}

.entry-content p {
    margin-bottom: 10px;
}


.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-meta {
    margin-bottom: 15px;
    color: #999;
    font-size: 14px;
}

.entry-meta a {
    color: #444;
    font-weight: bold;
}

.entry-meta a:hover {
    color: #D31515;
}


.entry-meta span + span:before {
    content: " / ";
    color: #aaa;
    margin: 0 2px;
    font-style: normal;
    opacity: .5;
}


.recent-posts .cat-links {
    margin: 0 0 5px;
    display: block;
}

.more-link,
.more_link {
    display: table;
    margin: 20px 0 0;
}


.readmore_button {
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 30px;
}

.readmore_button a {
    display: inline-block;
    line-height: 2;
    margin: 0;
    color: #222;
    background-color: #fff;
    padding: 4px 18px;
    border: 1px solid #ccc;
    border-radius: 2px;
    transition: all .2s ease-in-out;
}

.readmore_button a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #093969;
    border-color: #093969;
}


/*********************************************************************************************

8. Posts Styling

*********************************************************************************************/

.single .cat-links a {
    font-size: 16px;
}

.content-area .post-thumb {
    margin-bottom: 15px;
}

h1.entry-title {
    margin: 0 0 15px;
    line-height: 1.3;
    font-size: 42px;
    font-weight: bold;
    color: #222;
}

.post-meta {
	margin: 0 0 20px;
	padding: 0 0 20px;
	color: #656565;
	border-bottom: 1px solid #eee;
}

.post-meta .views {
  	float:right;
	margin: 0;
}

.post-meta .entry-date {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8B96A0;
    margin: 0 10px 0 0;
    display: inline-block;
}


.single .entry-content {
    padding-bottom: 15px;
    overflow: hidden;
}

.page .entry-content p,
.single .entry-content p {
    margin-bottom: 20px;
}

.single:not(.wpz-no-drop-cap) .entry-content > p:first-of-type:first-letter,
.entry-content p.has-drop-cap:not(:focus)::first-letter {
    float: left;
    font-weight: bold;
    color: #222;
    font-size: 75px;
    line-height: 60px;
    margin: 0;
    padding-top: 8px;
    padding-right: 12px;
    padding-left: 0;
    text-transform: none;
}

.entry-content a {
    font-weight: bold;
}

.entry-content a.wpz-sc-button {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}

.entry-content a.wpz-sc-button:hover {
    color: #fff;
}

.entry-content .wpz-sc-ilink a {
    text-decoration: none;
}

.entry-content .shortcode-tabs ul.tab_titles li.nav-tab a {
    text-decoration: none;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 15px;
    line-height: 1.4;
    font-weight: bold;
}

.entry-content .wp-block-image img,
.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

.entry-content ul:not(.wp-block-gallery):not(.wp-block-post-template),
.entry-content ol {
    margin: 0 0 20px;
    padding-left: 22px;
}

.entry-content li ul,
.entry-content li ol {
    margin-bottom: 0
}

.entry-content li {
    list-style-position: outside
}

.entry-content ul li {
    list-style-type: square
}

.entry-content ol li {
    list-style-type: decimal
}

.entry-content .shortcode-unorderedlist ul li,
.entry-content .shortcode-unorderedlist ul li ul {
    list-style-type: none
}

.entry-content blockquote {
    font-size: 22px;
    margin: 15px 0 40px;
    text-align: center;
    font-family: "Playfair Display", serif;
    position: relative;
}


.entry-content blockquote:before,
.entry-content blockquote:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 30px auto;
    background: #f0f0f0;
}


/* Galleries */

.entry-content .gallery a:hover {
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.wp-caption-text,
.gallery-caption {
    color: #868686;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    display: block;
    font-style: italic;
    line-height: 1.4;
}

.wp-block-image > figcaption,
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
    margin-top: -10px;
    color: #868686;
    text-align: center;
    font-style: italic;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


.wp-block-gallery.has-nested-images figure.wp-block-image img {
    margin-bottom: 0;
}


/* Images align */
.entry-content .aligncenter,
div.aligncenter {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.aligncenter {
    text-align: center;
}

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

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


/* Caption for images */
.entry-content .wp-caption {
    width: auto;
    text-align: center;
    max-width: 100%;
}

.entry-content .wp-caption img {
    background: none;
    margin: 0;
    border: 0 none;
    max-width: 100%;
    width: auto;
    height: auto;
}


.entry-content .wp-caption.aligncenter {
    margin: 0 auto 15px
}

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


#snippet-box {
    width: 100% !important;
    float: none !important;
}


/* Tags */
.tag_list {  margin:5px 0 20px; }

.page-link { margin: 0 0 15px; }


/* Template: Archives */
.col_arch { border-bottom: 1px solid #eee; padding: 0 0 30px; margin: 0 0 30px; }
.col_arch  ul { margin: 0; }
.col_arch  a { font-weight: normal; text-decoration: none; }
.col_arch  ul li { width: 31%; float: left; margin: 0 1.5% 5px 0; list-style-type: none; }
.col_arch:last-child { border-bottom:none; }


/* Author Bio */
.post_author {
  	padding: 30px 25px;
	margin: 0 0 40px;
    border-radius: 2px;
	background: #F3F3F3;
}

.post_author img {
	float:left;
	margin:0 15px 10px 0;
    border-radius: 50%;
}

.post_author span {
 	font-size: 18px;
    font-weight: bold;
	display:block;
	margin-bottom:5px;
}

.post_author .author-description {
    overflow: hidden;
}

/* Template: Full-width */
.full-width #main { width: 100%; }


#main.full-width {
    width:100%;
}


.adv_content {
    margin: 0 0 50px;
    text-align: center;
}

.single .adv_content {
    margin: 20px 0 30px;
}

/* MailPoet */
.wysija-paragraph {
    margin: 15px 0 0;
}

.widget_wysija input {
    width: 100%;
}

#sidebar .widget.widget_wysija:after {
    display: none;
}

.widget_wysija_cont .wysija-submit {
    display: inline-block;
}

/* Jetpack subscription widget */

#subscribe-email input {
    padding: 8px 12px !important;
    width: 100% !important;
}

#subscribe-submit input {
    width: 100% !important;
}


h4.jp-relatedposts-post-title {
    margin: 10px 0 5px !important;
    font-weight: bold;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    opacity: 1 !important;
}


#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-weight: bold !important;
}


#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: none !important;
}

.single div#jp-relatedposts h3.jp-relatedposts-headline,
.single div.sharedaddy h3.sd-title {
    font-size: 16px;
    display: block;
    border-top: 1px solid #eee;
    padding: 20px 0 0;
}

.single div.sharedaddy h3.sd-title:before,
.single div#jp-relatedposts h3.jp-relatedposts-headline em:before {
    display: none;
}


/*********************************************************************************************

9. Comments

*********************************************************************************************/

#comments > h3 {
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
}

#respond > h3 {
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
}

.comment-notes { margin-bottom: 30px; font-style: italic; color: #999; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin: 30px 0 0 50px }
.commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #EEEEEE; line-height: 1.8; font-size: 14px; }
.commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px; }
.comment .avatar { float: left; border-radius: 50%; margin: 0 20px 15px 0; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .fn,
.comment-author .fn a { font-style: normal; font-weight: bold; font-size: 18px;}
.comment-author .comment-meta {   margin-top: 5px; }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #a2a2a2; }
.comment-author .comment-meta a:hover { color: #333; }
.comment-main { overflow: hidden; }
.comment-body {  margin-top: 8px; }
#respond { margin-bottom: 85px }
#respond .form_fields p { margin-bottom: 24px; width: 50%; }
#respond .form_fields p:first-child { padding-left: 0; }
#respond label { font-size: 16px; margin-bottom: 5px;  }
#respond input[type="text"] { width: 90%; }
#respond textarea { width: 100%; height: 150px; }
#respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px; }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }
#respond .form_fields p .required_lab { margin-left:10px; color:#a7a7b3;}
.nocomments { font-style: italic; margin: 30px 0; }
#respond .comment-form-cookies-consent label { display: inline; margin-left: 10px; font-weight: normal; text-transform: none; font-family: inherit; font-size: 14px;}


/*********************************************************************************************

10. Sidebar & Widgets

*********************************************************************************************/

#sidebar {
	width: 340px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
	float: right;
}

.widget {
	margin-bottom: 30px;
}

#sidebar .widget {
 	padding: 20px;
    background: #fff;
    margin: 0 0 30px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
}

.widget h3.title {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #222;
    font-family: "Roboto Condensed", sans-serif;
}

.widget ul { clear: both; margin: 0 0 5px; line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget img {
    max-width: 100%;
    height: auto;
}

.widget #cat,
.widget select {
    width: 100%;
    display: inline;
    padding: 5px;
    line-height: 1.5;
    clear: both;
}

.widget_tag_cloud div a {
    font-weight: normal;
}


/* Video Widget — player, caption, then a playlist of thumbnails */
.wpzoom_media .video_cover {
    position: relative;
    aspect-ratio: 16 / 9;
    margin: 0 0 12px;
    background: #111;
    overflow: hidden;
}

.wpzoom_media .video_cover iframe,
.wpzoom_media .video_cover video,
.wpzoom_media .video_cover embed,
.wpzoom_media .video_cover object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wpzoom_media .open .description {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #777;
    font-style: italic;
}

.wpzoom_media .hide {
    display: none;
}

.wpzoom_media .wpzoom-video-list {
    margin: 0;
}

.wpzoom_media .wpzoom-video-list li {
    list-style-type: none;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 0;
    line-height: 1.35;
}

.wpzoom_media .wpzoom-video-list li:last-child {
    border-bottom: 0;
}

.wpzoom_media .wpzoom-video-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    color: #222;
    font-weight: normal;
}

.wpzoom_media .wpzoom-video-list a:hover {
    color: #B02B33;
}

.wpzoom-video-list__thumb {
    position: relative;
    flex: 0 0 76px;
    width: 76px;
    aspect-ratio: 16 / 9;
    background: #e9e9e9;
    border-radius: 2px;
    overflow: hidden;
}

.wpzoom-video-list__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Play glyph on the playing item (and on hover) */
.wpzoom-video-list__thumb:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.92);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill-rule='evenodd' d='M11 0a11 11 0 1 0 0 22a11 11 0 1 0 0-22zM8.5 6.5v9l7.5-4.5z'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill-rule='evenodd' d='M11 0a11 11 0 1 0 0 22a11 11 0 1 0 0-22zM8.5 6.5v9l7.5-4.5z'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.wpzoom_media .wpzoom-video-list a:hover .wpzoom-video-list__thumb:after,
.wpzoom_media .wpzoom-video-list a.active .wpzoom-video-list__thumb:after {
    opacity: 1;
}

.wpzoom_media .wpzoom-video-list a.active .wpzoom-video-list__thumb {
    box-shadow: inset 0 0 0 2px #B02B33;
}

.wpzoom-video-list__text {
    min-width: 0;
}

.wpzoom-video-list__title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.35;
}

.wpzoom_media .wpzoom-video-list a.active .wpzoom-video-list__title {
    color: #B02B33;
}

.wpzoom-video-list__duration {
    position: absolute;
    right: 3px;
    bottom: 3px;
    padding: 1px 4px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0.03em;
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 2px;
}

.widget .cover {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.widget .cover iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Recent Posts  */
.widget .feature-posts-list br {
    display: none;
}

.widget .feature-posts-list img {
    margin: 0 15px 0 0;
    float: left;
}

.widget .feature-posts-list .recent-date {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8B96A0;
    margin: 5px 0 0;
    display: inline-block;
}

.widget .feature-posts-list .post-excerpt {
    display: block;
}

.widget .feature-posts-list li {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
}

.widget .feature-posts-list li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.widget .feature-posts-list li h3 {
    font-weight: 600;
    font-size: 14px;
}

.widget .feature-posts-list li a {
    color: #222;
    overflow: hidden;
}

.widget .feature-posts-list li a:hover {
    color: #B02B33;
}


/* Popular posts tab */
ol.popular-posts li {
    list-style-type: decimal;
    list-style-position: outside;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 10px 20px;
    padding:  0 0 10px;
    border-bottom: 1px solid #eee;
    color: #000;
    font-weight: bold;
}

ol.popular-posts li:last-child {
    border-bottom: none;
    padding: 0;
}

ol.popular-posts li span {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    color: #8B96A0;
    display: block;
    margin: 5px 0 0;
}

ol.popular-posts li a {
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
}


/* Twitter widget */
.widget .zoom-twitter-widget__item { margin-bottom: 7px; }
.widget .zoom-twitter-widget__item-timestamp { display: block; color: #A8A8A8;  font-size: 12px; font-style: normal;}


/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* Carousel widget */

.flickity-prev-next-button {
    display: block;
    position: absolute;
    z-index: 100;
    top: 45%;
    height: 40px;
    width: 40px;
    background: none;
    padding: 0;
    transition: all 0.3s ease-out;
    border: 2px solid #fff;
}

.flickity-prev-next-button:hover { opacity: 1; background: #fff }
.flickity-prev-next-button.previous { left: 15px;   }
.flickity-prev-next-button.next { right: 15px;  }

.flickity-prev-next-button svg {
    position: absolute;
    left: 28%;
    top: 28%;
    width: 40%;
    height: 40%;
}

.flickity-prev-next-button path {
     fill: white;
}

.flickity-prev-next-button:hover path {
     fill: #222;
}

/* ---- page dots ---- */
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #fff;
    border-radius: 50%;
    /* IE8 */
    opacity: 0.45;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    /* IE8 */
    opacity: 1;
}


.widget.carousel-slider {
    padding: 0;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
}

.flickity-enabled {
    position: relative;
}

.carousel-slider .slides {
    white-space: nowrap;
    overflow: hidden;
}

.carousel-slider .item {
    position: relative;
    white-space: normal;
    margin: 0 2% 0 0;
    width: 23%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
}

.carousel-slider .flickity-enabled .item {
    margin: 0 2% 0 0;
    width: 23.5%;
}

.carousel_widget_wrapper > div {
    opacity: 0;
    visibility:hidden;
             transition: opacity .3s ease-in;
}

.carousel_widget_wrapper > div .item {
    display: none;
}

.carousel_widget_wrapper > .flickity-enabled {
    opacity: 1;
    visibility:visible;
}

.carousel_widget_wrapper > .flickity-enabled .item {
    display: inline-block;
}

.carousel-slider .flickity-prev-next-button {
    top: 28%;
}

.carousel-slider .flickity-prev-next-button:hover {
}

.carousel-slider .flickity-prev-next-button.previous { left: 20px;  }

.carousel-slider .flickity-prev-next-button.next { right: 20px; }

.carousel-slider .post-thumb {
    margin: 0 0 15px;
}

.carousel-slider .item .entry-title {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.4;
}

.carousel-slider .item .entry-title a {
    color: #222;
}

.carousel-slider .item .entry-title a:hover {
    color: #B02B33;
}

.carousel-slider .item .cat-links {
    margin: 0 0 5px;
    display: block;
}

.carousel-slider .item .entry-meta {
    font-style: italic;
}

.carousel-slider .flickity-page-dots {
    bottom: 0;
    position: relative;
}

.carousel-slider .flickity-page-dots .dot {
    border: 2px solid #ccc;
}

.carousel-slider .flickity-page-dots .dot:hover,
.carousel-slider .flickity-page-dots .dot.is-selected {
    background: #555;
    border: 2px solid #555;
}

@keyframes stretchdelay {
    0%, 40%, 100% { transform: scaleY(0.4);}
    20% { transform: scaleY(1);}
}

.carousel-slider .spinner {
    margin: 100px auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.carousel-slider .spinner > div {
    background-color: #eaeaea;
    height: 100%;
    width: 6px;
    display: inline-block;
    animation: stretchdelay 1.2s infinite ease-in-out;
}
.carousel-slider .spinner .rect2 {animation-delay: -1.1s; }
.carousel-slider .spinner .rect3 {animation-delay: -1s; }
.carousel-slider .spinner .rect4 {animation-delay: -0.9s; }
.carousel-slider .spinner .rect5 {animation-delay: -0.8s; }


/* Tabbed Widget */
.tabberlive .tabbertabhide {
    display: none;
}

.tabber { display:none; }

#sidebar .widget.tabbertabs {
    padding: 0;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.widget .tabbertab {
    padding: 20px;
}

.widget .tabbernav {
    margin: 0;
    background: #EEEEEE;
}


.widget .tabbernav li {
    display: inline-block;
    color: #8d8d8d;
}

.widget .tabbernav li a {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 12px 20px;
    line-height: 1.1;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #aaa;
    text-decoration: none;
    font-family: "Roboto Condensed";
}

.widget .tabbernav li a:hover {
    color: #B02B33;
}

.widget .tabbernav .tabberactive a {
     color: #B02B33;
     background: #fff;
     box-shadow: inset 0 -2px 0 #B02B33;
}

.widget .tabbertab .widgettitle {
    display: none;
}


/*********************************************************************************************

11. Footer  -------------------------  footer.php

*********************************************************************************************/

/* Footer Widget Areas */

.footer-widgets {
	padding-bottom: 20px;
    font-size: 0;
}

.footer-widgets:before,
.footer-widgets:after {
    content: " ";
    display: table;
}

.footer-widgets:after { clear: both }


.footer-widgets .column {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.footer-widgets.widget-columns-4 .column {
    width: 23%;
    margin-right: 2.6666%;
}

.footer-widgets.widget-columns-3 .column {
    width: 31%;
    margin-right: 3.5%;
}

.footer-widgets.widget-columns-2 .column {
    width: 48%;
    margin-right: 4%;
}

.footer-widgets.widget-columns-1 .column {
    width: 100%;
}

.footer-widgets.widget-columns-2 .column:nth-child(2n+2),
.footer-widgets.widget-columns-3 .column:nth-child(3n+3),
.footer-widgets.widget-columns-4 .column:nth-child(4n+4) {
    margin-right: 0;
}

.footer-widgets .widget {
    margin-bottom: 40px;
}

.full-widget-area { padding: 0 0 20px; }


#footer {
    color: #efefef;
    background: #093969;
    padding: 30px;
    max-width: 1240px;
    margin: 0 auto;
}


#footer a {
    color:#849cb4;
}

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


#footer .footer-logo {
    text-align: center;
    margin: 0;
}

#footer .footer-logo a  {
	color:#fff;
 	font-size:36px;
	font-weight:bold;
	line-height:1.3;
	text-transform:uppercase;
	padding:10px 10px 10px 0;
    font-family: "Playfair Display", serif;
}

#footer .footer-logo a:hover {
	text-decoration:none;
    color: #849cb4;
}

#footer .footer-menu {
    text-align: center;
 	margin:10px 0 0 10px;
}

#footer .footer-menu ul {
	margin:0 0 10px 0;
}

#footer .footer-menu ul li {
	display:inline;
	padding-right:15px;
}

#footer .footer-info {
	border-top: 1px solid rgba(255, 255, 255, 0.09);
	padding: 20px 0 0;
	margin: 20px 0 0;
    text-align: center;
}


/*
    jQuery.mmenu CSS
*/
.mm-hidden { display: none !important }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel {transition: transform 0.4s ease;transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened {transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened {transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1 }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }
.mm-menu > .mm-panel.mm-hasheader { padding-top: 40px }
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel {transform: none !important; }
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {transform: rotate(45deg); }
.mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }
.mm-header > a { text-decoration: none; display: block; padding: 10px 0; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-btn:first-child { padding-left: 20px; left: 0; }
.mm-header .mm-btn:last-child { padding-right: 20px; right: 0; }
.mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 14px; }
.mm-listview a, .mm-listview a:hover { text-decoration: none }
.mm-listview > li { position: relative }
.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0; }
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { left: 20px }
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px }
.mm-listview .mm-next.mm-fullsubopen { width: 100% }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; }
.mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px }
.mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px }
.mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0;transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 20px; }
.mm-next:after { border-top: none; border-left: none; right: 20px; }
.mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview > li.mm-spacer { padding-top: 40px }
.mm-listview > li.mm-spacer > .mm-next { top: 40px }
.mm-listview > li.mm-spacer.mm-divider { padding-top: 25px }
.mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) }
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) }
/*
    jQuery.mmenu offcanvas addon CSS
*/
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout {transition: transform 0.4s ease; }
html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden }
html.mm-opened .mm-page { min-height: 100vh }
html.mm-background .mm-page { background: inherit }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout {transform: translate(80%, 0); }
@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {transform: translate(140px, 0); }
}
@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {transform: translate(440px, 0); }
}
menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; }

/*
    jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {transition-duration: 0s; }

/*
    jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none }
.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important }

/*
    jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; }
.mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; }
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; }
.mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }


/*
    jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark { background: #093969; color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; }
.mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; }
.mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) }
.mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333 }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) }
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; }
.mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; }
.mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) }
.mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white label.mm-toggle:before { background: white }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }

/* Custom mmenu **/
.mm-listview { font-size: 16px }
.mm-menu > .mm-panel { padding: 20px 40px; }

/* Ensure Gutenberg buttons stay readable when generic link colors are applied. */
.entry-content .wp-block-button__link:not(.has-text-color):not([style*="color"]),
.entry-content a.wp-element-button:not(.has-text-color):not([style*="color"]) {
  color: #fff;
}

.entry-content .wp-block-button__link:not(.has-text-color):not([style*="color"]):hover,
.entry-content .wp-block-button__link:not(.has-text-color):not([style*="color"]):focus,
.entry-content a.wp-element-button:not(.has-text-color):not([style*="color"]):hover,
.entry-content a.wp-element-button:not(.has-text-color):not([style*="color"]):focus {
  color: #fff;
}

/* Prevent paragraph bottom margins from breaking alignment in Gutenberg flex groups. */
.entry-content .wp-block-group.is-layout-flex > p,
.entry-content .wp-block-group.wp-block-group-is-layout-flex > p {
  margin-bottom: 0;
}

/* Keep underlines for body-copy paragraph links only. */
.entry-content a:not(.wp-element-button):not(.wpz-sc-button) {
  text-decoration: none;
  font-weight: inherit;
}

.entry-content p a:not(.wp-element-button):not(.wpz-sc-button) {
  text-decoration: underline;
  font-weight: 500;
}

/* Prevent classic list styles from affecting Query Loop / Post Template cards. */
.post-content .wp-block-post-template,
.entry-content .wp-block-post-template,
.entry-content .wp-block-query-loop.wp-block-post-template {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.post-content .wp-block-post-template li,
.entry-content .wp-block-post-template li,
.entry-content .wp-block-query-loop.wp-block-post-template li {
  list-style: none;
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0;
  padding-left: 0;
}

/* Never underline Gutenberg button links even if generic content-link rules are present. */
.post-content .wp-block-button__link,
.post-content a.wp-element-button,
.entry-content .wp-block-button__link,
.entry-content a.wp-element-button {
  text-decoration: none;
}

.post-content .wp-block-button__link:hover,
.post-content .wp-block-button__link:focus,
.post-content a.wp-element-button:hover,
.post-content a.wp-element-button:focus,
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content a.wp-element-button:hover,
.entry-content a.wp-element-button:focus {
  text-decoration: none;
}


/* Keep default Gutenberg buttons auto-width; preserve explicit width classes. */
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:not(.has-custom-width):not([class*="wp-block-button__width-"]) .wp-block-button__link,
.post-content .wp-block-buttons > .wp-block-button:not(.has-custom-width):not([class*="wp-block-button__width-"]) .wp-block-button__link,
.entry-content .wp-block-buttons > .wp-block-button:not(.has-custom-width):not([class*="wp-block-button__width-"]) .wp-block-button__link {
  width: auto;
}

/* Keep heading links clean; underline only paragraph links in content blocks. */
.post-content a:not(.wp-element-button):not(.wpz-sc-button),
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a,
.post-content h1 a,
.post-content h2 a,
.post-content h3 a,
.post-content h4 a,
.post-content h5 a,
.post-content h6 a {
  text-decoration: none;
}

.post-content p a:not(.wp-element-button):not(.wpz-sc-button) {
  text-decoration: underline;
  font-weight: 500;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 200px;
}


/* Block style: Categories / Tags as buttons
   Registered in tribune_register_block_styles(). The separator is hidden and each term
   becomes a chip; styles/editorial.css and styles/modern.css restyle it per Color Style. */

.wp-block-post-terms.is-style-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* The block's own alignment classes set text-align, which a flex container ignores */
.wp-block-post-terms.is-style-buttons.has-text-align-center {
    justify-content: center;
}

.wp-block-post-terms.is-style-buttons.has-text-align-right {
    justify-content: flex-end;
}

.wp-block-post-terms.is-style-buttons .wp-block-post-terms__separator {
    display: none;
}

/* The .entry-content / .post-content variants exist to out-rank
   `.entry-content a:not(.wp-element-button):not(.wpz-sc-button)` above, which is the same
   specificity and would otherwise re-underline these. */
.wp-block-post-terms.is-style-buttons a,
.entry-content .wp-block-post-terms.is-style-buttons a,
.post-content .wp-block-post-terms.is-style-buttons a {
    background: rgba(176, 43, 51, 0.1);
    border-radius: 3px;
    color: #B02B33;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    padding: 5px 14px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s ease all;
}

.wp-block-post-terms.is-style-buttons a:hover,
.entry-content .wp-block-post-terms.is-style-buttons a:hover,
.post-content .wp-block-post-terms.is-style-buttons a:hover {
    background: #B02B33;
    color: #fff;
    text-decoration: none;
}


/* Block style: Latest Posts as a thumbnail list
   Registered in tribune_register_block_styles(). Grid rather than flex: the block prints
   the image, title, author, date and excerpt as flat siblings inside each <li>, so a flex
   row would lay all of them out side by side. Grid pins the image to column 1 and lets the
   text stack down column 2 — and unlike the block's own float, a long title never wraps
   underneath the image. */

/* The .entry-content variant out-ranks `.entry-content ul:not(.wp-block-gallery):not(
   .wp-block-post-template)` above, which would otherwise keep its 15px list indent. */
ul.wp-block-latest-posts.is-style-thumbnail-list,
body .entry-content ul.wp-block-latest-posts.is-style-thumbnail-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.wp-block-latest-posts.is-style-thumbnail-list li {
    align-items: start;
    clear: none;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
}

.wp-block-latest-posts.is-style-thumbnail-list li:last-child {
    margin-bottom: 0;
}

/* The image div carries whichever align* class the block's own settings set, and core
   floats it; the grid places it instead. Spanning 6 rows (the block prints at most five
   children) keeps the text stacking beside the image rather than starting a row below it.
   The surplus rows collapse to zero — and there is deliberately no row-gap for them to
   add height to; vertical rhythm comes from the margins below. */
.wp-block-latest-posts.is-style-thumbnail-list li .wp-block-latest-posts__featured-image,
.wp-block-latest-posts.is-style-thumbnail-list li .wp-block-latest-posts__featured-image.alignleft,
.wp-block-latest-posts.is-style-thumbnail-list li .wp-block-latest-posts__featured-image.aligncenter,
.wp-block-latest-posts.is-style-thumbnail-list li .wp-block-latest-posts__featured-image.alignright {
    float: none;
    grid-column: 1;
    grid-row: 1 / span 6;
    margin: 0;
    text-align: left;
    width: auto;
}

.wp-block-latest-posts.is-style-thumbnail-list li .wp-block-latest-posts__featured-image img {
    display: block;
    height: auto;
    max-width: 100%;
}

/* Title, author, date and excerpt all stack in the second column */
.wp-block-latest-posts.is-style-thumbnail-list li > :not(.wp-block-latest-posts__featured-image) {
    grid-column: 2;
    margin: 0;
}

.wp-block-latest-posts.is-style-thumbnail-list .wp-block-latest-posts__post-title {
    display: block;
    font-weight: bold;
    line-height: 1.35;
    margin-bottom: 8px;
}

.wp-block-latest-posts.is-style-thumbnail-list .wp-block-latest-posts__post-author,
.wp-block-latest-posts.is-style-thumbnail-list .wp-block-latest-posts__post-date {
    display: block;
    margin-top: 4px;
    opacity: 0.7;
}

.wp-block-latest-posts.is-style-thumbnail-list .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts.is-style-thumbnail-list .wp-block-latest-posts__post-full-content {
    margin-top: 6px;
}

/* Posts with no featured image render no image div at all — drop the empty column so they
   do not sit indented. Kept as standalone rules: a browser without :has() ignores them and
   simply keeps the indent, rather than invalidating the layout rules above. */
.wp-block-latest-posts.is-style-thumbnail-list li:not(:has(.wp-block-latest-posts__featured-image)) {
    grid-template-columns: minmax(0, 1fr);
}

.wp-block-latest-posts.is-style-thumbnail-list li:not(:has(.wp-block-latest-posts__featured-image)) > * {
    grid-column: 1;
}

/* Block style: Group as a surface
   Registered in tribune_register_block_styles(). The group sits on a light panel instead
   of the bare page — for callouts, notes and grouped widgets. styles/editorial.css and
   styles/modern.css restyle it per Color Style, where it also follows the dark scheme.
   Specificity (0,2,0) out-ranks the `padding: 0` theme.json prints for core/group as
   `:root :where(.wp-block-group)` (0,1,0), while padding or a background set on the block
   itself is inline and still wins. */

.wp-block-group.is-style-surface {
    background-color: #f6f5f2;
    border: 1px solid #e4e1da;
    padding: 30px;
}

/* The last block inside the panel should not push a gap against the bottom padding */
.wp-block-group.is-style-surface > :last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 640px) {

    .wp-block-group.is-style-surface {
        padding: 22px;
    }
}


/* Block style: Button as a link
   Registered in tribune_register_block_styles(). The button drops its fill and padding and
   reads as an underlined text link — the secondary action next to a real button.
   styles/editorial.css and styles/modern.css restyle it per Color Style.

   The .entry-content / .post-content variants exist to out-rank the button rules above,
   which force white text and strip the underline at the same specificity. */

.wp-block-button.is-style-link .wp-block-button__link,
.post-content .wp-block-button.is-style-link .wp-block-button__link,
.entry-content .wp-block-button.is-style-link .wp-block-button__link {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    width: auto;
}

/* Carries the same :not() guards as the stock button color rule above, so a color picked in
   the editor still wins. */
.wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]),
.post-content .wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]),
.entry-content .wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]) {
    color: #B02B33;
}

.wp-block-button.is-style-link .wp-block-button__link:hover,
.wp-block-button.is-style-link .wp-block-button__link:focus,
.post-content .wp-block-button.is-style-link .wp-block-button__link:hover,
.post-content .wp-block-button.is-style-link .wp-block-button__link:focus,
.entry-content .wp-block-button.is-style-link .wp-block-button__link:hover,
.entry-content .wp-block-button.is-style-link .wp-block-button__link:focus {
    background: none;
    text-decoration: underline;
}

.wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]):hover,
.wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]):focus,
.post-content .wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]):hover,
.post-content .wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]):focus,
.entry-content .wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]):hover,
.entry-content .wp-block-button.is-style-link .wp-block-button__link:not(.has-text-color):not([style*="color"]):focus {
    color: #222;
}