/* Generated by BC Custom Fonts & CSS on 2025-08-28T06:45:44+00:00 */

/* --- Custom CSS --- */
 .highlight {
            background-color: #38934820;
            padding: 10px;
            border-radius: 5px;
            border-right: 5px solid #389348;
            margin-bottom: 1em;
	 color:black
        }
.match-info { background-color: #38934820; border-right: 5px solid #389348; padding: 15px; margin: 20px 0; border-radius: 5px; text-align: right; }
.farewell-note { background-color: #f5b32020; border-right: 5px solid #f5b320; padding: 15px; margin: 20px 0; border-radius: 5px; text-align: right; }
.cta { text-align: center; margin-top: 30px; padding: 15px; background-color: #e9f5e9; border: 1px dashed #4CAF50; border-radius: 5px; }
.cta a {color: #4CAF50; text-decoration: none; font-weight: bold; }
.cta a:hover { text-decoration: underline; }
.quote { font-style: italic; color: #555; border-right: 4px solid #ccc; padding-right: 15px; margin: 15px 0; }
p.cta{text-align:center!important;    font-size: 18px;}
p.post-meta{color:#000}
p.post-meta a{color:#000}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6,h1,h2,h3,h4,h5,h6,.breaking-news ul a{font-family:yekan!important}
.entry p {text-align: justify;}
.e3lan-post img{width:100%}
body.single .post .entry a, body.page .post .entry a {
    color: #52934f!important;}
.post-tag a:before{ border-right: 8px solid #52934f}
.post-tag a{background-color: #52934f}
a.shortc-button.green {background: #52934f;}
.breaking-news span.breaking-news-title{padding:0px 10px}
.e3lan.e3lan-top img {width: 100%;}
@media only screen and (min-width: 1025px) {
	#featured-posts .featured-post-inner{height:12vw}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.breaking-news span.breaking-news-title{padding:10px 10px}
	.logo {float: left !important;}
	#theme-header{margin-bottom:0px}
	#crumbs{padding: 5px  4vw }
	.post-tag {margin: -30px 4vw 35px;}
	.cat-box-title,	.block-head  {padding: 3px 2vw;}
	.entry p,.entry ul li{	font-size: 15px;}
}
/*tablet*/
@media only screen and (max-width: 990px) {
    .logo {
			float: left !important;}
}
	
	#faq {
  margin-top: 1.5rem;
  padding: 1rem;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  direction: rtl;
}

/* ===== FAQ Container ===== */
#faq details {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 0.8rem 0;
  background-color: #f9f9f9;
  overflow: hidden;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* ===== Smooth Expand/Collapse Animation ===== */
#faq details[open] summary + * {
  animation: openDetails 0.35s ease-in-out;
}
@keyframes openDetails {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Summary (Clickable Title) ===== */
#faq details summary {
  font-weight: 600;
  font-size: 1.05rem;
  cursor: pointer;
  padding: 0.75rem 3rem 0.75rem 2.5rem;
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  list-style: none;
}

/* ===== Custom Expand/Collapse Icon ===== */
#faq details summary::before {
 content: "◀";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #389348;
  transition: transform 0.3s ease, color 0.3s ease;
}

#faq details[open] summary::before {
  content: "▼";
  color: #389348;
  transform: rotate(0deg) translateY(-50%);
}

/* ===== Answer Text Styling ===== */
#faq details p {
  padding: 0 1.2rem 1rem 1.2rem;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
  transition: opacity 0.3s ease;
}

/* ===== Highlight on Open ===== */
#faq details[open] {
  background-color: #38934850;
  border-color: #38934850;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  #faq details summary {
    font-size: 1rem;
  }
  #faq details p {
    font-size: 0.9rem;
  }
}