/*
Theme Name: Family of Brands
Theme URI: 
Author: Always Open Design
Author URI: https://alwaysopen.design
Description: A custom block theme with per-brand theme style variations and a starter pattern library.
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: family-of-brands
Tags: 

/* ==========================================================================
   Links
   ========================================================================== */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	transition: text-underline-offset 0.15s ease, text-decoration-thickness 0.15s ease;
}

a:hover {
	text-decoration-thickness: 2px;
	text-underline-offset: 0.1em;
}

a:focus-visible {
	outline: 2px dotted var(--wp--preset--color--primary);
	outline-offset: 3px;
}

:target {
  scroll-margin-block: 6ex;
}

body button:focus,
.wp-block-buttons a:focus {
	outline: 2px solid var(--wp--preset--color--primary);
	border: 2px solid white !important;
	outline-offset: -3px;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.wp-block-button__link {
	transition: background-color 0.15s ease, filter 0.15s ease;
}

.wp-block-button:not(.is-style-button-light):not(.is-style-button-outline-light) .wp-block-button__link:hover {
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25));
}

/* ==========================================================================
   Navigation
   ========================================================================== */

.wp-block-navigation a:focus-visible {
	outline: 2px dotted var(--wp--preset--color--primary);
	outline-offset: 3px;
	border-radius: 2px;
}

/* search */

header .wp-block-search__inside-wrapper {
    position: relative;
}
header :where(.wp-block-search__input) {
    position: absolute;
    top: 50px;
    right: 0;
}

/* ==========================================================================
   Header
   ========================================================================== */

.fob-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

.fob-logo-link {
	display: inline-flex;
	text-decoration: none;
}

.fob-logo-link:focus-visible {
	outline: 2px dotted var(--wp--preset--color--primary);
	outline-offset: 3px;
	border-radius: 2px;
}

/* carousel style adjustments - dark mode */

.has-white-ui .wp-block-cb-carousel-v2 .cb-button-next,
.has-white-ui .wp-block-cb-carousel-v2 .cb-button-prev{
    color: #fff;
}

.has-white-ui .wp-block-cb-carousel-v2 .cb-button-next:hover, 
.has-white-ui .wp-block-cb-carousel-v2 .cb-button-prev:hover {
    color: var(--wp--preset--color--primary-alt);
}

.has-white-ui .wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet,
.has-white-ui .wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff !important;
}

/* gravity form */

.product .gform_button.button {
    border-radius: 2rem !important;
    padding: 1rem 2rem !important;
    font-size: 1.25rem !important;
}