/*
Theme Name: OnePress (Dark Mode)
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. **MODIFIED FOR PURE BLACK BACKGROUND AND WHITE TEXT.**
Version: 2.3.16
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tested up to: 6.7.1
Requires PHP: 5.6
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset
2.0  Document
3.0  Layout
4.0  Structure
5.0  Contents
6.0  Elements
7.0  Widgets
8.0  Sections
9.0  External Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* Reset already include in bootstrap */
/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
html, body {
  height: 100%;
}
/*------------------------------
	2.1 Typography
------------------------------*/
html, body {
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
}
@media (max-width: 991px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
}
body {
  /* MODIFIED: Pure black background */
  background: #000000;
}
.site {
  /* MODIFIED: Pure black background for main site area */
  background: #000000;
  position: relative;
}
body, button, input, select, textarea {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  /* MODIFIED: Light gray/white text for contrast */
  color: #dddddd;
}
pre,
code,
input,
textarea {
  font: inherit;
}
::-moz-selection {
  /* MODIFIED: Selection background for contrast */
  background: #03c4eb;
  color: #000000;
}
::selection {
  /* MODIFIED: Selection background for contrast */
  background: #03c4eb;
  color: #000000;
}
/*------------------------------
	2.2 Links
------------------------------*/
a {
  /* MODIFIED: High contrast link color (Electric Cyan) */
  color: #03c4eb;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  /* MODIFIED: White on hover for contrast */
  color: #ffffff;
  text-decoration: underline;
}
a:active, a:focus, a:hover {
  outline: none;
}
/*------------------------------
	2.3 Heading
------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-top: 0;
  /* MODIFIED: White headings */
  color: #ffffff;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  /* MODIFIED: White headings links */
  color: #ffffff;
  text-decoration: none;
}
h1 {
  line-height: 1.3;
  font-size: 33px;
  font-size: 2.0625rem;
}
@media (min-width: 768px) {
  h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
h1 span {
  font-weight: bold;
}
h2 {
  line-height: 1.2;
  font-size: 25px;
  font-size: 1.5625rem;
}
@media (min-width: 768px) {
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
h4 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 12px;
}
h5 {
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}
h6 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 1px;
}
/*------------------------------
	2.4 Base
------------------------------*/
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-top: 0;
}
/*------------------------------
	2.5 Content
------------------------------*/
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  clear: both;
  margin: 20px 0;
}
blockquote p {
  font-style: italic;
}
blockquote cite {
  font-style: normal;
  margin-bottom: 20px;
  font-size: 13px;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
figure {
  margin: 0;
}
address {
  margin: 20px 0;
}
hr {
  border: 0;
  /* MODIFIED: Light line on dark background */
  border-top: 1px solid #333333;
  height: 1px;
  margin-bottom: 20px;
}
tt,
kbd,
pre,
code,
samp,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  /* MODIFIED: Dark background for code */
  background-color: #1a1a1a;
  padding: 5px 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /* MODIFIED: Light text for code */
  color: #dddddd;
}
pre {
  overflow: auto;
  white-space: pre-wrap;
  max-width: 100%;
  line-height: 1.7;
  margin: 20px 0;
  padding: 20px;
}
details summary {
  font-weight: bold;
  margin-bottom: 20px;
}
details :focus {
  outline: none;
}
abbr,
acronym,
dfn {
  cursor: help;
  font-size: 0.95em;
  text-transform: uppercase;
  /* MODIFIED: Light border for abbreviation */
  border-bottom: 1px dotted #555555;
  letter-spacing: 1px;
}
mark {
  /* MODIFIED: Light background for mark */
  background-color: #333333;
  text-decoration: none;
}
small {
  font-size: 82%;
}
big {
  font-size: 125%;
}
ul, ol {
  padding-left: 20px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul li, ol li {
  margin: 8px 0;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 20px 20px;
}
/*------------------------------
	2.6 Table
------------------------------*/
table {
  width: 100%;
  margin-bottom: 20px;
  /* MODIFIED: Light border for table */
  border: 1px solid #333333;
  border-collapse: collapse;
  border-spacing: 0;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  /* MODIFIED: Light border for table cells */
  border: 1px solid #333333;
  line-height: 1.42857;
  padding: 5px;
  vertical-align: middle;
}
table > thead > tr > th, table > thead > tr > td {
  border-bottom-width: 2px;
}
table th {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
/*------------------------------
	2.7 Form
------------------------------*/
fieldset {
  padding: 20px;
  /* MODIFIED: Light border for fieldset */
  border: 1px solid #333333;
}
input[type=reset], input[type=submit], input[type=submit],
.pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
  cursor: pointer;
  /* Primary color for buttons */
  background: #03c4eb;
  border: none;
  display: inline-block;
  /* White text on button */
  color: #FFFFFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  padding: 15px 23px 15px 23px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /* MODIFIED: Dark shadow for dark mode */
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset;
  margin: 3px 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}
input[type=reset]:hover, input[type=submit]:hover, input[type=submit]:hover,
.pirate-forms-submit-button:hover, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
  /* MODIFIED: Slight color change on hover */
  opacity: 0.9;
  background: #03c4eb;
  border: none;
}
input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover,
input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus,
button:hover, button:focus {
  cursor: pointer;
}
textarea {
  resize: vertical;
}
select {
  max-width: 100%;
  overflow: auto;
  vertical-align: top;
  outline: none;
  /* MODIFIED: Dark mode styling for select */
  border: 1px solid #333333;
  padding: 10px;
  background-color: #1a1a1a;
  color: #ffffff;
}
textarea:not(.editor-post-title__input),
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  padding: 10px;
  max-width: 100%;
  border: 0px;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  /* MODIFIED: Dark mode styling for inputs */
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #1a1a1a;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  color: #ffffff;
}
textarea:not(.editor-post-title__input):focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus {
  /* MODIFIED: Dark mode focus style */
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-color: #03c4eb;
  border-bottom: 1px solid #03c4eb !important;
  background: #222222;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=radio], input[type=checkbox] {
  /* MODIFIED: Ensure radio/checkbox are visible */
  background-color: #ffffff;
  margin: 0 10px;
}
/*------------------------------
	2.8 Accessibility
------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  /* MODIFIED: Light background for screen reader text */
  background-color: #1a1a1a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  clip: auto !important;
  color: #03c4eb;
  display: block;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 17px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}
/*------------------------------
	2.8 Accessibility
------------------------------*/
/*------------------------------
	2.9 Alignments
------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 3.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 3.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*------------------------------
	3.0 Clearings
------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  clear: both;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*------------------------------
	3.1 Infinite Scroll
------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*------------------------------
	3.1 Helper.
------------------------------*/
.hide {
  display: none;
}
.clearleft {
  clear: left;
}
.break, h1,
h2,
h3,
h4,
h5,
h6, p, ul, ol, dl, blockquote, pre {
  word-break: break-word;
  word-wrap: break-word;
}
body.mce-content-body {
  margin: 20px 40px;
  font-size: 13px;
}
/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
#primary {
  padding-bottom: 40px;
  padding-top: 40px;
}
.template-fullwidth-stretched #primary,
.siteorigin-panels #primary {
  padding: 0;
}
.template-fullwidth-stretched .entry-content,
.siteorigin-panels .entry-content {
  margin-bottom: 0px;
}
#secondary {
  padding-bottom: 40px;
  padding-top: 0;
}
@media screen and (min-width: 940px) {
  #secondary {
    padding-top: 40px;
  }
}
.content-area {
  width: 100%;
  float: none;
}
@media screen and (min-width: 940px) {
  .content-area {
    float: left;
  }
}
.sidebar {
  width: 100%;
  float: none;
}
@media screen and (min-width: 940px) {
  .sidebar {
    width: 25.2252252252%;
    float: left;
  }
}
.left-sidebar .site-main {
  margin-left: auto;
}
.no-sidebar .content-area {
  width: 100%;
}
.single-post .no-sidebar .site-main,
.single-post .no-sidebar .entry-content > * {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 940px) {
  .left-sidebar .content-area {
    float: right;
    padding-left: 39px;
    /* MODIFIED: Light border on dark background */
    border-left: 1px solid #333333;
    margin-right: 1px;
    width: 74.7747747748%;
  }
  .left-sidebar .sidebar {
    padding-right: 39px;
    /* MODIFIED: Light border on dark background */
    border-right: 1px solid #333333;
    margin-right: -1px;
  }
  .right-sidebar .content-area {
    padding-right: 39px;
    /* MODIFIED: Light border on dark background */
    border-right: 1px solid #333333;
    width: 74.7747747748%;
  }
  .right-sidebar .sidebar {
    padding-left: 39px;
    /* MODIFIED: Light border on dark background */
    border-left: 1px solid #333333;
    margin-left: -1px;
  }
}
/**
Footer widgets
 */
.footer-widgets {
  /* MODIFIED: Dark background for footer widgets */
  background: #050505;
}
.footer-widgets.section-padding {
  padding: 70px 0px 35px;
  padding: 4.375rem 0rem 2.1875rem;
}
.footer-widgets table {
  border-collapse: collapse;
}
.footer-widgets table > thead > tr > th,
.footer-widgets table > thead > tr > td {
  border-width: 1px;
}
.footer-widgets table th,
.footer-widgets table td {
  /* MODIFIED: Light border color on dark background */
  border-color: rgba(255, 255, 255, 0.4);
}
.footer-widgets .widget-title {
  /* MODIFIED: White widget titles */
  color: #ffffff;
}
.footer-widgets .widget-area .widget_categories li,
.footer-widgets .widget-area .widget_archive li,
.footer-widgets .widget-area .widget_meta li {
  width: 100% !important;
  float: none;
}
.footer-widgets .widget_recent_entries ul li,
.footer-widgets .widget_recent_comments ul li {
  border-bottom: 0px none;
  padding: 5px 0px;
  margin-bottom: 0px;
}
.footer-widgets .sidebar .widget {
  margin-bottom: 30px;
}
/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
/* Header
------------------------------*/
.site-header {
  line-height: 75px;
  position: relative;
  width: 100%;
  /* MODIFIED: Black background for header */
  background: #000000;
  z-index: 1000;
  -webkit-transition: all 1s ease-out;
  /* Safari */
  transition: all 0.5s ease-out;
  /* MODIFIED: Light box shadow for contrast */
  box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.06);
}
.site-header.header-fixed {
  top: 0px;
  left: 0px;
  position: fixed;
}
.site-header .custom-logo-transparent {
  display: none;
}
.followWrap {
  display: block;
}
.header-full-width .container {
  max-width: auto;
  width: auto;
}
@media screen and (min-width: 940px) {
  .header-full-width .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.is-transparent .followWrap {
  z-index: 99;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0px;
  display: block;
}
.is-transparent .site-header {
  background: transparent;
  position: fixed;
  top: 0px;
}
.is-transparent .site-header.no-sticky {
  position: absolute;
  top: auto;
}
.is-transparent .site-header.no-scroll {
  box-shadow: none;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
  display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
  display: none;
}
.is-transparent .site-header.no-scroll #nav-toggle span {
  /* MODIFIED: White menu icon on transparent header */
  background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
  /* MODIFIED: White menu icon on transparent header */
  background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
  background-color: transparent;
}
.is-transparent .site-header.header-fixed {
  /* MODIFIED: Black background on fixed header */
  background: #000000;
}
.is-transparent .site-header.header-fixed.no-scroll {
  background: transparent;
  box-shadow: none;
}
@media screen and (min-width: 1140px) {
  .is-transparent .no-scroll.site-header .onepress-menu > li > a {
    /* MODIFIED: White links on transparent header */
    color: rgba(255, 255, 255, 0.9);
  }
}
.is-transparent .hero-slideshow-fullscreen .hero__content {
  padding-top: 50px;
  padding-top: 3.125rem;
}
.site-branding {
  float: left;
}
.site-branding .site-title,
.site-branding .site-text-logo {
  margin: 0px;
  line-height: 1;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 23px;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* MODIFIED: White site title */
  color: #ffffff;
  display: initial;
  vertical-align: middle;
  font-weight: 600;
}
.site-branding .site-title:hover,
.site-branding .site-text-logo:hover {
  text-decoration: none;
}
.site-branding .site-title {
  display: inline-block;
}
.site-branding .site-image-logo {
  display: block;
}
.site-branding .site-logo-div {
  line-height: 75px;
}
.site-branding .no-logo-img.has-desc,
.site-branding .has-logo-img {
  line-height: 60px;
}
.site-branding .no-logo-img.has-desc .site-title,
.site-branding .has-logo-img .site-title {
  margin-top: -5px;
  position: relative;
}
.site-branding .no-logo-img.has-desc .site-description,
.site-branding .has-logo-img .site-description {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  position: relative;
  top: -15px;
  /* MODIFIED: Light description text */
  color: #dddddd;
}
.home.header-transparent .no-scroll .site-brand-inner,
.home.header-transparent .no-scroll .site-text-logo {
  color: #fff;
}
.header-social {
  margin-left: 0px;
  float: right;
}
@media screen and (min-width: 940px) {
  .header-social {
    margin-left: 10px;
  }
}
@media screen and (max-width: 576px) {
  .header-social {
    display: none;
  }
}
.header-social a {
  display: block;
  height: 100%;
  float: left;
  margin-left: 0px;
  margin-top: -2px;
  /* Primary color for social icons */
  color: #03c4eb;
}
@media screen and (min-width: 940px) {
  .header-social a {
    margin-left: 3px;
  }
}
.header-social a:hover {
  /* MODIFIED: White on hover */
  color: #ffffff;
  transition: all 0.2s linear 0s;
}
.header-social .fa-stack-1x,
.header-social .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.header-social .fa-stack-1x {
  line-height: inherit;
}
.header-social .fa-stack-2x {
  font-size: 2em;
}
.header-social .fa-inverse {
  color: #000000;
}
.header-btn {
  float: right;
}
/* Site Navigation */
.onepress-menu,
.onepress-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.onepress-menu {
  float: right;
}
.onepress-menu ul {
  position: absolute;
  display: block;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
  top: 100%;
  left: 0;
}
.onepress-menu ul.sub-ul-r {
  left: auto;
  right: 0px;
}
.onepress-menu ul ul {
  top: 0;
  left: 100%;
}
.onepress-menu li {
  position: relative;
}
.onepress-menu > li {
  float: left;
}
.onepress-menu li:hover > ul,
.onepress-menu li.sfHover > ul {
  display: block;
  height: initial;
  overflow: initial;
  opacity: 1;
  z-index: 99;
}
.onepress-menu a {
  display: block;
  position: relative;
}
.onepress-menu ul {
  min-width: 12em;
  width: fit-content;
  max-width: 100vw;
  /* MODIFIED: Dark mode submenu styling */
  border: 1px solid #333333;
  border-top: none;
}
.onepress-menu li {
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.onepress-menu li:hover,
.onepress-menu li.sfHover {
  -webkit-transition: none;
  transition: none;
}
.onepress-menu a {
  /* MODIFIED: Light menu text */
  color: #ffffff;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  zoom: 1;
  letter-spacing: 1px;
  white-space: nowrap;
}
.onepress-menu a:hover {
  /* Primary color on hover */
  color: #03c4eb;
}
.onepress-menu ul li {
  line-height: 26px;
  width: fit-content;
  min-width: 100%;
}
.onepress-menu ul li a {
  /* MODIFIED: Dark mode submenu item styling */
  border-top: 1px solid #333333;
  padding: 8px 18px;
  color: #dddddd;
  font-size: 13px;
  text-transform: none;
  background: #111111;
  letter-spacing: 0;
}
.onepress-menu ul li a:hover {
  /* Primary color on hover */
  color: #03c4eb;
}
.onepress-menu li.onepress-current-item > a {
  /* Primary color for active item */
  color: #03c4eb;
}
.onepress-menu ul li.current-menu-item > a {
  /* Primary color for active submenu item */
  color: #03c4eb;
}
.onepress-menu > li:last-child > a {
  padding-right: 0px;
}
.onepress-menu > li a.menu-actived {
  /* Primary color for active link */
  color: #03c4eb;
}
.onepress-menu .nav-toggle-subarrow {
  display: none;
}
#nav-toggle {
  display: none;
  margin-left: 15px;
}
@media screen and (max-width: 1140px) {
  .main-navigation {
    position: static;
  }
  .main-navigation .onepress-menu {
    width: 100% !important;
    display: block;
    height: 0px;
    overflow: hidden;
    /* MODIFIED: Dark background for mobile menu */
    background: #111111;
  }
  .onepress-menu.onepress-menu-mobile {
    position: absolute;
    top: 75px;
    right: 0;
    width: 100%;
    z-index: 800;
    overflow: auto !important;
    /* MODIFIED: Light border on dark background */
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
  }
  .onepress-menu.onepress-menu-mobile .sub-menu {
    width: auto;
  }
  .onepress-menu.onepress-menu-mobile > li > a {
    padding: 12px 20px;
  }
  .onepress-menu.onepress-menu-mobile li:hover ul {
    display: none;
  }
  .onepress-menu.onepress-menu-mobile ul {
    box-shadow: none;
    padding-bottom: 0;
    border: none;
    position: relative;
  }
  .onepress-menu.onepress-menu-mobile ul li:last-child {
    border-bottom: none;
  }
  .onepress-menu.onepress-menu-mobile ul li a {
    padding: 12px 35px;
    border-top: none;
    white-space: pre-line;
  }
  .onepress-menu.onepress-menu-mobile ul li a:hover {
    background: transparent;
  }
  .onepress-menu.onepress-menu-mobile ul li li a {
    padding: 12px 70px;
    border-top: none;
  }
  .onepress-menu.onepress-menu-mobile ul li li li a {
    padding: 12px 105px;
  }
  .onepress-menu.onepress-menu-mobile ul ul {
    left: 0px;
  }
  .onepress-menu.onepress-menu-mobile li {
    line-height: 20px;
    /* MODIFIED: Dark background for list item */
    background: #111111;
    /* MODIFIED: Light border on dark background */
    border-top: 1px solid #333333;
    width: 100% !important;
  }
  .onepress-menu.onepress-menu-mobile > li:first-child {
    border-top: 0px none;
  }
  .onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
    /* Primary color for active item */
    color: #03c4eb;
  }
  .onepress-menu.onepress-menu-mobile a {
    /* MODIFIED: Light text */
    color: #dddddd;
  }
  .onepress-menu.onepress-menu-mobile a:hover {
    /* MODIFIED: White on hover */
    color: #ffffff;
  }
  .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
    display: block;
    /* MODIFIED: Light color for arrow */
    color: #bbbbbb;
    /* MODIFIED: Light border on dark background */
    border-left: 1px solid #333333;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
    padding: 11px 20px;
    z-index: 10;
    font-size: 22px;
  }
  .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
    content: "\f106" !important;
  }
  .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
    left: 0px;
    display: block !important;
    height: initial;
    overflow: initial;
    opacity: 1;
    z-index: inherit;
  }
  #nav-toggle {
    display: block;
  }
}
#nav-toggle {
  float: right;
  position: relative;
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}
#nav-toggle span {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  -webkit-transition: rotate 0.2s, translate 0.2s;
  -moz-transition: rotate 0.2s, translate 0.2s;
  transition: rotate 0.2s, translate 0.2s;
  display: inline-block;
  height: 3px;
  width: 24px;
  /* MODIFIED: White menu icon on dark header */
  background: #ffffff;
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  top: 8px;
}
#nav-toggle span:before, #nav-toggle span:after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  /* MODIFIED: White menu icon on dark header */
  background: #ffffff;
  content: "";
  right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}
#nav-toggle.nav-is-visible span {
  background: transparent;
}
#nav-toggle.nav-is-visible span:before {
  -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
  transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
  -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(0px) rotate(-45deg);
  transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
  /* MODIFIED: White close icon */
  background: #ffffff;
}
/* Content
------------------------------*/
.site-content {
  /* MODIFIED: Light border on dark background */
  border-top: 1px solid #333333;
  margin-top: -1px;
}
.site-content.no-border {
  border-top: none;
}
.blog .site-content,
.tax-portfolio_cat .site-content,
.single-post .site-content,
.hiding-page-title .site-content {
  margin-top: 0;
}
.page-header {
  padding: 30px 0px;
  /* MODIFIED: Light border on dark background */
  border-top: 1px solid #333333;
  /* MODIFIED: Dark background for page header */
  background: #111111;
  /* MODIFIED: Light border on dark background */
  border-bottom: 1px solid #333333;
  position: relative;
}
.page-header:before {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  content: " ";
}
.page-header .entry-title,
.page-header .page-title {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page-header p {
  margin: 6px 0px 0px 0px;
}
.page-header.page--cover {
  position: relative;
  padding: 8% 0px;
  text-align: center;
  border-top: 0 none;
  border-bottom: 0 none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.page-header.page--cover:before {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  /* MODIFIED: Darker overlay for cover image */
  background: rgba(0, 0, 0, 0.6);
  content: " ";
}
.page-header.page--cover .entry-title {
  font-size: 2.5rem;
  font-weight: 800;
  /* White title */
  color: #ffffff;
}
.page-header.page--cover .entry-tagline {
  /* White tagline */
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
}
@media screen and (min-width: 1140px) {
  .page-header.page--cover .entry-tagline {
    font-size: 20px;
  }
}
@media screen and (max-width: 940px) {
  .page-header.page--cover .entry-tagline {
    font-size: 18px;
  }
}
@media screen and (max-width: 720px) {
  .page-header.page--cover .entry-tagline {
    font-size: 16px;
  }
}
.page-header.page--cover.is-t-above .container {
  margin-top: 30px;
}
/* Footer
------------------------------*/
.site-footer {
  /* MODIFIED: Darker footer background */
  background: #000000;
  /* MODIFIED: Light footer text */
  color: #bbbbbb;
  font-size: 14px;
}
.site-footer a {
  /* Primary color for footer links */
  color: #03c4eb;
}
.site-footer .footer-connect {
  padding: 90px 0px;
  padding: 80px 0px;
  padding: 5rem 0rem;
  text-align: center;
}
@media (max-width: 767px) {
  .site-footer .footer-connect .footer-subscribe {
    margin-bottom: 40px;
  }
}
.site-footer .footer-connect .follow-heading {
  /* White heading */
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 0.8px;
}
.site-footer .footer-connect .subs_input {
  /* MODIFIED: Dark mode input style */
  background-color: rgba(255, 255, 255, 0.145);
  color: #cccccc;
  border-bottom: none;
  box-shadow: none;
  padding: 12px 15px 12px;
  border-radius: 2px;
  width: 60%;
  font-size: 13px;
}
.site-footer .footer-connect .subs_input:focus {
  border: none;
}
@media screen and (max-width: 1140px) {
  .site-footer .footer-connect .subs_input {
    width: 100%;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 940px) {
  .site-footer .footer-connect .subs_input {
    width: 70%;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 720px) {
  .site-footer .footer-connect .subs_input {
    width: 100%;
    margin-bottom: 4px;
  }
}
.site-footer .footer-connect .subs-button {
  margin: 0px;
  position: relative;
  top: 0px;
  padding: 16px 23px 16px;
}
@media screen and (max-width: 1140px) {
  .site-footer .footer-connect .subs-button {
    width: 100%;
  }
}
@media screen and (max-width: 940px) {
  .site-footer .footer-connect .subs-button {
    width: 70%;
  }
}
@media screen and (max-width: 720px) {
  .site-footer .footer-connect .subs-button {
    width: 100%;
  }
}
.site-footer .footer-connect input[type=text]:focus {
  border: none !important;
}
.site-footer .footer-social {
  text-align: center;
}
.site-footer .footer-social a {
  font-size: 30px;
  margin: 0px 13px;
  /* White social icons */
  color: #ffffff;
}
.site-footer .footer-social a:hover {
  /* Primary color on hover */
  color: #03c4eb;
}
.site-footer .site-info {
  position: relative;
  text-align: center;
  padding: 35px 0px;
  /* MODIFIED: Slightly lighter dark background for contrast */
  background: #111111;
  font-weight: 500;
  color: #bbbbbb;
}
.site-footer .site-info a {
  /* Light link color */
  color: #ffffff;
}
.site-footer .site-info a:hover {
  text-decoration: underline;
}
.site-footer .site-info .container {
  position: initial;
}
.site-footer .btt a {
  border-radius: 0px 20px 0 0;
  /* MODIFIED: Light color for BTT button */
  color: #bbbbbb;
  /* MODIFIED: Dark background for BTT button */
  background: #111111;
  display: block;
  font-size: 30px;
  height: 50px;
  line-height: 50px;
  margin: auto;
  position: absolute;
  right: 60px;
  top: -25px;
  transition: all 0.2s linear 0s;
  width: 50px;
  z-index: 99;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.site-footer .btt a:hover {
  /* Primary color on hover */
  color: #03c4eb;
}
.site-footer .btt a i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: 3px;
}
@media screen and (max-width: 940px) {
  .site-footer .btt a {
    right: 0;
    left: 0;
  }
}
/*--------------------------------------------------------------
5.0 Contents
--------------------------------------------------------------*/
/* Page: 404
------------------------------*/
.error-404 .search-form,
.error-404 .widget {
  margin-bottom: 40px;
}
.error-404 .widgettitle,
.error-404 .widget-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 13px;
  font-weight: 700;
}
.error-404 ul {
  padding-left: 0px;
}
.error-404 ul li {
  list-style: none;
}
/* Page: Search
------------------------------*/
.search-results .hentry {
  /* MODIFIED: Light border on dark background */
  border-bottom: 1px solid #333333;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.search-results .entry-summary p {
  margin-bottom: 0px;
}
.search-results .entry-header .entry-title {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}
.search-results .entry-header .entry-title a:hover {
  text-decoration: none;
}
/* Entry Header
------------------------------*/
.entry-header .entry-title {
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.6px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height: 1.3;
}
@media screen and (min-width: 940px) {
  .entry-header .entry-title {
    font-size: 32px;
    line-height: 1.5;
  }
}
.entry-thumbnail {
  margin-bottom: 30px;
}
.single .entry-header .entry-title {
  ma