/*
Theme Name: Charity Fundraiser
Theme URI: https://www.themesglance.com/products/free-charity-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Charity Fundraiser is a robust, engaging and beautiful charity WordPress theme for charities, non-profit organizations, foundations, church, NGO, Disaster relief funds, Helping Hands funds, welfare activities, volunteer, Social trust, animal welfare, refugee camps, organise campaigns, community services, change in society, community support, old age homes, foster home, conservation, foundation, caretaker, Secret Santa, Causes, donations, organization, philanthropy, amnesty, activism, enviroment saving fund, crowdfunding, social media groups, fundraisers blood donation and websites organising donation camps, fundraising events and campaigns. The theme will help you get the much needed attention through its inviting layout and attention seeking design. The most exciting thing about this theme is that you can extend its functionality by using several plugins such as page builder, elementor, contact form 7, etc. as this theme is compatible with third-party plugins. With the Instagram plugin, you can show your post in a trendy way. It has a user-friendly interface to help you indulge in smooth navigation. The theme is responsive to give superb look on all devices irrespective of their screen size. It is cross-browser compatible and ensures speedy loading. The theme is designed keeping in mind the SEO factor. It is translation ready to encourage people in their language which surely will work positively. Its homepage can be donned with banners and sliders to give the website a completely different look. The theme is integrated with social media icons to reach maximum people in minimum time. It is built to be readily customizable to mould the site design according to your wish. It is built on Bootstrap framework which further eases its usage. It has placed Call to Action buttons to take your visitors where you want them to pay attention. This charity theme is written in clean and secure codes. Demo: https://preview.themesglance.com/charity-fundraiser-pro/
Requires at least: 5.0
Version: 1.2.7
Tested up to: 6.8
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: charity-fundraiser
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, post-formats, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, e-commerce, news

Charity Fundraiser WordPress Theme has been created by Themesglance(themesglance.com), 2018.
Charity Fundraiser WordPress Theme is released under the Terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	font-size: 16px;
	color:#000;
  overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:10px 0;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:15px;    
  line-height: 1.8;
}
a{
	text-decoration:none;
	color:#288200;
}
a:hover{
	text-decoration:none;
	color:#288200;
}
a:focus, a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  outline: 2px solid #000;
}
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, .box-image img, .wrap label, span.woocommerce-input-wrapper, .woocommerce label, .entry-audio audio, iframe{
  width:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
  clear:both;
}

/* 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. */
}
.sticky{
	margin:0;
	padding:0;
  left: 0;
  right: 0;
  position: fixed;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
.bypostauthor{
	margin:0;
	padding:0;
}
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;
}
input[type="submit"] {
	border: none;
	text-align:center;
	font-size: 18px;
  padding: 7px 25px;
  background: #091b27;
  font-weight: 500;
  color: #fff;
  display: table;
}
input[type="submit"]:hover{
	background:#222;
}
table, th, td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.4375em;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
.widget_calendar td, .widget_calendar th,.wp-block-calendar td, .wp-block-calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
#footer .widget_calendar caption {
  font-weight: 600;
  margin-bottom: 1em;
  color: #fff;
  font-size: 20px;
}
#footer td#prev a, .social-media a, .contact-details p a, nav.woocommerce-MyAccount-navigation ul li a, #footer a.rsswidget, .tags a:hover i{
  color: #fff;
}
#footer .widget_calendar tbody a {
	color: #288200;
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
.widget th, .widget td {
	padding: 0em;
}
span.page-links-title {
	clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  font-weight: bold;
}
span.page-number,span.page-links-title{
	display: block;
  float: left;
  margin: 2px 2px 2px 0;
	text-decoration: none;
  width: auto;
  color: #fff;
  font-weight: bold;
  background: #091b27;
  -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;
}
.footerinner #footer form.search-form{
    width: 65%;
}
/*wide block*/
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
/*.alignfull img {
  width: 100vw;
} */

/* ---------Buttons--------- */
a.button{
	background:#288200;
  color: #fff;
  font-size: 16px;
	font-weight:bold;
  display: inline-block;
}	
a.button:hover{
  background:#091b27;
  color: #fff;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}

/* --------- MENUS CSS --------- */
#sidelong-menu{
  display: none;
}
.menubox #sidelong-menu{
  display: inline;
}
.nav-menu ul{
  margin:0;
  padding:0;
  font-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav-menu a{
  color: #091b27;
  padding:10px;
  display:block;
}
.nav-menu ul li a:active, .nav-menu ul li a:hover{
  color:#288200;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  min-width: 200px;
  z-index: 9999;
  border: solid 1px #288200;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #fff;
  padding: 10px;
  background: #288200;
}
.nav-menu ul ul a:hover{
  background: #091b27;
  color: #fff;
  border-left: 4px solid #288200;
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
.nav-menu a:hover{
  color: #288200;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul, .topbar .sf-arrows .sf-with-ul{
  padding: 10px 25px 10px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 5px;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  z-index:999999;
  background:#fff;
  top: 0;
}
.tg-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:999999;
  border: 4px solid #333;
  top: 50%;
  left: 50%;
  animation: loader 2s infinite ease;
}
.tg-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #333;
  animation: loader-inner 2s infinite ease-in-out;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.elementor-html .tg-loader, .elementor-html #overlayer, .elementor-html .preloader{
  display: none;
}
@-webkit-keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
/* Styles */
.preloader {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #fff;
}
.preloader .preloader-container {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 44%;
  left: 0;
  position: relative;
}
.preloader .preloader-container .animated-preloader {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  border-radius: 50em;
}
.preloader .preloader-container .animated-preloader:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50em;
  background: white;
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-out infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
.preloader .preloader-container .animated-preloader:before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50em;
  background: #333;
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed !important;
  top:0 !important; 
  left:0;
  margin:0 !important;
  width: 100%;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 99999;
}

/* ---------HEADER--------- */
 .menu-sec {
  background: #fff;  
  border-radius: 50px; 
}
.page-template-custom-front-page .menu-sec{
  position: relative;
  margin-bottom: -30px;
  z-index: 99999;
}
.top-bar {
  background: #091b27;
}
.social-media i {
  font-size: 12px;
  color: #091b27;
  background: #fff;
  border-radius: 50%; 
  padding: 9px;
}
i.fab.fa-facebook-f, i.fab.fa-pinterest  {
  padding: 9px 12px;
}
i.fab.fa-twitter, i.fab.fa-instagram, i.fab.fa-linkedin-in {
  padding: 9px 10px;
}
i.fab.fa-google-plus-g, i.fab.fa-youtube{
  padding: 9px;
}
i.fab.fa-pinterest-p {
  padding: 9px 11px;
}
.social-media i:hover {
  background: #288200;
  color: #fff;
}
.logo h1, .logo p.site-title{
	font-size:25px;
	font-weight:bold;
  line-height: 1.5;
}
.logo h1 a:focus, .contact-details p a:focus, .logo p.site-title a:focus, .social-media a:focus, .copyright a:focus  {
  outline: 2px solid #fff;
}
.logo p{
	font-size:12px;
  color: #fff;
}
.contact-details p {
  font-size: 13px;
  color: #fff;
}
p.bold-font {
  font-weight: bold;
  color: #fff;
  font-size: 15px;
}
.contact-details i {
  color: #288200;
  padding: 17px 20px;
  font-size: 14px;
}
.conatct-font {
  background: url(images/like.png) no-repeat center center;
}
.search-field{
  width: 100%;
  padding: 4%;
  margin: 0 3%;
}
form.search-form {
  text-align: center;
}
input[type="search"] {
  border: solid 1px #bbb !important;
  padding: 10px 25px 10px 10px;
  color: #000 !important;
}
.donate-link {
  background: #288200;
  border-radius: 50px;
  border: 2px solid #288200;
  align-self: center;
}
.donate-link a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.donate-link:hover{
  background: #fff;
}
.donate-link:hover a{
  color: #288200;
}
.help-box{
  margin: 0rem 0 !important;
}
.help-box .col-lg-2.col-md-3{
  padding: 15px;
}
.help-box img{
  border-radius: 50%;
  padding: 10px;
  background-color: #288200;
  width: 75px;
}
.help-box .col-lg-10.col-md-9{
  padding: 20px;
}
.box-image img{
  height: 400px;
  object-fit: cover;
}
/* ---------blog--------- */
.blog-sec,.grid-sec {
  border: 1px solid;
}
.blog-sec h2,.grid-sec h2 {
  font-size: 25px;
  font-weight: 600;
  color: #242424;
}
.blog-sec h2 a,.grid-sec h2 a {
  color: #288200;
}
.mainimage{
  overflow: hidden;
}
.mainimage img:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.5;
}
.blog-sec p,.grid-sec p {
  color: #666;
  font-size: 16px;
  letter-spacing: .51px;
}
h1.page-title, h1.search-title {
  background: #288200;
  color: #fff;
}
#blog_post .blog-sec img{
  height: 250px;
  width: auto;
  background: #288200;
}
#blog_post .blog-sec:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
#blog_post .blog-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: scale(0);
  opacity: 0.1;
  background-color:#000;
  transition: transform 0.35s, border-radius 0.5s, opacity 0.9s;
  pointer-events: none; 
}
#blog_post .blog-sec:hover::before {
  transform: scale(1);
  border-radius: 0;
  opacity: 0;
}
#blog_post .blog-sec h2 a{
  color: #000;
  background-repeat: no-repeat;
  background-size: 0% 1px; 
  background-position: left 100%;
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#blog_post .blog-sec h2:hover a{
  background-size: 100% 1px; 
  color: #288200;
}
/*-----------------Search pop up----------------*/
.wrap {
  padding: 15px;
}
.wrap input[type="search"]::placeholder{
  background: #fff;
  color: #000;
}
.wrap input[type="search"] {
  height: 45px;
  font-size: 15px;
  font-weight: 400;
  border: none !important;
  color: #000;
  padding: 0;
  padding-right: 60px;
  width: 0;
  position: absolute;
  top: 4px;
  right: 0;
  margin: 6px 0;
  background: none;
  z-index: 9999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.wrap:focus input[type="search"], .wrap input[type="search"]:focus {
  width: 230px;
  z-index: 999;
  cursor: text;
  padding-right: 0;
  top: 5px;
  right: 58px;
  border: 2px solid #000;
  padding:10px;
  background: #fff;
}
.wrap input[type="submit"] {
  width: 50px;
  padding:  10px;
  background: url(images/search.png) no-repeat 12px center;
  text-indent: -10000px;
  position: absolute;
  top: 0px;
  right: 4px;
  z-index: 2;
  margin: 6px 0;
  cursor: pointer;
}
.wrap input[type="submit"]:hover{
  background-color: unset !important;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  padding: 8px 10px;
  background: transparent;
  width: 100%;
  margin: 0 ;
}

/*------- Related Posts ------*/
#wrapper .related-posts{
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: #288200;
  font-weight: 600;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  font-size: 22px;
  font-weight: 600;
}
#wrapper .related-posts h3 a{
  color: #288200;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
  height: 600PX;
  object-fit: cover;
}
#slider .carousel-indicators li{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}
#slider .carousel-indicators .active{
  background: #288200;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1px;
  background: #288200;
  color: #fff;
  width: auto;
  height: auto;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
  width: 4%;
}
#slider .carousel-caption{
  top: 50%;
  transform: translateY(-50%);  
  right: 50% !important;
  left: 10% !important;
}
#slider .inner_carousel h1 {
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#slider .inner_carousel p {
  line-height: 2;
}
#slider .inner_carousel {
  text-align: left;
  color: #fff;
}
.more-btn a:hover {
  background: #091b27;
}
.more-btn a {
  background: #288200;
  color: #fff;
  padding: 15px 25px;
  font-weight: 600;
  border-radius: 30px !important;
  font-size: 15px;
  display: inline-block;
}

/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active, .carousel-fade  .carousel-item-next.carousel-item-left, .carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

/* Help Section */
#help h2 {
  color: #091b27;
  font-weight: bold;
  font-size: 30px;
}
#help h3 {
  color: #091b27;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 700;
}
hr.help {
  border-top: solid 3px #288200;
  width: 10%;
  margin-top: 0px;
}
#help h4  {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
#help p {
  color: #091b27;
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
}
.woocommerce-shop .widget,.single-product .widget {
  padding: 10px;
}

/* Woocommerce */
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
  background: #288200;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: #288200;
  border: 1px solid #288200;
  padding: 10px;
  margin-right: 10px;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #000;
}
.woocommerce span.onsale{
  background: #288200;
  padding: 0;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  border: solid 1px #dcdcdc;
  padding: 10px ;
  text-align: center;
}
select.orderby {
  padding: 10px;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 700;
}
.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-notices-wrapper a.button.wc-forward,.woocommerce a.added_to_cart.wc-forward,.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: #288200;
  color: #fff !important;
  border-radius: 30px;
}
.woocommerce a.added_to_cart.wc-forward{
  margin: 5px 0 0 5px;
  padding: 6px 12px;
  font-weight: 700;
}
.woocommerce-notices-wrapper a.button.wc-forward{
  padding: 10px 12px !important;
  text-decoration: none;
  opacity: 1;
}
.woocommerce a{
  text-decoration: none;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.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: #091b27;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #288200;
  padding: 12px;
  margin-bottom: 10px;
}
span.posted_in{
  display: block;
}

.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 10px;
  font-size: 15px;
}
.related.products ul.products li.product{
  width: 29%;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text{
  padding: 10px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{
  max-width: 100%;
}
.woocommerce  form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 18px !important;
  padding: 10px 0;
}
.entry-content{
  margin-top: 20px;
}
/*------ Woocommerce widget css -----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li a.remove, #sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove{
  font-size: 20px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 5px;
  font-size: 14px;
}
#sidebar .woocommerce form{
  border: 0;
}
#sidebar .woocommerce-product-search input[type="search"], #footer .woocommerce-product-search input[type="search"]{
  padding: 10px;
  width: 100%;
  border: 1px solid;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: #288200;
  border:0;
  font-size: 15px;
  color: #fff;
  margin-top: 6px;
}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #000 !important;
  color: #fff !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #288200;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #091b27;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
.woocommerce #sidebar{
  margin: 5% 0 !important;
}
.woocommerce-breadcrumb{
  margin-top: 4% !important;
}
/*audio*/
.post-info,.grid-post-info {
  font-size: 16px;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.post-info i ,.grid-post-info i{
  color: #091b27;
  margin-right: 5px;
}
.post-info span,.grid-post-info span {
  color: #000;
}
.blogbtn a {
  color: #fff;
  background: #288200;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3px;
  padding: 10px 20px;
}
.blogbtn a:hover{
  background: #091b27;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: #288200;
}
.back-to-top:hover, .back-to-top:focus {
  text-decoration: none;
}
.back-to-top::before, .back-to-top::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}
.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid #288200;
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #000;
}
.back-to-top:hover, .back-to-top:focus {
  height: 40px;
  color: #fff;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
.footerinner .widget {
  padding: 5% 0;
}
#footer{
	background: #091b27;
	color:#fff;
  clear:both;
}
#footer h3,#footer h2,#footer .wp-block-search__label {
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  border-bottom: 2px solid #288200;
  margin-bottom: 10px;
  width: 100%;
}
#footer p {
  font-size: 15px;
  margin: 0;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
  width:33%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#288200;
	margin:0;
  font-size: 16px;
}
#footer .search-field {
  width: 100%;
  padding: 10px 5px;
  color: #fff;
  margin: 0;
}
#footer form.search-form{
	text-align: left;
}
#footer .search-form{
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%;
}
.copyright a {
  color: #288200;
  text-decoration: none !important;
}
.copyright i{
  color: #fff;
}
.inner{
  border-top: 1px solid #288200;
  background: #091b27;
  padding: 15px 0;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 15px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: #288200;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.footerinner .tagcloud a,.footerinner .wp-block-tag-cloud a{
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #fff;
  background: transparent;
}
.footerinner .tagcloud a:hover{
  background: #288200;
  color: #fff;
  border: 1px solid #288200;
}
.footerinner a:focus {
  outline: 2px solid #fff;
}
/* Added Woocommerce css*/
.wp-block-woocommerce-cart.alignwide{
  margin-left: auto;
  margin-right: auto;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
  background: #288200;
  border-radius: 8px;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  text-decoration: none;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
button.wc-block-components-checkout-place-order-button:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}

li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 30.75% !important;
  float: left;
  margin: 0 3.8% 2.992em 0;
}
.wc-block-grid__product-onsale{
    padding: 5px 10px !important;
    background: #288200 !important;
    color: #fff !important;
    border-color: #288200 !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title{
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600; 
}
a.wc-block-grid__product-link{
  text-decoration: none !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 12px;
  border-radius: 8px !important;
  font-size: 16px;
}
span.woocommerce-Price-amount.amount{
  font-size: 16px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center{
  margin: 10px 0;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a ,.woocommerce-account .addresses .title .edit{
  background: #288200;
  color: #fff;
  padding: 5px 12px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.bradcrumbs a:hover{
	background:#000;
}
.bradcrumbs span{
	background:#288200;
	color:#fff;
	padding:9px 15px;
}

/* Comments BOX */
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding: 30px 0 0 0;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#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{
	background: #288200 ;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0 0;
	border:none;
}
#comments p.comment-form-comment label{
  display: block;
}
#comments a.comment-reply-link{
	color:#000;
	background:#cecece;
	padding:5px 15px;
}
#comments a.comment-reply-link:hover{
	background:#091b27;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol.children li{
	list-style: none;
}
#wrapper #comments ol li{
	background:none;
	margin: 0 0 20px;
}
.comment-body{
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
  text-align:right;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments .comment-author{
  width:100%;
  clear:both;
}
#comments a.comment-reply-link{
  color:#fff;
  background: #288200;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover{
  background:#000;
  color:#fff;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
.comment-meta.commentmetadata a{
  color: #288200;
}

/* Sidebar */
#sidebar form{
 	display: table;
	width: 100%;
  padding: 10px;
}
#sidebar .search-form label{
  width: 65%;
}
#sidebar h3,#sidebar h2,#sidebar .wp-block-search__label {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #288200;
  border-bottom: 2px solid #091b27;
  margin-bottom: 10px;
  width: 100%;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
}
#sidebar input[type="submit"]{
  background: #288200;
  border: none;
  color: #fff;
  padding: 10px 0;
  width: 33%;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  border-radius: 0;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 13px;
  color: #242424;    
  font-weight: bold;
}
#sidebar .tagcloud a,.wp-block-tag-cloud a{
	background:#ddd;
	color:#091b27;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
  border: 1px solid;
  text-decoration: none !important;
}
#sidebar .tagcloud a:hover,.wp-block-tag-cloud a:hover{
	background:#288200;
	color: #fff;
  border: 1px solid #288200;
}
#sidebar ul li a {
  display: inline-block; 
  transition: padding-left 0.3s ease;
}
#sidebar ul li a:hover,#sidebar ol li a:hover{
  padding-left: 8px; 
  color:#288200;
}
#sidebar ol.wp-block-latest-comments {
  padding-left: 0px !important;
}

/* About Us Widget */
#sidebar .widget{
  margin-bottom: 20px;
}
#footer .widget{
  padding: 16px 0;
}
#sidebar .widget h3, #sidebar .widget p, #footer .custom-contact-us p, #footer .custom-about-us p{
  margin-bottom: 10px;
}
#footer p.custom_author, #sidebar p.custom_author {
  font-size: 20px;
  font-weight: 700;
}
#footer p.custom_designation, #sidebar p.custom_designation{
  font-size: 16px;
  font-weight: 600;
}
#footer p.custom_desc, #sidebar p.custom_desc{
  font-size: 15px;
}
.social-links i{
  color: #288200;
}
.more-button a {
  background: #288200;
  color: #fff;
  display: inline-block;
  line-height: 1.5;
  font-weight: 500;
  border-radius: 30px;
}

/* Page */
.notfound h1{
  font-weight: bold;
  font-size: 60px;
}
.title-box h1{  
  font-weight:bold;
  color: #091b27;
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}
#respond{
  border-top: 1px solid #121619;
}
/*block css*/
.main-wrap-box .alignfull,.main-wrap-box .alignwide,.main-wrap-box .aligncenter{
  margin-left: 0;
  margin-right: 0; 
  margin-bottom: 20px; 
}
.main-wrap-box .alignleft{
  margin-right: 10px;
}

.main-wrap-box .wp-block-button a{
  color: #fff;
  background: #288200;
  border-radius: 30px;
  text-decoration: none !important;
}
.main-wrap-box .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.main-wrap-box .wp-block-button a:hover{
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
/*new block css*/
.alignfull img,.wp-calendar-table{
  width: 100%;
}
.wp-block-button.is-style-outline a{
  background-color: transparent !important;  
  color: #000 !important;
}
.wp-block-button.is-style-outline a:hover{
  color: #000 ;
  background: transparent;
  border: 2px solid #000 !important;
}
.alignright{
  float: right;
}
.wp-block-search__button{
  background: #288200;
  color: #fff;
}
#footer .wp-block-search__input{
  width: 30%;
}
.wp-block-calendar{
  text-align: left;
}
#menu-testing-menu ul,#menu-testing-menu-2 ul,#menu-testing-menu-1 ul{
  display: block;
}
.wp-block-latest-comments__comment{
  display: flex;
}
.widget_recent_comments ol{
  padding-left: 1rem;
}
.widget_recent_comments .wp-block-latest-comments__comment-meta{
  margin-left: 1em !important;
}
#sidebar .widget{
  border: 1px solid #288200;
}
#sidebar form.search-form{
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%;
}
.footerinner .widget_calendar td{
  color: #fff;
}
.footerinner .search-form label{
  width: 65%;
}
/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
} 
.pagination span, .pagination a {
	display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#091b27;
  border: 1px solid #091b27;
  -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;
} 
.pagination a:hover, .page-links a span:hover,span.page-links-title{
	color:#fff;
  background: #288200;
} 
.pagination .current, .page-links .current .page-number  {
  padding: 10px 15px;
  color: #fff;
  background: #288200;
  border: 1px solid #288200;
}
span.page-links-title{
  line-height: 8px;
}
/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
  background: #288200;
  font-size: 16px;
  font-weight: 500;
  padding: 6px 10px;
}
.navigation .nav-previous a::before {
  content: "\f100";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 8px 0 0;
  font-weight: 900;
}
.navigation .nav-next a::after {
  content: "\f101";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 0 0 8px; 
  font-weight: 900;
}
.nav-links{
  margin: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: #288200;
}
.entry-content a, .comment-content a, #sidebar .textwidget a, .woocommerce-product-details__short-description a,.price ins{
  text-decoration: underline;
}
#footer p a{
  color: #fff;
  text-decoration: none;
}
.tags a {
  font-size: 15px;
  color: #666;
  border:1px solid;
  display: inline-block;
}
.tags a:hover{
  background: #288200;
  color: #fff;
  border-color:#288200;
}
.tags a i{
  font-size: 12px;
  color: #288200;
}
p.comment-form-url label{
  display: block;
}
p.comment-form-url input{
  padding: 12px 10px !important;
  font-size: 18px;
  margin: 20px 0 0 0 !important;
  border: 1px solid #bcbcbc;
  width: 100%;
  height: auto;
}
#sidebar .wp-block-search__button{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 10px 20px;
  margin-left: 0px;
}
.post-categories li ,.single-post ul{
  display: inline-block;
}
.post-categories li a{
  margin-right: 8px;
  margin-bottom: 8px;
  background-color:#288200;
  padding: 8px 10px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
nav.woocommerce-MyAccount-navigation ul li a{
  text-decoration: none;
}
#sidebar{
  margin-bottom: 5px;
 }
/* Media Css*/
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static !important;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus, a.closebtn.responsive-menu:focus, .toggle-menu button:focus, .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 2px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    z-index: 999999;
    font-size: 20px;
    background: #000;
    border-bottom: 1px solid #333;
  }
  .nav-menu ul ul a:hover{
    background: none !important;
  }
  .nav-menu ul ul a{
    color: #fff;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  #sidelong-menu{
    display: inline;
  }
  .menubox #sidelong-menu{
    display: none;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    visibility: hidden;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 60px;
  }
  body.show-main-menu .side-nav{
    visibility: visible;
    top: 47px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .toggle-menu{
    display: block;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff;
    border: none;
    text-align: left;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
    color: #288200;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
    border:none;
  }
  .nav-menu li{
    display: block;
  }
  .nav-menu ul li a:hover{
    color: #fff;
    border-left: 4px solid #fff;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .alignwide{
    margin:0;
  }
  .help-box img {
    margin-bottom: 15px;
  }
  .menu-sec{
    border-radius: 40px;
  }
  #slider .inner_carousel p{
    display: none;
  }
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
  #slider .carousel-control-next, #slider .carousel-control-prev{
    width: 12%;
  }
  .more-btn a{
    padding: 10px 25px;
  }
  .more-btn{
    margin-top: 0rem !important;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
  #slider img{
    height: 200px !important;
  }
  #slider .inner_carousel h1{
    font-size: 20px;
  }
  #slider .inner_carousel,#slider .inner_carousel h1{
    text-align: center;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
      padding-left: 0px !important;
  }
  li.wc-block-grid__product{
      max-width:100% !important;
      float:none;
      flex: 100% !important;
  }
  #slider .carousel-caption{
    left: 15% !important;
    right: 15% !important;
    top: 40%;
  }
}
@media screen and (max-width: 1000px) and (min-width: 721px){
  #slider img{
    height: 400px !important;
  }
  #slider .carousel-caption{
    top: 40%;
  }
}
@media screen and (max-width: 767px){
  .search-box {
    border-radius: 40px;
    background-color: #fff;
  }
  .menu-sec{
    background-color: transparent;
  }
  .page-template-custom-front-page .menu-sec{
    position: static;
    margin: 0;
  }
  .help-box .col-lg-2.col-md-3{
    width: 25%;
  }
  .donate-link {
    margin: 5px 0px;
  }  
}
@media screen and (max-width: 1024px){
  .help-box .col-lg-10.col-md-9{
    padding: 12px;
  }
  .help-box .col-lg-2.col-md-3{
    padding: 8px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){	
	.contact-details i {
    padding: 15px;
  }
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  .donate-link a{
    font-size: 15px;
  }

  #sidebar form.search-form label{
    margin-right: 0px;
  }
  .wp-block-latest-comments__comment-excerpt{
    margin-left: 0.5em !important;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}
@media screen and (max-width: 767px){
  #slider .inner_carousel p{
    display: none;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px){
  .contact-details i {
    padding: 8px 10px;
    background: #fff;
  }
  .conatct-font{
    background: none;
  }
  #slider .carousel-control-next, #slider .carousel-control-prev{
    width: 7%;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  .related.products ul.products li.product{
    width: 48%;
  }
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  .main-wrap-box .alignleft{
    max-width: unset;
  }
  #sidebar form.search-form label,#footer label{
    margin-right: 0px;
  }
  .wp-block-latest-comments__comment-excerpt{
    margin-left: 0.5em !important;
  }
  .wp-block-latest-comments__comment{
    display: block;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product{
      max-width: 48% !important;
      float: left;
      clear: both;
      margin: 0 1% 2.992em;
      flex: 1 0 48% !important;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #footer .search-field, #footer input[type="submit"],  #footer .wp-block-search__button,#footer .wp-block-search__input, 
  #sidebar .wp-block-search__button,.footerinner .search-form label,#sidebar form.search-form label,#sidebar input[type="submit"]{
    width: 100%;
  }
  #footer .wp-block-search__input,#footer .search-field, #sidebar input[type="search"]{
    margin-bottom: 5px;
  }
  #footer label,#footer form.search-form,.wp-block-search__inside-wrapper,.wp-block-latest-comments__comment,#sidebar form.search-form{
    display: block;
  }
  .wp-block-search__button{
    margin-left: 0 !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%;
    }
}