/**
* Platform Cover Block Styles
*/

.wp-block-spc-blocks-download-cover-blocks  {
	position: relative;

	&::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		background: var(--wp--preset--gradient--gradient-2);
		z-index: 0;
	}
	&::after,
	.title-wrapper {
		height: 100%;

		@media screen and (min-width: 990px) {
			max-height: 300px;
		}
	}
	&.has-global-padding {
		padding-right: 0;
		padding-left: 0;
	}
	.inner-wrapper {
		position: relative;
		display: flex;
		flex-direction: column-reverse;
		margin: 0 auto;
		padding-top: 0;
		z-index: 5;

		@media screen and (min-width: 990px) {
			flex-direction: column;
			padding-top: var(--wp--preset--spacing--50);
		}
	}

    .title-wrapper {
		text-align: left;
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: flex-start;
		padding-top: 4rem;
		padding-bottom: 4rem;
		padding-left: var(--root--padding);
		padding-right: var(--root--padding);
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		bottom: unset;
		z-index: 10;
		transform: translateY(0);
		gap: 0;

		> * {
			text-align: left;
	    }
        @media screen and (min-width: 990px) {
			align-items: center;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 10;
			transform: translateY(-20px);
			gap: 2rem;
			> * {
				text-align: center;
			}
		}
	}

    .headline,
	.wp-block-heading {
		margin-top: 0;
	}
}

.category-navigation-wrapper{
    display: flex;
    flex-direction: column-reverse;
    gap: 4rem;
    align-items: center;
    padding-bottom: var(--wp--preset--spacing--40);
    border: none;
}

.category-navigation-wrapper .archive-search-wrapper{
    width: 100%;
    max-width: 100%;
    border-radius: 4px;
}
@media screen and (min-width: 920px){
    .category-navigation-wrapper{
        flex-direction: row;
    }   
    .category-navigation-wrapper .archive-search-wrapper{
        max-width: 300px;
    }    
}

.wp-block-download-see-all-downloads {
    padding-top: var(--wp--preset--spacing--20);
    padding-bottom: var(--wp--preset--spacing--60);
}

.download_category_buttons_row {
    width: 100%;
    gap: 20px;
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0;
}

a.download_filter_links {
    color: var(--color-grey);
}

a.download_filter_links.active {
    color: var(--color-white);
}

.buttons_view_download, .buttons_nofilter_download {
    margin: 0;
    display: flex;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    text-transform: none;
    color: #4A5A75;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border-radius: 200px;
    border: 1px solid #D3D9DE;
    background: transparent;
}

.buttons_view_download.is-checked {
    background: #3500AC;
}

.current-category {
    padding: 6px 24px 6px 24px;
    gap: 20px;
    border-radius: 200px;
    border: 1px solid #D3D9DE;
    background: #3500AC;
    color: #FFFFFF !important;
}

.wp-block-spc-blocks-spc-sdk-column-block .card-header-download {
    align-items: center;
    flex-direction: row;
    font-weight: 500;
    justify-content: flex-start;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
    width: 100%;
}

.table-title {
    font-size: 14px;
    letter-spacing: 1%;
    line-height: 20px;
}

.table-body-details.bold {
    font-weight: 600;
}

a.blogs_filter_links {
    color: var(--color-grey);
}

a.blogs_filter_links.active {
    color: var(--color-white);
}

.buttons_view_blogs, .buttons_nofilter_blogs {
    margin: 0;
    display: flex;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    text-transform: none;
    color: #4A5A75;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border-radius: 200px;
    border: 1px solid #D3D9DE;
    background: transparent;
}

.buttons_view_blogs.is-checked {
    background: #3500AC;
}

.current-category {
    padding: 6px 24px 6px 24px;
    gap: 20px;
    border-radius: 200px;
    border: 1px solid #D3D9DE;
    background: #3500AC;
    color: #FFFFFF !important;
}

.wp-block-group.sdk-card.is-vertical.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-3655d5c7.wp-block-group-is-layout-flex {
    max-width: fit-content;
}

.wp-block-group.inner-wrapper.is-horizontal.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-10df7a77.wp-block-group-is-layout-flex {
    justify-content: space-between;
    gap: 50px;
}

.has-certain-width {
    max-width: fit-content;
    margin: auto;
}

.text_for_large_screens{
    display: none;
}

.image_for_small_screens{
    display: block;
}

@media screen and (min-width: 1099px) {
    .text_for_large_screens{
        display: block;
    }

    .image_for_small_screens{
        display: none;
    }
}