/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*STYLE BLOG IN HOMEPAGE*/
.link-text{
	color: #C09956!important;
	text-decoration: none!important;
	font-weight: 500!important;
}
.link-text:hover{
	color: #DAB678!important;
}
.blog-posts-by-brand p,
.blog-exerpt{
	color: #737373!important;
	font-family: "Helvetica", sans-serif!important;
}

.blog-row{
	display: flex;
	flex-direction: column;
}
.blog-col{
	width: 100%;
	margin-bottom:20px;	
	position:relative;	
}

.blog-img {
	width:100%;
	height:auto;
	border-radius: 10px!important;	
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-col:hover .blog-img{
	transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);	
}



.blog-title{
	margin-bottom: .6rem;
	font-family: "DM Sans", sans-serif;
	font-size: 17px;
	line-height: 1.5;
	color: #000;
	font-weight: 600;
}
.blog-link{
	text-decoration:none!important;
	color: #000!important;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.blog-title .blog-link:hover{
	text-decoration: underline!important;
}

.blog-date{
	
}
.blog-exerpt{
	margin-top:8px;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

input:focus,
select:focus,
textarea:focus {
    outline: -webkit-focus-ring-color auto 1px!important;
}

nav.woocommerce-breadcrumb a {
    text-decoration: underline;
}


@media (min-width: 768px){
	
	.blog-row{
		flex-direction: row;
	}
	.blog-col{
		width: 33.33%;
		margin-left: 10px;
	}
}