/*
 Theme Name:   Echo Child
 Theme URI:    https://echo.themewant.com/
 Description:  Echo Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     echo
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/*
 * Global typography.
 *
 * Elementor documents and legacy theme widgets used a mixture of Arial,
 * Inter and Bona Nova. Keep one readable family across the public site while
 * leaving icon fonts (Font Awesome, rt-icons, dashicons, etc.) untouched.
 */
:root {
	--abcdm-font-family: "ABCD Inter", Arial, sans-serif;
}

body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body li,
body label,
body button,
body input,
body select,
body textarea,
body blockquote,
body figcaption,
body .elementor-heading-title,
body .elementor-widget-text-editor,
body .echo-blog-grid-post-title,
body .post-title,
body .entry-title,
body .cdm-calculator,
body .cdm-catalog {
	font-family: var(--abcdm-font-family) !important;
}

body button,
body input,
body select,
body textarea {
	font: inherit;
}

/* Formatting repair for the legacy portrait at the start of post 30518. */
.postid-30518 .bs-desc .wp-caption.abcdm-centered-feature {
	clear: both;
	display: block;
	float: none !important;
	margin: 0 auto 32px !important;
	max-width: 100%;
	width: min(100%, 420px) !important;
}

.postid-30518 .bs-desc .wp-caption.abcdm-centered-feature img {
	display: block;
	height: auto;
	margin: 0;
	width: 100%;
}

.postid-30518 .bs-desc .wp-caption.abcdm-centered-feature figcaption {
	line-height: 1.45;
	margin-top: 8px;
}

.custom-stretch-blog-post .echo-blog-grid .blog-item .blog-thumbnail img, .echo-blog-grid .has-post-thumbnail .blog-thumbnail img {
	object-fit: cover; 
	aspect-ratio: 16 / 10; 
	overflow: hidden;
}

.custom-stretch-blog-post .echo-blog-grid .blog-item.swiper-slide .blog-thumbnail img {
	aspect-ratio: 16 / 12; 
}

.echo-blog-grid.blog--style3 .blog-contents-wrapper.first .blog-thumbnail{
	height: auto;
}
@media(max-width: 576px){
	.category #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-thumbnail .thumbnail-img, .tag #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-thumbnail .thumbnail-img{
/* 	    object-fit: scale-down; */
	    border-radius: 10px 0px 0px 10px;
	height: 250px;
}
}

@media(min-width: 577px){
	.category #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper, .tag #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper {
	display: flex;
	align-items: stretch
}

.category #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-thumbnail, .tag #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-thumbnail{
	width: 40%;
	height: auto;
display: flex;
    align-items: center;
}

.category #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-thumbnail .thumbnail-img, .tag #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-thumbnail .thumbnail-img{
/* 	    object-fit: scale-down; */
	    border-radius: 10px 0px 0px 10px;
	height: 251px;
}

.category #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .echo-blog-grid-post-title, 
.tag #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .echo-blog-grid-post-title{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 10px
}

.category #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-content, .tag #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-content{
	width: 60%;
}
}

.category #reactheme-blog .style1.contents-sticky .echo-blog-grid .blog-item .blog-contents-wrapper .blog-meta.post-like-comment-share{
	display: none;
}

.reactheme-blog-details div.row.page-layout-{
	display: none;
}

.single-post .reactheme-blog-details .single-content-full .bs-desc h2 {
    font-size: 20px;
    line-height: 28px;
}

#content > div > div.elementor-element.elementor-element-0a2f437.dark-body-bg.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-a4906d9.e-con-full.e-flex.e-con.e-child > div > div{
	flex-wrap: nowrap;
}

#content aside#secondary{
	display: flex;
	justify-content: center;
}

#content aside#secondary .react-sideabr.dynamic-sidebar{
	max-width: 300px;
}

/* Shared Elementor sidebar used only by single posts. */
.single-post #content aside#secondary .react-sideabr.single-elementor-sidebar-host {
	width: 100%;
	max-width: 400px;
}

.single-post .single-elementor-sidebar,
.single-post .single-elementor-sidebar .elementor {
	width: 100%;
}

.single-post .single-elementor-sidebar .g,
.single-post .single-elementor-sidebar .g img {
	max-width: 100%;
	height: auto;
}

.single-post #content .reactheme-blog-details .col-lg-8 .bs-img{
	display: none;
}

.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover{
	background-color: #35B5B3;
}

#reactheme-header .elementor-element-bc0eba1 {
    width: 100%;
    z-index: 1000;
	transition: all 0.5s;
}

@media(max-width: 1024px){
#reactheme-header .elementor-element-bc0eba1 {
margin: 0px;
    padding: 15px;
}
}
@keyframes fadeInDown {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.elementor-element-bc0eba1.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    background-color: white;
    transition: all 0.5s;
	animation: fadeInDown 500ms ease-in-out forwards;
}

/* One Elementor-managed header and footer across theme pages. */
.abcdm-global-elementor-header,
.abcdm-global-elementor-footer,
.abcdm-global-elementor-header > .elementor,
.abcdm-global-elementor-footer > .elementor {
	width: 100%;
	max-width: none;
	clear: both;
}

.abcdm-global-elementor-header {
	position: relative;
	z-index: 1000;
}

.abcdm-global-elementor-header img,
.abcdm-global-elementor-footer img {
	height: auto;
}

.abcdm-global-elementor-header .elementor-menu-toggle {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 767px) {
	.abcdm-global-elementor-header .elementor-nav-menu--dropdown a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	.abcdm-global-elementor-footer a,
	.elementor-location-footer a,
	body.home #site-footer a {
		min-height: 28px;
		display: flex;
		align-items: center;
	}
}

/* Lighthouse contrast fixes for the consent action, ad labels and RT badge. */
/* Local copies replace the render-blocking Google Fonts stylesheet. */
@font-face {
	font-family: 'ABCD Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('assets/fonts/inter-v20-variable-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'ABCD Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('assets/fonts/inter-v20-variable-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Bona Nova';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('assets/fonts/bona-nova-v12-700-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Bona Nova';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('assets/fonts/bona-nova-v12-700-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.wpgdprc-consent-bar .wpgdprc-button--accept {
	background-color: #087f7e !important;
}

body.home .elementor-widget-text-editor p[style*="letter-spacing"] {
	color: #595959 !important;
}

body.home .elementor-element-9aa1eb27 .home-2-area-shep > a > p.text-capitalize {
	background-color: #087d82 !important;
	color: #ffffff !important;
	border-radius: 0 !important;
	padding: 6px 10px !important;
}

body.home .elementor-element-9aa1eb27 .home-2-area-shep > a > p.text-capitalize > span {
	background: transparent !important;
	color: inherit !important;
}

body.home .elementor-element-9aa1eb27 .home-2-area-shep .vertical-line {
	background-color: #087d82 !important;
}

/* Keep footer links comfortably tappable on desktop without widening footer. */
body.home #site-footer a {
	min-height: 24px;
}

/* Compact global page headers: one visible title, without a duplicated trail. */
body.page:not(.home) .reactheme-breadcrumbs .breadcrumbs-title,
body.archive .reactheme-breadcrumbs .breadcrumbs-title,
body.search .reactheme-breadcrumbs .breadcrumbs-title {
	display: none !important;
}

body.single-post .reactheme-breadcrumbs {
	display: none !important;
}

body.page:not(.home) .reactheme-breadcrumbs .breadcrumbs-single,
body.archive .reactheme-breadcrumbs .breadcrumbs-single,
body.search .reactheme-breadcrumbs .breadcrumbs-single {
	background: #ffffff !important;
	background-image: none !important;
	border-bottom: 1px solid #e4e8ea;
}

body.page:not(.home) .reactheme-breadcrumbs .breadcrumbs-inner,
body.archive .reactheme-breadcrumbs .breadcrumbs-inner,
body.search .reactheme-breadcrumbs .breadcrumbs-inner {
	width: min(100% - 40px, 1290px);
	max-width: 1290px;
	margin: 0 auto;
	padding: 22px 0 !important;
}

body.page:not(.home) .reactheme-breadcrumbs .breadcrumbs-inner .row,
body.archive .reactheme-breadcrumbs .breadcrumbs-inner .row,
body.search .reactheme-breadcrumbs .breadcrumbs-inner .row {
	margin: 0;
}

body.page:not(.home) .reactheme-breadcrumbs h1.page-title,
body.archive .reactheme-breadcrumbs h1.page-title,
body.search .reactheme-breadcrumbs h1.page-title {
	margin: 0 !important;
	color: #17222a !important;
	font-family: 'Bona Nova', Georgia, serif;
	font-size: clamp(28px, 3vw, 38px) !important;
	font-weight: 700;
	line-height: 1.15 !important;
	letter-spacing: -0.025em;
	text-align: left !important;
}

@media (max-width: 767px) {
	body.page:not(.home) .reactheme-breadcrumbs .breadcrumbs-inner,
	body.archive .reactheme-breadcrumbs .breadcrumbs-inner,
	body.search .reactheme-breadcrumbs .breadcrumbs-inner {
		width: min(100% - 28px, 1290px);
		padding: 16px 0 !important;
	}

	body.page:not(.home) .reactheme-breadcrumbs h1.page-title,
	body.archive .reactheme-breadcrumbs h1.page-title,
	body.search .reactheme-breadcrumbs h1.page-title {
		font-size: 27px !important;
	}
}

/* Safe, consistent article formatting for legacy and current posts. */
.single-post .bs-desc {
	font-family: 'ABCD Inter', Arial, sans-serif;
	font-size: 17px;
	line-height: 1.72;
	color: #292929;
	overflow-wrap: anywhere;
}

.single-post .bs-desc p,
.single-post .bs-desc li {
	text-align: left;
}

.single-post .bs-desc p {
	margin: 0 0 1.15em;
}

.single-post .bs-desc h2,
.single-post .bs-desc h3,
.single-post .bs-desc h4,
.single-post .bs-desc h5,
.single-post .bs-desc h6 {
	clear: both;
	text-align: left;
	line-height: 1.25;
	letter-spacing: normal;
	word-spacing: normal;
	margin: 1.35em 0 0.55em;
}

.single-post .bs-desc img,
.single-post .bs-desc .wp-caption {
	max-width: 100%;
	height: auto;
}

.single-post .bs-desc .alignleft,
.single-post .bs-desc .alignright,
.single-post .bs-desc .aligncenter,
.single-post .bs-desc .abcdm-post-image {
	float: none;
	display: block;
	clear: both;
	margin: 1.4rem auto;
	text-align: center;
}

.single-post .bs-desc .abcdm-post-image > a {
	display: inline-block;
}

.single-post .bs-desc table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.single-post .bs-desc iframe,
.single-post .bs-desc video {
	max-width: 100%;
}

@media (max-width: 767px) {
	.single-post .bs-desc {
		font-size: 16px;
		line-height: 1.65;
	}

	.single-post .bs-desc .alignleft,
	.single-post .bs-desc .alignright,
	.single-post .bs-desc .aligncenter,
	.single-post .bs-desc .abcdm-post-image {
		width: 100%;
	}
}

/* Editable Elementor H1 describing the portal, above the weekly feature. */
body.home .abcdm-home-primary-title .elementor-heading-title {
	font-family: Arial, sans-serif;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.15;
	color: #171717;
	margin: 0 0 24px;
}

/* Dynamic related posts below single articles: flat, readable, no dates. */
.single-post .abcdm-related-posts {
	clear: both;
	margin: 42px 0 34px;
	padding: 28px 0 30px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	background: transparent;
}

.single-post .abcdm-related-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
}

.single-post .abcdm-related-heading h2 {
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: #171717;
}

.single-post .abcdm-related-archive {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #087f8c;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.single-post .abcdm-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.single-post .abcdm-related-card {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.single-post .abcdm-related-image {
	display: block;
	margin-bottom: 13px;
	overflow: hidden;
	background: #f1f1f1;
}

.single-post .abcdm-related-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 0;
}

.single-post .abcdm-related-card h3 {
	margin: 0 0 8px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.single-post .abcdm-related-card h3 a {
	color: #171717;
	text-decoration: none;
}

.single-post .abcdm-related-card h3 a:hover,
.single-post .abcdm-related-card h3 a:focus-visible {
	color: #087f8c;
	text-decoration: underline;
}

.single-post .abcdm-related-card p {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #555;
}

@media (max-width: 767px) {
	.single-post .abcdm-related-posts {
		margin: 32px 0 28px;
		padding: 24px 0;
	}

	.single-post .abcdm-related-heading {
		display: block;
	}

	.single-post .abcdm-related-heading h2 {
		font-size: 24px;
		margin-bottom: 8px;
	}

	.single-post .abcdm-related-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.single-post .abcdm-related-card h3 {
		font-size: 19px;
	}
}

@media (max-width: 767px) {
	body.home .abcdm-home-primary-title .elementor-heading-title {
		font-size: 27px;
		margin-bottom: 18px;
	}
}

/* Single-post accessibility: stronger link/ad-label contrast and usable tap targets. */
.single-post .single-content-full .bs-desc a {
    color: #315fbd;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.single-post p[style*="letter-spacing: 2px"] {
    color: #666 !important;
}

footer .elementor-widget-text-editor a {
    min-height: 24px;
    padding-block: 3px;
    display: inline-flex;
    align-items: center;
}