/*
Theme Name: Sbagov
Author: the AVB digital team
Description: Based on annual report page and sbademo
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.3
Text Domain: sbagov
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


@import url('assets/css/header.css');
@import url('assets/css/footer.css');
@import url('assets/css/hero-sba-split.css');
@import url('assets/css/uswds-overrides.css');
@import url('assets/css/search.css');
@import url('assets/css/initiative-cards-grid.css');
@import url('assets/css/sbauswds-accordion.css');
@import url('assets/css/disaster-card.css');


/* Fixes the swipper button bug */
.wp-swiper .wp_swiper__button-prev img, .wp-swiper .wp_swiper__button-next img {
  width: 45px;
  height: 45px;
}

:is(.wp-element-button:hover, .wp-block-button__link:hover) {
  background-color: #1A4480;
  color: var(--wp--preset--color--primary-light);
}

/* changes the global focus color */
/* This one has a white and orange outline in case the object is dark */
[contentEditable=true]:focus, [href]:focus, [tabindex]:focus, iframe:focus {
  outline: .25rem solid rgb(229, 151, 0);
  outline-offset: 0;
}

button:not([disabled]):focus,input:not([disabled]):focus,select:not([disabled]):focus,textarea:not([disabled]):focus {
  outline: .25rem solid rgb(229, 151, 0);
  outline-offset: 0
}


.sba-hotline:has(a.wp-block-navigation-item__content) a.wp-block-navigation-item__content {
  background-color: #ffff;
  border-radius: var(--wp--custom--border-radius--md, 2rem);
  border: 1px solid var(--theme-button-border-color);
  padding-top: 0.4rem;
  padding-right: 1.5rem;
  padding-bottom: 0.4rem;
  padding-left: 1.5rem;
  text-decoration: none;
  span {
    color: #B50000;
  }
}

.sba-hotline:has(a.wp-block-navigation-item__content) a.wp-block-navigation-item__content:hover {
  background-color: #E7E7EA;
}

.sba-hotline:has(a.wp-block-button__link) a.wp-block-button__link:hover {
 background-color: #E7E7EA !important;
}

.wp-block-navigation__container .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  z-index: 99;
}

/* Improvement on Wordpress core css for columns */
.wp-block-columns:not(.is-not-stacked-on-mobile) {
  --sba-columns: 1; /* fallback */
  --sba-gap: var(--wp--style--block-gap, 24px);
  display: flex;
  flex-wrap: wrap !important;
  gap: var(--sba-gap);
}

/* 2 columns */
.wp-block-columns:has(> .wp-block-column:nth-child(2):last-child) {
  --sba-columns: 2;
}
/* 3 columns */
.wp-block-columns:has(> .wp-block-column:nth-child(3):last-child) {
  --sba-columns: 3;
}
/* 4 columns */
.wp-block-columns:has(> .wp-block-column:nth-child(4):last-child) {
  --sba-columns: 4;
}

.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  box-sizing: border-box;
  --sba-col-width: calc(
    (100% - (var(--sba-gap) * (var(--sba-columns) - 1)))
    / var(--sba-columns)
  );
  flex: 1 1 var(--sba-col-width) !important;
  min-width: 250px;
}

header.wp-block-template-part {
  margin-top: 0;
}