/*
Theme Name: Multipurpose Blog
Theme URI: https://www.buywptemplates.com/products/wp-multipurpose-blog-wordpress-theme
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: The Multipurpose Blog WordPress Theme is an elegant and versatile blogging solution designed to cater to a variety of niches. Whether you're a photographer, food enthusiast, fashionista, lifestyle guru, or travel blogger, this theme is perfect for showcasing your passion. It also suits modern platforms like YouTube blogs, vlogs, videography sites, personal journals, portfolios, and recipe blogs. Additionally, it's a powerful option for technical blogs, Q&A forums, creative blog designs, and online newspapers.With an emphasis on minimalism and beauty, this theme offers a robust set of features, including footer widgets, SEO optimization, cross-browser compatibility, and a mobile-friendly layout. The theme ensures quick page loading speeds and is translation-ready, supporting multiple languages like Arabic, German, Spanish, French, Italian, Russian, Chinese, and Turkish. Its masonry blog layout and full-width template provide a professional and engaging presentation for your content.The theme boasts a large slider with a Call to Action (CTA) button, attracting visitors and driving engagement. It’s compatible with WooCommerce, enabling bloggers to integrate e-commerce functionalities seamlessly. With clean and secure coding, there's no need for manual coding, as the theme comes with various shortcodes to add advanced functionalities effortlessly.Built on the Bootstrap framework, the theme ensures quick development and a responsive design. It features an interactive demo for easy setup and customization, making it accessible even for beginners. Whether you want to share your experiences, build a portfolio, or create a magazine-style blog, the Multipurpose Blog WordPress Theme provides a sophisticated and user-friendly platform for all your blogging needs. View full demo here: https://demos.buywptemplates.com/multipurpose-blog-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 3.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: multipurpose-blog
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, flexible-header, wide-blocks, block-styles, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, post-formats, sticky-post, full-width-template, front-page-post-form, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, e-commerce, photography

Multipurpose Blog WordPress Theme incorporates code from VW Restaurant Lite WordPress Theme, Copyright 2016 VW Themes
Multipurpose Blog WordPress Theme is distributed under the terms of the GNU GPL
*/

*{
  outline:none;
  margin:0;
  padding:0;
}
:root {
  --first-theme-color: #59A101;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size:15px;
  color:#000;
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
  position: static !important;
}
img{
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Alex Brush';
  margin:0;
  padding:0 0 15px;
}
p{
  padding:0;
  font-size: 15px;
  color: #000;
  line-height: 1.8;
  margin: 0;
}
a{
  text-decoration:none;
  color: var(--first-theme-color);
}
a:hover{
  text-decoration:none;
  color:#000;
}
a:focus, .menu-brand a:focus, .toggle-menu.responsive-menu a:focus, textarea#comment:focus, .primary-navigation a:focus, .main-navigation .sub-menu > li > a:focus, .search-box i:focus, input:focus, .toggle-menu button:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .select2-container--default .select2-selection--single:focus {
  outline: 1px solid #000;
  border-bottom: 1px solid #000 !important;
}
aside#sidebar-footer button:focus, .copyright-wrapper p a:focus, #navbar-header a:focus, .menubar .primary-navigation ul li a:focus, a.closebtn.responsive-menu:focus, aside#sidebar-footer input.search-submit:focus{
  outline: 1px solid #fff;
  border-bottom: 1px solid #fff !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
input[type="submit"]{
  background-color: var(--first-theme-color);
  padding: 1%;
  border: 0;
  color: #fff;
  margin: 2% 0;
}
*, body, img, .wp-caption-text, .bypostauthor, .wp-caption, .sticky, .gallery-caption{
  margin:0;
  padding:0;
}
.clear, .comment-respond, .content-blog .pagination ul{
  clear:both;
}
input[type="text"],input[type="email"],input[type="phno"],textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:auto;
}
select, section, #slider img{
  width:100%;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.middle-align{
  margin:0 auto;
  padding:0;
}
.feature-box img {
  width: auto;
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.inner-services .new-text .alignwide{
  margin-left  : 0;
  margin-right : 0;
}
.inner-services .new-text .alignfull {
  margin-left  : auto;
  margin-right : auto;
  max-width    : 100%;
}
.widget_text a,.entry-summary a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
  text-decoration: underline;
}
.entry-comments a{
  color: #000;
}
/*wide block*/
.new-text .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.new-text .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
#sidebar .woocommerce a.remove, .footer-wp .woocommerce a.remove, #scrollbutton, .toggle-menu, a.closebtn, #navbar-header .primary-navigation ul li:last-child:after, #header .nav ul li:last-child:after, #navbar-header span,#navbar-header .socialbox, #navbar-header .top-contact a, .elementor-html .frame, .elementor-html .loader{
  display: none;
}
#navbar-header{
  text-align: center;
}
/* 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. */
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,img.alignright {
  display: inline;
  float: right;
}
.aligncenter,img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
section{
  padding:34px 0;
  position:relative;
  margin:0 auto;
}
.content_box, .single-product .background-img-skin{
  margin: 36px 0;
}
.inner-services{
  margin-top: 3em;
}
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,#slider .carousel-control-prev-icon{
  background: transparent;
  font-size: 25px;
  color: #000;
}
#slider{
  background: #fff;
}
#slider img {
  opacity: 0.7;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
#slider .inner_carousel h1{
  letter-spacing: 2px;
  color: #000;
  font-size: 52px;
  text-transform: capitalize;
}
#slider .inner_carousel p{
  color: #000;
  line-height: 2;
}
#slider .carousel-caption{
  top: 50%;
  transform: translateY(-50%);
  left: 35%;
  right: 20%;
}
.slide-button a {
  background: var(--first-theme-color);
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
}
.slide-button a:hover {
  color: #000;
  background: #fff !important;
}
/*--- end----*/
label {
  display: inline-block;
  width: 100%;
}
p.logged-in-as a, .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price, .footer-wp .tagcloud a:hover, table#wp-calendar td a, .footer-wp td,.footer-wp th, .footer-wp li a, .footer-wp .tagcloud a, .entry-date a, .entry-author a, #sidebar ul li a:hover,.date-box a, .top-contact a.call, .top-contact a.email, .socialbox a, #header .socialbox i{
  color: #000;
}
/*----------------- SEARCH POPUP ----------------*/
#sidebar button {
  padding: 9px 12px;
  border: none;
  background: var(--first-theme-color);
  border-radius: 0;
  margin: 2% 0;
  font-size: 16px;
  width: auto !important;
  color: #fff;
  font-weight: bold;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}
/*--------------header-------------*/
a.email{
  font-style: oblique;
}
#header .top_headbar {
  background: #dedddd;
}
.logo a:hover {
  text-decoration: none;
}
.logo_bar {
  border-bottom: 3px solid #f2f2f2;
}
#header .logo h1, #header .logo p.site-title{
  font-size: 45px;
}
#header .logo a{
  color: #333333;
  letter-spacing: 3px;
  text-transform: none;
}
#header .logo p{
  color: #3a3a3a !important;
  font-family: 'Alex Brush';
  text-transform: capitalize;
}
/* --------- MENUS CSS --------- */
.main-menu-navigation{
  border-bottom: 3px solid #f2f2f2;
}
.primary-navigation ul{
  list-style: none !important;
}
.primary-navigation li{
  padding: -3px 20px;
  display: inline-block;
  position: relative;
}
.primary-navigation a{
  display: block;
  color: #333;
  font-size: 12px;
  padding: 10px 20px;
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
}
#navbar-header .primary-navigation ul li:after {
  content: "/";
  color: #333;
  padding: 10px;
  position: absolute;
  top: -1px;
  right: -15px;
}
#navbar-header .primary-navigation ul ul li:after{
  content: "";
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;  
  margin:0;
  -webkit-transition: max-height 3s ease-in-out;
  -moz-transition:max-height 3s ease-in-out;
  -o-transition:max-height 3s ease-in-out;
  transition: max-height 3s ease-in-out;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 25%;
}
.primary-navigation ul ul a{
  padding: 12px;
  background: #dedddd;
  color: #000;
}
.primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
  background: var(--first-theme-color) ;
  color: #fff !important;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
  max-height: 100%;
}
.primary-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.primary-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
/* --------- Homepage --------- */
section {
  margin:0 auto;
  position:relative;
  background-color:#ffffff;
}
.section-title {
  font-size: 26px;
}
.services .section-title a{
  color:#000;
  font-size: 35px;
}
.services .section-title a:hover{
  text-decoration:none;
}
.services .new-text p{
  font-size: 16px;
  color: #000;
  margin: 0 0 10px;
}
.services .button{
  margin: 0 18%;
  display: inline-block;
}
/* Breadcrumb */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--first-theme-color);
  padding:5px 15px;
  margin:5px;
  color: #fff;
  display: inline-block;
}
.bradcrumbs a:hover{
  background:#333;
  color: #fff;
}
.bradcrumbs span{
background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  display: inline-block;
  margin:5px;
}
.new-text p a,.comment p a{
  text-decoration: underline;
}
.single-post-page .category a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  background-color: var(--first-theme-color);
  color: #fff;
}
.category li{
  list-style-type: none;
  margin-bottom: 5px!important;
  display: inline-block !important;
}
.category ul{
  margin-left: 0px;
  display: inline-block;
}
.category span{
  color: #000;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
}
/* --------- Blog Page ------- */
.services .metabox span i,.services .metabox span a{
  margin-bottom: 12px;
}
.metabox{
  color:#000;
}
#header .socialbox i:hover, p.logged-in-as a:hover, .woocommerce-message::before, .entry-date a:hover, .entry-author a:hover, .footer-wp li a:hover, .primary-navigation a:hover, .top-contact a.email:hover, .top-contact a.call:hover{
  color: var(--first-theme-color);
}
.new-text a, .woocommerce-product-details__short-description p a, #tab-description p a, .comment-body p a{
  text-decoration: underline;
  color: #333;
}
.services .navigation{
  margin-top: 0;
}
.services .navigation .nav-previous, .services .navigation .nav-next{
  width: auto;
}
.navigation .nav-previous {
  float: left;
  width: 45%;
  text-align: center;
}
.navigation .nav-next {
  float: right;
  text-align: right;
  width: 45%;
  text-align: center;
}
.navigation .nav-previous, .navigation .nav-next{
  background-color: var(--first-theme-color);
  padding: 10px;
}
.nav-previous:hover, .nav-next:hover{
  color: var(--first-theme-color) !important;
}
.navigation.posts-navigation a {
  color: #fff;
}
span.meta-nav, .nav-links span.post-title {
  color: #fff;
}
.navigation{
  width: 100%;
  display: inline-block;
}
.content-blog .navigation .nav-previous, .content-blog .navigation .nav-next{
  margin-top: 20px;
}
.nav-next,.post-navigation .nav-next {
  margin-top: 0;
}
.tags{
  color: #000;
  font-size: 15px;
  margin-bottom: 20px;
}
.tags a{
  text-decoration: none!important;
  font-weight: 500;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  padding: 5px 8px;
  display: inline-block;
  margin: 5px;
  font-size: 15px;
  color: #333;
}
.tags a:hover {
  color: #fff;
}
.entry-content a, .sidebar p a, #comments .comment-body p a{
  color: #333 !important;
  text-decoration: underline;
}
.comment-meta.commentmetadata a{
  color: #333;
}
.layout3 .section-title a:after{
  text-align: left;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size: 28px;
  font-weight: bold;
  border-top: 2px dotted #7e7e7e;
}
#comments ol {
  list-style: none;
}
#comments ol li {
  width: 100%;
  list-style: none;
  margin: 0 0 20px !important;
  padding: 20px !important;
  background: #fff;
  display: inline-block;
  border: solid 1px #f0f0f0;
}
#comments .comment-author {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  width: 100%;
  float: left;
}
#comments a.comment-reply-link {
  color: #000;
  background: #cecece;
  padding: 5px 15px;
  text-decoration: none;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#18304c;
  padding:10px 50px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left:0px;
  border: 1px solid #1c3248;
}
#comments input[type="submit"].submit:hover{
  color: rgb(28, 50, 72);
  background: transparent;
}
#comments a.comment-reply-link{
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#0f77e9;
  color: #fff;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments{
  margin-top: 25px;
}
#comments h2.comments-title{
  font-size: 25px;
  border-top: 2px dotted #7e7e7e;
  padding: 25px 0 0 0;
  letter-spacing: 1px;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit:hover {
  background: #dedddd !important;
  color: #333;
  border: 1px solid #dedddd;
}
#comments input[type="submit"].submit{
  background:var(--first-theme-color) ;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left: 0px;
  color: #fff;
  border: 1px solid var(--first-theme-color);
}
#comments a.comment-reply-link{
  color:#000;
  background:var(--first-theme-color);
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#000;
  color: #fff;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.content-blog #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
.content-blog #comments ul{
  margin:0 0 0 40px;
}
#comments .comment-metadata{
  padding:1% 0 0 0;
  clear: both;
}
#comments p {
  float:left;
  width: 100%;
}
.content-blog .inner-service {
  border: none;
}
form#commentform label{
  display: block;
}
/* sticky post */
#our-services .sticky .mainbox h2:before {
  content: '\f02e';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-right: 20px;
  font-size: 20px;
}
/* Block Image */
.inner-service.format-standard .new-text .alignwide,
.inner-service.format-standard .new-text .alignfull {
  margin-left  : 0;
  margin-right : 0;
}
.alignfull img {
  width: 100vw;
}
/* Block Gallery */
.wp-block-gallery-3 .blocks-gallery-grid{
  margin-right: 35px;
  margin-top: 15px;
}
/* Block Layout */
.tag-content .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block Widget */
#sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_recent_comments, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block.widget_media_gallery{
  padding: 15px;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #000;
}
#sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-tag-cloud a, .services .wp-block-tag-cloud a, .inner-services .wp-block-tag-cloud a{
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .widget_block .wp-block-tag-cloud a:hover, .services .wp-block-tag-cloud a:hover, .inner-services .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
.footer-wp .widget_block .wp-block-tag-cloud a{
  color: #000;
  border: 1px solid #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{
  padding: 0;
}
#sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{
  transform: none;
}
#sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block li.wp-social-link:before{
  display: none;
}
/*--------------- Sidebar -----------------*/
#sidebar {
  padding-top: 15px;
}
#sidebar form{
  display: flex;
  flex-direction: column;
  padding: 15px;
}
#sidebar form label.wp-block-search__label{
  padding: 0 15px 15px !important;
}
#sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label{
  font-size:22px;
  color:rgba(0, 0, 0, 0.78);
  border-bottom: 1px solid #e6f0fa;
  padding: 15px;
  position: relative;
}
#sidebar label.wp-block-search__label{
  margin: 0 0 15px 0;
  font-weight: 500;
  font-family: 'Alex Brush';
}
#sidebar .widget_block .wp-block-search__inside-wrapper {
  padding: 10px;
}
.widget_categories select {
  padding: 6px;
}
#sidebar select {
  padding: 10px;
  margin: 24px;
  width: 85%;
}
#sidebar .widget.widget_nav_menu ul.sub-menu{
  padding: 0;
}
#sidebar ul.children, #sidebar ul.sub-menu{
  padding: 0 25px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:12px;
  border:solid 1px #e6f0fa;
  font-size:15px;
  color:#000;
  margin-right: 10px;
}
input[type="search"] {
  background:transparent;
  padding:10px 10px;
  border:solid 1px var(--first-theme-color);
  font-size:15px;
  color:var(--first-theme-color);
}
#sidebar label .search-field{
  width:100%;
}
#sidebar input[type="submit"] {
  background: var(--first-theme-color);
  border: none;
  padding: 10px;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  border-radius: 0;
}
#sidebar aside,#sidebar .custom-about-us, #sidebar .custom-contact-us{
  margin-bottom:30px;
  border: 2px solid #e6f0fa;
}
#sidebar ul {
  list-style:none;
  font-size:17px;
  padding: 15px;
  margin: 0;
}
#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
  line-height: 40px;
}
#sidebar ul li{
  font-size: 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}
#sidebar ul li:before{
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--first-theme-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#sidebar ul li a:hover{
  color: var(--first-theme-color);
}
#sidebar ul li:hover:before {
  opacity: 1;
}
#sidebar ul li:hover {
  padding-left: 25px;
}
#sidebar .tagcloud a, #tag-cloud a{
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar button:hover, #sidebar .tagcloud a:hover, #tag-cloud a:hover{
  background:var(--first-theme-color);
  color: #fff;
}
#sidebar ul li.menu-item-has-children:before{
  display: none;
}
#sidebar ul li.menu-item-has-children:hover {
  padding: 0;
}
#sidebar h2, #sidebar .textwidget p, #sidebar #calendar_wrap, #sidebar .tagcloud, #sidebar .calendar_wrap{
  padding: 15px;
}
#sidebar img, #sidebar-footer img {
  max-width: 100%;
}
.mainbox, #sidebar aside{
  border-bottom: 5px solid var(--first-theme-color) !important;
  border-radius: 20px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
}
.widget.widget_calendar table {
  margin: auto;
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
}
.widget_calendar tbody a {
  background-color: var(--first-theme-color);
  display: block;
  font-weight: 700;
}
#sidebar form.search-form {
  display: block;
  border-radius: 20px;
  padding: 10px;
}
#sidebar .widget.widget_calendar table, .footer-wp .widget .calendar_wrap table{
  width: 100%;
}
#sidebar .widget_calendar td,#sidebar .widget_calendar th ,#sidebar .widget.widget_calendar table{
  border: 1px solid #e6f0fa !important;
}
#sidebar .wp-block-latest-comments li a:hover{
  color: #000;
}
.blog-section h2 {
  font-size: 30px;
  margin-bottom: 10px;
}
.blog-section h2 a {
  color: #000;
  position: relative;
}
.blog-section h2 a::after, 
#sidebar aside h3::after, 
#sidebar aside h2.wp-block-heading::after, 
#sidebar aside .widget_block label.wp-block-search__label::after,
#sidebar aside label.wp-block-search__label::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--first-theme-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.blog-section h2 a:hover::after, 
#sidebar aside:hover h3::after, 
#sidebar aside:hover h2.wp-block-heading::after, 
#sidebar aside:hover .widget_block label.wp-block-search__label::after,
#sidebar aside:hover label.wp-block-search__label::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}
.blog-section h2 a:hover,
#sidebar aside:hover h3,
#sidebar aside:hover h2.wp-block-heading, 
#sidebar aside:hover .widget_block label.wp-block-search__label,
#sidebar aside:hover label.wp-block-search__label{
  color: var(--first-theme-color);
}
/* Page */
.date-box{
	font-style:italic;
	font-weight:600;
}
.cat-box ul.post-categories {
  display: inline-block;
  list-style: none;
  margin-left: 0;
}
.cat-box ul.post-categories a{
  color: #000;
  font-size: 15px;
}
.entry-author:hover i, .entry-author:hover a, .entry-date:hover i, .entry-date:hover a, .cat-box ul.post-categories a:hover, .date-box a:hover, .date-box:hover i, .date-box:hover a, .cat-box:hover i, .cat-box:hover a{
  color: #3f6f03;
}
.post-categories li {
  display: initial;
  margin-right: 5px;
}
.cat-box{
	font-style:italic;
	font-weight:600;
}
.content-blog ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content-blog ul li{
  margin:15px 0;
  line-height:25px;
}
.content-blog ul li ul li{
  list-style-type: circle;
}
.content-blog ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content-blog ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.content-blog ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
.content-blog  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  line-height:normal;
}
.read-moresec a {
  background: var(--first-theme-color);
  font-weight: bold;
  color: #fff;
  border: 1px solid var(--first-theme-color);
}
.read-moresec a:hover {
  background: #333;
  color: #fff;
}
a.button {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
form.search-form{
  display: flex;
}
form.search-form .search-submit{
  margin: 0;
}
form.search-form input.search-field{
  width: 95%;
}
/*preloader*/
.frame {
  position: fixed;
  border-radius: 2px;
  background: #000;
  color: #fff;
  z-index: 9999999;
  top: 0;
  left: 0;
}
.loader {
  position: absolute;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-1 {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  top: 95px;
  left: 95px;
  background: #fff;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
  animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-2 {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 80px;
  left: 80px;
  background: #fff;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
  animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-3 {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  top: 65px;
  left: 65px;
  background: #fff;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
  animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*copyright css*/
#scrollbutton i {
  position: fixed;
  text-align: center;
  bottom: 70px;
  right: 20px;
  font-size: 22px;
  padding: 12px 14px;
  border: solid 2px  var(--first-theme-color);
  color:  #fff;
  z-index: 9999;
  border-radius: 50%;
  background: var(--first-theme-color);
  text-shadow: 1px 1px 2px;
  box-shadow: inset 0px 0px 0px var(--first-theme-color), 0px 5px 0px 0px #356610, 0px 5px 4px #000;
}
.left i{
  left: 20px;
  right: auto !important;
}
.center i{
  left: 50%;
  transform: translateX(-50%);
  right: auto !important;
}
.copyright-wrapper {
  background-color:#131313;
  font-size: 15px;
  font-weight: 600;
}
.copyright-wrapper p,.copyright-wrapper a {
  color: #fff;
  margin-bottom: 0;
}
.footer-wp {
  background: #dedddd;
}
.footer-wp h3, .footer-wp .widget_block .wp-block-heading {
  text-align: left;
  font-size: 30px;
  border-bottom: 3px solid #333;
  letter-spacing: 2px;
  font-weight: bold;
  color: #333;
}
.footer-wp h3{
  border-bottom: none;
}
.footer-wp .widget_block .wp-block-heading{
  padding: 0 0 10px;
}
.footer-wp a.rsswidget{
	color: #333;
}
.footer-wp input[type="search"]{
  width:100%;
  padding:8px 5%;
  float:left;
}
.footer-wp .search-form label{
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button, #sidebar button{
  padding: 10px 12px;
  border: none;
  background: #333;
  border-radius: 0;
  margin: 0;
  font-size: 15px;
  width: 100%;
  color: #fff;
  font-weight: 600;
}
.footer-wp button{
  margin-top: 5px;
}
.footer-wp  td#prev a {
  color: #333;
}
.footer-wp caption {
  font-weight: bold;
  color: #000;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 600;
}
.footer-wp table,.footer-wp th,.footer-wp td, .footer-wp .widget_block .wp-block-calendar table, .footer-wp .widget_block .wp-block-calendar th, .footer-wp .widget_block .wp-block-calendar td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp th {
  text-align: center;
  padding: 10px 0;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  font-size: 15px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 5% 0;
}
.footer-wp .tagcloud a {
  padding: 5px 10px;
  margin: 5px 0;
  border: 1px solid #000;
  font-size: 15px !important;
  display: inline-block;
}
.footer-wp .tagcloud a:hover, .tags a:hover{
  background: var(--first-theme-color);
  color: #fff;
}
#sidebar button{
  background: var(--first-theme-color);
}
.textwidget a{
  text-decoration: underline;
  color: #333;
}
.footer-wp .woocommerce ul.product_list_widget li{
  padding: 8px 0;
}
/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
  float:right;
  font-weight:bold;
  width:100%;
}
.pagination span, .pagination a, .page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span {
  display:block;
  float:left;
  margin: 2px 8px 10px 0;
  padding:18px;
  text-decoration:none;
  width:auto;
  color:#000;
  background: rgb(233 233 233 / 78%);
  color: rgba(0, 0, 0, 0.78);
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: 600;
}
.pagination a:hover, .page-links a:hover{
  color:#fff;
  background: var(--first-theme-color);
}
.pagination .current, .page-links .post-page-numbers.current span{
  padding:18px;
  background: var(--first-theme-color);
  color: #fff;
}
.page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{
  padding: 12px 15px;
}
.page-links{
  padding-bottom: 50px;
}
.content-blog .pagination ul li, .content-blog .pagination ul{
  margin:0;
}
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title,h1.page-title{
  padding-bottom:20px;
  font-size:40px;
  text-transform:capitalize;
  color: #000;
  padding-top: 2%;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
.post-date, .post-categories, .post-tags, .post-comment{
  display:inline;
}
form.search-form{
  margin-bottom:0px;
}
input.search-field,.post-password-form input[type=password]{
  border:1px #000 solid;
  padding:10px 15px;
}
input.search-submit,.post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:10px 20px;
  cursor:pointer;
  font-weight: bold;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
/*audio and video*/
.entry-audio audio, .entry-video video{
  width: 100%;
}
/*---static --*/
.contentbox {
  position: absolute;
  top: 43%;
  left: 0%;
  transform: translateY(-50%);
}
hr.photocat {
  margin-top: -10px !important;
  width: 12%;
  border-top: 2px solid #fff;
  opacity: 1;
}
.contentbox h2 {
  color: #fff;
  text-transform: uppercase;
  background: rgba(59, 58, 58, 0.8);
  display: table;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: unset;
}
/* Woocommerce */
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.woocommerce form.woocommerce-form-login.login{
  display: inline-block;
}
.woocommerce  form.woocommerce-form-login.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce nav.woocommerce-pagination ul li,.woocommerce nav.woocommerce-pagination ul{
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #333;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin: 0 5px 0 0;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
  background: var(--first-theme-color);
  color: #fff;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  border-color: #000;
  padding: 8px 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
.woocommerce-input-wrapper .select2-container--default .select2-selection--single {
  padding: 6px 4px;
  height: 42px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.star-rating {
  margin: 0 auto 10px !important;
}
.woocommerce div.product form.cart div.quantity{
  margin-right: 10px;
}
.woocommerce span.onsale{
  background: var(--first-theme-color);
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
}
.related .products li{
  float: none !important;
  display: inline-table;
  width: 29% !important;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
  border:none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: var(--first-theme-color);
  color: #fff;
  border-radius: 0;
  padding: 13px;
}
.woocommerce a.added_to_cart{
  background: var(--first-theme-color);
  color: #fff;
  border-radius: 0;
  padding: 15px;
  margin-top: 10px;
  font-weight: 700;
  margin-left: 5px;
}
.woocommerce a.added_to_cart:hover{
  background: #333;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d3ced2;
  padding: 11px 6px 5px;
  margin: 0 4px 0 0;
  outline: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 26px;
}
#main {
  margin-top: 14px;
}
.woocommerce-message {
  border-top-color: var(--first-theme-color);
}
.woocommerce-product-gallery__image {
  margin: 5px 0;
  padding: 2px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #333 !important;
  color: #fff;
}
.woocommerce span.posted_in{
  font-weight: 600;
}
.woocommerce span.posted_in a{
  background: var(--first-theme-color);
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
}
span.posted_in {
  display: block;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  padding: 10px;
  line-height: normal;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  background: var(--first-theme-color);
  padding: 12px;
  margin-bottom: 10px !important;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #000;
}
.woocommerce-MyAccount-content .woocommerce-Address-title.title a{
  background: var(--first-theme-color);
  color: #000000;
  text-decoration: none;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
}
.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  padding: 10px;
}
.woocommerce-input-wrapper,.woocommerce .woocommerce-product-search label {
  width: 100%;
}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2 {
  max-width: 100%;
}
code, td.product-name a, a.shipping-calculator-button, .woocommerce-info a, .woocommerce-account .woocommerce-MyAccount-content p a,.woocommerce-privacy-policy-text a {
  color: #295800;
}
.woocommerce form .form-row .required, .woocommerce a.remove {
  color: #910e0e !important;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
  padding-top: 20px;
}
span.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
span.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
span.post-title, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #000;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
  text-decoration: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color:var(--first-theme-color);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #111;
}
.woocommerce ul.product_list_widget li img{
  width: 20%;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
}
.woocommerce .coupon button.button{
  padding: 12px 10px;
}
.woocommerce #reviews #comment{
  height: auto;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
  font-size: 15px;
}
.woocommerce #comments ol li{
  padding: 0px !important;
}
.woocommerce .star-rating{
  float:left;
}
.woocommerce .woocommerce-product-rating{
  line-height: 1;
}
.woocommerce .woocommerce-product-rating a{
  padding-left: 10px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size: 16px;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce ul.product_list_widget li{
  padding: 0;
}
.woocommerce .star-rating::before{
  color: #6a6666;
}
.woocommerce #customer_login h2, #sidebar .woocommerce .star-rating, .footer-wp .woocommerce .star-rating {
  margin: 0 !important;
}
#sidebar .woocommerce .product-title, .footer-wp .woocommerce .product-title{
  font-size: 18px;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.inner-service .box-image img, .box-image img, .main_image img{
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
  max-height: 350px;
}
.inner-service .feature-box img{
  max-width: 100%;
  max-height: 350px;
  padding: 10px;
  object-fit: cover;
}
.mainbox, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  border: 2px solid #e6f0fa;
}
.layout2, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  padding: 20px;
}
.metabox i:before {
  font-size: 10px;
  background: var(--first-theme-color);
  padding: 8px;
  color: #fff;
  border-radius: 50%;
}
.metabox a.post-edit-link{
  color: #000;
}
.inner-service {
  margin-bottom: 35px;
}
.inner-service .mainbox:hover, .gridcontent .mainbox:hover, #sidebar aside:hover {
  box-shadow: 0px 6px 20px 0px #ddd;
}
.gridcontent{
  border: none !important;
  box-shadow: none !important;
}
.related-posts .related-inner-box{
  border: 1px solid #000;
}
.related-posts .related-inner-box h4 a:hover{
  color: var(--first-theme-color);
}
.related-posts .related-inner-box h4{
  padding-bottom: 0;
}
/* cart page */
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 18px;
  background: var(--first-theme-color);
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  text-decoration: none;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
  background: #333;
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: center !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  border: solid 1px #dcdcdc;
  margin: 0 2.8% 2.992em 0;
  padding: 10px;
  max-width: 30% !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 0px;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 800;
  background: var(--first-theme-color);
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: #333 !important;
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: center;
  text-transform: capitalize;
  color: #000 !important;
  font-size: 26px !important;
  font-weight: 500;
  font-family: 'Alex Brush';
}
.wp-block-woocommerce-empty-cart-block a img{
  width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--first-theme-color) !important;
  border-color: var(--first-theme-color) !important;
  color: #fff !important;
  padding: 8px 5px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 100% !important;
  margin: -0.5em -0.5em 0 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  text-transform: capitalize !important;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce .entry-summary a {
  text-decoration: none !important;
}
.woocommerce div.product form.cart {
  margin: 0.5em 0;
}
.woocommerce-account .addresses .title .edit {
  float: left;
  margin: 15px 0px 25px 0px;
} 
/* video*/
.entry-video iframe {
  width: 100%;
}
/* social icons */
footer .socialicons{
  text-align:center;
}
footer .socialicons a{
  color: #fff;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
/*responsive menu*/
@media screen and (max-width: 425px) and (min-width: 320px){
  #slider .inner_carousel p{
    display: none;
  }
  #header .top_headbar,.socialbox,#slider .slide-button{
    text-align: center !important;
  }
  #slider .carousel-caption{
    left: 20%;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
  #slider img{
    height: 200px !important;
  }
  #scrollbutton i {
    bottom: 95px;
  }
}
@media screen and (max-width:720px) {
  .new-text .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  .pagination{
    float:none;
  }
  .services .button {
    margin: 0 auto;
    display: block;
    width: 34%;
  }
  .home .inner-service{
    margin: 20px 0 0 0;
    min-height: auto;
  }
  .top-contact {
    margin: 5px 0;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .slide-button a{
    padding:10px;
    font-size: 10px;
  }
  .footer-wp input[type="submit"]{
    float: none;
  }
  .footer-wp .search-form label{
    width: 100%;
  }
  #slider .carousel-caption, #slider .inner_carousel, #slider .inner_carousel h1, #slider .inner_carousel p, .slide-button{
    text-align: center !important;
    left: 15% !important;
    right: 15% !important;
  }
  #slider .carousel-caption {
    transform: translateY(0%);
  }
  #slider .carousel-caption {
    top: 30%;
  }
  #slider .carousel-caption h1{
    font-size: 25px;
    padding: 0;
  }
  .slide-button a{
    padding: 10px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 100% !important;
    padding: 10px !important;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px){
  .new-text .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
  span.email i{
    margin-right: 2%;
  }
  #sidebar .search-form label{
    width: 52%;
  }
  .related .products li {
    width: 46% !important;
    margin-right: 15px !important;
  }
  .top-contact {
    padding: 0;
    display: block;
  }
  #slider .inner_carousel p{
    display: none;
  }
  .footer-wp td{
    padding: 8px 0;
  }
  .footer-wp input[type="submit"]{
    float: none;
  }
  .footer-wp .search-form label{
    width: 100%;
  }
  #sidebar th,#sidebar td,.footer-wp th,.footer-wp td{
    padding: 0px;
  }
  .contentbox h2 {
    padding: 10px;
  }
  .contentbox {
    left: 0;
  }
  #slider img{
    height: auto !important;
  }
  .top-contact a.call, .top-contact a.email{
    font-size: 12px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 47% !important;
    flex: 1 0 50% !important; 
  }
}
@media screen and (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  #slider .inner_carousel h1{
    font-size: 38px;
  }
  #slider .carousel-caption{
    top:40%;
  }
  .footer-wp input[type="submit"]{
    float: none;
  }
  .footer-wp .search-form label{
    width: 100%;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 30% !important;
    flex: 1 0 30% !important; 
  }
}
@media screen and (max-width: 1000px){
  #navbar-header form.search-form, #search,.page-template-custom-front-page #header{
    display: block;
  }
  .topbar span, #navbar-header .primary-navigation ul li:after{
    display: none;
  }
  #navbar-header .top-contact span, #navbar-header .top-contact a, #navbar-header .socialbox, .search-box{
    display: block;
    text-align: left !important;
    padding: 15px;
    border-bottom: 1px solid #eee;
    color: #000;
  }
  #navbar-header .socialbox:last-child{
    border-bottom: none;
  }
  #navbar-header .socialbox{
    background: var(--first-theme-color);
  }
  #navbar-header span i{
    margin-right: 5px;
  }
  #navbar-header .socialbox i{
    color: #fff;
  }
  #navbar-header .socialbox i:hover, .primary-navigation a, .primary-navigation ul ul a{
    color: #000 !important;
  }
  #navbar-header input[type='submit']{
    padding: 10px 3px;
    text-indent: -9999px;
    z-index: 999;
    background: url(images/search.png) no-repeat 4px 10px;
    position: absolute;
    width: 20%;
  }
  #navbar-header form.search-form{
    border-bottom:1px solid #eee;
  }
  #navbar-header form.search-form label{
    margin: 0;
    width: 80%;
  }
  #navbar-header input.search-field{
    padding: 10px;
    width: 117%;
    background: transparent;
    border: none;
  }
  .toggle-menu {
    background: #dedddd;
  }
  .toggle-menu i {
    font-size: 32px;
    margin-right: 5px;
  }
  #navbar-header i.fas.fa-times,.toggle-menu i, .menu-brand .closebtn,.primary-navigation ul li a {
    color: #000;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
  }
  .menu-brand {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #252525;
    overflow-x: hidden;
    visibility: hidden;
    transition: 0.5s width ease-in-out;
    padding-top: 60px;
  }
  .menu-brand.show{
    visibility: visible;
    width: 250px;
    transition: 0.5s width ease-in-out;
  }
  .menu-brand .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 20px;
    display: block;
    border:none;
    background: transparent;
  }
  a.closebtn.responsive-menu.p-2.ms-4 {
    margin-top: -8px;
  }
  .fa-times:before {
    margin-left: 5px;
  }
  .menu-brand #site-navigation, .footer-wp input[type="submit"], .primary-navigation ul ul {
    width: 100%;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid;
    display:block;
  }
  .primary-navigation ul li a{
    padding: 17px;
    display:block;
    border:none;
    background-color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #eee;
  }
  .primary-navigation ul ul li,.toggle-menu,.primary-navigation ul li ul,.primary-navigation ul li ul ul{
    display:block !important;
  }
  .primary-navigation ul li ul li a:before{
    content: "__";
    padding-right: 6px;
    position: relative;
    top: -4px;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:25px !important;
  }
  .primary-navigation ul li ul, .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
  }
  .primary-navigation ul ul{
    position: static;
  }
  .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
    color: #000 !important;
    background: none !important;
  }
  .primary-navigation li{
    padding: 0;
  }
  #navbar-header {
    text-align: left;
    display: inline;
    background-color: #fff;
    box-shadow: 0px 0px 12px #333;
  }
  .primary-navigation ul{
    display: grid;
    margin: 0 !important;
  }
  .primary-navigation .current_page_item > a,.primary-navigation .current-menu-item > a,.primary-navigation .current_page_ancestor > a,.main-menu-navigation,.primary-navigation ul ul{
    background:#fff;
  }
  .primary-navigation a:focus, #navbar-header a:focus{
    outline: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
  }
  .scrollbutton.center i{
    left: 44%;
    right: 50%;
  }
  .scrollbutton.left i {
    left: 18px;
  }
  .toggle-menu.fixed-header{
    position: fixed;
    top: 0;
    left: 0;
  }
  .fixed-header{
    position: static;
  }
}