/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Post Model icons */
.jet-icons-list {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-wrap: wrap;
}
.jet-icon-item {
    height: auto !important;
    border-radius: 0 !important;
    max-width: 140px !important;
    width: 100%;
}

@media(max-width:1024px) {
    .jet-icon-item {
        max-width: 100px !important;
    }
}


/* Plugin Facebook Feed */
/* General */
#cff .cff-meta li .cff-count {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #F74308;
}
#cff .cff-page-name a{
	color: var(--Font-Text-Text-Body-1, #333);
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration:none !important;
}
#cff .cff-date {
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#cff.cff-theme-modern .cff-item.cff-link-item .cff-text {
	font-size:16px !important;
}
#cff .cff-post-text {
	min-height: 112px !important;
}

/* Icon */
#cff .cff-share-link svg,
#cff .cff-viewpost-facebook svg{
	width: 20px !important;
	height: 20px !important;
}

#cff .cff-icon svg,
#cff .cff-icon i {
    display: none !important;
}

#cff .cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon {
	border-radius: 0px !important;
}
#cff ul.cff-meta li.cff-likes span.cff-icon {
    display: none !important;
}

#cff ul.cff-meta li.cff-likes span.cff-icon:first-of-type {
    display: inline-block !important;
}

#cff ul.cff-meta li.cff-likes,
#cff ul.cff-meta li.cff-comments,
#cff ul.cff-meta li.cff-shares {
    min-height: 20px !important;
    padding-left: 26px !important;
    display: flex !important;
    align-items: center !important;
}

#cff ul.cff-meta li .cff-icon {
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
}

#cff ul.cff-meta li.cff-likes span.cff-icon:first-of-type {
    background-image: url("https://apnql.asban.dev/wp-content/uploads/2025/11/Like-icon.svg") !important;
}

#cff ul.cff-meta li.cff-comments span.cff-icon {
    background-image: url("https://apnql.asban.dev/wp-content/uploads/2025/11/chat_bubble.svg") !important;
}

#cff ul.cff-meta li.cff-shares span.cff-icon {
    background-image: url("https://apnql.asban.dev/wp-content/uploads/2025/11/Share-icon.svg") !important;
}

#cff ul.cff-meta li span.cff-count {
    margin-left: 4px !important;
}

#cff.cff-theme-modern .cff-meta {
	gap: 20px !important;
}

@media (max-width: 767px) {
	#cff.cff-theme-modern .cff-meta li {
		margin-right: 0 !important;
	}
	#cff.cff-theme-modern .cff-meta {
		gap: 10px !important;
	}
}

/* Image */
#cff .cff-photo {
    height: 250px !important;
    width: 100% !important;
    display: block !important;
    overflow: hidden;
	margin-top: 1.5em !important;
}
#cff .cff-photo > a,
#cff .cff-photo > a * {
    height: 100% !important;
}

/* Content Table Style */
.content-table-responsive-mobile {
    width: 100%;
    max-width: 100%;
}

table.content-table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background-color: transparent;
    border: none;
	table-layout: auto;
}

.content-table-responsive-mobile.is-responsive {
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.content-table-responsive-mobile.is-responsive table.content-table {
	display: block;
	width: auto !important;
	max-width: none;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch !important;
	overflow: auto !important;
}

table.content-table th,
table.content-table td {
    min-width: 200px;
}

table.content-table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color: #FFFFFF !important;
}

table.content-table thead tr th:last-child,
table.content-table tbody tr td:last-child {
	border-right: none !important;
}

.content-table tbody tr:nth-of-type(even) td {
    background-color: #F2F4F0 !important;
}

@media(max-width:1024px) {
	.content-table-responsive-mobile {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	table.content-table {
		display: block;
		width: auto !important;
		max-width: none;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch !important;
		overflow: auto !important;
	}
}