/*
Theme Name: SEO Enterprise
Theme URI: https://www.themespride.com/products/free-seo-wordpress-theme
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: The SEO Enterprise WordPress Theme is a powerful and professional solution designed for SEO agencies, digital marketing agencies, and SEO consultants looking to establish a strong online presence. With a sleek, modern design, this theme is tailored for SEO firms, top SEO companies, and technical SEO agencies that provide services such as on-page SEO, off-page SEO, keyword research services, SEO link building, and SEO competitor analysis. Built for performance, it ensures fast loading times, mobile responsiveness, and seamless navigation, making it the perfect choice for small business SEO, eCommerce SEO agencies, and enterprise SEO services. This SEO-optimized theme includes essential features like SEO analytics, performance tracking, and Google Analytics integration, allowing businesses to monitor their SEO rankings, track conversions, and refine their SEO strategy. Designed with clean and secure code, it offers customization options, multiple layout styles, and retina-ready graphics for a visually stunning experience. The theme also supports schema markup SEO, rich snippets, and voice search SEO, ensuring better Google search rankings. Integrated AI-driven SEO tools and SEO automation features provide an edge for agencies offering SEO for startups, lead generation SEO, and conversion rate optimization. Whether you’re an SEO consultant, SEM agency, or search marketing services provider, this theme delivers the perfect blend of functionality, aesthetics, and SEO best practices to help grow your business.
Version: 0.3
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seo-enterprise
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, rtl-language-support, translation-ready, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, blog, e-commerce, education

SEO Enterprise WordPress Theme, Copyright 2025 ThemesPride
SEO Enterprise is distributed under the terms of the GNU GPL

*/

:root {
  --color-primary1: #344CB7;
  --color-primary2: #e40539;
}

@font-face {
  font-family: 'Roboto';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/webfonts/Roboto-Medium.woff");
}
@font-face {
  font-family: 'Roboto';
  font-style:  normal;
  font-weight: 900;
  font-display: swap;
  src: url("assets/webfonts/Roboto-Black.woff");
}
@font-face {
  font-family: 'Nippo';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/webfonts/Nippo-Medium.woff");
}

* {
  outline: none;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
html.menu-open {
  overflow-y: hidden;
}

body{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-align: left;
  line-height: 1.5;
  background-color: #2b0b2c;
  margin:0;
  padding:0;
  overflow-x: hidden;
}

body.admin-bar {
  min-height: calc(100vh - 32px);
}

body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background-color: #12192c;
}
body::-webkit-scrollbar-thumb {
  border: 1px solid #12192c;
  border-radius: 10px;
  height: 20%;
  background: #e50539;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  font-family: 'Nippo', sans-serif;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 24px;
}
h1 { font-size: 46px; }
h2 { font-size: 38px; }
h3 { font-size: 22px; }
h4, h5, h6 { font-size: 18px; }
p {
  margin-top: 0;
  margin-bottom: 24px;
}
a {
  text-decoration:none;
  transition: all .3s ease;
  color: var(--color-primary2);
}
a:hover{
  text-decoration:none;
}
ol, ul {
  margin-bottom: 24px;
}

input[type="search"] {
  padding: 10px;
  border: 1px solid #ebebeb;
  font-size: 15px;
}
button[type="submit"],
button,
.btn {
  display: inline-block;
  border: none;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  padding: 10px 40px;
  text-decoration: none;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background: -webkit-gradient(linear, right top, left top, from(#ff6d6d), to(#e50539));
  background: linear-gradient(270deg, #ff6d6d 0, #e50539 100%);
  -webkit-box-shadow: 0 3px 0 #af0a31;
  box-shadow: 0 3px 0 #af0a31;
  color: #fff;
}
button[type="submit"]:hover,
button[type="submit"]:focus,
button:hover,
button:focus,
.btn:hover,
.btn:focus {
  box-shadow: none;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
textarea {
  width: 100%;
}
.comment-body a,
.entry-content a,
.entry-summary a,
#main-content p a{
  text-decoration: underline;
  color: var(--color-primary2);
}

a.page-numbers{
  color: #fff;
}

/*--------------------------------------------------------------
Accessibility CSS
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
Header Details
--------------------------------------------------------------*/
.logo {
  position: relative;
  height: 50px;
  mr30
}
.logo img {
  height: 100%;
  width: auto;
}
p.site-title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
  padding-right: 20px;
}
p.site-title a {
  color: #fff;
}
p.site-title a:hover {
  text-decoration: underline;
}
header {
  position: relative;
}
.main-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*--------------------------------------------------------------
Menu bar
--------------------------------------------------------------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.scrolled {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0 0 20px 10px rgba(0,0,0,0.25);
  background: #fff;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li{
  position: relative;
  display: inline-block;
}
.main-navigation li:last-child a{
  border-right: none;
}
.main-navigation a {
  position: relative;
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 17px;
  z-index: 99;
}
.main-navigation li.menu-item-has-children::after {
    /*content: "\f078";*/
    /*font-family: var(--font-awesome);*/
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff;
    z-index: 1;
    color: #fff;
    font-size: 12px;
}
.main-navigation ul ul.sub-menu li.menu-item-has-children::after{
  content:none;
}
.main-navigation li.current-menu-item a,
.main-navigation a:hover{
  color: var(--color-primary2);
}
.main-navigation ul ul{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100% ;
  background: var(--color-primary2);
  min-width: 215px;
  z-index: 9999;
  color:#fff;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul a{
  color: #fff;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #fff;
  border-left: none;
  border-right: none !important;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  opacity: 1;
}
.main-navigation li.menu-item-has-children:hover > ul, .main-navigation li.menu-item-has-children:focus > ul, .main-navigation li.menu-item-has-children.focus > ul{
  opacity: 1;
}
.main-navigation .menu > ul > li.highlight{
  background-color: var(--color-primary1);
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #fff;
}
.main-navigation ul.sub-menu li.page_item_has_children a:after, .main-navigation ul.sub-menu li.menu-item-has-children a:after{
  color: #fff;
  right: 10px;
  font-size: 12px;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation .sub-menu {
  list-style: none;
  padding-left: 0;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.main-navigation .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-navigation .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu{
  left: 202px !important
}

/*--------------------------------------------------------------
Post Pages
--------------------------------------------------------------*/

.page-box {
  margin: 0 0 4em 0;
  padding: 45px 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 2px #aaa;
  border-bottom: 3px solid var(--color-primary2);
}
.page-box:hover{
  box-shadow: 0 0 20px #cfcfcf;
}
#category-post .entry-video, #category-post .entry-audio{
  padding-bottom: 7px;
}
.blog-description{
  font-size: 15px;
  color: #fff;
}
.box-image-page{
  position: relative;
  z-index: 99;
  background: #000;
}
.box-image-page img,
.box-content img {
  width: 100%;
  height: auto;
}
.external-div {
  position: relative;
  text-align: center;
  margin-top: 0;
  height: 350px;
  margin-bottom: 0;
  background: #000;
}
.external-div .box-image-page img{
  object-fit: cover;
  position: absolute;
  height: 350px;
  width: 100%;
  left: 0;
  right: 0;
  background-size:cover;
}
.single-page-img, .featured-image{
  opacity: 0.5;
}
.box-text{
  position: absolute;
  bottom: auto;
  top: 50%;
  right: 30%;
  left: 30%;
  z-index: 99;
  text-align: center;
  transform: translateY(-50%);
}
.box-text h2{
  color: #fff;
  text-transform:capitalize;
  font-size: 40px;
  font-weight: 700;
}
.box-info i {
  margin-right: 5px;
  color: var(--color-primary2);
  font-size: 14px;
}
.box-info {
  padding: 5px 0;
}
.content-area .box-info a {
  margin-right: 10px;
  color: #001837;
  font-size: 15px;
}
.content-area .box-info a:hover{
  color: var(--color-primary2);
}
.page-box p {
  color: #8f8787;
  font-size: 15px;
  margin: 15px 0;
}
.page-box h4 a:hover{
  color: var(--color-primary2);
}
.page-box h4 a {
  font-size: 25px;
  font-weight: bold;
  color: #000;
}
.page-box h4 {
  padding-bottom: 10px;
  margin-bottom: 10px;

}
.page-box a,.nav-links a {
  text-decoration: none;
}
.page-box .readmore-btn a {
  display: inline-block;
  padding: 11px 36px;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 600;
  background-color: var(--color-primary2);
  color: #fff;
  text-transform: capitalize;
}
.page-box .readmore-btn a:hover{
  background-color:var(--color-primary1);
  color: #fff;
}

/*--------------------------------------------------------------
Posts Numbers
--------------------------------------------------------------*/
.page-numbers {
  background: var(--color-primary2);
  color: #fff;
  padding: 7px;
  font-weight: bold;
}
.prev.page-numbers,
.next.page-numbers {
  font-size: 15px;
  background: var(--color-primary2);
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
  background-color: var(--color-primary1);
  color: #fff;
}
.page-links {
  font-size: 14px;
  font-weight: 800;
  padding: 2em 0 3em;
}
.page-links .page-number {
  color: #1c1c1c;
  display: inline-block;
  padding: 0.5em 1em;
}
.page-links a {
  display: inline-block;
}

.page-links a .page-number {
  color: #151515;
}
.related-post-block .page-box{
  padding: 10px;
}
/* Post Navigation */
.post-navigation {
  font-weight: 500;
  margin: 3em 0;
}
.nav-subtitle {
  background: transparent;
  color: #1c1c1c;
  display: block;
  font-size: 11px;
  letter-spacing: 0.1818em;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.nav-title {
  color: #000;
  font-size: 15px;
}
span.meta-nav {
  color: #fff;
  background: var(--color-primary2);
  padding: 10px;
}
span.post-title{
  color: #000;
  font-size: 16px;
}
.nav-previous {
  float: right;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments p a, .content-area figure a, .content-area .right-sidebar p a, .content-area table a,
.content-area dd a, .box-content p a, .content-area li a, .wp-block-heading a{
  text-decoration: underline;
}
#comments #respond,.related-post-block{
  border: 1px solid #ebebeb;
  padding: 20px;
}
#comments {
  clear: both;
  padding: 2em 0 0.5em;
}
.comments-title {
  font-size: 20px;
  margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list li:before {
  display: none;
}
.comment-body {
  margin-left: 65px;
}
.comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}
.comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}
.comment-author .says {
  display: none;
}
.comment-meta {
  margin-bottom: 1.5em;
}
.comment-metadata {
  color: #767676;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}
.comment-metadata a {
  color: #767676;
}
.comment-metadata a.comment-edit-link {
  color: #151515;
  margin-left: 1em;
}
.comment-body {
  color: #000;
  font-size: 14px;
  margin-bottom: 4em;
}
.comment-reply-link {
  font-weight: 800;
  position: relative;
}
.comment-reply-link .icon {
  color: #151515;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.children .comment-author .avatar {
  height: 30px;
  left: -45px;
  width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #000;
  padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-style: italic;
}
.comments-pagination {
  margin: 2em 0 3em;
}
.comment-form #wp-comment-cookies-consent {
  margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
  display: inline;
}
#comments input[type="submit"] {
  display: inline-block;
  padding: 11px 36px;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 600;
  background-color: var(--color-primary2);
  color: #fff;
  text-transform: capitalize;
  border:none;
}
#comments input[type="submit"]:hover{
  background-color: var(--color-primary1);
  color: #fff;
}
input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],input#url,
textarea{
  border:1px solid #c8c8c8;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}

/*--------------------------------------------------------------
Commen CSS
--------------------------------------------------------------*/
.container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  height: 400px;
  margin-bottom: 50px;
}
.banner .banner-image {
  height: 100%;
  width: auto;
}
main {
  flex: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}
.content-area a:not(.btn):not(.wp-block-button__link) {
  text-decoration: underline;
}
.content-area a:hover {
  text-decoration: none;
}
.content-area ul,
.content-area ol {
  padding-left: 0;
  list-style: none;
}
.content-area ol {
  counter-reset: section;
}
.content-area ul li,
.content-area ol li {
  position: relative;
  margin-bottom: 12px;
}
.content-area ul li {
  padding-left: 20px;
}
.content-area ol li {
  padding-left: 24px;
}
.content-area ul li:before {
  position: absolute;
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  top: 5px;
  left: 0;
  background-image: url('assets/images/list-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.content-area ol li:before {
  counter-increment: section;
  content: counter(section) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-family: Nippo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background: -o-linear-gradient(184.47deg, #ff6d6d 0, #e50539 100%);
  background: linear-gradient(265.53deg, #ff6d6d 0, #e50539 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.content-area table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  border: 1px solid var(--color-primary2);
  overflow: hidden;
}
.content-area table tr td,
.content-area table tr th {
  border-style: solid;
  border-color: var(--color-primary2);
  border-width: 0 1px 1px 0;
}
.content-area table tr td.has-text-align-center,
.content-area table tr th.has-text-align-center {
  text-align: center;
}
.content-area table tr th {
  border-bottom-width: 3px;
}
.content-area table tr td:last-child,
.content-area table tr th:last-child {
  border-right-width: 0;
}
.content-area table tr td:nth-child(1) {
  border-right-width: 1px;
}
.content-area table tr:last-child td {
  border-bottom-width: 0;
}

iframe,
.entry-audio audio{
  width: 100%;
}
.entry-video {
    width: 100%;
}
.entry-audio {
    width: 100%;
}

.error404 main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error404 .content-area {
  text-align: center;
}
.error404 .content-area h1 {
  font-size: 60px;
  margin-bottom: 40px;
}
.error404 .content-area p {
  margin-bottom: 10px;
}
.error404 .content-area .btn {
  margin-top: 30px;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
  background: #151515;
  letter-spacing: 1px;
}
#footer .site-info {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #0e0e0e;
  padding: 15px 0;
  margin: 0;
}
/*--------------------------------------------------------------
Scroll Top
--------------------------------------------------------------*/

#return-to-top {
  position: fixed;
  display: block;
  bottom: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
  box-shadow: none;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 99;
}
#return-to-top svg {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 16px;
  fill: #fff;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover svg {
  top: 5px;
}
#return-to-top.show {
  opacity: 1;
  visibility: visible;
}

/*--------------------------------------------------------------
WordPress Core
--------------------------------------------------------------*/
.alignwide {
 margin-left : -80px;
 margin-right : -10px;
}
.alignfull {
 margin-left: -48px;
 width: calc(100% + 64px) !important;
 max-width: 100vw;

}
.alignfull img {
  width: 100vw;
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 991px){
  header {
    background-color: #0e0e0e;
    z-index: 99999;
  }
  .main-header {
    justify-content: space-between;
  }
  p.site-title {
    font-size: 18px;
  }
  .nav-previous{
   padding: 5px;
   text-align: center;
    float: none;
  }
  #footer{
  text-align: center;
  }
  .nav-next{
    text-align: center;
  }
  .nav ul li a{
   font-size: 15px;
  }
  .box-text{
    top: 50%;
    left: 5%;
    right: 5%;
  }
  .nav-links {
    padding-bottom: 21px;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
   .main-navigation .sub-menu {
    width: 100% !important;
  }
  .main-navigation .sub-menu li {
    opacity: 1 !important;
    display: block !important;
  }
  .main-navigation .sub-menu{
    opacity: 1;
  }
  .toggle-nav {
    display: block;
    cursor: pointer;
    z-index: 999999;
  }
  .toggle-nav button {
    position: relative;
    display: block;
    width: 36px;
    height: 30px;
    font-size: 26px;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  .toggle-nav svg {
    fill: #fff;
  }

  .toggle-nav button span {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 2px;
    transform-origin: left;
    transition: all .3s ease;
  }
  .toggle-nav button span:nth-child(2) {
    top: 13px;
  }
  .toggle-nav button span:nth-child(3) {
    top: auto;
    bottom: 0;
  }
  .toggle-nav button.open span:nth-child(1) {
    transform: rotate(45deg);
  }
  .toggle-nav button.open span:nth-child(2) {
    transform: translate(100%);
    opacity: 0;
  }
  .toggle-nav button.open span:nth-child(3) {
    transform: rotate(-45deg);
  }

  .sidenav {
    position: absolute;
    height: auto;
    width: 100%;
    top: 100%;
    right: 0;
    background-color: #0e0e0e;
    border-radius: 0 0 10px 10px;
    padding: 10px;
    transition: 0.3s all ease-in-out;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    z-index: 9999999;
  }
  .sidenav.open {
    opacity: 1;
    visibility: visible;
  }
  .sidenav a {
    text-decoration: none;
    color: #818181;
    display: block;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before,
  .menu > ul > li.current_page_item:before,
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #000;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{
    width:100%;
    margin-top:0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid;
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding: 10px;
    display: block;
    color: #ffffff;
  }
  .nav ul li a:hover{
    color:#fff !important;
  }
  .nav ul li ul,
  .nav ul li ul ul{
    opacity: 1;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .main-navigation li{
    padding: 0;
  }
  .scrolled{
    position: static;
  }
  #category-post img{
    padding-bottom: 10px;
  }
  .main-navigation li.page_item_has_children:after,
  .main-navigation li.menu-item-has-children:after{
    display: none;
  }
  .main-navigation li{
    display: block;
  }

  .banner {
    flex-direction: column;
    justify-content: center;
    height: auto;
  }
  .banner-title {
    text-align: center;
  }
  .banner-image {
    max-height: 400px;
  }

  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
  }
  .menu-open #overlay {
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 28px;
  }
  .logo {
    height: 40px;
  }
}