/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    Childtheme van Astra
 */



/*Site-breede CSS*/
/*De background van de achtergrond website*/
/**.site-content{
*	Background: #fafafa;
*}
*/

/*Instellingen van de Container*/
.ast-container{
	Background: #fff;
	padding:0px !important;
}

/*Smooth scroll animatie wanneer je op #div links op dezelfde pagina klikt.*/
html {
    scroll-behavior: smooth;
}

.blue{
    color:#2581C4;
}

/*Astra scroll naar top pagina knop*/
#ast-scroll-top{
	border-radius:30px;
	background-color: #2581C4;
}

/*HOME PAGE*/
/*Voor het uitlijnen van de "Lees meer" knop onder aan een Product Div*/
.POS-homepage-product-block > div > div {
    flex-direction: column !important;
}

.POS-homepage-product-block > div > div > div.elementor-widget-button {
    margin-top: auto !important;
}


.rt-container, .rt-container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
 
}

/* Over ons fotos van medewerkers */
       .POS-profile-card {
            position: relative;
            width: 250px;
            height: 300px;
            background-size: cover;
            background-position: center;
            border-radius: 20px;
            overflow: hidden;
            cursor: pointer;
            transition: transform 0.3s ease-in-out;
        }

        .POS-banner {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 30%; /* 30% of the div */
            background-color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 0 0 20px 20px;
            padding: 10px;
            box-sizing: border-box;
            transition: transform 0.3s ease-in-out;
            z-index: 1;
        }

        .POS-banner h1 {
            margin: 0;
            font-size: 24px;
            color: black;
        }

        .POS-banner p {
            margin: 5px 0 0;
            font-size: 16px;
            color: grey;
        }

        .POS-profile-card:hover .POS-banner {
            transform: translateY(100%);
        }

        .POS-details {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(37, 129, 196, 0.9); /* Semi-transparent #2581c4 */
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            box-sizing: border-box;
            opacity: 0;
            transform: translateY(-100%);
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
            z-index: 0;
        }

        .POS-profile-card:hover .POS-details {
            transform: translateY(0);
            opacity: 1;
        }

        .POS-details h1 {
            margin: 0;
            font-size: 24px;
        }

        .POS-details p {
            margin: 5px 0;
            font-size: 16px;
        }		

        .POS-contact-info {
            margin-top: 20px;
            font-size: 14px;
            text-align: left;
        }

        .POS-contact-info p {
            display: flex;
            align-items: center;
            margin: 5px 0;
        }

        .POS-contact-info i {
				margin-right: 8px; /* Adjust the margin to your preference */
				color: white; /* Optional: change icon color if needed */
			}

        .POS-contact-info a {
            color: white;
            text-decoration: none;
        }


.headingQuote {
    font-size: 30px;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .headingQuote {
        font-size: 10px;
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .headingQuote {
        font-size: 20px;
    }
}

/* Insetllingen voor radio buttons Contact Form 7*/

span.wpcf7-list-item { 
	display: block;
	margin-left:0px;
}

/*contactformstyling*/
span.wpcf7-textarea {
	height:150px !important;
	
}

table, td, th {
    border: unset;
}

.contactForm td {
	padding-left:0px;
	padding-right:12px;
}

h2.widget-title {
	font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 10px;
}

.rt-img-holder{
	border-radius:20px;
}