/* Local font + rendering hints to reduce cross-browser weight differences */
@font-face {
  font-family: 'Qurova';
  src: url('../fonts/Qurova-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Overrides: background and brand color */
body {
  background: #313b30 !important;
}

/* Rendering hints */
html, body, h1.home-page-title, .logo {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.home-page-title,
.h1.home-page-title {
  color: #ff0000 !important;
  font-family: 'Qurova', 'Raleway', 'Helvetica Neue', Arial, sans-serif !important;
  letter-spacing: 0.009375em !important;
  font-weight: 400 !important;
}

/* Slide heading (Simplicity is complex) in white */
.home-slide-content-all h2 {
  color: #ffffff !important;
}

/* Style the 'Get in touch' launcher: text white, line and arrow white */
.button-link.button-link-home,
.button-link.button-link-home span {
  color: #ffffff !important;
}
.button-link.button-link-home:before {
  background-color: #ffffff !important;
}
.button-link.button-link-home i {
  color: #ffffff !important;
}

/* Social icons hidden */
.social-icons-wrapper {
  display: none !important;
}

/* Small text logo: use Qurova, keep position/size similar to original .logo */
.logo {
  background: none !important;
  position: absolute !important;
  top: 50px !important;
  left: 55px !important;
  width: auto !important;
  height: auto !important;
  padding: 4px 8px !important;
  font-family: 'Qurova', 'Raleway', Arial, sans-serif !important;
  font-size: 21px !important;
  color: #ff0000 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.009375em !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

/* -- Force text and graphical colors to brand red (#ff0000) -- */
/* Targets common text elements; uses !important to override theme defaults. */
body,
a,
p,
li,
span,
div,
input,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ff0000 !important;
}

/* Keep subtle large background numbers with light opacity in brand red */
.about-number-title,
.service-number-title {
  color: rgba(255, 0, 0, 0.15) !important;
}

/* Specific small components and icon containers */
.skillbar-title,
.skill-bar-percent,
.contact-info-description,
.contact-info-description-img,
ul.social-icons a,
ul.social-icons a:hover,
.hover-icons a,
.hover-icons a i,
.hover-icons a:before {
  color: #ff0000 !important;
  border-color: #ff0000 !important;
  background-color: transparent !important;
}

/* Buttons / launcher accents */
.button-link.button-link-home,
.button-link.button-link-home span,
.button-link.button-link-home i {
  color: #ff0000 !important;
}
.button-link.button-link-home:before {
  background-color: #ff0000 !important;
}

/* Icon and SVG fills/strokes */
svg,
svg * {
  fill: #ff0000 !important;
  stroke: #ff0000 !important;
}

/* Hover icons: border and background adjustments to remain visible */
.hover-icons a {
  background: transparent !important;
  border: 1px solid #ff0000 !important;
  color: #ff0000 !important;
}
.hover-icons a:hover {
  background: transparent !important;
  color: #ff0000 !important;
  border-color: #ff0000 !important;
}

/* Lines and pseudo-element borders (e.g., heading underlines) */
h2.section-subheading span:before,
h2.section-subheading:before,
h2.section-subheading:after {
  border-top-color: #ff0000 !important;
}

/* Skill bar and simple graphical bars */
.skillbar-bar {
  background: #ff0000 !important;
}

/* Overlays that used black backgrounds: convert to red tint */
.overlay,
.modal-overlay,
.pswp__bg,
.lightbox-overlay {
  background: rgba(255, 0, 0, 0.6) !important;
}

/* Contact large icon */
.contact-info-description-img {
  color: rgba(255, 0, 0, 1) !important;
}

/* Increase letter-spacing for the section headings 'About', 'Services', 'Works', 'Contact' by ~20% */
#about h2.section-heading,
#services h2.section-heading,
#works h2.section-heading,
#contact h2.section-heading {
  letter-spacing: -0.196vw !important;
}

/* Body text paragraphs in About and Services sections: background color */
#about .about-block p,
#services .services-block p {
  color: #313b30 !important;
}

/* Reduce spacing between Contact heading and Get in touch button */
#contact .contact-modal-launcher-wrapper {
  margin-top: -50px !important;
}