/*
 Theme Name:  Heliox Personeel by OneStep Media
 Theme URI:    https://onestepmedia.nl
 Description:  Child Theme for Heliox Personeel
 Author:       OneStep Media
 Author URI:   https://onestepmedia.nl
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
.nav li ul{
	border-top: 3px solid #666;
}
.et_mobile_menu{
	border-top: 3px solid #666;
}
.foto img{
	object-fit:cover;
}
.contact input[type=text], .contact input[type=tel], .contact input[type=email], .contact textarea {
    background: #fff!important;
    color: #3f3f3f;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 300;
    border: 0 solid #000;
    margin-bottom: 10px;
    width: 100%;
}
.contact_s input[type=text], .contact_s input[type=tel], .contact_s input[type=email], .contact_s textarea {
    background: #fafafa!important;
    color: #3f3f3f;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 300;
    border: 0 solid #000;
    margin-bottom: 10px;
    width: 100%;
}
input[type="submit"] {
    color: #ffffff !important;
 	border:0px solid black;
	padding:15px 50px;
    letter-spacing: 2px;
	border-radius:2px;
    font-size: 14px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #353f2f;
}

/* Style for the random posts container */
.random-posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

/* Style for each individual post */
.random-post-item {
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

/* Hover effect to make the shadow more prominent */
.random-post-item:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Style for post titles */
.random-post-item h3 {
    font-size: 18px;
    font-weight: bold; /* Make the title bold */
    margin-bottom: 10px;
    color: #333333; /* Almost black color */
}

/* Style for post summary (10 words) */
.random-post-item p {
    font-size: 14px;
    color: #555;
}

/* Optional: Add some space at the bottom */
.random-posts .random-post-item a {
    text-decoration: none;
    color: #333333; /* Almost black color for the link */
}

/* Add hover effect for links */
.random-posts .random-post-item a:hover {
    text-decoration: underline;
    color: #111111; /* Darker shade on hover */
}