[class*=wp-block-kanews-] {
margin-bottom: 1.5rem;
}
.kanews-block-padding {
padding-top: var(--padding-top, var(--source-padding, 0)) !important;
padding-right: var(--padding-right, var(--source-padding, 0)) !important;
padding-bottom: var(--padding-bottom, var(--source-padding, 0)) !important;
padding-left: var(--padding-left, var(--source-padding, 0)) !important;
}
@media (max-width: 991px) {
.kanews-block-padding {
padding-top: var(--padding-top-tablet, var(--padding-top, var(--source-padding, 0))) !important;
padding-right: var(--padding-right-tablet, var(--padding-right, var(--source-padding, 0))) !important;
padding-bottom: var(--padding-bottom-tablet, var(--padding-bottom, var(--source-padding, 0))) !important;
padding-left: var(--padding-left-tablet, var(--padding-left, var(--source-padding, 0))) !important;
}
}
@media (max-width: 767px) {
.kanews-block-padding {
padding-top: var(--padding-top-mobile, var(--padding-top-tablet, var(--padding-top, var(--source-padding, 0)))) !important;
padding-right: var(--padding-right-mobile, var(--padding-right-tablet, var(--padding-right, var(--source-padding, 0)))) !important;
padding-bottom: var(--padding-bottom-mobile, var(--padding-bottom-tablet, var(--padding-bottom, var(--source-padding, 0)))) !important;
padding-left: var(--padding-left-mobile, var(--padding-left-tablet, var(--padding-left, var(--source-padding, 0)))) !important;
}
}
.kanews-block-margin {
margin-top: var(--margin-top, var(--source-margin-top, 0)) !important;
margin-right: var(--margin-right, var(--source-margin-right, 0)) !important;
margin-bottom: var(--margin-bottom, var(--source-margin-bottom, 0)) !important;
margin-left: var(--margin-left, var(--source-margin-left, 0)) !important;
}
@media (max-width: 991px) {
.kanews-block-margin {
margin-top: var(--margin-top-tablet, var(--margin-top, var(--source-margin-top, 0))) !important;
margin-right: var(--margin-right-tablet, var(--margin-right, var(--source-margin-right, 0))) !important;
margin-bottom: var(--margin-bottom-tablet, var(--margin-bottom, var(--source-margin-bottom, 0))) !important;
margin-left: var(--margin-left-tablet, var(--margin-left, var(--source-margin-left, 0))) !important;
}
}
@media (max-width: 767px) {
.kanews-block-margin {
margin-top: var(--margin-top-mobile, var(--margin-top-tablet, var(--margin-top, var(--source-margin-top, 0)))) !important;
margin-right: var(--margin-right-mobile, var(--margin-right-tablet, var(--margin-right, var(--source-margin-right, 0)))) !important;
margin-bottom: var(--margin-bottom-mobile, var(--margin-bottom-tablet, var(--margin-bottom, var(--source-margin-bottom, 0)))) !important;
margin-left: var(--margin-left-mobile, var(--margin-left-tablet, var(--margin-left, var(--source-margin-left, 0)))) !important;
}
}
.kanews-block-border {
border-style: var(--border-style, var(--source-border-style, none)) !important;
border-color: var(--border-color, var(--source-border-color, transparent)) !important;
border-top-width: var(--border-top-width, var(--source-border-width, 0)) !important;
border-right-width: var(--border-right-width, var(--source-border-width, 0)) !important;
border-bottom-width: var(--border-bottom-width, var(--source-border-width, 0)) !important;
border-left-width: var(--border-left-width, var(--source-border-width, 0)) !important;
border-top-left-radius: var(--border-top-left-radius, var(--kan-block-radius, 0)) !important;
border-top-right-radius: var(--border-top-right-radius, var(--kan-block-radius, 0)) !important;
border-bottom-right-radius: var(--border-bottom-right-radius, var(--kan-block-radius, 0)) !important;
border-bottom-left-radius: var(--border-bottom-left-radius, var(--kan-block-radius, 0)) !important;
}
@media (max-width: 991px) {
.kanews-block-border {
border-style: var(--border-style-tablet, var(--border-style, none)) !important;
border-color: var(--border-color-tablet, var(--border-color, transparent)) !important;
border-top-width: var(--border-top-width-tablet, var(--border-top-width, 0)) !important;
border-right-width: var(--border-right-width-tablet, var(--border-right-width, 0)) !important;
border-bottom-width: var(--border-bottom-width-tablet, var(--border-bottom-width, 0)) !important;
border-left-width: var(--border-left-width-tablet, var(--border-left-width, 0)) !important;
border-top-left-radius: var(--border-top-left-radius-tablet, var(--border-top-left-radius, 0)) !important;
border-top-right-radius: var(--border-top-right-radius-tablet, var(--border-top-right-radius, 0)) !important;
border-bottom-right-radius: var(--border-bottom-right-radius-tablet, var(--border-bottom-right-radius, 0)) !important;
border-bottom-left-radius: var(--border-bottom-left-radius-tablet, var(--border-bottom-left-radius, 0)) !important;
}
}
@media (max-width: 767px) {
.kanews-block-border {
border-style: var(--border-style-mobile, var(--border-style-tablet, var(--border-style, none))) !important;
border-color: var(--border-color-mobile, var(--border-color-tablet, var(--border-color, transparent))) !important;
border-top-width: var(--border-top-width-mobile, var(--border-top-width-tablet, var(--border-top-width, 0))) !important;
border-right-width: var(--border-right-width-mobile, var(--border-right-width-tablet, var(--border-right-width, 0))) !important;
border-bottom-width: var(--border-bottom-width-mobile, var(--border-bottom-width-tablet, var(--border-bottom-width, 0))) !important;
border-left-width: var(--border-left-width-mobile, var(--border-left-width-tablet, var(--border-left-width, 0))) !important;
border-top-left-radius: var(--border-top-left-radius-mobile, var(--border-top-left-radius-tablet, var(--border-top-left-radius, 0))) !important;
border-top-right-radius: var(--border-top-right-radius-mobile, var(--border-top-right-radius-tablet, var(--border-top-right-radius, 0))) !important;
border-bottom-right-radius: var(--border-bottom-right-radius-mobile, var(--border-bottom-right-radius-tablet, var(--border-bottom-right-radius, 0))) !important;
border-bottom-left-radius: var(--border-bottom-left-radius-mobile, var(--border-bottom-left-radius-tablet, var(--border-bottom-left-radius, 0))) !important;
}
}
.wp-block-kanews-gallery .kanews-gallery {
--columns-desktop: 3;
--columns-tablet: 2;
--columns-mobile: 1;
--gap: 1rem;
--image-height: 200px;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-grid {
display: grid;
gap: var(--gap);
margin-bottom: 1rem;
}
@media (min-width: 1025px) {
.wp-block-kanews-gallery .kanews-gallery .gallery-grid {
grid-template-columns: repeat(var(--columns-desktop), 1fr);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.wp-block-kanews-gallery .kanews-gallery .gallery-grid {
grid-template-columns: repeat(var(--columns-tablet), 1fr);
}
}
@media (max-width: 767px) {
.wp-block-kanews-gallery .kanews-gallery .gallery-grid {
grid-template-columns: repeat(var(--columns-mobile), 1fr);
}
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item {
position: relative;
overflow: hidden;
border-radius: var(--kan-block-radius);
box-shadow: var(--kan-block-shadow);
background: var(--kan-bg-white-color);
transition: transform 0.3s ease;
margin: 0;
padding: 0;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item:hover {
transform: translateY(-5px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item:hover .gallery-item-image img {
transform: scale(1.05);
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-header {
padding: 1rem;
background: var(--kan-placeholder-bg);
border-bottom: 1px solid var(--kan-border-color);
display: flex;
align-items: center;
gap: 0.5rem;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-header .gallery-item-counter {
display: flex;
align-items: center;
gap: 0.25rem;
background: var(--kan-border-color);
padding: 0.25rem 0.5rem;
border-radius: var(--kan-block-radius);
font-size: 0.9em;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-header .gallery-item-number {
font-weight: bold;
color: var(--kan-theme-color);
font-size: 1em;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-header .gallery-item-total {
color: var(--kan-border-color2);
font-size: 1em;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-header .gallery-item-title {
margin: 0;
margin-left: 0.5rem;
flex-grow: 1;
font-size: 1.1em;
color: #333;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-image {
position: relative;
margin: 0;
overflow: hidden;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-image img {
width: 100%;
height: var(--image-height);
-o-object-fit: cover;
object-fit: cover;
display: block;
margin: 0;
transition: transform 0.3s ease;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content {
padding: 1rem;
margin: 0;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description {
margin: 0;
color: var(--kan-border-color2);
line-height: 1.6;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description p {
margin: 0 0 1em 0;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description p:last-child {
margin-bottom: 0;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description a {
color: var(--kan-theme-color);
text-decoration: none;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description a:hover {
text-decoration: underline;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description ul, .wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description ol {
margin: 0 0 1em 0;
padding-left: 1.5em;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description li {
margin-bottom: 0.5em;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description blockquote {
margin: 0 0 1em 0;
padding: 0.5em 1em;
border-left: 4px solid var(--kan-theme-color);
background: var(--kan-placeholder-bg);
font-style: italic;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description code {
background: var(--kan-placeholder-bg);
padding: 0.2em 0.4em;
border-radius: 3px;
font-family: monospace;
}
.wp-block-kanews-gallery .kanews-gallery .gallery-item .gallery-item-content .gallery-item-description pre {
background: var(--kan-placeholder-bg);
padding: 1em;
border-radius: var(--kan-block-radius);
overflow-x: auto;
margin: 0 0 1em 0;
}
.kanews-toc-wrapper {
background-color: var(--kan-placeholder-bg);
border: 1px solid var(--kan-border-color2);
border-radius: var(--kan-block-radius);
padding: 1rem;
margin-bottom: 1rem;
}
.kanews-toc-wrapper .toc-title {
font-size: 18px;
font-weight: 600;
letter-spacing: -0.02px;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid var(--kan-border-color);
}
.kanews-toc-wrapper .toc-list {
padding: 0;
}
.kanews-toc-wrapper .toc-list li {
line-height: 1.5;
list-style: none !important;
counter-increment: toc-item;
}
.kanews-toc-wrapper .toc-subheadings {
margin-top: 0.5rem;
}
.kanews-toc-wrapper .toc-subheadings li {
counter-increment: toc-item-sub;
}
.kanews-toc-wrapper .toc-subheadings .toc-number::before {
content: counter(toc-item-sub) ". ";
}
.kanews-toc-wrapper .toc-item a {
display: block;
font-weight: 500;
font-size: 16px;
text-decoration: none;
transition: all 0.3s ease;
}
.kanews-toc-wrapper .toc-item a:hover {
color: var(--kan-theme-color);
}
.kanews-toc-wrapper .toc-empty {
color: #6c757d;
font-style: italic;
padding: 10px 0;
}
.kanews-toc-wrapper .toc-number::before {
font-weight: 400;
content: counter(toc-item) ". ";
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-checkbox {
display: none;
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-label {
display: flex;
font-size: 18px;
font-weight: 600;
letter-spacing: -0.02px;
justify-content: space-between;
align-items: center;
margin: 0 !important;
cursor: pointer;
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-label .toc-accordion-text {
flex-grow: 1;
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-label .toc-accordion-icon {
position: relative;
width: 20px;
height: 20px;
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-label .toc-accordion-icon:before, .kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-label .toc-accordion-icon:after {
content: "";
position: absolute;
background-color: currentColor;
transition: transform 0.3s ease;
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-label .toc-accordion-icon:before {
top: 50%;
left: 0;
width: 100%;
height: 2px;
transform: translateY(-50%);
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-label .toc-accordion-icon:after {
top: 0;
left: 50%;
width: 2px;
height: 100%;
transform: translateX(-50%);
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-checkbox:checked + .toc-accordion-label .toc-accordion-icon:after {
transform: translateX(-50%) rotate(90deg);
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-checkbox:checked ~ .toc-accordion-content {
max-height: 1000px;
}
.kanews-toc-wrapper .toc-accordion .toc-accordion-item .toc-list {
border-top: 1px solid var(--kan-border-color);
padding-top: 1rem;
margin-top: 1rem;
}