/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
/* Back Pocket Sound / Neve Starter Framework */

:root {
  --bps-black: #111111;
  --bps-orange: #f26a21;
  --bps-cream: #f7f3ec;
  --bps-grey: #f1f1f1;
  --bps-text: #222222;
  --bps-muted: #666666;
  --bps-white: #ffffff;
}

/* Base */
body {
  background: var(--bps-white);
  color: var(--bps-text);
  font-family: "Open Sans", "Inter", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.site-title {
  font-family: "Montserrat", "Oswald", Arial, sans-serif;
  color: var(--bps-black);
  font-weight: 700;
  letter-spacing: -0.02em;
}

h1 {
  font-size: clamp(2.4rem, 5vw, 4.5rem);
}

h2 {
  font-size: clamp(2rem, 3.5vw, 3rem);
  margin-bottom: 1.2rem;
}

h3, h4 {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Header */
.site-header {
  background: var(--bps-white);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.site-logo img {
  max-height: 70px;
}

.primary-menu-ul > li > a {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.88rem;
  letter-spacing: 0.04em;
  color: var(--bps-black);
}

.primary-menu-ul > li > a:hover,
.primary-menu-ul > li.current-menu-item > a {
  color: var(--bps-orange);
}

/* Hero */
.bps-hero {
  background: var(--bps-black);
  color: var(--bps-white);
  padding: clamp(80px, 12vw, 150px) 30px;
  text-align: center;
}

.bps-hero h1,
.bps-hero h2 {
  color: var(--bps-white);
}

.bps-hero p {
  color: rgba(255,255,255,0.84);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  max-width: 760px;
  margin: 0 auto 30px;
}

/* Buttons */
.wp-block-button__link,
.button,
button,
input[type="submit"],
.nv-button {
  background: var(--bps-orange);
  color: var(--bps-white) !important;
  border: 2px solid var(--bps-orange);
  border-radius: 0;
  padding: 13px 26px;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.wp-block-button__link:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.nv-button:hover {
  background: var(--bps-black);
  border-color: var(--bps-black);
  color: var(--bps-white) !important;
}

/* Sections */
.bps-section {
  padding: clamp(55px, 8vw, 100px) 30px;
}

.bps-section-light {
  background: var(--bps-cream);
}

.bps-section-grey {
  background: var(--bps-grey);
}

/* Service / library cards */
.bps-card {
  background: var(--bps-white);
  border: 1px solid rgba(0,0,0,0.08);
  padding: 30px;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.bps-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin-bottom: 22px;
}

.bps-card h3,
.bps-card h4 {
  margin-bottom: 12px;
}

.bps-card a {
  color: var(--bps-orange);
  font-weight: 700;
  text-transform: uppercase;
}

/* Testimonials */
.bps-testimonial {
  background: var(--bps-white);
  padding: 30px;
  border-left: 5px solid var(--bps-orange);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.bps-testimonial h4 {
  margin-bottom: 0;
}

.bps-testimonial .company {
  color: var(--bps-muted);
  font-weight: 700;
  margin-bottom: 15px;
}

/* Blog / archive cards */
.nv-post-thumbnail-wrap img,
.wp-post-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.article-content-col {
  background: var(--bps-white);
}

.entry-title a:hover {
  color: var(--bps-orange);
}

/* Contact */
.bps-contact,
.wpcf7 {
  background: var(--bps-black);
  color: var(--bps-white);
  padding: 40px;
}

.bps-contact h2,
.bps-contact h3,
.wpcf7 h2,
.wpcf7 h3 {
  color: var(--bps-white);
}

input,
textarea,
select {
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 0;
  padding: 13px 15px;
}

.wpcf7 input,
.wpcf7 textarea {
  background: var(--bps-white);
  color: var(--bps-black);
}

/* Footer */
.site-footer {
  background: var(--bps-black);
  color: rgba(255,255,255,0.75);
}

.site-footer a {
  color: var(--bps-white);
}

.site-footer a:hover {
  color: var(--bps-orange);
}

/* Mobile */
@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  .bps-section {
    padding: 45px 20px;
  }

  .bps-card,
  .bps-testimonial,
  .bps-contact,
  .wpcf7 {
    padding: 24px;
  }

  .site-logo img {
    max-height: 52px;
  }
}