/*!
Theme Name: Custom Overnight Website
Theme URI: 
Author: Overnight Website
Author URI: https://overnightwebsite.com
Description: Overnight Website theme for Custom
Version: 2.5.1
Tested up to: 6.3
Requires PHP: 8.2
Text Domain: overnight-website
*/

/* Styles intended only for the front.*/
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.wp-block-separator.has-background:not(.is-style-dots) {
  height: 2px;
}

.show {
  display: block !important;
}

.hide, .mobile-show {
  display: none !important;
}

:root :where(.is-layout-constrained) > * {
  margin-block-start: 27px;
}

.jarallax-video {
	width: 100% !important;
}

/* ************* */
/* Hover & Focus */
/* ************* */

/* Button */
:root :where(.wp-block-button .wp-block-button__link) {
  transition: 300ms all;
}

:root :where(.wp-block-button .wp-block-button__link):hover {
  background-color: #ba3029;
  border-color: #ba3029;
}

:root :where(.wp-block-button .wp-block-button__link):focus {
  background-color: #94241e;
  border-color: #94241e;
}

/* Links */
.wp-block-navigation .wp-block-navigation-item__content:hover {
  text-decoration: underline;
}

/* ************ */
/* Block Styles */
/* ************ */
.wp-block-tiptip-hyperlink-group-block {
  text-decoration: none;
}

.wp-block-tiptip-hyperlink-group-block:hover {
  opacity: 0.8;
}

.wp-block-accordion-item {
  border: 1px solid black;
  padding: 6px 12px 6px 19px;
}

.wp-block-accordion-panel {
  margin-top: 10px;
  padding-bottom: 15px;
}

/* ************* */
/* Header Styles */
/* ************* */
header .wp-block-site-logo {
  margin-inline: 95px;
}

header .wp-block-navigation-item:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

header .current-menu-item a {
  text-decoration-color: var(--wp--preset--color--secondary);
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

/* ************** */
/* Blocks & Pages */
/* ************** */

/* Hero Video */
.hero-video:after {
  background-image: url(assets/images/hero-overlay.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 372px;
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 382px;
  z-index: -1;
}

/* Subscribe Form */
.subscribe .wsf-form .wsf-field-wrapper[data-type="checkbox"] {
  order: 3;
}

.subscribe .wsf-form input[type="email"], 
.subscribe .wsf-form button {
  height: 55px;
}

/* ************* */
/* Footer Styles */
/* ************* */
footer ul {
  list-style: none;
  padding: 0;
}

footer li + li {
  margin-top: 15px;
}

.wp-block-social-link {
  border-radius: 0;
}

.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  font-size: 26px;
}

.copyright a {
  color: #FFF;
}

.copyright-wrapper {
  position: relative;
}

.copyright-wrapper a:before {
  background: #FFF;
  content: '';
  display: inline-block;
  height: 18px;
  margin-inline: 13px;
  vertical-align: middle;
  width: 2px;
}

/* ************************ */
/* **** Media Queries ***** */
/* ************************ */
@media (max-width: 1314px) {
  header .wp-block-site-logo {
    margin-inline: 0px;
  }
}

/* ************************ */
/* Natural Navigation Break */
/* ************************ */

@media (min-width: 1125px) {
  /* Hide navigation items on desktop */
  .wp-block-navigation .is-style-ow-desktop-hide {
    display: none;
  }

  /* Navigation: Button Style */
  .is-style-ow-style-button a:hover {
    border-color: var(--wp--preset--color--primary);
    color: #fff !important;
    text-decoration: none !important;
  }
  .is-style-ow-style-button a:before {
    background: var(--wp--preset--color--primary);
  }
}

@media (max-width: 1125px) {
  /* ************************ */
  /* Adjust Default Nav Break */
  /* ************************ */

  .mobile-show {
    display: block !important;
  }

  .mobile-hide,
  .wp-block-navigation-item:has(.mobile-hide) {
    display: none !important;
  }

  /* Hide the nav when it's not open */
  header
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }

  .site-header .header-inner {
    justify-content: space-between;
  }

  /* Show the menu button and style it */
  .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    border: 1px solid #000;
    display: block;
    font-size: 18px;
    padding: 8px 15px 10px;
  }
  .page-template-page-transparent
    .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    border-color: #fff;
    color: #fff;
  }
  /* Close button styles */
  .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    border: 1px solid #000;
    font-size: 18px;
    padding: 8px 15px 10px;
  }
}

@media ( max-width: 980px ) {
  :root{
    --wp--preset--font-size--heading-1: 2.4rem;
    --wp--preset--font-size--heading-2: 1.5rem;
    --wp--preset--font-size--heading-3: 1.3rem;
    /* --wp--preset--font-size--heading-4: 1.25rem;
    --wp--preset--font-size--heading-5: 1rem;
    --wp--preset--font-size--heading-6: 0.875rem; */
  }
}

/* Misc Small Screens */
@media (max-width: 810px) {
  /* 3 columns of content */
  .columns-3.wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr;
    margin-inline: auto;
    max-width: 500px;
  }

  footer .is-style-ow-center-mobile {
    flex-wrap: wrap !important;
    margin-inline: auto;
    max-width: 500px;
  }

  footer .is-style-ow-center-mobile > .wp-block-group {
    width: 172px;
  }

  .copyright p {
    text-align: center;
  }
}

@media ( max-width: 530px ) {
  .subscribe .wsf-grid.wsf-fields {
    display: block;
  }

  .subscribe .wsf-field-wrapper {
    max-width: 100% !important;
  }
}

@media ( max-width: 430px ) {
  :root{
    --wp--preset--font-size--heading-1: 2rem;
    --wp--preset--font-size--heading-2: 1.3rem;
    --wp--preset--font-size--heading-3: 1.1rem;
    --wp--preset--font-size--heading-4: 1rem;
  }
}