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%;
}
}