/**
 * Theme Name:  design portfolio
 * Description: project design portfolio
 *
 * Theme URI:   http://wordpress.org/themes/portfolio
 * Author:      Inna
 * Author URI:  https://wp-kama.ru
 * Post-edits:  Alberto Lovell https://github.com/albertolovell
 * Version:     1.0
 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden !important;
}

body.custom-background.page-id-108,
body.custom-background.single-post {
  background-image: none !important;
  background-color: transparent;
}

img {
  max-width: 100%;
  display: block;
}

/* Default layout: sticky-ish footer via flex on non-single pages */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1 0 auto;
}

footer {
  flex: 0 0 auto;
  position: relative;
  height: auto;
  bottom: auto;
  right: auto;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* ---------- SINGLE PORTFOLIO PAGES ---------- */

body.single-post {
  display: block;
}

/* Remove forced min-height / padding from WP wrappers */
body.single-post,
body.single-post #page,
body.single-post .site,
body.single-post .site-content,
body.single-post .content-area,
body.single-post main {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Let portfolio content define its own height */
body.single-post .portfolio-main {
  height: auto !important;
}

/* Footer layout on single project pages */
body.single-post footer {
  position: relative;
  bottom: auto;
  right: auto;
  left: auto;
  height: auto;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0 32px 10px 0;
}

/* Default: show Scroll for more, hide Next project. JS toggles these. */
body.single-post footer .button {
  display: block;
}

body.single-post footer .post-navigation-link-next {
  position: static;
  width: auto;
  margin: 12px 0 0 auto;
  text-align: right;
  display: none;
  z-index: 0;
}

/* Trim tiny extra whitespace at bottom of single project pages */
body.single-post::after {
  content: "";
  display: block;
  height: 0;
  margin-bottom: -10px;
}

/* Desktop single project: no vertical scroll, only horizontal reel */
@media (min-width: 1025px) {
  body.single-post {
    overflow-y: hidden;
  }
}










/* ---------- OPTIONAL: PRELOADER ---------- */
/*
.page-loader {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 1000;
}
.page-loader .txt {
  color: #666;
  text-align: center;
  top: 40%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
}
.spinner {
  position: relative;
  top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
@keyframes sk-scaleout {
  0% { transform: scale(0); }
  100% { transform: scale(1.0); opacity: 0; }
}
*/