/*
Theme Name: Ferndale BnB
Theme URI: 
Author: Alexander Bernitz
Author URI: 
Description: A theme for Ferndale Luxury Bed and Breakfast
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ferndale-bnb
Tags: 
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  --clr-gold: #a27e4f;
  --clr-white: #fff;
  --clr-red: #5c1f00;

  --gradient-red:
    url(assets/images/noise.png),
    radial-gradient(
      circle at top center,
      rgba(94, 2, 2, 0.5) 0,
      rgba(94, 2, 2, 0) 280px
    ),
    radial-gradient(
      circle at bottom left,
      rgba(94, 2, 2, 0.25) 0,
      rgba(94, 2, 2, 0) 280px
    ),
    radial-gradient(
      circle at bottom right,
      rgba(94, 2, 2, 0.25) 0,
      rgba(94, 2, 2, 0) 280px
    ),
    black;

  --size-content: 1200px;
  --size-wide: 1400px;
}
body {
  /* font-family: Vollkorn, Georgia, 'Times New Roman', Times, serif; */
}

strong {
  color: var(--wp--preset--color--primary);
  font-weight: 7 00;
}

.inner {
  max-width: var(--size-content);
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding-inline: 4em;
  display: flex;
  align-items: center;
}

.the-footer {
  background-color: black;
  color: var(--clr-gold);
  margin: 0;
  min-height: 100px;
  width: 100%;

  .inner {
    transform: translateY(-2em);
    background: var(--gradient-red);
    display: flex;
    flex-direction: column;
    padding-top: 3em;
    /* text-align: left; */
  }
}

.the-header {
  background-color: black;
  margin: 0;
  width: 100%;
  height: 100px;

  .inner {
    background: var(--gradient-red);
    color: var(--clr-gold);
    display: flex;
    align-items: center;

    .wp-block-group {
      width: 100%;
      display: flex;
      gap: 2em;
      font-size: 1.25em;
    }
  }
  .topMenu li + li {
    margin: 0;
  }
  .topMenu li + li::before {
    content: '♦ ';
    margin-right: 1em;
    color: var(--clr-red);
  }
  .topMenu .wp-block-navigation-submenu li + li::before {
    content: '';
    margin: 0;
  }
  .topMenu .wp-block-navigation-submenu li a {
    text-decoration: none;
    &:hover {
      background: var(--gradient-red);
      color: white;
    }
  }
}