/*----------------------------------------------------------------- */
/* FRONT-END
/*----------------------------------------------------------------- */

/* GENERAL
----------------------------------------- */

.brxe-nav-menu a {
	transition: color var(--wm-transition-duration__default);
}

.brxe-nav-menu .active-item > a {
	cursor: default;
	pointer-events: none;
}

/* HEADER
----------------------------------------- */

#brx-header
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	transition: transform 0.4s ease;
}

#brx-header.hide-header 
{
	transform: translateY(-100%);
}

/* fix for bricks mobile menu */
#brx-header .brxe-nav-menu .bricks-mobile-menu {
	padding: 45px 0;
}

/* active menu item on CPT singles */
.brxe-nav-menu ul > .active-item_archive-ancestor > a {
	/* something here */
}

#header-top::before
{
	    content: "";
    width: 200vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50vw;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 25%);
    z-index: -1;
}

#header-bottom,
#header-container,
#header-top
{
	position: relative;
}

#header-container::after
{
	content: "";
	position: absolute;
	border-bottom: 6px solid var(--wm-color__blue-dark);
	left: 6px;
	bottom: 0;
	width: 100vw;
}

#header-bottom::before
{
	content: '';
    position: absolute;
    left: -105px;
    top: 0;
    width: 106px;
    height: calc(100% - 6px);
    background-color: var(--wm-color__white);
    clip-path: polygon(100% 0, 100% 100%, 0 0);
	border-right: 6px solid var(--wm-color__white);
    z-index: 1;
}

#header-bottom::after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: calc(100% - 6px);
	background-color: var(--wm-color__white);
	z-index: -1;
}

#header-bottom .bricks-nav-menu > li:last-child > a
{
	border-right: 1px solid var(--bricks-color-ynqfun);
}

#header-bottom .col-left
{
	position: relative;
}

#header-bottom .col-left::after
{
	content: '';
    position: absolute;
    left: 1px;
    bottom: -1px;
    width: 6px;
    height: 6px;
    background-color: var(--wm-color__blue-dark);
    clip-path: polygon(100% 0, 100% 100%, 0 0);
    z-index: 1;
}

@media (min-width: 1025px) and (max-width: 1366px)
{
	#header-bottom::before
	{
		left: -79px;
		width: 80px;
	}
}

@media (max-width: 1024px) 
{
	#header-bottom::before,
	#header-bottom::after,
	#header-bottom .col-left::after
	{
		display: none;
	}	

	#header-container::after
	{
		left: -20px;
		width: calc(100% + 40px);
	}
}

/* CONTENT
----------------------------------------- */

.home .brxe-post-content
{
	padding: 0;
	box-shadow: unset;
}

/* --- GENERAL --- */
#brx-content p,
#brx-content span {
	line-height: var(--wm-line-height__default);
}

.brxe-post-content[data-source="editor"] a:not(.wp-element-button),
.brxe-text a {
	transition: text-decoration var(--wm-transition-duration__default);
	text-decoration: underline;
}

.brxe-post-content[data-source="editor"] a:not(.wp-element-button):hover,
.brxe-text a:hover {
	text-decoration: none;
	text-decoration: underline transparent solid;
}

.wp-block-columns {
	gap: 40px;
}

.wp-block-image,
.wp-block-video,
figcaption,
figure {
	margin-top: 0;
}

/* --- ACCORDIONS --- */

/* výchozí stav ikony */
.brxe-accordion-nested .accordion-title-wrapper svg {
  transition: transform 0.25s ease;
  transform-origin: center;
  transform: rotate(0deg);
}

/* otevřený stav – díky .brx-open */
.brxe-accordion-nested .brx-open .accordion-title-wrapper svg {
  transform: rotate(180deg);
}



/* --- GUTTENBERG --- */

.single .wp-block-heading
{
	margin: 45px 0 15px 0;
}

.single h2.wp-block-heading
{
	font-size: 3rem;
}

.single .brxe-post-content p
{
	margin-bottom: 30px;
	line-height: 1.7 !important;
}

.single hr
{
    margin: 65px auto 80px auto;
    width: 80%;
}

.single .wp-block-column > .wp-block-heading:first-child 
{
    margin-top: 0 !important;
}

.wp-block-gallery {
	display: grid;
	gap: 20px;
	margin-bottom: 30px;
}

.wp-block-gallery.columns-2 {
	grid-template-columns: repeat(2, 1fr);
}
.wp-block-gallery.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}
.wp-block-gallery.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}
.wp-block-gallery.columns-5 {
	grid-template-columns: repeat(5, 1fr);
}
.wp-block-gallery.columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.single .wp-block-gallery figure {
	aspect-ratio: auto;
	/*overflow: hidden;
	margin: 0;*/
}

/*.wp-block-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}*/

.glightbox-clean .gslide-description {
	font-size: 0.9rem;
}

/* --- PRODUCTS --- */

.content_product .product_main .e_product-main-text p
{
	margin-bottom: 30px;
}

.content_product .product_main .e_product-main-text h2,
.content_product .product_main .e_product-main-text h3,
.content_product .product_main .e_product-main-text h4,
.content_product .product_main .e_product-main-text h5,
.content_product .product_main .e_product-main-text h6
{
	margin-bottom: 15px;
}

.content_product .product_main .e_product-main-text h2
{
	font-size: var(--wm-font-size__h4);
}

.content_product .product_main .e_product-main-text h3
{
	font-size: var(--wm-font-size__big);
}

.content_product .product_main .e_product-main-text h4,
.content_product .product_main .e_product-main-text h5,
.content_product .product_main .e_product-main-text h6
{
	font-size: clamp(1.7rem, 1.8vw, 1.8rem);
}

.content_product .product_main .e_product-main-text ul,
.content_product .product_main .e_product-main-text ol
{
	margin-block-start: 0;
    margin-block-end: 30px;
    margin-top: -20px;
}


/* --- BUTTONS --- */
.wp-element-button {
	margin-top: 20px;
}

a.wp-element-button {
	font-size: var(--wm-font-size__default);
	font-weight: 400;
	line-height: normal;

	padding: 12px 24px;

	transition: background-color var(--wm-transition-duration__default);
	text-align: center;
	text-decoration: none;

	color: var(--wm-color__white);
	border: none;
	border-radius: 0;
	background-color: var(--wm-color__blue);
}

a.wp-element-button:hover {
	background-color: var(--wm-color__blue-dark);
}

/* --- LISTS --- */
.brxe-post-content ul,
.brxe-text ul {
	padding-left: 18px;
}

.brxe-post-content ol,
.brxe-text ol {
	padding-left: 26px;

	counter-reset: list-counter;
}

.brxe-post-content ol ol,
.brxe-text ol ol {
	padding-left: 40px;

	counter-reset: list-counter;
}

.brxe-post-content ul li,
.brxe-post-content ol li,
.brxe-text ul li,
.brxe-text ol li {
	margin-bottom: 5px;
}

.brxe-post-content ul li::marker,
.brxe-text ul li::marker {
	content: "● ";

	color: var(--wm-color__orange);
	font-size: 24px;
}

.brxe-post-content ul ul > li::marker,
.brxe-text ul ul > li::marker {
	content: "⚬  ";
}

.brxe-post-content ol > li,
.brxe-text ol > li {
	counter-increment: list-counter;
}

.brxe-post-content ol > li::marker,
.brxe-text ol > li::marker {
	font-weight: 700;

	content: counters(list-counter, ".") ".  ";

	color: var(--wm-color__black);
}

.brxe-post-content ul ul,
.brxe-post-content ul ol,
.brxe-post-content ol ol,
.brxe-post-content ol ul,
.brxe-text ul ul,
.brxe-text ul ol,
.brxe-text ol ol,
.brxe-text ol ul {
	margin-top: 5px;
	margin-bottom: 0;
}

/* --- TABLES --- */
.wm-table {
	overflow-y: auto;

	width: 100%;
}

.wm-table::-webkit-scrollbar {
	width: 12px;
	height: 12px;

	-webkit-appearance: none;
}

.wm-table::-webkit-scrollbar-thumb {
	border: 3px solid var(--wm-color__white);
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.1);
}

.wm-table table {
	width: 100%;
	min-width: 560px;

	table-layout: fixed;
}

.wm-table table td,
.wm-table table th {
	padding: 10px 20px;
}

.wm-table table thead th,
.wm-table table thead td {
	text-align: left;

	color: var(--wm-color__white);
	background-color: var(--wm-color__blue);
}

.wm-table table tbody td {
	background-color: rgba(0, 0, 0, 0.1);
}

/* --- ICON BOXES --- */

.iconbox__underline
{
	position: relative;
	padding-bottom: 14px;
	width: 100%;
}

.iconbox__underline::before
{
	content:"";
	width: 75%;
	height: 4px;
	background-color: var(--wm-color__white);
	position: absolute;
	left: 0;
	bottom: 0;
}

.iconbox__underline::after
{
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px 4px 0 0;
	border-color: var(--wm-color__white) transparent transparent transparent;
	transform: rotate(0deg);
	position: absolute;
	left: 75%;
	bottom: 0;
}

/* --- DOWNLOADS --- */

@media (min-width: 1024px)
{
	.e_rep-files .e_rep-file-col:nth-of-type(3n + 1)
	{
		border-left: 2px solid var(--bricks-color-ynqfun);
	}

	.row-posts .e_posts_loop:nth-of-type(3n + 1)
	{
		border-left: 1px solid var(--bricks-color-ynqfun);
	}
}

@media (min-width: 760px) and (max-width: 1023px)
{
	.e_rep-files .e_rep-file-col:nth-of-type(2n + 1)
	{
		border-left: 2px solid var(--bricks-color-ynqfun);
	}

	.row-posts .e_posts_loop:nth-of-type(2n + 1)
	{
		border-left: 1px solid var(--bricks-color-ynqfun);
	}
}

@media (max-width: 759px)
{
	.e_rep-files .e_rep-file-col
	{
		border-left: 2px solid var(--bricks-color-ynqfun);
	}

	.row-posts .e_posts_loop
	{
		border-left: 1px solid var(--bricks-color-ynqfun);
	}
}

.e_download-name a,
.e_download-name a:hover
{
	text-decoration: unset;
}

a.e_rep-file-col:hover .e_download-name
{
	color: var(--wm-color__blue);
}

/* --- CTA --- */

.row_cta-banner .brxe-heading span
{
	font-size: clamp(2.8rem, 3vw, 3rem);
	display: block;
    margin-top: -5px;
	margin-bottom: -10px;
}

/* --- ADMIN ACF --- */

.acf-field-message
{
	background-color: #4f6fa8;
	color: #fff;
}

/* --- Section form --- */

.col-arrow
{
	position: relative;
}

.col-arrow::before,
.col-arrow::after
{
	position: absolute;
	z-index: -1;
}

.col-arrow::before
{
	content: "";
	top: 0;
	right: 0;
	width: 1000%;
	height: 100%;
	background-color: var(--wm-color__blue-dark);
}

.col-arrow::after
{
	content: '';
	display: block;
	width: 258px;
	height: 613px;
	background-color: var(--wm-color__blue-dark);
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 258 613"><path d="M161.294 0L258 167.5C172.523 312.526 3.86196 600.368 0.746704 612.606V613C0.688086 612.966 0.688623 612.834 0.746704 612.606V0H161.294Z" fill="black"/></svg>');
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 258 613"><path d="M161.294 0L258 167.5C172.523 312.526 3.86196 600.368 0.746704 612.606V613C0.688086 612.966 0.688623 612.834 0.746704 612.606V0H161.294Z" fill="black"/></svg>');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	right: -256px;
    top: 0px;
}

@media (max-width:1280px)
{
	.col-arrow::after
	{
		right: -172px;
    	top: -21px;
	}
}

@media (max-width:1024px)
{   
	.col-arrow::after 
	{
		right: auto;
        top: 130px;
        transform: scaleX(-1) rotate(90deg);
        left: 28px;
        width: 100px;
        height: 238px;
    }

	.col-arrow::before
	{
		right: -50px;
	}
}

@media (max-width: 480px)
{
	.col-arrow::after 
	{
        top: 55px;
        left: calc(50% - -3px);
	}
}

/* --- FORMS --- */
.brxe-shortcode .fluentform .ff-el-group {
	margin-bottom: 15px;
}

.brxe-shortcode .frm-fluent-form .ff-t-container {
	gap: 15px;
}

.brxe-shortcode .fluentform .ff-el-form-control,
.brxe-shortcode .fluentform .ff-dropzone .ff_upload_btn.ff-btn 
{
    line-height: 50px;
    height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    border-color: var(--wm-color__white);
    border-radius: 8px;
    background: transparent;
    border: 2px solid var(--wm-color__white);
	color: var(--wm-color__white);
	font-family: inherit;
}

.brxe-shortcode .fluentform .ff-dropzone .ff_upload_btn.ff-btn
{
	padding: 0 20px;
	text-align: left;
}

.brxe-shortcode .fluentform .ff-dropzone .ff_upload_btn.ff-btn:hover
{
	background-color: transparent;
}

.brxe-shortcode .ff-default .ff-el-input--label label
{
	text-align: right;
	color: var(--wm-color__white);
}

.brxe-shortcode select.ff-el-form-control:not([size]):not([multiple]) 
{
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--wm-color__white);
    line-height: 46px;
}

.brxe-shortcode select.ff-el-form-control:not([size]):not([multiple]):focus,
.brxe-shortcode .fluentform .ff-el-form-control:focus
{
	color: var(--wm-color__blue-dark);
}

.brxe-shortcode .fluentform .ff-el-form-control:focus 
{
	border-color: var(--wm-color__blue-dark);
}

.brxe-shortcode .fluentform textarea.ff-el-form-control {
	height: 150px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.brxe-shortcode .fluentform .ff-custom_html p a {
	text-decoration: underline;
}

.brxe-shortcode .fluentform .ff-btn-submit 
{
	text-transform: uppercase;
	margin-bottom: 0 !important;
	width: 100%;
}

.brxe-shortcode .fluentform .ff-btn-submit:hover
{
	background-color: var(--wm-color__white) !important;
	color: var(--wm-color__blue-dark);
}

.brxe-shortcode .fluentform .ff-dropzone .ff_upload_btn.ff-btn
{
	color: var(--wm-color__white);
}

.brxe-shortcode .fluentform .ff-message-success {
	margin: 30px 0;

	text-align: center;

	color: var(--wm-color__white);
	border: none;
	background: #4caf50;
	box-shadow: none;
}

@media (max-width: 760px) {
	.brxe-shortcode .fluentform .ff-el-form-control {
		line-height: 40px;

		height: 40px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.brxe-shortcode .fluentform textarea.ff-el-form-control {
		height: 120px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (min-width: 481px) 
{
	.brxe-shortcode .fluentform .ff-el-group,
	.brxe-shortcode .fluentform .ff-t-column-1
	{
		display: flex;
    	flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

    .brxe-shortcode .fluentform .ff-el-group.ff-el-form-left .ff-el-input--label,
	.brxe-shortcode .fluentform .ff-t-column-1 .ff-custom_html
	{
        text-align: right;
		width: 275px;
		padding: 4px 30px 4px 0;
    }

	.brxe-shortcode .fluentform .ff-t-column-1 .ff-custom_html
	{
		margin-bottom: 0;
	}

	.brxe-shortcode .fluentform .ff-el-form-left .ff-el-input--content,
	.brxe-shortcode .fluentform .ff-el-form-right .ff-el-input--content,
	.brxe-shortcode .fluentform .ff-t-column-1 .ff_submit_btn_wrapper
	{
		margin-left: 0;
        width: calc(100% - 275px);
    }
}

@media (min-width: 481px) and (max-width: 599px)
{
	.brxe-shortcode .fluentform .ff-el-group.ff-el-form-left .ff-el-input--label,
	.brxe-shortcode .fluentform .ff-t-column-1 .ff-custom_html
	{
		width: 220px;
		padding: 0px 20px 4px 0;
    }

	.brxe-shortcode .fluentform .ff-el-form-left .ff-el-input--content,
	.brxe-shortcode .fluentform .ff-el-form-right .ff-el-input--content,
	.brxe-shortcode .fluentform .ff-t-column-1 .ff_submit_btn_wrapper
	{
        width: calc(100% - 220px);
    }
}


/* FOOTER
----------------------------------------- */
#brx-footer address {
	font-style: normal;
}