/*
Theme Name: Rockbase Child
Theme URI: https://rockbase.co
Author: Rockbase LLC
Author URI: https://rockbase.co
Description: A child theme for the Rockbase block theme.
Requires at least: 6.3
Tested up to: 6.4
Requires PHP: 7.3
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: rockbase
Text Domain: rockbase-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, translation-ready, block-styles, template-editing, wide-blocks, global-styles
*/

/* Homepage */

.hero-block .wp-element-button:hover,
.hero-block .wp-element-button:focus,
.services-block .wp-element-button:hover,
.services-block .wp-element-button:focus {
  opacity: .92;
}

@media (min-width: 481px) {
  .hero-block {
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 782px) {
  .flex-reverse {
    flex-direction: row-reverse;
  }

  .max-width-450 {
    max-width: 450px;
  }
}

/* Button Arrow */

.btn-arrow a {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.btn-arrow img {
  max-width: 12px;
  margin-left: -10px;
  margin-right: -10px;
  opacity: 0;
  transition: all .2s ease;
}

.btn-arrow:hover img {
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
}

/* Homepage Bottom Contact */

.bottom-flex .wp-block-cover__inner-container {
  align-self: flex-end;
  padding: var(--wp--preset--spacing--large);
}

.bottom-flex .wp-block-cover__inner-container .bottom-flex-name {
  background-color: var(--wp--preset--color--primary);
  border-radius: 50px;
  color: var(--wp--preset--color--background-1);
  display: inline-block;
  font-size: 13px;
  padding: 0 12px;
  position: absolute;
  left: 120px;
  transform: translateY(-52px);
}

@media (min-width: 782px) {
  .bottom-flex .wp-block-cover__inner-container {
    margin-bottom: 45px;
  }
}

@media (max-width: 781px) {
  .flex-reverse-mobile .wp-block-columns-is-layout-flex {
    flex-direction: column-reverse;
  }
}

/* Mobile Navigation */

@media (max-width: 599px) {
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
    background-color: rgba(2, 18, 45, .75);
    backdrop-filter: blur(5px);
    color: #fff;
  }

  .wp-block-navigation .wp-block-buttons,
  .wp-block-navigation ul {
    justify-content: center;
    text-align: center;
    margin-inline: auto;
  }

  .wp-block-navigation ul {
    margin-top: 40px;
  }

  .wp-block-navigation .wp-block-buttons .wp-block-button__link {
    margin-top: 15px;
  }

  .wp-block-navigation.has-x-small-font-size {
    font-size: 19px !important;
  }

  .wp-block-navigation__responsive-container-close {
    top: 10px;
  }
}