/*
Theme Name: CAT Child
Version: 1.1
Template: cat-so01
*/

/********** COMMON **************/
.font-big{font-size: 1.2em;}
.font-mini{font-size: 0.8em;}
.font-red{color: #ff0000;}

div.wp-block-button.is-style-outline .wp-block-button__link:hover{color: inherit; filter:invert(50%);}
div.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{color: inherit; mix-blend-mode: difference;}

/********** HEADER **************/
.header__lang ul{display: flex;}
.header__lang li{padding: 0 10px;  line-height: 1;}
.header__lang li:first-child{border-right: 1px solid #000;}
.header__lang li a{color: #ccc;}

/********** FOOTER **************/
.footer__logo img{max-width: 100px}

/********** PAGE **************/
.page__hero-content{padding:0 1%; top: 55%; left: 50%; transform: translate(-50%, -50%);}
.page__hero-content.middle{width: 100vw; top: 55%; text-align: left;}
.page__hero-content h1{font-size: 2em;}
.page__hero-img img{height: 300px;}
.page__inner h4{border-left: none; position: relative;}
.page__inner h4:before{content: "◆"; position: absolute; top: 1px; left: 1px;}

.service__block{padding: 2em 0; border-bottom: 1px solid #ddd;}
.service__block p{margin: 0;}
.page__inner h2.service__title{margin: 0; padding: 0; border: none;}

.company-story__inner ul{list-style: disc; margin-left: 1.5em;}

/********** CONTACT **************/
.cf7-acceptance{margin: 40px 0; text-align: center;}

/********** CATEGORY **************/
.cate__name a,
.cate__date{color: #6d6d6d;}

.report .cate__flex{margin-top: 20px; display: flex; gap: 20px 2%; flex-wrap: wrap;}
.report .cate__box{width: 49%; flex-direction: column; padding: 0;}
.report .cate__thum{width: 100%; margin-bottom: 10px;}
.report .cate__thum img{width: 100%; height: auto; aspect-ratio: 1.61 / 1; object-fit: cover;}
.report .cate__box-content{width: 100%; padding-left: 0;}

.single__sidebar ul > li a{display: inline-block;}

.tagcloud{display: flex; flex-wrap: wrap; gap: 0.25em;}
.tag-cloud-link{background-color: #f0f0f0; padding: 0.15em 0.25em;color: #000;font-size: 14px !important; transition: 0.3s;}
.tag-cloud-link:hover{color: #000; opacity: 0.7;}

/********** SINGLE **************/
.single__date{display: flex; gap: 10px;}
.single__date ul,
.cate__tags ul{display: flex; gap: 5px; margin: 0; padding: 0; list-style: none;}
.single__date ul a,
.cate__tags ul a{display: inline-block; background-color: var(--main-color); padding: 0.35em 1em; color: #fff; line-height: 1; transition: 0.3s;}
.cate__tags ul a{font-size: 12px;}
.single__date ul a:hover,
.cate__tags ul a:hover{opacity: 0.7;}

/********** TABLEPRESS **************/
.dataTables_filter{margin-bottom: 10px;}
.tablepress>:not(caption)>*>*{padding: 1em !important;}
.tablepress tbody tr:last-child td{border-bottom: 1px solid var(--border-color);}
.tablepress>:where(thead,tfoot)>*>th{background-color: var(--main-color) !important; color: #fff !important;}
.dataTables_paginate .paginate_button:after,
.dataTables_paginate .paginate_button:before{color: #111 !important;}
.dataTables_paginate.paging_simple .paginate_button.next:after,
.dataTables_paginate.paging_simple .paginate_button.previous:before{text-shadow: none !important; font-weight: 400 !important; top: 4px !important;}
.dataTables_paginate .paginate_button.disabled:after,
.dataTables_paginate .paginate_button.disabled:before{color: #999 !important;}
.dataTables_scrollBody th{padding-top: 0 !important; padding-bottom: 0 !important;}
.scroll-table-caution{display: none;}

/********** DOWNLOADMANAGER **************/
.w3eden .card{border: none;}
.w3eden .mr-3,
.w3eden .media-body{display: none;}
.w3eden .media{justify-content: center;}
.wpdm-download-link.btn.btn-primary{width: 220px; background-color: var(--main-color); padding: 0.65em; border: none; font-size: 1em;}
.wpdm-download-link.btn.btn-primary:hover{box-shadow: 0 3px 8px 0 #ccc;}

/********** RESPONSIVE **************/
@media screen and (max-width: 1280px) {
	.page__hero-content{padding:0 5%;}
}
@media screen and (max-width: 896px) {
	.header__lang{margin: 20px 0;}
	.header__lang ul{justify-content: center;}
	#navHam nav .inner .header__lang ul li{width: 40%; padding: 0.5em 0; text-align: center; border-bottom: 0;}
	#navHam nav .inner .header__lang ul li:first-child{border-color: #ccc;}
	#navHam nav .inner .header__lang ul li a{padding: 0}
	.hero__content{width: 90%;left: 50%;transform: translateX(-50%);}
	.report .cate__box-content{margin-top: 0;}
	.scroll-table{overflow: scroll; white-space: nowrap;}
	.scroll-table .tablepress{width: 768px;}
	.scroll-table-caution{display: block; margin: 1em 0 0.5em; text-align: center; font-weight: bold; font-size: 13px;}
}
@media screen and (max-width: 480px) {
	.page__hero-img img{height: 200px;}
	.page__hero-content h1{font-size: 2.6rem;}
	.hero__main-text{font-size: 13.3333vw !important;}
	.cate__title{font-size: 1.6rem;}
	.cate__name,
	.cate__date{font-size: 1.2rem;}
}