@media screen and (min-width: 768px) { .portfolio-nav div:not(:first-child) {
border-left: 1px solid rgb(0 0 0 / 10%); 
} .site-middle > .layout-full {
display: grid; align-items: flex-start; gap: 7vw; grid-template-columns: minmax(400px, 100%) min(36%, 320px);
}
.site-middle .content-area:not(.with-sidebar) {
grid-column-start: 1; grid-column-end: -1; 
} .alignnone {
margin: 3em 0; 
}
.aligncenter {
margin: 2.2em auto; 
}
.alignleft,
.alignright {
max-width: 50%; 
}
.alignright {
float:right; margin: 1.7em 0 1em 2em;
}
.alignleft {
float: left; margin: 1.7em 2em 1em 0;
} input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]), 
select {
max-width: 360px; 
} .contact-form p {
width: 50%; float: left;
}
.contact-form p:nth-of-type(1) {
padding-right: 32px;
}
.contact-form p:nth-of-type(n+3){
width: 100%;
}  .chat-row > div {
display: inline-block;
}
.chat-author {
text-align: right; width: 100px; margin-top: 5px; font-size: 14px; text-transform: uppercase;
} .post-grid {
grid-gap: var(--16rpx);
} .comment-meta img {
max-width: 66px; top: 14px; left: 0;
}
.comments-area ol ol {
margin-left: 8%
} #respond form p { 
margin-bottom: 0; 
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
float: left; width: 30%; margin-right: 3%;
}
.comment-form-url {
width: 34%; margin-right: 0;
}
.form-allowed-tags,
.form-submit { 
clear: left; 
}
.form-submit {
padding-top: 2em;
} .site-footer .widget-area .widget { 
width: 33.3%; float: left; padding: 0 1.5em 1em 1em;
}	
.site-footer .widget-area .widget:first-child { 
padding-left: 0;
}
.site-footer .widget-area .widget:nth-child(3n) { 
padding-right: 0;
}
} @media screen and (min-width: 992px) { .header-wrap {
justify-content: space-between; text-align: center;
}
.is-header-align-center .header-wrap { 
justify-content: center;
}
.is-header-align-evenly .header-wrap { 
justify-content: space-evenly;
}
.is-header-align-around .header-wrap { 
justify-content: space-around;
}
.is-header-align-left .header-wrap { 
justify-content: flex-start;
}
.is-header-align-right .header-wrap { 
justify-content: flex-end;
} .site-navigation { 
margin-left: var(--space-xxl);
}
.nav-menu a { 
margin: 0 var(--space-sm);
}
.nav-menu li.has-submenu > a::after {
content: '↵'; display: inline-block; transform: rotate(-90deg); margin-left: 5px;
}
.menu-wrap > ul > li {
display: inline-block;
} .nav-menu ul ul {
display: block; visibility: hidden; font-size: 88%; opacity: 0; transform: translateX(20px) ; position: absolute; top: 100%; left: -12px; width: 200px; transition: all 0.2s; background: var(--body-bg-color); border-radius: 6px; padding: 28px 0px;
}
.nav-menu li:hover > ul {
opacity: 1; transform: translateX(0px); visibility: visible;
}
.nav-menu li:hover ul::before {
transform: translateX(0px); opacity: 1;
}
.nav-menu li ul a { 
margin: 0; padding: 0 22px; transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.nav-menu li ul a:hover {
padding-right: 14px;
}
.nav-menu li ul a::before {
width: 0px; opacity: 0;  transform: translateX(50%);
}
.nav-menu li ul a:hover::before {
transform: translateX(0px); opacity: 1; width: 12px;
} .nav-menu ul ul ul { 
top: 0px; left: 100%; right: auto; 
}
} @media screen and (min-width: 1300px) { .post .alignright, 
.post .wp-caption.alignright {
max-width: 66%;	margin-right: -101px; margin-left: 2em;
}
.post .alignleft, 
.post .wp-caption.alignleft {
max-width: 66%;	margin-left: -101px; margin-right: 2em;
}	
}