/*
Theme Name: Diamond Greens Block
Theme URI: https://diamondgreenslawncare.com/
Author: Diamond Greens Lawn Care
Description: Bare bones block-friendly WordPress theme for Diamond Greens Lawn Care.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: diamond-greens-block
*/

:root {
  --dg-dark: #03240d;
  --dg-deep: #011807;
  --dg-green: #8dc63f;
  --dg-green-dark: #095a22;
  --dg-blue: #37c8ff;
  --dg-light: #f3f8ed;
  --dg-white: #ffffff;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: #111;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

a {
  color: var(--dg-green-dark);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

a:hover {
  color: var(--dg-blue);
}
h1, h2{
	color:var(--dg-green-dark);
}
.wp-site-blocks {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}
#breadcrumbs{
	padding-left:1em;
}

/* WordPress alignment classes */

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin: 0 24px 18px 0;
}

.alignright {
  float: right;
  margin: 0 0 18px 24px;
}

/* Right-side vine on all pages except home */

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

.site-header {
  background: var(--dg-deep);
  color: #fff;
	z-index:999;
}

.site-header-inner {
  width: min(1180px, 92%);
  margin: 0 auto;
  padding: 18px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
}

.site-branding {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}

.site-branding img,
.custom-logo {
  max-height: 105px;
  width: auto;
  display: block;
}

.site-branding-text {
  display: block;
}

.site-title {
  margin: 0;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.site-title a {
  color: #fff;
  text-decoration: none;
}

.site-description {
  margin: 8px 0 0;
  color: var(--dg-green);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-weight: 900;
}

.header-phone {
  display: inline-block;
  background: var(--dg-green);
  color: #061a08;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  transition: .25s ease;
  white-space: nowrap;
  border:2px solid var(--dg-blue);
}

.header-phone:hover {
  color: #061a08;
  box-shadow: 0 0 18px rgba(55, 200, 255, .75);
}

/* =========================
   HEADER MENU
========================= */

.menuback {
  background: var(--dg-deep);
  border-top: 1px solid rgba(55, 200, 255, 0.18);
  border-bottom: 1px solid rgba(55, 200, 255, 0.18);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20);
  position: relative;
  z-index: 1000;
}

/* Mobile MENU button */
#opens {
  display: block;
  text-align: center;
  padding: 16px 20px;
  cursor: pointer;
  background: var(--dg-deep);
}

.menutoggle {
  display: inline-block;
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  vertical-align: top;
  text-shadow:
    0 0 7px rgba(55, 200, 255, 0.85),
    0 0 16px rgba(55, 200, 255, 0.55),
    0 0 26px rgba(55, 200, 255, 0.30);
}

#opens i {
  color: var(--dg-blue);
  font-size: 30px;
  line-height: 1;
  text-shadow:
    0 0 7px rgba(55, 200, 255, 0.85),
    0 0 16px rgba(55, 200, 255, 0.55),
    0 0 26px rgba(55, 200, 255, 0.30);
}

#showit.mobimenu {
  display: none;
}

body.dg-menu-open {
  overflow: hidden;
}

/* Wrapper */
.menu-navigation-container {
  width: min(620px, 90%);
  margin-left: auto;
  margin-right: auto;
}

/* Reset */
.navm,
.navm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navm {
  display: block;
  padding: 20px 0;
}

.navm li {
  position: relative;
  margin: 0;
  padding: 0;
}

/* Base menu links */
.navm a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #ffffff;
  background: transparent;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.055em;
  text-decoration: none;
  white-space: nowrap;
  padding: 18px 54px 18px 0;
  border-bottom: 1px solid rgba(55, 200, 255, 0.16);
  box-shadow: none;
  transition:
    color 0.25s ease,
    text-shadow 0.25s ease,
    transform 0.25s ease;
}

.navm > li > a:hover,
.navm > li:hover > a,
.navm > .current-menu-item > a,
.navm > .current-menu-ancestor > a {
  color: #ffffff;
  background: transparent;
  box-shadow: none;
  text-shadow:
    0 0 7px rgba(55, 200, 255, 0.85),
    0 0 16px rgba(55, 200, 255, 0.55),
    0 0 26px rgba(55, 200, 255, 0.30);
  transform: translateY(-1px);
}

/* Hide duplicate desktop FA arrows */
.desk-menu-toggle {
  display: none;
}

/* Hide mobile toggles by default unless parent item */
.mobi-menu-toggle {
  display: none;
}

/* Mobile submenu thumb/arrow */
.navm .menu-item-has-children > .mobi-menu-toggle {
  display: block;
  position: absolute;
  right: 0;
  top: 13px;
  width: 48px;
  height: 48px;
  color: var(--dg-blue);
  font-size: 38px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  z-index: 5;
  text-shadow: 0 0 8px rgba(55, 200, 255, .55);
}

.navm .menu-item-has-children > .mobi-menu-toggle i {
  pointer-events: none;
}

.navm .menu-item-has-children > .mobi-menu-toggleup {
  transform: rotate(180deg);
}

/* Dropdowns stay light green */
.navm .sub-menu {
  display: none;
  margin: 10px 0 18px 0;
  padding: 12px;
  background: #e7f6da;
  border: 1px solid rgba(55, 200, 255, 0.35);
  border-radius: 18px;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 0 18px rgba(55, 200, 255, 0.18);
}

.navm .sub-menu a {
  color: var(--dg-dark);
  background: transparent;
  border-radius: 12px;
  border-bottom: none;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 850;
  text-transform: none;
  letter-spacing: 0.01em;
  padding: 14px 12px;
  text-shadow: none;
  white-space: nowrap;
}

.navm .sub-menu a:hover,
.navm .sub-menu li:hover > a {
  color: var(--dg-dark);
  background: rgba(55, 200, 255, 0.16);
  text-shadow: none;
  box-shadow:
    inset 0 0 0 1px rgba(55, 200, 255, 0.38),
    0 0 12px rgba(55, 200, 255, 0.25);
  transform: none;
}

/* Close button */
#closes {
  color: #ffffff;
  text-align: center;
  padding: 18px;
  cursor: pointer;
}

#closes i {
  color: var(--dg-blue);
  font-size: 38px;
  text-shadow:
    0 0 7px rgba(55, 200, 255, 0.85),
    0 0 16px rgba(55, 200, 255, 0.50);
}
.pageTitle{
	text-align:right;
	border-bottom:1px solid #395216;
	margin:0;
	margin-top:10px;
	padding-right:2em;
	width:80%;
	box-shadow: 0 0 7px rgba(55, 200, 255, 0.85);
}
.grass{
	background:url("https://diamondgreenslawncare.com/wp-content/uploads/2026/06/grassbackground.webp") repeat-x;
	height:100px;
}
/* Mobile full-screen menu */
#showit.mobimenu {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: var(--dg-deep);
    z-index: 9999;
    padding: 90px 0 34px;
  }

  body.dg-menu-open {
    overflow: hidden;
  }

  /* Close X */
  #closes {
    display: block;
    position: fixed;
    top: 50px;
    right: 22px;
    width: 54px;
    height: 54px;
    padding: 0;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    z-index: 10000;
  }

  #closes i {
    display: none;
  }

  #closes::before {
    content: "×";
    color: var(--dg-blue);
    font-size: 80px;
    font-weight: 300;
    line-height: 54px;
    text-shadow:
      0 0 7px rgba(55, 200, 255, 0.85),
      0 0 16px rgba(55, 200, 255, 0.55),
      0 0 26px rgba(55, 200, 255, 0.30);
  }

  /* Submenu toggle arrow */
  .navm .menu-item-has-children > .mobi-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 13px;
    width: 52px;
    height: 52px;
    cursor: pointer;
    z-index: 5;
  }

  .navm .menu-item-has-children > .mobi-menu-toggle i {
    display: none;
  }

  .navm .menu-item-has-children > .mobi-menu-toggle::before {
    content: "▾";
    color: var(--dg-blue);
    font-size: 42px;
    line-height: 1;
    text-shadow:
      0 0 7px rgba(55, 200, 255, 0.85),
      0 0 16px rgba(55, 200, 255, 0.55),
      0 0 26px rgba(55, 200, 255, 0.30);
  }

  .navm .menu-item-has-children > .mobi-menu-toggleup::before {
    content: "▴";
  }
	.columnreverse{
    flex-direction: column-reverse;
}



/* =========================
   CONTENT
========================= */

.site-main {
  width: min(1180px, 92%);
  margin: 0 auto;
  padding: 0;
}

.wp-block-group {
  position: relative;
}

.wp-block-button__link {
  border-radius: 8px;
  font-weight: 900;
  text-transform: uppercase;
  transition: .25s ease;
}

.wp-block-button__link:hover {
  box-shadow: 0 0 18px rgba(55, 200, 255, .65);
  transform: translateY(-1px);
}

.dg-blue-hover {
  transition: .25s ease;
}

.dg-blue-hover:hover {
  box-shadow: 0 0 22px rgba(55, 200, 255, .65);
  border-color: var(--dg-blue) !important;
}

/* =========================
   HOMEPAGE HERO BLOCKS
========================= */

.heroarea {
  background: var(--dg-deep);
  margin:0;
}

.heroimage,
figure.heroimage,
.wp-block-image.heroimage {
  position: relative;
  margin: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}

.heroimage::after,
figure.heroimage::after,
.wp-block-image.heroimage::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: var(--dg-blue);
  box-shadow: 0 0 18px rgba(55, 200, 255, 0.65);
  z-index: 3;
  pointer-events: none;
}

.heroimage img,
.wp-block-image.heroimage img {
  display: block;
  width: 100%;
  height: auto;
}

.herocaption {
  width: 100%;
  margin: 0 !important;
  margin-block-start: 0 !important;
  position: relative;
  z-index: 1;
  transform: none;
  padding: 0;
  background: var(--dg-deep);
}

.herocaption > .wp-block-column:first-child {
  background: var(--dg-deep);
  border-left: none;
  padding: 38px 28px 48px;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.herocaption > .wp-block-column:nth-child(2) {
  display: none;
}

.herolawn,
.diamondresults,
.reliableservice {
  margin: 0;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
}

.herolawn {
  color: #ffffff;
  font-size: clamp(38px, 11vw, 58px);
  line-height: .95;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}

.diamondresults {
  color: var(--dg-green);
  font-size: clamp(38px, 11vw, 58px);
  line-height: .95;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  margin-bottom: 24px;
}

.reliableservice {
  color: #ffffff;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 700;
  margin-bottom: 34px;
}

.herocaption .wp-block-buttons {
  margin-top: 0;
  gap: 18px;
}

.freequotebutton .wp-block-button__link,
.freequotebutton.wp-block-button__link {
  background: var(--dg-green) !important;
  color: #061a08 !important;
  border: 2px solid var(--dg-green) !important;
  border-radius: 8px;
  padding: 17px 26px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  transition: .25s ease;
  width: 100%;
  text-align: center;
}

.viewservicesbutton .wp-block-button__link,
.viewservicesbutton.wp-block-button__link {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 8px;
  padding: 17px 26px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  transition: .25s ease;
  width: 100%;
  text-align: center;
}

.freequotebutton .wp-block-button__link:hover,
.freequotebutton.wp-block-button__link:hover,
.viewservicesbutton .wp-block-button__link:hover,
.viewservicesbutton.wp-block-button__link:hover {
  box-shadow: 0 0 18px rgba(55, 200, 255, .75);
  transform: translateY(-2px);
}

.viewservicesbutton .wp-block-button__link:hover,
.viewservicesbutton.wp-block-button__link:hover {
  border-color: var(--dg-blue) !important;
  color: var(--dg-blue) !important;
}
/* Homepage Landscaping Section */
.home .landscapingsection {
  background: var(--dg-deep);
  color: #fff;
  padding: 55px 0;
	margin-bottom:0;
}

.home .landscapinginner {
  width: min(1180px, 92%);
  margin: 0 auto;
  align-items: center;
  gap: 40px;
}

.home .landscapingsection h2 {
  color: var(--dg-green);
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.05;
  margin: 0 0 20px;
}

.home .landscapingsection p,
.home .landscapingsection li {
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
}

.home .landscapingsection ul {
  margin: 24px 0;
  padding-left: 22px;
}

.home .landscapingsection li {
  margin-bottom: 8px;
}

.home .landscapingimage {
  margin: 0;
}

.home .landscapingimage img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .35);
}


/* =========================
   SERVICE STRIP
========================= */

.servicestrip {
  background: var(--dg-deep);
  padding: 34px 0 40px;
}

.servicestripgrid {
  width: min(1180px, 92%);
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0 !important;
}

.servicestripgrid > .wp-block-column {
  text-align: center;
  padding: 22px 24px;
}

.servicestripgrid > .wp-block-column:not(:last-child) {
  border-bottom: 1px solid rgba(55, 200, 255, 0.28);
}

.servicestrip img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  margin-bottom: 14px;
  opacity: 0.86;
  transition:
    transform 0.25s ease,
    filter 0.25s ease,
    opacity 0.25s ease;
  filter: drop-shadow(0 0 8px rgba(55, 200, 255, 0.14));
}

.servicestripgrid > .wp-block-column:hover img {
  opacity: 1;
  transform: translateY(-4px) scale(1.06);
  filter:
    drop-shadow(0 0 10px rgba(55, 200, 255, 0.85))
    drop-shadow(0 0 22px rgba(55, 200, 255, 0.45));
}

.servicestriptitle {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin: 0 0 8px !important;
}

.servicestripsubtitle {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.3;
  margin: 0 !important;
}

/* =========================
   WHY CHOOSE SECTION
========================= */

.whychoose {
  background: var(--dg-light);
  padding: 46px 24px;
}

.whychooseinner {
  width: min(1180px, 92%);
  margin: 0 auto !important;
  gap: 36px;
}

.sectioneyebrow {
  color: var(--dg-green-dark);
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 8px !important;
}

.sectiontitle {
  color: #111;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.08;
  font-weight: 900;
  margin: 0 0 24px !important;
}

.sectiontext {
  color: #111;
  font-size: 21px;
  line-height: 1.35;
  max-width: 620px;
  margin: 0 !important;
}

.whychoose .wp-block-column .wp-block-columns {
  gap: 34px;
  margin-bottom: 0 !important;
}

.whychoose .wp-block-column .wp-block-columns .wp-block-column {
  text-align: center;
}

.whychoose img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  margin-bottom: 16px;
  filter: drop-shadow(0 0 12px rgba(55, 200, 255, 0.18));
  transition: .25s ease;
}

.whychoose .wp-block-column .wp-block-columns .wp-block-column:hover img {
  transform: translateY(-4px) scale(1.05);
  filter:
    drop-shadow(0 0 10px rgba(55, 200, 255, 0.75))
    drop-shadow(0 0 20px rgba(55, 200, 255, 0.35));
}

.featuretitle {
  color: #111;
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 10px !important;
}

.featuretext {
  color: #111;
  font-size: 18px;
  line-height: 1.3;
  margin: 0 !important;
}

/* =========================
   ABOUT SECTION
========================= */

.aboutsection {
  background: #fff;
}

.aboutsectioninner {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.aboutsection > .wp-block-columns {
  width: min(1180px, 92%);
  margin: 0 auto !important;
  align-items: center;
  gap: 70px;
}

.greenbutton .wp-block-button__link,
.greenbutton.wp-block-button__link {
  background: var(--dg-green) !important;
  color: #061a08 !important;
  border-radius: 8px;
  padding: 16px 28px;
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  transition: .25s ease;
}

.greenbutton .wp-block-button__link:hover,
.greenbutton.wp-block-button__link:hover {
  box-shadow: 0 0 18px rgba(55, 200, 255, .65);
  transform: translateY(-2px);
}

.aboutimage,
.wp-block-image.aboutimage {
  margin: 0 !important;
}

.aboutimage img,
.wp-block-image.aboutimage img {
  display: block;
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

/* =========================
   LATEST POSTS BLOCK
========================= */

.wp-block-latest-posts {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  width: min(1180px, 92%);
  margin: 35px auto;
  padding: 0;
}

.wp-block-latest-posts li {
  background: #ffffff;
  border: 1px solid rgba(3, 36, 13, 0.10);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
}

.wp-block-latest-posts__featured-image {
  margin: 0;
  background: var(--dg-light);
}

.wp-block-latest-posts__featured-image.aligncenter {
  text-align: center;
}

.wp-block-latest-posts__featured-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.wp-block-latest-posts__post-title {
  display: block;
  color: var(--dg-dark);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 900;
  text-decoration: none;
  margin: 24px 24px 8px;
}

.wp-block-latest-posts__post-title:hover {
  color: var(--dg-green-dark);
}

.wp-block-latest-posts__post-date {
  display: block;
  color: var(--dg-green-dark);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 24px 12px;
}

.wp-block-latest-posts__post-excerpt {
  color: #36513d;
  font-size: 17px;
  line-height: 1.55;
  margin: 0 24px 26px;
}

/* =========================
   FOOTER
========================= */

.site-footer {
  background: var(--dg-deep);
  color: #fff;
  padding: 50px 24px 0;
}

.site-footer-inner {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.footer-eyebrow {
  color: var(--dg-green);
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 18px;
}

.footer-title {
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 900;
  margin: 0 0 22px;
}

.footer-text {
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  max-width: 620px;
  margin: 0 0 28px;
}

.footer-contact-list p {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 18px;
}

.footer-contact-list span {
  color: var(--dg-green);
}

.footer-contact-list a {
  color: #fff;
  text-decoration: none;
}

.footer-contact-list a:hover {
  color: var(--dg-blue);
}

.footer-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 0 8px rgba(55, 200, 255, 0.25));
}

.footer-navigation {
  border-top: 1px solid rgba(55, 200, 255, .25);
  padding-top: 28px;
}

.footer-nav-title {
  color: var(--dg-green);
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 18px;
}

.footer-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-navigation li {
  margin: 0 0 14px;
}

.footer-navigation a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.footer-navigation a:hover {
  color: var(--dg-blue);
  text-shadow: 0 0 12px rgba(55, 200, 255, .85);
}

.site-footer-bottom {
  max-width: 1180px;
  margin: 40px auto 0;
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.site-footer-bottom p {
  color: rgba(255, 255, 255, .8);
  font-size: 14px;
  margin: 0;
}

.footer-privacy-notice {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.footer-privacy-notice .privacy-link {
  color: #fff;
  text-decoration: underline;
}

.footer-privacy-notice .privacy-link:hover {
  color: var(--dg-blue);
}


/* =========================
   CATEGORY / ARCHIVE POSTS
========================= */

.category .site-main,
.archive .site-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding: 40px 0;
}

/* Keep archive heading and pagination full width */
.category .page-header,
.archive .page-header,
.category .navigation,
.archive .navigation {
  grid-column: 1 / -1;
}

/* Post card */
.category .site-main > article,
.archive .site-main > article {
  background: #fff;
  border: 1px solid rgba(3, 36, 13, 0.10);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
}

/* Featured image */
.category article .post-thumbnail,
.archive article .post-thumbnail {
  display: block;
  margin: 0;
}

.category article .post-thumbnail img,
.archive article .post-thumbnail img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

/* Card content */
.category article .entry-header,
.category article .entry-content,
.category article .entry-summary,
.category article .entry-footer,
.archive article .entry-header,
.archive article .entry-content,
.archive article .entry-summary,
.archive article .entry-footer {
  padding-left: 24px;
  padding-right: 24px;
}

.category article .entry-header,
.archive article .entry-header {
  padding-top: 22px;
}

.category article .entry-title,
.archive article .entry-title {
  color: var(--dg-dark);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 900;
  margin: 0 0 12px;
}

.category article .entry-title a,
.archive article .entry-title a {
  color: inherit;
  text-decoration: none;
}

.category article .entry-title a:hover,
.archive article .entry-title a:hover {
  color: var(--dg-green-dark);
}

.category article .entry-summary,
.category article .entry-content,
.archive article .entry-summary,
.archive article .entry-content {
  color: #36513d;
  font-size: 17px;
  line-height: 1.55;
  padding-bottom: 24px;
}
/* 404 Page */
.dg-404-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 620px;
  padding: 70px 20px;
  background:
    linear-gradient(rgba(1, 24, 7, .88), rgba(1, 24, 7, .94)),
    url("assets/images/hero-lawn.jpg") center / cover no-repeat;
  text-align: center;
}

.dg-404-content {
  width: min(760px, 100%);
  padding: 45px 30px;
  background: rgba(3, 36, 13, .88);
  border: 1px solid rgba(55, 200, 255, .35);
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .4);
}

.dg-404-number {
  margin: 0;
  color: var(--dg-blue);
  font-size: clamp(90px, 20vw, 180px);
  font-weight: 900;
  line-height: .85;
  text-shadow:
    0 0 10px rgba(55, 200, 255, .85),
    0 0 28px rgba(55, 200, 255, .45);
}

.dg-404-content h1 {
  margin: 28px 0 18px;
  color: var(--dg-green);
  font-size: clamp(32px, 6vw, 52px);
  line-height: 1.1;
}

.dg-404-content p {
  color: #fff;
  font-size: 18px;
  line-height: 1.65;
}

.dg-404-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  margin-top: 30px;
}

.dg-404-button {
  display: inline-block;
  padding: 15px 26px;
  color: var(--dg-deep);
  background: var(--dg-green);
  border: 2px solid var(--dg-green);
  border-radius: 8px;
  font-weight: 900;
  text-decoration: none;
  transition: .2s ease;
}

.dg-404-button:hover {
  color: #fff;
  background: var(--dg-green-dark);
  border-color: var(--dg-green-dark);
  transform: translateY(-2px);
}

.dg-404-button-secondary {
  color: #fff;
  background: transparent;
  border-color: var(--dg-blue);
}

.dg-404-button-secondary:hover {
  color: var(--dg-deep);
  background: var(--dg-blue);
  border-color: var(--dg-blue);
}
/* Contact Form 7 - Contact Page */
.page-id-11 .wpcf7-form {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}

/* Main labels */
.page-id-11 .wpcf7-form > p > label {
  display: block;
  width: 80%;
  margin: 0 auto 18px;
  color: var(--dg-deep);
  font-size: 17px;
  font-weight: 800;
  text-align: left;
}

/* Field wrappers */
.page-id-11 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin-top: 7px;
}

/* Text fields and textarea */
.page-id-11 .wpcf7-form input[type="text"],
.page-id-11 .wpcf7-form input[type="email"],
.page-id-11 .wpcf7-form input[type="tel"],
.page-id-11 .wpcf7-form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 15px;
  color: var(--dg-deep);
  background: #fff;
  border: 2px solid rgba(9, 90, 34, .25);
  border-radius: 8px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.4;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.page-id-11 .wpcf7-form textarea {
  resize: vertical;
}

.page-id-11 .wpcf7-form input:focus,
.page-id-11 .wpcf7-form textarea:focus {
  outline: none;
  border-color: var(--dg-blue);
  box-shadow: 0 0 0 3px rgba(55, 200, 255, .18);
}

/* Services checkbox section */
.page-id-11 .wpcf7-form .wpcf7-checkbox {
  display: grid;
  width: 80%;
  margin: 10px auto 22px;
  grid-template-columns: 1fr;
  gap: 10px;
}

.page-id-11 .wpcf7-form .wpcf7-list-item {
  margin: 0;
}

.page-id-11 .wpcf7-form .wpcf7-list-item label {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0;
  padding: 10px 12px;
  background: var(--dg-light);
  border: 1px solid rgba(9, 90, 34, .18);
  border-radius: 7px;
  cursor: pointer;
}

.page-id-11 .wpcf7-form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0 9px 0 0;
  accent-color: var(--dg-green-dark);
}

/* Turnstile */
.page-id-11 .wpcf7-turnstile {
  display: flex;
  width: 80%;
  margin: 0 auto 24px;
  justify-content: center;
}

/* Submit button */
.page-id-11 .wpcf7-submit {
  display: block;
  width: 80%;
  margin: 20px auto 0;
  padding: 15px 24px;
  color: var(--dg-deep);
  background: var(--dg-green);
  border: 2px solid var(--dg-green);
  border-radius: 8px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 900;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.page-id-11 .wpcf7-submit:hover {
  color: #fff;
  background: var(--dg-green-dark);
  border-color: var(--dg-green-dark);
  transform: translateY(-2px);
}

/* Validation and response messages */
.page-id-11 .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 14px;
}

.page-id-11 .wpcf7-response-output {
  width: 80%;
  box-sizing: border-box;
  margin: 22px auto 0 !important;
  border-radius: 8px;
}




/* =========================
   SINGLE BLOG POSTS
========================= */

.single-post-main {
  padding: 32px 0 48px;
}

.single-post-header {
  margin-bottom: 32px;
}

.single-post-title {
  margin: 0 0 12px;
  color: var(--dg-green-dark);
  font-size: clamp(32px, 8vw, 60px);
  line-height: 1.08;
  text-wrap: balance;
}

.single-post-meta {
  color: #36513d;
  font-size: 15px;
  font-weight: 700;
}

.single-post-content {
  width: 100%;
}

.single-post-content > :first-child {
  margin-top: 0;
}

/* =========================
   YOAST FAQ BLOCKS
========================= */

.schema-faq {
  margin: 32px 0;
}

.schema-faq-section {
  margin: 0 0 16px;
  overflow: hidden;
  background: var(--dg-white);
  border: 1px solid rgba(3, 36, 13, 0.16);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(3, 36, 13, 0.08);
}

.schema-faq-question {
  position: relative;
  display: block;
  padding: 16px 52px 16px 18px;
  color: var(--dg-dark);
  background: var(--dg-light);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease;
}

.schema-faq-question::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 18px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  transform: translateY(-50%);
  color: var(--dg-white);
  background: var(--dg-green-dark);
  border-radius: 50%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.schema-faq-question:hover {
  color: var(--dg-green-dark);
  background: #e7f6da;
}

.schema-faq-question:focus-visible {
  outline: 3px solid var(--dg-blue);
  outline-offset: -3px;
}

.schema-faq-section:has(.schema-faq-answer[style*="display: block"]) .schema-faq-question,
.schema-faq-section:has(.schema-faq-answer[style*="display:block"]) .schema-faq-question {
  color: var(--dg-green-dark);
  background: #e7f6da;
  border-bottom: 1px solid rgba(3, 36, 13, 0.12);
}

.schema-faq-section:has(.schema-faq-answer[style*="display: block"]) .schema-faq-question::after,
.schema-faq-section:has(.schema-faq-answer[style*="display:block"]) .schema-faq-question::after {
  content: "−";
}

.schema-faq-answer {
  margin: 0;
  padding: 18px;
  color: #36513d;
  font-size: 17px;
  line-height: 1.65;
}

.schema-faq-answer:empty {
  padding: 0;
}

/* =========================
   TABLET: 700PX AND UP
========================= */

@media (min-width: 700px) {
  .page-id-11 .wpcf7-form .wpcf7-checkbox {
      grid-template-columns: 1fr 1fr;
    }

  .dg-404-buttons {
      flex-direction: row;
    }

  .category .site-main,
    .archive .site-main {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  .freequotebutton .wp-block-button__link,
    .freequotebutton.wp-block-button__link,
    .viewservicesbutton .wp-block-button__link,
    .viewservicesbutton.wp-block-button__link {
      width: auto;
    }

  .wp-block-latest-posts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   DESKTOP: 981PX AND UP
========================= */

@media (min-width: 981px) {
  body:not(.home)::after {
      content: "";
      position: absolute;
      top: -180px;
      right: 0;
      width: 400px ;
      height: 1200px;
      background: url("https://diamondgreenslawncare.com/wp-content/uploads/2026/06/elegantvine.webp") top right / contain no-repeat;
      pointer-events: none;
      z-index: 0;
    }

    body:not(.home) .site-main {
      position: relative;
      z-index: 1;
    }

  .columnreverse {
    flex-direction: column !important;
  }

  .home .landscapingsection {
      padding: 80px 0;
    }

    .home .landscapinginner {
      gap: 70px;
    }

    .home .landscapingimage img {
      height: 460px;
      object-fit: cover;
    }

  .category .site-main,
    .archive .site-main {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

  .site-header-inner {
      min-height: 130px;
      padding: 18px 0;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      text-align: left;
    }

    .site-branding {
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      gap: 22px;
      text-align: left;
    }

    .site-branding-text {
      text-align: left;
    }

    .site-branding img,
    .custom-logo {
      max-height: 115px;
    }

    .site-title {
      font-size: clamp(22px, 3vw, 36px);
      text-align: left;
    }

    .site-description {
      font-size: 15px;
      letter-spacing: .28em;
      text-align: left;
    }

    .header-phone {
      margin-left: auto;
      font-size: 16px;
    }

    .heroarea {
      position: relative;
      overflow: hidden;
      background: var(--dg-deep);
    }

    .heroarea .heroimage,
    .heroarea .wp-block-image.heroimage {
      margin: 0 !important;
    }

    .heroarea .heroimage img,
    .heroarea .wp-block-image.heroimage img {
      display: block;
      width: 100%;
      height: 560px;
      object-fit: cover;
    }

    .heroarea .herocaption {
      position: absolute;
      left: 6%;
      top: 50%;
      transform: translateY(-50%);
      width: 66%;
      max-width: 860px;
      min-width: 0;
      margin: 0 !important;
      margin-block-start: 0 !important;
      padding: 0;
      background: transparent;
      z-index: 5;
    }

    .heroarea .herocaption > .wp-block-column:first-child {
      background: rgba(1, 24, 7, 0.82);
      border-left: 5px solid var(--dg-green);
      padding: 36px 42px;
      border-radius: 0 18px 18px 0;
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
      backdrop-filter: blur(2px);
    }

    .heroarea .herocaption > .wp-block-column:nth-child(2) {
      display: none;
    }

    .heroarea .herolawn,
    .heroarea .diamondresults {
      font-size: clamp(46px, 4.5vw, 72px);
    }

    .heroarea .reliableservice {
      font-size: clamp(21px, 1.6vw, 26px);
      max-width: 680px;
    }

    .heroarea .freequotebutton .wp-block-button__link,
    .heroarea .freequotebutton.wp-block-button__link,
    .heroarea .viewservicesbutton .wp-block-button__link,
    .heroarea .viewservicesbutton.wp-block-button__link {
      width: auto;
      font-size: 18px;
    }

    .servicestrip {
      padding: 42px 0 44px;
    }

    .servicestripgrid {
      display: flex;
      align-items: stretch;
    }

    .servicestripgrid > .wp-block-column {
      padding: 22px 34px;
    }

    .servicestripgrid > .wp-block-column:not(:last-child) {
      border-bottom: none;
      border-right: 1px solid rgba(55, 200, 255, 0.28);
    }

    .servicestrip img {
      width: 80px;
      height: 80px;
    }

    .servicestriptitle {
      font-size: 19px;
    }

    .servicestripsubtitle {
      font-size: 18px;
    }

    .whychoose {
      padding: 70px 24px;
    }

    .whychooseinner {
      max-width: 1180px;
      margin-left: auto;
      margin-right: auto;
      gap: 70px;
    }

    .aboutsection > .wp-block-columns {
      gap: 70px;
    }

    .site-footer {
      padding-top: 70px;
    }

    .site-footer-inner {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      gap: 80px;
      text-align: left;
    }

    .footer-contact {
      flex: 1;
    }

    .footer-navigation {
      width: 280px;
      border-top: none;
      padding-top: 0;
    }

    .footer-title {
      font-size: 42px;
    }

  #opens,
    #closes,
    .mobi-menu-toggle {
      display: none !important;
    }

    #showit.mobimenu {
      display: block !important;
      position: relative;
      inset: auto;
      width: auto;
      height: auto;
      overflow: visible;
      background: transparent;
      z-index: 1000;
      padding: 0;
    }

    .menuback .primary-navigation,
    .menuback .mobimenu nav {
      width: min(1180px, 94%);
      margin-left: auto;
      margin-right: auto;
    }

    .menu-navigation-container {
      width: 100%;
    }

    .navm {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      gap: clamp(6px, 1vw, 14px);
      padding: 12px 0;
    }

    .navm > li {
      display: flex;
      align-items: center;
    }

    .navm a {
      justify-content: center;
      font-size: clamp(13px, 1.1vw, 15px);
      padding: 14px 6px;
      border-bottom: none;
    }

  .navm .menu-item-has-children > a::after {
    content: "▾";
    color: var(--dg-blue);
    font-size: 36px;
    line-height: .55;
    margin-left: 2px;
    text-shadow: 0 0 8px rgba(55, 200, 255, .55);
  }

  .navm .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 245px;
    margin: 0;
    padding: 10px;
    z-index: 1001;
  }
	
    .navm li:hover > .sub-menu {
      display: block !important;
    }

    .navm .sub-menu li {
      width: 100%;
    }

    .navm .sub-menu a {
      display: flex;
      width: 100%;
      justify-content: space-between;
      font-size: 15px;
      padding: 13px 15px;
    }

    .navm .sub-menu .menu-item-has-children > a::after {
      content: "›";
      color: var(--dg-green-dark);
      font-size: 34px;
      margin-left: auto;
      text-shadow: none;
    }

    .navm .sub-menu .sub-menu {
      top: 0;
      left: calc(100% + 8px);
    }

  .wp-block-latest-posts {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

  .heroarea .heroimage img,
    .heroarea .wp-block-image.heroimage img {
      height: 620px;
    }

    .heroarea .herocaption {
      left: 8%;
      width: 60%;
      max-width: 900px;
    }

    .heroarea .herocaption > .wp-block-column:first-child {
      padding: 40px 48px;
    }

  /* Single blog post desktop spacing */
    .single-post-main {
      padding: 64px 0 80px;
    }

    .schema-faq-question {
      padding: 18px 60px 18px 22px;
    }

    .schema-faq-question::after {
      right: 22px;
    }

    .schema-faq-answer {
      padding: 22px;
    }
}
/* ==================================================
   CHRISTMAS LIGHT FORM - CF7 FORM ID 271
   MOBILE FIRST
   ================================================== */

div.wpcf7[data-wpcf7-id="271"] {
	width: 100%;
	max-width: 100%;
}


/* Style the actual CF7 form itself */
div.wpcf7[data-wpcf7-id="271"] form.wpcf7-form {
	width: 100% !important;
	max-width: 560px !important;
	margin: 0 auto !important;
	padding: 22px 18px !important;
	background: #ffffff !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.14) !important;
	box-sizing: border-box !important;
}


/* Remove CF7 paragraph spacing */
div.wpcf7[data-wpcf7-id="271"] form.wpcf7-form p {
	margin: 0 !important;
	padding: 0 !important;
}


/* Remove CF7-generated line breaks */
div.wpcf7[data-wpcf7-id="271"] .christmas-light-form br {
	display: none;
}


/* Form rows */
div.wpcf7[data-wpcf7-id="271"] .form-row {
	margin: 0 0 18px !important;
}


/* Labels */
div.wpcf7[data-wpcf7-id="271"] label {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: #222222 !important;
}


/* CF7 field wrappers */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-form-control-wrap {
	display: block !important;
	width: 100% !important;
}


/* Text inputs */
div.wpcf7[data-wpcf7-id="271"] input[type="text"],
div.wpcf7[data-wpcf7-id="271"] input[type="email"],
div.wpcf7[data-wpcf7-id="271"] input[type="tel"],
div.wpcf7[data-wpcf7-id="271"] textarea,
div.wpcf7[data-wpcf7-id="271"] select {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 7px 0 0 !important;
	padding: 13px 15px !important;
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	color: #222222 !important;
	background: #ffffff !important;
	border: 1px solid #cfd8dc !important;
	border-radius: 8px !important;
	box-sizing: border-box !important;
}


/* Focus */
div.wpcf7[data-wpcf7-id="271"] input[type="text"]:focus,
div.wpcf7[data-wpcf7-id="271"] input[type="email"]:focus,
div.wpcf7[data-wpcf7-id="271"] input[type="tel"]:focus,
div.wpcf7[data-wpcf7-id="271"] textarea:focus,
div.wpcf7[data-wpcf7-id="271"] select:focus {
	outline: none !important;
	border-color: #49c9e8 !important;
	box-shadow: 0 0 0 3px rgba(73, 201, 232, 0.18) !important;
}


/* Textarea */
div.wpcf7[data-wpcf7-id="271"] textarea {
	min-height: 110px !important;
	resize: vertical !important;
}


/* Checkbox group */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-checkbox {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 10px !important;
	margin-top: 10px !important;
}


/* Checkbox items */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-list-item {
	display: block !important;
	margin: 0 !important;
}


/* Checkbox labels */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-list-item label {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
}


/* Checkbox itself */
div.wpcf7[data-wpcf7-id="271"] input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	accent-color: #2bd61f;
}


/* File upload */
div.wpcf7[data-wpcf7-id="271"] input[type="file"] {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 8px 0 0 !important;
	padding: 10px !important;
	font-family: inherit !important;
	font-size: 14px !important;
	background: #f6f8f8 !important;
	border: 1px dashed #9eacad !important;
	border-radius: 8px !important;
	box-sizing: border-box !important;
}


/* Helper text */
div.wpcf7[data-wpcf7-id="271"] small {
	display: block !important;
	margin-top: 7px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #666666 !important;
}


/* Turnstile */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-turnstile {
	margin: 0 0 20px !important;
}


/* Submit area */
div.wpcf7[data-wpcf7-id="271"] .form-submit {
	margin-top: 24px !important;
}


/* Submit button */
div.wpcf7[data-wpcf7-id="271"] input[type="submit"] {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 15px 18px !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	color: #ffffff !important;
	background: #2bd61f !important;
	border: 0 !important;
	border-radius: 9px !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
}


/* Submit hover */
div.wpcf7[data-wpcf7-id="271"] input[type="submit"]:hover {
	background: #22bd18 !important;
}


/* Validation */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-not-valid-tip {
	display: block !important;
	margin-top: 5px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #c62828 !important;
}


/* Response */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-response-output {
	margin: 20px 0 0 !important;
	padding: 12px 15px !important;
	border-radius: 8px !important;
	box-sizing: border-box !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}


/* Spinner */
div.wpcf7[data-wpcf7-id="271"] .wpcf7-spinner {
	display: block !important;
	margin: 12px auto 0 !important;
}


/* ==================================================
   DESKTOP - 981PX+
   ================================================== */

@media (min-width: 981px) {

	div.wpcf7[data-wpcf7-id="271"] form.wpcf7-form {
		padding: 32px !important;
		border-radius: 18px !important;
	}

	div.wpcf7[data-wpcf7-id="271"] .wpcf7-checkbox {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px 18px !important;
	}

	div.wpcf7[data-wpcf7-id="271"] input[type="submit"] {
		padding: 16px 24px !important;
		font-size: 17px !important;
	}

}