iframe{
max-width: 100%;
}
.menu-open nav ul.plain li:nth-child(3){
transition-delay: 0.8s;
}
.menu-open nav ul.plain li:nth-child(4){
transition-delay: 0.95s;
}
.menu-open nav ul.plain li:nth-child(5){
transition-delay: 1.1s;
}
.menu-open nav ul.plain li:nth-child(6){
transition-delay: 1.25s;
}
.menu-open nav ul.plain li:nth-child(7){
transition-delay: 1.4s;
}
.menu-open nav ul.plain li:nth-child(8){
transition-delay: 1.55s;
}
.menu-open nav ul.plain li:nth-child(9){
transition-delay: 1.7s;
}
nav{
font-size: clamp(80px,5vw,5vw);
line-height: 1.1;
}
.blog-list .columns{
width: 100%;
}
.blog-list .columns .article{
position: relative;
text-decoration: none;
}
.blog-list .columns .article-img{
position: relative;
width: 100%;
margin-bottom: 15px;
overflow: hidden;
}
.blog-list .columns .article img{
display: block;
width: 100%;
transition: all 0.5s ease;
}
.blog-list .article:hover img{
transform: scale(1.1);
}
@media only screen and (max-width:767px){
.blog-list .columns{
display: flex;
flex-direction:column;
align-items: center;
align-content: center;
}
.blog-list .columns .article{
width: 100%;
max-width: 320px;
}
.blog-list .columns .article + .article{
margin-top: 30px;
}
}
@media only screen and (min-width:768px){
.blog-list .columns{
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.blog-list .columns .article{
width: calc(33.333333% - 20px);
}
.blog-list .columns .article:nth-child(3n+2),
.blog-list .columns .article:nth-child(3n+3){
margin-left: 30px;
}
.blog-list .columns .article:nth-child(1n+4){
margin-top: 30px;
}
}
.blog-content h1.article-title{
margin-bottom: 50px;
text-align: center;
}
.blog-content .article-img{
position: relative;
margin-bottom: 50px;
}
.blog-content .site-width.small{
max-width: 1000px;
}
.blog-content .site-width.small .internal-content{
position: relative;
width: 100%;
max-width: 860px;
margin: 0 auto 50px;
} nav ul.plain .sub-menu {
display: none;
padding: 0;
margin: 0;
list-style: none;
} nav ul.plain .sub-menu.is-active {
display: block;
max-height: 80vh;
overflow-y: auto;
padding-top: 40px;
} nav.showing-submenu ul.plain > li {
display: none;
} nav.showing-submenu ul.plain > li.has-children.is-active {
display: block;
} nav.showing-submenu ul.plain > li.has-children.is-active > a {
display: none;
} nav ul.plain .sub-menu li a {
font-size: 1em;
} nav ul.plain .sub-menu .menu-back {
cursor: pointer;
opacity: 0.6;
font-size: 0.5em;
display: block;
margin-bottom: 0.3em;
}
nav ul.plain .sub-menu .menu-back:hover {
opacity: 1;
}
nav ul.plain li.has-children > a::after {
content: " +";
font-size: 0.6em;
vertical-align: middle;
}