/*
Theme Name: BB Mobile Application
Theme URI: https://www.themescaliber.com/products/bb-mobile-application/
Author: ThemeShopy
Author URI: https://www.themeshopy.com
Description: BB Mobile Application is a free multipurpose and fully responsive mobile app landing theme designed to create professional and high-converting websites for mobile applications, software products, SaaS platforms, startups, digital services, and online businesses, while also supporting ecommerce-style product showcases such as subscription services, digital products, and online solutions. Ideal for app developers, tech startups, agencies, entrepreneurs, and freelancers, this theme features a clean, modern design with smooth coding standards to build a strong online presence. It includes customizable sections for app features, screenshots, service highlights, banners, Call to Action buttons, testimonials, pricing details, and social media integration to boost user engagement and conversions. Built for seamless compatibility with WooCommerce for digital sales, Yoast SEO for search optimization, and Contact Form 7 for inquiries and lead generation, the theme ensures flexibility and advanced functionality. This free customizable theme offers easy design control through the Customizer with layout options, background images, color settings, fast loading speed, SEO-friendly structure, translation-ready support, and mobile-first performance, making BB Mobile Application a reliable and user-friendly solution for promoting apps, software, and digital businesses effectively. Demo: https://preview.themescaliber.com/bb-mobile-application-theme
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 2.2.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bb-mobile-application
Tags: wide-blocks, flexible-header, block-styles, block-patterns, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, post-formats, sticky-post, buddypress, front-page-post-form, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, news, e-commerce

BB Mobile Application WordPress Theme has been created by ThemeShopy, 2017.
BB Mobile Application WordPress Theme is released under the terms of GNU GPL

In this theme some code is taken from Twenty Sixteen.
*/

/* Basic Style */
:root {
  --primary-color: #3ae0bf;
}
body{
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	color:#000;
	font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
}
img{
	border:none;
	max-width:100%;
	height:auto;
}
section img, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:10px 0;
  font-weight: bold;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size: 15px;
  line-height: 1.8;
}
a{
	color:var(--primary-color);
  text-decoration:none;
}
a:hover{
	color:#666;
}
a:focus,a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, .page-template-custom-front-page .primary-navigation ul ul a:focus, .primary-navigation ul ul a:focus , .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{
  text-decoration: none;
  border-bottom: 1px solid #000;
}
.page-template-custom-front-page #header .logo a:focus, .page-template-custom-front-page #header .logo p:focus, #footer a:focus,.page-template-custom-front-page .primary-navigation a:focus,.toggle-menu button:focus{
  border-bottom: 1px solid #fff;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width:100%;
}
#respond, .clear, article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.center{
	text-align:center;
	margin-bottom:40px;
}
.middle-align{
	margin:0 auto;
	padding:20px 0 20px;
}
.wp-caption{
	font-size:13px;
	max-width:100%;
}
.wp-caption-text, .bypostauthor, .wp-caption, *, body, img, .sticky, .gallery-caption{
	margin:0;
	padding:0;
}
.screen-reader-text {
	position: absolute;
	top:-9999em;
	left:-9999em;
}
.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 !important;
  color: #000;
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
.left-sidebar-page .entry-content .alignwide, .left-sidebar-page .entry-content .alignfull, .right-sidebar-page .entry-content .alignwide, .right-sidebar-page .entry-content .alignfull{
  margin-left  : 0;
  margin-right : 0;
}
/* block image */
.page-box-single .alignwide, .page-box-single .alignfull, .our-services .alignwide, .our-services .alignfull{
  margin-left: 0;
  margin-right: 0;
}
/* Block Gallery */
.page-box-single .blocks-gallery-caption{
  margin-bottom: 15px;
}
.page-box-single .extraclass.wp-block-gallery-3{
  margin-right: 25px;
  margin-top: 8px;
}
/* block button */
.page-box-single .wp-block-button.is-style-outline{
  margin: 5px 0;
}
.page-box-single .wp-block-button.is-style-outline a:hover{  
  color: var(--primary-color) !important;
}
.page-box-single .wp-block-button.is-style-squared a{
  border-radius: 0 !important;
}
.wp-block-button__link{
  display: inline-block !important;
}
.page-box .post-categories{
  margin-left: 0;
  padding-left: 40px;
}
.page-box .post-categories li{
  margin-bottom: 20px;
  margin-top: 20px;
}
.page-box .post-categories a{
  margin-right: 0;
}
/* Block Layout */
.page-box-single .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block widget */
#sidebar .widget_block.widget_tag_cloud a, .page-box-single .wp-block-tag-cloud a, .our-services .wp-block-tag-cloud a{
  border: 1px solid #eeeeee;
  color: #051f31;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  text-decoration: none;
}
#footer .widget_block.widget_tag_cloud a{
  font-size: 17px !important;
  border: 2px inset var(--primary-color);
  color: #fff;
  padding: 4px 7px;
  line-height: 2.4;
  margin: 1px;
  display: inline;
}
#footer .widget_block.widget_tag_cloud a:hover, #sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, .our-services .wp-block-tag-cloud a:hover{
  background-color: var(--primary-color);
  color: #000;
}
#sidebar .widget_block.widget_tag_cloud .wp-block-tag-cloud{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, #footer .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
#footer .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #fff;
}
#footer .widget_block .wp-block-calendar th{
  background: transparent;
  font-weight: 800;
}
#sidebar .widget_block .wp-block-social-links li, #footer .widget_block .wp-block-social-links li{
  padding: 0;
  margin: 0;
  background: transparent;
}
#sidebar .widget_block .wp-block-social-links li a, #footer .widget_block .wp-block-social-links li a{
  color: #000;
  padding: 10px;
  font-size: 20px;
}
#footer .widget_block .wp-block-social-links li a{
  color: #fff;
}
#sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_nav_menu .menu ul.sub-menu{
  margin: 0;
}
#sidebar .widget_block.widget_recent_comments li, #footer .widget_block.widget_recent_comments li{
  display: flex;
}
#sidebar .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-meta, #sidebar .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-excerpt, #footer .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-meta, #footer .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-excerpt{
  margin-left: 0;
}
/*elementor*/
.toggle-menu, a.closebtn.responsive-menu, #contact-info, .no-js #loader-wrapper, .elementor-html #loader, .elementor-html #loader-wrapper{ 
  display: none; 
}
/* 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:20px;
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	border:1px solid #bbb;
	padding:5px;
}
.alignright,img.alignright {
	display: inline;
	float: right;
	border:1px solid #bbb;
	padding:5px;
	margin-bottom:10px;
	margin-left:25px;
}
.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;
}
small{
	font-size:14px !important;
}
a.small-button{
	background:#3890cb;
	padding:5px 30px;
	border-radius:3px;
	color:#fff;
	display:table;
	margin:0 auto;
}
a.small-button:hover{
	color:#fff;
	background:#0c5f96;
}
input[type="text"],input[type="email"],input[type="phno"],input[type="password"],textarea{
	border:1px solid #bcbcbc;
	width:100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
textarea{
	height:auto;
}
input[type="submit"] {
	border:2px solid #29459f;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	padding:7px 30px;
	background:#4c66ba;
	font-weight:bold;
	color:#fff;
	border-radius:3px;
	display:table;
}
input[type="submit"]:hover{
	background:#3890cb;
}
.noresult-content .search-form{
  display: flex;
}
.noresult-content .search-form input.search-field{
  width: 95% !important;
}
/* ---------Buttons--------- */
a.button{
	background:var(--primary-color);
  color: #000;
  font-size: 16px;
  padding: 10px 30px;
  text-transform: uppercase;
	font-weight:bold;
}	
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: var(--primary-color);
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 9999;
}
.page-template-custom-front-page .fixed-header #header{
  background-color:var(--primary-color) !important; 
  box-shadow: 2px 2px 10px 0px #2d2d2d;
}
.page-template-custom-front-page .fixed-header .primary-navigation a, .page-template-custom-front-page .fixed-header #header .logo a, .page-template-custom-front-page .fixed-header #header .logo p{
  color: #000;
}
body.admin-bar .fixed-header{
  margin-top: 32px;
}
/*preloader*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
  display: block;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 99999999;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222;
  z-index: 10;
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*preloader 2*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: block;
  background: #fff;
}
.loader{
  width: 70px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader div{
    background-color: #14213d;
    width: 48px;
    height: 48px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: jump 2.25s linear infinite;
}
.loader div:nth-child(1):after{
    content: '';
    width: calc(48px * 2 / 3);
    height: calc(48px * 2 / 3);
    border-radius: 50%;
    border-top: 4px solid #14213d;
    border-left: 4px solid #14213d;
    transform: rotate(135deg);
    position: absolute;
    left: 28px;
    bottom: calc(48px / 6);
}
.loader div:nth-child(2){
    background-color: #fca311;
    width: calc(48px / 2);
    height: calc(48px / 2);
    left: calc(5px * 2.2);
    z-index: 0;
    animation: jump1 2.25s linear infinite;
}
.loader div:nth-child(3){
    background-color: #f72585;
    width: calc(48px / 3);
    height: calc(48px / 3);
    left: calc(5px * 5 / 2);
    z-index: 0;
    animation: jump2 2.25s linear infinite;
}
@keyframes jump{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(0.5) scaleX(1.4);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    25%{
      transform: scaleY(1) scaleX(1);
      bottom: calc(48px * 3);
      animation-timing-function: cubic-bezier(0.8, 0.42, 1, 0.64);
    }
    95%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
}
@keyframes jump1{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(-1turn);
      transform-origin: center;
      bottom: calc(48px * 5.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(-2turn);
      bottom: 0;
    }
}
@keyframes jump2{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(1turn);
      transform-origin: center;
      bottom: calc(48px * 6.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(2turn);
      bottom: 0;
    }
}

/* ---------HEADER--------- */
#header {
  background: var(--primary-color);
  position: static;
}
.page-template-custom-front-page #header {
  z-index: 999;
  width: 100%;
  background: transparent;
  position: absolute;
}
#header .logo h1, #header .logo p.site-title{
	font-size:30px;
	font-weight:bold;
  line-height: 1.5;
}
.page-template-custom-front-page .primary-navigation a, .page-template-custom-front-page #header .logo a,.page-template-custom-front-page #header .logo p{
  color:#fff;
}
#header .logo a, #header .logo p{
	color:#000;
}
#header .logo p{
	font-size:12px;
}
/* --------- MENUS CSS --------- */
.primary-navigation ul{
  list-style: none;
  margin: 8px 0 0;
}
.primary-navigation li{
  display: inline-block;
  position: relative;
}
.primary-navigation a{
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 16px 25px;
  text-transform: uppercase;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 999;
  top:40px;
  border-top: 6px solid #000 !important;
  border: 1px solid var(--primary-color);
}
.page-template-custom-front-page .primary-navigation ul ul{
  border-top: 6px solid var(--primary-color) !important;
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 5px;
}
.page-template-custom-front-page .primary-navigation ul ul a,.primary-navigation ul ul a{
  color: #000;
  background-color: #fff;
  border: none;
  padding: 13px;
  font-weight: 700;
  font-size: 12px;
  z-index: 999;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  font-weight: 600;
  font-family: 'Font Awesome 7 Free';
  font-size: 10px;
  padding: 0px 6px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 10px;
}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows .sfHover > .sf-with-ul:after{
  content: '\f068';
  font-weight: 600;
  font-family: 'Font Awesome 7 Free';
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}
/*creative feature*/
#about h3{
  font-weight: bold;
  font-size: 18px;    
}
#about h3, #about h3 a{
  color: #717171;
}
#about p {
  line-height: 1.8;
  font-size: 14px;
  color: #717171;
}
.creative-feature h2 {
  font-size: 32px;
  color: #4e4e4e;
  font-weight: 600;
  background: url(images/sectionborder.png) no-repeat center bottom;
  text-transform: none;
}
/* Homepage */
.our-services small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
.our-services .small-button{
	margin-top:30px;
}
.our-services .page-box, .our-services .page-box.grid-box{
	height: auto;
  margin: 0 0 25px 0;
  position: relative;
  transition: 0.3s;
  background: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	padding: 0 0 25px 0;
}
.our-services .page-box:hover, .our-services .page-box.grid-box:hover{
  box-shadow: 0 0 5px var(--primary-color);
}
.our-services .page-box h4 a{
	color:#25333c;
	margin:0 0 29px 0;
	padding:0;
}
.our-services .page-box p {
  font-size: 15px;
  margin: 0;
  line-height: 25px;
  color:rgba(51, 51, 51, 0.67);
}
.our-services .box-image{
	margin:0;
}
.our-services .services-box{
	margin:40px 0 20px 0;
}
.new-text, .our-services .page-box.grid-box .new-text{
	border-left: 20px solid var(--primary-color);
  padding-left: 20px;
}
.read-more-box{
	color: #000;
  padding: 5px;
  text-decoration: none;
  margin: 20px 15px 0 0;
  padding: 7px 20px;
  background: var(--primary-color);
  display: table;
  font-weight: 600;
}
.read-more-box:hover{
	background:#000;
	color:#fff;
}
.new-text h2 a{
  color: #000;
}
/* Headings */
section h1{
	font-weight:bold;
	text-align:center;
	margin:0 0 10px;
	padding:0;
	text-transform:uppercase;
}
section h2{
	font-weight:bold;
	text-align:center;
	margin:30px 0 0 0;
	text-transform:uppercase;
}
section h3{
	color:#000;
	font-weight:bold;
	font-size:20px;
}
section h5{
	color:#3890cb;
	font-weight:bold;
	font-size:24px;
	margin:0 0 10px 0;
	padding:0;
}
a.r_button {
	background: #3790ca;
	padding: 0.5em 2em;
	color: #fff;
}
/* Footer Section */
.copyright-wrapper li a {
  color: #fff;
  font-size: 15px;
}
.copyright-wrapper li a:hover {
	color: var(--primary-color);
}
.copyright-wrapper ul li {
	list-style: none;
	padding: 5px 0;
}
.copyright-wrapper ul {
  margin: 0;
}
.copyright-wrapper .widget ul {
  margin-left: 0;
  text-align: left;
}
.copyright-wrapper .tagcloud a, #footer table#wp-calendar td a{
  color: #fff;
}
.copyright-wrapper .search-form .search-field {
  width: 100%;
  border: none;
  padding: 8px;
  color: #000;
}
.search-form input.search-submit {
  background: var(--primary-color);
  border: none;
  display: inline-block;
  padding: 11px;
  font-size: 14px;
  color: #000;
}
.search-form input.search-field {
  padding: 9px;
  background: #eeeeee;
  border: none;
  border-radius: 3px;
  width: 100%;
}
.inner {
  background: #15c2a0;
}
.copyright-wrapper caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.copyright-wrapper table,.copyright-wrapper th,.copyright-wrapper td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.copyright-wrapper .widget_calendar table{
  width: 100%;
}
.copyright-wrapper td {
  padding: 5px;
  color: #fff;
}
.copyright-wrapper th {
  text-align: center;
  padding: 5px;
  color: #fff;
}
.copyright-wrapper select {
  padding: 8px 5px;
  color: #333;
}
#footer{
	background:#25333c;
	color:#fff;
	text-align:left;
  clear:both;
}
#footer .footer-top{
  padding: 0 35px;
}
#footer .tagcloud a {
  font-size: 17px !important;
  border: 2px inset var(--primary-color);
  padding: 4px 7px;
  line-height: 2.4;
  margin: 1px;
}
#footer .textwidget a{
  color: #fff;
  text-decoration: underline;
}
#footer .tagcloud a:hover, #sidebar .tagcloud a:hover {
  background-color: var(--primary-color);
  color: #000;
}
#footer h2, #footer .widget_block .wp-block-heading {
  font-size: 24px;
  border-bottom: 3px double var(--primary-color);
  color: var(--primary-color);
  margin-bottom: 15px;
}
#footer p{
	font-size:17px;
	margin: 0;
  font-weight: 500;
}
#footer p a {
  color: #000;
  font-weight: 500;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"] {
  width: 100%;
  padding: 6px;
  border: none;
  background: var(--primary-color);
  border-radius: 0;
  margin: 2px 0px;
  height: 34px;
  color: #000;
}
#footer .copyright{
  color: #000;
  padding: 10px;
}
#footer .footer-social-icon{
  text-align: center;
  padding-bottom: 10px;
}
#footer .footer-social-icon a{
  color: #000000;
  margin: 8px;
}
#footer .copyright p{
  text-align: center;
}
#sidebar table#wp-calendar td a {
  color: #000;
}
/*scroll to top*/
#scroll-top{
  background:var(--primary-color);
  border:2px solid var(--primary-color);
  color:#fff;
  cursor:pointer;
  width:65px;
  height:65px;
  position:fixed;
  bottom:60px;
  right:20px;
  z-index:999;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:20px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  display: none;
}
.left-align{
  left: 20px;
}
.center-align {
  left: 50%;
  right: 50%;
}
/*woocommerce*/
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
form.woocommerce-form.woocommerce-form-login.login{
  display: inline-block;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce #sidebar {
   margin-top: 3em;
   padding: 10px;
}
.woocommerce-message::before{
  	color: var(--primary-color);
}
.woocommerce-message {
  	border-top-color: var(--primary-color);
}
.woocommerce span.onsale{
	background: var(--primary-color);
	padding: 0;
}
.products li {
	border: solid 1px #dcdcdc;
	padding: 10px;
	text-align: center;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  color: #000;
  font-weight: 700;
  font-size: 24px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
  text-align: center;
  text-transform: capitalize;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce h1.product_title.entry-title {
  background: 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(--primary-color);
	color: #000 !important;
	border-radius: 0;
	padding: 12px;
}
.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: #000;
	color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
span.woocommerce-input-wrapper, .woocommerce label {
	width: 100%;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color);
  padding: 12px !important;
  margin-bottom: 10px !important;
}
.woocommerce-MyAccount-navigation ul li a{
	color: #000 !important;
  font-weight: 600;
  text-decoration: none !important;
}
.woocommerce-MyAccount-content header.woocommerce-Address-title{
  display: inline-grid;
  margin-bottom: 20px;
}
.wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button,
.wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, 
.wc-block-checkout__form .wc-block-components-button{
  border: none;
  min-height: 0 !important;
  background: var(--primary-color);
  color: #000;
}
.wc-block-checkout__sidebar .wc-block-components-totals-coupon__form .wc-block-components-button__text{
  opacity: 1 !important;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding-left: 35px !important;
  text-decoration: none !important;
}
.wc-block-checkout__main .wc-block-checkout__actions .wc-block-components-checkout-place-order-button{
  padding: 11px !important;
}
.wc-block-checkout__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text,
.wc-block-cart__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text{
  opacity: 1 !important;
}
.woocommerce .woocommerce-MyAccount-content .title a{
  background: var(--primary-color);
  color: #000000;
  font-weight: 500;
  text-decoration: none !important;
  padding: 5px 8px;
}
.woocommerce .entry-summary .posted_in a{
  color: #000000;
  background: var(--primary-color);
  border-radius: 3px;
  text-decoration: none !important;
  padding: 5px 10px;
}
.posted_in {
	display: block;
}
.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .single-post-page h2{
  background: #fff;
}
.woocommerce .woocommerce-ordering select {
	vertical-align: top;
	padding: 10px;
}
.woocommerce form .form-row .required,.woocommerce a.remove{
  color: #df0000 !important;
}
.woocommerce .woocommerce-breadcrumb a,.woocommerce .woocommerce-breadcrumb{
  padding-top: 5px;
}
.woocommerce .product_meta a{
	color: #717171;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover{
	color: #fff !important;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb,.woocommerce span.onsale, .woocommerce-privacy-policy-text p a,.woocommerce td.product-name a, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb, .woocommerce li#tab-title-reviews a, tr.woocommerce-cart-form__cart-item.cart_item a, .woocommerce a.added_to_cart{
	color: #000;
}
.woocommerce-info a,.woocommerce-privacy-policy-text p a,.woocommerce-MyAccount-content p a, .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 #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comment{
  height: auto;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .product .added_to_cart{
  background: var(--primary-color);
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 20px 6px;
  margin-top: 10px;
}
.woocommerce .product .added_to_cart:hover{
  background: #000;
  color: #fff;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.single-product .background-img-skin {
  margin: 36px 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
}
.woocommerce form .form-row textarea{
  height: 3em;
}
#sidebar .star-rating, #footer .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, #footer .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: var(--primary-color);
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
#footer .price_label, #sidebar .price_label{
  font-size: 14px;
}
.woocommerce .star-rating {
    float: left;
}
.news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 29% !important;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
}
.woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , #footer a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce-Reviews .comment-text .description {
  float: left;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
}
.comment-form-rating label {
  padding: 10px 0;
}
#footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
  background: var(--primary-color) ;
  border-radius: 0px;
  color: #000;
  font-weight: 600;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  border: none;
  border: solid 1px var(--primary-color);
}
#sidebar form.woocommerce-product-search button{
  margin-top: 0;
}
#sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img {
  width: 50px;
}
#footer .woocommerce.widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item, #footer ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item{
  background:none;
}
.woocommerce ul.products li.product .star-rating{
  margin:10px auto !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
.woocommerce a.woocommerce-review-link{
  color: var(--primary-color);
}
#footer .woocommerce a.button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: var(--primary-color);
  color: #000 !important;
}
#footer .woocommerce a.button{
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #000 !important;
}
/*woocommerce pagination*/
.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: var(--primary-color);
  color: #000;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 10px 15px;
  font-size: 18px;
}
/*-------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-main th, .wp-block-woocommerce-cart .wc-block-components-main tr{
  padding: 10px !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(--primary-color);
  color: #000;
  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: #000;
  color: #fff;
}
.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: left !important;
}
.wc-block-components-sidebar .wc-block-components-totals-coupon, .wc-block-components-sidebar .wc-block-components-totals-item, .wc-block-components-sidebar .wc-block-components-totals-item{
  padding-left: 0 !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 .wc-block-grid__product{
  border: solid 1px #dcdcdc;
  padding: 10px;
  margin: 10px 40px 20px 0;
  max-width: 21% !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 0 !important;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 16px;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: #000;
}
.wp-block-woocommerce-empty-cart-block .price del, .wp-block-woocommerce-empty-cart-block .price ins{
  color: #000 !important;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 14px;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 14px;
}
.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: 24px !important;
  font-weight: 700;
}
.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(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #000 !important;
  padding: 10px 5px !important;
  font-size: 14px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  top: -16px !important;
  right: -20px !important;
  left: auto !important;
  text-transform: capitalize !important;
}
/* Woocommerce CSS End*/
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.metabox{
	padding:15px 0;
	clear:both;
}
.metabox a, .metabox{
  color: #000;
}
.metabox a:hover{
  color: var(--primary-color);
}
.metabox i {
  margin-right: 5px;
}
.entry-content code{
  color:#000;
}
.meta-nav {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  background: #f1f2f3;
}
.meta-nav:hover{
  background: var(--primary-color);
  color: #000;
}
.page-box-single{
  background: #fafafa;
  padding:20px;
}
.post-title{
  margin:10px 0;
  color: #1a8129;
  display: block;
}
.meta-nav i {
  font-weight: 900;
  font-size: 15px;
  padding: 8px 0;
}
.tags{
  margin:20px 0;
}
.tags i{
  font-size: 20px;
  color:var(--primary-color);
  margin-right: 10px;
}
.tags p a{
  font-size: 15px;
  color:#000;
  border: 1px solid #000;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px;
}
.tags p a:hover{
  color: #000;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.entry-content a, .comment-body p a, .woocommerce-product-details__short-description p a{
  text-decoration: underline;
  color: #000;
}
/* Related Post */
.related-box {
  height: auto;
  margin: 0 0 25px 0;
  position: relative;
  transition: 0.3s;
  background: #FFF;
  box-shadow: 0 0 8px rgb(0 0 0 / 10%);
  padding: 0 0 25px 0;
}
.related-box h4 a {
  font-size: 20px !important;
  color: #000;
}
.related-posts .read-more-btn{
  display: inline-block;
}
/* --------- POST --------- */
#blog{
	padding-top:0;
	margin-top:0;
}
.blog-post h5{
	text-transform:uppercase;
	color: #000;
}
.feature-image-box{
	width:100%;
}
.feature-image-box img{
	height:230px;
}
.hovereffect a{
	border:1px solid #fff;
	background:#000;
	color:#fff;
	padding:5px 20px;
}
.hovereffect a:hover{
	background:#ffd34e;
	color:#000;
} 
.bradcrumbs{
	padding:30px 0;
}
.bradcrumbs a{
  display: inline-block;
	background: var(--primary-color);
	color:#000;
	padding:8px 15px;
	margin-right:5px;
  margin-bottom: 10px;
}
.bradcrumbs a:hover, .post-categories li a:hover{
	background: #000;
  color: #fff;
}
.bradcrumbs span{
	background: var(--primary-color);
	color:#000;
	padding:8px 15px;
  display: inline-block;
}
/* Comments BOX */
#comments {
  display: block;
}
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  margin:10px 0;
  padding: 30px 0 10px;
}
#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:var(--primary-color);
  padding:10px 50px;
  text-transform:normal;
  font-weight:bold;
  color: #000;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#000;
  background: var(--primary-color);
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:rgb(21, 28, 39);
  color: #fff;
}
#comments a time{
  color:#1a8129;
  font-weight:bold;
  font-size:12px;
}
#comments ol li li{
  margin-left: 25px;
}
.comment-body{
  margin-bottom: 20px;
}
.content-ts #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
#comments ol.comment-list {
  color: #000;
  font-size: 18px;
}
.comment-meta.commentmetadata {
  margin: 8px 0;
}
li#comment{
  margin-bottom: 20px;
}
div#comments a{
  color: #000;
}
.comment-author cite.fn{
  padding-left: 10px;
}
.content-ts #comments h2.comments-title{
  padding-top: 10px;
  font-size: 25px;
}
.content-ts #comments ol li li{
  margin-left: 25px;
}
.content-ts #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0;
  background:#fff;
  display: inline-block;
} 
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,#slider .carousel-control-prev-icon{
	background: transparent;
}
#slider{ 
	background: #000;
}
#slider img {
	width: 100%;
	opacity: 0.3;
}
#slider .slider-side-img img{
  height: 300px;
  width: auto;
  opacity: 1;
}
#slider .small-title{
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
#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 a, #slider .inner_carousel {
	color: #fff;
}
#slider .inner_carousel h1{
	font-weight: 700;
	font-size: 40px;
}
#slider .inner_carousel p{
	font-size: 15px;
}
#slider .carousel-caption {
  position: absolute;
  top: 56%;
  right: 17%;
  transform: translateY(-50%);
}
#slider .know-btn a, #slider .purchase-btn a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border-top: 2px #fff solid;
}
#slider .know-btn a{
  background: var(--primary-color);
}
#slider .purchase-btn a{
  background-color: #00cbf6;
}
#slider .know-btn, #slider .purchase-btn{
  display: inline-block;
}
/* Sidebar */
#sidebar caption {
	font-weight: bold;
	color: #333;
	font-size: 20px;
	text-align: center;
}
#sidebar table {
  width: 100%;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #717171;
  text-align: center;
}
#sidebar td {
  padding: 10px;
  color: #333;
}
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #333;
}
#sidebar select {
  padding: 8px 5px;
  color: #333;
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3, #sidebar .widget_block h2, #sidebar .widget_block.widget_search .wp-block-search__label {
  margin: 0 0 25px;
  padding: 20px 15px;
  text-transform: none;
  font-weight: bold;
  font-size: 22px;
  background: var(--primary-color);
  color: #000;
  text-align: left;
}
#sidebar .widget_block.widget_search .wp-block-search__label{
  line-height: 1.2;
}
#sidebar input[type="search"] {
	background:#eeeeee;
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	width:100%;
}
.woocommerce-product-search input[type="search"]{
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
#sidebar label{
  width: 100%;
  display: inline-block;
	margin-bottom: 10px !important;
}
#sidebar #block-2 button[type="submit"]{
  background:var(--primary-color);
  border:none;
  color:#000;
  font-weight: bold;
}
#sidebar input[type="submit"]{
	background:var(--primary-color);
	border:none;
	color:#fff;
	padding:10px 0;
	width:100%;
	font-size:17px;
	margin:0;
  color: #000;
}
#sidebar a.rsswidget{
  color: #000;
}
#sidebar .menu-menu-1-container {
  text-align: left;
}
#sidebar .textwidget a{
  color: #000;
  text-decoration:underline;
}
label{
	margin-bottom: 0 !important;
	width: 100%;
}
#sidebar aside {
  margin-bottom: 30px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
	margin:6px;
	padding:0;
	font-size:16px;
}
#sidebar ul li{
	background:url('images/bullets-sidebar.png') no-repeat 0 7px;
	margin:0 0 15px;
	padding:0 0 0 20px;
}
#sidebar ul li li{
  padding-left: 0;
  margin: 0;
}
#sidebar ul li li a{
  padding-left: 24px;
}
#sidebar ul li a {
  color: #333;
}
#sidebar .tagcloud a{
	border: 1px solid #eeeeee;
	color:#000;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
}
#footer input#woocommerce-product-search-field-0 {
  padding: 10px;
  width: 100%;
}
/* Page */
.title-box{
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:25px;
}
.single .title-box{
	background-size:100% auto;
}
.content-ts p{
	text-align:justify;
	font-size: 16px;
	margin:0 0 5px 0;
}
.content-ts hr{
	border:none;
	border-bottom:2px dotted #7e7e7e;
	margin:35px 0;
	clear:both;
}
.content-ts h2{
	font-size:32px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
.content-ts h3{
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
.content-ts h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
.content-ts ul{
  list-style:none;
	margin:0 0 0 10px;
	padding:10px 0 0;
	font-size:16px;
}
.content-ts ul li{
	margin:0 0 20px 0;
	line-height:25px;
}
.content-ts ol{list-style: none;
	margin:0 0 0 15px;
	padding:10px 0 0 0;
	font-size:16px;
	counter-reset: myCounter;
}
.content-ts ol li{
	padding:0 0 0 0;
	margin:0 0 20px 0;
}
/*video*/
iframe, .entry-audio audio{
	width: 100%;
}
/*VIDEO*/
.innerlightbox {
    margin-top: 34px;
}
.innerlightbox form label{
  width: 85%;
}
.innerlightbox .search-form input.search-field{
  width: 100%;
  padding: 10px;
  font-size: 15px;
}
/* Pagination */
.our-services .innerlightbox form{
  display: flex;
  width: 60%;
  margin-bottom: 25px;
}
.our-services .navigation .nav-previous a, .our-services .navigation .nav-next a{
  background: var(--primary-color);
  color: #000;
  font-weight: 600;
  padding: 10px;
}
.our-services .navigation .nav-links{
  margin-bottom: 35px;
  display: flex;
  gap: 6px;
}
.single-post .nav-links{
  display: block;
  float: unset;
}
.nav-links {
  padding: 10px 0;
}
.nav-previous {
  float: left;
  font-size: 15px;
}
.nav-next {
  float: right;
  font-size: 15px;
  text-align: right;
}
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
	font-weight:bold;
} 
.pagination span,.pagination a, .page-links .page-links-title, .page-links .post-page-numbers.current, .page-links a {
	display:block;
  float:left;
  margin: 2px 8px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#000;
  background: #fff ;
  -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;
} 
.page-links .page-links-title{
  padding: 6px 6px 6px 0;
}
.page-links .post-page-numbers.current, .page-links a{
  padding: 6px 12px !important;
}
.page-links{
  padding-top: 10px;
}
.pagination a:hover, .page-links a:hover{
	color:#000;
  background: #11b292;
}
.pagination .current, .page-links .post-page-numbers.current{
	padding:10px 15px;
  background: #11b292;
  color:#000;
	font-weight:normal;
}
.post-categories ul{
  list-style: none;
}  
.post-categories li{
  display: inline-block;
  margin-bottom: 15px;
}
.post-categories li a{
  color: #000;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: var(--primary-color);
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.category-sec{
  display: flex;
  align-items: baseline;
}
/*************** Responsive Media **************/
@media screen and (min-width:991px) and (max-width: 1024px){
  #slider .slider-side-img img{
    height: 230px;
  }
  .entry-content .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
	#slider .carousel-caption {
    position: absolute;
    top: 53% !important;
	}
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 28% !important;
    flex: 1 0 30% !important; 
  }
}
@media screen and (min-width:1025px) and (max-width: 1199px){
  #slider .slider-side-img img{
    height: 230px;
  }
}
@media screen and (max-width:767px) {
  .creative-feature .left-part .abt-img-box, .creative-feature .right-part .abt-img-box{
    text-align: center;
  }
  #slider .slider-side-img img{
    display: none;
  }
  body.admin-bar .fixed-header {
    margin-top: 0;
  }
  .entry-content .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
	.page-template-custom-front-page #header{
		position: static;
		background: var(--primary-color);
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !important;
    margin: 10% 0 !important;
	}	
	.woocommerce a.button, .woocommerce a.added_to_cart {
		width: 60% !important;
	}
	#slider .inner_carousel p, #slider .inner_carousel .small-title {
    display: none;
	}
  #slider .carousel-caption{
    top: 35%;
  }
  #slider .inner_carousel h1{
    font-size: 20px;
    text-align: center !important;
  }
	#slider .carousel-caption {
    right: 0;
    left: 0;
	}
	.featuered-image {
	   margin-bottom: 39px;
	}
	#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin: 0 5px;
	}
  .page-template-custom-front-page #header .logo a, .page-template-custom-front-page #header .logo p{
    color: #000;
  }
  #slider .know-btn{
    margin: 0;
  }
  .center-align {
    left: 40%;
    right: 50%;
  }
  .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
    width: 100% !important;
  }
  #slider .carousel-caption, #slider .inner_carousel{
    text-align: center !important;
    left: 10% !important;
    right:10% !important;
    padding: 5px;
  }
  #slider img{
    height: 200px !important;
    object-fit: cover;
  }
  #slider .purchase-btn{
    margin-top: 15px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 100% !important;
    flex: 1 0 100% !important; 
    padding: 10px !important;
  }
  .wc-block-checkout__main .wc-block-checkout__actions_row{
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (min-width:720px) and (max-width: 768px){
  #slider .carousel-caption{
    top: 50%;
  }
  body.admin-bar .fixed-header {
    margin-top: 40px;
  }
  .entry-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
  }
	.copyright-wrapper th{
		padding: 0px;
	}
  .woocommerce .related.products ul.products[class*=columns-] li.product:nth-child(2n), section.related.products .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    float:none;
    display: inline-table;
  }
  #sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
    width: 47% !important;
    margin-right: 10px;
  }
  #slider img{
    height: auto !important;
  }
  .page-template-custom-front-page #header{
    position: static;
    background-color: var(--primary-color);
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .inner_carousel h1{
    font-size: 30px;
  }
  .page-template-custom-front-page #header .logo a, .page-template-custom-front-page #header .logo p{
    color: #000;
  }
}
@media screen and (min-width:768px) and (max-width: 992px){
  #slider .carousel-caption{
    top: 38%;
  }
  .page-template-custom-front-page #header{
    position: static;
    background-color: var(--primary-color);
  }
  #slider .slider-side-img img{
    height: 180px !important;
  }
  #sidebar th{
    padding:5px;
  }
  #sidebar td{
    padding:0;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 44% !important;
    flex: 1 0 50% !important; 
  }
  #sidebar h3, #sidebar .widget_block h2, #sidebar .widget_block.widget_search .wp-block-search__label{
    font-size: 18px;
    padding: 10px;
  }
}
@media screen and (max-width: 1000px){
  .our-services .innerlightbox form{
    width: 100%;
  }
  .menubar .nav ul li a:focus,a.closebtn.mobile-menu:focus, .primary-navigation a:focus, .primary-navigation ul ul a:focus{
    border-bottom: 1px solid #fff;
  }
  button:focus, #footer form.woocommerce-product-search button:focus{
    border-bottom: 1px solid #000;
  }
  .toggle-menu i {
    font-size: 18px;
    color: #000;
    padding:10px;
    background: #fff;
    margin: 10px 0;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #252525;
    visibility: hidden;
    padding-top: 60px;
    transition: 0.5s;
  }
  body.noscroll .sidebar{ 
    width: 100%; 
    visibility: visible;
  }
  .sidebar .closebtn {
    position: absolute;
    top: -9px;
    left: -6px;
    font-size: 40px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .sidebar #primary-site-navigation {
    width: 100%;
  }
  .toggle-menu{
    display: block;
    text-align: right;
  }
  .primary-navigation ul ul li, a.closebtn.responsive-menu{
    display: block;
  }
  .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
    background-image: linear-gradient(-90deg, #000 0%, var(--primary-color) 120% );
  }
  .primary-navigation li a:hover, .primary-navigation li:hover a{
    background: unset !important;
  }
  .primary-navigation ul li a{
    padding: 15px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    background: none;
    border: none !important;
  }
  .primary-navigation ul ul li{
    text-align: center;
  }
  .primary-navigation li{
    padding: 0;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar {
    background-image: linear-gradient(-90deg, #000 0%, var(--primary-color) 120% );
    opacity: 0.95;
  }
  #header .primary-navigation ul.sub-menu li a, #header .primary-navigation ul li a{
    color: #fff !important;
  }
  .primary-navigation ul{
    display: grid;
    text-align: center;
  }
  nav#primary-site-navigation a.closebtn.mobile-menu i {
    color: #fff;
  }
  #contact-info{
    background-image: linear-gradient(-90deg, #000 0%, var(--primary-color) 120% );
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    display: block;
    padding: 20px 0;
  }
  #menu-sidebar .primary-navigation a{
    font-size: 15px;
    font-weight: 600;
    text-align: center !important;
  }
  #menu-sidebar .search-box i{
    color: #fff;
    text-align: center;
    display: block;
  }
  .search-box i{
    display: none;
  }
  .book-btn a, .mail i, .mail span, .social-icons a{
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
  }
  #menu-sidebar .book-btn a{
    padding: 8px 20px;
    font-size: 13px;
  }
  #menu-sidebar .book-btn{
    margin: 10px 0;
  }
  .mail{
    padding:10px;
  }
  #menu-sidebar input[type="submit"]{
    padding: 10px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 16px;
  }
  #menu-sidebar input.search-field{
    background: #fff;
    padding: 10px;
    margin: 0 2%;
  }
  .primary-navigation a, #contact-info form.search-form {
    display: inline-block;
  }
  #contact-info label{
    width: 60%;
  }
  .main-menu-navigation{
    scroll-behavior: auto;
  }
  input.search-field{
    width: 100%;
  }
  .social-icons{
    text-align: center;
  }
  .top-header {
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
    right: 0;
    color: #fff;
  }
  .social-icons i{
    font-size: 17px;
  }
  .copyright-wrapper td{
    padding: 0;
  }
  .page-template-custom-front-page .primary-navigation ul ul{
    border: none !important;
  }
}
/*---------Sticky Copyright---------*/
.copyright-fixed {
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}

/* woocommerce page css */
.wc-block-components-checkout-return-to-cart-button svg {
      left: 6px !important;
}
/* Sidebar hover effect */
#sidebar .widget {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
#sidebar .widget:hover {
  transform: translateY(-7px);
  box-shadow: 0 0 10px #5e5e5e;
  border-color: transparent;
}
