/*

Theme Name: DigitalTech

Theme URI: https://themegrove.com/products/digitalgrove/

Author: Themegrove

Author URI: https://themegrove.com/

Description: DigitalTech is a powerful child theme of DigitalGrove, designed for businesses, consulting firms, and SEO agencies seeking a high-performance, full-site editing (FSE) solution. Built for flexibility and ease of use, DigitalTech seamlessly integrates with Gutenberg and WooCommerce, enabling effortless customization and eCommerce functionality. With its block-based design, superior SEO optimization, and compatibility with Contact Form 7, this theme empowers you to showcase your services, connect with clients, and grow your online presence with ease. Elevate your digital strategy with DigitalTech—where innovation meets performance. Demo: https://demos.themegrove.com/digitaltech/

Template: digitalgrove

Requires at least: 6.0

Tested up to: 6.7

Requires PHP: 7.0

Version: 1.2

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain: digitaltech

Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news

*/



html {

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

}





body {

  margin: 0;

}





main {

  display: block;

}



hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}



.page-template-full-width .entry-content {

  margin-top: 0;

}



pre {

  font-family: monospace, monospace;

  font-size: 1em;

}



abbr[title] {

  border-bottom: none;

  text-decoration: underline;

  text-decoration: underline dotted;

}



b,

strong {

  font-weight: bolder;

}



code,

kbd,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}





img {

  border-style: none;

}





button,

input,

optgroup,

select,

textarea {

  font-family: inherit;

  font-size: 100%;

  line-height: 1.15;

  margin: 0;

}





button,

input {

  overflow: visible;

}





button,

select {

  text-transform: none;

}



.wp-element-button,

.wp-block-button__link,

a.wp-block-post-excerpt__more-link {

  transition: all 0.3s;

}



body .wp-element-button:hover,

body .wp-block-button__link:hover,

p.digitaltech-scrool-top:hover:before {

  background-color: var(--wp--preset--color--button-hover-color) !important;

  border-color: var(--wp--preset--color--button-hover-color) !important;

  color: var(--wp--preset--color--button-hover-text-color) !important;

}





button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



fieldset {

  padding: 0.35em 0.75em 0.625em;

}



legend {

  box-sizing: border-box;

  color: inherit;

  display: table;

  max-width: 100%;

  padding: 0;

  white-space: normal;

}



progress {

  vertical-align: baseline;

}





textarea {

  overflow: auto;

}





[type="checkbox"],

[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}





[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}





[type="search"] {

  -webkit-appearance: textfield;

  outline-offset: -2px;

}



[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}





::-webkit-file-upload-button {

  -webkit-appearance: button;

  font: inherit;

}





details {

  display: block;

}





summary {

  display: list-item;

}





template {

  display: none;

}





[hidden] {

  display: none;

}



footer.wp-block-template-part {

  margin: 0;

}



.orderby {

  padding: 15px;

}



div#sticky-header {

  z-index: 9 !important;

  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;

}



/* -------------- pagination start----------------*/



.page-numbers {

  background: var(--wp--preset--color--primary);

  margin: 0 5px 5px 0;

  padding: 6px 13px;

  border-radius: 6px;

  font-size: 12px;

  display: inline-block;

  color: var(--wp--preset--color--white) !important;

}



.page-numbers:hover {

  color: var(--wp--preset--color--white) !important;

}



.page-numbers.dots {

  background-color: transparent;

}



.wp-block-query-pagination {

  gap: 10px;

}



/* -------------- pagination End----------------*/



/* -------------- woocommerce-breadcrumb ----------------*/



.woocommerce .woocommerce-breadcrumb,

.woocommerce .woocommerce-breadcrumb a {

  color: var(--wp--preset--color--white) !important;

}



/* -------------- woocommerce-breadcrumb end----------------*/



/* -------------- header navigation ----------------*/

.wp-block-navigation-item__content {

  padding-bottom: 3px;

  text-decoration: none;

  position: relative;

  overflow: hidden;

}



.wp-block-navigation-item__content::before {

  margin-top: 0px;

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 100%;

  height: 2px;

  background: var(--wp--preset--color--primary);

  transition: right 0.3s;

  text-decoration: none;

}





.wp-block-navigation-item__content:hover::before {

  right: 0;

}



.wp-block-navigation-submenu li a:hover::before {

  right: 50%;

}



/* -------------- header navigation  ----------------*/





/* scrool to top */

.digitaltech-scrool-top {

  display: none;

  z-index: 999;

}



.digitaltech-scrool-top::before {

  font-size: 17px;

  padding: 8px 13px;

  cursor: pointer;

  background: var(--wp--preset--color--button-hover-color);

  color: var(--wp--preset--color--white);

  content: '\f062';

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  position: fixed;

  bottom: 50px;

  right: 30px;

}



@media screen and (max-width: 600px) {

  .digitaltech-scrool-top::before {

    font-size: 26px;

    padding: 8px 13px;

    cursor: pointer;

    background: transparent;

    color: var(--wp--preset--color--primary);

    content: '\f062';

    font-family: "Font Awesome 5 Free";

    font-weight: 600;

    position: fixed;

    bottom: 8px;

    right: 15px;

  }

}





/* scrool to top */



/* dashicon before categories, tag and date start */



.wp-block-archives-list.wp-block-archives li::before,

.wp-block-categories-list.wp-block-categories li::before,

.taxonomy-category a::before {

  font-family: "Font Awesome 5 Free";

  content: "\f054";

  margin-right: 8px;

  font-weight: 600;

  font-size: 14px;

}



.wp-block-archives-list.wp-block-archives li,

.wp-block-categories-list.wp-block-categories li {

  list-style-type: none;

}



.wp-block-archives-list.wp-block-archives,

.wp-block-categories-list.wp-block-categories,

.taxonomy-category a {

  padding-left: 10px;

}



.wp-block-tag-cloud a.tag-cloud-link {

  font-size: 16px !important;

}



.wp-block-tag-cloud a.tag-cloud-link:hover {

  color: var(--wp--preset--color--white);

}



.tag-cloud-link::before,

.taxonomy-post_tag a:before {

  font-family: "Font Awesome 5 Free";

  content: '\f02b';

  font-weight: 600;

  margin-right: 8px;

}



.tag-cloud-link,

.taxonomy-post_tag a {

  text-decoration: none;

  background: var(--wp--preset--color--white) !important;

  margin: 0 5px 5px 0;

  padding: 0 10px;

  border-radius: 6px;

  font-size: 12px;

  display: inline-block;

  color: var(--wp--preset--color--black) !important;

  text-decoration: none;

}



.products-block-post-template li {

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}



p.digitaltech-scrool-top {

  position: absolute;

}



.column-has-radius {

  border-radius: 8px;

}



.has-bg-image {

  background: #fff;

  border-radius: 100px;

  height: 100px;

  width: 100px;

  padding: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}



footer .has-arrow ul {

  padding: 0;

}



footer .has-arrow ul li:before {

  content: "\f345";

  font-family: 'dashicons';

  position: absolute;

  left: 0;

  top: 2px;

  font-size: 12px;

}



footer .has-arrow ul li {

  list-style: none;

  padding-left: 15px;

  position: relative;

}



.wp-block-post-excerpt a.wp-block-post-excerpt__more-link {

  background-color: transparent;

  color: var(--wp--preset--color--primary) !important;

  padding: unset;

}



.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:hover {

  color: var(--wp--preset--color--primary) !important;

}



.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:hover {

  color: var(--wp--preset--color--primary);

  background-color: unset !important;

}



.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale {

  background: #cf0000;

  border: none;

  color: #fff;

  font-size: 12px;

}





@media (max-width: 720px) {



  .no-border-mobile,

  .no-border-mobile .wp-block-column {

    border: none !important;

  }

}



/* blog page style */



.wp-block-post-author__name::before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f007";

  padding-right: 8px;

}



.wp-block-post-date time::before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f073";

  padding-right: 8px;

}



.wp-block-read-more-is-layout-flow::after {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f061";

  padding-left: 8px;

}



.wp-block-read-more-is-layout-flow:hover::after {

  padding-left: 10px;

  transition: color 0.10s ease;

}



a.wp-block-post-author-name__link:before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f007";

  padding-right: 8px;

}



.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:after {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f061";

  padding-left: 8px;

}



.wp-block-button.is-style-outline a:hover {

  color: var(--wp--preset--color--link-color);

}





.wp-block-post-excerpt a.wp-block-post-excerpt__more-link {

  font-size: 16px;

}



.wp-block-post-comments-form input[type=submit] {

  border: none;

}



.wp-block-navigation__submenu-container.wp-block-navigation-submenu{

  padding: 0;

}



.wc-block-components-button__text{

  color: var(--wp--preset--color--white) !important;

}



header .wp-block-navigation-submenu {

    padding-top: 8px !important;

    padding-bottom: 8px !important;

}



.single-product .single_add_to_cart_button {

  color: var(--wp--preset--color--white);

}
/* ===== BRAND COLOR OVERRIDES ===== */

/* Brand Color Variables */
:root {
  --wp--preset--color--primary: #F4B400 !important;
  --wp--preset--color--secondary: #555555 !important;
  --wp--preset--color--tertiary: #CCCCCC !important;
  --wp--preset--color--button-hover-color: #e6a200 !important;
  --wp--preset--color--button-hover-text-color: #000000 !important;
  --wp--preset--color--button-text-color: #000000 !important;
}

/* Button Colors - Primary */
.wp-element-button,
.wp-block-button__link,
.wp-block-button .wp-block-button__link {
  background-color: #F4B400 !important;
  color: #000000 !important;
  border-color: #F4B400 !important;
}

/* Button Hover States */
body .wp-element-button:hover,
body .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover {
  background-color: #e6a200 !important;
  color: #000000 !important;
  border-color: #e6a200 !important;
}

/* Outline Button Variant */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: #F4B400 !important;
  border: 2px solid #F4B400 !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: #F4B400 !important;
  color: #000000 !important;
  border-color: #F4B400 !important;
}

/* Navigation Underline Effect */
.wp-block-navigation-item__content::before {
  background: #F4B400 !important;
}

/* Pagination Colors */
.page-numbers {
  background: #F4B400 !important;
  color: #000000 !important;
}

.page-numbers:hover {
  background: #e6a200 !important;
  color: #000000 !important;
}

/* Tag Colors */
.tag-cloud-link,
.taxonomy-post_tag a {
  background: #F4B400 !important;
  color: #000000 !important;
}

.tag-cloud-link:hover,
.taxonomy-post_tag a:hover {
  background: #e6a200 !important;
  color: #000000 !important;
}

/* Icon Colors */
.wp-block-post-author__name::before,
.wp-block-post-date time::before,
.wp-block-read-more-is-layout-flow::after,
a.wp-block-post-author-name__link:before,
.wp-block-archives-list.wp-block-archives li::before,
.wp-block-categories-list.wp-block-categories li::before,
.taxonomy-category a::before,
footer .has-arrow ul li:before {
  color: #F4B400 !important;
}

/* Links */
a {
  color: #555555;
}

a:hover {
  color: #F4B400 !important;
}

/* Form Elements Focus */
input:focus,
textarea:focus,
select:focus {
  border-color: #F4B400 !important;
  outline: none;
  box-shadow: 0 0 5px rgba(244, 180, 0, 0.3);
}

/* Scroll to Top Button */
.digitaltech-scrool-top::before {
  background: #555555 !important;
}

.digitaltech-scrool-top:hover::before {
  background: #F4B400 !important;
  color: #000000 !important;
}

/* WooCommerce Sale Badge */
.wc-block-components-product-sale-badge {
  background: #F4B400 !important;
  color: #000000 !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

/* Secondary Text */
p, .wp-block-paragraph {
  color: #555555;
}
/* ===== SERVICE ICONS STYLING ===== */

/* Service Icon Container */
.service-with-icon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2rem;
}

.service-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #F4B400, #CCCCCC);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}

.service-icon:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(244, 180, 0, 0.3);
}

.service-icon i {
  font-size: 24px;
  color: #000000;
}

/* Service Cards Layout */
.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin: 2rem 0;
}

.service-card {
  background: #FFFFFF;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border: 1px solid rgba(244, 180, 0, 0.1);
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(244, 180, 0, 0.2);
}

.service-card .service-icon {
  margin-bottom: 1.5rem;
}

.service-card h3 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #000000;
}

.service-card p {
  color: #555555;
  line-height: 1.6;
}

/* Individual Service Icon Styles */
.icon-server i:before { content: "\f233"; } /* Server icon */
.icon-cloud i:before { content: "\f0c2"; } /* Cloud icon */
.icon-design i:before { content: "\f53f"; } /* Design icon */
.icon-consulting i:before { content: "\f0eb"; } /* Lightbulb icon */
.icon-backup i:before { content: "\f023"; } /* Lock/Security icon */
.icon-management i:before { content: "\f109"; } /* Desktop icon */

/* Responsive Design */
@media (max-width: 768px) {
  .services-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  .service-icon {
    width: 50px;
    height: 50px;
  }
  
  .service-icon i {
    font-size: 20px;
  }
}
/* ===== FORCE READ MORE BUTTON TEXT TO BE BLACK ===== */

/* Target the read more link specifically */
.wp-block-post-excerpt .wp-block-post-excerpt__more-link,
.wp-block-post-excerpt a.wp-block-post-excerpt__more-link,
article .wp-block-post-excerpt__more-link {
  background-color: #F4B400 !important;
  color: #000000 !important;
  border: 1px solid #F4B400 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

/* Force text color on hover too */
.wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover,
.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:hover,
article .wp-block-post-excerpt__more-link:hover {
  background-color: #e6a200 !important;
  color: #000000 !important;
  border-color: #e6a200 !important;
}

/* Target the arrow specifically */
.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:after {
  color: #000000 !important;
}

/* Extra specific targeting for stubborn themes */
body .wp-block-post-excerpt__more-link {
  color: #000000 !important;
}

body .wp-block-post-excerpt__more-link:hover {
  color: #000000 !important;
}
/* ===== STATS SECTION STYLING ===== */

.stats-section {
  background: linear-gradient(135deg, #555555 0%, #CCCCCC 100%);
  padding: 4rem 2rem;
  color: #FFFFFF;
}

.stats-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  align-items: center;
}

.stat-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  padding: 1rem;
  transition: all 0.3s ease;
}

.stat-item:hover {
  transform: translateY(-5px);
}

.stat-icon {
  font-size: 2rem;
  min-width: 50px;
  height: 50px;
  background: #F4B400;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-weight: bold;
}

.stat-text {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.3;
}

/* Alternative layout - horizontal on larger screens */
@media (min-width: 768px) {
  .stats-container {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
  
  .stat-item {
    flex-direction: column;
    text-align: center;
  }
  
  .stat-icon {
    margin-bottom: 0.5rem;
  }
}

/* Mobile responsive */
@media (max-width: 767px) {
  .stats-section {
    padding: 3rem 1rem;
  }
  
  .stat-item {
    flex-direction: row;
    text-align: left;
    justify-content: flex-start;
  }
  
  .stat-text {
    font-size: 1rem;
  }
}