/*
Theme Name: Agency Sphere
Theme URI: https://themegrove.com/products/agency-sphere/
Author: Themegrove
Author URI: https://themegrove.com/
Description: Agency Sphere is a modern Full Site Editing WordPress theme designed for businesses, agencies, startups, consultants, and professional service providers looking to build a strong online presence. It features flexible layouts, customizable sections, and clean, modern typography to showcase services, team members, portfolios, pricing plans, client testimonials, and business achievements with ease. Seamlessly integrated with WooCommerce, WPML, and Contact Form 7, it supports online sales, multilingual websites, and effortless customer communication. Built with SEO optimization, responsive design, and performance in mind, Agency Sphere helps you create a fast, professional, and conversion-focused website that effectively promotes your business, services, and brand. Demo: https://demos.themegrove.com/agency-sphere/
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: agency-sphere
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%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
a.wp-block-post-excerpt__more-link:hover {
  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--white) !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;
}

.wp-block-image img {
  vertical-align: middle;
}

footer.wp-block-template-part {
  margin: 0;
}

#sticky-header {
  z-index: 999 !important;
}

.home .is-sticky div#sticky-header {
  background-color: #040d16 !important;
}

/* -------------- 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);
  text-decoration: none;
}

.page-numbers:hover {
  color: var(--wp--preset--color--white);
}

.page-numbers.dots {
  background-color: transparent;
}

.wp-block-query-pagination {
  gap: 10px;
}

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

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

.woocommerce-tabs.wc-tabs-wrapper h2 {
  font-size: 26px;
}

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

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

@media (min-width: 781px) {
  /* All navigation links */
  .wp-block-navigation a {
    color: #d6d6d6;
    font-weight: 500;
    position: relative;
    padding-bottom: 3px;
    transition: color 0.25s ease;
  }

  /* Underline */
  .wp-block-navigation a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: var(--wp--preset--color--white);
    border-radius: 2px;
    transition: width 0.3s ease;
  }

  /* Hover */
  .wp-block-navigation a:hover {
    color: var(--wp--preset--color--white);
  }

  .wp-block-navigation a:hover::after {
    width: 100%;
  }

  /* Active item — top-level AND submenu */
  .wp-block-navigation-item.current-menu-item > a {
    color: var(--wp--preset--color--white);
  }

  .wp-block-navigation-item.current-menu-item > a::after {
    width: 100%;
  }

  /* Dropdown animation */
  .wp-block-navigation__submenu-container {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: all 0.25s ease;
    background: #111;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  }

  .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* Submenu link color */

  .wp-block-navigation__submenu-container {
    background: #111 !important;
  }

  .wp-block-navigation__submenu-container a {
    color: #cccccc !important;
  }
  .wp-block-navigation__submenu-container a:hover {
    color: var(--wp--preset--color--primary);
    background: rgba(0, 212, 255, 0.08);
  }
}

/* Mobile Navigation */

@media (max-width: 780px) {
  /* Disable animations */
  .wp-block-navigation * {
    transition: none !important;
  }

  .wp-block-navigation__responsive-container {
    background: #000;
    padding: 20px;
  }

  /* Mobile link color */
  .wp-block-navigation a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
    color: #000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .wp-block-navigation a:hover {
    color: var(--wp--preset--color--primary);
  }

  /* Submenu */
  .wp-block-navigation__submenu-container {
    padding-left: 15px;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    margin-top: 8px;
  }

  .wp-block-navigation__submenu-container a {
    font-size: 16px;
    padding: 8px 0;
    border: none;
    color: #cccccc;
  }

  /* Hamburger buttons style */
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    padding: 6px;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 600;
  }
  .wp-block-navigation__responsive-container-close {
    color: #000 !important;
  }
}

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

.page-template-full-width .entry-content {
  margin-top: 0;
}

/* scroll to top */

.agency-sphere-scroll-top {
  display: none;
}

.agency-sphere-scroll-top::before {
  font-size: 17px;
  padding: 8px 13px;
  cursor: pointer;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  content: "\f062";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: fixed;
  bottom: 50px;
  right: 30px;
  border-radius: 6px;
}

@media screen and (max-width: 600px) {
  .agency-sphere-scroll-top::before {
    font-size: 26px;
    padding: 8px 13px;
    cursor: pointer;
    background: transparent;
    color: var(--wp--preset--color--secondary-bg);
    content: "\f062";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: fixed;
    bottom: 8px;
    right: 15px;
  }
}

/* scroll 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 {
  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 {
  padding-left: 10px;
}

.wp-block-tag-cloud a.tag-cloud-link {
  font-size: 16px !important;
}

.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--primary);
  margin: 0 5px 5px 0;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

.products-block-post-template li {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

p.agency-sphere-scroll-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;
}

a.wp-block-post-excerpt__more-link {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  font-size: 12px;
  padding: 8px 20px;
  border-radius: 6px;
  position: relative;
}

/* 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.1s ease;
}

a.wp-block-post-author-name__link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

/* blog page style */

/* footer style */

footer a {
  text-decoration: none;
}

/* footer style */

/* additional css */

.wp-block-navigation__submenu-container {
  padding: 10px 18px !important;
}

.wp-block-navigation__submenu-container li {
  padding-bottom: 4px !important;
}

.wp-block-navigation__submenu-container li:last-of-type {
  padding-bottom: 0px !important;
}

.agency-sphere-has-no-underline a {
  text-decoration: none !important;
}

/* responsive style */

@media (max-width: 768px) {
  .agency-sphere-r-cover {
    min-height: 300px !important;
  }
  .agency-sphere-hero-img {
    min-height: 380px !important;
  }
  .agency-sphere-no-mob {
    display: none !important;
  }
  .wp-block-site-logo img {
    width: 200px !important;
  }
}

/* Agency Sphere css */

.contact-form label,
.contact-form span {
  display: block;
  width: 100%;
}

.contact-form label {
  color: #fff;
  margin-top: 12px;
}

.contact-form form.wpcf7-form input {
  border: none;
  height: 45px;
  width: 100%;
  background: #26342d;
  border-radius: 5px;
  margin-top: 6px;
  padding: 5px;
  border: 1px solid #545454;
}

.contact-form textarea.wpcf7-form-control.wpcf7-textarea {
  border: 1px solid #545454;
  max-height: 100px;
  width: 98%;
  border-radius: 5px;
  padding: 10px;
  background: #26342d;
}

.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: var(--wp--preset--color--secondary);
  padding: 12px 30px;
  color: #fff;
  border-radius: 10px;
  border: none;
  width: fit-content;
  line-height: 1.5;
  cursor: pointer;
}

.wpcf7-spinner {
  display: none !important;
}

.wpcf7-response-output {
  color: #fff !important;
}

.comment-form .form-submit.wp-block-button {
  margin-top: 20px;
}

.single-product .wp-site-blocks > .wp-block-group.woocommerce.product {
  margin-top: 0px !important;
}

.hero-image {
  position: relative;
  overflow: hidden;
  background: transparent;
}

.hero-image .wp-block-cover__image-background {
  width: 88% !important;
  height: 88% !important;
  top: 6% !important;
  left: 6% !important;
  object-fit: cover;
  border-radius: 52% 48% 55% 45% / 45% 52% 48% 55%;
  border: 6px solid #fff;
  transform: rotate(-3deg);
}

.agency-sphere-has-border-bottom {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}

.agency-sphere-has-border-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 3px;
  background: var(--wp--preset--color--primary);
}