/* Single post styles */
.acf-related-products-grid {
	border-radius: 1.25rem;
	background: #415350;
	padding: 2.5rem;
}

.acf-related-products-grid .related-products-heading {
	color: #FFF;
	text-align: center;
	font-family: Manrope;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 2rem;
}

article.acf-related-product-card {
	display: flex;
	flex-direction: column;
}

article.acf-related-product-card h3.arp-title {
	text-align: center;
}

article.acf-related-product-card h3.arp-title a {
	color: #FFF;
	text-align: center;
	font-family: Manrope;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

article.acf-related-product-card .arp-extra p {
	color: rgba(255, 255, 255, 0.50);
	font-family: Manrope;
	font-size: 1rem;
	font-style: normal;
	text-align: center;
	font-weight: 700;
	line-height: normal;
}

.arp-button {
	display: block;
	width: 100%;
	color: #415350;
	text-align: center;
	font-family: Manrope;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	border-radius: 1.875rem;
	background: #C1D9BA;
	padding: 1rem 3rem;
	margin-top: 1rem;
}

.arp-button:hover {
	background: #fff;
	color: rgba(21, 27, 26, 0.80);
}

.single-post-content{
	font-family: var( --e-global-typography-c9f5c98-font-family ), Sans-serif;
	color: var( --e-global-color-63a2204 );
}
.single-post-content a {
	color: var( --e-global-color-secondary );
	overflow-wrap: anywhere;
}
.single-post-content a:hover {
	color: var( --e-global-color-63a2204 );
	text-decoration: underline;
}
.single-post-content .agma-heading{
	font-size: 38px;
	line-height: 1.2;
	font-weight: 700;
	margin: 5px 0 20px 0;
}
.single-post-content .elementor-widget-agma_heading:first-child .agma-heading{
	margin: 0 0 30px 0;
}
.single-post-content .elementor-widget-text-editor p{
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300;
	margin: 0 0 30px 0;
}
.single-post-content .elementor-widget-text-editor p:last-child{
	margin: 0 0 30px 0;
}
.single-post-content strong{
	font-weight: 600;
}
.single-post-content ul.agma-list{
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300;
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
}
.single-post-content ul.agma-list li{
	margin: 0 0 5px 0;
}
.single-post-content ul.agma-list li:only-child,
.single-post-content ul.agma-list li:last-child{
	margin: 0;
}
.single-post-content .elementor-widget-image,
.single-post-content .elementor-widget-video{
	padding: 0 0 30px 0;
	width: 100%;
	display: block;
}
/*
.single-post-content .elementor-widget-agma_list_with_links{
	padding: 30px;
	border-radius: 20px;
	background-color: var(--e-global-color-775deae);
}
*/
.single-post-content .post-sources{
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
	margin: 5px 0 20px 0;
}
.single-post-content ol.agma-list{
	font-size: 18px;
	line-height: 1.6;
	font-weight: 400;
	margin: 0;
	padding: 0 0 0 20px;
}
.single-post-content ol.agma-list li{
	margin: 0 0 5px 0;
}
.single-post-content ol.agma-list li:only-child,
.single-post-content ol.agma-list li:last-child{
	margin: 0;
}
.single-post-content ol.agma-list li::marker{
	font-weight: 300;
}
.single-post-content ol.agma-list li a{
	text-decoration: none;
	position: relative;
}
.single-post-content ol.agma-list li a:hover{
	text-decoration: none;
}

@media (width <= 768px) {
	.single-post-content .agma-heading{
		font-size: 32px;
	}
}
@media (width <= 480px) {
	.single-post-content .agma-heading,
	.single-post-content .post-sources{
		font-size: 26px;
	}
}

/*
@media (width < 767px) {
	.single-post-sidebar .other-posts article.elementor-post {
		flex-direction: column;
		gap: 1rem;
	}
}
*/
@media (width <= 1024px) {
	.hero-posts:before{
		background-image: linear-gradient(90deg, var( --e-global-color-2a4a7a6 ) 0%, var( --e-global-color-2e6fa81 ) 100%) !important;
	}
}
.other-posts article .elementor-post__text{
	display: flex;
    justify-content: space-between;
}
.other-posts article .elementor-post__text .elementor-post__title{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.other-posts article .elementor-post__text .elementor-post__title:hover > a{
	color: var( --e-global-color-secondary );
}
.other-posts article .elementor-post__text .elementor-post__read-more:hover{
	color: var( --e-global-color-secondary );
}
.other-posts article .elementor-post__text .elementor-post__title > a,
.other-posts article .elementor-post__text .elementor-post__read-more{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



.acf-related-products-grid.compact-view{
	border-radius: unset;
    background: transparent;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;

	& .acf-related-product-card{
		gap: 20px;

		& .product-data{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 10px;
			align-items: center;

			& .product-image{
				width: 120px;
				height: 120px;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;

			}
			& .product-title-desc{
				width: calc(100% - 130px);
				display: flex;
				flex-direction: column;
				gap: 10px;
				justify-content: space-between;

				& .product-title{
					font-family: "Manrope", Sans-serif;
					font-size: 2.5rem;
					font-weight: 700;
					line-height: 120%;
					color: var( --e-global-color-a3c8cdb );
					margin: 0;

					@media (max-width: 480px) {
						font-size: 1.4rem;
    					line-height: 120%;
					}
				}
				& .product-extra{
					font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
					font-weight: var( --e-global-typography-primary-font-weight );

					p:only-child,
					p:last-child{
						margin: 0;
					}
				}
			}
		}
		& .arp-button{
			width: fit-content;
			background-color: var( --e-global-color-primary );
			font-family: var( --e-global-typography-272d6d8-font-family ), Sans-serif;
			font-size: var( --e-global-typography-272d6d8-font-size );
			font-weight: var( --e-global-typography-272d6d8-font-weight );
			text-transform: var( --e-global-typography-272d6d8-text-transform );
			line-height: var( --e-global-typography-272d6d8-line-height );
			letter-spacing: var( --e-global-typography-272d6d8-letter-spacing );
			fill: var( --e-global-color-bb5e08d );
			color: var( --e-global-color-bb5e08d );
			border-radius: 25px 25px 25px 25px;
			padding: 18px 35px 18px 35px;
			margin: 0;

			&:hover{
				background-color: var( --e-global-color-secondary );
    			color: var( --e-global-color-bb5e08d );
			}
		}
	}
}