/*
Theme Name: Croatia Trip
Theme URI: https://wordpress.org/themes/tkv-croatia-trip/
Description: A modern, responsive WordPress theme for car dealerships and automotive businesses. Includes Full Site Editing support, block patterns, and flexible layouts to showcase vehicles and dealership information.
Author: WPDirectoryKit Team
Author URI: https://wpdirectorykit.com
Version: 1.0.26
Requires at least: 6.3
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tkv-croatia-trip
Domain Path: /languages
This theme is licensed under the GNU General Public License v2 or later.

Tags: full-site-editing, editor-style, block-styles, block-patterns, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Features:
- Full Site Editing support
- Block patterns and block styles
- Flexible layouts for showcasing vehicles
- Mobile-responsive design
- SEO optimized structure
- Fast loading performance
- Multi-language support
- RTL language support
- Accessibility features
- Modern block editor support
- Custom color schemes
- Professional automotive design

For support and documentation, visit: https://wpdirectorykit.com/support
*/

:root {
    --primary-color: #C8E063;
    --primary-color-accent: #0e7a38;
    --primary-color-fill: #2E4BEF;
    --primary-color-text: #444444;
    --primary-color-yellow: #405FF2;
    --primary-color-yellow-hover: #405FF2;
    
    --bg-secondary-color: #1A1A1A;
    --bg-primary-color: #000;
    --bg-body-color: #F5F0E8;

    --content-font-family: "DM Sans";
    --title-font-family: "Bebas Neue";
    --text-font-secondary: "Semantics";

    --text-content-color-accent: #1A1A1A;
    --text-content-color: #444444;
}
@media (max-width: 767px) {
    body {
        --wp--style--root--padding-right: 15px;
        --wp--style--root--padding-left: 15px;
    }
}
/* Hide site title when logo is present */
.wp-block-site-logo:not(:empty)+.wp-block-site-title {
    display: none;
}

/* Alternative: Show site title only when no logo */
.wp-block-site-logo:empty+.wp-block-site-title {
    display: block;
}

/* Styles intended only for the front.*/
html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

* {
    box-sizing: border-box;
}

div {
    vertical-align: bottom;
}


.over-hidden>.elementor-widget-container,
.over-hidden {
    overflow: hidden;
}


.gallery .gallery-item {
    padding: 0 15px;
    margin-bottom: 15px;
}

.gallery.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.666%;
}

.gallery.gallery-columns-7 .gallery-item {
    width: 14.285%;
}

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery.gallery-columns-9 .gallery-item {
    width: 11.1%;
}


.gallery .gallery-icon a {
    display: inline-block;
    position: relative;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

/* animation */

.card-gallery a:before,
.gallery .gallery-icon a:before {
    content: '';
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.65);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out;
    will-change: auto;
    z-index: 1;
}

.card-gallery a:hover:before,
.gallery .gallery-icon a:hover:before {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in, -webkit-transform .3s ease-in;
    transition: opacity .3s ease-in, -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in, opacity .3s ease-in;
    transition: transform .3s ease-in, opacity .3s ease-in;
    transition: transform .3s ease-in, opacity .3s ease-in, -webkit-transform .3s ease-in;
}

.card-gallery a:hover:after,
.gallery .gallery-icon a:hover:after {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: opacity .3s ease-in, -webkit-transform .3s ease-in;
    transition: opacity .3s ease-in, -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in, opacity .3s ease-in;
    transition: transform .3s ease-in, opacity .3s ease-in;
    transition: transform .3s ease-in, opacity .3s ease-in, -webkit-transform .3s ease-in;
}

/* end animation */

.gallery .text {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    padding-top: 5px;
}

.gallery.gallery-columns-1 .gallery-image,
.gallery.gallery-columns-2 .gallery-image {
    height: 350px;
}

.gallery .gallery-image {
    height: 170px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content.active,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: var(--primary-color);
}

.wp-block-button.has-hover__color.has-hover__background-color.has-hover__border-color {
    border: 0;
}


  .wp-block-group.is-layout-grid {
    container-type: initial;
  }

  body > .wp-site-blocks {
    overflow-x: hidden;
  }

  @media (max-width: 600px) {
    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
      grid-template-columns: repeat(auto-fill, minmax(max(min(10rem, 100%), (100% - (1.7rem * (3 - 1))) /3), 1fr));
    }
  }

/* Hide all partners after the 8th */
.el-partners > a:nth-child(n+13) {
    display: none;
}

/* When expanded */
.el-partners.show-all > a {
    display: block;
}

/* Button */
.el-toogle-partners {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all .3s ease;
}

.el-toogle-partners:hover {
    transform: translateY(-2px);
}

/* Smooth appearance */
.el-partners > a {
    transition: opacity .3s ease, transform .3s ease;
}

.el-partners.show-all > a {
    animation: partnerFade .35s ease forwards;
}

@keyframes partnerFade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}