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

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

body
{
	overflow-x: hidden;
}

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

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

h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span
{
	color: var(--wm-color__orange);
}

.bricks-button
{
	gap: 16px;
}

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

/* 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-iconbox:hover a
{
	color: var(--wm-color__orange);
	display: block;
}

.col-megamenu:hover .img-megamenu
{
	border-color: var(--wm-color__orange);
}

.col-megamenu:hover .link-megamenu
{
	background-color: var(--wm-color__orange);
	color: var(--wm-color__white);
}

.col-megamenu .link-megamenu,
.col-megamenu .img-megamenu,
.col-megamenu:hover .link-megamenu,
.col-megamenu:hover .img-megamenu
{
	transition: color var(--wm-transition-duration__default), background-color var(--wm-transition-duration__default), border-color var(--wm-transition-duration__default)
}

.bricks-nav-menu > li.active-item_post-ancestor > .brx-submenu-toggle > *
{
	color: var(--wm-color__orange) !important;
}

@media (max-width: 1024px) {
	/* own sticky solution */
	#brx-header {
		position: sticky;
		z-index: 999;
		top: 0;
	}
}

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

/* --- 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;
}

.iconbox-left_orange a:hover
{
	color: var(--wm-color__orange);
}

/* --- GALLERIES --- */

.brxe-image-gallery a
{
	border: 4px solid var(--wm-color__yellow);
	border-radius: 16px;
	overflow: hidden;
	transition: color var(--wm-transition-duration__default), background-color var(--wm-transition-duration__default), border-color var(--wm-transition-duration__default);
}

.brxe-image-gallery a:hover
{
	border-color: var(--wm-color__orange);
}

/* --- 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);
}

.loop-article .loop-article__readmore
{
	transition: color var(--wm-transition-duration__default), background-color var(--wm-transition-duration__default), border-color var(--wm-transition-duration__default)
}

.loop-article:hover .loop-article__readmore
{
	border-color: var(--wm-color__grey);
    color: var(--wm-color__white);
	background-color: var(--wm-color__grey);
}

/* --- SERVICES --- */

.col-service:hover .service-loop-img__wrap,
.col-service:hover .service-loop-title
{
	background-color: var(--wm-color__orange);
}

.col-service:hover .service-loop-img
{
	transform: rotate(-6deg);
}

.col-service .service-loop-img,
.col-service:hover .service-loop-img,
.col-service .service-loop-title,
.col-service:hover .service-loop-title
{
	transition: 0.5s;
}

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

.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__black);
}

.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,
.event-list-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,
.event-list-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);
}

/* Container with horizontal scroll on narrow viewports */
.event-list-table 
{
	overflow-y: auto;

	width: 100%;
}

.event-list-table h2
{
	margin: 48px 0 24px;
	text-align: center;
	color: var(--wm-color__orange);
}

.event-list-table h2:first-child
{
	margin-top: 0;
}

/* Table base styles: target table inside container or standalone events-table-list */
.event-list-table table,
.events-table-list {
  border-collapse: collapse; 
          
  font-family: inherit;
  color: var(--wm-color__dark);  
}

/* Table header */
.event-list-table th,
.events-table-list th {
  text-align: left;
  padding: 10px;
}

.event-list-table tr,
.events-table-list tr
{
	border-top: 2px solid #fff;
}

/* Table body cells */
.event-list-table td,
.events-table-list td 
{
  	padding: 10px;
  	border: none;       
	font-size: 1.8rem;
}

.events-table tr th:nth-child(2),
.events-table tr td:nth-child(2)
{
	width: unset;
}

/* Horizontal scrollbar styling for WebKit browsers */
.event-list-table::-webkit-scrollbar,
.events-table-list::-webkit-scrollbar-track {
  height: 8px;
}
.event-list-table::-webkit-scrollbar-track,
.events-table-list::-webkit-scrollbar-thumb {
  background: transparent;
}
.event-list-table::-webkit-scrollbar-thumb,
.events-table-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

@media (min-width: 768px)
{
	.events-table tr th,
	.events-table tr td
	{
		width: 200px;
	}
}

@media(max-width: 767px)
{
	.event-list-table h2
	{
		font-size: 2rem;
	}

	.events-table tr th,
	.events-table tr td
	{
		width: 130px;
        font-size: 1.6rem;
	}

	.events-table tr th:nth-child(1),
	.events-table tr td:nth-child(1)
	{
		width: 80px;
	}
}

@media(max-width: 479px)
{

	.events-table tr th,
	.events-table tr td
	{
		width: 110px;
        font-size: 1.4rem;
		line-height: 1.3;
	}

	.events-table tr th:nth-child(1),
	.events-table tr td:nth-child(1)
	{
		width: 65px;
	}
}

/* --- Guttenberg --- */

h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading
h5.wp-block-heading
{
	margin-top: 45px;
	margin-bottom: 30px;
}

.brxe-post-content a
{
	border-bottom: 1px solid;
}

.brxe-post-content figure.wp-block-image,
.wp-block-embed.is-type-video .wp-block-embed__wrapper
{
	border-radius: 16px;
	overflow: hidden;
	margin-top: 40px;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper 
{
	padding-top: 0 !important;
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.wp-block-embed__wrapper > iframe 
{
  width: 100%;
  height: 100%;
  display: block;
}

.brxe-post-content .wp-block-image,
.brxe-post-content .wp-block-video,
.brxe-post-content figcaption,
.brxe-post-content figure 
{
    margin-bottom: 60px;
}

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

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

.brxe-shortcode .fluentform .ff-el-form-control {
	font-size: 1.6rem;
	line-height: 50px;

	height: 50px;
	padding-right: 15px;
	padding-left: 15px;

	border: 1px solid var(--wm-color__grey);
	border-radius: 16px;
}

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

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

.brxe-shortcode .fluentform .ff-custom_html p a,
.brxe-shortcode .fluentform .ff_t_c a {
	color: var(--wm-color__dark);
	text-decoration: underline;
	transition: var(--wm-transition-duration__default)
}

.brxe-shortcode .fluentform .ff-custom_html p a,
.brxe-shortcode .fluentform .ff_t_c a,
.brxe-shortcode .fluentform .ff-custom_html p a:hover,
.brxe-shortcode .fluentform .ff_t_c a:hover {
	transition: var(--wm-transition-duration__default)
}

.brxe-shortcode .fluentform .ff-custom_html p a:hover,
.brxe-shortcode .fluentform .ff_t_c a:hover 
{
	text-decoration: none;
}

.brxe-shortcode .fluentform .ff-btn 
{

	padding: 16px 25px;
	width: 100%;
}

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

	text-align: center;

	color: #fff;
	border: none;
	background: #4caf50;
	box-shadow: none;
}

.brxe-shortcode .fluentform .ff_t_c
{
	font-size: 1.6rem;
	color: var(--wm-color__dark);
}

@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;
	}
}

/* RANK MATH
----------------------------------------- */

.breadcrumbs
{
	display: flex;
}

.breadcrumbs .separator::before 
{
  	content: "";
  	margin: 0 6px;
	background-image: url("data:image/svg+xml,%3Csvg class='' xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M7.85004 16.6407C7.58776 16.6407 7.32536 16.5394 7.12549 16.3367C6.7251 15.9315 6.7251 15.2749 7.12549 14.8696L11.5272 10.4157L7.12549 5.96092C6.7251 5.55564 6.7251 4.8991 7.12549 4.49383C7.52588 4.08855 8.17451 4.08855 8.5749 4.49383L13.6999 9.68133C14.1003 10.0866 14.1003 10.7431 13.6999 11.1484L8.5749 16.3359C8.37471 16.5402 8.11237 16.6407 7.85004 16.6407Z' fill='%23F57200'%3E%3C/path%3E%3C/svg%3E");
	width: 20px;
	height: 21px;
	background-repeat: no-repeat;
	background-size: contain;
  	vertical-align: middle;
	    display: inline-block;
}


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