.wpcf7-form label {
  color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.codedropz-upload-inner h3{
 	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.codedropz-upload-inner span{
	color: white;
}
	span{
		font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.codedropz-btn-wrap a{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

div.wpcf7-response-output { 
    color: white !important; 
}

a { 
  text-decoration: none; 
	
}

.custom-cover-image {
    /* Remove the default height set by the Gutenberg cover block */
    min-height: 0 !important;
    height: auto;
}

/* Maintain the aspect ratio of the background image */
.custom-cover-image::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* Adjust this value based on your image's aspect ratio (e.g., 16:9 -> 56.25%) */
}

/* Mobile devices (portrait and landscape) */
@media only screen and (max-width: 767px) {
    .custom-cover-image img.wp-block-cover__image-background {
        object-fit: cover !important;
        object-position: center !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }

    .custom-cover-image .wp-block-cover__inner-container {
        /* Center align the content */
        text-align: center;
        /* Position the inner container on top of the background image */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

	h1.entry-title {
text-align: center;
}

	@media (max-width: 768px) {
    /* Target the specific container that holds the side-by-side elements */
    .your-section-container-class {
        /* If using flexbox */
        flex-direction: column !important;

        /* If using grid (this makes the grid have only 1 column) */
        grid-template-columns: 1fr !important;
    }

    /* If your sections are direct children of the container, sometimes you need to target them directly */
    .your-section-container-class .child-section-class {
        width: 100% !important;
        margin: 0 !important; /* Remove any horizontal margins/padding that might cause issues */
    }
}