/*
Theme Name: Classic Ecommerce
Theme URI: https://www.theclassictemplates.com/products/free-wordpress-ecommerce-template
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Classic Ecommerce template is specially designed for shops and Ecommerce sites. It could be used for all types of Ecommerce online stores, including Shoes, Watch, Sport equipment, Technology, digital product store, affiliate store, craddle toys, handbags, smart watch, e-vehicle, home decor, organic products, watch store, storefront, Smart Home Products and Accessories, AR/VR Headsets, hardware, tools, Book Shop cosmetics shop, mobile and gadgets store, jewellery shop, baby store, jewelry store, kitchen online shop, toy store furniture shop, digital product store, affiliate store, Lifestyle Apparel, supermarket, grocery store or online food delivering website. Also, it can be implemented as a fashion and clothing store, gadgets store, cloth, electronics, accessories, flowers, home appliances shop, automobile shopping site, interior store, books store, photo store, movies store, foods and restaurants online order sites and more. You can use this amazing template for displaying business information and sell products online. It is fully compatible with WooCommerce plugin and have all the WooCommerce options, theme options and much more. The template has a minimal, stunning and beautiful design that you will end your search if you see it once. You will get many personalization and customization options so that you can create your website exactly the way you want. It has optimized codes and fast page load time so your users will have a smooth experience every time they visit. Most importantly, it is mobile-friendly therefore it can be viewed easily on any device. It is based on bootstrap framework and is translation ready.
Version: 1.5.6
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: classic-ecommerce
Tags: blog, e-commerce, food-and-drink, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, featured-images, full-width-template, custom-colors, editor-style, flexible-header, footer-widgets, wide-blocks, custom-header, translation-ready, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, theme-options

Classic Ecommerce WordPress Theme has been created by classictemplate (theclassictemplates.com), 2016.
Classic Ecommerce WordPress Theme is released under the terms of GNU GPL
*/

* {
  margin: 0;
  padding: 0;
  outline: none;
}

:root {
  --first-theme-color: #f6e264;
}

body {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 13px;
  color: #6E6D6D;
  font-family: 'Montserrat', sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  border: none;
  margin: 0;
  padding: 0;
  height: auto;
  max-width: 100%;
}

p {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  color: #333;
  text-decoration: none;
  word-wrap: break-word;
}

input:focus {
  border: 2px solid #000;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

.comment-content p a {
  text-decoration: underline;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter {
  margin: 0;
  padding: 0;
  max-width: 100% !important;
}

.sticky {
  background: #ededed;
}

.entry-content ol li,
.entry-content ul li {
  margin-left: 15px;
}

ul li ul,
ul li ul li ul,
ol li ol,
ol li ol li ol {
  margin-left: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-family: 'Oswald', sans-serif;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.1;
  font-weight: 400;
  word-wrap: break-word;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
}

.clear {
  clear: both;
}

.alignnone {
  width: 100% !important;
}

img.alignleft,
.alignleft {
  float: left;
  margin: 0 15px 0 0;
  padding: 5px;
  border: 1px solid #cccccc;
}

img.alignright,
.alignright {
  float: right;
  margin: 0 0 0 15px;
  padding: 5px;
  border: 1px solid #cccccc;
}

.left {
  float: left;
}

.right {
  float: right;
}

#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous {
  float: none !important;
  margin: 10px 0;
}

ol.comment-list li {
  list-style: none;
  margin-bottom: 5px;
}

.entry-summary a,
.widget_text a {
  border-bottom: solid 1px;
}

a.rsswidget.rss-widget-title {
  font-size: 9px;
}

/* 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. */
}

a:focus,
input[type='submit']:focus,
input[type='search']:focus,
textarea:focus,
input[type='name']:focus,
input[type='email']:focus,
.toggle-nav button:focus,
a.close-button:focus,
input:focus, button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

.boxlayout {
  width: 1140px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  box-shadow: 0 -8px 8px #8e8e8e;
}

/*Clearing floats css*/
.page-links {
  float: unset !important;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  margin: 20px auto;
}

.page-links a,
.page-links span {
  padding: 10px 15px;
  border: solid 2px #252525;
  color: #252525;
}

.page-links .post-page-numbers.current,
.page-links a:hover {
  background-color: var(--first-theme-color);
  border: solid 2px var(--first-theme-color);
}

/* = wide block css
-------------------------------------- */
/*.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}*/
/*block css*/
.site-main .alignfull,
.site-main .alignwide,
.postsec-list .alignfull,
.postsec-list .alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}

.site-main .alignfull img,
.postsec-list .alignfull img {
  width: 100% !important
}

.site-main .alignnone,
.site-main .aligncenter,
.postsec-list .alignnone,
.postsec-list .aligncenter {
  width: auto !important;
}

.site-main .alignleft,
.postsec-list .alignleft {
  margin-right: 10px;
}

.site-main .wp-block-button a:hover,
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button a:hover,
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover {
  background: none;
  color: #252525 !important;
  border: 1px solid #252525 !important;
}

.site-main .wp-block-button.is-style-squared a,
.postsec-list .wp-block-button.is-style-squared a {
  border-radius: 0px !important;
}

.site-main .wp-block-button__link,
.postsec-list .wp-block-button__link {
  background-color: var(--first-theme-color);
  color: #252525 !important;
  border: 1px solid var(--first-theme-color);
  border-radius: 30px;
  margin-bottom: 10px;
}

.postsec-list .wp-block-button.is-style-outline a {
  background: none;
  border: 1px solid var(--first-theme-color) !important;
  color: var(--first-theme-color) !important;
}

.site-main img.alignleft,
.site-main .alignleft,
.site-main img.alignright,
.site-main .alignright,
.postsec-list img.alignleft,
.postsec-list .alignleft,
.postsec-list img.alignright,
.postsec-list .alignright {
  border: none;
}

.site-main .wp-block-button.is-style-outline a {
  background: var(--first-theme-color);
  color: #000 !important;
  outline: none !important;
}

/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999;
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* = top header css
-------------------------------------- */
.header-top {
  background: var(--first-theme-color);
}

.header-top p {
  margin-bottom: 0;
  color: #252525;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  padding: 12px 0;
}

.social-icons {
  text-align: right;
}

.social-icons i {
  color: #252525;
  font-size: 12px;
  padding: 16px 14px;
}

h1.site-title,
p.site-title {
  font-size: 30px;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
}

h1.site-title a,
p.site-title a {
  color: #fff;
  line-height: 1;
}

h1.site-title a:hover,
p.site-title a:hover {
  text-decoration: unset;
}

.header .site-description {
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
}

.product-search button[type="submit"]:hover {
  background: #252525;
  color: var(--first-theme-color);
}

/* = header css
-------------------------------------- */
.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #252525;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  padding: 20px;
}

.close-sticky {
  background-color: #252525;
}

.admin-bar .sticky-head {
  top: 32px;
  background: #252525;
}

.header {
  background: #252525;
  padding: 15px 0;
}

.category-meta {
  padding: 15px 0;
}

.category-btn {
  background: var(--first-theme-color);
  border: none;
  padding: 16px;
  width: 100%;
  text-align: left;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  color: #252525;
}

.category-btn i {
  font-size: 22px;
  margin-right: 15px;
}

.category-dropdown {
  position: absolute;
  background: #252525;
  width: 20%;
  z-index: 9999;
  list-style: none;
  padding: 10px;
  box-shadow: 0 0 5px 0px #e7e7e7;
  height: 385px;
  overflow-y: scroll;
}

.category-dropdown li {
  border-bottom: solid 1px #f7f7f7;
  padding: 10px 0;
}

.category-dropdown li a {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.category-dropdown li a:hover {
  color: var(--first-theme-color);
}

.product-search input[type="search"] {
  border: none;
  padding: 12px;
  width: 100%;
}

.product-search button[type="submit"] {
  background: var(--first-theme-color);
  color: #252525;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  padding: 15px 43px;
  text-transform: uppercase;
  font-size: 17px;
  border: none;
  cursor: pointer;
  width: auto;
}

.product-search form.woocommerce-product-search {
  border: solid 2px var(--first-theme-color);
  display: flex;
}

.product-account i,
.product-cart i {
  font-size: 25px;
  color: #b7b7b7;
}

.product-account,
.product-cart {
  margin: 15px 0;
  text-align: center;
}

span.item-count {
  background: var(--first-theme-color);
  border-radius: 50%;
  color: #252525;
  font-size: 15px;
  padding: 1px 4px;
  position: relative;
  top: -15px;
  left: -10px;
}

/* = scrollbar css
-------------------------------------- */
.category-dropdown::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.category-dropdown::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.category-dropdown::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: var(--first-theme-color);
}

/* = menus css */
#mySidenav {
  display: inline;
}

.main-nav ul {
  margin: 0;
  padding: 0;
}

ul.mobile_nav {
  text-align: right;
}

.main-nav li {
  display: inline-block;
  position: relative;
}

.main-nav a {
  color: #fff;
  padding: 10px 18px;
  font-size: 14px;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  font-family: 'Oswald', sans-serif;
}

.main-nav .menu-item-has-children>a::after {
  content: '\f107';
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  right: auto;
  margin-left: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
}

.main-nav .menu-item-has-children.current-menu-parent>a::after,
.main-nav .menu-item-has-children.current-menu-ancestor>a::after,
.main-nav .menu-item-has-children.current_page_parent>a::after {
  transform: translateY(-50%) rotate(0deg);
}

.main-nav a:hover {
  color: var(--first-theme-color);
}

.main-nav ul ul {
  position: absolute;
  background: #fff;
  min-width: 250px;
  z-index: 9999;
  top: 98%;
  line-height: 30px;
  opacity: 0;
  text-align: right;
}

.main-nav ul ul ul {
  left: 100%;
  top: 0%;
}

.main-nav ul ul a {
  color: #1f1f1f;
  border: none;
  padding: 10px;
  margin-top: 5px;
}

.main-nav ul ul li {
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #f1f1f1;
}

.main-nav li ul {
  border-top: 3px solid var(--first-theme-color);
  border: 1px solid #EEE;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}

.main-nav .menu>ul>li.highlight {
  background-color: #006ccc;
}

.main-nav .menu>ul>li.highlight:hover {
  background: transparent;
}

.main-nav .menu-item-has-children:not(.off-canvas):hover>.sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus>.sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas)>.sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within]>.sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within>.sub-menu {
  opacity: 1;
}

.main-nav ul li:hover>ul {
  opacity: 1;
}

.main-nav li.menu-item-has-children:hover>ul,
.main-nav li.menu-item-has-children:focus>ul,
.main-nav li.menu-item-has-children.focus>ul {
  opacity: 1;
}

.main-nav .sub-menu {
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}

ul.sub-menu ul.sub-menu {
  left: 200px !important;
}

.main-nav .menu-item-has-children:not(.off-canvas):hover>.sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus>.sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas)>.sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within]>.sub-menum,
.main-nav .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: -9999px;
}

.toggle-nav,
a.close-button {
  display: none;
}

/* = slider section css
-------------------------------------- */
.slidesection img {
  object-fit: cover;
}

.slider-img-color {
  background-color: var(--first-theme-color);
}

.slider-img-color,
.slidesection img {
  height: 600px !important;
}

#catsliderarea {
  padding-bottom: 30px;
}

.slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  right: 50%;
}

.catwrapslider {
  width: 100%;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
}

.slidesection img {
  opacity: 0.6;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  height: fit-content;
}

.catwrapslider .owl-controls {
  position: absolute;
  top: 50%;
  right: auto;
  left: auto;
  width: 100%;
}

.catwrapslider .owl-prev,
.catwrapslider .owl-next {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  bottom: 15px;
  width: 22px;
  height: 22px;
  font-size: 40px;
  right: 0;
  background: transparent;
}

.catwrapslider .owl-prev:hover,
.catwrapslider .owl-next:hover {
  background: var(--first-theme-color);
}

.catwrapslider .owl-prev {
  left: 10px;
}

.catwrapslider .owl-next {
  right: 10px;
}

button.owl-prev span,
button.owl-next span {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
}

.owl-prev,
.owl-next {
  border: solid 2px #252525;
  padding: 18px;
}

.catwrapslider {
  height: auto;
}

.slider-box h1 a,
#recent-product h2 {
  font-size: 40px;
  color: #252525;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.slider-box h1 a:hover {
  color: var(--first-theme-color);
}

.slider-box p {
  color: #252525;
}

.shop-now {
  margin: 25px 0;
}

.shop-now a {
  border: solid 2px #252525;
  color: #252525;
  padding: 10px 30px;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
}

.shop-now a:hover {
  border-color: var(--first-theme-color);
  background: var(--first-theme-color);
  color: #252525;
}

button.owl-dot.active {
  width: 25px;
}

button.owl-dot {
  background: #252525;
  width: 10px;
  height: 8px;
  border-radius: 6px;
  border: none;
  margin-right: 5px;
}

.owl-dots {
  position: relative;
  bottom: 54px;
  width: 75px;
  left: 125px;
}

#recent-product h2 {
  font-size: 28px;
  margin-bottom: 30px;
}

/*#recent-product h2::after {
  content: "";
  display: block;
  border-bottom: 1px solid #b7b7b7;
  width: 70%;
  position: relative;
  bottom: 6px;
  left: 8em;
}*/
/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}

.postsec-list .search-form input.search-submit {
  background-color: var(--first-theme-color);
  color: #252525;
  border: 2px solid var(--first-theme-color);
  font-weight: 600;
}

.contentsecwrap {
  padding: 25px 0;
  clear: both;
}

.contentsecwrap p {
  margin-bottom: 20px;
  line-height: 30px;
}

.listarticle {
  margin-bottom: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px;
}

.listarticle h2 a {
  color: #252525;
}

.listarticle h2 a:hover {
  color: var(--first-theme-color);
}

.listarticle p {
  margin-bottom: 10px;
}

.blog-meta {
  font-style: italic;
  margin-bottom: 8px;
}

.post-date,
.post-comment {
  display: inline;
  color: #252525;
}

.single_title {
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

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

.postmeta {
  margin-bottom: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.nav-links .page-numbers, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  padding: 10px 15px;
  color: #111;
  background: transparent !important;
  border: solid 2px #252525;
  margin: 0 2px;
}

.nav-links {
  margin: 20px 0;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
  border: 0;
}
span.page-numbers.current,
.nav-links .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--first-theme-color) !important;
  color: #131313;
  border: solid 2px #252525;
}

.pagemore {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  border: solid 2px #252525 !important;
  padding: 8px;
  font-size: 12px;
  color: #252525;
  display: inline-block;
}

.pagemore:hover {
  background: var(--first-theme-color);
}

select {
  border: 1px solid #ccc;
  width: 100%;
}

/*post formate*/
.format-gallery .wp-block-gallery,
.format-video figure {
  margin-bottom: 15px;
}

/*scroll to top*/
#button {
  background: var(--first-theme-color);
  color: #252525;
  cursor: pointer;
  width: fit-content;
  padding: 5px;
  padding-top: 22px;
  height: 60px;
  aspect-ratio: 1;
  text-align: center;
  position: fixed;
  border-radius: 50%;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  -moz-border-radius: 0;
  font-size: 15px;
  display: none;
}

.feature-header{
  position: relative;
  background-color: #000;
  margin-bottom: 50px;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.4;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
  margin: 0;
  font-size: 40px;
}

/* label css
---------------------------------------------- */
label {
  margin-bottom: 0;
}

#footer .search-form label,
#sidebar .search-form label {
  width: 100%;
}

aside.widget ul,
.entry-summary li {
  list-style: none;
}

.listarticle .alignfull,
.listarticle .alignwide {
  margin-left: 0;
  margin-right: 0;
}

#recentcomments li {
  background-image: none !important;
}

#recentcomments li a {
  padding-left: 0px !important;
}

.textwidget select,
table {
  width: 100%;
}

nav.navigation.pagination {
  margin: 30px auto;
}

/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"] {
  border: solid 2px var(--first-theme-color);
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}

#sidebar input.search-submit,
#footer input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border: none;
  background: var(--first-theme-color);
  font-size: 15px;
  text-transform: uppercase;
  color: #252525;
}

input.search-submit {
  background-color: var(--first-theme-color);
  color: #252525;
  border: none;
  padding: 16px 20px !important;
}

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

.entry-title h2:before {
  content: "\f185";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}

#sidebar ul {
  list-style: outside none none;
  padding: 0;
  margin: 0;
}

#sidebar ul ul {
  border-bottom: none;
  padding-bottom: 0;
}

#sidebar ul li {
  padding: 5px;
  padding-left: 30px;
  padding-top: 0;
  position: relative;
  font-size: 15px;
}
#sidebar {
  font-size: 15px;
  line-height: 1.7;
}

#sidebar ul li::before {
  color: var(--first-theme-color);
  content: "\f192";
  display: inline-block;
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
  font-size: 7px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0;
}

#sidebar .widget a,
#sidebar .widget a:visited {
  color: #001837;
  font-weight: normal;
  text-decoration: none;
}

#sidebar .widget p a, #content .entry-content a, #sidebar .widget h2 a, #content #content-creation a {
  color: #000;
  text-decoration: underline;
  font-weight: 600;
}

#footer .widget h1 a, #footer .widget h2 a, #footer .widget h3 a, #footer .widget h4 a, #footer .widget h5 a, #footer .widget h6 a, #footer .widget .widget-title a {
  color: #fff;
  text-decoration: underline;
}

#sidebar .widget a:hover,
#sidebar .widget a:active {
  color: #262626;
}

#sidebar .widget {
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 4px #cfcfcf;
  border-bottom: 3px solid var(--first-theme-color);
  margin-bottom: 20px;
}

#sidebar .widget:hover {
  box-shadow: 0 0 20px #cfcfcf;
}

#sidebar .widget_nav_menu ul li {
  padding: 3px 15px 5px 13px;
}

#sidebar input[type="search"] {
  margin-bottom: 0px;
}

#sidebar .wp-block-search__label,
#sidebar .widget-title {
  font-size: 30px;
  color: #000000;
  font-family: 'Oswald', sans-serif;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.1;
  font-weight: 400;
  word-wrap: break-word;
}

#sidebar .wp-block-search__button {
  background-color: var(--first-theme-color);
}

/*calendar widget*/
.widget_calendar {
  text-align: center;
}

.widget_calendar h3 {
  text-align: left;
}

.widget_calendar caption {
  background: var(--first-theme-color) none repeat scroll 0 0;
  color: #252525;
  padding: 5px;
}

.widget_calendar .pad {
  background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
  background: var(--first-theme-color) none repeat scroll 0 0;
  color: #252525;
}

.widget .tagcloud a {
  border: 1px solid #dddddd;
  color: #001837;
  display: inline-block;
  font-size: 16px !important;
  line-height: 1.5;
  margin-bottom: 5px;
  padding: 5px 15px;
}

.widget .tagcloud a:hover {
  border: 1px solid var(--first-theme-color);
  color: var(--first-theme-color);
}

.widget_categories li>a,
.widget_archive li>a {
  display: inline-block;
  min-width: 85%;
}

.search-form .search-submit:focus {
  box-shadow: inherit;
  outline: none;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

table {
  margin: 0 0 1.5em;
  width: 100%;
}

td,
th {
  border: 1px solid #ddd;
  padding: 5px;
  color: #252525;
}

#footer td,
#footer th {
  color: #fff;
}

select {
  width: 100%;
  padding: 5px;
}

#footer .tagcloud a {
  border: solid 1px #fff;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #fff;
  padding: 5px;
}

.tagcloud a:hover {
  background-color: var(--first-theme-color);
  border-color: var(--first-theme-color) !important;
  color: #252525 !important;
}

/*footer*/
#footer {
  background: #121212 none repeat scroll 0 0;
  /* overflow: hidden; */
  color: rgba(255, 255, 255, 0.75);
}

#footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#footer ul li {
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 3px 15px 3px 13px;
  position: relative;
  color: #fff;
}

#footer ul li::before {
  color: rgba(255, 255, 255, 0.75);
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 3px;
}

#footer a .footer-widget-area {
  float: left;
  padding: 0 25px;
  width: 25%;
}

#footer a,
#footer p {
  color: #fff;
}

#footer a:hover {
  color: var(--first-theme-color);
}

/* Sticky Copyright */
.sticky-copyright.active-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}

/* Progress Bar */
#progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background: #252525;
  z-index: 9999;
}

.admin-bar #progress-bar {
  top: 32px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.postsec-list article.hentry {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 4px #cfcfcf;
  padding: 15px 15px;
  position: relative;
  border-radius: 12px;
  margin-bottom: 30px;
}

.postsec-list article.hentry:hover {
  box-shadow: 0 0 20px #cfcfcf;
}

/* = Footer css
------------------------------------------- */
#footer {
  background-color: #1A191A;
  color: #595959;
}

.ftr-4-box {
  width: 100%;
  float: left;
  margin: 0 4% 2% 0;
  box-sizing: border-box;
  padding: 35px 0 15px;
}

.widget-column-4 {
  margin-right: 0px !important;
}

.ftr-4-box h5 {
  font-weight: 400;
  font-size: 25px;
  color: #fff;
  margin-bottom: 25px;
  border-bottom: 1px solid #303030;
  padding-bottom: 15px;
  letter-spacing: 1px;
}

.ftr-4-box h5 span {
  font-weight: 300;
  color: var(--first-theme-color);
}

.ftr-4-box ul {
  margin: 0;
  padding: 0;
  list-style: inside disc;
}

.ftr-4-box ul li {
  display: block;
  padding: 6px 0;
}

.ftr-4-box ul li a {
  color: #595959;
}

.ftr-4-box ul li a:hover,
.ftr-4-box ul li.current_page_item a {
  color: var(--first-theme-color);
}

.ftr-4-box a.readmore span {
  color: #fff;
}

.ftr-4-box p {
  margin-bottom: 15px;
}

.copywrap {
  background-color: #252525;
  color: #fff;
  padding: 15px 0;
  text-align: center;
}

.copywrap a {
  color: #fff;
}

.footer-block .widget-title, #footer .widget h1, #footer .widget h2, #footer .widget h3, #footer .widget h4, #footer .widget h5, #footer .widget h6 {
  color: #fff !important;
  font-size: 25px;
  padding-top: 1rem;
}

.copywrap .copywrap-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.copywrap .copywrap-info.center-content {
  justify-content: center;
  text-align: center;
}