/*
Theme Name: Election Campaign
Theme URI: https://www.buywptemplates.com/products/free-political-wordpress-theme
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: Election Campaign is a versatile and user-friendly website template designed for effective campaign management and engagement. It offers a comprehensive suite of features tailored for political campaigns, voter outreach, nonprofit initiatives, donation drives, and community programs. Whether you're focused on advocacy, social impact, political branding, or fundraising events, this template empowers candidates to implement successful electoral strategies. With tools for voter targeting, campaign planning, public relations, and social media integration, it ensures your message reaches the right audience. Ideal for political events, rallies, speeches, and charity work, the theme supports efficient organization and seamless communication. Its design caters to philanthropy, community aid, relief programs, and grassroots movements, enhancing visibility and engagement. Responsive and SEO-optimized, it ensures fast load times and ranks well on search engines, benefiting both desktop and mobile users. Features like political advertising, event management, donation tracking, and advocacy promotion provide robust support for campaign initiatives. Integrated with bootstrap and custom shortcodes, it offers advanced customization for a unique online presence. Additional highlights include testimonials, call-to-action buttons, secure code, and social media links for enhanced user interaction. With a focus on data privacy, political messaging, and volunteer recruitment, this theme is ideal for building trust and mobilizing support. If you’re aiming to create impactful campaigns for elections, grants, funding projects, or community outreach, this template is your all-in-one solution. Demo: https://demos.buywptemplates.com/political-candidate-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 0.4
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: election-campaign
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, flexible-header, wide-blocks, block-styles, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, rtl-language-support, full-width-template, theme-options, threaded-comments, blog, portfolio, news
*/ 

*, button.product-btn:focus{
  outline:none;
  margin:0;
  padding:0;
}
html{
  overflow-x: hidden;
}
:root {
  --first-theme-color: #163D80;
  --second-theme-color: #CF2E2E;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color: #9E9E9E;
  overflow-x: hidden;
  position: static !important;
  font-family: 'Open Sans', sans-serif;
}
img{
  border:none;
  height:auto;
}
section img, img, .wp-caption{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0 0 15px;
  color: #000;
  font-family: 'Vollkorn', serif;
}
p{
  font-size: 15px;
}
a, a:hover{
  text-decoration:none;
  color: #000;
}
a.button.wc-forward:hover, .pagination a:hover, .page-links a:hover, #comments a time, .bradcrumbs span, .bradcrumbs a, .tags, .pagination .current, #sidebar .textwidget p a, #sidebar .textwidget a:hover,.footer-wp .woocommerce a.button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, #sidebar h3.widget-title a.rsswidget, .page-content .read-moresec a.button, a.button, #sidebar ul li a:hover, .widget_calendar caption, #comments a.comment-reply-link:hover, .new-text p a,.comment p a, .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus, a.r_button, input[type="submit"], td.product-name a{ 
 color: var(--first-theme-color);
}
.toggle-menu button:focus,.woocommerce form .form-row input:focus.input-text, #sidebar .textwidget a:focus, textarea:focus, input:focus, .menu-header a:focus, .mid-header a:focus, #sidebar a:focus, a:focus, #woonavbar-header .nav ul li a:focus,a.closebtn.mobile-menu:focus,.logo a:focus, .toggle-menu.responsive-menu a:focus, .menu-brand .closebtn:focus, .primary-navigation .sub-menu > li > a:focus,.search-box i:focus, .menu-header a:focus, #comments textarea:focus, input[type="submit"]:focus, label:focus, input:focus,input:focus, input:focus, textarea:focus,img.custom-logo a:focus, .woocommerce  a:focus, button.product-btn:focus,.woocommerce ul.products li.product a:focus, .select2-container--default .select2-selection--single:focus, .textwidget a:focus, #sidebar input[type="submit"]:focus, .footer-wp input[type="search"]:focus, #sidebar-footer input:focus, .footer-wp button:focus, .footer-wp .tagcloud a:focus, #sidebar-footer .custom-contact-us input:focus, a.video-btn:focus{
  outline: 2px solid #ff0000 !important;
}
#sidebar .widget_calendar td a{
  color: #fff;
}
#sidebar ol.wp-block-latest-comments{
  padding: 0px 15px;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
p, body, *, img, .bypostauthor, .wp-caption-text, .wp-caption,.sticky, .gallery-caption, #sidebar ul{
  margin:0;
  padding:0;
}
input[type="submit"]{
  background-color: var(--first-theme-color);
  padding: 12px 20px;
  border: 0;
  margin: 2% 0;
  font-weight: 500;
  color: #fff !important;
}
input[type="submit"]:hover{
  background-color: var(--first-theme-color);
}
.pagination span, .pagination a, .textwidget a:hover, .footer-wp .calendar_wrap a, .footer-wp .calendar_wrap a:hover, .footer-wp caption, .footer-wp td#prev a,.footer-wp td,.footer-wp th, .footer-wp li a, .footer-wp .rssSummary,.footer-wp ul li,.footer-wp p, .frame, .page-content .read-moresec a.button:hover, .footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing, .about-social_links i, #sidebar input[type="submit"], #comments input[type="submit"].submit:hover, .footer-wp .widget_price_filter .price_slider_amount, .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, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, input[type="submit"]:hover, #comments a.comment-reply-link{
  color: #fff;
}
.related-posts, .metabox, .woocommerce ul.products li.first, .woocommerce-page ul.products li.first ,.woocommerce ul.products, .woocommerce-page ul.products, .aligncenter,img.aligncenter, .content_box .pagination ul, .pagination, .clear, #comments h3.comment-reply-title, .comment-respond{
  clear:both;
}
a.added_to_cart.wc-forward{
  margin-left: 5px;
}
input[type="submit"]:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],textarea,input#url{
  border:1px solid #bcbcbc;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
.entry-video iframe, .entry-video video, .entry-audio audio, #sidebar .custom-contact-us label, #sidebar-footer .custom-contact-us input, #sidebar .custom-contact-us input[type="submit"], table, .widget_categories select, #sidebar form, .reply, #comments ol li, .navigation.post-navigation, input[type="text"],input[type="email"],input[type="phno"],textarea, .pagination, .footer-wp input[type="submit"], .footer-wp button, #sidebar button , .footer-wp input[type="search"], #sidebar input[type="search"], .content_box #comments ol li, select,.attachment img, #slider img, .woocommerce-input-wrapper,input#url{
  width:100%;
}
hr{
  margin:10px 0;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.wp-caption{
  font-size:13px;
}

/*wide block*/
.new-text .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.new-text .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
.primary-navigation ul ul,.menu-brand.primary-nav span, .elementor-html .frame, .elementor-html .loader, .toggle-menu, a.closebtn, a.closebtn.responsive-menu{
  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:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,img.alignright {
  display: inline;
  float: right;
}
img.alignright{
  margin-top: 50px;
}
.aligncenter,img.aligncenter {
  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;
}

/*------------- Header ------------*/
.top-header .header{
  background-color: var(--first-theme-color);
}
.top-header .header .location i, .top-header .header .time i{
  margin-right: 15px;
  color: #fff;
  background: var(--second-theme-color);
  padding: 15px 15px 5px 15px;
  font-size: 18px;
}
.top-header .header .location i:after, .top-header .header .time i:after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: var(--second-theme-color);
  margin: auto 0;
  position: relative;
  top: -12px;
  left: 23px;
  bottom: 0;
  transform: rotate(45deg);
}
.top-header .header .time i:after{
  left: 28px;
}
.top-header .header .location p, .top-header .header .time p{
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
}
.top-header .header .top-btn a, .header-sidebar .menu-drawer .top-btn a{
  background-color: var(--second-theme-color);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  padding: 15px;
  text-transform: uppercase;
}
.top-header .header .top-btn i, .header-sidebar .menu-drawer .top-btn i{
  background-color: var(--second-theme-color);
  padding: 14px 15px 16px 0;
  margin-right: 10px;
}
.top-header .menu-header{
  border-bottom: 3px solid var(--second-theme-color);
}
.menu-header .main-menu-navigation .current_page_item a:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 9px solid var(--second-theme-color);
  position: absolute;
  bottom: 0px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.menu-header .toggle-btn i{
  background-color: var(--second-theme-color);
  color: #ffffff;
  font-size: 18px;
  padding: 12px;
  border-radius: 6px;
}
.header-sidebar .close-pop a{
  color: var(--second-theme-color);
}
.header-sidebar .close-pop i{
  font-size: 25px;
}
/*----------Sidebar Popup-----------*/
a.toggle-menu-top.active i{
  background: #fff;
}
.header-sidebar {
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  visibility: hidden;
  overflow-y: scroll;
  background: #fff;
  z-index: 999;
  transition: 0.5s width ease-in-out;
  box-shadow: -3px 0px 10px 0px #666;
}
.header-sidebar.show {
  visibility: visible;
  width: 400px;
  transition: 0.5s width ease-in-out;
}
.header-sidebar .close-pop {
  text-align: right;
  font-size: 25px;
  padding: 10px 0;
  transition: 0.2s all ease-in-out;
  margin-top: 30px;
}
.header-sidebar .menu-drawer .location p, .header-sidebar .menu-drawer .time p{
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--first-theme-color);
}
.header-sidebar .menu-drawer .location i, .header-sidebar .menu-drawer .time i{
  margin-right: 15px;
  color: #fff;
  background: var(--second-theme-color);
  padding: 15px 15px 5px 15px;
  font-size: 18px;
}
.header-sidebar .menu-drawer .location i:after, .header-sidebar .menu-drawer .time i:after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: var(--second-theme-color);
  margin: auto 0;
  position: relative;
  top: -14px;
  left: 23px;
  bottom: 0;
  transform: rotate(45deg);
}
.header-sidebar .menu-drawer .time i:after{
  left: 28px;
}
/*-------------- Logo -------------*/
.outer-logo{
  position: relative;
}
.logo {
  left: 0;
  bottom: 0;
}
.logo .site-title {
  font-weight: 700;
  line-height: 1.2;
  font-size: 20px;
}
.logo .site-title a, .logo p.site-description{
  color: var(--first-theme-color);
}
.site-logo img{
  padding-bottom: 10px;
}

/*----------------- SEARCH POPUP ----------------*/
.searchform_page {
  position: fixed;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  display: none;
}
.search_input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search_input label{
  margin-bottom: 0;
}
.close{
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 0;
  opacity: 1;
}
.searchform_page i {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.search_input form.search-form {
  color: #000;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.search_input input[type="submit"] {
  margin: 0;
  font-size: 20px;
}
.search_input input.search-field {
  color: #000;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.main-search i{
  color: var(--first-theme-color);
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}
.main-search{
  text-align: center;
}
a.book-btn {
  color: #fff;
  background: var(--first-theme-color);
  padding: 8px 10px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 500;
}

/* --------- MENUS CSS --------- */
.menu-brand {
  display: block;
}
.primary-navigation ul{
  list-style: none !important;
}
.primary-navigation li{
  padding: 0;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
}
.primary-navigation ul li a{
  display: block;
  font-size: 14px;
  padding: 15px;
  color: var(--first-theme-color);
  position: relative;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
  text-transform: uppercase !important;
}
.primary-navigation .current_page_ancestor > a{
  color: var(--first-theme-color);
}
.primary-navigation ul ul li a:after {
  display: none;
}
.primary-navigation ul ul{
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  top: 40px;
  margin: 0;
  -webkit-transition: max-height 3s ease-in-out;
  -moz-transition:max-height 3s ease-in-out;
  -o-transition:max-height 3s ease-in-out;
  transition: max-height 3s ease-in-out;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 25% !important;
}
.primary-navigation ul ul a{
  padding: 15px;
  background: var(--first-theme-color);
  color: #fff !important;
  border-radius: 6px;
}
.primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
  background: var(--first-theme-color);
  color: #fff;
  border-radius: 6px;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
  max-height: 100%;
}
/* --------- SLIDER--------- */
#slider {
  position: relative;
  max-width: 100%;
  margin: auto;
}
#slider img {
  height: 600px;
  object-fit: cover;
}
#slider .image-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,#e9ecef 50%,rgba(0,212,255,0) 70%);
  opacity: 1;
}
#slider .owl-nav .owl-prev i, #slider .owl-nav .owl-next i{
  font-size: 30px;
  color: #000000;
}
#slider .owl-nav .owl-prev:hover i, #slider .owl-nav .owl-next:hover i{
  font-size: 30px;
  color: var(--second-theme-color);
}
#slider .owl-nav .owl-prev{
  position: absolute;
  top: 45%;
  left: 5%;
}
#slider .owl-nav .owl-next{
  position: absolute;
  top: 45%;
  right: 5%;
}
#slider .owl-carousel .owl-dot {
  border-radius: 0;
  height: 12px;
  width: 12px;
  border: none;
  margin: 6px 6px;
  border: 2px solid #fff;
}
#slider .owl-dots {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 13%;
  margin: auto;
  text-align: center;
  width: max-content;
  bottom: 45%;
  border-radius: 7px;
  padding: 0 9px ;
}
#slider .owl-dot.active {
  border: 1px solid var(--second-theme-color);
  background-color: var(--second-theme-color);
  width: 12px;
  height: 12px;
}
#slider .dots {
  display: inline-block;
  width: 8px;
  height: 2px;
  background-color: inherit;
  border-radius: 99px;
  position: absolute;
  top: 0;
}
#slider .carousel-caption{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  padding: 0;
  text-align: left;
  left: 14%;
  right: 55%;
}
#slider .carousel-caption h1{
  color: #fff !important;
}
#slider .carousel-caption h1 a{
  font-size: 37px;
  color: var(--first-theme-color);
  font-weight: 800 !important;
  padding: 0px 0px 0px 1px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#slider .carousel-caption p{
  color: var(--first-theme-color);
  font-size: 15px;
  font-weight: 400;
}
#slider .carousel-caption .read-more{
  padding-left: 0;
}
#slider .read-more a, .postbtn a{
  color: #fff;
  font-weight: 700;
  font-size: 14px !important;
  background: var(--first-theme-color);
  padding: 12px 20px 12px 0 !important;
  border-radius: 3px;
  text-transform: uppercase;
}
#slider .read-more i, .postbtn a i{
  background-color: var(--second-theme-color);
  padding: 12px 12px 13px;
  margin-right: 15px;
  border-radius: 3px;
  font-size: 18px;
}
#slider .read-more:hover i, .postbtn:hover a i{
  background: var(--first-theme-color);
}
#slider .read-more:hover a, .postbtn:hover a{
  background-color: var(--second-theme-color);
}
.content_box .notice-section{
  display: none !important;
}
#slider .container-slider button{
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
#slider .container-slider button.active{
  background-color: var(--first-theme-color);
}
/*------------- Service Section -------------- */

#service-sec .heading-box p{
  font-size: 14px;
  font-weight: 600;
  color: var(--second-theme-color);
  text-transform: uppercase;
}
#service-sec .heading-box h2{
  font-size: 30px;
  color: var(--first-theme-color);
  font-weight: 600;
}
#service-sec .box{
  color: #fff;
  background:var(--first-theme-color);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#service-sec .box img{
  width: 100%;
  height: auto;
  transition: all 0.45s ease-in-out;
}
#service-sec .box img{
  height: 400px;
  width: 100%;
  object-fit: cover;
  opacity: 0.3; 
  filter: grayscale(100%);
}
#service-sec .box-content{
  text-align: center;
  width: calc(100% - 40px);
  padding: 10px 20px;
  transform: translateX(-50%) scale(1);
  position: absolute;
  bottom: 35%;
  left: 50%;
  transition: all 0.4s ease-in-out;
}
#service-sec .box:hover .box-content{
  bottom: 17%;
}
#service-sec .box-content .service-icon i{
  font-size: 35px;
}
#service-sec .box .box-content .service-btn i{
  margin-left: 10px;
}
#service-sec .box .box-content p, #service-sec .box .box-content .service-btn{ 
  display: none;
}
#service-sec .box:hover .box-content p, #service-sec .box:hover .box-content .service-btn{
  display: block;
}
#service-sec .box:hover .box-content p{
  font-size: 15px;
  color: #ffffff;
}
#service-sec .box:hover .box-content .service-btn{
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}
#service-sec .box:hover{
  background: var(--second-theme-color);
  border-radius: 50px 0 50px 0;
}
#service-sec .box .title{
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 2px;
}
#service-sec .box .post{
  font-size: 16px;
  font-weight: 300;
  text-transform: capitalize;
  display: block;
}

/*woocommerce*/
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
#sidebar .tagcloud a, #sidebar .textwidget p a, #sidebar .textwidget a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .footer-wp input[type="search"], .dot-1, .dot-2, .dot-3, a.button, #comments ol li{
  background: #fff;
}
.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward, #sidebar .widget.woocommerce.widget_product_search button, .pagination .current, .pagination a:hover {
  font-weight: bold;
  font-size: 12px;
  border-radius: 6px;
  display: inline-block;
}
/* Pagination */
.content_box .nav-previous span.post-title, .content_box .nav-next span.post-title{
  word-break: break-all;
}
.blog-section .nav-previous, .blog-section .nav-next{
  display: inline-block;
}
.blog-section .nav-next{
  float: right;
}
.nav-previous a{
  float: left;
  background: var(--first-theme-color);
  padding: 12px;
  border-radius: 6px;
}
.nav-next a{
  float: right;
  background: var(--first-theme-color);
  padding: 12px;
  border-radius: 6px;
}
.nav-next a, .nav-previous a{
  color: #fff !important;
  font-weight: 500;
  font-size: 15px;
  margin:15px 0;
}
.nav-next a:hover, .nav-previous a:hover{
  padding: 12px;
  color: var(--first-theme-color);
  background: var(--second-theme-color);
  color: #ffffff;
}
/*------------- Woocommerce --------------*/
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0px !important;
}
.woocommerce nav.woocommerce-pagination ul li,.woocommerce nav.woocommerce-pagination ul{
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--first-theme-color);
  border: solid 1px var(--first-theme-color);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin: 0 5px 0 0;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
  background: var(--first-theme-color);
  color: #fff;
  border: solid 1px var(--first-theme-color);
}
.woocommerce-product-gallery__image {
  padding: 2px;
}
.woocommerce ul.products li.product .button,a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  text-transform: none;
}
.woocommerce ul.products li.product .button {
  margin: 10px 0;
  padding: 10px 12px;
  font-size: 14px;
  text-transform: uppercase;
}
.woocommerce span.onsale{
  background: var(--first-theme-color);
  padding: 0;
  margin: 0 !important;
  color: #fff;
  font-weight: 500;
}
.woocommerce ul.products li.product {
  position: relative;
}
.yith-wcwl-add-to-wishlist {
  position: absolute;
  top: 5px;
  right: 10px;
}
.yith-wcwl-add-to-wishlist a i {
  color: var(--first-theme-color);
  background: transparent;
  padding: 6px 5px 5px;
  margin: 0;
  border-radius: 50%;
  font-size: 13px;
  border: 1px solid var(--first-theme-color);
}
.yith-wcwl-add-to-wishlist span {
  display: none;
}
.woocommerce-page .products li {
  width: 30% ;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  font-size: 25px;
  color: #000;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 15px;
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 10px;
}
.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, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], a.added_to_cart.wc-forward {
  background: var(--first-theme-color);
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
a.added_to_cart.wc-forward {
  line-height: 1;
  font-size: 15px;
  font-weight: bold;
}
a.added_to_cart.wc-forward:hover{
  background: var(--first-theme-color);
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}
.postbtn:hover i, #comments input[type="submit"].submit:hover, .woocommerce #respond input#submit:hover, .woocommerce .product a.button:hover, .woocommerce .product 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, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  background: var(--first-theme-color);
  color: #fff !important;
}
a.checkout-button.button.alt.wc-forward {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button,
#sidebar input[type="submit"],
.pagination a.page-numbers, 
.page-links .page-links-title, 
.page-links a, 
.page-links .post-page-numbers.current span{
  border-radius: 6px;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #fff !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px;
  border-radius: 0;
  border: solid 1px;
  line-height: 1;
  color: var(--first-theme-color);
}
.woocommerce-message {
  border-top-color: var(--first-theme-color);
}
.woocommerce-message::before {
  color: var(--first-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--first-theme-color);
  padding: 12px !important;
  margin-bottom: 10px !important;
  list-style: none !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff !important;
  font-weight: 500;
}
.woocommerce-MyAccount-content .woocommerce-Address-title.title a{
  background: var(--first-theme-color);
  color: #ffffff;
  text-decoration: none;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
}
.woocommerce-product-details__short-description {
  margin-bottom: 15px;
  margin-top: 15px;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
  font-size: 15px;
}
.woocommerce span.posted_in{
  color: var(--first-theme-color);
  font-weight: 600;
}
.woocommerce span.posted_in a{
  background: var(--first-theme-color);
  color: #fff;
  padding: 6px 10px;
}
span.posted_in {
  display: block;
}
.woocommerce form .form-row .required{
  color: #d80000;
}
.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 !important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 110px;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 2em 0 2em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  margin: 0;
  font-size: 20px;
  color: #000;
}
.woocommerce a.remove{
  color: #e50000 !important;
}
.woocommerce a.remove:hover {
  background: #e50000;
}
.nav-previous a:hover ,.nav-next a:hover, .footer-wp .textwidget p a,.footer-wp a.rsswidget, #sidebar .custom_read_more a:hover, .footer-wp .custom_read_more a, .navigation.post-navigation a:hover{
  color: #fff;
}
#sidebar li.woocommerce-mini-cart-item.mini_cart_item a{
  padding: 0;
  line-height: 25px;
}
.woocommerce-info a{
  color: #515151;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color:var(--first-theme-color);
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #111;
}
.footer-wp .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.woocommerce ul.product_list_widget li img{
  width: 20%;
}
.related .products li{
  float: none !important;
  display: inline-table;
  width: 29% !important;
}
#sidebar .woocommerce .product-title, .footer-wp .woocommerce .product-title{
  font-size: 18px;
}
.woocommerce #comments ol li{
  padding: 0 !important;
}
.woocommerce .star-rating{
  float:left;
}
.woocommerce .woocommerce-product-rating{
  line-height: 1;
}
.woocommerce .woocommerce-product-rating a{
  padding-left: 10px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size: 16px;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce ul.product_list_widget li, #sidebar ul.cart_list li a, #sidebar ul.product_list_widget li a{
  padding: 0;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
li.cart_box, .woocommerce .widget_shopping_cart .cart_list li a, .woocommerce.widget_shopping_cart .cart_list li a,li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  list-style: none;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  padding: 1em 2em 1em 3.5em;
}
.woocommerce form .form-row input.input-text{
  padding: 8px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,.woocommerce .reviewer{
  font-size: 17px;
}
.related.products .woocommerce ul.products li.product{
  float: none;
  display: inline-table;
}
.woocommerce .related.products h2{
  text-align: left;
}
#sidebar .widget_shopping_cart .cart_list li, #sidebar .widget_shopping_cart .cart_list li{
  background: none;
  padding-left: 2em;
}
.woocommerce ul.product_list_widget li,.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
ul.cart_list li .star-rating, ul.product_list_widget li .star-rating {
  margin: 5px 0;
}
.woocommerce .woocommerce-product-rating .star-rating{
  margin: 0 !important;
}
.woocommerce ul.products li.product a img, .woocommerce #customer_login h2, #sidebar .star-rating, .footer-wp .star-rating {
  margin: 0;
}
.woocommerce .products .star-rating{
  margin: 0 0 10px;
}
.woocommerce form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce form .form-row input.input-text{
  border: 1px solid;
}
.woocommerce-Address, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce ul.products li.product:hover, .woocommerce ul.products li.product:hover img {
  border-color: var(--first-theme-color);
}
form.woocommerce-form.woocommerce-form-login.login {
  display: inline-block;
}
.woocommerce-account .addresses .title .edit {
  float: left;
  margin: 15px 0px 25px 0px;
} 
/* cart page */
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 18px;
  background: var(--first-theme-color);
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  text-decoration: none;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding: 10px 10px 10px 30px;
}
.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: var(--first-theme-color);
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: center !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 0px;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 800;
  background: var(--first-theme-color);
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: var(--first-theme-color) !important;
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: center;
  text-transform: capitalize;
  color: #121212 !important;
  font-size: 22px !important;
  font-weight: 400;
}
.wp-block-woocommerce-empty-cart-block a img{
  width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--first-theme-color) !important;
  border-color: var(--first-theme-color) !important;
  color: #fff !important;
  padding: 10px !important;
  font-size: 14px !important;
  border-radius: 0px !important;
  margin: 0 !important;
  top: 0 !important;
  right: auto !important;
  left: 0 !important;
  text-transform: capitalize !important;
}
.wc-block-components-product-metadata__description p,.wc-block-cart-item__prices .wc-block-components-product-price__value,.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link{
  color:var(--first-theme-color) !important;
}
.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link{
  font-size: 14px !important;
}
/* no result search button */
#blog_sec form.search-form{
  display: flex;
}
#blog_sec form.search-form .search-submit{
  margin: 0;
}
#blog_sec form.search-form input.search-field{
  width: 95%;
}
/* --------- Homepage --------- */
.blog-section h2 {
  font-size: 30px;
  margin-bottom: 10px;
}
.blog-section h2 a {
  color: #000;
  position: relative;
}
.blog-section h2 a::after, 
#sidebar aside h3::after, 
#sidebar aside h2.wp-block-heading::after, 
#sidebar aside .widget_block label.wp-block-search__label::after,
#sidebar aside label.wp-block-search__label::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--first-theme-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.blog-section h2 a:hover::after, 
#sidebar aside:hover h3::after, 
#sidebar aside:hover h2.wp-block-heading::after, 
#sidebar aside:hover .widget_block label.wp-block-search__label::after,
#sidebar aside:hover label.wp-block-search__label::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}
.blog-section h2 a:hover,
#sidebar aside:hover h3,
#sidebar aside:hover h2.wp-block-heading, 
#sidebar aside:hover .widget_block label.wp-block-search__label,
#sidebar aside:hover label.wp-block-search__label{
  color: var(--first-theme-color);
}
.blog-section .section-title a:hover{
  text-decoration:none;
}
.blog-section .new-text p{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.78);
  margin: 10px 0;
  line-height:23px;
}
.layout1 h2:after{
  margin: 7px auto 0;
}
.post-color {
  height:200px;
  width:250px;
  display: inline-block;
}
.mainbox p{
  color: #393939;
}
/* Breadcrumb */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
  border-radius: 3px;
}
.bradcrumbs a:hover{
  background: var(--second-theme-color);
  color: #ffffff;
}
.bradcrumbs span{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
  border-radius: 3px;
}
.new-text p a,.comment p a{
  text-decoration: underline;
}
.single-post-page .category a {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  background-color: var(--first-theme-color);
  color: #fff;
  padding: 10px;
  border-radius: 3px;
}
.single-post-page .category a:hover {
  background: var(--second-theme-color);
  color: #ffffff;
}
.category li{
  list-style-type: none;
  margin-bottom: 5px!important;
  display: inline-block;
}
.category ul{
  margin-left: 0px;
  display: inline-block;
}
.category span{
  color: var(--first-theme-color);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}
/* --------- Blog Page ------- */
.blog-section .metabox span i,.blog-section .metabox span a{
  margin-bottom: 12px;
}
.metabox a, .metabox span {
  color: #000;
  font-size: 15px;
}
.metabox span i{
  color: var(--first-theme-color);
}
.entry-date:hover i, .entry-date:hover a, .entry-author:hover i, .entry-author:hover a{
  color: #000 !important;
}
.metabox .entry-comments{
  font-size: 15px;
}
h1.page-title {
  margin-top: 10px;
}
.new-text p {
  margin-bottom: 20px;
  margin-top: 10px;
}
.navigation.post-navigation a {
  color: #333;
}
.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
span.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
.inner-service .box-image img{
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
  max-height: 350px;
}
.inner-service .feature-box img{
  max-width: 100%;
  max-height: 350px;
  padding: 10px;
  object-fit: cover;
}
.mainbox, .layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  border: 2px solid #e6f0fa;
}
.layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  padding: 20px;
}
.nav-links {
  padding: 30px 0;
}
.metabox i:before {
  font-size: 10px;
  background: var(--first-theme-color);
  padding: 8px;
  color: #fff;
  border-radius: 50%;
}
.inner-service {
  margin-bottom: 35px;
}
.inner-service .mainbox:hover, #sidebar aside:hover {
  box-shadow: 0px 6px 20px 0px #ddd;
}
.single .inner-service .mainbox:hover {
  box-shadow: none;
}
.blog-section h1.page-title{
  margin-top: 0;
}
/* sticky post */
#blog_sec .sticky .mainbox h2:before {
  content: '\f02e';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-right: 20px;
  font-size: 20px;
}
/* Related Post */
.navigation.post-navigation {
  margin-bottom: 20px;
  display: inline-block;
  float: left;
}
.related-inner-box {
  border: 1px solid var(--first-theme-color);
}
.related-inner-box h4 {
  font-size: 20px !important;
  padding-bottom: 0;
  color: #000;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#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;
}
#comments input[type="submit"].submit{
  background:var(--first-theme-color);
  padding: 10px 50px;
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 6px;
}
#comments a time{
  font-weight:bold;
  font-size:12px;
}
#comments ol {
  list-style: none;
  margin: 10px 0px;
}
#comments ol li {
  list-style: none;
  margin: 0 0 20px !important;
  padding: 20px !important;
  display: inline-block;
  border: solid 1px #f0f0f0;
}
#comments .comment-author {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  float: left;
}
#comments a.comment-reply-link {
  background: var(--first-theme-color);
  padding: 5px 15px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
}
#comments a.comment-reply-link:hover {
  background: #000;
  color: #fff;
}
.content_box #comments ol li{
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
.content_box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
  margin-top: 20px;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
}
p.comment-form-comment label{
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.content_box, .single-product .background-img-skin{
  margin: 36px 0;
}
p.logged-in-as a{
  color: var(--first-theme-color);
}
.comment-meta.commentmetadata a {
  color: #333;
  text-decoration: underline;
}
/*float css*/
.new-text a{
  color: var(--first-theme-color);
}
/* Block Button */
.wp-block-button .wp-block-button__link{
  border-radius: 23px;
}
.wp-block-button.is-style-squared a{
  border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  color: var(--first-theme-color) !important;
  border: 2px solid var(--first-theme-color);
  margin: 5px 0;
}
/* Block Image */
.inner-service.format-standard .new-text .alignwide {
  margin-left  : 0;
  margin-right : 0;
}
.inner-service.format-standard .new-text .alignfull {
  margin-left  :0;
  margin-right : 0;
}
.alignfull img {
  width: 100vw;
}
/* Block Gallery */
.wp-block-gallery-3 .blocks-gallery-grid{
  margin-right: 35px;
  margin-top: 18px;
}
/* Block Layout */
.tag-content .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block Widget */
#sidebar .widget_media_image .wp-block-image, #sidebar .widget_block.widget_media_gallery, #sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud{
  padding: 15px;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #ffffff;
}
#sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-tag-cloud a, .inner-service .wp-block-tag-cloud a{
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .widget_block .wp-block-tag-cloud a:hover, .inner-service .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
.footer-wp .widget_block .wp-block-tag-cloud a{
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{
  padding: 0;
}
#sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{
  transform: none;
}
#sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block li.wp-social-link:before{
  display: none;
}
/*--------------- Sidebar -----------------*/
#sidebar {
  padding-top: 20px;
  margin-top: 28px;
}
#sidebar form{
  display: table;
}
#sidebar h2.wp-block-heading{
  margin-bottom: 0;
}
#sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label{
  font-size:22px;
  color:rgba(0, 0, 0, 0.78);
  border-bottom: 1px solid #e6f0fa;
  padding: 15px;
  position: relative;
}
#sidebar label.wp-block-search__label{
  font-family: 'Vollkorn', serif;
  font-weight: 600;
}
#sidebar .widget_block .wp-block-search__inside-wrapper {
  padding: 10px;
}
.widget_categories select {
  padding: 6px;
}
#sidebar select {
  padding: 10px;
  margin: 24px;
  width: 85%;
}
#sidebar ul.children, #sidebar ul.sub-menu{
  padding: 0 0 0 15px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:12px;
  border:solid 1px #e6f0fa;
  font-size:15px;
  color:#000;
}
input[type="search"] {
  background:transparent;
  padding:10px 10px;
  border:solid 1px var(--first-theme-color);
  font-size:15px;
  color:#000;
}
#sidebar label .search-field{
  width:100%;
  margin-bottom:15px;
}
#sidebar input[type="submit"] {
  background: var(--first-theme-color);
  border: none;
  padding: 10px;
  font-size: 16px;
  margin: 0;
  width: 100%;
  border-radius: 0;
}
#sidebar aside,#sidebar .custom-about-us, #sidebar .custom-contact-us{
  margin-bottom:30px;
  border: 2px solid #e6f0fa;
}
#sidebar ul {
  list-style:none;
  font-size:17px;
  padding: 15px;
}
#sidebar ul li a{
  color: #9e9e9e;
  line-height: 40px;
}
#sidebar ul li{
  font-size: 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}
#sidebar ul li:before{
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--first-theme-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#sidebar ul li a:hover{
  color: var(--first-theme-color);
}
#sidebar ul li:hover:before {
  opacity: 1;
}
#sidebar ul li:hover {
  padding-left: 25px;
}
#sidebar .tagcloud a, #tag-cloud a{
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:5px;
  display:inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .tagcloud a:hover, .footer-wp .tagcloud a:hover, #tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
#sidebar button:hover{
  background:var(--first-theme-color);
  color: #fff;
}
#sidebar ul li.menu-item-has-children:before{
  display: none;
}
#sidebar ul li.menu-item-has-children:hover {
  padding: 0;
}
#sidebar h2, #sidebar .textwidget p, #sidebar #calendar_wrap, #sidebar .tagcloud, #sidebar .calendar_wrap{
  padding: 15px;
}
#sidebar img, #sidebar-footer img {
  max-width: 100%;
}
.mainbox, #sidebar aside{
  border-bottom: 5px solid var(--first-theme-color) !important;
  border-radius: 20px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
}
.widget_calendar tbody a {
  background-color: var(--first-theme-color);
  display: block;
  font-weight: 700;
  color: #ffffff;
}
#sidebar form.search-form {
  display: block;
  border-radius: 20px;
  padding: 10px;
}
#sidebar .widget_calendar td,#sidebar .widget_calendar th ,#sidebar .widget.widget_calendar table{
  border: 1px solid #e6f0fa !important;
}
#sidebar .wp-block-latest-comments li a:hover{
  color: #000;
}
#sidebar .search-form label{
  display: block;
}
/* About widget */
.custom-about-us img {
  box-shadow: 2px 2px 8px #909090;
}
.footer-wp .custom-about-us h3{
  text-align: center;
}
h3.custom_title:after {
  margin: 0 auto;
}
.about-social_links i {
  width: 30px;
  height: 30px;
  line-height: 2;
  font-size: 15px;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #909090;
}
.about-social_links i.fab.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.about-social_links i.fab.fa-pinterest-p {
  background: #bd081c;
}
.about-social_links i.fab.fa-linkedin-in {
  background: #1b85bc;
}
.about-social_links i.fab.fa-twitter {
  background: #53a8ea;
}
.about-social_links i.fab.fa-facebook-f {
  background: #45619d;
}
.custom_read_more {
  font-size: 15px;
}
.custom-about-us form {
  text-align: left;
}
.custom_read_more a{
  border: solid 1px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
#sidebar .custom_read_more a{
  color: #fff;
  background: var(--first-theme-color);
}
/*------------- Contact us widgets --------------*/
.custom_details {
  font-size: 16px;
  font-weight: bold;
}
.custom-contact-us p{
  font-size: 15px;
}
.footer-wp .custom-contact-us input[type="submit"], .footer-wp .custom-contact-us button{
  padding: 5px 0;
}
.footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing{
  border: 2px solid var(--first-theme-color);
}
#sidebar .custom-contact-us form {
  text-align: left;
}
#sidebar .custom-contact-us input[type="submit"]{
  padding: 10px;
}
#sidebar-footer .custom-contact-us input,#sidebar-footer .custom-contact-us textarea{
  margin-bottom: 0;
}
.custom-contact-us input[type="text"],.custom-contact-us input[type="email"], .custom-contact-us input[type="phno"], textarea{
  padding: 4px;
}
#sidebar-footer .custom-contact-us input{
  border-radius: 0;
  font-weight: 600;
}

/* Page */
.single-post .metabox .entry-comments,.single-post .metabox .entry-author,.single-post .metabox .entry-date,.single-post .metabox .entry-time {
  display: inline-block;
}
.content_box ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content_box ul li{
  list-style-type: circle;
  padding:0 0 0 4px;
  margin:15px 0;
  line-height:25px;
}
.content_box ul li ul li{
  list-style-type: circle;
}
.content_box ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content_box ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.content_box ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
.content_box  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
}
a.button {
  border: 1px solid var(--first-theme-color);
  font-size: 16px;
  font-weight: bold;
}
.page-content .read-moresec a.button{
  border: 2px solid var(--first-theme-color);
  background: var(--first-theme-color);
  font-size: 15px;
  color: #fff !important;
  display: inline-block;
}
.page-content .read-moresec a.button:hover{
  border: 2px solid #000;
  background: #000;
  color: #fff;
}
/*preloader*/
.frame {
  position: fixed;
  border-radius: 2px;
  background: var(--first-theme-color);
  z-index: 99999999;
  top: 0;
  left: 0;
}
.loader {
  position: absolute;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-1 {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  top: 95px;
  left: 95px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-2 {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 80px;
  left: 80px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-3 {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  top: 65px;
  left: 65px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*copyright css*/
#scrollbutton {
  position: fixed;
  bottom: 70px;
  right: 20px;
  font-size: 22px;
  padding: 12px 17px;
  border: solid 2px  var(--first-theme-color);
  color:  #fff;
  z-index: 9999;
  border-radius: 5px;
  background: var(--first-theme-color);
  text-shadow: 1px 1px 2px;
  visibility: visible;
}
.left {
  left: 20px;
  right: auto !important;
}
.center{
  left: 50%;
  right: auto !important;
}
.copyright-wrapper {
  background-color: var(--first-theme-color);
  font-size: 15px;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.copyright-wrapper a, .copyright-wrapper p a{
  color: #fff;
}
.footer-wp {
  background: #0d0d0f;
}
.footer-wp h3, .footer-wp .wp-block-heading {
  text-align: left;
  font-size: 25px;
  color: #fff;
}
.footer-wp h3:after, .footer-wp .wp-block-heading:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #fff;
  margin-top: 7px;
}
.footer-wp input[type="search"]{
  padding:12px 5%;
  border: 1px solid #fff;
}
.footer-wp .search-form label {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button, #sidebar button {
  padding: 10px 12px;
  border: none;
  background: var(--first-theme-color);
  border-radius: 0;
  font-size: 16px;
  color: #fff;
  border-radius: 3px;
}
#sidebar button:hover, .footer-wp button:hover{
  background: var(--first-theme-color);
}
.footer-wp button, #sidebar button{
  margin-top:0px;
}
.footer-wp caption {
  font-weight: bold;
  font-size: 20px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp th {
  text-align: center;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  font-size: 15px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 30px 0;
}
.footer-wp .tagcloud a {
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.widget_block p a,.textwidget p a,.woocommerce-product-details__short-description p a,#tab-description p a{
  text-decoration: underline;
}
/* Pagination */
.pagination, .page-links {
  position:relative;
  font-size:12px;
  line-height:13px;
  font-weight:bold;
}
.pagination span, .pagination a, .page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span {
  padding: 18px;
  display: block;
  float: left;
  margin: 3px;
  text-decoration: none;
  width: auto;
  background: rgb(233 233 233 / 78%);
  color: rgba(0, 0, 0, 0.78);
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{
  padding: 15px;
  font-size: 15px;
}
.page-links .page-links-title{
  margin: 3px 3px 3px 0;
}
.pagination .current, .page-links .post-page-numbers.current span{
  background: var(--first-theme-color);
  font-weight:bold;
  color: #fff;
}
.page-links{
  padding-bottom: 50px;
}
.content_box .pagination ul li, .content_box .pagination ul{
  margin:0;
}
.new-text a{
  text-decoration: underline;
}
.nav-links{
  padding: 0 0 30px 0;
}
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.nav-next,.post-navigation .nav-next {
  margin-top: 0;
}
.tags{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.tags a {
  text-decoration: none!important;
  font-weight: 500;
  border-radius: 3px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
  color: #333;
}
.tags a:hover {
  background: var(--first-theme-color);
  color: #fff;
}
.woocommerce div.product div.images img{
    height: 240px !important;
    width: 240px !important;
    object-fit: contain;
}
/* social icons */
footer .socialicons{
  text-align:center;
}
footer .socialicons a{
  color: #fff;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
.new-text a {
  border: none !important;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce .entry-summary a {
  text-decoration: none !important;
}
.woocommerce div.product form.cart {
  margin: 0.5em 0;
}
/*responsive menu*/
@media screen and (max-width:401px) {
  .top-header .header .location i, .top-header .header .time i, .top-header .header .location p, .top-header .header .time p, .top-header .header .top-btn a, .header-sidebar .menu-drawer .top-btn a {
    font-size: 12px !important;
  }
  .top-header .header .top-btn i, .header-sidebar .menu-drawer .top-btn i {
    padding: 9px 12px 14px 0 !important;
  }
  .top-header .header .location i:after {
    left: 15px !important;
  }
  .top-header .header .time i:after {
    left: 17px !important;
  }
}
@media screen and (max-width:767px) {
  .related .products li{
    width: 100% !important;
  }
  .top-header .header .location i, .top-header .header .time i, .header-sidebar .menu-drawer .location i, .header-sidebar .menu-drawer .time i{
    padding: 10px 10px 1px 10px;
  }
  .top-header .header .location i:after{
    left: 16px;
  }
  .top-header .header .time i:after {
    left: 19px;
  }
  .header-sidebar .menu-drawer .location i:after{
    left: 15px;
    top: -12px;
  }
  .header-sidebar .menu-drawer .time i:after{
    left: 19px;
    top: -11px;
  }
  .top-header .header .location i, .top-header .header .time i, .top-header .header .location p, .top-header .header .time p, .top-header .header .top-btn a, .header-sidebar .menu-drawer .top-btn a, .header-sidebar .menu-drawer .location i, .header-sidebar .menu-drawer .time i{
    font-size: 14px;
  }
  .top-header .header .top-btn a, .header-sidebar .menu-drawer .top-btn a{
    padding: 12px;
  }
  .top-header .header .top-btn i, .header-sidebar .menu-drawer .top-btn i{
    padding: 11px 12px 14px 0;
  }
  .header-sidebar.show{
    width: 250px;
  }
  .search_input input[type="submit"]{
    display: block;
    width: 100%;
  }
  .topbar .mail-sec, .topbar .phone-sec,.topbar .location-sec{
    border: none;
    margin: 0;
  }
  .page-template-home-page #header{
    position: static;
    background-color: #000000;
  }
  .new-text .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  #sidebar input[type="submit"]{
    padding: 10px 15px;
  }
  #slider .image-overlay{
    background: none;
  }
  #slider .owl-dots{
    left: 0;
    right: 0;
    bottom: 5%;
    flex-direction: row;
  }
  #slider .carousel-caption{
    left: 5%;
    right: 5%;
    text-align: center !important;
  }
  #slider .carousel-caption .read-more{
    margin-top: 0rem !important;
  }
  .products li{
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  #slider h1{
    margin-bottom: 10px;
    font-size: 30px !important;
    text-align: center !important;
  }
  #slider .carousel-caption h1 a{
    font-size: 20px !important;
  }
  #slider p, .slider-img{
    display: none;
  }
  .logo{
    position: static;
  }
  .slide-button {
    text-align: center;
    padding: 15px 0px;
  }
  .header-btn{
    text-align: right;
  }
  #slider img{
    height: 250px;
  }
  .page-template-home-page .top-header{
    position: static;
  }
  .topbar{
    margin-right: 0% !important;
  }
  .menu-header{
    margin-right: 0% !important;
  }
  .post-sec h4 a{
    font-size: 14px;
  }
  .main-post-content{
    top: 17%;
  }
  .post-sec-next {
    padding: 0 !important;
    display: flex;
    justify-content: center;
  }
  .box img {
    max-height: 100%;
  }
  .main-search{
    padding-left: 0;
  }
  .box img{
    width: 100%;
    height: auto;
    transition: all 0.45s ease-in-out;
    opacity: 0.3; 
    filter: grayscale(100%);
  }
  .box .box-content {
    transform: translateX(-50%) scale(1);
  }
  #service-sec .box img{
    height: 300px;
  }
  #service-sec .box-content{
    bottom: 30%;
  }
  #service-sec .box:hover .box-content {
    bottom: 8%;
  }
}

@media screen and (min-width: 768px){
   #slider .carousel-indicators{
    justify-content: left;
  }

}
@media screen and (max-width: 999px) and (min-width: 768px){
  .top-header .header .location-text, .top-header .header .time-text{
    padding-left: 25px;
  }
  .top-header .header .location p, .top-header .header .time p{
    font-size: 12px;
  }
  .top-header .header .location i, .top-header .header .time i{
    padding: 12px 12px 1px 11px;
    font-size: 14px;
  }
  .top-header .header .location i:after{
    left: 18px;
  }
  .top-header .header .time i:after {
    left: 21px;
  }
  .top-header .header .top-btn a, .header-sidebar .menu-drawer .top-btn a{
    font-size: 13px;
    padding: 12px;
  }
  .top-header .header .top-btn i, .header-sidebar .menu-drawer .top-btn i{
    padding: 10px 15px 14px 0;
  }
  .logo{
    padding: 0px 0 0px 0 !important;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 46% !important;
    margin-right: 10px !important;
  }
  #sidebar input[type="submit"]{
    padding: 11px 1px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n){
    float: left;
  }
  #slider h1 {
    font-size: 25px;
  }
  #slider img{
    height: 400px;
  }
  .page-template-home-page .top-header{
    position: static;
  }
  #slider .carousel-caption{
    left: 12%;
    right: 28%;
  }
  .topbar{
    margin-right: 0% !important;
  }
  .menu-header{
    margin-right: 0% !important;
  }
  .post-sec-next{
    padding: 5px !important;
  }
  .main-post-content{
    width: 85%;
    top: 25%;
  }
  .post-sec h4 a{
    font-size: 16px;
  }
  .card-text{
    font-size: 12px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 50% !important;
    flex: 1 0 50% !important; 
  }
  .topbar .location-sec, .topbar .phone-sec{
    margin-left: 10px;
  }
  #slider .owl-dots{
    right: 10%;
  }
}
@media screen and (max-width: 991px){
  .header  .header-text{
    text-align: center;
  }
}
@media screen and (max-width: 1024px) and (min-width:992px){
  .topbar .email1, .topbar .call1, .topbar .day1, .topbar .location1{
    font-size: 12px;
  }
  .topbar .email, .topbar .call, .topbar .time1, .topbar .location{
    font-size: 16px;
  }
  #slider a.carousel-control-prev{
    top: 43%;
  }
  #slider a.carousel-control-next{
    top: 57%;
  }
  .woocommerce .woocommerce-ordering{
    margin-top: 1px !important;
  }
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  #sidebar input[type="submit"]{
    padding: 11px 15px;
  }
  /*#sidebar label .search-field{
    width: 70%;
  }*/
  #sidebar label{
    display: contents;
  }
  #slider img{
    height: 400px;
  }
  .page-template-home-page .top-header{
    position: static;
  }
  .email-us a,.location-sec span {
    font-size: 12px;
  }
  .topbar{
    margin-right: 0% !important;
  }
  .menu-header{
    margin-right: 0% !important;
  }
  .topbar .container,.menu-header .container{
    margin-left: 3% !important;
  }
  .post-sec-next {
    padding: 18px 14px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 33% !important;
    flex: 1 0 30% !important; 
  }
  .topbar .location-sec, .topbar .phone-sec{
    margin-left: 10px;
  }
  .postbtn a{
    font-size: 12px !important;
    padding: 10px 20px 12px 0 !important;
  }
  .postbtn a i{
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1000px){
  a.closebtn.responsive-menu, .menu-brand.primary-nav span, .menu-brand.resp-menu .cat-content, .primary-navigation ul li a, .menubar .primary-navigation ul li, .navbar-header .cat-content{
    display: block;
  }
  .toggle-menu{
    display: none;
  }
  .primary-navigation ul li{
    border: none;
    padding: 0;
    display: block;
  }
  .toggle-menu {
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 18px;
    background: var(--first-theme-color);
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    margin-right: 5px;
  }
  .main-search i {
    font-size: 18px;
    padding: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #000;
  }
  .menu-brand {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0s width ease-in-out;
    padding-top: 60px;
    visibility: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  }
  .menu-brand.show{
    visibility: visible;
    width: 250px;
    transition: 0.5s width ease-in-out;
  }
  .menu-brand .closebtn {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 20px;
    margin-left: 50px;
    display: block;
    color: #000;
    border:none;
    padding: 0 15px;
    background: transparent;
    transition: 0.5s width ease-in-out;
  }
  .fa-times:before{
    margin-left: 5px;
  }
  .menu-brand #site-navigation, .primary-navigation ul ul {
    width: 100%;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid;
  }
  .primary-navigation ul ul li,.toggle-menu,.primary-navigation ul li ul,.primary-navigation ul li ul ul{
    display:block !important;
  }
  .primary-navigation ul ul a{
    padding-left: 35px;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:60px !important;
  }
  .primary-navigation ul li ul, .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
  }
  .primary-navigation ul ul{
    position: static;
  }
  .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
    color: var(--first-theme-color) !important;
  }
  .primary-navigation ul ul a, #site-navigation li a{
    color: var(--first-theme-color) !important;
    background: transparent;
    border-bottom: 1px solid var(--second-theme-color);
    text-align: left !important;
    border-radius: 0;
  }
 .primary-navigation ul ul a:before{
    content: '\f111';
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: var(--first-theme-color);
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    margin-top: 6px;
    font-size: 6px;
    margin-left: -15px;
  }
  .primary-navigation ul li a{
    font-weight: 700;
  }
  .primary-navigation ul ul a{
    font-weight: 500;
  }
  .primary-navigation ul ul a:focus{
    background: transparent !important;
  }
  .main-menu-navigation a:focus, a.closebtn:focus{
    outline: 1px solid var(--first-theme-color) !important;
    border-bottom: 1px solid var(--first-theme-color) !important;
  }
  .menu-header .toggle-menu{
    text-align: right;
  }
  .primary-navigation ul{
    margin: 0;
  }
  .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus, .primary-navigation ul ul, .main-menu-navigation,.primary-navigation .current_page_item > a,.primary-navigation .current-menu-item > a,.primary-navigation .current_page_ancestor > a{
    background:#fff;
    color: var(--first-theme-color) !important;
  }
  .menu-header .toggle-menu {
    display: none;
    width: 100%;
  }
  .scrollbutton.center i{
    left: 44%;
    right: 50%;
  }
  .scrollbutton.left i {
    left: 18px;
  }
  /*#sidebar label .search-field{
    width: 70%;
  }*/
  .primary-navigation ul li a:hover, .primary-navigation .current_page_item > a, .primary-navigation .current-menu-item > a, .primary-navigation .current_page_ancestor > a{
    box-shadow: none;
    border-radius: 0px;
  }
  .post-navigation .nav-previous, .post-navigation .nav-next {
    width: 40%;
  }
  .toggle-menu.responsive-menu{
    padding: 7px 0;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1300px){
  .top-header .header .location-text, .top-header .header .time-text{
    padding-left: 25px;
  }
  .top-header .header .location p, .top-header .header .time p{
    font-size: 13px;
  }
  #slider .carousel-caption{
    right: 45%;
  }
  .postbtn a{
    font-size: 12px !important;
    padding: 10px 20px 12px 0 !important;
  }
  .postbtn a i{
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1599px){
  .topbar{
    margin-right: 0% !important;
  }
  .menu-header{
    margin-right: 0% !important;
  }
}
