/*
Theme Name: Dustless
Theme URI: https://walkerwp.com/dustless-free-wordpress-theme-for-cleaning-services/
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Author: WalkerWP
Author URI: https://walkerwp.com/
Description: Meet Dustless, the definitive WordPress theme crafted specifically for home cleaning businesses. This theme elevates your online presence with full site editing capabilities, ensuring a seamless and intuitive website building experience. Enhance your site's aesthetics and functionality with access to over 20+ ready-to-use patterns from our extensive library, perfect for quick customization and unique designs. With Dustless, create a polished, professional website that effortlessly attracts and engages your clientele. Make a pristine impression with Dustless—where clean design meets peak performance. Explore more about Dustless at https://walkerwp.com/dustless-free-wordpress-theme-for-cleaning-services/
Version: 1.0.4
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: dustless
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
  box-sizing: border-box;
}
.wp-block-template-part {
  margin: 0%;
}
/* Text Decoration */
.dustless-text-decoration-none a {
  text-decoration: none;
}
.dustless-list-style-none li {
  list-style: none;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
/* List Style:None */
.dustless-custom-list-style > li {
  list-style: none;
  display: flex;
  align-items: center;
}
.dustless-custom-list-style > li::before {
  content: url("./assets/images/list.png") !important;
  padding-right: 10px;
}
.wp-block-button :active {
  transform: scale(0.95);
  transition: transform 0.3s ease-in-out;
}
.wp-block-navigation__submenu-container {
  padding: 10px !important;
}
.wp-block-navigation__submenu-container > li {
  padding: 5px 0px !important;
}
div .wp-block-navigation__responsive-container {
  padding: 10px !important;
}
/* Hover Shadow */

/* ------------ Banner -------------- */

.dustless-banner-star-1,
.dustless-banner-star-2,
.dustless-banner-star-3,
.dustless-banner-star-4 {
  position: relative;
}
.dustless-banner-star-1 {
  top: -70vh;
  left: 10vw;
}
.dustless-banner-star-2 {
  top: 20vh;
  left: 30vw;
}
.dustless-banner-star-3 {
  top: -30vh;
  left: 25vw;
  transform: rotate(25deg);
}
.dustless-banner-star-4 {
  top: 10vh;
  left: 5vw;
  transform: rotate(-25deg);
}
.dustless-banner-offset-img-2,
.dustless-banner-offset-img-bubble {
  position: relative;
}
.dustless-banner-offset-img-2 {
  transform: rotate(180deg) translate(-20vw, 50vh);
  z-index: 0;
}
.dustless-banner-offset-img-bubble {
  transform: translate(0, -10vh);
  opacity: 0.5;
  z-index: 2;
}
.dustless-banner-hero-img {
  position: relative;
  z-index: 1;
}
/* ---------- Partners ------------ */
.dustless-partner-img figure > img:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}
/* --------- Project ------------ */
.dustless-project-card:hover > div > div:hover {
  display: none !important;
}
.dustless-project-card-group > div > div:hover {
  background-color: #003974 !important;
  color: var(--wp--preset--color--white) !important;
  filter: drop-shadow(0px 8px 10px rgb(128, 128, 128, 0.5)) !important;
  transform: scale(1.02);
  transition: all 0.3s ease-in-out;
}
.dustless-project-card-group > div > div:hover p {
  color: white !important;
}
.dustless-project-card-group > div > div,
.dustless-projects-column {
  border-radius: 10px;
}
/*---------- Testimonials ------------*/
.dustless-testimonial-offset-card {
  position: relative;
  bottom: 8em;
  width: max-content;
  filter: drop-shadow(0px 8px 10px rgb(128, 128, 128, 0.2)) !important;
}
/* -------------- Gallery ---------------- */
.dustless-gallery-img figure {
  overflow: hidden;
  border-radius: 20px !important;
}
.dustless-gallery-img figure:hover > img {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}
/* ---------- Services ------------- */
.dustless-services-cards > div > div > div {
  filter: drop-shadow(0, 0, 0.75rem, rgba(0, 0, 0, 0.5));
}
.dustless-services-cards > div > div > div:hover {
  background-color: #003974 !important;
  color: var(--wp--preset--color--white) !important;
  filter: drop-shadow(0px 8px 10px rgb(128, 128, 128, 0.5)) !important;
  transform: scale(1.02);
  transition: all 0.3s ease-in-out;
}
.dustless-services-cards figure {
  width: 50% !important;
}
/* ----------- Team -------------- */
.dustless-team-cover-text {
  visibility: hidden;
}
.dustless-team-cover:hover {
  filter: drop-shadow(0px 0px 0.75rem rgba(0, 0, 0, 0.3));
  overflow: hidden;
  transition: filter 0.5s ease-in-out;
}
.dustless-team-cover:hover > img {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}
.dustless-team-cover:hover .dustless-team-cover-text {
  visibility: visible;
  transform: translateY(-20px);
  transition: transform 0.3s ease-in-out;
}
.dustless-team-cover > span {
  opacity: 0 !important;
}
.dustless-team-cover:hover span {
  opacity: 0.2 !important;
  transition: opacity 0.2s ease-in-out;
}
/* ----------- Blog --------------- */
.dustless-blog-feature-img {
  overflow: hidden;
  border-radius: 10px;
}
.dustless-blog-feature-img:hover > a > img {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}
/* ------------ Footer ---------------- */
.dustless-footer-input form input {
  width: 100%;
  border-radius: 20px;
  border: none;
  outline: none;
  padding: 8px 10px;
  height: 40px;
  margin-bottom: 10px;
}
.dustless-footer-input {
  display: flex;
  margin-right: 10px;
}
.dustless-footer-input input[type="submit"] {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.dustless-footer-input input[type="submit"]:hover {
  background-color: var(--wp--preset--color--terniary);
  color: var(--wp--preset--color--secondary);
  transition: all 0.2s ease-in-out;
}

.dustless-footer-categories > li {
  text-decoration: none !important;
  padding: 5px 0px;
}
/* ----------- TEMPLATE ------------ */
/* --SINGLE-- */
.dustless-single-comment-form > h3,
.dustless-single-comment-form > form > * {
  padding: 10px 0px;
}
.dustless-single-comment-form > form input[type="submit"] {
  background-color: var(--wp--preset--color--primary);
}

/* ************************* CORE BLOCK STYLE ********************************** */
.is-style-button-hover-primary:hover > a {
  background: var(--wp--preset--color--primary) !important;
  color: white !important;
}
.is-style-button-hover-secondary:hover > a {
  background: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--terniary) !important;
}
.is-style-button-hover-terniary:hover > a {
  background: var(--wp--preset--color--terniary) !important;
  color: var(--wp--preset--color--secondary) !important;
}
.is-style-link-hover-primary ul > li > a:hover {
  color: var(--wp--preset--color--primary) !important;
}
.is-style-link-hover-secondary ul > li > a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.is-style-link-hover-terniary ul > li > a:hover {
  color: var(--wp--preset--color--terniary) !important;
}
.is-style-title-hover-primary:hover a {
  color: var(--wp--preset--color--primary) !important;
}
.is-style-title-hover-secondary:hover a {
  color: var(--wp--preset--color--secodnary) !important;
}
.is-style-title-hover-terniary:hover a {
  color: var(--wp--preset--color--terniary) !important;
}
/* ********************* Pro Features *********************** */
.dustless-chooseus-icon-group {
  width: max-content !important;
}
.dustless-chooseus-hover-block:hover .dustless-chooseus-icon-group {
  background-color: var(--wp--preset--color--primary) !important;
  transition: all 0.2s ease-in-out;
}
.dustless-list-style-pro > li::before {
  content: url("../images/list-style-pro.png");
  padding-right: 10px;
}
.dustless-list-style-pro > li {
  display: flex;
  align-items: center;
}
.dustless-pricing-group {
  filter: drop-shadow(0px 6px 35px rgb(0, 0, 0, 0.2));
}
.dustless-pricing-group:hover {
  background: var(--wp--preset--color--secondary) !important;
  transition: all 0.2s ease-in-out;
}
.dustless-pricing-group:hover p,
.dustless-pricing-group:hover div {
  color: white !important;
}
.dustless-pricing-group:hover a,
.dustless-pricing-group:hover .wp-block-button div {
  background-color: var(--wp--preset--color--primary) !important;
  transition: all 0.2s ease-in-out;
}
.dustless-contact-form-1 form {
  padding: 0px 30px 0px 0px;
}
.dustless-contact-form-1 form input[type="text"],
.dustless-contact-form-1 form input[type="email"],
.dustless-contact-form-1 form textarea,
.dustless-contact-form-2 form input[type="text"],
.dustless-contact-form-2 form input[type="email"],
.dustless-contact-form-2 form input[type="number"],
.dustless-contact-form-2 form textarea {
  outline: none;
  height: 40px;
  width: 100%;
  padding: 5px;
  font-size: 18px;
  border-radius: 5px;
  background: var(--wp--preset--color--terniary);
  color: var(--wp--preset--color--secondary);
  border: 1px solid rgba(128, 128, 128, 0.5) !important;
  font-family: var(--wp--preset--font-family-public-sans);
}
textarea {
  height: 100px !important;
}
.dustless-contact-form-1 input[type="text"]:hover,
.dustless-contact-form-1 input[type="email"]:hover,
.dustless-contact-form-1 textarea:hover {
  border: 1px solid rgba(128, 128, 128, 1) !important;
}
.dustless-contact-form-1 form input[type="submit"],
.dustless-contact-form-2 form input[type="submit"] {
  background: var(--wp--preset--color--primary);
  padding: 1em;
  font-size: 18px;
  border: none;
  color: white;
}
.dustless-contact-form-1 form input[type="submit"] {
  border-radius: 100px;
  margin-top: 20px;
}
.dustless-contact-form-2 form input[type="submit"] {
  width: 100%;
  margin-top: 50px;
  border-radius: 0px;
}
.dustless-contact-form-bg {
  margin: 20px !important;
  box-shadow: 0px 0px 5px rgb(128, 128, 128, 0.2);
  border-radius: 10px;
}
.dustless-contact-form-1 form input[type="submit"]:hover,
.dustless-contact-form-2 form input[type="submit"]:hover {
  box-shadow: 0px 0px 5px rgb(128, 128, 128, 0.5) !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dustless-pro-testimonial-group {
  filter: drop-shadow(0px 0px 6px rgb(0, 0, 0, 0.1));
}
.dustless-pro-testimonial-group:hover {
  filter: drop-shadow(0px 0px 6px rgb(0, 0, 0, 0.5));
  transition: filter 0.2s ease-in-out;
}
.dustless-blog-group > figure:hover {
  overflow: hidden;
}
.dustless-blog-group > figure:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.dustless-blog-group > div {
  box-shadow: 0 3px 4px rgb(0, 0, 0, 0.1);
  border-radius: 0 0 10px 10px;
}
.dustless-blog-group:hover > div .wp-block-read-more {
  margin: 0%;
  color: var(--wp--preset--color--white) !important;
  background: var(--wp--preset--color--primary);
  transform: translateX(100%);
  max-width: 378px;
  transition: all 0.2s ease-in-out;
}
.dustless-blog-group:hover > div .dustless-blog-group-seperator {
  visibility: hidden;
}
.dustless-blog-group:hover .dustless-blog-btn-group {
  background: var(--wp--preset--color--primary);
  transition: all 0.2s ease-in-out;
}
.dustless-faq-border-radius {
  border-radius: 10px;
}
.dustless-about-cover:hover {
  overflow: hidden;
}
.dustless-about-cover:hover > img {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}
.dustless-cta-btn > .wp-block-button a {
  background-color: var(--wp--preset--color--terniary);
  color: var(--wp--preset--color--secondary);
}
