/*
Theme Name: Elisen Photography
Author: Kantipur Themes
Author URI: https://www.kantipurthemes.com/
Theme URI: https://www.kantipurthemes.com/elisen-photography
Description: Elisen Photography is a simple, clean and responsive WordPress blog theme perfect for youtube bloggers, travel bloggers, food bloggers, fashion bloggers and writers who need to create personal blog site with creative features and effects to make readers feel the pleasure of reading blog posts and articles.
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: elisen-photography
Requires at least: 6.5
Requires PHP: 8.0
Tested up to: 7.0
Version: 1.0.2

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

footer.site-footer.wp-block-template-part ul,
div.wp-block-template-part ul {
    padding: 0;
    list-style: none;
    line-height: 2;
}

footer.site-footer.wp-block-template-part ul li,
div.wp-block-template-part ul li {
	margin: 0 0 5px;
	padding: 3px 0;
    border-bottom: 1px solid #eee;
}

footer.site-footer.wp-block-template-part ul a,
div.wp-block-template-part ul a {
	text-decoration: none;
}

div.wp-block-template-part {
    position: sticky;
    top: 0;
}

.wp-block-post.type-post > div {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, 
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
	min-width: 256px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    border-bottom: 1px solid #eee;
    padding: 8px 30px 8px 15px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
    border-top: 2px solid var(--wp--preset--color--primary);
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
.taxonomy-category a {
    text-decoration: none;
}

.taxonomy-category a:hover,
.taxonomy-category a:focus {
	text-decoration: underline;
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus,
.wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.wp-block-navigation-item:focus > .wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation .current-menu-item > button > svg,
.wp-block-navigation-item:hover > button > svg,
.wp-block-navigation-item:focus > button > svg {
    stroke: var(--wp--preset--color--primary);
}

:root :where(.wp-element-button, .wp-block-button__link) {
	box-shadow: none;
	border-radius: 0;
}

.page-numbers {
    margin: 0 5px;
}

.remove-underline a {
    text-decoration: none;
}

footer .wp-block-site-title :where(a),
.taxonomy-category a {
    color: var(--wp--preset--color--primary);
}

.elisen-portfolio .elisen-hover-effect {
    position: relative;
    overflow: hidden;
    background: #18a367;
    max-width: 480px;
    max-height: 330px;
    margin: auto;
}

.elisen-portfolio .elisen-hover-effect p {
    padding: 0.5em 2em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.elisen-portfolio .elisen-portfolio-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3em;
}

.elisen-portfolio .elisen-portfolio-content h2 {
    padding-top: 15%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.elisen-portfolio .elisen-hover-effect img, 
.elisen-portfolio .elisen-hover-effect h2 {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}

.elisen-portfolio .elisen-hover-effect .wp-block-button__link.wp-element-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.elisen-portfolio .elisen-portfolio-content::before, 
.elisen-portfolio .elisen-portfolio-content::after {
    position: absolute;
    content: '';
    opacity: 0;
}

.elisen-portfolio .elisen-portfolio-content::before {
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.elisen-portfolio .elisen-portfolio-content::after {
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.elisen-portfolio .elisen-hover-effect img, 
.elisen-portfolio .elisen-portfolio-content::before, 
.elisen-portfolio .elisen-portfolio-content::after, 
.elisen-portfolio .elisen-hover-effect p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.elisen-portfolio .elisen-hover-effect:hover img,
.elisen-portfolio .elisen-hover-effect.focus img {
    opacity: 0.7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.elisen-portfolio .elisen-hover-effect:hover .elisen-portfolio-content::after, 
.elisen-portfolio .elisen-hover-effect:hover h2, 
.elisen-portfolio .elisen-hover-effect:hover p, 
.elisen-portfolio .elisen-hover-effect:hover img,
.elisen-portfolio .elisen-hover-effect.focus .elisen-portfolio-content::after, 
.elisen-portfolio .elisen-hover-effect.focus h2, 
.elisen-portfolio .elisen-hover-effect.focus p, 
.elisen-portfolio .elisen-hover-effect.focus img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.elisen-portfolio .elisen-hover-effect:hover .elisen-portfolio-content::before, 
.elisen-portfolio .elisen-hover-effect:hover .elisen-portfolio-content::after,
.elisen-portfolio .elisen-hover-effect.focus .elisen-portfolio-content::before, 
.elisen-portfolio .elisen-hover-effect.focus .elisen-portfolio-content::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.elisen-portfolio .elisen-hover-effect:hover h2, 
.elisen-portfolio .elisen-hover-effect:hover p,
.elisen-portfolio .elisen-hover-effect.focus h2, 
.elisen-portfolio .elisen-hover-effect.focus p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.elisen-portfolio .elisen-hover-effect:hover .elisen-portfolio-content::after, 
.elisen-portfolio .elisen-hover-effect:hover h2, 
.elisen-portfolio .elisen-hover-effect:hover p, 
.elisen-portfolio .elisen-hover-effect:hover img,
.elisen-portfolio .elisen-hover-effect.focus .elisen-portfolio-content::after, 
.elisen-portfolio .elisen-hover-effect.focus h2, 
.elisen-portfolio .elisen-hover-effect.focus p, 
.elisen-portfolio .elisen-hover-effect.focus img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

@media screen and (max-width: 500px) {
	.elisen-portfolio .elisen-portfolio-content h2 {
		padding-top: 5%;
	}
}