@charset "UTF-8";

/*
	Theme Name: ASSHOLY
	Theme URI: 
	Description: Motyw graficzny dla Assholy
	Author: Studio G44
	Author URI: http://www.g44.pl
	Version: 07.2022
*/

body {
    background: #fff;
    -webkit-font-smoothing: none;
    -moz-font-smoothing: none;
    font-smoothing: none;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 125%;
    padding: 0px;
    font-family:
    Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

a {
  color: #ff0;
  text-decoration: none;
}

a:hover{
  text-decoration: line-through;
}

.button-force-grid{
	cursor:pointer;
	float:left;
	height: 27px;
	line-height: 27px;
	margin-left: 20px;
}

.button-force-grid:hover{
	text-decoration: line-through;
}

.force-grid .menu-assholy li{
	left: auto !important;
	box-sizing: border-box;
	top: auto !important;
	position: relative !important;
	flex-basis: 100px;
}

.author{
    position: fixed;
    bottom: 32px;
    right: 25px;
    z-index: 999;
}

.gallery:not(.gallery-size-full) {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

.gallery .gallery-item:not(.gallery-size-full .gallery-item){
	padding:8px;
	box-sizing:
	border-box;
	margin: 0px !important;
	float: none !important;
	position: relative;
}

.gallery-columns-2 .gallery-item:not(.gallery-size-full .gallery-item){
	flex-basis: 50%;
}

.gallery-columns-3 .gallery-item:not(.gallery-size-full .gallery-item){
	flex-basis: 33.3%;
}

.gallery-columns-4 .gallery-item:not(.gallery-size-full .gallery-item){
	flex-basis: 25%;
}

.gallery-columns-5 .gallery-item:not(.gallery-size-full .gallery-item){
	flex-basis: 20%;
}

.gallery .gallery-caption:not(.gallery-size-full .gallery-caption){
	position:absolute;
	bottom:8px;
	left:8px;
	width:calc(100% - 16px);
	font-size:0.8em;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	padding: 3em 0.77em 0.7em;
	box-sizing:border-box;
    color: #fff;
    text-align: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
}

.gallery-item:hover .gallery-caption{
	opacity:0.5;
}

.gallery .gallery-item a:not(.gallery-size-full .gallery-item a){
	display:block;
}

.gallery img:not(.gallery-size-full img) {
	border: 0px solid #000!important;
	opacity: 1;
	width:100%;
	height:auto;
	display: block;
}

.gallery img:hover:not(.gallery-size-full img:hover) {
	border: 0px solid #000 !important;
}

.bg-change-wrapper{
    position: fixed;
    bottom: 26px;
    left: 26px;
    z-index: 999;
}

select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23ffffff'><polygon points='0,10 100,10 50,65'/></svg>");
  background-position: right 10px center;
  background-color:
  transparent;
  background-repeat: no-repeat;
  background-size: auto 30%;
  border-radius:0px;
  border:1px solid #fff;
  color: #ffffff;
  padding: 5px 25px 5px 5px;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 12px;
}

@-moz-document url-prefix() {
  select {
    color: rgba(0,0,0,0);
    text-shadow: 0 0 0 #ffffff;
  }
}

.select-background{
	float:left;
}

.slider {
    width: 50%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev,
.slick-next {
  width: 40px;
  height: 75px;
}

.slick-prev:before,
.slick-next:before {
  content:
  "";
  border: solid #efefef;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 7px;
}

.slick-prev:before{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.slick-next:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}


.slick-slide {
  transition: all ease-in-out .3s;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

.gallery{
	margin: 22px 0px 22px 0px;
}

.wp-post-modal{
	color:#000;
	border: 0px !important;
	padding: 18px 40px !important;
	/* margin: 8vh auto; */
}

p{
	margin: 22px 0px 22px 0px;
}

figure {
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

.runtext-container{
	padding: 8px 0px 5px 0px;
	line-height: 100%;
	position: absolute;
	width: 100%;
	left: 0px;
	z-index: 0;
}

.fancybox__container{
	z-index:9999;
}

img{
	max-width:100%;
	height:auto;
}

.gallery img{
	border:0px !important;
}

.modal-wrapper.styled,
.fancybox__backdrop{
	background-color: rgb(25 25 25 / 90%);
}

.modal-wrapper.styled .wp-post-modal .close-modal{
	font-size: 3em;
	right: 0px;
	top: 0px;
	margin: 0px !important;
	padding: 9px;
	line-height: 21px;
	background: #fff;
	outline: none;
}

button, a{
	outline: none;
}

@keyframes rotateAnim {
  0% {
	transform: rotate(0deg);
  }
  25% {
	transform: rotate(-45deg);
  }
  32% {
	transform: rotate(-45deg);
  }
  80% {
	transform: rotate(360deg);
  }
  100% {
	transform: rotate(360deg);
  }
}

.logo a{
	display:block;
}

.logo{
	text-align: center;
	padding:10px;
	width: 50px;
	height: auto;
	background:
	transparent;
	position:
	absolute;
	left: 50%;
	margin-left: -25px;
	top: 75px;
	animation-name: rotateAnim;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-delay: 0s;
}

@keyframes changeContent {
  0% {
	opacity: 100;
  }
  30% {
	opacity: 0;
  }
  100% {
	opacity: 100;
  }
}

.change_content{
	opacity: 100;
	animation-name: changeContent;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 2s;
	animation-delay: 0s;
}

.error404,
.page-template-page_w_budowie,
.error404 .bg,
.page-template-page_w_budowie .bg{
	background:blue !important;
}

.error404 .container,
.page-template-page_w_budowie .container{
	background:transparent !important;
	text-align:center;
}

.error404 .logo{
	display:none;
}

.bg{
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
    /*background-color: #008080; */
    background-color: #eb5330;
	height: 100vh;
	width: 100vw;
	position: fixed;
	top:0px;
	left:0px;
	
	z-index: -1;
}

.container{
    width:100%;
    height:100%;
    display: table;

    position: absolute;
    margin-top: 0;
    left: 50%; 
    transform: translateX(-50%);
}

.bg.bg1{
    background-image: url("images/bg/01_Secret-Spot.webp");
}

.bg.bg2{
	background-image: url("images/bg/02_Lanzarote.webp");
}

.bg.bg3{
	background-image: url("images/bg/03_Desktop.webp");
}

.bg.bg4{
	background-image: url("images/bg/04_Barcelona.webp");
}

.bg.bg5{
	background-image: url("images/bg/05_Gili-Trawangan.webp");
}

.bg.bg6{
	background-image: url("images/bg/06_Begining.webp");
}

.bg.bg7{
	background-image: url("images/bg/07_Go-Relax.webp");
}

.bg.bg8{
	background-color:#eb5330;
}
/*
.bg.bg3{
	background-color:#5f00da;
	background: linear-gradient(320deg, #8945e6, #00a2d8, #9e03e8, #0751d7, #6c25b8);
	
	background-size: 1000% 1000%;
	-webkit-animation: g44-gradient 41s ease infinite;
	-moz-animation: g44-gradient 41s ease infinite;
	-o-animation: g44-gradient 41s ease infinite;
	animation: g44-gradient 41s ease infinite;
}
*/

@-webkit-keyframes g44-gradient {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
@-moz-keyframes g44-gradient {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
@-o-keyframes g44-gradient {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
@keyframes g44-gradient { 
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}

.container-middle{
	display:table-cell;
	vertical-align:middle;
}

.wrapper{
	max-width:800px;
	margin:auto;
	padding: 140px 30px 100px;
}

.button{
	color:#fff;
	/* border:1px solid #fff; */
	padding:5px 8px;
}

.button.back{
	float:right;
	margin-bottom: 25px;
}

.error404 .button.back,
.button.back.back-bottom{
	float:none;
	margin:0px;
}

.button.back.back-bottom{
	margin: 22px 0px;
}

h1{
	display: table;width:100%;
	clear:both;
}

.ui-draggable-dragging{
	
}

.menu-assholy{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
}

.menu-assholy li{
    display: inline-block;
    text-align:center;
    vertical-align: top;
    width: 75px;
    padding: 15px;
    z-index: 9;
    flex-basis: auto;
    /* align-self: flex-end; */
}

.menu-assholy a{
    display: block;
	color:#fff;
	text-shadow:1px 1px 0px #000;
	font-size:12px;
}

.menu-assholy a img{
    max-width:100%;
	height:auto;
}

.menu-container{
		margin-top:110px;
		margin-bottom: 80px;
	}

@media only screen and (max-width: 768px) {
	.menu-assholy li{
		left:auto !important;
		box-sizing: border-box;
		top:auto !important;
		position: relative !important;
		flex-basis: 100px;
	}
	
	.gallery-columns-4 .gallery-item:not(.gallery-size-full .gallery-item){
		flex-basis: 33.3%;
	}
	
	.gallery-columns-5 .gallery-item:not(.gallery-size-full .gallery-item){
		flex-basis: 33.3%;
	}

	.author{
		width:100%;
		position: absolute;
		text-align:center;
		bottom: 5px;
		right: 0px;
		font-size:10px;
	}

	.bg-change-wrapper{
	    position: fixed;
		width:100%;
	    bottom: 28px;
	    left:0px;
	}

	.select-background{
		display:
		table;
		margin:
		auto;
		float: none;
	}

	.button-force-grid{
		display:none;
	}
}

@media only screen and (max-width: 440px) {
	.menu-assholy li{
		flex-basis: 25%;
		box-sizing: border-box;
	}

	.menu-assholy a{
		font-size:11px;
	}

	.gallery-columns-3 .gallery-item:not(.gallery-size-full .gallery-item){
		flex-basis: 50%;
	}
	
	.gallery-columns-4 .gallery-item:not(.gallery-size-full .gallery-item){
		flex-basis: 50%;
	}
	
	.gallery-columns-5 .gallery-item:not(.gallery-size-full .gallery-item){
		flex-basis: 50%;
	}

	.menu-container{
		margin-top:140px;
	}
}