/*
Theme Name:  Asona Child
Theme URI:   https://demo.apalodi.com/asona/
Template:    asona
Version:     1.0

Author:      APALODI
Author URI:  http://apalodi.com

Description: Creative Minimal Blog and Magazine WordPress Theme.
Tags:        blog, news, theme-options, custom-colors, editor-style, featured-images, custom-menu, translation-ready, grid-layout
Text Domain: asona-child

License:     Themeforest Licence
License URI: https://themeforest.net/licenses

*/

/* =Theme customization starts here
-------------------------------------------------------------- */

.wp-caption.alignnone, .wp-caption.aligncenter,
.wp-caption.aligncenter figcaption {
	display: block !important;
	max-inline-size: 100% !important;
	padding:2px!important;
}
.gallery-caption, .wp-caption-text, figcaption {
text-align: center !important;
}
.featured-sections__tab[aria-selected=true] {
    color: #000000;
}
.article-main.section {
margin-top: 0px;
min-width: 300px;
}
.article-header.section {
margin-bottom: 30px;
}
.article-content p{
	text-align: justify;
}
.article-content img {
    border-radius: var(--asona--radius--m);
	margin-block-start: 0px !important;
}
.article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 {
	margin-top: 5px;
}

.content-ads {
	display:block;
	width:100%;
	height:100px;
}

@media (min-width: 64em) {
	.has-content-sidebar .article-main>:where(:not(.article-content)),
    .has-content-sidebar .article-main .article-content > *:where(:not(blockquote):not(.wp-block-pullquote)) {
        max-inline-size: 100%;
    }
}
.article-header__content {
	max-inline-size: 100%!important;

}
.article-content a {
	    border-block-end: 2px solid var(--asona--color--border-dim);
    color: #f5b74e;
    font-weight: 600;
}
.article-content a:hover {
	background-color: var(--asona--color--link--base--hover);
    color: #f5b74e;
}
blockquote {
	font-weight:400!important;
	line-height: var(--asona--line-height--h6)!important;
	font-size: var(--asona--font-size--h6)!important;
}
.alignnone {
	margin-left: auto;
    margin-right: auto;
}
.responsive_header_unit { min-width: 150px; }
.article-content {
    grid-column: start / end;
    grid-row: 1 / 2;
    min-width: 300px;
}

.post-card[data-layout=highlight] .post-card__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	padding-block-end: 0;
    padding-block-start: 0;
}
.post-card__excerpt {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: var(--asona--font-size--base-small);
    -webkit-line-clamp: 5;
    line-height: var(--asona--line-height--base-small);
    max-height: calc(var(--asona--font-size--base-small)* var(--asona--line-height--base-small)* 5);
    overflow: hidden;
    text-overflow: ellipsis;
}
.author-box__description { 
margin-bottom:10px;
}
.author_social {
margin-top:10px;	
}
.author_social a{
	margin-left: 10px;
}
.post-card {
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s ease; /* optional for smooth movement */
}
.adsbygoogle {
  display: block;
  width: 100%;
  height: auto !important;
}

.adslot_1 {
    display: block;
    min-height: 250px;
    width: 100%;
    max-width: 808px;
    margin: auto;
}
.aad-responsive-embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
}

.aad-responsive-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.article-main .post-figure {
    display: block;
    width: fit-content;          /* figure width = image width */
    margin-left: auto;           /* centers the figure block */
    margin-right: auto;
    text-align: center;          /* caption text centered */
}
.article-main .post-figure > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* optional, if you want it to scale down on small screens: */
    max-width: 100%;
    height: auto;
}

.article-main figure img {
  display: inline-block; /* Ensures image respects text alignment */
  max-width: 100%;       /* Prevents overflow */
  height: auto;
}
/* Override WPDiscuz Font Awesome webfonts with font-display: swap */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/webfonts/fa-regular-400.woff2") format("woff2"),
       url("/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/webfonts/fa-regular-400.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/webfonts/fa-solid-900.woff2") format("woff2"),
       url("/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/webfonts/fa-solid-900.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/webfonts/fa-brands-400.woff2") format("woff2"),
       url("/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/webfonts/fa-brands-400.woff") format("woff");
}
.site-search__form [type=search] {
  background: #fff;
  border: 1px solid #ccc;
  padding: .5em 1em;
  z-index: 1000;
  pointer-events: auto;
}

/* Container spans full width, but you can cap with max-width if desired */
ul.project_info{
  width: 100%;
}
/* --------- Responsive stacking (small screens) --------- */
@media (max-width: 600px){
  ul.project_info li{
    grid-template-columns: 1fr; /* full-width stack */
  }
  ul.project_info li > strong{
    white-space: normal;        /* allow wrap when stacked */
    margin: 0 0 2px;
  }
}

.post-figure { margin: 1.5rem 0; }
.post-figure img { display:block; width:100%; height:auto; }
.post-figure figcaption {
  font-size: .9rem; line-height:1.4; text-align:center; margin-top:.5rem;
}
/* Apply to all figures after the first 2–3 above-the-fold images */
/* Keep for everyone */
.post-figure[data-defer] {
  content-visibility: auto;
  contain: layout paint style;
  contain-intrinsic-size: 800px 534px;
}

/* Disable ONLY on iPhone & iPad Safari (fixes alignment bug) */
@supports (-webkit-touch-callout: none) {
  .post-figure[data-defer] {
    content-visibility: visible !important;
  }
}
.article-content .featured-figure {
    margin-block-end: 0!important;
}
.article-content .wp-block-group-is-layout-constrained>*+*, .article-content>*+* {
    margin-block-start: 5px !important;
}
.comment-author .fn, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
 {

    font-weight: 700;
    margin: 0;
 }
 /* Avoid animating sticky offset (removes layout-related transition) */
.is-position-sticky {
  transition: none !important;
  /* or if you ever add non-layout props later:
     transition: background-color .3s; */
}
/* When your JS sets data-transitions-disabled, nuke UI transitions too */
html[data-transitions-disabled] a,
html[data-transitions-disabled] .pagination-numbers .page-numbers,
html[data-transitions-disabled] .featured-sections__grid,
html[data-transitions-disabled] .site-header,
html[data-transitions-disabled] .site-header__container {
  transition: none !important;
}