/*
Theme Name: Digital Marketer Pro
Theme URI: https://www.revolutionwp.com/products/digital-marketing-wordpress-theme/
Author: Revolutionwp
Author URI: https://www.revolutionwp.com/
Description: Digital Marketing WordPress Theme is an exceptional, feature-rich template meticulously designed to cater exclusively to online supermarkets, grocery stores, and food retailers. It represents the pinnacle of website design, offering a comprehensive and sophisticated solution to empower businesses in establishing a robust and competitive online presence. This premium theme caters to a diverse range of businesses operating within the food and grocery industry, regardless of their scale. Whether you are a small local grocer or a renowned supermarket chain, this theme is thoughtfully designed to help expand your market reach and enhance your e-commerce capabilities. What truly distinguishes the Supermarket WordPress Theme is its status as a premium theme. It brings a multitude of benefits to the table, including enhanced functionality and customization options compared to free themes. This premium status also ensures dedicated customer support and regular updates, guaranteeing that your online store remains up-to-date and well-maintained.
Version: 0.0.1
Requires at least: 4.7
Requires PHP: 7.5
License: GNU General Public License
License URI:license.txt
Text Domain: digital-marketer-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments.
*/
/* Basic Style */
:root {
  --white: #ffffff;
  --black: #000000;
  --peachorgan2:#383838;
  --lightgray:#5b5b5b;
  --black2:#333333;
  --lightgreen:#6754e9;
  --gary:#bbbbbb;
  --darkgarnishblue:#424648;
  --dimgray:#686868;
  --darkblue:#000;
  }
  :root {
  --common-font-body: 'Quicksand';
}
*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:var(--white);
  position:relative;
  font-size: 14px;
  /* color:var(--lightgray); */
  font-family: var(--common-font-body);
}
label {
  margin-bottom: 3px !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
img.alignnone.wp-image-907,img.wp-image-907 {
  border: 3px solid var(--gary);
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:var(--lightgray);
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Open Sans';
}
body a{
  text-decoration:none;
  color:var(--lightgreen);
}
a:hover{
  text-decoration:none;
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--peachorgan2);
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -30px;
  color: #7a7a7a;
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 33%;
  bottom: -55px;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid var(--darkgarnishblue);
  font-size:16px;
  padding:10px 10px;
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0;
  /*background-attachment: fixed;*/
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  border: none;
  background-color: var(--lightgreen);
}
input[type="submit"]:hover{
  cursor: pointer;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{
  margin:0;
  padding:0;
  background-color:var(--white);
}
.alignleft,img.alignleft{
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  padding:5px;
  border: 1px solid var(--gary);
}
.alignright, img.alignright {
  display: inline;
  float: right;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
  border: 1px solid var(--gary);
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  padding:5px;
  border: 1px solid var(--gary);
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px;
  border-radius:3px;
  color:var(--white);
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:var(--white);
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
  text-align: center;
}
.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--lightgreen);
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-ripple{
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.spinner-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid var(--black);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  left: 20px;
  background:var(--lightgreen);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: var(--white);
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: var(--white);
  top: 5px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid var(--black);
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: var(--black);
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--gary);
  color: var(--white);
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: var(--dimgray);
  color: var(--white);
}
.widget th,.widget td {
  padding: 3px;
}
/* ---------Buttons--------- */
a.button{
  border: 2px solid #3890cb ;
  background:#3890cb;
  color: var(--white);
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight:bold;
}
a.theme_button {
  color: var(--white);
  border: none;
  /*text-transform: uppercase;*/
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  background: var(--lightgreen);
  border-radius: 0;
}
a.theme_white_button{
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
}
a.theme_white_button,a.theme_white_button:hover{
  background-color: var(--white);
  color: var(--lightgreen);
}
a.theme_button:hover {
  color: var(--lightgreen);
  background: #000;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.search-box span {
  background: var(--lightgreen);
  padding: 12px 15px;
  cursor: pointer;
  display: inline-block;
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
/*----------------------  index ---------------------------*/
.post-section {
  padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color:#000;
  padding: 0;
  font-size:26px;
}
section h4{
  color:var(--black);
  font-size: 16px;
  font-weight: bold;
}
section h5{
  color:var(--black2);
  font-weight:bold;
  margin:0 0 10px 0;
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
  display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading p{
  max-width: 600px;
  width: 100%;
  margin: 15px auto 25px;
  line-height: 24px;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: var(--white);
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background: var(--lightgreen);
  border: 1px solid var(--lightgreen);
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: var(--white);
  border: 1px solid var(--black);
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: var(--gary);
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*Postbox Hover*/
.postbox .postpic{
  position: relative;
  overflow: hidden;
}
.postbox .postpic:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--black);
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.postbox:hover .postpic:before{
  opacity: 0.4;
}
.postbox .postpic:after{
  content: "";
  width: 100%;
  position: absolute;
  top: -35%;
  left: -110%;
  bottom: -10%;
  background: rgba(0, 0, 0, 0.6);
  transform: rotate(10deg);
  transition: all 0.4s ease 0s;
}
.postbox:hover .postpic:after{
  left: -50%;
}
.postbox .postpic img{
  width: 100%;
  height: auto;
}
.postbox .posticon-1,.postbox .posticon-2{
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.postbox .posticon-1{  left: 0; }
.postbox .posticon-2{ right: 0; }
.postbox:hover .posticon-1,.postbox:hover .posticon-2{
  opacity: 1;
}
.postbox .posticon-1 a,.postbox .posticon-2 a{
  display: inline-block;
  font-size: 25px;
  color: var(--white);
  position: relative;
  top: 47%;
}
.postbox .postbox-content{
  background: #000;
  padding: 23px 30px;
  transition: all 0.3s ease 0s;
}
.postbox:hover .postbox-content{
  background: var(--lightgreen);
}
.postbox h3.posttitle a{
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
}
.postbox .posttext{
  display: block;
  font-size: 12px;
  transition: all 0.3s ease 0s;
}
.search-box i,.postbox:hover .posttext,span.posttext a,.postbox .posttext,.postbox h3.posttitle a{
  color: var(--white);
}
/*-----------------Search pop up----------------*/
.search-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 80%;
  pointer-events: none;
  opacity: 0;
  transition: 1s;
  top: 60px;
  left: 25%;
  z-index: 1;
  right: 0px;
}
.search-wrapper form input[type="search"]{
  border:none;
  background-color: #fff;
  width: 100%;
  padding:10px 10px;
}
.search-wrapper form label{
  width: 90%;
}
.search-wrapper form button[type="submit"]{
  border:none;
  background-color: #fff;
  padding:10px 10px;
  position: absolute;/*
  left: -5px;*/
}
.search-wrapper form button[type="submit"] i{
  font-size: 14px;
  color: #6754e9;
}
.open-menu{
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.close-menu{
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.search-wrapper form input[type="search"]{
    border: 1px solid #6754e9;
    border-right: 0px;
}
.search-wrapper form button[type="submit"]{
    border: 1px solid #6754e9;
    border-left: 0px;
}
/* .home.page-template .container {
    max-width: 1024px;
    margin:0px auto;
} */
.credit_link{
  display: none;
}
.client_inner .feature-img{
  width: 70% !important;
}
@media screen and (max-width: 1600px){
  #our_records{
    padding-left: 0rem !important;
  }
  #testimonials {
    padding: 40px 0% 40px 40px !important;
  }
}