/*Container bem vindo*/
.wp-block-cover:nth-child(1) {
	background-image: url("/wp-content/uploads/2024/05/background1.jpg");
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.input-group {
	display: flex;
	height: 40px;
    width: 100%;
    box-shadow: var(--box-shadow-little-cards);
}

@media (min-width: 1024px) {
    .input-group {
        height: 40px;
        width: 831px;
    }
}

.input-group #search-input {
	border-radius: var(--button-border-radius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
	border: var(--bs-border-width) solid var(--bs-border-color);
	height: 100%;
}

.input-group #search-button {
	margin: 0 !important;
	background-color: var(--blue-button);
    color: var(--white-color);
    border: transparent;
    border-top-right-radius: var(--button-border-radius);
	border-bottom-right-radius: var(--button-border-radius);
}

#filter-button,
.btn-cancel {
    background: var(--gray-for-button-and-border-to-white-button-and-line);
    color: var(--icon-color);
	border: transparent;
}

#filter-button:hover,
.btn-cancel:hover {
    background: var(--gray-button-hover) !important;
    color: rgba(0, 0, 0, .7);
}

.input-group #search-button:hover {
	background-color: var(--blue-for-hover-button-and-navbar);
}

.wp-block-cover:nth-child(1) .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 65px !important;
	min-height: 440px !important;
}

@media (min-width: 1340px) {
    .wp-block-cover:nth-child(1) .wp-block-cover__inner-container  {
        padding-top: 84px;
    }
}

.wp-block-cover:nth-child(1) .wp-block-cover__inner-container p {
	font-size: var(--font-size-20);
    font-weight: var(--font-weight-400);
    line-height: var(--line-spacing-32);
    margin: 0;
	margin-bottom: 30px;
    padding: 0;
	color: var(--white-color) !important;
}

.wp-block-cover:nth-child(1) .wp-block-heading {
	text-shadow: 0px 3px 3px #0000004D;
	font-size: 2.1em;
	line-height: 1.2;
	font-weight: var(--font-weight-600) !important;
	margin: 0 !important;
	color: var(--white-color) !important;
}

@media (min-width: 1320px) {
    .wp-block-cover:nth-child(1) .wp-block-heading  {
        font-size: 2.5em;
    }
}