body .blog-flex.vertical{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:10px}@media (min-width:768px){body .blog-flex.vertical .blog-item{width:calc(50% - 10px)}body .blog-sidebar{width:30%}body .main-blog-area{width:70%}}@media (min-width:1100px){body .blog-flex.vertical .blog-item{width:calc(33% - 10px)}}.blog-search{margin:0 auto 50px}.blog-search__header{margin-bottom:20px}.blog-search__header h2{margin-bottom:15px}.blog-search__input-wrapper{max-width:700px;position:relative}.blog-search__input{background-color:#fff;border:1px solid #ccc;border-radius:4px;display:block;font:inherit;min-height:52px;padding:12px 50px 12px 18px;width:100%}.blog-search__input:focus{border-color:#333;box-shadow:0 0 0 2px rgba(0,0,0,.15);outline:2px solid transparent}.blog-search__clear{background:transparent;border:0;cursor:pointer;font-size:28px;height:34px;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px}.blog-search__status{font-size:14px;margin:10px 0 0}.blog-search__results{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:grid;gap:12px 30px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;max-height:430px;overflow-y:auto;padding:20px}.blog-search__item{border-bottom:1px solid #eee;padding-bottom:12px}.blog-search__item[hidden]{display:none}.blog-search__item a{display:block;font-weight:700;line-height:1.4}.blog-search__item time{display:block;font-size:13px;margin-top:4px}.blog-search__empty{border:1px solid #ddd;border-radius:4px;padding:20px}.blog-search__clear[hidden],.blog-search__empty[hidden],.blog-search__results[hidden]{display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (max-width:767px){.blog-search__results{grid-template-columns:1fr;max-height:500px}}