/*   
Theme Name: Photographer Nadezhda Falaleeva
Theme URI: https://nadezhda-falaleeva.on247.ru
Description: Официальный сайт фотографа Надежды Фалалеевой
Version: 0.1
*/
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ul {
	list-style: none;
}
button,input,select {
	margin: 0;
}
html {
    font-size: 100%;
	box-sizing: border-box;
}
*, *::before, *::after {
	box-sizing: inherit;
}
img,video {
	height: auto;
	max-width: 100%;
}
iframe {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,th {
	padding: 0;
}

/* BASE */

@font-face {
    font-family: "Good Vibes";
    src: url(fonts/GoodVibes.woff2) format("woff2");
}
@font-face {
    font-family: 'Great Vibes';
    src: url(fonts/GreatVibes.woff2) format('woff2');
}
/* cyrillic */
@font-face {
    font-family: 'Raleway';
    font-display: swap;
    src: url(fonts/Raleway-cyr.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* latin */
@font-face {
    font-family: 'Raleway';
    font-display: swap;
    src: url(fonts/Raleway-lat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    --body-color: #333;
    --body-background: #f5f5f5;
}
.dark body {
    --body-color: #eee;
    --body-background: #333;
}
body {
    font-size: 1.125rem;
    line-height: 1.4;    
    color: var(--body-color);
    background: var(--body-background);
    font-family: 'Raleway', sans-serif;
    transition: color .5s;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
.more_photo {
	text-align: left;
	padding-top: .5rem;
	font-size: 1.3rem;
}
.more_photo a {
    color: #333;
}
a {
    color: #777;
    text-decoration: none;
    transition: color .5s;
}
a:hover /*, .current-menu-item a*/ {
    color: #333;
    border-bottom: 1px solid #333;
}

.dark a {
    color: #eee;
}
.dark a:hover {
    color: #fff;
    border-color: #fff;
}
#toggle-dark-mode {
    position: fixed;
    right: .5em;
    top: 1.5em;
    border: 0;
    font-size: 1.3rem;
    cursor: pointer;
    border-radius: .4em;
    opacity: .3;
}
.site-nav ul {
    list-style: none;
    padding: 1em;
    text-align: center;
    margin: 0;
    display: flex;
    gap: 1.25em;
    justify-content: center;
}
.site-content {
    flex: 1;
}
.home-slider {
    margin: 0 auto 2rem;
    max-width: 1920px;
}

/* Стилизация скроллбара для WebKit-браузеров (Chrome, Safari) */
::-webkit-scrollbar{
    width: .25rem; /* Ширина скроллбара */
}
::-webkit-scrollbar-track {
    background: #333; /* Цвет фона трека скроллбара */
}
::-webkit-scrollbar-thumb {
    background: #ccc; /* Цвет ползунка скроллбара */
    border-radius: 10px; /* Радиус скругления ползунка */
}
::-webkit-scrollbar-thumb:hover {
    background: #fff; /* Цвет ползунка при наведении */
}

/* HEADER */

.site-header {
    text-align: center;
    padding: 1em;
}
.site-logo {
    font-size: 2.5rem;
    position: relative;
}
a.site-logo {
    font-family: 'Good Vibes', sans-serif;
    color: #555;
    border-bottom: 0;
}
.dark .site-logo {
    color: #eee;
}
.logo-F {
    font-family: 'Great Vibes', sans-serif;
    font-size: .9em;
}
.logo-N {
    transform: scaleX(0.8) skew(-10deg);
    display: inline-block;
    margin-right: -.15em;
}
/*
.site-header__sublogo {
    font-size: .8em;
    letter-spacing: .2em;
    transform: scaleX(1.2);
    text-indent: 8.5em;
}
*/
/* FOOTER */
.social-bar-footer {
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    opacity: .95;
    display: flex;
    justify-content: center;
}
.social-bar-footer .social-links {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 1rem;
    margin: .4rem;
    background: var(--body-background);
    border-radius: .4rem;
    padding: .5rem 1rem;
    /* box-shadow: 0px 0px 0px 1px #00000030; */
}
.social-bar-footer .link {
    display: flex;
    transition: transform .3s;
}
.social-bar-footer .link:hover {
    border: 0;
    transform: scale(1.2);
}
.social-bar-footer .icon {
    width: 2.5rem;
    height: 2rem;
}
/* animations */
.social-bar-footer {
    transform: translateY(100%);
    animation: slideUp 0.5s ease-out 1s forwards;
}
@keyframes slideUp {
    to {
        transform: translateY(0);
    }
}
.social-links .item {
    animation: pulse 0.5s ease-in-out forwards;
}
.social-links .item:nth-child(1) { animation-delay: 2.5s; }
.social-links .item:nth-child(2) { animation-delay: 2.7s; }
.social-links .item:nth-child(3) { animation-delay: 2.9s; }
.social-links .item:nth-child(4) { animation-delay: 3.1s; }
.social-links .item:nth-child(5) { animation-delay: 3.3s; }
@keyframes pulse {
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.site-footer {
    padding: 2rem 3rem 6rem;
    background: #e0e0e0;
    font-size: .875rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.dark .site-footer {
    background: #444;
}


/* article */
#content {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 0 3rem 2rem;
    margin: auto;
    max-width: 80rem;
    line-height: 1.8;
}
#content h1 {
    font-size: 2rem;
    line-height: 1.4;
    text-align: center;
}
#content h2 {
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
}
.post-type-archive-portfolio #content {
    text-align: center;
}
.portfolio-content {
    margin: auto;
    width: 100%;
}
.gallery-wrapper.info {
	text-align: center;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: .8em;
    justify-content: center;
}
.gallery br {
    display: none;
}
.gallery-item {
    text-align: center;
    max-width: calc(33.33% - .6em);
    border-radius: 7px;
    overflow: hidden;
}
.gallery-item a {
    display: flex;
}
.modula-items a:hover,
.gallery-item a:hover {
    border-bottom: 0;
}
.flex-nav-prev, .flex-nav-next {
    opacity: .3;
}
.flex-nav-prev:hover, .flex-nav-next:hover {
    opacity: .9;
}
.metaslider img {
    pointer-events: none;
}
h1 + .portfolio-item {
    margin-top: -1rem;
}
.portfolio-item h2 a {
	font-size: 1.5rem;
	color: #333;
}
.dark .portfolio-item h2 a {
	color: #eee;
}
.portfolio-item h2 {
	font-size: 1.5rem;
	color: #333;
	text-align: left;
	line-height: 2rem;
	padding: 1rem 0;
}
.post-edit-link {
    display: none;
}
.single-portfolio .portfolio-gallery {
	margin: 0 0 1rem;
}
#content p {
	margin-bottom: 1rem;
}

/* archive portfolio */
.portfolio-category-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1%;
	max-width: 1200px;
	margin: auto;
}
.portfolio-category-item {
    width: 30%;
}
.portfolio-category-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}
.portfolio-category-item h2,
.portfolio-category-title {
    font-size: 1.8rem;
    margin: 0 0 .5rem;
}
.portfolio-category-item img {
    margin-bottom: .5rem;
}
.portfolio-category-item a:hover {
    border: 0;
}

@media (max-width: 900px) {
    .download-bar {
        flex-direction: column;
        max-width: 300px;
    }
    #downloadBar.fixed {
        position: relative !important;
    }
    .likethis-gallery .grid {
        display: flex;
        flex-direction: column;
        margin-left: -4px;
    }
    .likethis-gallery__item {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }
    .grid li a, .grid li img {
        width: calc(100% + 8px) !important;
    }
    .likethis-container {
        width: calc(100% + 8px) !important;
        height: auto !important;
    }
	.portfolio-category-grid {
		margin: auto 1%;
	}
    #content .portfolio-category-grid {
        margin: auto calc(1% - 1rem);
    }
	.portfolio-category-item {
		width: 49.4%;
	}
	.portfolio-category-item h2,
    .portfolio-category-title {
		font-size: 1.2rem;
	}
}
@media (max-width: 544px) {
    .mobile_hide {
        display: none;
    }
    .site-header {
        padding: 0 0 1em;
    }
    .site-header .site-logo {
        display: block;
        position: relative;
        z-index: 1;
        background: #f5f5f5;
        padding-top: 1em;
    }
    .dark .site-header .site-logo {
        background: #333;
    }
    #toggle-dark-mode {
        top: .5em;
    }
    .site-footer {
        padding: 2rem 1rem 5rem;
    }
    .site-footer .site-nav {
        font-size: 1.125rem;
    }
    #content {
        padding: 0 1rem 2rem;
    }
    #content h1 {
        font-size: 1.25rem;
        line-height: 1.35;
        padding: .6rem !important;
    }
    #wpfront-scroll-top-container {
        bottom: 4rem !important;
    }
    /* ====  2025-05-17 16:02 */
    .page-id-12 .modula-item {
        width: 100% !important;
        position: static !important;
        margin-bottom: 1rem;
    }
}
@media (max-width: 330px) {
    body {
        width: 330px;
        overflow-x: scroll;
    }

}

/* ====  2024-10-03 23:08 */
.site-content {
    overflow-x: hidden;
}