/*
Theme Name: Piirasen Viherpalvelu
Theme URI: https://piiraisenviherpalvelu.fi
Description: Custom Beaver Builder child theme for Piirasen Viherpalvelu, containing site-specific shortcodes, admin tweaks, and styling.
Author: Tapiokauranen
Author URI: https://tapiokauranen.com
Template: bb-theme
Version: 1.1.0
Text Domain: piirasenviherpalvelu
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.1
Tags: beaver-builder, child-theme, corporate, responsive
*/

/* Add your custom styles here... */

.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
  padding: 12px 28px;
}

/* 1. Container - Scoped to .palvelut */
.palvelut .fl-photo-content {
  overflow: hidden;
}

/* 2. Image Transition - Scoped to .palvelut */
.palvelut .fl-photo-img {
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
}

/* 3. Hover Action - Scoped to .palvelut */
.palvelut .fl-photo-content:hover .fl-photo-img {
  transform: scale(1.1);
  opacity: 0.7;
}

/* 1. The Frame */
/* Ensures the image doesn't spill out over the date/title when zooming */
.fl-post-grid-image {
  overflow: hidden;
}

@media(min-width: 1590px) {
  .menu-item a{
  font-size: 15px !important;
    padding-top: 14px !important;
    padding-right: 25px !important;
    padding-bottom: 14px !important; 
    padding-left: 25px !important;

}
}

/* 2. The Image Transition */
/* Targets the image inside the grid post */
.fl-post-grid-image img {
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
}

/* 3. The Hover Action */
/* When hovering the image wrapper, zoom and fade the image */
.fl-post-grid-image:hover img {
  transform: scale(1.1);
  opacity: 0.7;
}

.fl-button {
  transition: 0.2s !important;
}
#wt-cli-settings-btn {
  border: none !important;
} 

#wt-cli-cookie-banner-title {
  font-family: 'Barlow', Sans-Serif;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #062539 !important;
}

.fl-page {
  box-shadow: 0px 0px 5px #ccc;
}

/* Text inputs, email, phone... */
.forminator-ui .forminator-input,
.forminator-ui .forminator-textarea {
  background-color: white !important;
}

/* Visible Select2 "select box" */
.select2-container .select2-selection--single {
  background-color: white !important;
}

/* Optional: dropdown list background */
.select2-container .select2-results__option {
  background-color: white;
}

.sisalto h1 {
  margin-top: 0px;
  margin-bottom: 40px;
}

.sisalto h2 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.sisalto h3 {
  margin-top: 30px;
  margin-bottom: 20px;
} 

@media(max-width: 992px) {
  .menu-item a {
  padding: 10px 0px !important;
}

.fl-menu {
  margin-top: -25px !important;
}

.fl-menu-responsive-toggle-medium-mobile {
  margin-top: 0px !important;
}
}

.pvp-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 16px;
  margin: 24px 0;
}

.pvp-gallery a {
  display: block;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}

.pvp-gallery a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.pvp-gallery a:focus-visible img,
.pvp-gallery a:hover img {
  transform: scale(1.05);
  filter: brightness(1.05);
}

@media (min-width: 1100px) {
  .fl-fixed-width .fl-page {
    max-width: 97% !important;
  }
}