/*
Theme Name: Digital Advertising Agency
Description: The Digital Advertising Agency WordPress theme is a refined and professional solution crafted especially for agencies focused on digital marketing and online advertising services. With its sleek and modern design, it presents a strong sense of credibility, making it an ideal platform to highlight a wide range of marketing expertise, including SEO, SEM, PPC campaigns, and social media strategies. The clean and user-friendly layout enhances the overall experience for visitors, while the fully responsive design ensures your site looks flawless across desktops, tablets, and smartphones, improving accessibility for potential clients. It features dedicated sections for essential services such as SEO, PPC, social media management, content marketing, and email campaigns, helping your agency present its offerings clearly. Testimonials and case studies are thoughtfully placed to build trust by showcasing successful marketing campaigns and satisfied clients. Social media integration, including feeds and sharing options, makes it easy to boost engagement and expand your agency’s reach across platforms. The theme also includes blog and portfolio sections, allowing agencies to share insights, publish case studies, and display successful projects, reinforcing thought leadership in the marketing space. With flexible customization options, agencies can easily adjust colors, typography, and branding elements to align with their identity, ensuring the website reflects both professionalism and the unique personality of their digital marketing expertise.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-digital-agency-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 4.3
Requires PHP: 7.2
Tested up to: 6.9
Requires at least: 5.0
Tags: news, education, portfolio, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Text Domain: digital-advertising-agency
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Digital Advertising Agency WordPress Theme, (C) 2024 misbahwp.com
Digital Advertising Agency WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #f0017b;
  --second-color: #6c0daf;
}

.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 !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #55585B;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	color: #010F1C;
	font-weight: 800;
}
a {
  color:#000000;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}
a:hover,
a:focus {
  color:var(--second-color);
  text-decoration: none;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}
.wp-block-button__link{
  color: #fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #000000;
  color: #000000 !important; 
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:var(--second-color);
}
.page-links {
  width: 100%;
  float: left;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
    width: 100%;
}

/* ===============================================
   LOGO BOX
   ============================================= */
/*img.custom-logo {
  height: 70px;
  width: 70px;
}*/
.logo {
  padding: 30px 0;
  background-image: linear-gradient(to right, var(--first-color), var(--second-color));
  border-radius: 50px;
  border: solid 4px #fff;
  box-shadow: 8px 5px 8px 0px #d3d3d3;
  position: relative;
  left: 40px;
  font-weight: bold;
}
.logo a {
  color: #fff;
  font-size: 25px;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.page-template-frontpage .top-header p{
  color: #55585B;
}
.top-header p {
  color: #fff;
  font-weight: 500;
}
.header-box {
  position: absolute;
  width: 100%;
  z-index: 999;
  padding-top: 20px;
}
.header-inner {
  background: rgb(255 255 255 / 90%);
  border-radius: 0 30px 30px 0;
  padding: 20px 8px 20px 36px;
  box-shadow: 2px 2px 10px 0px #d3d3d3;
}
.social-links i {
  color: #202020;
  font-size: 15px;
}
.social-links i:hover {
  color: var(--second-color);
}

/**
====================================================================
  Navigation
====================================================================
*/
/*.top-menu-wrapper {
    padding: 10px 0;
    padding-left: 14px;
}*/
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 14px;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: var(--first-color);
    font-weight: 800 !important;
}
.main-navigation ul li a{
  text-transform: capitalize;
  color: #000;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.top-menu-wrapper ul {
    gap: 5px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 14px;
    font-weight: 500;
}
#site-navigation .page_item_has_children ul li a,#site-navigation .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    position: relative;   
    display: block;
    color: var(--first-color);
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
    font-size: 14px;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--first-color);
    color: #fff;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 0;
}

.main-navigation ul.sub-menu > li > a:hover,
.main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover,
.main-navigation ul.children > li > a:focus {
    color: #fff !important;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    border:none;
}
.main-navigation ul.sub-menu.dropdown-menu {
    border: none;
    border-radius: unset;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #000;
    display: block;
    padding: 14px;
    font-weight: 500;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}

.sub-menu span.dashicons.dashicons-arrow-down-alt2{
  position: absolute;
  top: 10px;
  right: 0;
}

.main-navigation .dashicons-arrow-down-alt2:before {
    content: "\f347";
    font-size: 14px;
    color: #000;
}

.children.dropdown-menu span.dashicons.dashicons-arrow-down-alt2 {
    position: absolute;
    top: 10px;
    right: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  padding: 10px;
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title a {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
  color: #000;
}
.post-content p{
  color: #898d94;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
  color: var(--first-color);
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000000;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
    border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.layout-img img {
  max-height:100%;
  height:300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #dfdcdc;
}
.sidebar-area img{
  height:auto;
  width: auto;
}
.post-content{
  color: #3c3c3c;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-meta.my-3 {
  display: flex;
  justify-content: start;
  border-radius: 4px;
  gap: 50px;
}
.post-meta a{
  color: #000;
}
.more-btn i {
  font-size: 15px;
  margin-left: 10px;
}
.blog-grid-layout .post-meta{
 gap: 20px;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-item h4.post-title {
    word-wrap: break-word;
}

/* ===============================================
   Slider
   ============================================= */

.image-box{
  width: 100%;
  -webkit-mask-image: url(assets/images/vector-mask.png);
  -webkit-mask-position: bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  background-image: linear-gradient(to right, var(--first-color), var(--second-color));
}
.image-box img {
  height: 800px;
  object-fit: cover;
  opacity: 0.6;
}
.image-main-box{
  position: relative;
}
.image-center-box:after {
  content: "";
  background-image: url(assets/images/vector-mask1.png);
  position: absolute;
  right: 15px;
  top: 12px;
  width: 100%;
  z-index: -1;
  height: 788px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.blog_inner_box {
  position: relative;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55%;
  left: 10%;
  text-align: left;
}
.blog_box h3 {
  font-size: 60px;
  margin-top: 30px;
}
.blog_box p {
  font-size: 18px;
}
p.slider-button a {
  background-image: linear-gradient(to right, var(--first-color), var(--second-color));
  padding: 15px 25px;
  color: #fff;
  font-size: 16px;
  border-radius: 30px;
  font-weight: bold;
}
p.slider-button a:hover{
  background: #000;
}
.slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.slider button.owl-prev,.slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
  position: absolute;
}
.slider button.owl-prev i, .slider button.owl-next i,#portfolio button.owl-prev i, #portfolio button.owl-next i {
  padding: 15px;
  border-radius: 50%;
  color: #fff;
  background: #e979ff;
  margin-right: 5px;
}
.slider button.owl-prev i:hover, .slider button.owl-next i:hover{
  background: #fff;
  color: #e979ff;
}
.slider button.owl-prev{
  left: 50px;
}
.slider button.owl-next{
  right: 50px;
}
.layer-box {
  display: flex;
  gap: 50px;
}
.call-info p {
  font-size: 15px;
}
.call-info h6 {
  font-size: 25px;
  font-weight: 600;
}

/* ===============================================
   About Us Section
   ============================================= */


.about-box{
  width: 100%;
  -webkit-mask-image: url(assets/images/about-mask.png);
  -webkit-mask-position: bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
.about-box img {
  height: 550px;
  object-fit: cover;
  width: 100%;
}
.image-main-box{
  position: relative;
}
.about-center-box:after {
  content: "";
  background-image: url(assets/images/about-mask1.png);
  position: absolute;
  right: 25px;
  top: -78px;
  width: 100%;
  z-index: -1;
  height: 550px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#about h6 {
  font-size: 20px;
  background: -webkit-linear-gradient(var(--first-color), var(--second-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#about h3 {
  font-size: 40px;
  font-weight: 700;
}
#about p {
  font-size: 16px;
  line-height: 1.8;
}
#about li {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 15px;
  color: #55585B;
  list-style: none;
}
#about li i{
  color: var(--second-color);
}

/* ===============================================
   Feature Header Image
   ============================================= */

.feature-header{
  position: relative;
  background-image: linear-gradient(to right, var(--first-color), var(--second-color));
}
.feature-header img {
  width: 100%;
  height: 500px !important;
  object-fit: cover;
  opacity: 0.4;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  overflow-wrap: anywhere;
}

/* ===============================================
   Cart & checkout
   ============================================= */

.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
  border: 2px solid transparent;
  width: 50%;
}
.wc-block-cart__submit-container a {
  font-size: 15px;
  font-weight: 600;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
  border: 2px solid #fff;
  background: #000;
  color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dee2e6!important;
  padding: 10px;
  border-radius: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{
  margin-top: 20px;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
  color: #fff !important;
  padding: 10px !important;
  margin-bottom: 5px;
  margin-top:5px ;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
  font-size: 22px !important;
  color: #000 !important;
  text-decoration: none !important;
}
.wc-block-components-order-summary-item__quantity{
  background-image: linear-gradient(90deg, #fb6d21 0%, #eb343b 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  padding-right:0% !important;
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout{
  margin-right: auto !important;
  margin-left: auto !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector,table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.wc-block-components-product-price__value.is-discounted,del.wc-block-components-product-price__regular  {
  color: #000 !important;
}
.wc-block-components-totals-wrapper:after{
  border-color: #000 !important;
}
tbody.wc-block-cart-items{
  border: 1px solid #000;
  border-radius: 30px;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, button.wc-block-cart-item__remove-link{
  font-size: 16px !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
    grid-template-columns: 270px 47px !important;
    padding: 16px 16px !important;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  display: none;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
  border: unset !important;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    text-decoration: none;
}
.wc-block-components-button:not(.is-link) {
  padding: 0px !important;
}
.wc-block-components-sidebar,.wc-block-components-sidebar-layout .wc-block-components-main{
  width: 100% !important;
}
.wc-block-components-sidebar-layout.wc-block-checkout.is-large {
    flex-flow: column;
    flex-direction: column-reverse;
}

/* ===============================================
   Scroll
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
  color:#000;
}
.scroll-up a:hover{
  background: #0d0d0d;
  color:#fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

/*===============================================
   Footer Social Icons
=============================================== */

.copy-text a.social-links {
    margin-left: 14px;
}
.copy-text a.social-links i {
    color: #fff;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent var(--second-color) transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--first-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--first-color);
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.digital-advertising-agency-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.digital-advertising-agency-pagination a span,
.digital-advertising-agency-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.digital-advertising-agency-pagination span.current,
.digital-advertising-agency-pagination span.current:hover,
.digital-advertising-agency-pagination span.current:focus,
.digital-advertising-agency-pagination a span:hover,
.digital-advertising-agency-pagination a span:focus {
	background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #000000;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
  padding: 5px 15px;
  color: #fff;
}
li.wp-block-latest-comments__comment {
  padding-bottom: 0px !important;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
  float: none;
  background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
  color: #000;
}
ol.wp-block-latest-comments{
  padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
  color:var(--second-color);
}
.bread_crumb a{
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px;

}
.bread_crumb span {
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
   padding: 10px;
}
.bread_crumb {
  color: #fff;
  position: absolute;
  width: 100%;
  top: 60%;
}

/* ===============================================
   SIDEBARS
   =============================================== */
.sidebar-area{
  color: #000;
}
.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #f5f6f7;
  border-radius: 10px;
  padding: 0px 10px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height:1.9em;
  font-weight: normal;
  color: #000;
}
footer .sidebar-area a,
footer .sidebar-area p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget {
  color: #fff;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: circle;
  margin: 0;
  padding: 0 0px;
}
footer .sidebar-area ul,footer #calendar_wrap,footer .sidebar-area .textwidget,footer .tagcloud {
  list-style: none;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 25px;
}
.sidebar-area ul li{
  position: relative;
  margin-left: 25px;
  list-style: circle;
}
footer .sidebar-area ul li{
  list-style: none;
  margin-left: 0;
}
.sidebar-area ul li ul.children li,.sidebar-area ul li ul.sub-menu li{
  margin-left: 0;
}
.sidebar-area ul li::marker,.sidebar-area li::marker{
  color: var(--first-color);
}
.sidebar-area h4.title:before, .sidebar-area h1.wp-block-heading:before,  
.sidebar-area h2.wp-block-heading:before,  
.sidebar-area h3.wp-block-heading:before,  
.sidebar-area h4.wp-block-heading:before,  
.sidebar-area h5.wp-block-heading:before,  
.sidebar-area h6.wp-block-heading:before,
.sidebar-area .wp-block-search__label:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 16%;
    bottom: 12px;
    left: 0;
    background-color: var(--first-color);
}
.footer-area h4.title:before, .footer-area h1.wp-block-heading:before,  
.footer-area h2.wp-block-heading:before,  
.footer-area h3.wp-block-heading:before,  
.footer-area h4.wp-block-heading:before,  
.footer-area h5.wp-block-heading:before,  
.footer-area h6.wp-block-heading:before,
.footer-area .wp-block-search__label:before{
  display: none;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
    padding: 20px 0px;
    color: #000;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background-image: linear-gradient(to right, var(--first-color), var(--second-color));
  color: #ffffff;
}
.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background-image: linear-gradient(to right, var(--first-color), var(--second-color));
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  border-radius: 6px;
}
/*footer .sidebar-area .tagcloud a, footer p.wp-block-tag-cloud a{
  background: #000;
}*/
footer .sidebar-area .tagcloud a:hover, footer p.wp-block-tag-cloud a:hover{
  background: #fff;
  color: #000;
}
.sidebar-area .tagcloud a:hover{
  background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width:100%;
  padding: 5px 2%;
  border: solid 1px #000000;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit], .sidebar-area .wp-block-search__button {
	background-image: linear-gradient(to right, var(--first-color) , var(--second-color));
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:var(--second-color);
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #000000;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:auto;
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
h3.post-title{
    position: relative;
}
.sticky h3.post-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 25px;
    font-weight: 900;
    color: #000;
    margin-top: 10px;
    z-index: 9;
    left: -30px;
    position: absolute;
    bottom: -6px;
}
.sticky h3.post-title {
    margin-left: 30px;
}

.copyright{
  background: #000000;
}

/* DARK MODE CSS */
body.dark-mode,body.dark-mode tr:nth-child(2n+2) {
  background-color: #000000 !important;
  color: #f1f1f1 !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,body.dark-mode .sticky h3.post-title::before,
body.dark-mode a ,body.dark-mode p, body.dark-mode li, body.dark-mode blockquote ,body.dark-mode label ,body.dark-mode span,body.dark-mode .post-content,body.dark-mode .main-navigation .dashicons-arrow-down-alt2:before,.header-search i,body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, body.dark-mode .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, body.dark-mode .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input, body.dark-mode .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, body.dark-mode .wc-block-components-quantity-selector, body.dark-mode table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, body.dark-mode .wc-block-components-product-price__value.is-discounted, body.dark-mode del.wc-block-components-product-price__regular,body.dark-mode .woocommerce .woocommerce-ordering select, body.dark-mode .woocommerce form .form-row input.input-text, body.dark-mode .woocommerce form .form-row textarea {
  color: #fff !important;
}

body.dark-mode span.woocommerce-Price-amount.amount{
  color: grey !important;
}

body.dark-mode input, body.dark-mode select, body.dark-mode textarea, body.dark-mode button {
  background-color: #333;
  color: #fff; 
}

body.dark-mode #site-navigation .page_item_has_children ul li a,body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a,body.dark-mode .screen-reader-text:focus,body.dark-mode #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item,h4.product-text a,body.dark-mode .searchform input[type=text],body.dark-mode ul.woocommerce-error li,body.dark-mode .wc-blocks-components-select .wc-blocks-components-select__label,body.dark-mode .main-navigation ul li a{
  color: #000 !important;
}

body.dark-mode input[type="submit"], body.dark-mode button[type="submit"] {
  background-color: var(--first-color);
  color: #fff;
}

body.dark-mode table {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}
body.dark-mode th ,body.dark-mode td {
  background-color: #333 !important; 
  color: #fff !important; 
}
body.dark-mode tr,body.dark-mode .post-box h3.post-title a,body.dark-mode .sticky .post-meta a,body.dark-mode h5.product-text a,body.dark-mode #featured-product p.price,body.dark-mode .card-header a,body.dark-mode .comment-content.card-block p,body.dark-mode .sticky .post-content,body.dark-mode .sticky h3.post-title a,body.dark-mode .sticky .post-meta a,body.dark-mode .comment-content a {
  color: #fff !important; 
}

body.dark-mode pre, body.dark-mode code {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}

body.dark-mode .post-box,body.dark-mode #coming-soon-footer-banner,body.dark-mode div.product .woocommerce-tabs ul.tabs li,
body.dark-mode .pagination a,body.dark-mode .digital-advertising-agency-pagination a span,#featured-product{
  background: #121212 !important;
}

body.dark-mode #wp-calendar th, body.dark-mode #wp-calendar td{
  color: #fff !important;
}

body.dark-mode ul, body.dark-mode ol {
  color: #f1f1f1 !important;
}

body.dark-mode footer {
  background-color: #1f1f1f;
  color: #f1f1f1;
}

body.dark-mode .pagination a {
  color: var(--first-color);
}

body.dark-mode .widget {
  background-color: #1e1e1e;
}

body.dark-mode .widget a {
  color: #f1f1f1;
}

body.dark-mode .sidebar-area .sidebar-widget,body.dark-mode .media-body-wrap.card{
  background: #121212;
}

@media screen and (max-width : 1000px){
  body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a{
    color: #fff !important;
  }
}