@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&display=swap');
.bg-primary-color{ background-color: var(--wp--preset--color--primary); }
.bg-secondary-color{ background-color: var(--wp--preset--color--secondary); }
.black{ color: var(--wp--preset--color--black); }
.white{ color: var(--wp--preset--color--white); }
.width-auto{ width: auto; }
.no-border{	border: none !important; }
.max-width-1-4{ max-width: 250px !important; }
.max-width-1-2{ max-width: 500px !important; }
.max-width-3-4{ max-width: 750px !important; }
.no-background,
.no-background-child > *{ background-color: transparent; }
.filter-invert{ filter: invert(1); }
.height-100,
.child-height-100 > *{ height: 100%; }
.no-pointer-event{ pointer-events: none; }
.max-650{ max-width: 650px; margin-left: auto; margin-right: auto; }
.op-50, .opacity-50{ opacity: .5; }
.dashicons, .dashicons-before:before{
	vertical-align: -webkit-baseline-middle;
	padding-left: 5px;
}
.wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:hover{
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--third);
	background-color: var(--wp--preset--color--third);
}

/* MAIN MENU */

.srfb-navigation .wp-block-pages-list__item__link,
.srfb-navigation .wp-block-navigation-item__content{ position: relative; }
.srfb-navigation .current-menu-item .wp-block-pages-list__item__link,
.srfb-navigation .current-menu-item .wp-block-navigation-item__content,
.srfb-navigation .wp-block-pages-list__item__link:hover,
.srfb-navigation .wp-block-navigation-item__content:hover{ color: var(--wp--preset--color--third); }
.srfb-navigation .wp-block-pages-list__item__link:after,
.srfb-navigation .wp-block-navigation-item__content:after{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background-color: var(--wp--preset--color--third);
	position: absolute;
	inset: auto auto -10px 50%;
	border-radius: 100%;
	transform: translateX(-50%) scale(0);
	transition: transform .25s ease-in-out;
}
.srfb-navigation .current-menu-item .wp-block-pages-list__item__link:after,
.srfb-navigation .current-menu-item .wp-block-navigation-item__content:after,
.srfb-navigation .wp-block-pages-list__item__link:hover:after,
.srfb-navigation .wp-block-navigation-item__content:hover:after{
	transform: translateX(-50%) scale(1);
}

/* END MAIN MENU */

/* SEARCH */

header #search{
	position: fixed;
	inset: 0 0 auto;
	padding: 10px;
	background-color: white;
	transform: translateY(-200%);
}

header #search .wp-block-search__button{
	max-width: 100px;
}

header #search .srfb-search-close{
	text-align: center;
	font-size: 2em;
}

header #search:target{
	transform: translateY(0);
}

body.admin-bar header #search:target{
	transform: translateY(var(--wp-admin--admin-bar--height));
}

/* END SEARCH */

/* HEADER PAGE */

.srfb-header-page.wp-block-cover .wp-block-cover__image-background{
	width: 75vw;
	margin-right: 0;
	margin-left: auto;
	border-radius: 7px;
}
.srfb-header-page.wp-block-cover .wp-block-cover__inner-container{
	width: 50vw !important;
}

/* END HEADER PAGE */

/* TIMELINE BLOCK */

.timeline-block{ position: relative; }
.timeline-block:after{
	content: "";
	display: block;
	position: absolute;
	inset: 0 calc(50% - 2px);
	width: 2px;
	background-color: var(--wp--preset--color--secondary);
	z-index: -1;
}
.timeline-block .date-container > *{ margin-top: 50%; }

/* END TIMELINE BLOCK */

/* TABLE-DESIGN */
/*
.table-design td,
.table-design th{ padding: 20px; text-align: inherit; }
.table-design th a{ color: var(--wp--preset--color--white); }
.table-design.collapse{ border-collapse: collapse; }
.table-design th,
.table-design th:hover{ background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--white); text-transform: uppercase; font-weight: bold; }
.table-design tbody > tr:hover{ background-color: #f3f3f3; }
.table-design-simple-header thead,
.table-design-simple-header thead th{ background-color: transparent; border: none; font-weight: bold; }

table.ff_repeater_table tr th{ color: var(--wp--preset--color--black); }

.table-new-generation thead,
.table-new-generation th{	border: none; }

.table-new-generation tbody tr td:first-child{
	background-color: var(--wp--preset--color--secondary);
	text-align: left;
	color: var(--wp--preset--color--white);
}

.table-new-generation tbody tr td{ border-color: var(--wp--preset--color--secondary); }

.table-new-generation th,
.table-new-generation tbody tr td{
	padding: 30px;
}

.table-new-generation tbody tr td mark{	font-size: 2.5em; }

/* END TABLE-DESIGN */

/* FORM-DESIGN */

.fluentform .ff-el-group.ff_list_buttons .ff-el-input--content .ff-el-form-check.ff_item_selected label>span,
.fluentform .ff-el-group.ff_list_buttons .ff-el-input--content .ff-el-form-check.ff_item_selected:first-child label>span,
.fluentform .ff_submit_btn_wrapper .ff-btn-submit{
	background-color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
	box-shadow: none;
}
.fluentform .ff_submit_btn_wrapper .ff-btn-submit:hover{
	background-color: var(--wp--preset--color--third);
}
.fluentform .ff_list_buttons.ff-el-group input[type='checkbox'],
.fluentform .ff_list_buttons.ff-el-group input[type='radio']{ position: absolute !important; }
.fluentform .ff-el-group.ff_list_buttons .ff-el-input--content .ff-el-form-check:not(.ff_item_selected) label>span:hover{
	color: var(--wp--preset--color--primary);
}
.ff_repeater_cont_row{
	padding: 5px;
}
.ff_repeater_cont_row .ff-el-repeat-buttons-list{ gap: 10px; }
.ff_repeater_cont_row .ff-el-repeat-buttons-list > span[role=button]{
	transform: scale(1.5);
	fill: var(--wp--preset--color--primary);
}
@media (max-width: 768px){
	.ff_repeater_cont_row{ flex-direction: column; gap: 10px; }
	.ff-repeater-container.pad-25{ padding: 0 !important; }
	.ff_repeater_cont_row .ff_repeater_cell{ padding: 0; }
}

/* END FORM-DESIGN */

/* DETAILS */

details summary{
	font-weight: bold;
	font-size: 1.25rem;
	padding: 10px;
	cursor: pointer;
}
details:hover summary{ color: var(--wp--preset--color--primary); }

/* END DETAILS */