.blog-list{--kia-dark:#05141f;--category-pill-bg:#dfdfdf;--dropdown-closed:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2305141F%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M0.256%208.606c0-0.269%200.106-0.544%200.313-0.75%200.412-0.412%201.087-0.412%201.5%200l14.119%2014.119%2013.913-13.912c0.413-0.412%201.087-0.412%201.5%200s0.413%201.088%200%201.5l-14.663%2014.669c-0.413%200.413-1.088%200.413-1.5%200l-14.869-14.869c-0.213-0.213-0.313-0.481-0.313-0.756z%22%2F%3E%3C%2Fsvg%3E")}
.blog-list-wrap{display:flex;padding:0 2rem}
.blog-list-sidebar{padding:2rem;padding-right:1.5rem;padding-top:0}
.blog-filter-category{width:13rem}
.blog-list-content{width:100%}
.blog-list-content .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.blog-card{text-align:center}
.blog-card img{width:100%}
.blog-card-categories{width:100%;display:flex;gap:.5rem;justify-content:center;font-size:.8rem}
.blog-card-categories li{background:var(--category-pill-bg);padding:.1rem .5rem}
.blog-card time{font-size:.65rem}
.blog-card h3,.blog-card h2,.blog-card h4,.blog-card h5{margin-top:1rem;margin-bottom:1rem;font-size:1.1rem;line-height:1.1rem}
.blog-filter-category{margin-bottom:1rem;border-bottom:1px solid var(--kia-dark)}
.blog-filter-category-toggle{font-weight:lighter;position:relative;padding-top:1rem;padding-right:1.3rem;padding-bottom:1rem;width:100%;text-align:left;font-size:1.2rem;font-family:"kial",arial;text-decoration:none}
.blog-filter-category-toggle:hover{text-decoration:none}
.blog-filter-category-toggle:after{background-image:var(--dropdown-closed);height:1.5rem;width:1.5rem;position:absolute;right:0;content:"";top:50%;transform:translateY(-50%)}
.blog-filter-category-toggle[aria-expanded="true"]:after{transform:translateY(-50%) rotate(180deg)}
.blog-filter-category ul{display:none}
.blog-filter-category-toggle[aria-expanded="true"] ~ ul{display:block}
.blog-filter-category li{position:relative}
.blog-filter-category input{position:absolute;top:50%;transform:translateY(-50%);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%3E%3Cpath%20d%3D'M3%203h18v18H3V3zm16%2016V5H5v14h14z'%20fill%3D'%2305141F'%2F%3E%3C%2Fsvg%3E");height:1.3rem;width:1.3rem}
.blog-filter-category input:checked{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20viewBox%3D'0%200%20512%20512'%20version%3D'1.1'%3E%3Cg%20id%3D'Page-1'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20id%3D'drop'%20fill%3D'%2305141F'%20transform%3D'translate(64.000000%2C%2064.000000)'%3E%3Cpath%20d%3D'M384%2C1.42108547e-14%20L384%2C384%20L1.42108547e-14%2C384%20L1.42108547e-14%2C1.42108547e-14%20L384%2C1.42108547e-14%20Z%20M303.341465%2C82.7733333%20L167.317333%2C236.793494%20L98.66016%2C173.308288%20L72.0065067%2C206.625365%20L173.998374%2C296.75219%20L336.658535%2C109.426989%20L303.341465%2C82.7733333%20Z'%20id%3D'Combined-Shape'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.blog-filter-category label{width:100%;display:block;padding:.5rem 1rem;padding-left:1.7rem;box-sizing:border-box;cursor:pointer}
.blog-filter-category li:last-child label{margin-bottom:1rem}
.blog-list-footer{padding:2rem;text-align:center}
.blog-list-footer button{border:1px solid var(--kia-dark);color:var(--kia-dark);display:block;margin:0 auto;padding:.5rem 1rem;margin-bottom:1rem}
.blog-list-footer p{font-size:.8rem}
.blog-filter-openner{display:none}
.blog-sidebar-filter-header{display:none}
.blog-sidebar-filter-footer{display:none}
@media(max-width:1439px){.blog-list-content .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){.blog-list-wrap{display:block}
.blog-filter-openner{background:var(--kia-dark);color:white;padding:.5rem 1rem;padding-right:2.3rem;position:relative;display:flex}
.blog-filter-openner:after{content:"";height:1rem;width:1rem;position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%3E%3Cg%20id%3D'style%3Dlinear'%3E%3Cg%20id%3D'filter-circle'%3E%3Cpath%20id%3D'vector'%20d%3D'M2%2017.5H7'%20stroke%3D'%23ffffff'%20stroke-width%3D'1.5'%20stroke-miterlimit%3D'10'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20id%3D'vector_2'%20d%3D'M22%206.5H17'%20stroke%3D'%23ffffff'%20stroke-width%3D'1.5'%20stroke-miterlimit%3D'10'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20id%3D'vector_3'%20d%3D'M13%2017.5H22'%20stroke%3D'%23ffffff'%20stroke-width%3D'1.5'%20stroke-miterlimit%3D'10'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20id%3D'vector_4'%20d%3D'M11%206.5H2'%20stroke%3D'%23ffffff'%20stroke-width%3D'1.5'%20stroke-miterlimit%3D'10'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20id%3D'vector_5'%20d%3D'M10%2020.3999C8.34315%2020.3999%207%2019.0568%207%2017.3999C7%2015.743%208.34315%2014.3999%2010%2014.3999C11.6569%2014.3999%2013%2015.743%2013%2017.3999C13%2019.0568%2011.6569%2020.3999%2010%2020.3999Z'%20stroke%3D'%23ffffff'%20stroke-width%3D'1.5'%20stroke-miterlimit%3D'10'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20id%3D'vector_6'%20d%3D'M14%209.3999C15.6569%209.3999%2017%208.05676%2017%206.3999C17%204.74305%2015.6569%203.3999%2014%203.3999C12.3431%203.3999%2011%204.74305%2011%206.3999C11%208.05676%2012.3431%209.3999%2014%209.3999Z'%20stroke%3D'%23ffffff'%20stroke-width%3D'1.5'%20stroke-miterlimit%3D'10'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.blog-filter-category{border-color:white;display:none}
.blog-list-sidebar.open .blog-filter-openner{display:none}
.blog-list-sidebar.open .blog-sidebar-filter-header{font-size:1.125rem;display:flex;justify-content:space-between;margin-bottom:1rem}
.blog-list-sidebar.open .blog-sidebar-filter-footer{display:flex;gap:1rem;flex:1;justify-content:end;align-items:end}
.blog-list-sidebar.open .blog-sidebar-filter-header button{height:2rem;width:2rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%3Cg%20id%3D%22Icon-Set%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate(-516.000000%2C%20-1087.000000)%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M532%2C1117%20C524.268%2C1117%20518%2C1110.73%20518%2C1103%20C518%2C1095.27%20524.268%2C1089%20532%2C1089%20C539.732%2C1089%20546%2C1095.27%20546%2C1103%20C546%2C1110.73%20539.732%2C1117%20532%2C1117%20L532%2C1117%20Z%20M532%2C1087%20C523.163%2C1087%20516%2C1094.16%20516%2C1103%20C516%2C1111.84%20523.163%2C1119%20532%2C1119%20C540.837%2C1119%20548%2C1111.84%20548%2C1103%20C548%2C1094.16%20540.837%2C1087%20532%2C1087%20L532%2C1087%20Z%20M538%2C1102%20L526%2C1102%20C525.447%2C1102%20525%2C1102.45%20525%2C1103%20C525%2C1103.55%20525.447%2C1104%20526%2C1104%20L538%2C1104%20C538.553%2C1104%20539%2C1103.55%20539%2C1103%20C539%2C1102.45%20538.553%2C1102%20538%2C1102%20L538%2C1102%20Z%22%20id%3D%22minus-circle%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.blog-list-sidebar.open{position:fixed;background:var(--kia-dark);width:100%;height:100%;top:0;left:0;z-index:999999999;box-sizing:border-box;display:flex;flex-direction:column;color:white;padding:2rem}
.blog-list-sidebar.open .blog-filter-category{display:block}
.blog-list-sidebar{padding:0;padding-bottom:2rem}
.blog-filter-category input{filter:invert(1)}
.blog-filter-category-toggle:after{filter:invert(1)}
.blog-filter-category{width:100%}
.blog-filter-category-toggle{font-size:1.5rem}
}
@media(max-width:767px){.blog-list-content .blog-grid{grid-template-columns:repeat(1,1fr)}
}