/*
Theme Name: Ona Architecture
Theme URI: https://deothemes.com/wordpress-themes/ona-block-wordpress-theme/
Author: DeoThemes
Author URI: https://deothemes.com
Description: Ona Architecture is a sleek and sophisticated WordPress theme designed specifically for architects, interior designers, design studios, construction firms, and creative professionals in the built environment. This meticulously crafted block-based theme offers a clean, minimalist aesthetic that beautifully showcases architectural projects and portfolios. Winner of the prestigious Anyone Can WP design contest, Ona Architecture combines cutting-edge design with exceptional functionality. The theme features a responsive layout that seamlessly adapts to all devices, ensuring your architectural vision looks stunning on desktops, tablets, and smartphones.
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 5.6
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ona-news
Tags: blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, block-patterns, block-styles, rtl-language-support, sticky-post, threaded-comments, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Template: ona

Ona Architecture WordPress Theme, Copyright (c) 2024 by DeoThemes.
Ona Architecture is distributed under the terms of the GNU GPL.
*/
@font-face {
    font-family: 'Carlito';
    src: url('/wp-content/themes/ona-architecture/assets/fonts/carlito/Carlito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Carlito', sans-serif;
}
html {
  scroll-behavior: smooth !important;
}
.page {
	font-size: 24px;
}
a {
	text-decoration: none;
}
.tel-broj {
	text-align: center !important;
}
.wp-container-core-group-is-layout-b93cabc5 {
	justify-content: start;
}
.wp-container-core-group-is-layout-5aafc8e8 {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 1.5rem !important;
  }
.is-layout-grid {
	gap: 0rem;
}
.page-x-padding {
	padding-left: 24px !important;
	padding-right: 24px !important;
}
@media (min-width: 1024px) {
.wp-container-core-group-is-layout-5aafc8e8 {
	grid-template-columns: repeat(4, 1fr); 
	gap: 1.5rem;
}
.is-layout-grid {
	gap: 1.5rem;
}
.page-x-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
}
.project {
	cursor: pointer;
}
.project:hover {
	font-size: 26px;
	/* color: #2e6488; */
	color: #4784ad !important;
	transition-duration: 500ms;
}
.gallery-popup {
	display: none;
	position: fixed;
	max-width: 100vw;
	max-height: 100vh;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}
.gallery-popup.active {
	display: flex;
}
.gallery-content {
	max-width: 90%;
	width: 900px;
	padding: 2rem 10rem;
	border-radius: 8px;
}
.gallery-content img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}
.close {
	color: white;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 2rem;
	cursor: pointer;
	z-index: 100;
}
.swiper-button-next,
.swiper-button-prev {
	color: white;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 30px;
    border-radius: 100%;
}
.svg-white {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(100%);
}
.dropdown-submenu-title {
	font-size: 24px !important;
	text-align: center;
}
.submenu-align-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}