/*
Theme Name: Mega Construction
Theme URI: https://www.themesglance.com/products/free-construction-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Mega Construction is a professional, responsive, and multipurpose theme crafted to showcase construction, architecture, and factory-related solutions, including quality construction, property development, property management, real estate agencies, realtors, brokers, architects, building companies, contractors, interior designers, architectural firms, renovation services, homebuilders, industrial construction, factory operations, and repair services. Ideal for builders, contractors, and construction professionals, it enables efficient management of properties, agents, and agencies while presenting portfolios, projects, and services in a compelling way. Built with optimized code for faster performance, it is SEO-friendly, mobile-ready, and easy to use, allowing seamless content sharing across social media platforms. Mega Construction also supports essential tools such as WooCommerce for selling construction or factory-related products and services, Contact Form 7 for handling client inquiries, and Yoast SEO for improving search visibility, delivering a versatile, modern, and professional online presence for construction, architecture, and factory businesses. 
Demo: https://preview.themesglance.com/mega-construction-pro/
Requires at least: 5.0
Version: 1.3.6
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: mega-construction
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, full-width-template, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, news

Mega Construction WordPress Theme has been created by Themesglance(themesglance.com), 2017.
Mega Construction WordPress Theme is released under the Terms of GNU GPL
*/
/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
:root {
  --primary-color: #01477f;
  --secondary-color: #fec200;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	font-size: 16px;
	color:#666;
  overflow-x: hidden;
	font-family: 'Poppins', 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, code{
	text-decoration:none;
	color:var(--primary-color);
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:focus, a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus{
  outline: 2px solid #000;
}
#contact-us p a:focus{
  outline-color: #fff;
  border-color: #fff;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select, .wrap label, .mainimage img, span.woocommerce-input-wrapper, .woocommerce label, .entry-audio audio{
  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{
	position: static;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99999;
  right: 0;
  margin: 0;
  background: #fff;
}
.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;
  text-transform: uppercase;
  font-size: 18px;
  padding: 7px 35px;
  background: var(--secondary-color);
  font-weight: bold;
  color: var(--primary-color);
  border-radius: 3px;
}
input[type="submit"]:hover{
  background: #0d4d78;
  color: #fff;
}
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;
	font-size: 15px;
}
.widget_calendar td, .widget_calendar th,.wp-block-calendar td, .wp-block-calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
#sidebar .widget_calendar caption{
  color: #000
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1em;
  color: #fff;
  font-size: 20px;
}
#footer a.rsswidget, #contact-us p a, #slider .inner_carousel h1 a, .tags a:hover i,#footer .widget_calendar td {
  color: #fff;
}
.widget_calendar tbody a,.wp-block-calendar td a, .wp-block-calendar th a{
	background-color: var(--secondary-color);;
	color: #fff;
	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;
  -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;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--secondary-color);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	  color: #000;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*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{
	border: 2px solid var(--primary-color) ;
	background:var(--primary-color);
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
	font-weight:bold;
  display: inline-block;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}
/* single post navigation */
.nav-links .nav-previous .nav-title::before,.nav-links .nav-next .nav-title::before {
  content: ":";
  margin-right: 4px;
}
.nav-links .nav-previous .nav-title,.nav-links .nav-next .nav-title {
  font-size: 14px;
}
.nav-links .nav-previous, .nav-links .nav-next{
  display: flex;
  width: 45%;
}
.nav-links .nav-previous a, .nav-links .nav-next a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*single post tag*/
.post-categories li ,.single-post ul{
  display: inline-block;
}
.post-categories li a{
  margin-right: 8px;
  margin-bottom: 8px;
  background-color:var(--primary-color);
  padding: 8px 10px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.feature-box.single-feature-img img{
    height: 480px;
    width: 500px;
    object-fit: cover;
    transition:0.5s ease;
}
.feature-box.single-post-img:hover img{
    transform:scale(1.05);
}

/* --------- MENUS CSS --------- */
#sidelong-menu {
  text-align: left;
  display: inline;
}
.nav-menu ul{
  margin:0;
  text-transform: uppercase;
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav-menu a{
  color:#000;
  padding:17px;
  display:block;
  font-weight: 500;
}
.nav-menu ul li a:active{
  color:var(--secondary-color);
}
.nav-menu ul li a:hover{
  color: var(--primary-color);
  background: var(--secondary-color);
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  min-width: 215px;
  z-index: 9999;
  border: 1px solid var(--secondary-color);
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: var(--primary-color);
  padding: 10px;
  font-weight: 500;
  background: var(--secondary-color);
}
.nav-menu ul ul a:hover{
  color: var(--secondary-color);
  background: var(--primary-color);
  border-left: 4px solid var(--secondary-color);
}
.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 li a:hover{
  color: #121212;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul{
  padding: 17px 25px 17px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: relative;
  right: 0px;
  top: auto;
  font-size: 18px;
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
  margin-left: 5px;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  top: 0;
  z-index:999999;
  background:#fff;
}
.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;
}
@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: 99999;
  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;
  top:0; 
  left:0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}
/*---------Sticky Copyright---------*/
.copyright-fixed {
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}
	
/* ---------HEADER--------- */
.page-template-custom-front-page .header-nav #header {
  display: block;
}
.page-template-custom-front-page #header {
  display: none;
}
.menu-sec {
  width: 100%;  
  border-bottom: 1px solid #e4e4e4;
}
.page-template-custom-front-page .mega-construction-logo {
  position: absolute;
  z-index: 999;
  display: block;
  width: 100%;
  transform: translate(-50%, -60%);
  top: 35%;
  left: 50%;
  border: none;
  max-width: 500px;
  margin: 0 auto;
}
.page-template-custom-front-page .mega-construction-logo h1 a, .page-template-custom-front-page .mega-construction-logo p.site-title a{
	color:#fff;
}
.page-template-custom-front-page header {
  background: #000;
}
.page-template-custom-front-page .mega-construction-logo p{
	font-size:12px;
	color: #fff;
}
.mega-construction-logo h1 a, .mega-construction-logo p.site-title a,.blog-sec h2 a,.grid-sec h2 a, h2.entry-title, #wrapper .related-posts h3 a, .woocommerce td.product-name a, .copyright a, .comment-meta.commentmetadata a, #sidebar ul li a:hover{
	color: var(--primary-color);
}
.mega-construction-logo h1, .mega-construction-logo p.site-title{
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
}
.mega-construction-logo {
	border-bottom: 1px solid #e4e4e4;
}
.mega-construction-logo p{
	font-size:14px;
}
.search-field{
  width: 100%;
  padding: 4%;
}
input[type="search"] {
  border: solid 1px #bbb;
  padding: 10px 25px 10px 10px;
  color: #000;
}
#contact-us i {
  color: var(--secondary-color);
  font-size: 30px;
}
#contact-us {
  background: var(--primary-color);
}
#contact-us p {
  color: #fff;
  font-size: 13px;
  margin-bottom: 2px;
}
#contact-us .phone {
  border-left: 1px solid #1b5a8c;
  border-right: 1px solid #1b5a8c;
}
.contactbtn a {
  color: var(--primary-color);
  background: var(--secondary-color);
  font-weight: 800;
  letter-spacing: 0;
  font-size: 14px;
  display: inline-block;
}

/* ---------blog--------- */
.blog-sec,.grid-sec {
  border: 1px solid;
}
.blog-sec h2,.grid-sec h2 {
  font-size: 25px;
  font-weight: 600;
  border-bottom: 1px solid #e4e4e4;
}
.mainimage img:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.5;
}
.entry-gallery img:hover {
  -webkit-transform: none !important;
  transform: none !important;
  opacity: unset !important;
}
.blog-sec p,.grid-sec p {
  color: #666;
  font-size: 16px;
}
h1.page-title, h1.search-title {
  background: var(--primary-color);
  color: #fff;
}
#blog_post .blog-sec img{
  height: 400px;
  object-fit: cover;
}
#blog_post .blog-sec:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
#blog_post .blog-sec {
  position: relative;
}
#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{
  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: var(--primary-color);
}
/*------- Related Posts ------*/
#wrapper .related-posts{
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: var(--primary-color);
  font-weight: 600;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  font-size: 22px;
  font-weight: 600;
  border-bottom: 1px solid #e4e4e4;
}
.related-posts .post-info{
    font-size: 14px;
}
/*-----------------Search pop up----------------*/
.wrap input[type="search"]::placeholder{
  background: #fff;
  color: #000;
}
.wrap input[type="search"] {
  height: 45px;
  font-size: 15px;
  font-weight: 400;
  border-left: solid #eee;
  border-width: 0 0 0 1px;
  color: #000;
  padding: 0;
  padding-right: 60px;
  width: 0;
  position: absolute;
  top: 4px;
  right: 0;
  background: none;
  z-index: 9999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.wrap {
  display: inline-block;
  position: relative;
  border:none !important;
  padding: 15px 30px !important;
}
.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;
  display: inline-block;
  float: right;
  padding:  10px;
  background: url(images/search.png) no-repeat 12px center;
  text-indent: -10000px;
  position: absolute;
  top: 0px;
  right: 4px;
  z-index: 2;
  cursor: pointer;
  border-radius: 5px;
  transition: opacity .4s ease;
}
.wrap input[type="submit"]:hover{
  background-color: unset !important;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
 padding: 8px ;
 width: 95%;
}

/* About us */
.about h2 {
	background: url(./images/tower1.png) no-repeat right;
  font-weight: bold;
  font-size: 25px;
  padding-right: 2.5em;
  color: var(--primary-color);
}
.abt-image img {
  width: 100%;
  box-shadow: 5px 5px 10px 0 #bbb;
  height: 350px;
  object-fit: cover;
}
.about p {
  font-size: 13px;
  color: #fff;
  line-height: 1.8;
}
.textbox {
  background: var(--primary-color);
  position: relative;
  right: 8em;
  top: 35px;
  width: 130%;
}
.textbox h3 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}
.textbox a {
  color: var(--secondary-color);
  font-size: 12px;
  font-weight: 700;
}
.textbox a i {
  font-size: 15px;
}

/* Homepage */
.post-info,.grid-post-info { 
  font-size: 15px;
  border-bottom: 1px solid #e4e4e4;
}
.post-info i,.grid-post-info i {
  color: var(--secondary-color);
  margin-right: 5px;
}
.post-info span,.grid-post-info span{
  color: #000;
}
.blogbtn a {
  color: #fff;
  background: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  display: inline-block;
}
.mainimage{
	overflow: hidden;
}

/* Woocommerce */
.woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins {
    text-decoration: none;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  padding-left: 15px !important;
}
.woocommerce-products-header h1.page-title{
  padding-left: 5px;
}
.woocommerce-account .addresses .u-column2 .title .edit,.woocommerce-account .addresses .u-column1 .title .edit{
  float: left;
}
.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: var(--primary-color);
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 10px;
  margin-right: 10px;
}
.woocommerce span.posted_in, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a, .woocommerce-privacy-policy-text a, a.added_to_cart.wc-forward, .product_meta a {
  color: #000;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce main#maincontent {
  margin-top: 20px;
}
.woocommerce span.onsale{
	background: var(--primary-color);
	padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px;
  text-align: center;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #000;
  font-weight: 500;
}
.woocommerce a{
  text-decoration: none;
}
.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: var(--primary-color);
	color: #fff !important;
	border-radius: 0;
}
.woocommerce-notices-wrapper a.button.wc-forward{
  padding: 10px 12px !important;
  opacity: 1;
  text-decoration: none;
}
.woocommerce a.added_to_cart.wc-forward{
  margin: 5px 0 0 5px;
  padding: 6px 10px;
  font-weight: 700;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: #000 !important;
	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;
  margin: 0px !important;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color);
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #fff;
  text-decoration: none;
}
span.posted_in{
  display: block;
}
.woocommerce-MyAccount-content p a {
  color: #666;
}
.woocommerce .woocommerce-ordering select {
  padding: 8px;
}
.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  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;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{
  max-width: 100%;
}

/*------ Woocommerce widget css -----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 1.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, #footer .widget_shopping_cart .cart_list li a.remove{
  font-size: 20px;
  top: 2px;
}
.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;
  width: 5.5em;
}
#sidebar .woocommerce form{
  border:0;
}
#footer .woocommerce-product-search input[type="search"]{
  padding: 10px;
  width: 100%;
  color: #fff;
  border: 1px solid;
  margin: 0;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: var(--secondary-color);
  border:0;
  font-size: 15px;
  color: var(--primary-color);
  margin-top: 6px;
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce .widget_price_filter .price_slider_amount .button{
  text-transform: capitalize;
  padding: 10px;
}
#footer .widget_shopping_cart .buttons a, #footer .widget_shopping_cart .buttons a, #footer .widget_price_filter .price_slider_amount .button{
  background: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: var(--secondary-color);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: var(--primary-color);
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
/* 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:var(--primary-color);
  border-radius: 8px;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
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;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  text-decoration: none;
}
.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:var(--primary-color) !important;
    color: #fff !important;
    border-color:var(--primary-color) !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;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  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: var(--secondary-color);
}
.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 var(--secondary-color);
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid var(--primary-color);
}
.back-to-top:hover, .back-to-top:focus {
  height: 40px;
  color: var(--primary-color);
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer .copyright a{
  text-decoration: none !important;
}
.copyright-wrapper{
	background: url('./images/footer-bg.jpg');
	color:#fff;
  clear:both;
}
#footer{
  background: var(--primary-color);
}
#footer h3,#footer h2,#footer .wp-block-search__label {
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  border-bottom: 2px solid;
  margin-bottom: 10px;
  width: 100%;
}
#footer p {
  font-size: 15px;
  margin: 0;
  font-weight: 500;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
  width:32%;
	padding:11px 2%;
	float:right;
	border:none;
	background:var(--secondary-color);
	margin:0;
	color: var(--primary-color);
  font-size: 15px;
}
#footer td#prev a{
  color: #fff;
}
#footer .search-field,#footer .wp-block-search__input {
  width: 100%;
  padding: 10px 5px;
}
#footer .search-form label {
  width: 65%;
}
#footer form.search-form{
	text-align: left;
  display: table;
  width: 100%;
}
#footer .copyright{
	text-align:center;
}
#footer .copyright a i{
  padding: 0px 7px;
}
.inner{
  color: var(--primary-color);
  background: var(--secondary-color);
  padding: 15px;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 14px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: var(--secondary-color);
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.textwidget {
  padding: 15px;
}
 .footerinner .tagcloud a,.footerinner .wp-block-tag-cloud a{
 	background: transparent;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  border: 1px solid;
}   
.footerinner .tagcloud a:hover{
  background:var(--secondary-color);
  color: var(--primary-color);
  border: 1px solid ;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a,.woocommerce-account .addresses .title .edit {
  background: var(--primary-color);
  color: #fff;
  padding: 7px 15px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.bradcrumbs a:hover{
	background:#000;
}
.bradcrumbs span{
	background:var(--primary-color);
	color:#fff;
	padding:8px 15px;
}
#slider .inner_carousel p{
  padding-left: 0rem !important;
}
/* Comments BOX */
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:40px 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{
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	border:none;
  width: auto;
}
#comments a.comment-reply-link{
  color:var(--primary-color);
  background: var(--secondary-color);
  padding:5px 15px;
}
#comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover{
  background:var(--primary-color);
  color:var(--secondary-color);
}
#comments p.comment-form-comment label{
  display: block;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol.children li{
	list-style: none;
}
#wrapper #comments ol li{
	background: #f7f7f7;
  padding: 10px;
  margin-bottom:20px;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align:right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-content{
	margin-left:7%;
}

/* --------- SLIDER--------- */
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
background: transparent;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider{ 
  max-width:100%;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
  height: 600px;
  object-fit: cover !important;
}
#slider .inner_carousel h1{
  font-weight: bolder;
  font-size: 35px;
}
#slider .inner_carousel p{
	font-size: 14px;
  color: #fff;
  padding-right: 0rem !important;
}
.carousel-caption{
	bottom: 20%;
	left: 20%;
  right: 20%;
}
#slider .carousel-indicators li{
  width: 12px;
  height: 12px;
  background: var(--secondary-color);
}
#slider .carousel-indicators .active{
  background: var(--primary-color);
}

#slider {
    position: relative;
    z-index: 1;
}

#slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 71, 124, 0.7);
    z-index: 1;
    pointer-events: none;
}
.carousel-caption{
  position: absolute;
  z-index: 999 !important;
}

/* Sidebar */
#sidebar form,#sidebar .wp-block-search__inside-wrapper{
 	display: table;
	width: 100%;
}
#sidebar h3,#sidebar h2,#sidebar .wp-block-search__label {
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--primary-color);
  border-bottom: 2px solid;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
  margin: 0 0 10px 0;
  border: solid 1px var(--primary-color);
}
#sidebar .search-form label,#footer .search-form label{
	width:65%;
	float:left;  
}
#sidebar input[type="submit"],#sidebar .wp-block-search__button{
  background: var(--secondary-color);
  border: none;
  color: var(--primary-color);
  padding: 10px 0;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  float: right;
  margin: 0;
  border-radius: 0;
}
#sidebar aside {
  border:1px solid var(--primary-color);
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li {
  padding: 8px 0;
  color: #242424;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 14px;
  color: #242424;    
  font-weight: 500;
}
#sidebar .tagcloud a,.wp-block-tag-cloud a{
	border: 1px solid #666;
	color:#666;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
  text-decoration: none!important;
}
#sidebar .tagcloud a:hover,.wp-block-tag-cloud a:hover{
	background:var(--primary-color);
	color: #fff;
}
#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: var(--primary-color);
}
#sidebar ol.wp-block-latest-comments {
  padding-left: 0px !important;
}
/* About Us Widget */
#sidebar .widget{
  padding: 10px;
  border: 1px solid var(--primary-color);
  margin-bottom: 25px;
}
#sidebar .widget 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: var(--secondary-color);
}
.more-button a {
  background: var(--secondary-color);
  color: var(--primary-color);
  display: inline-block;
  line-height: 1.5;
  font-weight: 500;
}

/* Contact Us Widget */
#footer .widget{
  clear: both;
  padding: 25px 0;
}
span.custom_details {
  font-weight: 600;
}

/* Page */
.title-box{
	background-repeat:no-repeat;
	background-size:100% 100%;
	color:#fff;
	text-transform:uppercase;
	padding:75px 0;
	font-weight:bold;
	background-color: var(--primary-color);
}
.woocommerce-page #wrapper{
  border: 0;
}
#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;
}

/*------404 not found-------*/
.notfound h1{
  font-weight: bold;
  font-size: 60px;
  color: #000;
}
#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: var(--primary-color);
  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: var(--secondary-color);
  color: #fff;
  border: 1px solid var(--secondary-color);
}
/*new block css*/
.alignfull img{
  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 !important;
  background: transparent !important;
  border: 2px solid #000 !important;
}
.alignright{
  float: right;
}
.wp-block-search__button{
  background: var(--secondary-color);
  color: var(--primary-color);
}
.wp-block-calendar{
  text-align: left;
}
#menu-testing-menu ul,#menu-testing-menu-1 ul,#menu-testing-menu-2 ul,#footer .wp-block-search__label{
  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,.wp-block-latest-comments__comment-excerpt{
  margin-left: 1em !important;
}
#footer .wp-calendar-nav a{
  color: #0d6efd;
}
/* 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:#242424;
    border: 1px solid #d4d4d4;
    -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:var(--primary-color);
} 
.pagination .current, .page-links .current .page-number {
  padding: 10px 15px;
  color: #fff;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.page-links a span{
  background-color: #000;
}
span.page-links-title{
  line-height: 10px;
}
/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
  background: var(--primary-color);
  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 7 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 7 Free';
  font-size: 16px;
  margin: 0 0 0 8px; 
  font-weight: 900;
}
.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: var(--primary-color);
}
.entry-content a, .comment p a, #footer p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description p a,.price ins{
  text-decoration: underline;
}
.entry-content{
  margin-top: 20px;
}
.tags a {
  font-size: 15px;
  color: #666;
  border:1px solid;
  display: inline-block;
}
.tags a:hover{
  background: var(--primary-color);
  color: #fff;
  border-color:var(--primary-color);
}
.tags a i{
  font-size: 12px;
  color: var(--primary-color);
}
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;
}
ol.wp-block-latest-comments{
  padding-left: 2px;
}
#sidebar .wp-block-search__button{
    margin-left: 0px;
}
#slider{
  margin-bottom: 0rem !important;
}

.woocommerce-products-header__title.page-title{
  padding-left: 10px;
}


/* Media Css*/
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
    background: none;
    box-shadow: none;
  }
  .wrap input[type="submit"] {
    background: url(images/search1.png) no-repeat 12px center;
  }
  .menu-sec{
    background: #000;
  }
  .sticky{
    position: fixed;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus, a.closebtn.responsive-menu: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;
    right: 0;
    font-size: 20px;
  }
  .toggle-menu button:focus{
    outline: 2px solid #fff;
  }
  .nav-menu ul ul a:hover{
    background: none !important;
  }
  .nav-menu ul ul a{
    color: #fff !important;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  .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: 55px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 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;
    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: var(--secondary-color);
  }
  .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: var(--secondary-color);
    border-left: 4px solid var(--secondary-color);
  }
  .page-template-custom-front-page .header-nav #header {
    display: none;
  }
  .page-template-custom-front-page #header {
    display: block;
  }
  .page-template-custom-front-page .mega-construction-logo{
    position: static;
    transform: none;
    background: #fff;
    max-width: 100%;
  }
  .page-template-custom-front-page .mega-construction-logo p.site-title a{
    color: var(--primary-color);
  }
}
@media screen and (max-width: 1180px) and (min-width: 1001px){
  .page-template-custom-front-page .mega-construction-logo{
    top: 25%;
  }

}
@media screen and (max-width: 1024px) and (min-width: 1000px){
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  .woocommerce-account .addresses .title h3{
    font-size: 24px;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
	.page-template-custom-front-page .mega-construction-logo {
    position: static;
    transform: none;
    background: #fff;
	}
  .alignwide{
    margin:0 !important;
  }
	.page-template-custom-front-page .mega-construction-logo h1 a, .page-template-custom-front-page .mega-construction-logo p.site-title a, .page-template-custom-front-page .mega-construction-logo p{
		color: var(--primary-color);
	}
	#contact-us{
		text-align: center;
	}
	#contact-us .phone{
		border: none;
	}
	.textbox{
		position: static;
		right: 0;
		top: 0
	}
  #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;
	}
  #header .nav ul li.current_page_item a{
 	  background: #222;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
  .post-categories{
    margin-top: 10px !important;
    margin-left: 0 !important
  }
  .comment-list{
    margin-bottom: 3rem !important;
  }  
  #slider .inner_carousel h1{
    font-size: 20px;
  }
  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 img{
    height: 200px !important;
  }
  .carousel-caption{
    text-align: center;
    left: 10%;
    right: 10%;
  }
}
@media screen and (max-width: 767px) {	
	.textbox{
		position: static;
		right: 0;
		top: 0;
		width:100%;
	}
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  #slider .inner_carousel p{
    display: none;
  }
  .footerinner .footer-block p,.footerinner .footer-block ul li,.footerinner .footer-block h3{
      text-align: center !important;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px){
  .page-template-custom-front-page .mega-construction-logo {
    position: static;
    transform: none;
    background: #fff;
    max-width: 100%;
  }
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
	#slider .carousel-caption{
		bottom: 15%;
		top: 35%;
		right: 15%;
		left: 15%;
	}
	.widget_calendar td, .widget_calendar th{
		font-size: 12px;
	}
  .related.products ul.products li.product{
    width: 48%;
    float: left;
  }
  .main-wrap-box .alignleft{
    max-width: unset;
  }
  .widget_rss ul,.wp-block-latest-comments__comment{
    display: block;
  }
  .footerinner .wp-block-search__button,#footer .search-field{
    margin-left: 0px;
  }
  #footer .wp-block-search__input,#footer .search-field{
    margin-bottom: 5px;
  }
  .page-template-custom-front-page .mega-construction-logo p.site-title a{
    color: var(--primary-color);
  }
  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 (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #footer .search-field,#footer .search-form label, #footer input[type="submit"],  #footer .wp-block-search__button,#footer .wp-block-search__input, 
  #sidebar .wp-block-search__button,#sidebar form.search-form label,#sidebar input[type="submit"],#sidebar input[type="search"]{
    width: 100%;
  }
   #footer .wp-block-search__input,#footer .search-field, #sidebar input[type="search"]{
    margin-bottom: 5px;
  }
  .wp-block-search__inside-wrapper{
    display: block;
  }
}
@media screen and (min-width: 721px) and (max-width: 1000px){
  #slider img{
    height: 400px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .textbox{
    right: 5em;
  }
}
@media screen and (max-width: 1000px){
  .home .site-logo{
        background-color: #000 !important;
  }
}
.home .mega-construction-logo{
   background : #0000 !important;
  }
.mega-construction-logo{
  background-color: #01477f !important;
}
.woocommerce-page .woocommerce-result-count,.woocommerce-shop .woocommerce-result-count{
  margin-top: 10px !important;
}
.woocommerce-page .woocommerce-ordering,woocommerce-shop  .woocommerce-ordering{
    margin-top: 10px !important;
}

/*--------- custom cursor --------------*/
.custom-cursor,
.custom-cursor-follower {
  position: fixed;
  width: 24px;
  height: 24px;
  background-color: var(--primary-color);
  opacity: 0.5;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.custom-cursor-follower {
  transform-origin: center;
  opacity: 0;
}

/* Cursor Active State */
.custom-cursor.active,
.custom-cursor-follower.active {
  transform: scale(1.5);
  opacity: 0.6;
}