/*!
Theme Name: SLOBODNE VEZE 2026
Author: cmpx design studio
Author URI: http://cmpx.hu
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: slobodne-veze-2026
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

*/

@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap');
*{box-sizing:border-box;}
body{font-family:'Martian Mono';margin:0;}
a{color:black;}
::selection{background:black;color:#ff00ff;}

#folt{display:block;width:100dvw;height:100dvh;bottom:0;left:0;position:fixed;background:radial-gradient(#ff00ff 1%, white 70%, white);z-index:-999;opacity:0.3;}

#logobox{display:flex;flex-flow:row nowrap;font-size:1rem;gap:0.5rem;align-items:center;width:auto;}
#logobox span{white-space: nowrap;margin:0;}
#logo{height:3rem;}

#masthead{padding:1rem;width:100%;gap:1rem;position:fixed;top:0;left:0;background:white;justify-content:space-between;height:5rem;border-bottom:2px solid black;z-index:998!important;}
#masthead{display:flex;flex-flow:row nowrap;text-transform:uppercase;align-items:center;}
#masthead a{text-decoration:none;display:flex;}

#navigationTrigger{cursor:pointer;aspect-ratio:1!important;display:flex;justify-content:center;align-items:center;padding:0.25rem;}
#navigationTrigger:hover{background-color:#ff00ff;background:#ff00ff;color:black;border-radius:100%;}
#navigation{width:100%;height:100dvh;top:0;right:0;position:fixed;z-index:999;padding:1rem;text-transform:uppercase;display:none;justify-content:space-between;flex-flow:column nowrap;text-align:right;background:url() no-repeat white;background-size:contain;background-position:center;}
#navigation li a{background:white;margin:0.25rem 0;}
#navigation ul,li{padding:0;margin:0;list-style:none;}
#navigation a{text-decoration:none;display:inline-block;font-size:2.5em;}
#navigation a:hover{background:#ff00ff!important;color:black!important;}
.current_page_item a{background:black!important;color:#ff00ff!important;display:inline-block;}

main{padding:1rem;margin-top:5rem;}
.entry-title{font-size:7rem;text-transform:uppercase;margin:0;}
img{max-width:100%;}
blockquote{padding:0;font-size:1.5em;margin:0;}
p a:hover{background:#ff00ff;}

/***/

.cpt-row { cursor: pointer; padding: 0; font-size:2rem; gap: 1rem; text-transform:uppercase; display:flex;	justify-content:space-between;}
.cpt-dropdown {	padding-top:1rem; display: none;}
.cpt-text,.cpt-gallery{width:50%;max-width:50%;}
.cpt-text p:first-of-type{margin-top:0;}
.cpt-item.open .cpt-dropdown {display: flex;gap:1rem;}
.cpt-item{border-bottom:2px solid black;}
.cpt-gallery {  display: block; padding-bottom:1rem;cursor:zoom-in;}
.cpt-gallery img { width: 100%; height: auto; display: block; cursor: zoom-in;}
.cpt-row-title{display:flex;}
.cpt-row-title::before {
	display:block;
    content: "+";
    margin-right: 10px;
}

.open .cpt-row-title::before {
    content: "−";
}

/* LIGHTBOX + swiper */
.cpt-lightbox-overlay { position: fixed; inset: 0;  background: rgba(0,0,0,0.9); display: flex; align-items: center; justify-content: center; z-index: 9999; cursor: zoom-out;}
.cpt-lightbox-content img { max-width: 90vw; max-height: 90vh;cursor:zoom-out;}

.swiper-pagination-bullet-active{background:white!important;}
.swiper-button-next,.swiper-button-prev{color:white!important;}

/* Fixed height for gallery slider */
.cpt-gallery.swiper {
    height: 500px; /* adjust height as needed */
    position: relative;
}

/* Swiper slides should take full height */
.cpt-gallery.swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* Images fit inside slide */
.cpt-gallery.swiper .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}

.projects,.artists{margin:0;padding:0;}
.project-toggle{text-transform:uppercase;width:100%;display:flex;flex-direction:row;justify-content:space-between;cursor:pointer;}
.project{border-bottom:2px solid black;font-size:2rem;}
.project-content{display:none;}
#projects,#artists,#apply{display:none;}
.artist-list{display:grid;width:100%;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;}
.artist{width:100%;aspect-ratio:1;display:block;background:black;border-radius:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;font-size:1.5em;color:white;cursor:pointer;border:2px solid black;}
.artist:hover{background:black;color:#ff00ff;}

img{width:auto;height:auto;}

.contact-grid{width:100%;display:grid;grid-template-columns: repeat(3, 1fr);gap:1rem;padding:1rem 0;}
.contact-circle{width:100%;aspect-ratio:1;display:block;background:black;border-radius:100%;display:flex;justify-content:center;align-items:center;color:white;text-decoration:none;font-weight:bold;font-size:2rem;text-align:center;padding:1rem;}
.contact-circle:hover{color:#ff00ff;}

#gallery-1{display: grid;grid-template-columns: repeat(4, 1fr);}
#gallery-1 img{height:400px;width:auto;}

@media screen and (max-width: 960px){
	.entry-title{font-size:3rem;word-break:break-all;}
	a{word-break:break-all;}
	.cpt-row{display:block;}
	.cpt-row-year{font-size:0.5em;margin-top:0.5rem;text-align:right;}
	.cpt-item{padding:0.5rem 0;}
	.cpt-item.open .cpt-dropdown {flex-wrap:wrap;}
	.cpt-text,.cpt-gallery{width:100%;max-width:100%;}
	.artist-list{display:grid;width:100%;gap:1rem;grid-template-columns:1fr;}
	.contact-grid{grid-template-columns:1fr;gap:20px;}
	#gallery-1{display: grid;grid-template-columns: repeat(1, 1fr);}
	#gallery-1 img{height:auto;width:auto;}
}