/** Shopify CDN: Minification failed

Line 598:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Climate+Crisis:YEAR@1979..2050&display=swap');

/*@import url('https://fonts.googleapis.com/css2?Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Climate+Crisis:YEAR@1979..2050&family=Erica+One&family=Gasoek+One&display=swap');*/

/* shopify doesn't like it, though, but font conversion doesn't seem to work for variable widths */

/* of the fonts below, only erica works ???*/
/*
@font-face {
	font-family: 'hanken_groteskitalic';
	src: url('//jadranjadran.net/cdn/shop/files/hankengrotesk-italic-variablefont_wght-webfont.woff2?v=6185544920707879974') format('woff2'),
	url('//jadranjadran.net/cdn/shop/files/hankengrotesk-italic-variablefont_wght-webfont.woff?v=3513932714426765917') format('woff');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;

}

@font-face {
	font-family: 'hanken_groteskregular';
	src: url('//jadranjadran.net/cdn/shop/files/hankengrotesk-variablefont_wght-webfont.woff2?v=16651958605574649923') format('woff2'),
	url('//jadranjadran.net/cdn/shop/files/hankengrotesk-variablefont_wght-webfont.woff?v=15955347141259670712') format('woff');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;

}
*/

/*
@font-face {
    font-family: 'erica_oneregular';
    src: url('//jadranjadran.net/cdn/shop/files/ericaone-regular-webfont.woff2?v=14022789225174862374') format('woff2'),
         url('//jadranjadran.net/cdn/shop/files/ericaone-regular-webfont.woff?v=13639042492034273289') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gasoek_oneregular';
    src: url('gasoekone-regular-webfont.woff2') format('woff2'),
         url('gasoekone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

/*
@font-face {
    font-family: 'climate_crisisregular';
    src: url('climatecrisis-regular-variablefont_year-webfont.woff2') format('woff2'),
         url('climatecrisis-regular-variablefont_year-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

.climate-crisis {
  font-family: "Climate Crisis", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "YEAR" 1979;
}


/* ----------------------------------------------------------------- */

#jadranjadran {
	--font-body-family: 'Hanken Grotesk', 'hanken_groteskregular', sans-serif;
	--font-header-family: 'Climate Crisis', sans-serif;
  
	/*
  * from the screen
  --jadranjadran-light-blue: '#569cff';
  --jadranjadran-dark-blue: '#1b1652';
  --jadranjadran-orange: '#ea521c'
  */

	/* actual values */
	--jadranjadran-light-blue: #61a6ff;
	--jadranjadran-dark-blue: #1b1464;
	--jadranjadran-orange: #ff6224
}

#jadranjadran h1,
#jadranjadran h2,
#jadranjadran h3,
#jadranjadran h4,
#jadranjadran h5 #jadranjadran h6,
#jadranjadran .h1,
#jadranjadran .h2,
#jadranjadran .h3,
#jadranjadran .h4,
#jadranjadran .h5,
#jadranjadran .h6 {
	color: var(--jadranjadran-orange);
  font-family: var(--font-header-family);
}



/* resets */

   #jadranjadran body {
        font-size: 2rem;
        letter-spacing: 0;
        line-height: calc(1 + 0.6 / var(--font-body-scale));
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 2rem;
        }
      }



/* ANIMATED BANNER */

/* jezek */

@keyframes jaggedJump {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	20% {
		transform: translate(0, 0);
		opacity: 1;
	}

	21% {
		opacity: 0;
	}

	25% {
		transform: translate(100px, 50px);
		opacity: 0;
	}

	26% {
		opacity: 1;
	}

	50% {
		transform: translate(100px, 50px);
		opacity: 1;
	}

	51% {
		opacity: 0;
	}

	55% {
		transform: translate(20px, -30px);
		opacity: 0;
	}

	56% {
		opacity: 1;
	}

	80% {
		transform: translate(20px, -30px);
		opacity: 1;
	}

	81% {
		opacity: 0;
	}

	85% {
		transform: translate(-50px, 40px);
		opacity: 0;
	}

	86% {
		opacity: 1;
	}

	100% {
		transform: translate(-50px, 40px);
		opacity: 1;
	}
}
/*
@keyframes flickerIconOnly {

	0%,
	13%,
	45%,
	61%,
	92%,
	100% {
		background-image: none,
		linear-gradient(#ff622480, #ff622480),
		url(//jadranjadran.net/cdn/shop/t/1/assets/NP_cover_kupa_GS_1024x.jpg?v=3227771753575886691749571629);
	}

	7%,
	30%,
	35%,
	70%,
	90% {
		background-image: url(//jadranjadran.net/cdn/shop/t/1/assets/jezek_small.png?v=22030052851462679621749618376),
		linear-gradient(#ff622480, #ff622480),
		url(//jadranjadran.net/cdn/shop/t/1/assets/NP_cover_kupa_GS_1024x.jpg?v=3227771753575886691749571629);
	}
}
*/

@keyframes flickerIconOnly {
  	0% {
		opacity: 1;
	}

	5% {
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	21% {
		opacity: 0;
	}

	25% {
		opacity: 0;
	}

	26% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	51% {
		opacity: 0;
	}

	55% {
		opacity: 0;
	}

	56% {
		opacity: 1;
	}

	80% {
		opacity: 1;
	}

	81% {
		opacity: 0;
	}

	85% {
		opacity: 0;
	}

	86% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}


.jadranjadran.urchin-1,
.jadranjadran.urchin-2 {
	position: absolute;
	width: 150px;
	height: 150px;
	background-image: url(//jadranjadran.net/cdn/shop/t/1/assets/jezek_small.png?v=22030052851462679621749618376);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
	display: block;
	opacity: 0;
}

.jadranjadran.urchin-1 {
	top: 25%;
	left: 19%;
	/*animation: jaggedJump 10s steps(1, end) infinite;*/
  animation: flickerIconOnly 10s steps(1, end) infinite;
}

.jadranjadran.urchin-2 {
	top: 25%;
	left: 73%;
	/*animation: jaggedJump 10s steps(1, end) 1.5s infinite;*/
  	animation: flickerIconOnly 10s steps(1, end) 1.5s infinite;

}

/* nasty conflict */
#jadranjadran #Banner-template--25349423333724__image_banner::after {
	all: unset;
}

#jadranjadran #Banner-template--25349423333724__image_banner::before {
	all: unset;
}


#jadranjadran #Banner-template--25349423333724__image_banner {
	position: relative;
	z-index: 0;
}

#jadranjadran #Banner-template--25349423333724__image_banner .banner__media.media.placeholder {
  display: none;
}

#jadranjadran #Banner-template--25349423333724__image_banner::before,
#jadranjadran #Banner-template--25349423333724__image_banner::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1;
	display: block !important;
	/* because of a conflict on mobile */
}

#jadranjadran #Banner-template--25349423333724__image_banner::before {
	left: 0;
	background-image: linear-gradient(#61a6ff80, #61a6ff80),
	url(//jadranjadran.net/cdn/shop/t/1/assets/NP_cover_kupa_GS_1024x.jpg?v=3227771753575886691749571629);
	transform: scaleX(-1);
}





#jadranjadran #Banner-template--25349423333724__image_banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	z-index: 1;
	display: block !important;

	background-image:
	/*url(//jadranjadran.net/cdn/shop/t/1/assets/jezek_small.png?v=22030052851462679621749618376),*/
	/* Layer 1 (icon) */
	linear-gradient(#ff622480, #ff622480),
	/* Layer 2 (overlay) */
	url(//jadranjadran.net/cdn/shop/t/1/assets/NP_cover_kupa_GS_1024x.jpg?v=3227771753575886691749571629);
	/* Layer 3 (base image) */

	background-repeat:
		/*no-repeat,*/
		no-repeat, no-repeat;

	background-position:
		/*60% 40%,*/
		/* flicker image */
		center,
		/* overlay */
		center;
	/* base */

	background-size:
		/*125px auto,*/
		/* flicker image size */
		cover,
		/* overlay */
		cover;
	/* base image */

	background-blend-mode:
		/*normal,*/
		normal, normal;

	/*animation: flickerIconOnly 5s steps(1, end) infinite;*/
}

/* banner end */

#jadranjadran #Banner-template--25349423333724__image_banner h2 {
	color: var(--jadranjadran-dark-blue);
  text-transform: uppercase;
   font-family: "Climate Crisis", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "YEAR" 1979;
}

/* multicolumn element tweaks */

#jadranjadran .multicolumn .multicolumn-card.content-container {
  background: none;
}


/* custom image with overlay */
#jadranjadran .jadranjadran.image-container {
  position: relative;
}
#jadranjadran .jadranjadran.image-container.w-full {
  max-width: 100%;
}

#jadranjadran .jadranjadran img,
#jadranjadran .image-with-text img
{
  max-width: 100%;
  filter: grayscale(100%);
  display: block;
}

#jadranjadran .jadranjadran.image-container.overlay::after,
#jadranjadran .simple-overlay 
{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1;
    background-color: var(--jadranjadran-light-blue);
}

#jadranjadran .jadranjadran.image-container.overlay.blue::after {
  background-color: var(--jadranjadran-light-blue);
}


#jadranjadran .jadranjadran.image-container.overlay.orange::after {
background-color: var(--jadranjadran-orange);
}  

#jadranjadran .jadranjadran.two-images {
    display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
}
#jadranjadran .jadranjadran.two-images img {
    width: 100%;
  height: auto;
  object-fit: contain;
}

#jadranjadran .jadranjadran.image-container.w-1-2 {
  max-width: 50%;
  margin: auto;
}

#jadranjadran .jadranjadran.jezek img {
  filter: none;
  margin: auto;
}


#jadranjadran #shopify-section-template--25349423333724__multicolumn_hCwYjT img {
  width: 150px;
  height: auto;
}


#jadranjadran #shopify-section-template--25349423333724__rich_text_j4DPQp .rich-text::before {
  background-image: url(//jadranjadran.net/cdn/shop/files/jadranjadran_nejc_pohar_photobynejcpohar.jpg?v=9796896671021686091);
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
  border-radius: 100%
}

#jadranjadran #shopify-section-template--25349423333724__rich_text_j4DPQp .rich-text .rich-text__wrapper {
  margin-top: 200px;
}

#jadranjadran .jadranjadran .list-social {
  justify-content: center;
}

#jadranjadran .jadranjadran .list-social .svg-wrapper {
  scale: 2;
}

#jadranjadran .jadranjadran.title {
  position: absolute;
  width: 50%;
  text-align: center;
  font-size: 4rem;
  z-index: 2;
  color: white;
}

#jadranjadran .jadranjadran.title.left {
  left: 0;
}

#jadranjadran .jadranjadran.title.right {
  left: 50%;
}


#jadranjadran #shopify-section-template--25349423333724__multicolumn_gHgJ3x .multicolumn__title h2 {
  /*color: white;*/
}

#jadranjadran #shopify-section-template--25349423333724__multicolumn_gHgJ3x h3 {
  color: var(--jadranjadran-orange);
  font-family: var(--font-body-family);
  font-size: 2.5rem;
  font-weight: bold;
}

#jadranjadran #shopify-section-template--25349423333724__multicolumn_gHgJ3x .multicolumn-card p {
  font-size: 2.5rem;
}


#jadranjadran #shopify-section-template--25349423333724__multicolumn_gHgJ3x ul {
  justify-content: center;
}

/* media queries */

@media screen and (max-width: 749px) {
  .jadranjadran.urchin-1 {
    scale: 0.5;
    top: 30%;
    left: 12%;
  }
  .jadranjadran.urchin-2 {
    scale: 0.5;
        top: 30%;
    left: 67%;
  }
  #jadranjadran #Banner-template--25349423333724__image_banner h2 {
    font-size: 3rem;
    padding-top: 1rem;
  }
    #jadranjadran #Banner-template--25349423333724__image_banner .jadranjadran.title {
      font-size: 2rem;
    }
    #jadranjadran #Banner-template--25349423333724__image_banner .banner__text p {
      z-index: 3;
      line-height: 1.5;
      color: white;
    }

  #jadranjadran .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 700px;
  }

   #jadranjadran #Banner-template--25349423333724__image_banner .banner__content {
     align-items: end;
   }
}

  
}