/*

 Theme Name: WPEX Today

 Version: 2.0

 Description: Today Free WordPress blogging Theme.

 Author: WPExplorer

 Author URI: https://www.wpexplorer.com

 Theme URI: https://www.wpexplorer.com/today-free-wordpress/

 License: GPL2

 License URI: https://www.gnu.org/licenses/gpl-2.0.html

 Tested up to: 6.4

 Requires PHP: 7.4

 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: #151515;

    --wpex-on-accent: #fff;

    --wpex-link-color: #f96800;

    --wpex-thubnail-aspect-ratio: 16/9;

    --wpex-accent2: #ccc;

}



/*------------------------------------------------------------------

[# 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: #1b1b1b; color: #fff; font-weight: normal; font-size: 13px; 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); background-color: #212528; border-left: 1px solid #000; border-top: 1px solid #474b4c; border-right: 1px solid #000; border-bottom: 1px solid #000; }

.wpex-content-area { float: left; width: calc(100% - 330px); }

.wpex-sidebar { float: right; width: 300px; font-size: 0.938rem; }

.wpex-site-content {background: url(./dark_wall.jpg); padding: 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-left: 3px solid #ddd; }

blockquote.left { float: left; margin-left: 0; margin-right: 1.25rem; text-align: right; width: 33%; }

blockquote.right { float: right; margin-left: 1.25rem; margin-right: 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-left: 4px solid #f0ad4e; }

.wpex-info { border-left-color: #5bc0de }

.wpex-info strong { color: #5bc0de }

.wpex-warning { border-left-color: #d9534f }

.wpex-warning strong { color: #d9534f }

.wpex-success { border-left-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: #fff; 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: 0.857rem }

h5 { font-size: 1.000rem }

h6 { font-size: 0.857rem }

p, .wpex-entry > [class*="wp-block"] { 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; padding: 1.25rem; border: 0px solid #ddd; }

.wpex-archive-title { font-size: 1.5rem; margin: 0; text-transform: uppercase; }

.wpex-term-description { color: #ccc; 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-color: #212528 ; background: url(http://www.hsqclan.com/wp-content/themes/wpex-today/dots.png); border-bottom: 1px solid #000; }



/*logo*/

.wpex-site-branding { float: left; 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; 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-left: 5px }



/*dropdown arrows*/

.wpex-dropdown-arrow-side { margin-left: 5px }



/*------------------------------------------------------------------

[# Site Nav]

-------------------------------------------------------------------*/

.wpex-site-nav { background: #1f1f1f; border-left: 0px solid #fff; border-top: 1px solid #474b4c; border-bottom: 0; font-size: 0.75rem; background-image: linear-gradient(to top, #1a1b1f, #212528); }

.wpex-site-nav-container { position: relative ;}

.wpex-site-nav-inner { display: flex; flex-wrap: wrap; gap: 1rem; border-bottom: 0px solid var(--wpex-accent); }

.wpex-site-nav .wpex-dropdown-menu > li { display: block; }

.wpex-site-nav .wpex-dropdown-menu li:last-child { margin-right: 0 }

.wpex-site-nav .wpex-dropdown-menu a { display: flex; align-items: center; gap: 4px; color: #CCC; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; padding: 12px 24px; transition: 0.15s all ease-in-out; border-right: 1px solid #000;}

.wpex-site-nav .menu-item-arrow { display: flex-end; align-items: bottom; }

.wpex-site-nav .menu-item-arrow svg { height: 12px; width: 2em; }

.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-color: #151515; color: #fff; text-decoration: none; border-color: none;  }

.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: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; padding: 0 1.25rem; height: 42px; line-height: 42px; }

.wpex-mobile-nav-toggle:hover { color: #ccc; text-decoration: none; }

.wpex-mobile-nav-toggle-icon { margin-right: 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-left: auto; margin-right: 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-accent2); }

.wpex-socialbar a:hover,

.wpex-socialbar a:focus { color:var(--wpex-link-color); }



/*------------------------------------------------------------------

[# Sidebar]

-------------------------------------------------------------------*/

.wpex-sidebar-widget { margin-bottom: 20px; padding: 20px; border-top: 1px solid #474b4c; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;background: #1e2024; position: relative; }

.wpex-sidebar-widget:before { content: ""; display: block; height: 0px; width: 100%; background: #000; position: absolute; top: 0; left: 0; }

.wpex-sidebar-widget.widget_search { border: 1px solid #000; border-top: 1px solid #474b4c !important; padding: 20px; }

.wpex-sidebar-widget .widget-title { margin: -20px -20px 20px; border-bottom: 1px solid #000; font-size: 1.077em; padding: 10px 10px 10px 10px; font-weight: bold; text-transform: uppercase; position: relative; background-image: url("https://www.hsqclan.com/wp-content/themes/wpex-today/assets/images/stripe.png"); }

/* 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; border: 1px solid #000; padding: 0.429em 0.857em; margin: 0 4px 4px 0; color: #ccc; background: #151515; transition: all 0.15s; }

.tagcloud a:hover { color: #fff; background: #f96800; 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: #1a1c20; border-top: 1px solid #474b4c; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 1.25rem; }



/*entry category*/

.wpex-entry-cat { margin-bottom: 0.625rem }

.wpex-entry-cat a { display: block; float: left; font-size: 11px; font-weight: 500; padding: 2px 5px; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase; transition: 0.15s all; background: var(--wpex-accent); color: var(--wpex-on-accent); border: 1px solid #000; }

.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%; object-fit: contain; opacity: 0.8;}

a.wpex-loop-entry-media-link:hover img { opacity: 1;}



/*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; border: 1px solid #000; padding: 0.429em 0.857em; margin: 0 4px 4px 0; color: #fff; background: #151515; transition: all 0.15s; }

.wpex-readmore:is(:hover,:focus) { text-decoration: none; color: #fff; background: #f96800; }



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



/*------------------------------------------------------------------

[# Meta]

-------------------------------------------------------------------*/

.wpex-loop-entry-meta,

.wpex-post-meta { font-size: 0.923em; color: #ccc;}

: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: #1a1c20; border-top: 1px solid #474b4c; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; }

.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; border: 1px solid #000; padding: 0.429em 0.857em; margin: 0 4px 4px 0; color: #fff; background: #151515; transition: all 0.15s; }

.wpex-post-tags a:hover { background: var(--wpex-link-color); 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; margin-right: 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-right: 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;}

.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: #f96800; 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; width: 50%; }

.wpex-next-prev-nav .nav-previous { text-align: right; float: right; }

.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; margin-right: 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: #151515; 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: #212528; padding: 1.25rem; border: 1px solid #000; 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-left: 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-left: 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-date { display: inline-block; margin-right: 12px; }

.comment-details { margin-left: 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; 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; }

.rtl #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; }

#comments .comment-navigation .wpex-nav-next { width: 48%; float: right; 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; margin: 0 0 0.625rem 1.25rem; }

.alignleft { float: left; 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: #ccc; 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; 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 }



/*------------------------------------------------------------------

[# Celle]

-------------------------------------------------------------------*/

table.celle {

  width: 100%;

}



th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #000;

  color: #FFF;

}





td {

  padding: 8px;

 vertical-align: middle;

}



table.celle tr:nth-child(odd) {

	font-size: 12px;

	background-color: #26272b;

	text-align: left;

	color: #ccc;

	border: 1px solid black;

}



table.celle tr:nth-child(even) {

	font-size: 12px;

	background-color: #33363b;

	text-align: left;

	color: #ccc;

	border: 1px solid black;

}

table.celle tr:hover td {

	background-color: #151515;

}



/*------------------------------------------------------------------

[# Celle Clan Wars]

-------------------------------------------------------------------*/

table.cells {

	font-size: 12px;

	width: 99%;

	margin: 0;

	padding: 0;

	text-align: left;

}



table.cells tr:nth-child(odd) {

	font-size: 12px;

	background-color: #26272b;

	text-align: left;

	color: #ccc;

}



table.cells tr:nth-child(even) {

	font-size: 12px;

	background-color: #33363b;

	text-align: left;

	color: #ccc;

}



table.cells td {

	font-size: 12px;

	padding: 4px;

	margin: 0;

	border: 1px solid #000000;

	color: #ccc;

}



.elementor-widget-container ul,

.elementor-widget-container li {

  margin: 10px;

  padding: 0;

  list-style-type: square;

}



.gallery-item a img { border: 3px solid #fff !important; }

.gallery-item a:hover img { border: 3px solid #f96800 !important; }



.footer-copyright wpex-clr {color:#ccc !important;}



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

[# Buddypress]

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

#buddypress table.profile-fields {

	margin-bottom: 20px;

	background-color: #33363b !important;

	border:1px solid #000 !important;

}

#buddypress table.notifications tr.alt td,

#buddypress table.notifications-settings tr.alt td,

#buddypress table.profile-settings tr.alt td,

#buddypress table.profile-fields tr.alt td,

#buddypress table.wp-profile-fields tr.alt td,

#buddypress table.messages-notices tr.alt td,

#buddypress table.forum tr.alt td {

	background: #26272b !important;

	color: #ccc !important;

	border-bottom:1px solid #000;

	border-left:1px solid #000;

}

#buddypress table.notifications tr td,

#buddypress table.notifications-settings tr td,

#buddypress table.profile-settings tr td,

#buddypress table.profile-fields tr td,

#buddypress table.wp-profile-fields tr td,

#buddypress table.messages-notices tr td,

#buddypress table.forum tr td,

#buddypress table.notifications tr th,

#buddypress table.notifications-settings tr th,

#buddypress table.profile-fields tr th,

#buddypress table.wp-profile-fields tr th,

#buddypress table.messages-notices tr th,

#buddypress table.forum tr th {

	padding: 8px;

	vertical-align: middle;

	background: #26272b !important;

	border-bottom:1px solid #000;

	border-left:1px solid #000;

	border-right:1px solid #000;

	border-top:1px solid #000;

}

#buddypress table.profile-fields tr td.label {width:15%;}

#buddypress table.forum tr td.label,#buddypress table.messages-notices tr td.label,#buddypress table.notifications tr td.label,#buddypress table.notifications-settings tr td.label,#buddypress table.profile-fields tr td.label,#buddypress table.wp-profile-fields tr td.label{border-right:1px solid #000000;font-weight:700;width:15%}



.child {

  display: inline-block;

  border: 1px solid red;

  padding: 1rem 1rem;

  vertical-align: middle;

}






.fancybox-title-inside {
	color: #000000 !important;

	font-weight: bold;
}
.wpex-page-header-title {display: none;}

div.CellsTable {
	display: table; 
  	border: 1px solid #000000;
  	background-color: #33363B;
  	width: 100%;
  	text-align: left;
  	border-collapse: collapse;
}

/* DivTable.com */

.divTable{
	display: table; 
  	border: 1px solid #000000;
  	background-color: #33363B;
  	width: 100%;
  	text-align: left;
  	border-collapse: collapse;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #000;
	display: table-header-group;
}
.divTableCell, .divTableHead {
  border: 1px solid #000000;
	display: table-cell;
	padding: 3px 10px;
 vertical-align: middle;
}
.divTableHeading {
	background-color: #000;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
	background-color: #26272b;
	font-size: 13px;
	color: #ccc;
}
.divTable .divTableRow:nth-child(even) {
  background: #26272B;
}
.divTable .divTableRow:nth-child(even) {
  background: #33363b;
}