.nudes,
.landscapes,
.portraits,
.metaphysical,
.intimate {
  background-position: center;
}

.nudes {
  background-image: url(../img/home/morning_nude.jpg);
}

.landscapes {
  background-image: url(../img/home/lake_of_peaches.jpg);
}

.portraits {
  background-image: url(../img/home/aurora.jpg);
}

.metaphysical {
  background-image: url(../img/home/code_of_love.jpg);
}

.intimate {
  background-image: url(../img/home/two_on_earth.jpg);
}

.drawings {
  background-image: url(../img/home/to_the_infinity.jpg);
  background-position-y: 15%;
}

.nudes:hover,
.landscapes:hover,
.portraits:hover,
.metaphysical:hover,
.intimate:hover,
.drawings:hover {
  -webkit-filter: brightness(120%); /* Safari 6.0 - 9.0 */
  filter: brightness(120%);
  transition: filter 1s;
  cursor: pointer;
}

.home_category {
  display: flex;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 400px;
}

.home_category__content {
  align-self: flex-end;
  justify-self: center;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  padding: 0.5em 0;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.home_category__gallery_name {
  line-height: 1;
}

.slbCaption {
  white-space: pre-line;
  line-height: 1.1;
  font-size: 1em;
  padding: 1em 0;
}

.section--gallery {
  margin-top: 0 !important;
}

.section--tabs {
  margin-bottom: 0 !important;
}

.tab_link {
  align-items: center;
  border-bottom-color: #ebdfeb;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #646464;
  display: flex;
  justify-content: center;
  margin-bottom: -2px;
  padding: 0.5em 1em;
  vertical-align: top;
}

.tabs li.is-active a {
  border-bottom-color: #9e609e;
  color: #9e609e;
}

.tabs {
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.tabs::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
}

.tabs ul {
  align-items: center;
  border-bottom-color: #ebdfeb !important;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: space-between;
}

.tabs a {
  padding: 0 1em 0.5em 1em;
}

.tabs_wrapper {
  position: relative;
}

.tabs__shadow {
  width: 2em;
  height: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s;
}

.tabs__shadow.is-visible {
  opacity: 1;
}

.tabs__shadow--start {
  left: 0;
  transform: rotate(180deg);
}

.tabs__shadow--end {
  right: 0;
}

.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1em;
  row-gap: 1em;
}

@media only screen and (min-width: 729px) {
  .gallery {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (min-width: 1024px) {
  .gallery {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

.gallery__img img {
  transition: 0.3s;
  -webkit-box-shadow: -3px 3px 10px -3px rgba(112, 112, 112, 0.5);
  -moz-box-shadow: -3px 3px 10px -3px rgba(112, 112, 112, 0.5);
  box-shadow: -3px 3px 10px -3px rgba(112, 112, 112, 0.5);
}

.gallery__img:hover img {
  transform: scale(1.05);
  transition: 0.3s;
}

#being_touched,
#on_earth,
#circle_of_life,
#into_the_deep,
#near_the_soul,
#trace_of_water {
  display: none;
}

#being_touched.is-active,
#on_earth.is-active,
#circle_of_life.is-active,
#into_the_deep.is-active,
#near_the_soul.is-active,
#trace_of_water.is-active {
  display: block;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.about_image {
  margin-bottom: 2em;
  height: 15em;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  background-position: center;
  background-image: url(../img/DSC_06988.jpg);
}

@media only screen and (min-width: 1024px) {
  .about_image {
    height: 20em;
  }
}

.about_portfolio {
  align-items: baseline;
}

.hero--first {
  margin-top: 0 !important;
}

.button:hover {
  background-color: #8e568e;
}

.button:active,
.button.is-active {
  color: white;
  background-color: #7f4d7f;
}

.navbar-brand a.navbar-item:focus p,
.navbar-brand a.navbar-item:hover p {
  color: #9e609e;
}

.hero.is-small .hero-body {
  padding: 2em 0;
}

.section {
  margin: 2em 0;
}

footer {
  flex-shrink: 0;
}

footer a {
  color: #363636;
}

footer a:hover {
  text-decoration: none;
  color: #9e609e;
}

.footer__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 1024px) {
  .footer__text {
    flex-direction: row;
    justify-content: space-between;
  }
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

@media only screen and (max-width: 769px) {
  body {
    font-size: 0.9rem;
  }
}

main {
  flex: 1 0 auto;
}

li {
  list-style-type: none;
}

ul {
  margin-left: 0 !important;
}