style.css

/*
 Theme Name: WPEX Today
 Version: 2.1
 Description: Today Free WordPress blogging Theme.
 Author: WPExplorer
 Author URI: https://www.wpexplorer.com
 Theme URI: /~https://github.com/wpexplorer/wpex-today
 License: GPL2
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Tested up to: 6.6
 Requires PHP: 8.0
 Tags: custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready
 Text Domain: wpex-today
 */

/*------------------------------------------------------------------
[# Reset]
-------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%}

/*------------------------------------------------------------------
[# CSS variables]
-------------------------------------------------------------------*/
:root {
    --wpex-accent: #000;
    --wpex-on-accent: #fff;
    --wpex-link-color: #0050C7;
    --wpex-thubnail-aspect-ratio: 16/9;
}

/*------------------------------------------------------------------
[# Grid]
-------------------------------------------------------------------*/
.wpex-clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }

/*percent grid*/
.wpex-row { display: grid; gap: 1.25rem; }
.wpex-row > :is(article,div) { display: flex; flex-direction: column; }
.wpex-cols-2 { grid-template-columns: repeat(2,1fr); }
.wpex-cols-3 { grid-template-columns: repeat(3,1fr); }
.wpex-cols-4 { grid-template-columns: repeat(4,1fr); }
.wpex-cols-5 { grid-template-columns: repeat(5,1fr); }
.wpex-cols-6 { grid-template-columns: repeat(6,1fr); }

/*make text inputs 100% when inside a column*/
.wpex-row .wpex-col input:where([type="text"],[type="password"],[type="email"],[type="url"],[type="tel"]) { width: 100% }

/*------------------------------------------------------------------
[# Body & Layout]
-------------------------------------------------------------------*/
body { background: #f9f9f9; color: #333; font-weight: normal; font-size: 1rem; line-height: 1.6; font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
.wpex-site-wrap { padding: 40px 0; }
.wpex-container { width: 1100px; margin: 0 auto; max-width: calc(100% - 50px); }
.wpex-content-area { float: left; float: inline-start; width: calc(100% - 330px); }
.wpex-sidebar { float: right; float: inline-end; width: 300px; font-size: 0.938rem; }
.wpex-site-content { padding-top: 1.25rem; margin-bottom: 1.25rem; }
body.full-width .wpex-content-area { width: 100%; max-width: none; }
body.left-sidebar .wpex-content-area { float: right }
body.left-sidebar .wpex-sidebar { float: left }

/*------------------------------------------------------------------
[# Commons]
-------------------------------------------------------------------*/

/*boxed*/
.wpex-boxed { padding: 1.25rem; border: 1px solid #ddd; background: #fff; }

/*hide screen reader text*/
.screen-reader-response { display: none }
.skip-link.screen-reader-text:focus { font-size: 13px; }

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

/*clear floats*/
.wpex-clr:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clear { clear: both }

/*images*/
img { height: auto; max-width: 100%; }
.wpex-post-thumbnail img { display: block; width: 100%; aspect-ratio: var(--wpex-thubnail-aspect-ratio); object-fit: cover; }

/*blockquote*/
blockquote { font-size: 1rem; margin: 0 0 1.25rem; position: relative; font-family: Georgia; color: #888; font-style: italic; padding-left: 1.25rem; border-inline-start: 3px solid #ddd; }
blockquote.left { float: left; float: inline-start; margin-inline-start: 0; margin-inline-end: 1.25rem; text-align: right; width: 33%; }
blockquote.right { float: right; float: inline-end; margin-inline-start: 1.25rem; margin-inline-end: 0; text-align: left; width: 33%; }
blockquote p:last-child { margin: 0 }
blockquote cite { display: block; margin-top: 1.25rem; font-style: italic; font-size: 0.929em; color: #999; }

/*pre tag*/
pre { background: #eee; color: #444; padding: 1rem 1.25rem; margin-bottom: 2rem; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: 'Verdana'; font-size: 0.875rem; }
address { color: #585858; letter-spacing: 2px; font-size: 1em; margin: 1.25rem 0; }

/*definition lists*/
dt { font-weight: bold; text-decoration: underline; }
dd { margin: 0; padding: 0 0 2rem; }

/*theme heading*/
.wpex-heading,
#reply-title { font-size: 1.125rem; font-weight: bold; text-transform: uppercase; margin: 0 0 2rem; border-bottom: 1px solid #ddd; }
.wpex-heading a,
.wpex-heading a:hover { text-decoration: none }

/*display*/
.display-none { display: none }
.display-block { display: block }

/*visibility*/
.wpex-invisible { opacity: 0; visibility: hidden; transition: 0.2s all; }
.wpex-visible { opacity: 1; visibility: visible; }

/*highlight*/
.wpex-text-highlight { display: inline-block; background-color: #FFF49B; color: #A5651A; padding: 0 5px; }

/*notices*/
.wpex-notice { padding: 1.25rem; margin: 0 0 1.25rem; background: #f7f7f7; border-inline-start: 4px solid #f0ad4e; }
.wpex-info { border-inline-start-color: #5bc0de }
.wpex-info strong { color: #5bc0de }
.wpex-warning { border-inline-start-color: #d9534f }
.wpex-warning strong { color: #d9534f }
.wpex-success { border-inline-start-color: #5cb85c }
.wpex-success strong { color: #5cb85c }

/*wpex-theme-button*/
.wpex-theme-button { font-size: 0.929em; display: inline-block; border: 1px solid #ddd; padding: 0.429em 0.857em; margin: 0 4px 4px 0; color: #565656; transition: all 0.15s; margin: 0 2px 5px 0; }
.wpex-theme-button:hover { color: var(--wpex-on-accent); background: var(--wpex-accent); text-decoration: none !important; }

/*lists */
.wpex-entry ul { margin: 2rem 0 2rem 1.25rem }
.wpex-entry ul ul { margin: 0 0 0 40px }
.wpex-entry ol { margin: 2rem 0 2rem 25px }
.wpex-entry ul { list-style: disc }
.wpex-entry ol { list-style: decimal }

/*------------------------------------------------------------------
[# Forms, Inputs & Buttons]
-------------------------------------------------------------------*/

/*inputs*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea { background: none; border: 1px solid #ddd; border-radius: 0; color: inherit; display: block; margin: 0; max-width: 100%; padding: 0.65em; font-size: 1em; font-weight: inherit; -webkit-appearance: none; box-shadow: none; line-height: 1; box-shadow: none; }
textarea { width: 100%; line-height: inherit; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #fff inset }

/*placeholder text*/
::-webkit-input-placeholder { color: #585858; }
:-moz-placeholder { color: #585858; }
::-moz-placeholder { color: #585858; }
:-ms-input-placeholder {   color: #585858; }

/*labels*/
label { font-style: italic; }

/*password protected form*/
.post-password-form label { display: block }
.post-password-form input[type="password"] { margin-top: 0.625rem; width: 100% }

/*buttons*/
button,
input[type="button"],
input[type="submit"],
.wpex-button { background: var(--wpex-accent); color: var(--wpex-on-accent); border: transparent; display: inline-block; font-weight: 500; outline: none; padding: 0.8em 1em; position: relative; font-size: 0.929em; color: #fff; cursor: pointer; -webkit-appearance: none; font-family: inherit; transition: all 0.15s; }
input[type="button"]:active,
input[type="submit"]:active { margin-top: 1px }
.wpex-entry input[type="submit"] { margin-top: 0.625rem }
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wpex-button:hover { background: var(--wpex-link-color); text-decoration: none; }

/*icons*/
.wpex-svg-icon { display: inline-flex; align-items: center; justify-content: center; }
.wpex-svg-icon svg { height: 1em; width: auto; fill: currentColor; }

/*------------------------------------------------------------------
[# Typography]
-------------------------------------------------------------------*/
a { color: var(--wpex-link-color); text-decoration: none; }
a:hover { text-decoration: underline; }
.wpex-entry a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; line-height: 1.4; word-wrap: break-word; }
.wpex-entry h2, .wpex-entry h3, .wpex-entry h4, .wpex-entry h5, .wpex-entry h6 { margin: 1.25rem 0 1rem }
h1 { font-size: 1.846rem; margin: 0 0 2rem; }
h2 { font-size: 1.571rem; }
h3 { font-size: 1.286rem }
h4 { font-size: 1.143rem }
h5 { font-size: 1.000rem }
h6 { font-size: 0.857rem }
p, .wpex-post-content > * { margin: 0 0 1.25rem }
:is(h1,h2,h3,h4) :any-link { color: currentColor; text-decoration: none; }
p.lead { color: #777; font-size: 1.500em; }
em { font-style: italic }
strong { font-weight: bold; }
small { font-size: 80% }
hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; margin: 40px 0; }

/*archives header*/
.wpex-archive-header { margin: 0 0 1.25rem; background: #fff; padding: 1.25rem; border: 1px solid #ddd; }
.wpex-archive-title { font-size: 1.5rem; margin: 0; text-transform: uppercase; }
.wpex-term-description { color: #222; font-size: 1.077em; }
.wpex-term-description p:last-child { margin: 0; }

/*------------------------------------------------------------------
[# Header]
-------------------------------------------------------------------*/

/*main*/
.wpex-site-header { display: flex; align-items: center; gap: 1.25rem; padding: 2rem 1.25rem; background: #fff; border: 1px solid #ddd; }

/*logo*/
.wpex-site-branding { max-width: 30%; }
.wpex-site-logo img { display: inline-block; max-width: 100%; vertical-align: bottom; }
.site-text-logo a { font-size: 2rem; text-transform: uppercase; font-weight: bold; color: #000; display: inline-block; line-height: normal; }
.site-text-logo a:hover { text-decoration: none; }

/*description*/
.wpex-site-description { color: #555; font-size: 1.125rem; }

/*------------------------------------------------------------------
[# Dropdowns]
-------------------------------------------------------------------*/
.wpex-dropdown-menu { margin: 0; padding: 0; list-style: none; }
.wpex-dropdown-menu li { position: relative }
.wpex-dropdown-menu ul { visibility: hidden; opacity: 0; position: absolute; top: 100%; z-index: 9999; margin: 0; white-space: nowrap; transition: 0.15s all; }
.wpex-dropdown-menu > li { float: left; float: inline-start; display: block; }
.wpex-dropdown-menu li:is(:hover,.wpex-touched,.focus,:focus-within) > ul { margin: 0; visibility: visible; opacity: 1; }
.wpex-dropdown-menu a { display: block; position: relative; }
.wpex-dropdown-menu ul li { display: block; float: none; position: relative; }
.wpex-dropdown-menu ul li a { display: block }
.wpex-dropdown-menu li ul { min-width: 200px }
.wpex-dropdown-menu ul ul { top: 0; left: 100%; }
.wpex-dropdown-menu .dropdown-arrow-side { margin-inline-start: 5px }

/*dropdown arrows*/
.wpex-dropdown-arrow-side { margin-inline-start: 5px }

/*------------------------------------------------------------------
[# Site Nav]
-------------------------------------------------------------------*/
.wpex-site-nav { background: #fff; border: 1px solid #ddd; border-top: 0; border-bottom: 0; font-size: 0.75rem; }
.wpex-site-nav-inner { display: flex; flex-wrap: wrap; gap: 1rem; border-bottom: 4px solid var(--wpex-accent); }
.wpex-site-nav .wpex-dropdown-menu > li { display: block; }
.wpex-site-nav .wpex-dropdown-menu li:last-child { margin-inline-end: 0 }
.wpex-site-nav .wpex-dropdown-menu a { display: flex; align-items: center; gap: 4px; color: #000; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; padding: 12px 24px; border-inline-end: 1px solid #ddd; transition: 0.15s all ease-in-out; }
.wpex-site-nav .menu-item-arrow { display: flex; align-items: center; }
.wpex-site-nav .menu-item-arrow svg { height: 14px; width: 1em; }
.wpex-site-nav .wpex-dropdown-menu li a:hover,
.wpex-site-nav .wpex-dropdown-menu > li.menu-item-has-children:hover > a,
.wpex-site-nav .wpex-dropdown-menu > li.current-menu-item > a,
.wpex-site-nav .wpex-dropdown-menu > li.parent-menu-item > a,
.wpex-site-nav .wpex-dropdown-menu > li.current-menu-ancestor > a { background: var(--wpex-accent); color: var(--wpex-on-accent); text-decoration: none; border-color: transparent; }

.wpex-site-nav .wpex-dropdown-menu .sub-menu { background: var(--wpex-accent); color: var(--wpex-on-accent); }
.wpex-site-nav .wpex-dropdown-menu .sub-menu li { margin: 0; height: auto; line-height: 1.5; }
.wpex-site-nav .wpex-dropdown-menu .sub-menu > li:last-child { border-bottom: 0 }
.wpex-site-nav .wpex-dropdown-menu .sub-menu a { padding: 0.875rem 1rem; border: none; border-bottom: 1px solid rgba(255,255,255,.2); color: currentColor; }
.wpex-site-nav .wpex-dropdown-menu .sub-menu a:hover { background: var(--wpex-link-color); }

/* Site Navigation > Arrows */
.wpex-dropdown-arrow-down { display: none; /*hide by default but available if people want them*/ }

/* Site Navigation > Menu */
.wpex-site-nav .wpex-dropdown-menu > li.wpex-menu-mobile-toggle-li { display: none }

/*------------------------------------------------------------------
[# Mobile Menu]
-------------------------------------------------------------------*/

/*mobile menu toggle*/
.wpex-mobile-nav-toggle { display: none; margin: 0; cursor: pointer; color: #000; text-decoration: none; font-weight: bold; text-transform: uppercase; padding: 0 1.25rem; height: 42px; line-height: 42px; }
.wpex-mobile-nav-toggle:hover { color: #111; text-decoration: none; }
.wpex-mobile-nav-toggle-icon { margin-inline-end: 0.625rem; font-size: 1.25rem; display: flex; align-items: center; }

/*mobile menu*/
.wpex-mobile-nav { display: none; width: 100%; }
.wpex-mobile-nav.wpex-visible { display: block; }
.wpex-mobile-nav .wpex-dropdown-arrow-down,
.wpex-mobile-nav .wpex-dropdown-arrow-side { display: none; }
.wpex-mobile-nav-ul { margin: 0 1px; padding: 1.25rem 0; background: var(--wpex-accent); color: var(--wpex-on-accent); }
.wpex-mobile-nav a { color: currentColor; display: flex; padding: 0.625rem 1.25rem; text-transform: uppercase; font-size: 0.857em; font-weight: 600; gap: 0.625rem; align-items: center; }
.wpex-mobile-nav .menu-item-arrow { display: flex; align-items: center; font-size: 1.125rem; }
.wpex-mobile-nav li ul .menu-item-arrow { transform: rotate(-270deg); }
.wpex-mobile-nav a:hover { text-decoration: none }
.wpex-mobile-nav-ul li ul { display: none; background: rgba(255,255,255,0.08); padding: 0.625rem 0; transition: all 0.25s; }
.wpex-mobile-nav-ul li ul.wpex-visible { display: block; }
.wpex-mobile-nav-ul li.wpex-active > a > .fa-plus:before { content: "\f068"; }
.wpex-mobile-nav-ul li ul ul { background: rgba(255,255,255,0.03); }

/*alternative mobile menu*/
.wpex-mobile-menu-alt { display: none !important; }

/*------------------------------------------------------------------
[# Socialbar]
-------------------------------------------------------------------*/
.wpex-socialbar { display: flex; gap: 4px; flex-wrap: wrap; margin-inline-start: auto; margin-inline-end: 12px; align-items: center; }
.wpex-socialbar a { display: flex; align-items: center; justify-content: center; font-size: 1rem; height: 26px; width: 26px; color: var(--wpex-accent); }
.wpex-socialbar a:hover,
.wpex-socialbar a:focus { color:var(--wpex-link-color); }

/*------------------------------------------------------------------
[# Sidebar]
-------------------------------------------------------------------*/
.wpex-sidebar-widget { margin-bottom: 1.25rem; padding: 1.25rem; border: 1px solid #ddd; background: #fff; position: relative; }
.wpex-sidebar-widget:before { content: ""; display: block; height: 5px; width: 100%; background: var(--wpex-accent); position: absolute; top: 0; left: 0; }
.wpex-sidebar-widget .widget-title { margin: -1.25rem -1.25rem 1.25rem; border-bottom: 1px solid #ddd; font-size: 0.875rem; padding: 1.25rem 1.25rem 1rem 1.25rem; font-weight: bold; text-transform: uppercase; position: relative; }

.wpex-sidebar-widget.widget_search { border: none; padding: 0; }
.wpex-sidebar-widget.widget_search .widget-title { display: none; }

/* remove padding from some widgets */
.widget_calendar,
.widget_wpex_get_total { border: 0; padding: 0; background: 0; }
.widget_calendar:before,
.widget_wpex_get_total:before,
.widget_calendar .widget-title,
.widget_wpex_get_total .widget-title { display: none; }

/*sidebar toggle*/
.sidebar-toggle { display: none }

/*sidebar lists*/
.wpex-sidebar-widget li { list-style: square; list-style-position: inside; }

/*------------------------------------------------------------------
[# Widgets]
-------------------------------------------------------------------*/
.wpex-sidebar select { width: 100% }

/* tag cloud */
.tagcloud a { font-size: 0.929em; display: block; float: left; float: inline-start; border: 1px solid #ddd; padding: 0.429em 0.857em; margin: 0 4px 4px 0; color: #565656; transition: all 0.15s; }
.tagcloud a:hover { color: #fff; background: #000; border-color: transparent; text-decoration: none; }


/*calendar widget*/
#wp-calendar { background: #fff; width: 100%; }
#wp-calendar tbody td { padding: 0; text-align: center; line-height: 2em; font-size: 0.786em; }
#wp-calendar tbody td a,
#wp-calendar tbody td a:hover { text-decoration: underline; }
#wp-calendar tfoot td { padding: 4px; font-size: 0.786em; }
#wp-calendar caption { margin: 0; padding: 0.571em; outline: 0; background: var(--wpex-accent); color: var(--wpex-on-accent); text-align: center; text-transform: uppercase; }
#wp-calendar tbody a { display: block; text-decoration: underline; }
#wp-calendar thead th { background: #eee; border-top: none; text-align: center; border-top: none; padding: 0.286em; }
#wp-calendar tfoot td#next { text-align: right; }
#wp-calendar th,
#wp-calendar td { border: 1px solid #ddd; }

/*------------------------------------------------------------------
[# Featured Post]
-------------------------------------------------------------------*/
.wpex-featured-entry { margin-bottom: 1.25rem; }
.wpex-featured-entry .wpex-loop-entry-title { font-size: 1.75rem; margin: 0 0 5px; }
.wpex-featured-entry .wpex-loop-entry-meta { margin-top: 0; }

/*------------------------------------------------------------------
[# Loop Entry]
-------------------------------------------------------------------*/
.wpex-loop-entry-inner { display: flex; flex-direction: column; flex-grow: 1; background: #fff; border: 1px solid #ddd; padding: 1.25rem; }

/*entry category*/
.wpex-entry-cat { margin-bottom: 0.625rem }
.wpex-entry-cat a { display: block; float: left; float: inline-start; font-size: 11px; font-weight: 500; padding: 2px 5px; margin-inline-end: 5px; margin-bottom: 5px; text-transform: uppercase; transition: 0.15s all; background: var(--wpex-accent); color: var(--wpex-on-accent); }
.wpex-entry-cat a:hover,
.wpex-post-cat a:hover { text-decoration: none; background: var(--wpex-link-color); color: #fff; }

/*entry title*/
.wpex-loop-entry-title { margin: 0; font-size: 1.286em; text-transform: uppercase; }

/*entry media*/
.wpex-loop-entry-media { color: #fff; position: relative; margin-bottom: 1.25rem; }
.wpex-loop-entry-media a.wpex-loop-entry-media-link,
.wpex-loop-entry-media img { display: block; width: 100%; aspect-ratio: var(--wpex-thubnail-aspect-ratio); object-fit: cover; }
a.wpex-loop-entry-media-link:hover img { opacity: 0.9; }

/*entry content*/
.wpex-loop-entry-content { display: flex; flex-direction: column; flex-grow: 1; }
.wpex-loop-entry.post-entry p:last-child { margin: 0 }
.wpex-loop-entry-excerpt { margin-top: 1rem; }

/*entry footer*/
.wpex-loop-entry-readmore { margin-top: auto; }
.wpex-readmore { font-size: 0.929em; display: block; float: left; float: inline-start; border: 1px solid #ddd; padding: 0.429em 0.857em; margin: 0 4px 4px 0; color: #565656; transition: all 0.15s; }
.wpex-readmore:is(:hover,:focus) { text-decoration: none; color: #000; background: #f1f1f1; }

.wpex-loop-entry .wpex-readmore { margin-top: 1.25rem; }

/*------------------------------------------------------------------
[# Meta]
-------------------------------------------------------------------*/
.wpex-loop-entry-meta,
.wpex-post-meta { font-size: 0.923em; color: #555; color: #454545 }
:is(.wpex-loop-entry-meta,.wpex-post-meta) ul { display: flex; flex-wrap: wrap; gap: .5rem; }
.wpex-loop-entry-meta { margin-top: 4px; margin-bottom: 0; }
.wpex-loop-entry-meta
.wpex-loop-entry-meta .wpex-spacer,
.wpex-post-meta .wpex-spacer { display: inline-block; padding: 0 5px; }
.wpex-loop-entry-meta li:first-child .wpex-spacer,
.wpex-post-meta li:first-child .wpex-spacer { display: none }

/*------------------------------------------------------------------
[# Posts]
-------------------------------------------------------------------*/
.wpex-post-article { padding: 1.25rem; background: #fff; border: 1px solid #ddd; }
.wpex-post-content { margin: 2rem 0; }
.wpex-post-media { position: relative; margin-bottom: 1.25rem; }
.wpex-post-edit { margin-bottom: 2rem; }
.wpex-post-edit a { text-decoration: underline; }
.wpex-post-title { font-size: 1.75rem; margin: 0 0 5px; text-transform: uppercase; }
.wpex-post-footer { margin-bottom: 40px }

/*tags*/
.wpex-post-tags { margin-bottom: 2rem; color: #000; }
.wpex-post-tags a { font-size: 0.929em; display: block; float: left; float: inline-start; border: 1px solid #ddd; padding: 0.429em 0.857em; margin: 0 4px 4px 0; color: #565656; transition: all 0.15s; }
.wpex-post-tags a:hover { background: var(--wpex-accent); color: var(--wpex-on-accent); border-color: transparent; text-decoration: none; }

/*post share*/
.wpex-post-share { margin: 0 0 2rem; font-size: 0.929em; }
.wpex-post-share ul { overflow: hidden; }
.wpex-post-share li { display: block; float: left; float: inline-start; margin-inline-end: 4px; margin-bottom: 4px; }
.wpex-post-share a { display: flex; align-items: center; padding: 0.429em 0.857em; background: var(--wpex-accent); color: var(--wpex-on-accent); }
.wpex-post-share a:hover,
.wpex-post-share a:focus { text-decoration: none; opacity: 0.8; }
.wpex-post-share .wpex-svg-icon { margin-inline-end: 5px; }
.wpex-post-share li.wpex-twitter a { background: #000; }
.wpex-post-share li.wpex-facebook a { background: #2a3e8c; }
.wpex-post-share li.wpex-pinterest a { background: #ae0000; }

/*post counter*/
.post-views { margin: 2rem 0 0; }

/*------------------------------------------------------------------
[# Author Info Box]
-------------------------------------------------------------------*/
.wpex-author-info { margin-bottom: 2rem }
.wpex-author-info-inner { display: flex; gap: 1.5rem; }
.wpex-author-info-avatar { flex-shrink: 0; }
.wpex-author-info-avatar img { display: block; padding: 2px; border: 1px solid #ddd; }
.wpex-author-info-content p:last-child { margin: 0 }
.wpex-author-info-social { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 1rem }
.wpex-author-info-social a { display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; color: #999; font-size: 0.875rem; height: 1.75rem; width: 1.75rem; transition: all 0.15s; }
.wpex-author-info-social a:hover,
.wpex-author-info-social a:focus { background: var(--wpex-accent); color: var(--wpex-on-accent); border-color: transparent; }

.wpex-authors-listing .wpex-author-info { margin-bottom: 1.25rem; }
.wpex-authors-listing .wpex-author-info-title { font-size: 1.125rem; text-transform: uppercase; margin: 0 0 5px; }

/*------------------------------------------------------------------
[# Related Posts]
-------------------------------------------------------------------*/
.wpex-related-posts-wrap { margin-bottom: 2rem }
.wpex-related-post-thumbnail { display: block; margin-bottom: 5px; }
.wpex-related-post-thumbnail img { aspect-ratio: var(--wpex-thubnail-aspect-ratio); object-fit: cover; }
.wpex-related-post-thumbnail img:hover { opacity: 0.9 }
.wpex-related-post-title { font-size: 1em; margin: 0; }
.wpex-related-post-meta { margin-top: 2px; font-size: 0.857em; color: #454545; }

/*------------------------------------------------------------------
[# Pages]
-------------------------------------------------------------------*/
.wpex-page-article { padding: 1.25rem; background: #fff; border: 1px solid #ddd; }
.wpex-page-header-title { font-size: 1.75rem; margin: 0 0 2rem; font-weight: bold; text-transform: uppercase; }

/*------------------------------------------------------------------
[# Pagination]
-------------------------------------------------------------------*/
.wpex-page-numbers { margin-top: 1.25rem; font-family: Arial; list-style: none; font-size: 0.846em; }
.wpex-page-numbers ul.page-numbers { display: flex; flex-wrap: wrap; gap: 5px; }
.wpex-page-numbers li { display: block; background: #fff; }
.wpex-page-numbers a,
.wpex-page-numbers span { color: #565656; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 2rem; width: 2rem; text-align: center; text-decoration: none; transition: 0.15s all ease-in-out; border: 1px solid #ddd; }
.wpex-page-numbers a span { border: 0; }
.wpex-page-numbers a:hover,
.wpex-page-numbers span.current { background: #000; color: #fff; border-color: transparent; text-decoration: none; }
.wpex-page-numbers a:hover span { color: #fff; }
.infinite-scroll ul.wpex-page-numbers { display: none !important }

/*next-prev*/
.wpex-next-prev-nav { font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 1.5px; }
.wpex-entry-style-grid .wpex-next-prev-nav { border-top: 1px solid #000; padding-top: 40px; margin-top: 1.25rem; }
.wpex-next-prev-nav .nav-next,
.wpex-next-prev-nav .nav-previous { float: left; float: inline-start; width: 50%; }
.wpex-next-prev-nav .nav-previous { text-align: right; float: right; float: inline-end; }
.wpex-next-prev-nav a:hover { opacity: 0.65; }

/*post nav*/
.wpex-post-navigation { padding-top: 1.25rem; border-top: 1px solid #ddd; }
.wpex-post-navigation .nav-links { display: flex; flex-wrap: wrap; flex-direction: row-reverse; gap: 1rem; justify-content: space-between; }
.wpex-post-navigation a { color: currentColor; }
.wpex-post-navigation a:hover { color: var(--wpex-link-color); text-decoration: none; }

/*nav links*/
.wpex-page-links { margin-bottom: 2rem }
.wpex-page-links span,
.wpex-page-links a { display: block; float: left; float: inline-start; margin-inline-end: 5px; border: 1px solid #ddd; padding: 0.4em 0.6em; line-height: 1; transition: all 0.15s; }
.wpex-page-links span { background-color: #ee4f4f; color: #fff; border-color: transparent; }
.wpex-page-links a span { padding: 0; border: 0; margin: 0; background: none; color: #000; }
.wpex-page-links a:hover,
.wpex-page-links a:hover span,
.wpex-page-links span:hover { background: #ee4f4f; color: #fff; border-color: transparent; }

/*------------------------------------------------------------------
[# Entry:None]
-------------------------------------------------------------------*/
.wpex-entry-none { padding: 1.25rem; border: 1px solid #ddd; background: #fff; text-align: center; }
.wpex-entry-none p:last-child { margin: 0; }

/*404 error*/
body.error404 .wpex-entry-none { text-align: center; font-size: 1.500em; }
body.error404 .wpex-entry-none h1 { margin: 0; font-size: 100px; line-height: 1.3; font-weight: bold; }

/*------------------------------------------------------------------
[# Site Footer]
-------------------------------------------------------------------*/
.wpex-site-footer { background: #fff; padding: 1.25rem; border: 1px solid #ddd; font-size: 0.938rem; }
.wpex-footer-widgets .col { margin-bottom: 0 !important }
.wpex-footer-widgets .footer-widget { margin-bottom: 2rem }
.wpex-footer-widgets.wpex-row { gap: 2.5rem; }
.wpex-footer-widgets .wpex-col { margin-bottom: 0 }
.wpex-footer-widgets .widget-title { font-weight: bold; margin: 0 0 1rem; text-transform: uppercase; font-size: 1rem; border-bottom: 1px solid #ddd; }

/*footer lists*/
.wpex-footer-widgets li { list-style: square; list-style-position: inside; }

/*footer bottom*/
.wpex-footer-bottom { text-align: center; }
.wpex-footer-bottom.wpex-has-footer-widgets { padding: 1.25rem 0 0; border-top: 1px solid #ddd;  }
.wpex-footer-bottom a { color: currentColor; text-decoration: underline; }
.wpex-footer-bottom a:hover { color: var(--wpex-link-color); }

/*------------------------------------------------------------------
[# Scroll To Top Button]
-------------------------------------------------------------------*/
a.wpex-site-scroll-top { z-index: 999; position: fixed; visibility: hidden; background: #fff; border: 1px solid #ddd; opacity: 0; display: flex; align-items: center; justify-content: center; height: 2rem; width: 2rem; text-align: center; bottom: -0.625rem; right: 1.25rem; color: #000; font-size: 21px; transition: all 0.4s ease-in-out; box-sizing: content-box; }
a.wpex-site-scroll-top.show { visibility: visible; opacity: 1; bottom: 1.25rem; }
a.wpex-site-scroll-top:hover { background: #000; color: #fff; }

/*------------------------------------------------------------------
[# Site Searchform]
-------------------------------------------------------------------*/
.wpex-sidebar-widget .wpex-site-searchform { padding-top: 5px; }
.wpex-site-searchform { display: flex; gap: 5px; justify-content: space-between; background: #fff; border: 1px solid #ddd; }
.wpex-site-searchform input[type="search"] { border: 0; outline: none; padding: 0.25rem 1.25rem; min-height: 3rem; width: 100%; font-size: 1rem; transition: 0.2s all ease-in-out; font-family: inherit; font-weight: 400; }
.wpex-site-searchform button { background: none; color: #000; padding: 0 1.25rem; display: flex; align-items: center; justify-content: center; border: 0; outline: none; font-size: 0.875rem; }
.wpex-site-footer .wpex-site-searchform button { background: #222; color: #fff; border-color: transparent; }
.wpex-site-searchform input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
.wpex-site-searchform input[type="search"]::-webkit-search-decoration { display: none }

/*------------------------------------------------------------------
[# Advertisements]
-------------------------------------------------------------------*/
.wpex-header-ad { margin-inline-start: auto; max-width: 65%; }
.wpex-header-ad img {vertical-align: middle; }
.wpex-footer-ad { margin-bottom: 1.25rem; }
.wpex-footer-ad img { display: block; margin: 0 auto; }
.wpex-footer-ad-inner { padding: 1.25rem; border: 1px solid #ddd; background: #fff; }

/*------------------------------------------------------------------
[# Contact Form 7]
-------------------------------------------------------------------*/
.wpcf7-form span.wpcf7-form-control-wrap { display: block; margin-top: 0.625rem; position: relative; }
.wpcf7-form p { margin: 0 0 1.25rem }
div.wpcf7-validation-errors { margin: 25px 0 0 }
span.wpcf7-not-valid-tip { padding-top: 0.625rem; color: #999; font-size: 0.929em; clear: both; display: block; font-style: italic; }
.wpcf7-response-output { display: none; padding: 1.25rem; border: 0; background: #f1f1f1; font-size: 12px; color: #000; text-align: center; }
input.wpcf7-not-valid[type="text"],
input.wpcf7-not-valid[type="password"],
input.wpcf7-not-valid[type="email"],
input.wpcf7-not-valid[type="url"],
input.wpcf7-not-valid[type="tel"],
textarea.wpcf7-not-valid { border-color: #FF4847 }

/*------------------------------------------------------------------
[# Comments]
-------------------------------------------------------------------*/
#comments { margin-bottom: 40px; }
#comments a:hover { text-decoration: underline }
#comments span.required { color: #C30; font-size: 1em; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; }
.commentlist { margin: 0 0 50px; }
.commentlist .children { margin-inline-start: 2rem; }
.commentlist li { list-style: none; margin: 0; }
.commentlist .comment { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ddd; position: relative; }
.comment-author { position: absolute; top: 0; left: 0; }
.comment-author .avatar { display: block; padding: 2px; border: 1px solid #ddd; }
.comment-meta { margin-bottom: 0.625rem; }
.comment-meta .fn { font-weight: 500; display: block; }
.comment-meta .url { color: #000 }
.comment-date { display: inline-block; margin-inline-end: 12px; }
.comment-details { margin-inline-start: 70px; }
.comment-content.wpex-entry { word-wrap: break-word }
.comment-content p:last-child { margin: 0 }
.comment-content.wpex-entry { padding-bottom: 0 }
.comment-date a { font-size: 0.9em; color: #a7a7a7; }
.commentlist #respond { margin-bottom: 2rem }
#comments-logged-in { font-size: 0.857em; margin-bottom: 2rem; margin-top: 0.625rem; }
#log-out { float: right; float: inline-end; margin-top: -56px; }
#reply-title { margin: 0 0 0.625rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
#commentform label { display: inline-block; }
#commentform textarea { width: 100% }
#commentform p { margin: 0 0 0.625rem }
#commentform input[type="checkbox"] { padding: 0; margin: 0 0.625rem 0 0; }
#comments .comment-notes { margin-bottom: 1.25rem; font-size: 0.95em; opacity: 0.7; }
#comments .logged-in-as { font-size: 0.95em; }
#comments .form-allowed-tags { font-size: 0.857em }
#comments .form-allowed-tags { font-style: italic; color: #777; }
.comment-awaiting-moderation { background: #f1f1f1; color: #585858; display: inline-block; font-size: 0.857em; margin-bottom: 1.25rem; padding: 2px 6px; }
#comments #respond .form-submit #submit { text-align: center }
#comments .comment-footer { font-size: 0.875rem; margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
#comments a#cancel-comment-reply-link { text-transform: none; color: red; font-weight: normal; }
#comments a#cancel-comment-reply-link:hover,
#comments .comment-footer a:hover { text-decoration: underline; }

/*comments navigation*/
#comments .comment-navigation { padding: 1.25rem 0 40px }
#comments .comment-navigation h3 { margin: 0 0 2rem }
#comments .comment-navigation .wpex-nav-previous { width: 48%; float: left; float: inline-start; }
#comments .comment-navigation .wpex-nav-next { width: 48%; float: right; float: inline-end; text-align: right; }

/*pingbacks*/
.commentlist .pingback { padding: 0; margin: 0; border: 0; }
.commentlist .pingback p { margin: 0 0 5px }
.commentlist li.pingback.last { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee; }

/*comments closed*/
.comments-closed-notice { margin-top: 40px; padding: 1.25rem; background: #f9f9f9; border: 1px solid #000; text-align: center; color: #000; text-transform: uppercase; }

/*facebook comments*/
.wpex-fb-comments { display: block; width: 100%; }

/*------------------------------------------------------------------
[# WordPress Styles]
-------------------------------------------------------------------*/
.sticky { }
.bypostauthor { }

/*aligns*/
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; float: inline-end; margin: 0 0 0.625rem 1.25rem; }
.alignleft { float: left; float: inline-start; margin: 0 1.25rem 0.625rem 0; }

/*floats*/
.floatleft { float: left }
.floatright { float: right }

/*text style*/
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

/*captions*/
.wp-caption { max-width: 100% !important }
.wp-caption p.wp-caption-text { text-align: center; padding-top: 0.625rem; opacity: 1; font-weight: 400; color: #111; font-style: italic; font-size: 1em; }
.wp-caption img { display: block; border: 0 none; margin: 0; width: 100%; padding: 0; }

/*smiley reset*/
.wp-smiley { margin: 0 !important; max-height: 1em; }

/*img attachment*/
#img-attch-page { overflow: hidden; text-align: center; }
#img-attch-page img { display: inline-block; margin: 0 auto; margin-bottom: 1.25rem; max-width: 100%; }

/*gallery*/
.gallery-item { display: block; float: left; float: inline-start; margin: 0 0 1.25rem; padding: 0 0.625rem; }
.gallery-item img { border: none !important; display: block; margin: 0 auto; }
.gallery-caption { font-size: 0.857em; text-align: center; padding-top: 0.625rem; }
.gallery-columns-1 .gallery-item { width: 100% }
.gallery-columns-2 .gallery-item { width: 50% }
.gallery-columns-3 .gallery-item { width: 33.33333333% }
.gallery-columns-4 .gallery-item { width: 25% }
.gallery-columns-5 .gallery-item { width: 20% }
.gallery-columns-6 .gallery-item { width: 16.66666667% }
.gallery-columns-7 .gallery-item { width: 14.2857% }
.gallery-columns-8 .gallery-item { width: 12.5% }
.gallery-columns-9 .gallery-item { width: 11.11111111% }

/*------------------------------------------------------------------
[# Gutenberg Styles]
-------------------------------------------------------------------*/
.wp-block-image figcaption { margin-bottom: 1.25rem; margin-top: 0.75rem; }
.wp-block-table .wp-element-caption { margin-top: 0.75rem; }

/*------------------------------------------------------------------
[# Plugin Fixes]
-------------------------------------------------------------------*/

/*bloom submit button fix*/
button.et_bloom_submit_subscription { display: inline; display: inline-block; }

/*hide JetPack wp stats*/
#wpstats { display: none }