/* main */

html {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
}

body {
  font-family: 'PT Sans', sans-serif;
  line-height: 1.45;
  font-size: 1rem;
}

.uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, 
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, 
h1, h2, h3, h4, h5, h6 {
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
}

.uk-h1, h1 {
  font-size: 3.5rem;
  line-height: 1.125;
}

.uk-h2, h2 {
  font-size: 2rem;
  line-height: 1.3;
}

.uk-text-large {
  font-size: 1.25rem;
  line-height: 1.3;
}

/* text colors */

.text-lime {
  color: rgb(195,205,115);
}

.text-marine {
  color: rgb(75,165,160);
}

.text-dark {
  color: rgb(35,35,35);
}

.text-medium {
  color: rgb(105,105,105);
}

.text-light {
  color: rgb(220,220,220);
}

.text-white {
  color: rgb(255,255,255);
}


/* hover */

.hover-lime:hover,
.hover-lime:active,
.hover-lime:focus 
{
  color: rgb(195,205,115) !important;
  border-color: rgb(195,205,115) !important;
}

.hover-marine:hover,
.hover-marine:active,
.hover-marine:focus 
{
  color: rgb(75,165,160) !important;
  border-color: rgb(75,165,160) !important;
}

.hover-dark:hover,
.hover-dark:active,
.hover-dark:focus 
{
  color: rgb(35,35,35) !important;
  border-color: rgb(35,35,35) !important;
}

.hover-light:hover,
.hover-light:active,
.hover-light:focus 
{
  color: rgb(220,220,220) !important;
  border-color: rgb(220,220,220) !important;
}

.hover-white:hover,
.hover-white:active,
.hover-white:focus 
{
  color: rgb(255,255,255) !important;
  border-color: rgb(255,255,255) !important;
}

.hover-opacity:hover {
  opacity: .7 !important;
}

.hover-zoom-in .clip {
  overflow: hidden;
  display: block;
}

.hover-zoom-in .clip img {
  position: relative;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover-zoom-in:hover .clip img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.hover-zoom-out .clip {
  overflow: hidden;
  display: block;
}

.hover-zoom-out .clip img {
  position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover-zoom-out:hover .clip img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* border */

.border {
  position: relative;
  border: 1px solid;
  border-radius: 3px;
}

.border-white {
  border-color: rgb(255,255,255);
}

.border-light {
  border-color: rgb(220,220,220);
}

.border-lime {
  border-color: rgb(195,205,115);
}

.border-marine {
  border-color: rgb(75,165,160);
}

/* main */

* {
  outline-color: transparent !important;
}

html {
  position: relative;
  min-height: 100%;
}

a {
  text-decoration: none;
  transition-duration: .3s;
  transition-property: color, background, opacity, margin, border;
  transition-timing-function: ease-in-out;
}

a:focus, a:hover {
  text-decoration: none;
}

.uk-link, a {
  color: rgb(75,165,160);
  text-decoration: none;
  cursor: pointer;
}


/* editpage */

#editpage {
  position: fixed; 
  top: 20px;
  right: 20px;
  display: none;
}

/* size */

#size {
  position: fixed;
  right: 10px;
  bottom: 10px;
  color: red;
  z-index: 9999;
  display: none;
}

/* music */

#music {
  position: fixed; 
  width: 100px;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

/* socials */

#socials a {
  margin: 0 5px;
}
#socials.text-lime a {
  color: rgb(195,205,115);
}
#socials.text-marine a {
  color: rgb(75,165,160);
}
#socials.hover-medium a:hover {
  color: rgb(150,150,150);
}

/* pagination */

#pagination .text-lime a {
  color: rgb(195,205,115);
}
#pagination .text-marine a {
  color: rgb(75,165,160);
}
#pagination a.text-medium {
  color: rgb(150,150,150);
}

/* slider */

@media (min-width: 960px) {

  .uk-slider-items {
    height: 100vh;
  }

}

.uk-slidenav-previous {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0NiA0NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDYgNDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDojRjNGMkYyO30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMyIgY3k9IjIzIiByPSIyMiIvPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNy4yLDM1LjdjMSwwLDEuOS0wLjQsMi42LTEuMmMxLjMtMS41LDEuMS0zLjctMC4zLTQuOUwyMi4xLDIzbDcuNS02LjZjMS41LTEuMywxLjYtMy41LDAuMy00LjkNCgkJCQljLTEuMy0xLjUtMy41LTEuNi00LjktMC4zbC0xMC40LDkuMkMxMy43LDIxLDEzLjMsMjIsMTMuMywyM2MwLDEsMC40LDIsMS4yLDIuNmwxMC40LDkuMkMyNS42LDM1LjQsMjYuNCwzNS43LDI3LjIsMzUuN3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
  width: 30px;
  height: 30px;
}

.uk-slidenav-next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0NiA0NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDYgNDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDojRjNGMkYyO30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMyIgY3k9IjIzIiByPSIyMiIvPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOC44LDM1LjdjLTEsMC0xLjktMC40LTIuNi0xLjJjLTEuMy0xLjUtMS4xLTMuNywwLjMtNC45bDcuNS02LjZsLTcuNS02LjZjLTEuNS0xLjMtMS42LTMuNS0wLjMtNC45DQoJCQkJYzEuMy0xLjUsMy41LTEuNiw0LjktMC4zbDEwLjQsOS4yYzAuOCwwLjcsMS4yLDEuNiwxLjIsMi42YzAsMS0wLjQsMi0xLjIsMi42bC0xMC40LDkuMkMyMC40LDM1LjQsMTkuNiwzNS43LDE4LjgsMzUuN3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
  width: 30px;
  height: 30px;
}

.uk-slider-nav > li {
  padding-left: 30px;
}

.uk-slider-nav > li > a {
  background: #fff;
  border: 2px solid rgb(255,255,255);
  background: transparent;
  opacity: 1;
  width: 17px;
  height: 17px;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: rgb(255,255,255);
}

/* aspect-ratio */

.aspect-ratio-1-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.aspect-ratio-2-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}

.aspect-ratio-3-2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.66%;
}