/*
Theme Name: By Sassy
Author: Jay
Author URI: https://songhanweb.net
Description: This is BySassy theme
Version: 1.0.0
*/
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background:#F6F6EE!important;}
main{display:block;}
h1{font-size:2em;margin:0.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0.35em 0.75em 0.625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,*::before,*::after{box-sizing:inherit}
html{box-sizing:border-box}
body,button,input,select,optgroup,textarea{color:#404040;font-family:"Spectral",serif;font-weight:300;font-style:normal;font-size:1rem;line-height:1.5}
h1,h2,h3,h4,h5,h6{clear:both}
p{margin-bottom:1.5em}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
body{background:#fff}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0 0 1.5em 3em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
embed,iframe,object{max-width:100%}
img{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}
a{color:#4169e1}
a:visited{color:#800080}
a:hover,a:focus,a:active{color:#191970}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,0.8);line-height:1;padding:0.6em 1em 0.4em}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}
button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}
select{border:1px solid #ccc}
textarea{width:100%}
.main-navigation{display:block;width:100%}
.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}
.main-navigation ul ul ul{left:-999em;top:0}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{display:block;left:auto}
.main-navigation ul ul a{width:200px}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:auto}
.main-navigation li{position:relative}
.main-navigation a{display:block;text-decoration:none}
.menu-toggle,.main-navigation.toggled ul{display:block}
@media screen and (min-width:37.5em){
    .menu-toggle{display:none}
    .main-navigation ul{display:flex}
}
*{outline:none!important}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}
.sticky{display:block}
.post,.page{margin:0 0 1.5em}
.updated:not(.published){display:none}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
.widget{margin:0 0 1.5em}
.widget select{max-width:100%}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.custom-logo-link{display:block;line-height:1}
.wp-caption{margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:0.8075em 0}
.wp-caption-text{text-align:center}
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}
.gallery-item{display:inline-block;text-align:center;width:100%}
.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.gallery-caption{display:block}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.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!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
#primary[tabindex="-1"]:focus{outline:0}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
.container{padding:0 20px;width: 100%;}
.flex{display:flex;}
.justify-between{justify-content:space-between;}
nav.header-nav .menu{list-style:none;margin:0;padding:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s ease-in-out,opacity .6s ease-in-out;position:absolute;top:5px;left:0px;padding-left:15px;width:100%;background-color:#D9D9D9;}
.header-search_icon{background-image:url(assets/images/search-icon.svg);display:block;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-color:#D9D9D9;cursor:pointer;}
.header-nav_toggle{background-image:url(assets/images/toggle-icon.svg);width:40px;height:40px;display:block;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:all .3s;z-index:9999;position:relative;}
nav.header-nav{width:260px;background-color:#D9D9D9;margin-left:20px;padding-left:15px;font-family:'Roboto Mono';position:relative;font-size:14px;text-transform:uppercase;}
.align-center{align-items:center;}
header#masthead{padding:20px 0;position:fixed;top:0;width:100%;z-index:9999;}
.header-logo img{filter:invert(1);}
.logged-in header#masthead{top:32px;}
body:not(.page-template-template-home) main#primary{margin-top:80px;}
footer#mastfooter{font-family:"Roboto Mono",monospace;font-style:normal;text-transform:uppercase;background-color:#1E1E1E;justify-content:flex-end;}
.footer-middle{color:rgba(255,255,255,0.55);border-top:1px solid rgba(255,255,255,0.55);padding-top:22px;padding-bottom:72px;}
.footer-middle a{color:rgba(255,255,255,0.55);}
address{font-style:normal;}
p.get-in-touch{color:white;font-family:"Spectral",serif;text-transform:none;font-size:37px;max-width:60%;border-bottom:1px solid #F6F6EE;}
.footer-top{padding:90px 0;}
.footer-bottom{color:rgba(255,255,255,0.25);border-top:1px solid rgba(255,255,255,0.55);padding:33px 0;}
.footer-middle ul{list-style:none;}
.footer-middle a{text-decoration:none;line-height:1;}
.footer-middle li{margin-bottom:10px;}
footer p{margin-top:0;}
.footer-newsletter p{color:white;}
.footer-newsletter input{background-color:transparent;border:none;border-radius:0;}
.footer-newsletter input[type="email"]{border-bottom:1px solid rgba(255,255,255,0.55);width:100%;text-transform:uppercase;font-family:"Roboto Mono",monospace;color:rgba(255,255,255,0.55);}
.footer-newsletter input[type="submit"]{position:absolute;right:0;cursor:pointer;background-image:url(assets/images/newsletter-arrow-icon.svg);background-repeat:no-repeat;background-position:center right;}
.footer-newsletter form{position:relative;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-thumb{background:#000;}
.logo-area{position:fixed;top:20px;left:20px;z-index:99999;mix-blend-mode:difference;}
.logged-in .logo-area{top:52px}
.post,.page{margin-bottom:0;}
a{color:#404040;text-decoration:none}
.header-nav_current-item{transition:all .6s;}
.header-nav-bar{cursor:pointer;}
.header-nav-bar.active .header-nav_toggle{transform:rotate(-45deg);}
nav.header-nav .menu.active{animation:dropdownExpand .6s ease forwards;opacity:1;padding-bottom:10px;}
nav.header-nav .menu .sub-menu{position:relative;list-style:none;margin-left:-15px;transition:padding .6s;background-color:#D9D9D9;max-height:0;overflow:hidden;padding-left:15px;transition:margin-top .6s,opacity .6s,top .6s;max-height:0;opacity:0;top:-30px;}
nav.header-nav .menu a{padding:5px 0;display:block;color:#404040;transition:color .6s;}
.header-nav-bar.active .header-nav_current-item{opacity:0;}
nav.header-nav .menu a:hover{color:white;}
.header-nav-bar:hover .header-nav_current-item{color:white;}
.menu .menu-item-has-children.active .sub-menu{display:block;padding-bottom:10px;}
.open-submenu .menu > li:not(.active){display:none;}
.header-nav.open-submenu .header-nav_toggle{background-image:url(assets/images/arrow-slider.svg);transform:rotate(90deg);filter:invert(.8);background-size:7.5px;background-position:16px;}
.header-nav.open-submenu ul.sub-menu{max-height:500px;padding:10px 0 0 15px;margin-top:10px;opacity:1;top:0;}
.header-nav-bar:not(.active) .header-nav_current-item{color:#404040;}
nav.header-nav .menu li.active > a{padding-bottom:10px;background-color:#D9D9D9;padding-top:10px;margin-left:-15px;padding-left:15px;position:relative;}
nav.header-nav.open-submenu{background-color:transparent;}
nav.header-nav.open-submenu .menu{background-color:transparent;margin-top:-5px;padding-bottom:0!important;}
@keyframes dropdownExpand{
    0%{max-height:0;opacity:0;padding-bottom:0;}
    80%{max-height:600px;opacity:1;padding-bottom:20px;}
    100%{max-height:400px;opacity:1;padding-bottom:10px;}
}
/*main#primary .container{max-width:1920px;margin:0 auto;width: 100%}*/
.ratio-img {
    position: absolute;
    top: 0;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}
.relative{position: relative;}

.nav-links{text-transform:uppercase;font-family:'Roboto Mono';font-size:12px;}
nav.navigation.pagination{margin-bottom:40px;}
span.disable-link{cursor:not-allowed;}
span.page-numbers.current{border-bottom:1px solid;}
.nav-links .page-numbers-container > *{padding:0 5px;}
.nav-links > *{color:#404040!important;}
.nav-links a:visited{color:#404040;}


.search h1.page-title span{display:block;font-family:'Spectral';font-size:48px;line-height:1;margin-top:30px;}
.search h1.page-title{font-family:"Roboto Mono";font-size:15px;text-transform:uppercase;border-bottom:1px solid;padding-bottom:30px;margin-bottom:90px;}
.search main .container > .flex{gap:20px;border-bottom:1px solid;padding-bottom:60px;margin-bottom:5px;flex-wrap: wrap;}
.search article{width:calc(25% - 20px);margin-bottom: 30px;}
h3.search-title{font-weight:400;font-family:'Roboto Mono';font-size:10px;text-transform:uppercase;}
.search-wrap-img.relative{padding-top:65%;}
span.search-post-type{font-size:10px;font-family:'Roboto Mono';border:1px solid;padding:1px 5px 2px;line-height:1;text-transform: uppercase;}
.search main#primary {
    padding-bottom: 140px;
}
@media screen and (max-width:1024px){
    .footer-middle{flex-wrap:wrap;}
    .footer-logo{width:30%;}
    ul.footer-nav{width:30%;margin:0;padding:0;}
    .footer-address{width:30%;}
    .footer_social-media{width:30%;margin-top:50px;}
    .footer-newsletter{width:65%;margin-top:50px;}
}
@media screen and (max-width:550px){
    nav.header-nav{width:200px;font-size:12px;margin-left:10px;}
    .header-search_icon{height:35px;width:35px;}
    .header-nav_toggle{height:35px;}
    nav.header-nav .menu li.active > a{padding-bottom:7px;}
}