/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.1.1
	Stable tag: 3.1.1
	Requires at least: 6.0
	Tested up to: 6.5
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
* Document basic styling
* Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: border-box; /* 3 */
}

/* Sections
 */
body {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
  margin-block-start: 0.5rem;
  margin-block-end: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.35rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.15rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-block-start: 0;
  margin-block-end: 0.9rem;
	font-size: 18px;
        line-height: 28px;
}

/* Grouping content
 */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap;
}

/* Text-level semantics
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: #ee341b;
}
a:hover, a:active {
  color: #333366;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-block-end: none; /* 1 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/* Interactive
 */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

figcaption {
  font-size: 16px;
  color: #333333;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}

/* Misc
 */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Print
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    border: 1px solid #cccccc;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
}
/**
 * Form styling
 */
label {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 1rem; /* 1 */
  line-height: 1.5; /* 1 */
  margin: 0; /* 2 */
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  width: 100%;
  border: solid 1px #666666;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: #333333;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  width: auto;
  -webkit-appearance: button;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button,
[type=submit],
[type=button] {
  display: inline-block;
  font-weight: 400;
  color: #ee341b;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid #ee341b;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
}
button:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
[type=button]:focus:not(:focus-visible) {
  outline: none;
}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
  color: #ffffff;
  background-color: #ee341b;
  text-decoration: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
  cursor: pointer;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

select {
  display: block;
}

/**
 * Table styling
 */
table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
table th,
table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table th {
  font-weight: bold;
}
table thead th,
table tfoot th {
  font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: rgba(128, 128, 128, 0.0705882353);
}
table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: rgba(128, 128, 128, 0.1019607843);
}
table tbody + tbody {
  border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}
@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table th,
  table table td {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}

/**
 * List styling
 */
dl,
dt,
dd,
ol,
ul,
li {
  margin-block-start: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/*Heme page*/

/*Meni*/

/* Stilizacija za osnovne stavke menija */
.site-navigation ul.menu li a {
    color: #222227;
    cursor: pointer;
    padding: 6px 22px;
    text-decoration: none;
}

.site-navigation ul.menu li ul li.menu-item-has-children:after {
	display: block;
    position: absolute;
    right: 0;
	top: 50%;
}

/*Header*/

input[type=text], input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=url], select, textarea {
	border: none!important;
	outline: none;
}

.site-header .header-inner {
	max-width: -webkit-fill-available;
	padding: 0 50px;
}

.site-header .header-inner .site-branding .site-logo img {
    display: block;
    max-width: 250px;
}

/*Banner*/

.banner-slider {
	display: block;
	width: 100%;
	height: 100vh;
	background-size: cover;
    background-repeat: no-repeat;
}

.custom-search-form {
    position: absolute;
    top: 50%;
    left: 27%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 600px;
	z-index: 100;
}

.custom-search-form select, .custom-search-form button {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
}

.custom-search-form > h2 {
	text-transform:uppercase;
	color: white;
	font-weight: 900;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 22%);
}

.custom-search-form > form > select {
	padding: 8px;
	margin-bottom: 20px;
	border-radius: 20px;
	background-color: #ffffffd4;
	border-color: #ffffffd4;
	color: black;
}

.custom-search-form > form > button {
	border-radius: 20px;
	max-width: 300px;
	width: 100%;
	background-color: #ee341b;
	color: white;
}
select {
    width: 100%; /* Osiguraj da select zauzima 100% roditeljske širine */
    box-sizing: border-box; /* Uključi padding i border u ukupnu širinu */
}

/* Stilizacija za dropdown (options) */
select option {
    width: 100%; /* Opcije će se prilagoditi širini selecta */
    box-sizing: border-box; /* Uključi padding i border u ukupnu širinu */
	color: black;
}


/* Style za slajdere na Home page za sve tri sekcije */

/* General Styles */

.page-content, .taxonomy-content {
    padding: 20px;
	max-width: 1200px;
    margin: 0 auto;
}

.taxonomy-content > section > h3 {
	text-align: center;
	position: relative;
	    margin-bottom: 50px;
	    color: #4f4e4e;
    font-weight: 300;
}

.taxonomy-content > section > h3:before {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 85px;
    height: 1px;
    content: '';
    top: 40px;
    background-color: #777 !important; /* Dodavanje važnosti */
}

.page-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

/* Slider Sections */
.page-content .slider-section {
    margin-bottom: 50px;
    position: relative;
}

.page-home-content h2 {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin: 40px auto;
    position: relative;
    justify-content: center;
}

.page-home-content h2::before,
.page-home-content h2::after {
    content: ""; /* Dodavanje linija */
    flex: 1; /* Linije zauzimaju preostali prostor */
    height: 1px; /* Debljina linija */
    background-color: #000; /* Boja linija */
	max-width: 40px;
}

.page-home-content h2::before {
    margin-right: 10px; /* Razmak između linije i teksta */
}

.page-home-content h2::after {
    margin-left: 10px; /* Razmak između linije i teksta */
}


/* Slider Controls */
.slider-controls {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 10px;
}

.slider-controls button {
    font-size: 15px;
    cursor: pointer;
    padding: 6px 12px;
	background: #f7f7f7 !important;
    border: none!important;
    color: #4d4d4d !important;
	transition: background-color 0.3s ease, transform 0.3s ease;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.slider-controls button:hover {
    color: #000!important;
	background-color: white!important;
	transform: scale(1.1);
}

/* Slider Wrapper */
.slider-wrapper {
    overflow: hidden; /* Ensures no overflow of hidden content */
    position: relative;
}

.post-item-box > a {
	margin: 10px;
	display: block;
}

.post-item-box > a > button {
	background-color: #ee341b;
	color: white;
	padding: 3px 5px!important;
}

/*Video*/
.post-thumbnail {
	position: relative;
}

.post-item-gastro-video > .post-thumbnail > a {
    position: relative;
    display: inline-block; /* Omogućava bolje poravnanje */
}

.post-thumbnail-youtube-img > p > iframe {
	width: 100%;
	height: 700px;
}

.post-item-gastro-video > .post-thumbnail > a::before {
    content: ''; /* Neophodno da se pseudoelement prikaže */
    background-image: url('https://gastrotrazilica.com/wp-content/uploads/2024/12/youtube-1.png');
    background-size: contain; /* Prilagodjava veličinu pozadinske slike */
    background-repeat: no-repeat;
    background-position: center; /* Centriranje slike */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Pomera sliku tako da bude potpuno centrirana */
    width: 50px; /* Prilagodite veličinu po potrebi */
    height: 50px; /* Prilagodite visinu po potrebi */
}

.post-item-box-video > .post-meta {
	padding: 0;
	margin-left: 10px;
}

.post-item-box-video > .post-meta > .post-category > a {
	color: black;
	text-transform: uppercase;
    text-decoration: none;
}

.post-item-box > a > button:hover {
	background-color: white;
	color: #ee341b;
}

.category-142 > .taxonomy-content > h2 {
	display: none;
}

.post-item-box > h3 > a {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    text-decoration: none;
}

.post-item-box > h3 > a:hover {
	color: #ee341b;
}

/* Post Slider */
.post-slider {
    display: flex; /* Enable flexbox for the slider */
    flex-wrap: nowrap; /* Prevent wrapping to ensure items stay on the same line */
	width: 100%!important;
	transition: transform 0.5s ease; /* Dodajte tranziciju za glatko klizanje */
}

.post-item {
    flex: 0 0 auto; /* Prevent flex items from shrinking */
    width: calc(33.33% - 10px); /* Three items per row on desktop, minus margin */
    box-sizing: border-box; /* Include padding in the total width */
    margin-right: 15px; /* Add space between items */
}

/* Remove right margin for the last item in each row */
/* .post-slider .post-item:nth-child(3n) {
    margin-right: 0;
} */


.post-item h3 {
    margin: 10px 0;
	padding: 0 10px;
	font-weight: bold;
}



.post-excerpt > p {
	padding: 0 10px;
}

.post-item .post-thumbnail {
    margin-bottom: 10px;
}

.post-thumbnail img {
    width: 100%;
    height: auto; /* Ensure images scale properly */
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	height: 100%;
    object-fit: cover;
}

.post-item .post-excerpt {
    margin-bottom: 10px;
	padding: 10px;
}

.post-meta {
    color: #666;
    margin-top: auto; /* Pushes the meta to the bottom */
	padding: 10px;
	font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Resto Section Specific Styles */
.slider-section-recommendations .post-item {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.slider-section-recommendations .post-item:hover {
    background-color: #eee;
}

.post-item-gastro {
	position: relative;
}

.post-item-resto > .post-thumbnail > a > img, .post-item-gastro > .post-thumbnail > a > img {
	object-fit: cover;
    max-height: 250px;
}

/* Gastro Section Specific Styles */
.post-item {
/*     background-color: #fff5f5; */
    border-radius: 10px;
    transition: background-color 0.3s ease;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	margin-bottom: 15px;
	position: relative;
}

.post-item-first > .post-meta {
	display: none;
}

.post-item-first > .post-thumbnail {
	margin: 0;
    padding: 0;
    height: 100%;
    max-height: 500px;
}

.post-item-first > h3 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centriranje u oba smera (horizontalno i vertikalno) */
    text-align: center; /* Centriranje teksta unutar <h3> */
}

.post-item-first > h3 > a {
    font-size: 25px;             /* Veličina fonta */
    font-weight: bold;           /* Boldovano */
    text-transform: uppercase;   /* Velika slova */
    color: #fff;                 /* Bela boja slova */
    text-decoration: none;       /* Bez podvlačenja */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Blagi shadow efekat */
}

h3 a:hover {
    color: #f0f0f0;              /* Svetlija boja slova na hover (opciono) */
}

.slider-section-gastro .post-item:hover {
/*     background-color: #ffecec; */
}

/*Newsletter*/

.newsletter-section {
    padding: 15px 0;
}

.social-icons {
	display: flex;
}

.social-network-section {
	padding: 0 0 50px 0;
}

.social-network-section > h2 {
	text-align: center;
}

.social-icons > a {
	margin: 0 10px;
}

.site-footer .footer-inner {
	justify-content: center;
    padding: 0 0 20px 0;
}

/*Post Social in text*/

.post-social-icon {
	display: flex;
}

.post-social-icon > a {
	margin-right: 10px;
	padding: 10px;
}
/*Taxonomi Restorani*/

.drzave-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Smanjen razmak između postova */
    justify-content: space-between;
}

.drzave-posts > .post-item {
    width: calc(31.333% - 10px); /* Prikazuje tri posta u jednom redu */
    box-sizing: border-box;
    margin-bottom: 20px; /* Razmak između redova postova */
}

.drzave-posts > .post-item > .post-item-box {
    padding: 15px;
    border-radius: 5px;
}

.drzave-posts > .post-item > .post-thumbnail {
	margin: 0;
}

.drzave-posts > .post-item > .post-thumbnail > img {
	max-height: 365px;
}

/*Kategorije*/

.category-image {
	position: relative;
}

.category-image:after {
		content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        pointer-events: none;
	}

.single-post-content > article > .post-thumbnail > .entry-header > h1, .category-image > h1 {
	z-index: 1;
}

.category-image > h1 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centriranje u oba smera (horizontalno i vertikalno) */
    text-align: center; /* Centriranje teksta unutar <h3> */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	color: white;
}

.subcategories {
	border-bottom: 1px solid #ccc;
    padding: 0 0 50px 0;
    margin-bottom: 50px;
}

.subcategories > h2 {
	display: none;
}

.subcategories > ul {
	display: flex;
	flex-flow: wrap;
}

.subcategories > ul > li {
	display: inline-block;
    padding: 0 0 8px;
    margin-right: 16px;
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 8px;
	list-style: none;
	margin-bottom: 15px;
}

.subcategories > ul > li > a {
	display: block;
    padding: 8px 16px 0 16px;
    position: relative;
    color: #222227;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
}

.category-image > img {
	width: 100%;
    height: 500px;
    object-fit: cover;
}

/*Signle post*/

.single-post-content > article > .post-thumbnail {
	position: relative;
}

.single-post-content > article > .post-thumbnail > .entry-header,
.category-image > h1 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centriranje u oba smera (horizontalno i vertikalno) */
    text-align: center; /* Centriranje teksta unutar <h3> */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	color: white;
	width: 50%;
	text-align: -webkit-center;
	z-index: 1;
}

.entry-header > .entry-title-drugi {
	width: 40%;
	font-weight: 900 !important;
}

.entry-header > .entry-title-treci {
	width: 100%;
	font-weight: 600 !important;
}

.single-post-content > article > .post-thumbnail > .entry-header > h1,
.category-image > h1 {
    font-weight: 400;
	font-size: 50px;
    line-height: 55px;
}

/*Contact Info*/

.contact-info {
	display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.contact-info > .contact-item {
	display: flex;
    padding: 0 0 8px;
    margin-right: 16px;
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 8px;
    list-style: none;
    margin-bottom: 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	padding: 5px 10px;
}

.contact-info > .contact-item > img {
	width: 25px;
	height: 25px;
}

.contact-info > .contact-item > a {
	display: block;
    padding: 8px 10px;
    position: relative;
    color: #222227;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
}

/*Youtube*/

#youtube-iframe-section {
	margin: 0px 0;
}

#youtube-iframe-section {
    width: 100%; /* Osigurava da sekcija zauzima 100% širine */
}

.youtube-iframe {
    position: relative;
    width: 100%; /* Osigurava da kontejner zauzima 100% širine */
    padding-top: 56.25%; /* Odnos 16:9 za video */
    overflow: hidden; /* Sakriva eventualne prelaze */
}

.youtube-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Postavlja širinu iframe-a na 100% */
    height: 100%; /* Postavlja visinu iframe-a na 100% */
    border: 0; /* Uklanja border */
}

/*Gallery*/

/* Gallery container */
#gallery {
    margin: auto;
    text-align: left;
}

/* Stil za pop-up pozadinu */
#popupSlider {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

/* Kontejner za sliku */
#popupSliderContainer {
    position: relative;
    overflow: hidden;
    width: 90%;
    max-width: 600px;
    background: #fff;
    border-radius: 10px;
    padding: 0;
    display: flex;
    align-items: center;
	margin: 0 auto;
}

/* Slider lista */
#popupSliderList {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.5s ease;
    width: 100%;
}

/* Svaka slika u listi */
#popupSliderList li {
    min-width: 100%;
    display: flex;
    justify-content: center;
}

/* Slika */
#popupSliderList li img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Dugme za zatvaranje */
#popupClose {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
}

/* Dugmad za navigaciju */
#popupPrev,
#popupNext {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #333;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: background 0.3s;
}

#popupPrev:hover,
#popupNext:hover {
    background: #fff;
}

#popupPrev {
    left: 10px;
}

#popupNext {
    right: 10px;
}


/* Slider container */
#slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 20px auto;
}

/* Slider navigation buttons */
.control_prev, .control_next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #333;
    padding: 16px;
    background: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    user-select: none;
    z-index: 10;
}

.control_prev:hover, .control_next:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

/* Position for navigation buttons */
.control_prev {
    left: 10px;
}
.control_next {
    right: 10px;
}

/* Slider UL styling */
#slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    transition: transform 0.5s ease;
}

/* Individual slide styling */
#slider ul li {
    flex: 0 0 33.33%; /* Each slide takes up one-third of the visible slider area */
    box-sizing: border-box;
}

#slider ul li img {
    width: 100%;
    height: 100%;
}

#slider > button {
	border: none;
}


/*Mape*/

.mape-posts {
    width: 100%; /* Osigurava da roditeljski div zauzima 100% širine */
}

.mape-posts iframe {
    width: 100%; /* Postavlja širinu iframe-a na 100% */
    height: 450px; /* Možeš prilagoditi visinu prema potrebama */
    border: 0; /* Uklanja border */
}

/*Blog sekcije*/

.taxonomy-content > section {
	padding: 15px 0;
}

.entry-footer-autor {
	font-weight: bold;
	font-style: italic;
	padding: 10px;
}

.drzave-posts > .post-item > .post-item-box > a > h3 {
	padding-left: 0;
}

/*Copyright*/

.privacy-links > a {
	text-decoration: none;
	padding-bottom: 5px;
}

/*Navigation Blogs*/

.custom-post-navigation {
    text-align: center; /* Centriraj navigaciju */
    margin: 20px 0; /* Razmak iznad i ispod navigacije */
}

.custom-post-navigation a {
    display: inline-block; /* Da bi se brojevi pravilno prikazivali u redu */
    padding: 10px 15px; /* Razmak unutar brojeva */
    margin: 0 5px; /* Razmak između brojeva */
    border: 1px solid #ccc; /* Granica oko brojeva */
    border-radius: 5px; /* Zaobljeni uglovi */
    color: #333; /* Boja teksta */
    text-decoration: none; /* Ukloni podvlačenje */
    transition: background-color 0.3s, color 0.3s; /* Efekat prelaza */
}

.custom-post-navigation a:hover {
    background-color: #ee341b; /* Pozadina pri hoveru */
    color: #fff; /* Boja teksta pri hoveru */
}

.custom-post-navigation .current {
    background-color: #ee341b;
    border: 1px solid #ee341b;
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.nav-links {
	display: none;
}

/*Instagram Post*/

.instagram-posts {
	position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

.instagram-posts > .instagram-media {
	margin: 0 0px!important;
}

/*Gastrostralizica 1*/

.category-gdje-jesti-u-baranji > .taxonomy-content > h2,
.category-gdje-jesti-u-istri > .taxonomy-content > h2,
.category-gdje-jesti-u-nisu > .taxonomy-content > h2,
.category-gdje-jesti-u-pirotu > .taxonomy-content > h2,
.category-gdje-jesti-u-splitu > .taxonomy-content > h2,
.category-gdje-jesti-u-svetom-ivanu-zelini > .taxonomy-content > h2,
.category-gdje-jesti-u-vinkovcima > .taxonomy-content > h2 {
	display: none;
}

.single-post-content > article > .post-thumbnail::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    pointer-events: none; /* Sprečava interakciju sa senkom */
	}

/*END*/

@media (max-width: 1600px) {
	.site-navigation ul li {
		margin-right: 0;
	}
	
	.site-navigation ul.menu li a {
		 padding: 6px 10px;
	}
}

@media (max-width: 1450px) {
	.site-navigation ul.menu li a {
		 padding: 6px 0px;
	}
}

@media (max-width: 1280px) {
	.custom-search-form {
		padding: 0 150px 0 150px;
		width: 65%;
		transform: translate(-50%, -50%);
		/* text-align: center; */
		left: 50%;
		top: 40%;
		max-width: 100%;
	}
}

@media (max-width: 1024px) {
	.custom-search-form {
		padding: 0;
	}
	
	.drzave-posts > .post-item > .post-item-box {
		padding: 0;
	}
}

@media (max-width: 800px) {
	.custom-search-form {
		top: 35%;
	}
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-item {
        width: calc(50% - 10px); /* Show 2 items per row on tablets */
    }
	
	.banner-slider {
		height: 50vh;
	}
	
	.slider-controls {
		position: relative;
        justify-content: center;
        padding: 20px 0;
	}
	
	.page-home-content h2 {
		padding-bottom: 0;
	}
	
	.drzave-posts {
		flex-direction: column;
	}
	
	.drzave-posts > .post-item {
		width: 100%;
	}
	
	.taxonomy-content > section {
		padding: 15px 0;
	}
	
	.instagram-posts {
		flex-wrap: wrap;
		width: 100%;
	}
	
	.post-item {
        flex: 0 0 100%;
        margin-right: 0;
    }
	
	.slider-wrapper-first .post-slider {
        display: flex;
        overflow-x: visible;
    }

    .slider-wrapper-first .post-item {
		flex: 0 0 100%; /* Svaki slajd zauzima 100% širine */
		margin-right: 0; /* Uklanjanje margine između slajdova */
	}


    .slider-wrapper-resto .post-item {
        flex: 0 0 100%;
        margin-right: 0;
    }
}

@media (max-width: 480px) {
	.site-header {
		z-index: 100;
		background-color: transparent;
	}
	
	body, #content {
		top: -80px;
		bottom: -40px;
	}
	
	#content {
		margin-bottom: -60px;
	} 
	
	h1 {
		font-size: 1.5rem;
	}
	
	.site-header .header-inner {
		padding: 0 25px;
	}
	
	.site-navigation-toggle-holder .site-navigation-toggle {
		color: #333;
		text-shadow: 2px 2px 4px rgb(0 0 0 / 22%);
	}
	
	.banner-wrapper {
		top: -80px;
	}
	
	.banner-slider {
		height: 100vh;
        top: -100px;
        display: block;
        position: relative;
		height: 100vh;
    	margin-bottom: -100px;
	}
	
	.page-content {
		/*top: -50px;*/
		position: relative;
	}
	
	.page-content .slider-section {
		margin-bottom: 25px;
		overflow: hidden;
	}
	
    .post-item {
        width: 100%; /* Show 1 item per row on mobile */
        margin-right: 0;
    }
	
	.social-icons > a >img {
		max-width: 35px;
    	max-height: 35px;
	}

	.newsletter-section {
		padding: 0;
	}
	
	.social-network-section {
		padding: 0 0 20px 0;
	}
	
	.site-header .header-inner .site-branding .site-logo img {
		display: block;
		max-width: 160px;
	}
	
	.custom-search-form {
		top: 50%;
		width: 80%;
		text-align: center;
	}
	
	.site-footer .footer-inner {
		padding: 20px;
	}
	
	.contact-info {
		flex-wrap: wrap;
	}
	
	
	#gallery > #slider ul li {
		flex: 0 0 100%;
	}
	
	.single-post-content > article > .post-thumbnail {
		position: relative;
	}
	
	.single-post-content > article > .post-thumbnail::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    pointer-events: none; /* Sprečava interakciju sa senkom */
	}
	
	.single-post-content > article > .post-thumbnail-youtube-img::after {
		background: none;
	}
	
	.single-post-content > article > .post-thumbnail > .entry-header {
		width: 90%;
	}
	
	.post-slider-first .post-item:first-child {
        flex: 0 0 66%; /* Prvi slajd zauzima 70% */
        max-width: 66%;
    }
    .post-slider-first .post-item:nth-child(2) {
        flex: 0 0 130%;
        max-width: 130%;
    }
	
	.post-slider-first .post-item:nth-child(2) > h3 {
		left: 60%;
	}

	
	.slider-wrapper-first .post-item:first-child {
		margin-right: 15px!important;
		max-height: 330px;
	}
	
	.post-item-first > .post-thumbnail {
		max-height: 330px;
	}
	
	.home > .site-header > .header-inner > .site-navigation-toggle-holder > button {
		color: #fff;
	}
	
	.post-thumbnail-youtube-img > p > iframe {
		height: 400px;
		width: 100%;
	}
	
	.site-header+.elementor {
		min-height: auto!important;
	}
	
	.single-post-content > article > .post-thumbnail > .entry-header > h1,
	.category-image > h1 {
		font-weight: 800;
		font-size: 30px;
		line-height: 33px;
	}
	
	.custom-search-form > h2 {
		font-size: x-large;
	}
	
	.instagram-posts {
		width: 100%;
	}
}

/* Home redesign v1 */
.home .site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  padding-block-start: 0;
  padding-block-end: 0;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid #ddd8ca;
  backdrop-filter: blur(6px);
}

.gt-home {
  background: #f7f5ef;
  padding-bottom: 0;
}

.gt-hero {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  background: #1a1a1a;
}

.gt-hero-slider {
  position: absolute;
  inset: 0;
}

.gt-hero-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: opacity 1.2s ease;
  opacity: 0;
}

.gt-hero-slide-fallback {
  background-image: radial-gradient(circle at 20% 20%, #3d2f22, #111 70%);
}

.gt-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.62) 78%);
}

.gt-hero-content {
  position: relative;
  z-index: 2;
  max-width: 940px;
  margin: 0 auto;
  padding: 116px 22px 80px;
  text-align: center;
  color: #f3efe7;
}

.gt-hero-content h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, 62px);
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.gt-hero-content p {
  margin: 18px auto 26px;
  max-width: 680px;
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.35;
  color: #e8dfcf;
}

.gt-hero-search {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) minmax(260px, 1.5fr);
  gap: 0;
  background: #f7f4ed;
  border: 1px solid #d9cdb5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.25);
}

.gt-hero-search select,
.gt-hero-search input {
  height: 56px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  color: #232323;
  border: none;
  background: transparent;
}

.gt-hero-search select {
  border-right: 1px solid #ddd2bd;
  border-radius: 0;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #7d6b4e 50%), linear-gradient(135deg, #7d6b4e 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% + 2px), calc(100% - 12px) calc(50% + 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 34px;
  max-width: none;
}

.gt-search-input-wrap {
  display: flex;
  align-items: center;
  background: #fff;
}

.gt-search-input-wrap input {
  flex: 1;
  min-width: 0;
}

.gt-search-submit {
  width: 56px;
  height: 56px;
  border: 0;
  background: #b4893b;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.gt-search-submit:hover {
  background: #9a742f;
}

.gt-map-btn {
  display: inline-flex;
  margin-top: 22px;
  padding: 11px 20px;
  border: 1px solid #d5bf94;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  color: #f4ead6;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.gt-map-btn:hover {
  color: #fff;
  border-color: #edd6ab;
}

.gt-home-content {
  max-width: 1220px;
  padding-top: 42px;
}

.gt-home-content .gt-section {
  margin-bottom: 46px;
}

.gt-home-content h2 {
  margin: 0 0 18px;
  font-size: clamp(26px, 3.2vw, 34px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
  color: #24221d;
}

.gt-home-content h2::before,
.gt-home-content h2::after {
  display: none;
}

.gt-top-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.gt-top-card {
  position: relative;
  display: block;
  min-height: 190px;
  padding: 20px;
  border-radius: 8px;
  overflow: hidden;
  background: radial-gradient(circle at 65% 20%, rgba(255, 196, 89, 0.2), transparent 50%), linear-gradient(130deg, #161616, #282014 55%, #51371d);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.gt-top-card:nth-child(2) {
  background: radial-gradient(circle at 75% 30%, rgba(112, 188, 87, 0.24), transparent 46%), linear-gradient(140deg, #171717, #22311f 54%, #2f4a2e);
}

.gt-top-card:nth-child(3) {
  background: radial-gradient(circle at 80% 24%, rgba(255, 143, 80, 0.26), transparent 50%), linear-gradient(140deg, #121212, #2d1d18 52%, #512b1a);
}

.gt-top-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.55));
}

.gt-top-card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.gt-top-card h3 {
  margin: 0;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  max-width: 210px;
}

.gt-top-card-btn {
  display: inline-flex;
  width: fit-content;
  padding: 7px 14px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.gt-home-content .slider-section {
  position: relative;
}

.gt-home-content .slider-controls {
  top: -2px;
  right: 0;
}

.gt-home-content .slider-controls button {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #d8cab2 !important;
  border-radius: 4px;
  background: #f0e7d8 !important;
  color: #8f6d3a !important;
  box-shadow: none;
  font-size: 16px;
  line-height: 1;
}

.gt-home-content .slider-wrapper {
  padding-top: 8px;
}

.gt-home-content .post-slider {
  gap: 0;
}

.gt-home-content .post-item {
  margin-right: 18px;
  border-radius: 8px;
  /* box-shadow: 0 8px 26px rgba(35, 35, 35, 0.12); */
  overflow: hidden;
  background: #fff;
  transition: transform 0.2s ease;
}

.gt-home-content .post-item:hover {
  transform: translateY(-4px);
}

.gt-city-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.gt-city-thumb {
  display: block;
  height: 185px;
  overflow: hidden;
}

.gt-city-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gt-city-content {
  padding: 14px 14px 16px;
  text-align: center;
}

.gt-city-content h3 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.gt-city-content h3 a {
  color: #1f1f1f;
}

.gt-city-content p {
  margin: 8px 0 0;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a8a8a;
}

.gt-recommend-card .post-thumbnail,
.gt-video-card .post-thumbnail {
  height: 190px;
  position: relative;
  margin: 0;
}

.gt-recommend-card .post-thumbnail img,
.gt-video-card .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gt-recommend-card .post-item-box,
.gt-video-card .post-item-box {
  padding: 14px;
}

.gt-recommend-card h3,
.gt-video-card h3 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 22px;
  line-height: 1.12;
  font-weight: 800;
  color: #1f1f1f;
}

.gt-recommend-card h3 a {
  color: #1f1f1f;
}

.gt-recommend-card .post-excerpt {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #5b5b5b;
}

.gt-badge {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 4px 8px;
  border-radius: 5px;
  background: #b7892f;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.gt-video-card .post-thumbnail a {
  position: relative;
  display: block;
  height: 100%;
}

.gt-video-card .post-thumbnail a::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(240, 20, 20, 0.92);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
}

.gt-video-card .post-thumbnail a::after {
  content: '';
  position: absolute;
  left: calc(50% + 3px);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #fff;
}

.gt-video-label {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: 0.09em;
  font-weight: 700;
  text-transform: uppercase;
  color: #8a8a8a;
}

.gt-link-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 4px;
  background: #df2a19;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.gt-link-btn:hover {
  color: #fff;
  background: #b52214;
}

.gt-map-cta {
  position: relative;
  padding: 28px;
  border-radius: 10px;
  overflow: hidden;
  background: radial-gradient(circle at 66% 48%, #365162 0%, #1f323f 36%, #151d25 70%);
  min-height: 250px;
  display: flex;
  align-items: center;
}

.gt-map-cta::before,
.gt-map-cta::after {
  content: '';
  position: absolute;
  border-radius: 999px;
  background: rgba(203, 157, 70, 0.92);
  box-shadow: 0 0 0 8px rgba(203, 157, 70, 0.16);
}

.gt-map-cta::before {
  width: 18px;
  height: 18px;
  right: 34%;
  top: 38%;
}

.gt-map-cta::after {
  width: 16px;
  height: 16px;
  right: 22%;
  top: 56%;
}

.gt-map-content {
  position: relative;
  z-index: 1;
  max-width: 370px;
  padding: 24px;
  border-radius: 10px;
  background: rgba(14, 18, 23, 0.62);
  backdrop-filter: blur(2px);
}

.gt-map-content h2 {
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.04;
  text-align: left;
  color: #f2eadc;
}

.gt-map-content p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: #dfd0b6;
}

.gt-map-open-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 11px 18px;
  border-radius: 5px;
  background: #b68937;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.gt-map-open-btn:hover {
  color: #fff;
  background: #906a2b;
}

@media (max-width: 1140px) {
  .gt-hero-content {
    padding-top: 98px;
  }

  .gt-hero-search {
    grid-template-columns: 1fr 1fr;
  }

  .gt-search-input-wrap {
    grid-column: 1 / -1;
  }

  .gt-top-card h3 {
    font-size: 28px;
  }
}

@media (max-width: 860px) {
  .gt-top-grid {
    grid-template-columns: 1fr;
  }

  .gt-home-content .post-item {
    margin-right: 12px;
  }

  .gt-map-cta {
    padding: 18px;
    min-height: 220px;
  }
}

@media (max-width: 768px) {
  .gt-hero {
    min-height: 560px;
  }

  .gt-hero-content {
    padding: 96px 14px 54px;
  }

  .gt-hero-content h1 {
    font-size: clamp(30px, 10.4vw, 42px);
  }

  .gt-hero-content p {
    font-size: 16px;
  }

  .gt-hero-search {
    grid-template-columns: 1fr;
  }

  .gt-hero-search select {
    border-right: 0;
    border-bottom: 1px solid #ddd2bd;
  }

  .gt-home-content {
    padding-top: 30px;
  }

  .gt-home-content .slider-controls {
    position: absolute;
    justify-content: flex-end;
    padding: 0;
  }

  .gt-home-content .post-item {
    margin-right: 0;
  }

  .gt-city-content h3,
  .gt-recommend-card h3,
  .gt-video-card h3 {
    font-size: 20px;
  }

  .gt-map-content {
    max-width: none;
  }

  .home .site-header {
    position: relative;
  }
}