@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* width */ ::-webkit-scrollbar { width: 5px;}
/* Track */::-webkit-scrollbar-track { background: #c9c9c9; }
/* Handle */::-webkit-scrollbar-thumb {background: #d00; }
/* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #06F;  }

body{font-family: 'Roboto', sans-serif;font-size:17px;font-weight:400; color:#333; margin:0}

.fix-width{width:1080px; margin:auto; min-height:1px;}
.clearfix{display:block; clear:both;}
html{line-height:1.15;-webkit-text-size-adjust:100%; scroll-behavior: smooth;}
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}
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}
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}}
.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}
.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:inline-block}
.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}

/* Style PC */


/* Header css */
.site-header{background:#f4f4f4;    position: sticky;left: 0;top: 0; z-index:99;}
.site-header .header-inner{display: flex;    align-items: center; gap:15px;}
.header-inner .site-branding{}
.header-inner .site-branding img{    height: 50px;width: fit-content;}
.main-navigation{}
.main-navigation ul{justify-content: center;align-items: center; gap: 15px;}
.main-navigation ul li{}
.main-navigation ul li a{    color: #333;font-weight: 600;text-transform: uppercase;}
.main-navigation ul ul{}
.main-navigation ul li li{}
.main-navigation ul li li a{}
.search-top{    cursor: pointer;}
.search-top .fa-search{color:#fff;}
.search-top .search-form-outer{display:none; position: absolute;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.9);height: 100vh;justify-content: center;align-items: center;}
.search-form-inner{}
.search-form-outer i{}
.search-top .close-search{    position: absolute;top: 0;right: 0; display: flex;width: 48px;height: 48px;justify-content: center; align-items: center; background: #d00;
    color: #FFF;font-size: 24px;z-index: -1;opacity: 0;cursor: pointer;}
body.show-search .close-search{opacity: 1;z-index: 99}
.search-top form{border-bottom: 1px solid #f0f0f0;    justify-content: center;align-items: center;display: flex;}
.search-top form input{    background: none;color: #f4f4f4;font-weight: 800;font-size: 120%;padding: 10px 20px !important;border: none; outline: none;margin: 0;}
::placeholder {color:#f4f4f4;}
.search-top form input:focus{color:#f4f4f4;}
.search-top form .search-submit{display: inline-block;font-size: 0;width: 32px;height: 32px;background: url(./img/search-32.png) no-repeat center;margin: 0;padding: 0 !important;
    border-radius: 0;background-size:24px;cursor: pointer;}
.search-top form .search-submit::before{content:"\f002"; font-family: FontAwesome;}
body.show-search .search-top .search-form-outer{display: flex;}


/* CSS Layout */
#primary{width: 70%;float: left;display: flex;flex-direction: column;}
#secondary{width: calc(100% - 70% - 15px); float: right;}
.site-footer{    background: #333;color: #f0f0f0; border-top: 4px solid #d00;}
.site-footer ul{margin:0px; padding:0px; list-style:none;}
.site-footer ul li{font-family: 'Roboto', sans-serif;    font-weight: 400;}
.site-footer ul li::before{font-family: FontAwesome;}
.site-footer a:active,
.site-footer a:visited,
.site-footer a{color:#f0f0f0; text-decoration:none;}
.site-footer a:hover{color:#d00;}
.site-footer .widget{margin:0px;}
.site-footer .widget:first-child img{//filter: brightness(0) invert(1);}
.site-footer .widget > h2{text-transform: uppercase; font-size: 100%; color: #d00; display: none;position: relative;padding-left: 10px; padding-top: 5px;}
.site-footer .widget > h2:before{    content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 0; left: 0; border-left: 3px solid; border-top: 3px solid;}
.footer-link{font-size:100%;}
.footer-link .fix-width { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; }
.footer-link .fix-width .widget:first-child { margin-top:15px; }
.footer-link .fix-width .widget:last-child { margin-bottom:15px; }
.footer-link ul { display:flex; flex-direction:row; position:relative; flex-wrap:wrap; gap:15px;}
.footer-link ul li{    display: flex; gap: 5px;    display: flex; align-items: center; min-height:24px;}
.footer-link ul li:before{display: flex;justify-content: center;align-items: center; width: 24px; height: 24px;color: #d00;}
.footer-link ul li a{}

.footer-link #menu-menu_mxh{gap: 30px;}
.footer-link #menu-menu_mxh li{position: relative;}
.footer-link #menu-menu_mxh li::before{    font-size: 32px;position: relative;z-index: 0;}
.footer-link #menu-menu_mxh li a{    position: absolute; display: flex;height: 32px;width: 32px;justify-content: center; align-items: center; font-size: 0;}

.footer-link .widget_sp_image img{    height: 50px; width: fit-content; }
.footer-link .widget_sp_image .widget_sp_image-description{}
.footer-link .widget_sp_image .widget_sp_image-description p{margin:0; padding:0}

.footer-link #menu-cat_menu { display:inline-block; float:left; width:100%; }
.footer-link #menu-cat_menu li { display:block; float:left; }
.footer-link #menu-cat_menu li::before { z-index:0; color:#999; position:absolute; height:100%; font-size:80%; }
.footer-link #menu-cat_menu li a { color:#999; position:relative; white-space:nowrap; border:0 solid #999; padding:5px 7px; padding-left:20px; border-radius:0; background:rgba(255,255,255,0.1); font-weight:400; display:block; border-right:2px solid #333; }

.site-info{background:#000;border-top:1px solid #666;}
.site-info .widget h2{display:none}
.site-info ul{display: flex;justify-content: center;gap: 15px;}
.site-info ul li{}
.site-info ul li a{    padding: 10px; display:block;font-size: 80%;font-weight: 600;color: #999;}

/* CSS Widget */
#secondary{}
#secondary .widget{    display: flex;flex-direction: column;position: relative;}
#secondary .widget > h2{display: block;position: relative;padding-top: 5px;padding-left: 10px; font-size: 100%;text-transform: uppercase; color: #d00;margin-top: 0;}
#secondary .widget > h2:before{content: "";display: block;width: 10px;height: 10px;border-top: 4px solid;border-left: 4px solid;position: absolute; top: 0;left: 0;}
#secondary .widget ul{margin:0px; padding:0px; list-style:none}
#secondary .widget ul li{}
#secondary .widget ul li::before{}
#secondary .widget ul li a{}


.recent_post{    display: flex;flex-direction: column;gap: 15px;}
.recent_post li{}
.recent_post li a{display: grid;background: #f9f9f9; color: #333;text-decoration: none; grid-template-columns: 30% auto; column-gap: 15px;}
.recent_post li a .recent_thum{grid-row: 1 / span 2;}
.recent_post li a img{    width: 100%; min-height: 1px;    display: block;}
.recent_post li a h3{font-size: 100%; margin-bottom:0px; margin-top:7px; padding-top:7px;}
.recent_post .entry-meta{margin:0px; padding:0; border:0}

.entry-meta{    display: flex; align-items: center; gap: 15px;font-size: 80%;color: #999; }
.entry-header .entry-meta{padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
.entry-header .entry-meta span:last-child{flex: 1; justify-content: end;}
.entry-meta span{    display: flex; align-items: center;}
.entry-meta a{color:#999; text-decoration:none;}
.entry-meta span::before{font-family: FontAwesome;padding-right: 5px;  color:#666}
.time::before{content:"\f017"}
.author::before{content:"\f2bd"}
.cate::before{content:"\f07c"}
.views::before{content:"\f06e"}
.cate a{display:none}
.cate a:first-child{display:block;}


.grid-menu{}
.grid-menu ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 1px;}
.grid-menu ul li{margin: 0;padding: 0;display: block;}
.grid-menu ul li a{ display: flex;flex-direction: column;min-height: 70px;text-decoration: none;color: #fff;background: #999;justify-content: center;align-items: center; font-weight:bold;}
.grid-menu ul li a span{    font-size: 80%; font-weight:400;}
.grid-menu ul li.link1 a{background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);}
.grid-menu ul li.link2 a{background: rgb(63,94,251);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);}
.grid-menu ul li.link3 a{background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);}
.grid-menu ul li.link4 a{background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);}
.grid-menu ul li.link5 a{background: rgb(238,174,202);
background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);}
.grid-menu ul li.link6 a{background: rgb(34,195,47);
background: linear-gradient(0deg, rgba(34,195,47,1) 0%, rgba(253,187,45,1) 100%);}

/* CSS Post News*/
body.single .site-main-outer .fix-width{margin-top:15px; margin-bottom:15px;display: flex;}
body.single #primary{width:70%; flex:70%; }
body.single #secondary{width:30%; flex:30%; padding-left:15px;}

.widget.ticky{    position: sticky !important; top: 70px; background: #f9f9f9; border: 0px solid #c9c9c9; display:none !important; font-size:95%;    border-radius: 10px;
    overflow: hidden;}
.widget.ticky h2{border-bottom: 0px solid #c9c9c9; padding: 15px 10px !important; margin:0;background: #f0f0f0;}
.widget.ticky h2::before{display:none !important;}
.widget.ticky #ez-toc-container{    border: 0; background: none;    box-shadow: none;  margin: 0;}
.widget.ticky #ez-toc-container .ez-toc-title{display:none;}
.widget.ticky #ez-toc-container .ez-toc-cssicon{display:none !important;}
.widget.ticky #ez-toc-container ul ul{    padding-left: 20px;border-left: 1px dotted;overflow: unset;}
.widget.ticky #ez-toc-container ul ul li::before{    content: " ";display: block; height: 1px; width: 15px; border-top: 1px dotted; position: absolute;left: -20px; top: 12px;}
.widget.ticky #ez-toc-container ul ul li{    position: relative;overflow: unset;}

#ez-toc-container a{color: #333 !important;  text-decoration: none;}
#ez-toc-container a:hover{color:#d00 !important;}

.showToc .widget.ticky{display:block !important;}
.showToc .entry-content #ez-toc-container{display:none !important;visibility: hidden; overflow: hidden;}

.post{}
.post p.link-goc{display: block;text-align: right;color: #999;font-size: 80%;clear:both;}
.post p.link-goc a{    display: inline-block;padding-left: 3px;font-weight: bold;color: #666;text-decoration: none;}
.post p.link-goc::before{    font-family: FontAwesome;content: "\f05a";margin-right: 5px;font-style: normal; font-size: 80%;color: #333;}


.entry-content a{color:#d00; text-decoration:none}

.entry-content img{border-radius:10px;display: block; margin: auto;}

h1.entry-title{    font-size: 28px; margin-top:0px; margin-bottom:10px;font-family: Anton; font-weight: normal;}
.entry-summary{display: flex;flex-direction: column;margin: 15px 0px !important;}
.entry-summary h2{font-size: 100%;    background: #f9f9f9; padding: 10px; margin-top: 0; border-left: 5px solid #d00; font-weight:400;}
.entry-content h2{font-size:24px; font-family: Anton; font-weight: normal;}
.entry-content h3{font-size:20px; font-family: Anton; font-weight: normal;}
.entry-content h4,
.entry-content h5,
.entry-content h6{font-size:100%; font-weight:bold;}
.entry-summary .post-thumbnail{}
.entry-summary .post-thumbnail img{}
.relatedpost-tag{}
.relatedpost-tag ul{margin: 15px 0px; padding: 0;list-style: none;display: flex; flex-direction: column;justify-content: center;}
.relatedpost-tag ul li{border-bottom:1px dashed #f0f0f0;}
.relatedpost-tag ul li a{display: flex;align-items: center; color: #666;text-decoration: none;padding: 7px 0px;}
.relatedpost-tag ul li a::before{    font-family: FontAwesome;content: "\f111";font-size: 8px;width: 32px;display: flex;justify-content: center;align-items: center;}

.relatedpost-cat{}
.relatedpost-cat h3{display: flex;text-transform: uppercase; position: relative;    padding-left: 10px; padding-top:5px; color:#d00;font-size:100%;}
.relatedpost-cat h3::before{display: block;content: "";width: 10px;height: 10px; position: absolute; border-left: 4px solid #d00;border-top: 4px solid #d00;left: 0;top:0;}
.relatedpost-cat ul{margin: 0;padding: 0;list-style: none;display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 15px;}
.relatedpost-cat ul li{display:block;}
.relatedpost-cat ul li a{display: flex;flex-direction: column;color: #333;text-decoration: none;transition: all 0.5s ease;}
.relatedpost-cat ul li a img{filter: unset;transition: all 0.5s ease;}
.relatedpost-cat ul li a h4{    font-size: 100%;margin: 0;padding: 7px 0px; padding-top:0px;}
.relatedpost-cat ul li a:hover img{filter: grayscale(1);}
.relatedpost-cat ul li a:hover{color:#d00;}
.relatedpost-cat .entry-meta{border:0; margin:0; padding:0}

.relatedpost-cat ul .info-post{    display: flex; flex-direction: column; background: #f9f9f9; padding: 15px;}
.relatedpost-cat ul .info-post p{margin:0px; font-size:80%;display: grid; grid-template-columns: auto auto;}
.relatedpost-cat ul .info-post p span.views{text-align:right;}
.relatedpost-cat ul .info-post p span::before{color:#d00 !important;}

ul.single-post-social { display:flex; margin:0; padding:0; list-style:none; gap:15px; overflow-x:auto; padding-bottom:15px; }
ul.single-post-social li { flex:1; position:relative; }
ul.single-post-social li a{    display: flex;justify-content: center;align-items: center; font-size: 24px;color: #fff;text-decoration: none;}
ul.single-post-social li a i{    display: flex;background: #f4f4f4; width: 100%; height: auto;justify-content: center;padding: 10px;border-radius: 3px;}
ul.single-post-social li a i.fa-facebook-f{background-color: #568fce;}
ul.single-post-social li a i.fa-twitter{background-color: #27c2f5;}
ul.single-post-social li a i.fa-pinterest-p{background-color: #f7333e;}
ul.single-post-social li a i.fa-linkedin-in{background-color: #0a84dc;}
ul.single-post-social li a i.fa-tumblr{background-color: #111;}
ul.single-post-social li a i.fa-reddit-alien{background-color: #ff570a;}
ul.single-post-social li a i.fa-facebook-messenger{background-color: #0078ff;}

.breadcrumbs-outer{    border-bottom: 1px solid #f4f4f4; font-size:80%;}
#breadcrumbs{margin: 0; padding: 7px 0px;display: block;}
#breadcrumbs span{color:#999;}
#breadcrumbs a{    text-decoration: none;color: #666; font-weight:600;}
#breadcrumbs .breadcrumb_last{}

.progress-container { width:100%; height:3px; background:#f0f0f0; display:none;}
.progress-bar { height:3px; background:#d00; width:0%; }
.single .progress-container{display:block;}



.entry-footer{    display: flex;flex-direction: column;position: relative;    margin: 15px 0px;}

.posttag { padding:0; list-style:none; display:flex; gap:7px; margin:15px 0; flex-wrap:wrap; }
.posttag li { position:relative; }
.posttag li a { text-decoration:none; background:#f4f4f4; padding:7px 10px; color:#333; display:flex; align-items:center; transition:all 0.5s ease; border-radius:3px; }
.posttag li a:hover { background:#666; color:#f9f9f9; }
.posttag li a::before { font-family:FontAwesome; content:"\f0da"; position:absolute; left:-1px; color:#FFF; }
.posttag li.tag { display:flex; align-items:center; padding:7px 15px; background:#d00; color:#FFF; text-transform:uppercase; position:relative; font-weight:bold; }
.posttag li.tag::after { font-family:FontAwesome; content:"\f0da"; font-family:FontAwesome; content:"\f0da"; position:absolute; left:100%; color:#d00; }

.nav-links{gap: 15px;}
.nav-links > div{width: fit-content; flex: auto !important;}
.nav-links a{    display: flex;flex-direction: column; text-decoration:none; position: relative; color:#333;}
.nav-links a .nav-subtitle{display: none;visibility: hidden;}
.nav-links a img{width: 100%;height: auto; min-height: 1px;}
.nav-links a .nav-title{position: absolute; bottom: 0; display: block; box-sizing: border-box;width: 100%;padding: 10px;font-weight: 600;background: rgba(0,0,0,.5);color: #FFF;    text-align: left;}

/* CSS Comment */
#comments{display: grid;}
#comments #respond{order:1;}
#comments .comment-list{order:2;}
#comments .comment-navigation{order:4;}
#comments a{color: #333;text-decoration: none;}
h2.comments-title{order:0;display: block;    position: relative; font-size: 18px;text-transform: uppercase; color: #d00; padding-top: 5px; padding-left: 10px;}
h2.comments-title::before{display:block; width:10px; height:10px; border-top:3px solid; border-left:3px solid;content:"";    position: absolute; top: 0;left: 0;}
ol.comment-list{margin: 0; padding: 0;list-style: none;    display: flex;flex-direction: column;gap: 15px;}
ol.comment-list ol{margin:0px; padding:0px;}
ol.comment-list > li{display: flex;flex-direction: column;padding: 15px;background: #f9f9f9;}
ol.comment-list .comment-body{    display: grid;grid-template-columns: auto 70% auto;gap: 15px;}
ol.comment-list ol.children .comment-body{margin-top:15px;    border-top: 1px dashed #ccc; padding-top: 15px;}
ol.comment-list ol li{}
.comment-meta{}
.comment-meta .comment-author{    display: flex; align-items: center;gap: 15px;    flex-direction: column;}
.comment-meta .comment-author img{    border-radius: 50%;}
.comment-meta .comment-author .says{display:none;}
.comment-metadata{display: flex;font-size: 80%;    align-items: center;flex-direction: column;}
.comment-edit-link{font-size:0px;}
.comment-edit-link::before{font-family: FontAwesome; content:"\f14b";    font-size: 16px;}
div.reply{display: flex;justify-content: center; align-items: center;}
div.reply a{    color: #333;text-decoration: none;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center; font-size:0px;}
div.reply a::before{font-family: FontAwesome;content:"\f3e5"; font-size:16px;}

.archive-wraper{}
.archive-wraper .post{    display: flex;margin: 0; flex-direction: column; position: relative;}
.archive-wraper .entry-content{    margin: 0;}
.archive-wraper .entry-content p{margin:0px;}
.archive-top{position: relative;}
.archive-top span{font-size:0px;}
.archive-top a{font-size:16px;}
.archive-top .tags-links,
.archive-top .edit-link{display:none;}
.archive-top .cat-links{    position: absolute;bottom: 0;left: 0; display: flex;gap: 15px;width: 100%;box-sizing: border-box;flex-wrap: wrap; padding: 10px 0px;
	background: rgb(0,0,0);background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);}
.archive-top .cat-links a{font-weight: bold; color: #FFF;text-decoration: none;font-size: 14px;    display: flex; align-items: center;}
.archive-top .cat-links a::before{    font-family: FontAwesome;content: "\f111";display: flex;background: #d00;color: #d00;
    margin-right: 5px;border-radius: 50%;font-size: 6px;}
.archive-top img{display:block; transition: all 0.5s ease;filter: grayscale(0); width:100%; height: auto;}
.archive-wraper .post:hover .archive-top img{filter: grayscale(1);}

.archive-wraper .entry-header{    width: 100%; position: absolute;  bottom: 0; background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 90%);}
.archive-wraper h3.entry-title{margin:0px; padding:0px; font-size:100%; margin-bottom:7px;}
.archive-wraper h3.entry-title a{    display: block;text-decoration: none;color: #fff;}
.archive-wraper .entry-meta{border: 0;    justify-content: left;}
.archive-wraper .entry-meta span{border:0px;}
body.archive .site-main-outer .fix-width,
body.page .site-main-outer .fix-width{padding:15px 0px;}
body.archive h1.page-title{    margin-top: 0; display: block; padding-top: 5px;padding-left: 10px;font-size: 24px;text-transform: uppercase;color: #d00;position: relative;}
body.archive h1.page-title::before{display:block; content:"";height:15px; width:15px; border-left:4px solid; border-top:4px solid;
position: absolute; top:0; left:0;}

ul.subcat{margin: 0; padding: 0;list-style: none; display: flex; margin-bottom: 15px; position: relative;flex-wrap: wrap;gap: 1px;border-radius: 5px;
    overflow: hidden;}
ul.subcat li{flex: 1;}
ul.subcat li a{font-weight: 600; align-items: center; display: flex;color: #fff; background: #d00;padding: 7px 15px; text-decoration: none; gap: 7px;    white-space: nowrap;justify-content: center;}
ul.subcat li a span { font-weight:400; background:#FFF; color:#d00; display:flex; min-width:24px; height:24px; justify-content:center; align-items:center; border-radius:2px; position:relative; }
ul.subcat li a span::before { font-family:FontAwesome; content:"\f0d9"; position:absolute; right:98%; color:#FFF; }

div.grid{display: grid;gap: 15px;position: relative;}
div.grid-2{grid-template-columns: repeat(2,1fr);}
div.grid-2 .entry-content{display:none}
div.grid-2 .entry-header{padding:15px;}
div.grid-2 .entry-meta{    flex-direction: row-reverse; margin:0; padding:0}
div.grid-2 .entry-meta .time{    flex: 1; justify-content: left;}
div.grid-2 .entry-meta .author,
div.grid-2 .entry-meta .cate{display:none;}

div.grid-3{grid-template-columns: repeat(3,1fr);}
div.grid-4{grid-template-columns: repeat(4,1fr);}

div.grid-2 .post:nth-child(1){grid-column: 1; grid-row: 1 / span 4;}
div.grid-2 .post:nth-child(1) .entry-content{display:block;}
div.grid-2 .post:nth-child(1) .entry-title{    text-transform: uppercase; margin-bottom: 7px; font-size: 110%;}
div.grid-2 .post:nth-child(1) .entry-header{    position: relative;background: none; padding: 0; margin-bottom: 7px;}
div.grid-2 .post:nth-child(1) .entry-header .entry-title a{color: inherit; margin-top: 15px;}

div.grid-2 .post:nth-child(2) .entry-header,
div.grid-2 .post:nth-child(3) .entry-header,
div.grid-2 .post:nth-child(4) .entry-header,
div.grid-2 .post:nth-child(5) .entry-header{position: relative; background: none; padding: 0;padding-right: 15px;}
	
div.grid-2 .post:nth-child(2) .entry-header .entry-title a,
div.grid-2 .post:nth-child(3) .entry-header .entry-title a,
div.grid-2 .post:nth-child(4) .entry-header .entry-title a,
div.grid-2 .post:nth-child(5) .entry-header .entry-title a{    color: inherit;}

div.grid-2 .post:nth-child(2),
div.grid-2 .post:nth-child(3),
div.grid-2 .post:nth-child(4),
div.grid-2 .post:nth-child(5){display: grid; grid-template-columns: 30% auto; column-gap: 15px;background: #f9f9f9; align-items: center;align-self: baseline;}


div.grid-2 .post:nth-child(2) .archive-top,
div.grid-2 .post:nth-child(3) .archive-top,
div.grid-2 .post:nth-child(4) .archive-top,
div.grid-2 .post:nth-child(5) .archive-top{}



.paginate_links{    display: flex;justify-content: center; margin: 30px 0px; gap: 15px;padding: 15px 0px; border-top: 1px solid #f0f0f0;}
.paginate_links .page-numbers{display: flex; width: 32px;height: 32px;justify-content: center;align-items: center; background: #333;font-weight: bold; color: #FFF;
    text-decoration: none;border-radius: 3px;}
.paginate_links .current{background:#d00}
.paginate_links .next,
.paginate_links .prev{width: auto;background: none;color: #333;text-transform: uppercase;padding: 0 15px;font-weight: 400;border: 1px solid;}

ul.topview{}
ul.topview li{}
ul.topview li a{    display: flex;flex-direction: column;position: relative; color: #fff; text-decoration: none;}
ul.topview li a img{width:100%;}
ul.topview li div.post-info{position: absolute;background: rgba(0,0,0,0.5);bottom: 0;left: 0; width: 100%;box-sizing: border-box;display: flex;flex-direction: column;padding:15px;}
ul.topview li a h3{    font-size: 100%; margin: 0; padding: 0px; margin-bottom:7px;}
ul.topview li a p{margin: 0;padding: 0px;    display: grid; grid-template-columns: auto auto;      font-size: 80%; margin-top: 10px; }
ul.topview .post-categories{margin:0; padding:0; list-style:none;}
ul.topview .post-categories li{display:none}
ul.topview .post-categories li:last-child{display:block;}
ul.topview .entry-meta span,
ul.topview .entry-meta span::before,
ul.topview .entry-meta a{color:#FFF;}


body.search{}
body.search .site-main-outer .fix-width{padding:15px 0px;}
body.search h1{font-size:0px;margin-bottom: 15px;position: relative;display: block;}
body.search h1 span{    font-size: 16px;text-transform: uppercase;color: #d00;}
body.search h1 span:before{font-family: FontAwesome; content:"\f002"; margin-right:5px;}
.search-wraper{}
.search-wraper .search-item{    display: grid;grid-template-columns: 30% auto;grid-column-gap: 15px;}
body.search .search-item a{color: #333; text-decoration: none;}
.search-item h2{    font-size: 100%; margin: 0;padding-bottom: 7px;}
.search-item h2 a{color:#d00 !important}
.search-item img{}
.search-item p{    margin: 0;}
.search-item .entry-search{}
.search-item .key{    display: flex;flex-wrap: wrap;gap: 7px;margin-top: 15px;}
.search-item .key span{font-size:0;}
.search-item .key a{font-size: 14px;font-weight: 400;color: #666 !important;font-style: italic;}
.search-item .key a::before{font-family: FontAwesome; content:"\f292"; margin-right:2px; font-size:80%;}

.top-main-outer{padding-top:15px;}
.top-main-outer .widget h2{display:none;}
.top-main-outer .entry-meta span,
.top-main-outer .entry-meta span::before,
.top-main-outer .entry-meta a{color:#f9f9f9}

#primary .widget{}
#list-post h2,
#top-light .widget > h2,
#primary .widget > h2{display: block;position: relative;margin-top: 0;font-size: 100%; text-transform: uppercase;color: #d00;padding-top: 5px;padding-left: 10px;}
#list-post h2::before,
#top-light .widget > h2::before,
#primary .widget > h2::before{    display: block;content: "";width: 10px;height: 10px; border-top: 4px solid; border-left: 4px solid;position: absolute;left: 0;top: 0;}

.list-item img,
.widget ul img{filter: grayscale(0); transition: all 0.5s ease;}
.list-item img:hover,
.widget ul img:hover{filter: grayscale(1);}

.postsbycat{margin:0px; padding:0px; list-style:none;}
.widget .postsbycat li{margin:0px; padding:0px; display:block; min-height:1px;position: relative;}
.widget .postsbycat li a{color:#333; text-decoration:none;    display: flex; flex-direction: column; position: relative;}
.widget .postsbycat li a h3{margin:0px; padding:0px;font-size: 100%; margin-top:0; margin-bottom:7px;}
.widget .postsbycat li a img{display:block; width:100%; height: auto;}
.widget .postsbycat li a p{margin:0px; padding:0px;}
.widget .postsbycat li a p.des{}
.widget .postsbycat .entry-meta{}

.style-grid{    display: grid;grid-template-columns: 50% auto auto;gap: 15px;}
.style-grid p.des{display:none;}
.style-grid li:first-child{grid-row:1/3;}
.style-grid li:first-child h3{text-transform: uppercase;}
.style-grid .post-item{ position: absolute;bottom: 0;background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.75));    box-sizing: border-box;padding: 15px;color: #FFF;    width: 100%;}
.style-grid .post-item h3{transition:all 0.5s ease;}
.style-grid .post-item p.info{}
.style-grid li:hover h3{color:#d00;}

.style-grid-2{display: grid;grid-template-columns: 50% auto;gap: 15px;}
.style-grid-2 p.des{display:none;}
.style-grid-2 li a{display: grid !important;grid-template-columns: 30% auto;gap: 15px;}
.style-grid-2 li .post-item a{}
.style-grid-2 li:first-child{grid-row:1/5;}
.style-grid-2 li:first-child a{grid-template-columns:100%;}
.style-grid-2 li:first-child p.des{display:block; padding-bottom:7px;}
.style-grid-2 li:first-child h3{text-transform: uppercase;}

.style-grid-3{    display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;}
.style-grid-3 li p.des{display:none;}

.style-grid-4{    display: grid;grid-template-columns: auto auto;grid-gap: 15px;}
.style-grid-4 li p.des{display:none}
.style-grid-4 li a{display: grid !important;grid-template-columns: 30% auto;gap: 15px;}
.style-grid-4 li h3{font-weight:400;}
.style-grid-4 li:first-child{    grid-column: 1/3;}
.style-grid-4 li:first-child p.des{display:block; padding-bottom:7px;}
.style-grid-4 li:first-child a{    grid-template-columns: calc(50% - 15px) auto;}
.style-grid-4 li:first-child h3{text-transform: uppercase; font-weight:bold;}
.style-grid-4 li p.info{color:#999;}

.style-grid-6{    display: grid; grid-template-columns: repeat(auto-fill,minmax(120px,1fr)); gap: 16px; row-gap: 32px; margin:30px 0;}
.style-grid-6 li{    position: relative;}
.style-grid-6 a{    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.style-grid-6 li h4{margin: 0; padding: 7px 0;}
.style-grid-6 li img{display: block;  width: 100%;height: auto;}

.bg-dark{background: #333; color: #f0f0f0; box-sizing: border-box; padding: 15px !important;}
.bg-dark a{color: #f0f0f0 !important;}

.style-grid-5{    display: grid;grid-template-columns: repeat(4,1fr);gap: 15px;}
.style-grid-5 p.des{display:none;}

#list-post{margin-bottom:15px;}
.list-post{    display: grid;grid-template-columns: repeat(4,1fr);clear: both;gap: 15px;}
 i.hidden{display:none;}
.list-post h3{margin: 0;font-size: 100%; padding-bottom:7px;}
.list-post h3 a{    display: block; text-decoration: none;color: #333;    font-family: 'Roboto', sans-serif; font-weight: 600;}
.list-post .entry-content{    margin-top: 7px;}
.list-post .entry-content p{margin: 0;display: grid;grid-template-columns: 50% 50%; font-size: 80%;}
.list-post .entry-content p span.views{//text-align:right;}
.list-post .thum{    position: relative;display: flex;flex-direction: column;}
.list-post .thum img{display:block;}
.list-post .post-categories { margin:0; padding:0; list-style:none; display:flex; position:absolute; bottom:0; background:rgb(2,0,36); background:linear-gradient(180deg,rgba(2,0,36,1) 0%,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 90%); width:100%; }
.list-post .post-categories li { display:none; }
.list-post .post-categories li:first-child { display:block; position:relative; }
.list-post .post-categories li a { color:#ccc; text-decoration:none; padding:10px 15px; display:flex; font-size:80%; align-items:center; }
.list-post .post-categories li a::before { font-family:FontAwesome; content:"\f192"; font-size:50%; margin-right:5px; color:#09f; padding-top:3px; }

a.gini-button{    display: flex;justify-content: center;align-items: center;margin: 15px 0px;text-decoration: none;color: #333;}
a.gini-button i{margin-right:7px;}
a.gini-button button{    display: flex;justify-content: center;align-items: center;text-transform: uppercase;border: 1px solid #333;border-radius: 0;background: none;padding: 15px 30px;cursor: pointer;outline: none;transition: all 0.5s ease;}
a.gini-button:hover button{color:#d00; border-color:#d00;}
a.gini-button.hidden{display:none;}

.owl-drag{display: block !important; width:100%;    position: relative;}
.owl-stage-outer{position: relative;overflow: hidden;}
.owl-stage{position: relative;}
.owl-item{float: left; position: relative;}
.owl-nav{}
.owl-nav button{    margin: 0;padding: 0; border: 0;background: none;outline: none;cursor: pointer;position: absolute;top: calc(50% - 24px);}
.owl-nav button.owl-next{right:0px;}
.owl-nav button span{font-size: 32px;display: flex; width: 48px;height: 48px;justify-content: center;align-items: center; background: #FFF;background: rgba(255,255,255,0.8); opacity: 0; color: #d00;}
.owl-drag:hover .owl-nav button span{opacity: 1;}
.owl-dots{position: absolute;top: 100%;display: flex;width: 100%;justify-content: center;gap: 7px;padding: 7px 0px;}
.owl-dots button{    margin: 0;padding: 0;border: 0;background: none;outline: none;cursor: pointer;}
.owl-dots button span{    display: block; width: 10px;height: 10px;background: #ccc;border-radius: 50%;}
.owl-dots button.active span{background:#d00}


.entry-content table{border-collapse: collapse;    margin-bottom: 0 !important;}
.entry-content table tr{}
.entry-content table tr td,
.entry-content table tr th{border: 1px solid #f0f0f0;padding: 10px;}
.entry-content table tr th{text-transform: uppercase;}

.wp-block-table figcaption{    font-size: 80%;display: flex;justify-content: right;margin: 5px 0px;gap: 5px;}
.wp-block-table figcaption::before{font-family: FontAwesome; content:"\f05a";}
.wp-block-table figcaption a,
.wp-block-image figcaption a{color:#d00 !important; text-decoration:none;}
.wp-block-image figcaption{    margin: 0;padding: 15px 0;display: block; color: #333;font-size: 90%;font-style: italic;}

.entry-content blockquote{    background: #f4f4f4;margin: 0;padding: 15px; border-left: 3px solid #000;}
.entry-content blockquote p{    margin: 0;}
.entry-content blockquote p a{text-decoration:none; color:#d00;}

.schema-faq { display:flex; flex-direction:column; position:relative; border:1px solid #ccc; border-radius:10px; overflow:hidden }
.schema-faq-section { border-bottom:1px solid #ccc }
.schema-faq-question { display:block; padding:10px; position:relative; cursor:pointer }
.schema-faq-question::after { font-family:FontAwesome; content:"\2b"; right:10px; position:absolute; 
font-size:70%; display:flex; top:10px; width:20px; height:20px; background:#d00; border-radius:50%; color:#FFF; justify-content:center; align-items:center }
.schema-faq-answer { margin:0; padding:10px 40px 10px 10px; border-top:1px dashed #f0f0f0; font-style: italic;}
.schema-faq-answer a {}
.schema-faq .schema-faq-section:last-child { border:0 }

.kk-star-ratings { display:flex; margin:15px 0 !important; background:#f9f9f9; padding:15px; border-left:5px solid #d00; border-radius:7px; }


	.wp-block-media-text.bkn{background: #f9f9f9; border: 1px solid #f0f0f0; padding: 10px; margin-bottom: 20px;border-radius: 3px;}
	.wp-block-media-text.bkn .wp-block-media-text__content{padding: 0 0 0 20px;}
	.wp-block-media-text.bkn .wp-block-media-text__media img{} 
	.wp-block-media-text.bkn p{margin:0; padding:0}
	.wp-block-media-text.bkn h4{margin-top:0; text-transform: uppercase;}
	.posttag li.tag::after{left:98%;}
	::-ms-input-placeholder { /* Edge 12-18 */ color: #333;}
	::placeholder {  color: #333;}
	.wpcf7-form{display: flex;flex-direction: column;gap:15px;}
	.wpcf7-form .row{    display: flex; gap: 15px;}
	.wpcf7-form .row label{flex:1}
	.wpcf7-form .col-1{}
	.wpcf7-form .col-2{}
	.wpcf7-form textarea,
	.wpcf7-form input{    display: block;box-sizing: border-box; width: 100%; border: 1px solid #ccc; border-radius: 0;box-shadow: none;outline: none;padding: 10px;}
	.wpcf7-form  .wpcf7-submit{display: flex;  justify-content: center; align-items: center; border: 0;  padding: 10px 30px;  color: #FFF; width: fit-content; text-transform: uppercase; background: #d00;margin-bottom: 15px;cursor: pointer; outline: none;}

	.post-right-list{display: flex; flex-direction: column;}
	.post-right-list li{display: block; margin-bottom: 15px; padding: 0;position: relative;}
	.post-right-list img{width: 100%;}
	.post-right-list a{color: #333;text-decoration: none;  display: grid; grid-template-columns: 40% auto;}
	.post-right-list h4{    margin: 0;  padding-left: 15px;}
	.post-right-list .entry-meta{padding-left: 15px;    padding-top: 10px;}
	.modified{display:none !important}
	.single .modified{display:flex !important;}


.ads_cus{}
.ads_cus::before{}


	ul#menu-toppic_menu{border-radius:10px; overflow: hidden;}
	.entry-summary .post-thumbnail img{border-radius: 10px;}
	.ads_cus{margin-bottom: 15px;max-height: 200px;overflow: hidden;    border-radius: 3px;}
	.site-header{background:#000; color:#f0f0f0;}
	.main-navigation ul li a{color:#fff}
	.site-footer{background:#222}
	.footer-link .widget_sp_image .widget-content{display: flex; justify-items:center; align-items:Center; flex-direction:column; text-align:center;}
	
	
#myBtn{    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 111111;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 0;
    outline: none;
    cursor: pointer;
    background: #D00;
    color: #FFF;}
#myBtn i{    font-family: FontAwesome;
    font-style: normal;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 24px;}
    
    
.home.showToc .ticky{display:none !important;}    

/* 
* Style Mobile 
*/

@media only screen and (max-width: 768px) {

	body .fix-width { width:95%; display:flex !important; flex-direction:column; }
	.site-header .header-inner { display:grid; grid-template-columns:auto auto auto; }
	#site-navigation { grid-row:1; }
	.header-inner .site-branding {}
	.search-top {}
	.search-top i { font-size:24px; display:flex; justify-content:right; }
	.menu-main_menu-container { position:absolute; top:100%; background:rgba(0,0,0,0.9); width:100%; left:0; height:100vh; z-index:99999; display:none; }
	#primary-menu { display:grid; grid-template-columns:repeat(2,1fr); gap:0; }
	#primary-menu li { width:100%; }
	#primary-menu li a { color:#f9f9f9; padding:15px; border-bottom:1px solid rgba(255,255,255,0.1); display:flex; align-items:center; font-weight:400; text-transform:unset; justify-content:center; }
	#primary-menu li:nth-child(2n+1) a { border-right:1px solid rgba(255,255,255,0.1); }
	.toggled .menu-main_menu-container { display:block; }
	.menu-toggle { margin:0; padding:0; border:0; background:none; border-radius:0; position:relative; outline:none; cursor:pointer; }
	.menu-toggle i { display:flex; justify-content:left; align-items:center; font-size:24px; color:#d00; width:32px; height:32px; }
	.toggled .menu-toggle i::before { content:"\f057"; }
	.widget .postsbycat { grid-template-columns:100%; }
	.widget .postsbycat li a { display:grid; grid-template-columns:40% auto; grid-column-gap:15px; }
	.style-grid .post-item { position:relative; background:none; color:#333; padding:0; }
	.style-grid li:first-child .post-item { position:absolute; bottom:0; background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75)); box-sizing:border-box; padding:15px; color:#FFF; width:100%; }
	.widget .postsbycat li:first-child { grid-column:1; grid-row:1; }
	.widget .postsbycat li:first-child a { display:flex !important; }
	#primary,#secondary { width:100% !important; }
    #secondary{padding-left:0 !important;}
	.list-post { grid-template-columns:100%; }
	.list-post .list-item { display:grid; grid-template-columns:40% auto; grid-column-gap:15px; }
	.site-footer { padding-top:15px; color:#ccc; }
	.site-footer a { color:#ccc; }
	.site-info ul { display:grid; grid-template-columns:auto auto auto; gap:0; text-align:center; }
	.site-info ul li:first-child { order:4; grid-column:1/4; }
	.relatedpost-cat ul { grid-template-columns:100%; }
	.relatedpost-cat ul li a { display:grid; grid-template-columns:40% auto; grid-column-gap:15px; }
	.relatedpost-cat ul .info-post { padding:0; background:none; }
	.relatedpost-cat ul .info-post p { display:flex; gap:15px; }
	ul.single-post-social li a { width:48px; height:auto; }
	.recent_post {}
	.recent_post li a { display:grid; grid-template-columns:40% auto; grid-column-gap:15px; }
	.recent_post li a .recent_thum {}
	.recent_post li a img { width:100%; height:auto; }
	.recent_post li a h3 { font-size:100%; }
	.search-wraper .search-item { grid-template-columns:100%; }
	div.grid-2 { grid-template-columns:100%; }
	.archive-wraper .entry-meta { display:flex; }
	.archive-wraper .post { margin-bottom:15px; }
	.post p.link-goc { text-align:left; }
	.nav-links a .nav-title {}
	.nav-links { flex-direction:column; }
	.nav-links > div { width:100%; }
	.owl-nav button span { opacity:1; }
	.menu-2-col ul { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }
	.hide-title h2.widget-title { display:none; }
	
	.wp-block-media-text.bkn .wp-block-media-text__media img{width:auto; margin-bottom:20px;}
	.wp-block-media-text.bkn .wp-block-media-text__content{padding:0;}
	
    .single .entry-meta{flex-wrap: wrap; gap:10px;}
    .single .cate{flex:100%;}
    .single .author{display:none;}
    .no-flex{flex-wrap: nowrap !important;}
    
		.wp-block-gallery.no-flex{flex-wrap: wrap !important;}
		.wp-block-gallery.no-flex .wp-block-image{    flex: 0;}
		.wp-block-gallery.no-flex .blocks-gallery-caption{    text-align: left; padding: 10px;border-left: 3px solid #333; margin: 10px 0; font-style: italic;}
  
}