/*
Theme Name: Avert Fire
Theme URI:
Author: Skyline Internet
Author URI:
Description:
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avert-fire
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
*/

:root {
  --fonth: "Bebas Neue", sans-serif;
  --fonth_weight: 900;
  --fontp: "Oswald", sans-serif;
  --fontp_weight: 300;
  --white: #fff;
  --black: #000;
  --yellow: #ffe400;
  --light-red: #ee3527;
  --dark-red: #d8262f;
  --border-radius: 0.33rem;
  --dark-grey: #333;
}


html {
  scroll-behavior: smooth;
}

:where(.wp-site-blocks *:focus){
 outline: none !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)):hover{
 text-decoration: none;
 color: var(--dark-red)!important;
}

.wp-block-button__link:hover{
 transition: transform 0.2s;
 transform: scale(1.05);
}

header{
 margin-bottom: -90px;
 position: relative;
 z-index: 100;
}

.wp-block-navigation__responsive-container-open svg{
 color: var(--dark-red);
 width: 45px;
 height: 45px;
}

.map iframe{
 margin-bottom: -6px;
}

/* Accordion */

.wp-block-details {
  width: -webkit-fill-available;
  border-radius: var(--border-radius);
}

.wp-block-details summary::marker {
  content: none;
}

.wp-block-details summary::before {
  content: "+";
  float: right;
  font-weight: 600;
  font-size: 1.1em;
  line-height: normal;
}

.wp-block-details[open] summary::before {
  content: "-";
}

.wp-block-details summary {
 font-family: var(--fonth);
 color: var(--dark-grey);
 font-size: 1.3rem;
}

details ul {
 list-style-type: none;
 padding: 0 0 !important;
}

details ul li:before{
 content: "- ";
}

/* Contact Page */

.wpmapblockrender{
 z-index: 1;
}

.page-id-536 footer{
 margin-block-start: 0;
}


/* Form */

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  border: none;
  padding: 0.75em 1em !important;
  font-family: var(--fontp);
  font-weight: var(--fontp_weight);
  font-size: 1.1rem;
  background: rgba(255,255,255,0.5);
  width: -webkit-fill-available;
  border-radius: var(--border-radius) var(--border-radius);
  margin-bottom: 1em;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: var(--black);
}

.wpcf7 .wpcf7-submit {
  background: var(--dark-red);
  color: var(--white);
  border: none;
  padding: 0.6em 1.2em !important;
  transition: all 0.25s;
  font-family: var(--fontp);
  font-weight: 100;
  width: fit-content;
  font-size: 1.1rem;
  float: right;
  border-radius: var(--border-radius) var(--border-radius);
}

.wpcf7 .wpcf7-submit:hover {
  cursor: pointer;
  opacity: 0.85;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline-style: none !important;
}

.wpcf7-list-item {
  margin: 0 0 1em 0 !important;
}

.wpcf7-list-item-label {
  font-size: 0.9em;
    color: var(--black);
}


/* Menu */

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
 background-color: rgba(51,51,51,0.85);
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
 color: var(--white);
}

.wp-block-navigation__responsive-container-close{
 color: var(--white);
}


/* About Accreditations */

.accreditations .is-layout-grid img{
 height: 150px;
 width: auto;
 object-fit: contain !important;
}


.tiled-gallery__col+.tiled-gallery__col {
    margin-inline-start: 1em;
}

.is-layout-constrained > .wp-block-jetpack-tiled-gallery.aligncenter{
 margin-left: 0!important;
}

.jp-carousel-overlay{
 background: rgba(0,0,0,0.5);
}


.jp-carousel-photo-caption{
 display: none !important;
}

/*.jp-carousel-info-footer .jp-carousel-photo-caption{
 color: var(--white);
 font-family: var(--fontp)!important;
 font-weight: var(--fontp_weight);
 font-size: 1.1em;
}*/

.jp-carousel-icon-btn.jp-carousel-icon-info, .jp-carousel-icon-btn.jp-carousel-icon-comments{
 display: none !important;
}

@media only screen and (max-width:812px) {
  .mb-p-0 {
    padding: 0 !important;
  }

  .accreditations-row {
    display: flex !important;
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory !important;
    justify-content: flex-start;
    scroll-snap-align: start !important;
    margin-left: min(6.5rem, 8vw) !important;
    margin-right: min(6.5rem, 8vw) !important;
  }

  .accreditations-row figure {
    flex:  0 0 25% !important;
    scroll-snap-type: x mandatory !important;
    scroll-snap-align: start !important;
  }

  .flex-col {
    flex-direction: column;
    display: flex !important;
  }

  .has-custom-color-1-gradient-background {
    background: unset !important;
  }

  .wp-block-site-logo img {
    width: 125px !important;
  }

  header .mb-justify {
    justify-content: space-between !important;
  }

  .wp-block-navigation__responsive-container-open svg {
    width: 25px !important;
    height: 25px !important;
  }

  footer nav {
    padding: 0 20px;
  }
  .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
    flex-grow: unset !important;
    flex-basis: unset !important;
  }

  .mb-margin-group {
    margin-top: var(--wp--preset--spacing--40) !important;
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  .mb-main-banner {
    min-height: 40vh !important;
  }
}