/*  New Story Page */

body.page-id-3837 .container
{
	width: 100%;
}



.bio-block.gallery-block.active-block picture.bio-photo
{
	opacity: 1;
	visibility: visible;
	/*
	transition: opacity .2s linear;

	transition: opacity 1s, visibility 1s 0s;*/

}

.bio-block.gallery-block picture.bio-photo img
{
	position: absolute;
	bottom: 0%;
	width: 100%;
	left: 0px;
}

.bio-block.gallery-block figure.bio-quote
{
	width: 100%;
	position: absolute;
	top: 50%;
	/*transform: translateY(-50%);*/
	transform: translate3d(0, -50%, 0);
	left: 0px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s, visibility 1s;

}

.bio-block.gallery-block.active-block figure.bio-quote
{
	opacity: 1;
	visibility: visible;
}

.bio-block.gallery-block figure.bio-quote img
{
	width: 44%;
	position: relative;
	height: auto;
	margin: 0px auto;
}

.bio-block.gallery-block .wp-block-group__inner-container
{
		width: 100%;
}

.bio-signature
{
	width: 30%;
}

.bio-lightbox
{
	display: none;
}

.bio-lightbox .slides
{
	position: relative;
	width: 100%;
	height: calc( 95vh - 50px );
	opacity: 0;
	transition: opacity, .3s linear;
}

.bio-lightbox .slides.visible
{
	opacity: 1;
}
.bio-lightbox .slides li
{
	width: 100%;
	height: 100%;
}

.bio-lightbox .slides li img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: 0px auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/*.bio-lightbox .slides li img.ark-wide
{
	width: 100%;
	height: auto;
	position: relative;
	top: 50%;

	transform: translateY(-50%);
}*/

.bio-lightbox .flex-control-nav, .bio-lightbox .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none
}

.bio-lightbox .flex-direction-nav
{
	position: absolute;
	width: 100%;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	z-index: 10;
}




.bio-block.text-block
{
	width: 90%;
	max-width: 900px;
	margin: 0px auto;
	font-size: 18px;
	line-height: 34px;
}

.bio-block.text-block.intra-chapter p:first-of-type
{
	margin-top: 1em;
}

.bio-block.text-block h2,
.bio-block.text-block h3
{
	font-size: 31px;
	line-height: 1.25em;
	text-align: center;
	margin: 0px auto 70px auto;
	text-transform: uppercase;
	font-weight: 800;
	color: #000;
	max-width: 550px;
}

.bio-block.text-block .bio-chapter
{
	text-align: center;
	margin-bottom: 50px;
	font-weight: 500;
	color: #000;
}

.bio-block.text-block .bio-chapter:first-of-type
{
	margin-top: 100px;
}

.column p.photo-link
{
	margin-bottom: 10px;
}

p.photo-link
{
	margin-top: 20px;
}

.photo-link a
{
	display: none;
	font-weight: 600;
}

.photo-link a:hover:before,
.thesis-link a:hover:before
{
	width: 0%;
}

.photo-link a:first-child,
.thesis-link a
{
	display: inline;
	color: #222;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

body.page-id-3837 .featherlight-content
{
	width: auto;
	max-width: none;
	padding: 25px !important;
	overflow: hidden;
	width: 90%;
	height: 95%;
	border-bottom: 0px;
}

.featherlight-next:hover, .featherlight-previous:hover
{
  background: transparent !important;
}

.featherlight-previous span img,
.featherlight-next span img
{
  display: none !important;
}

.featherlight-previous span,
.featherlight-next span
{
	text-indent: -9999px;
}

.featherlight-previous span:before
{
  display: block;
  position: absolute;
  content: ' ';
  width: 50px;
  height: 50px;
  background-image: url('/wp-content/themes/arkitektura/images/arrows/left@3x.png');
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 42px auto;
  left: 0%;
  /*-webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
}

.featherlight-next span:before
{
  display: block;
  position: absolute;
  content: ' ';
  width: 50px;
  height: 50px;
  background-image: url('/wp-content/themes/arkitektura/images/arrows/right@3x.png');
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 42px auto;
  right: 0%;
  /*-webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
}

.bio-block.gallery-block
{
	position: relative;
	min-height: 100%;
	min-height: calc(100vh - 250px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 200px 0px 200px 0px;
	/*border: 1px solid #CCC;*/
}

.bio-block.gallery-block picture.bio-photo
{
	position: fixed;
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 0;
	visibility: hidden;

	transition: opacity 1s, visibility 1s;

	left: 0px;
	bottom: 0px;
	top: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: initial-ms-flex-pack: center;
	justify-content: start;
	z-index: -1;
}

.bio-block.gallery-block.active-block picture.bio-photo
{
	opacity: 1;
	visibility: visible;
	/*
	transition: opacity .2s linear;

	transition: opacity 1s, visibility 1s 0s;*/

}

.bio-block.gallery-block picture.bio-photo img
{
	/*position: absolute;
	bottom: 0%;
	width: 100%;
	left: 0px;*/

	position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.bio-block.gallery-block figure.bio-quote
{
	width: 100%;
	position: absolute;
	top: 50%;
	/*transform: translateY(-50%);*/
	transform: translate3d(0, -50%, 0);
	left: 0px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s, visibility 1s;

}

.bio-block.gallery-block.active-block figure.bio-quote
{
	opacity: 1;
	visibility: visible;
}

.bio-block.gallery-block figure.bio-quote img
{
	width: 44%;
	position: relative;
	height: auto;
	margin: 0px auto;
}

.bio-block.gallery-block .wp-block-group__inner-container
{
		width: 100%;
}

.bio-signature
{
	width: 30%;
}

.bio-lightbox
{
	display: none;
}

.bio-lightbox .slides
{
	position: relative;
	width: 100%;
	height: calc( 95vh - 50px );
	opacity: 0;
	transition: opacity, .3s linear;
}

.bio-lightbox .slides.visible
{
	opacity: 1;
}
.bio-lightbox .slides li
{
	width: 100%;
	height: 100%;
}

.bio-lightbox .slides li img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: 0px auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/*.bio-lightbox .slides li img.ark-wide
{
	width: 100%;
	height: auto;
	position: relative;
	top: 50%;

	transform: translateY(-50%);
}*/

.bio-lightbox .flex-control-nav, .bio-lightbox .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none
}

.bio-lightbox .flex-direction-nav
{
	position: absolute;
	width: 100%;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	z-index: 10;
}

.bio-lightbox .flex-direction-nav a
{
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	opacity: 1;
	margin: 0px;
	border: 0px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 100%;
	padding: 10px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
}

.bio-lightbox .flex-direction-nav a img
{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	height:  83.5%;
}

.bio-lightbox .flex-direction-nav .flex-prev
{
	left: 50px;
}

.bio-lightbox .flex-direction-nav .flex-next
{
	right: 50px;
}

.bio-lightbox:hover .flex-direction-nav .flex-prev {
  left: 50px;
}

.bio-lightbox:hover .flex-direction-nav .flex-next {
  right: 50px;
}

.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FFAF31;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




.flex-direction-nav a:before {
	display: none !important;
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '';
	color: transparent;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

/*@media all and (min-width: 1250px) {
	.bio-lightbox .slides li img.ark-wide
	{
		width: auto;
		height: 100%;
	}
}*/

@media all and (max-width: 767px) {

	/*body.page-id-3837 .featherlight-content
	{
		width: 100%;
		height: 100%;
		margin: 0px;
	}*/

	.bio-block.gallery-block picture.bio-photo img
	{
		top: 110px;
		bottom: auto;
		width: calc(100vh * .75);
		height: auto;
		left: 50%;
		transform: translateX(-50%);
		object-fit: cover;
	}

	.bio-block.gallery-block
		{
			min-height: calc(40vh);
			margin: 150px 0px 150px 0px;
		}

		.bio-block.gallery-block.title-block
		{
			min-height: calc(100vh - 110px);
			margin: 0px 0px 150px 0px;
		}

		.bio-block.gallery-block.title-block figure.bio-quote
		{
			top: 40%;
			transform: translateY(-50%);
		}

		.bio-block.gallery-block figure.bio-quote img
		{
			width: 90%;
		}

		.bio-signature
		{
			width: 50%;
		}

		.bio-lightbox .slides
		{
			width: auto;
			height: auto;
			position: absolute;
			top: 25px;
			right: 25px;
			bottom: 25px;
			left: 25px;
		}

		.bio-block.text-block h2,
		.bio-block.text-block h3
		{
			max-width: none;
		}

	.featherlight .featherlight-close-icon
	{
		font-size: 20px;
	}

	.featherlight .featherlight-close-icon
	{
		font-size: 20px;
	}

	.bio-lightbox .flex-direction-nav a
	{
		width: 30px;
		height: 30px;
	}

	.bio-lightbox .flex-direction-nav a img
	{
		display: none;
	}

	.bio-lightbox .flex-direction-nav .flex-prev
	{
		background-image: url('/wp-content/themes/arkitektura22/images/arrows/m.arrow-left.svg');
		background-size: auto 60%;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.bio-lightbox .flex-direction-nav .flex-next
	{
		background-image: url('/wp-content/themes/arkitektura22/images/arrows/m.arrow-right.svg');
		background-size: auto 60%;
		background-position: center center;
		background-repeat: no-repeat;	
	}

	.bio-lightbox:hover .flex-direction-nav .flex-prev,
	.bio-lightbox .flex-direction-nav .flex-prev
	{
		left: 10px;
	}

	.bio-lightbox:hover .flex-direction-nav .flex-next,
	.bio-lightbox .flex-direction-nav .flex-next
	{
		right: 10px;
	}

	/*.bio-lightbox .flex-direction-nav .flex-prev
	{
		left: 10px;
	}

	.bio-lightbox .flex-direction-nav .flex-next
	{
		right: 10px;
	}

	.bio-lightbox:hover .flex-direction-nav .flex-prev {
	  left: 10px;
	}

	.bio-lightbox:hover .flex-direction-nav .flex-next {
	  right: 10px;
	}*/
}

/*@media all and (max-width: 767px) and (orientation: portrait) {
	.bio-lightbox .slides li img
	{
		width: 100%;
		height: auto;
		top: 50%;
		position: relative;
		transform: translateY(-50%);
	}
}

@media all and (max-width: 767px) and (orientation: landscape) {
	.bio-lightbox .slides li img.ark-wide
	{
		width: auto;
		height: 100%;
	}

}*/


/* End New Story Page */