/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
.meta-author {display:none !important}
:root {
  --border-width: 0px;
}
/* Mobile Portrait: do 420px */
@media (max-width: 420px) {
  body {
    border-left:var(--border-width) solid #000000 !important;
  }
	
}
/* Mobile Portrait: do 767px */
@media (min-width: 421px) and (max-width: 767px) {
  body {
    border:var(--border-width) solid red !important; /* Danger */
  }
}

/* Mobile Landscape: 768px – 880px */
@media (min-width: 768px) and (max-width: 880px) {
  body {
    border: var(--border-width) solid pink !important; /* Warning */
  }
}

/* Tablet Portrait: 881px – 1024px */
@media (min-width: 881px) and (max-width: 1024px) {
  body {
    border: var(--border-width) solid gold !important; /* Attention */
  }
}

/* Tablet Landscape: 1025px – 1200px */
@media (min-width: 1025px) and (max-width: 1200px) {
  body {
    border: var(--border-width) solid green !important; /* Success */
  }
}

/* Laptop: 1201px – 1366px */
@media (min-width: 1201px) and (max-width: 1366px) {
  body {
    border: var(--border-width) solid blue !important; /* Info */
  }
}

/* Widescreen: 1367px – 2399px */
@media (min-width: 1367px) and (max-width: 2399px) {
  body {
    border: var(--border-width) solid magenta !important; /* Primary */
  }
	
}

/* Ultra Widescreen: 2400px i više */
@media (min-width: 2400px) {
  body {
    border: var(--border-width) solid purple !important; /* Royal */
  }

}

html {
	scroll-behavior: auto !important;
}

html.lenis {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: hidden;
}
.header .ct-container {
	padding-left:0;
	padding-right:0;
}
.btn a.elementor-button,
a.header-btn {
	position: relative;
}

.btn a.elementor-button:before,
a.header-btn:before {
	content: "";
	width: 106%;
	height: 1px;
	background: var(--theme-palette-color-9);
	display: block;
	position: absolute;
	left: -3%;
	top: -5px;
}


.btn a.elementor-button:after,
a.header-btn:after {
	content: "";
	width: 106%;
	height: 1px;
	background: var(--theme-palette-color-9);
	display: block;
	position: absolute;
	left: -3%;
	bottom: -5px;
}

.site-branding {
	width: 265px;
}

.menu>li>.ct-menu-link {
	align-items: flex-end;
	text-transform: lowercase !important;
	margin-right: 72px;
	position: relative;
	height: 32px !important;
	align-self: flex-end !important;
}

.menu>li>.ct-menu-link:after {
	content: "/";
	display: block;
	position: absolute !important;
	color: var(--theme-palette-color-9);
	font-size: 20px;

	right: -20px !important;
	opacity: 100;

}

#header [data-items] {
	align-items: flex-end !important;
}

[data-menu]>ul>li>a:before,
[data-menu]>ul>li>a:after {
	position: static !important;
	left: auto !important;
	right: auto !important;
	margin: 0 !important;
	height: auto !important;
	opacity: 1 !important;
	background-color: transparent !important;
	transition: none !important;
}

.hero-anim h2,
.hero-p-anim p,
.hero-btn {
	visibility: hidden;
}

.split-line,
.split-line-p {
	display: block;
	overflow: hidden;
}

.second-section {
	box-shadow: 0px -220px var(--theme-palette-color-8) inset;
}


.swiper-pagination {
	display: flex;
	flex-direction: row;
	position: absolute !important;
	height: auto;
	padding-left: 6px !important
}

.swiper-pagination-bullet {
	border-radius: 0 !important;
	width: 32px !important;
	height: 8px !important;
}


.green-box .elementor-widget-container:before {
	background-image: radial-gradient(at bottom left, #2D343300 0%, var(--theme-palette-color-1) 93%);
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	border: 1px solid var(--theme-palette-color-8);
}

.elementor-icon-box-content {
	z-index: 3;
}

.elementor-icon-box-icon {
	position: absolute;
	top: 32px;
}

.green-box, .green-box2,  .green-box .elementor-widget-container,  .green-box2 .elementor-widget-container{
	position:relative;
}
/* Gornji lijevi ugao */
.green-box::before, .green-box2::before {
	content: "";
	position: absolute;
	top: -14px;
	left: -14px;
	width: 15px;
	height: 15px;
	background: transparent;
	border-bottom: 2px solid var(--theme-palette-color-8);
	border-right: 2px solid var(--theme-palette-color-8);
}


.green-box::after, .green-box2::after  {
	content: "";
	position: absolute;
	bottom: -14px;
	right: -14px;
	width: 15px;
	height: 15px;
	background: transparent;
	border-top: 2px solid var(--theme-palette-color-1);
	border-left: 2px solid var(--theme-palette-color-1);
} 

/* .superline .elementor-divider-separator {
  display: block;
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition: none !important; /* uklanja Elementor animaciju ako je ima */
}

*/ .superline {
	position: relative;
}

.superline {
	position: relative;
	/*   overflow: hidden; */
}

.superline .elementor-divider-separator {
	display: block;
	height: 1px !important;
	background-color: var(--theme-palette-color-8);
	transform: scaleX(0);
	transform-origin: center;
	opacity: 0;
	position: relative;
}

/* Rombovi kao pseudo-elementi */
/* .superline .elementor-divider-separator::before,
.superline .elementor-divider-separator::after {
	content: "";
	width: 12px;
	height: 12px;
	background: var(--theme-palette-color-8);
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	opacity: var(--rombs-opacity);
	transition: opacity 0.4s ease;
}

.superline .elementor-divider-separator::before {
	left: 0px;
}

.superline .elementor-divider-separator::after {
	right: 0px;
} */

.hl-line {
  display: block;
  overflow: hidden;
}

.headlinebg .elementor-widget-container:before {
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(at bottom left, #ffffff00 0%, var(--theme-palette-color-8) 93%);
    left: 0;
    top: 0;
}

.plmarks-wrapper, .plmarks-wrapper-alt {
	overflow: visible;
    position: relative;
}

.plmarks-wrapper:hover .print-mark, .plmarks-wrapper-alt:hover .print-mark-alt{
	
	width:32px;
	height:32px;
	opacity:.9;
}

.print-mark {
	display:block;
	position: absolute;
	width:16px;
	height:16px;
	opacity:.9;
	transition: all 0.6s;
}

.print-mark.print-tl {
	background-color:transparent;
	border-bottom:1px solid var(--theme-palette-color-6);
	border-right:1px solid var(--theme-palette-color-6);
    right: 100%;
    bottom: 100%;
}

.print-mark.print-tr {
	background-color:transparent;
	border-left:1px solid var(--theme-palette-color-6);
	border-bottom:1px solid var(--theme-palette-color-6);
    left: 100%;
    bottom: 100%;
}

.print-mark.print-bl {
	background-color:transparent;
	border-top:1px solid var(--theme-palette-color-6);
	border-right:1px solid var(--theme-palette-color-6);
    right: 100%;
    top: 100%;
}

.print-mark.print-br {
	background-color:transparent;
	border-top:1px solid var(--theme-palette-color-6);
	border-left:1px solid var(--theme-palette-color-6);
    left: 100%;
    top: 100%;
}

/* print marks alt */
.print-mark-alt {
	display:block;
	position: absolute;
	width:16px;
	height:16px;
	opacity:.9;
	transition: all 0.6s;
}

.print-mark-alt.print-tl {
	background-color:transparent;
	border-bottom:1px solid var(--theme-palette-color-6);
	border-right:1px solid var(--theme-palette-color-6);
    right: 100%;
    bottom: 100%;
}

.print-mark-alt.print-tr {
	background-color:transparent;
	border-left:1px solid var(--theme-palette-color-6);
	border-bottom:1px solid var(--theme-palette-color-6);
    left: 100%;
    bottom: 100%;
}

.print-mark-alt.print-bl {
	background-color:transparent;
	border-top:1px solid var(--theme-palette-color-6);
	border-right:1px solid var(--theme-palette-color-6);
    right: 100%;
    top: 100%;
}

.print-mark-alt.print-br {
	background-color:transparent;
	border-top:1px solid var(--theme-palette-color-6);
	border-left:1px solid var(--theme-palette-color-6);
    left: 100%;
    top: 100%;
}

.cursor-bubble {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  mix-blend-mode: lighten; 
}


.superbox .elementor-widget-container {
	position:relative;
	overflow:hidden;
  z-index: 1;
}
.superbox .elementor-widget-container::before {
  content: "";
  position: absolute;
  width: 160%;
  height: 2%;
  left: -60%;
  bottom: -20%;
  background: var(--theme-palette-color-2);
  opacity: 0;
  transform: translateY(0%);
  transition: all 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.3s ease;
  z-index: -1;
  border-radius:100%;
}

.superbox:hover .elementor-widget-container::before {
  transform: translateY(0);
	left: -30%;
	 height: 140%;
  opacity: 0.2; /* ispravno: opacity ide od 0 do max 1, ne 20 */
}

.project-list-wrap {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 3rem;
}

.project-item {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
}

/* .project-image img {
  max-width: 100%;
  width: 500px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
} */
.project-image  {
  width: 500px;
  height: 500px;
}
.project-image img {
  width: 500px;
  height: 500px;
  object-fit: cover;
transition: all 0.9s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.project-item:hover .project-image img {
	transform:scale(.98);
}


.project-content {
  flex: 1;
  min-width: 300px;
	height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 500px;
    align-items: start;
    justify-content: space-between;
}

.project-category {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 0;
  margin-bottom: 10px;
  display: inline-block;
}

.project-title {
	font-family:"Cormorant Garamond", serif;
  font-size: 56px;
	line-height:64px;
  font-weight: 700;
  margin-bottom: 12px;
	color:var(--theme-palette-color-1);
}

.project-meta {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 15px;
}

.project-meta li {
  margin-bottom: 4px;
}

.project-excerpt {
  color:var(--theme-palette-color-3);
  margin-bottom: 20px;
  
	  font-size: 24px;
	line-height:32px;
	    display: flex
;
    flex: 1;
}

.project-btn {
   background:var(--theme-palette-color-1);
  color:var(--theme-palette-color-8);
  text-decoration: none;
  padding: 16px 32px 16px 32px;
  display: inline-block;
  transition: all 0.9s cubic-bezier(0.47, 1.64, 0.41, 0.8);
	font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}
.project-btn span {
	padding-right:8px;
	transition: all 0.9s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.project-btn:hover {
   background:var(--theme-palette-color-2);
  color: var(--theme-palette-color-1);
}
.project-btn:hover span{
  	padding-right:24px;
}

.feat-show {
  overflow: hidden;
}
height: 2px !important;

.feat-show .elementor-widget-container {
  height: 2px;
  overflow: hidden;
  transition: height 0.9s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

/* .feat-show .elementor-widget-container {
  height: 2px;
  overflow: hidden;
} */

.feat-show img {
  transform: scale(0.1);
  transform-origin: center center;
}
.feat-container {
  height: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: none;
}


.scroll-scrub-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.project-list-wrap {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 3rem;
}

.press-item {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
	padding-bottom:16px;
	border-bottom:1px solid #434f5880;
	margin-bottom:32px;
}

/* .press-image img {
  max-width: 100%;
  width: 500px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
} */
.press-image  {
  width: 300px;
  height: 300px;
}
.press-image img {
  width: 300px;
  height: 300px;
  object-fit: cover;
transition: all 0.9s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.press-item:hover .press-image img {
	transform:scale(.98);
}


.press-content {
  flex: 1;
  min-width: 300px;
	height: 100%;
    display: flex;
    flex-direction: column;
/*     min-height: 300px; */
    align-items: start;
    justify-content: flex-start;
}

.press-category {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 0;
  margin-bottom: 10px;
  display: inline-block;
}

.press-title {
	font-family:"Cormorant Garamond", serif;
  font-size: 56px;
	line-height:64px;
  font-weight: 700;
  margin-bottom: 12px;
	color:var(--theme-palette-color-1);
}

.press-meta {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 15px;
}

.press-meta li {
  margin-bottom: 4px;
}

.press-excerpt {
  color:var(--theme-palette-color-3);
  margin-bottom: 20px;
  
	  font-size: 24px;
	line-height:32px;
	    display: flex
;
    flex: 1;
}

.press-btn {
   background:var(--theme-palette-color-1);
  color:var(--theme-palette-color-8);
  text-decoration: none;
  padding: 16px 32px 16px 32px;
  display: inline-block;
  transition: all 0.9s cubic-bezier(0.47, 1.64, 0.41, 0.8);
	font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}
.press-btn span {
	padding-right:8px;
	transition: all 0.9s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.press-btn:hover {
   background:var(--theme-palette-color-2);
  color: var(--theme-palette-color-1);
}
.press-btn:hover span{
  	padding-right:24px;
}


.meta-author {display:none !important}