/**
 * Main styles
 */

.has-link-color > a {
    text-decoration: inherit;
}

/* Body */
.home.page-template-page-no-title .wp-site-blocks {
	background-image:
		url('../images/spider-right.svg'),
		url('../images/spider-left.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: left calc(50% + 800px) top 250px, right calc(50% + 850px) top 45%; 
	background-size: 700px auto, 500px auto;
}
.page-template-contact-page .wp-site-blocks {
    
}
@media (max-width: 1100px) {
	.home.page-template-page-no-title .c4ds-spider-background {
		background-image: url('../images/spider-right.svg');
		background-repeat: no-repeat;
		background-position: left 130% bottom; 
		background-size: 40% auto;
	}
}
@media (max-width: 767px) {
	.home.page-template-page-no-title .c4ds-spider-background {
		background-position: left 130% bottom; 
		background-size: 40% auto;
	}
}
@media (max-width: 576px) {
	.home.page-template-page-no-title .c4ds-spider-background {
		background-position: left calc(100% + 120px) bottom; 
		background-size: 260px auto;
	}
}

/* Columns */
@media (min-width: 380px) and (max-width: 781px) {
	.wp-block-columns.c4ds-two-col-mobile .wp-block-column {
		width: 50%;
		flex: 0 0 calc(50% - 15px);
		max-width: calc(50% - 15px);
	}
}

/* Header */
.c4ds-block-template-header .wp-block-site-logo .custom-logo {
	height: 86px;
}
.c4ds-block-template-header .wp-block-navigation-item.current-menu-item {
    color: var(--wp--preset--color--primary, #E6000C);
}
@media (max-width: 767px) {
	.c4ds-block-template-header .wp-block-site-logo .custom-logo {
		height: 36px;
		max-width: auto;
	}
}
@media (max-width: 991px) {
	.c4ds-block-template-header .wp-block-navigation__responsive-dialog .wp-block-navigation-item {
		font-size: 32px !important;
	}
	.c4ds-block-template-header .wp-block-navigation__container,
	.c4ds-block-template-header .wp-block-navigation__container .wp-block-navigation-item {
		width: 100%;
	}
	.c4ds-block-template-header .wp-block-navigation__container .wp-block-navigation-item {
		align-items: center;
		justify-content: center;
	}
	.c4ds-block-template-header .wp-block-navigation-item__content {
		margin: 0 auto;
	}
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		outline: none;
	}
}

@media (min-width: 600px) and (max-width: 991px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

/* Language Switcher */
.wp-block-polylang-navigation-language-switcher {
    text-transform: uppercase;
}
.wp-block-navigation .wp-block-polylang-navigation-language-switcher.current-lang > .wp-block-navigation-item__content  {
    color: var(--wp--preset--color--primary);
}
@media (min-width: 992px) {
    .wp-block-polylang-navigation-language-switcher + .wp-block-polylang-navigation-language-switcher {
        margin-left: -32px;
    }
    .wp-block-polylang-navigation-language-switcher + .wp-block-polylang-navigation-language-switcher:before {
        content: '/';
        padding-left: 2px;
        padding-right: 2px;
    }
}
@media (max-width: 991px) {
    .wp-block-polylang-navigation-language-switcher + .wp-block-polylang-navigation-language-switcher {
        position: relative;
    }
    .wp-block-polylang-navigation-language-switcher + .wp-block-polylang-navigation-language-switcher:before {
        content: '';
        display: block;
        height: 1px;
        width: 30px;
        top: -16px;
        margin: auto;
        position: relative;
        background-color: currentColor;
    }
}

/* Footer */
@media (max-width: 767px) {
	.c4ds-block-template-footer .wp-block-group.is-content-justification-space-between {
		align-items: center;
		flex-direction: column;
	}
	.c4ds-block-template-footer .wp-block-navigation {
		margin-left: auto;
		margin-right: auto;
	}
	.c4ds-block-template-footer .wp-block-navigation__container {
		align-items: center;
	}
	.c4ds-block-template-footer .logo-footer {
		width: 256px;
		height: 75px;
	}
	.c4ds-block-template-footer .wp-block-navigation + p {
		text-wrap: balance;
		word-break: break-all;
		text-align: center;
	}
}

/* Block Media Text */
.wp-block-media-text .wp-block-media-text__content {
	padding: 0 1% 0 15%;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 15% 0 1%;
}

/* Formidable forms */
.with_frm_style {
    --bg-color: transparent;
}
.with_frm_style .form-field.frm_radio_inline .frm_primary_label {
    font-size: 13px;
    color: var(--description-color);
    font-style: italic;
}
.with_frm_style .form-field.frm_radio_inline .frm_opt_container {
    display: flex;
    gap: 40px;
    margin-top: 10px;
}
.with_frm_style .form-field.frm_radio_inline .frm_radio > label {
    display: flex;
    align-items: center;
}
.with_frm_style .frm_checkbox label input[type=checkbox], .with_frm_style .frm_radio label input[type=radio] {
    margin-right: 10px;
    margin-top: -2px;
    width: 22px !important;
    height: 22px !important;
    border-color: #8F8F8F;
    border-radius: 5px;
}
.frm_style_formidable-style.with_frm_style div.frm_description {
    margin: 5px 0 0 0;
}
.with_frm_style input::placeholder,
.with_frm_style textarea::placeholder {
    color: #717171;
    font-style: italic;
    font-size: 13px;
}
.with_frm_style .frm_radio input[type=radio]:before {
	width: 14px;
	height: 14px;
	border-radius: 4px;;
	background-color: var(--border-color-active);
	margin: 3px;
}
.with_frm_style .frm_radio input[type=radio]:focus,
.with_frm_style .frm_checkbox input[type=checkbox]:focus {
    color: transparent !important;
}
.with_frm_style .frm_radio input[type=radio]:checked:before,
.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
	position: static !important;
	content: '';
	display: block;
}
.frm_alignright .frm_submit {
    text-align: right;
}
.frm_alignright .frm_submit .frm_button_submit {
    margin-left: auto;
}
.frm_style_formidable-style.with_frm_style .frm_error,
.frm_style_formidable-style.with_frm_style .frm_limit_error {
    margin: 5px 0 0 0;
    color: #F04438;
}
.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus {
    border-color: #0A0A0A;
    box-shadow: 0px 0px 5px 0px rgba(10, 10, 10, 0.6);
}
