/* ===========================
   Text Alignment
   =========================== */
.text-start   { text-align: left !important; }
.text-center  { text-align: center !important; }
.text-end     { text-align: right !important; }

@media (min-width: 576px) {
  .text-sm-start  { text-align: left !important; }
  .text-sm-center { text-align: center !important; }
  .text-sm-end    { text-align: right !important; }
}
@media (min-width: 768px) {
  .text-md-start  { text-align: left !important; }
  .text-md-center { text-align: center !important; }
  .text-md-end    { text-align: right !important; }
}
@media (min-width: 992px) {
  .text-lg-start  { text-align: left !important; }
  .text-lg-center { text-align: center !important; }
  .text-lg-end    { text-align: right !important; }
}
@media (min-width: 1200px) {
  .text-xl-start  { text-align: left !important; }
  .text-xl-center { text-align: center !important; }
  .text-xl-end    { text-align: right !important; }
}

/* ===========================
   Display Utilities
   =========================== */
.d-none        { display: none !important; }
.d-block       { display: block !important; }
.d-inline      { display: inline !important; }
.d-inline-block{ display: inline-block !important; }
.d-flex        { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none        { display: none !important; }
  .d-sm-block       { display: block !important; }
  .d-sm-inline      { display: inline !important; }
  .d-sm-inline-block{ display: inline-block !important; }
  .d-sm-flex        { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
}
@media (min-width: 768px) {
  .d-md-none        { display: none !important; }
  .d-md-block       { display: block !important; }
  .d-md-inline      { display: inline !important; }
  .d-md-inline-block{ display: inline-block !important; }
  .d-md-flex        { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }
}
@media (min-width: 992px) {
  .d-lg-none        { display: none !important; }
  .d-lg-block       { display: block !important; }
  .d-lg-inline      { display: inline !important; }
  .d-lg-inline-block{ display: inline-block !important; }
  .d-lg-flex        { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
}
@media (min-width: 1200px) {
  .d-xl-none        { display: none !important; }
  .d-xl-block       { display: block !important; }
  .d-xl-inline      { display: inline !important; }
  .d-xl-inline-block{ display: inline-block !important; }
  .d-xl-flex        { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
}

header.entry-header  > div.post-thumb-img-content.post-thumb {
	text-align: center;
 	background-color: #f0f0f0; 
  	background-image: linear-gradient(
    	90deg,
    	#f0f0f0 0%,
    	#e0e0e0 20%,
    	#f0f0f0 40%,
    	#f0f0f0 100%
  	);
  	background-size: 200% 100%;	
}

header.entry-header  > div.post-thumb-img-content.post-thumb > img.attachment-full.size-full {
	max-height: 520px;
	max-width: 100%;
	width: auto;
	height: auto;
}

.crop_16_9 [class*="featured-image"] a, 
.crop_16_9 .uael-post__thumbnail a, 
.post-has-thumb .post-thumb a img.wp-post-image, 
.ast-blog-featured-section .post-thumb  {
  display: block;        /* make <a> behave like a block container */
  position: relative;    
  overflow: hidden;      /* hide cropped parts of the image */
  width: 100%;           /* adjust as needed */
  aspect-ratio: 16/9;    /* enforce ratio (optional) */
}

.crop_16_9 [class*="featured-image"] a img.wp-post-image, 
.crop_16_9 .uael-post__thumbnail a img, 
.post-has-thumb .post-thumb a img.wp-post-image, 
.ast-blog-featured-section .post-thumb a img.wp-post-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position:center;
}