/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**************************************** START BRICKS ****************************************/
#bricks-panel-elements-categories .bricks-add-element[data-element-name="divider"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="icon-box"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="social-icons"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="list"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="form"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="alert"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="animated-typing"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="countdown"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="counter"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="pricing-tables"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="progress-bar"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="pie-chart"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="testimonials"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="team-members"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="logo"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="facebook-page"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="audio"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="carousel"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="slider"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="accordion"],
#bricks-panel-elements-categories .bricks-add-element[data-element-name="tabs"] {
	display: none !important;
}
/**************************************** END BRICKS ****************************************/





/**************************************** START VARS ****************************************/
:root {
/********** VARS > Colors **********/
/********** VARS > Colors > Brands **********/
--brand-facebook: #0D47A1;
--brand-twitter: #40c4ff;
--brand-youtube: #fe0000;
--brand-linkedin: #0072b1;

/********** VARS > Animations **********/
--transition: all 200ms ease-in-out;
--ff-base: 'Montserrat', sans-serif;
}

body {
    font-family: var(--ff-base);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff-base);
}

.mobile-menu-logo {
    padding-inline: var(--fr-card-padding);
    /* margin-block-start: var(--fr-card-padding); */
	background-color: transparent;
	margin-bottom: calc(var(--link-gap)/2);
}
.mobile-menu-logo img {
	height: 4em;
}

.mobile-menu-cta {
	margin-top: calc(var(--link-gap)/2);
}

.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay {
	background-color: var(--neutral-trans-80);
	backdrop-filter: blur(10px);
}

.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper {
	width: 80vw;
	justify-content: start;
}

.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper .bricks-mobile-menu {
  display: flex;
  flex-direction: column;
}

.brxe-nav-menu.show-mobile-menu ul#menu-header-1 {
	width: 100%;
}

.brxe-nav-menu.show-mobile-menu ul#menu-header-1>li:last-child a {
    background-color: var(--action)!important;
    font-weight: 700!important;
    color: var(--white)!important
}

.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper .bricks-mobile-menu li a {
	text-wrap: wrap;
	line-height: 1.2;
	padding-block: 1em!important;
}

.brxe-nav-menu.show-mobile-menu ul.sub-menu li a {
	text-wrap: wrap;
	line-height: 1.2;
	padding-block: 1em!important;
	color: var(--white);
}

.brxe-nav-menu.show-mobile-menu ul.sub-menu {
	background-color: var(--accent-ultra-dark)!important;
}

.brxe-nav-menu.show-mobile-menu ul.sub-menu>li {
	background-color: var(--neutral-trans-50)!important;
}

.brxe-nav-menu.show-mobile-menu ul.sub-menu li::before {
	background-color: var(--accent);
}

.brxe-nav-menu.show-mobile-menu ul.sub-menu li:first-child {
	border-top: calc(var(--btn-border-size)*2) solid var(--accent);
}
/**************************************** END VARS ****************************************/





/**************************************** START INCLUDES ****************************************/
/********** INCLUDES > Col Clamp **********/
.fr-article-card-alpha__lede {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

/********** INCLUDES > Accent Title **********/
.uc-intro__title:before,
.uc-events-aside__title:before,
.fr-feature-card-uniform__heading:before,
.fr-intro-bravo__heading:before,
.uc-event__aside-location-title:before,
.uc-event__aside-date-title:before,
.uc-event__aside-social-share-title:before,
.uc-job__aside-social-share-title:before,
.uc-job__aside-related-jobs-title:before,
.uc-news-post__share-title:before,
.uc-news-post__more-news-title:before,
.uc-news-post__categories-title:before {
	content: "";
	display: flex;
	margin-bottom: .15em;
	width: 30%;
	height: .15em;
	background-color: var(--action)
}

/********** INCLUDES - List None **********/
.uc-news-grid,
.uc-events-grid,
.uc-galleries-grid,
.uc-policies-grid,
.uc-jobs-grid,
.fr-profile-grid-bravo,
.uc-posts-grid,
.uc-job__aside-related-jobs-grid,
.uc-job__main-requirements-grid,
.uc-news-post__more-news-grid {
   margin:0;
   padding: 0;
   text-indent: 0;
   list-style-type: none;
}

/********** INCLUDES - Clickable Parent **********/
.uc-news-card,
.uc-event-card,
.uc-gallery-card,
.uc-policy-card,
.uc-post-card {
	position: relative
}
.uc-news-card a::after,
.uc-event-card a::after,
.uc-gallery-card a::after,
.uc-policy-card a::after,
.uc-post-card a::after {
  	content: '';
  	position: absolute;
  	inset: 0;
  	display: flex;
  	z-index: 1;
	cursor: pointer!important;
}
/**************************************** END INCLUDES ****************************************/





/**************************************** START TEMPLATE ****************************************/
div.bricks-posts-nothing-found p {
	font-size:var(--text-l);
}

#wsf-1-label-16-row-1 {
	color: var(--white)
}

#wsf-1-label-16-row-1>span {
	display: none
}

.wsf-required-wrapper {
	display: none
}

ul.sub-menu>li {
	background-color: var(--base-ultra-light);
	position: relative
}

@media (max-width: 992px) {
	ul.sub-menu>li:last-child:before {
		height: calc(var(--btn-border-size)*2);
		background-color: var(--accent);
		bottom: calc(-1*var(--btn-border-size)*2)
	}
}

ul.sub-menu>li:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(-1*var(--btn-border-size));
	height: var(--btn-border-size);
	width: 100%;
	background-color: var(--base-light);
	transition: all 200ms ease-in-out;
	z-index: 1
}

@media (max-width: 992px) {
	ul.sub-menu>li:before {
		background-color: var(--accent-trans-60)
	}
}

ul.sub-menu>li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(-1*var(--btn-border-size));
	height: var(--btn-border-size);
	width: 0;
	background-color: var(--action);
	transition: all 200ms ease-in-out;
	z-index: 2
}

ul.sub-menu>li:hover:after {
	width: 100%
}

.bricks-nav-menu li:not(.brx-has-megamenu)>a {
	color: var(--base);
	font-weight: 700
}

.bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
	color: var(--action)
}

.fr-header-bravo nav>ul>li {
	position: relative
}

@media (max-width: 992px) {
	.fr-header-bravo nav>ul>li:last-child {
		padding-bottom: calc(var(--btn-border-size)*2)
	}
}

.fr-header-bravo nav>ul>li:after {
	content: "";
	bottom: 0;
	left: 50%;
	background-color: var(--action);
	width: 0;
	height: var(--btn-border-size);
	position: absolute;
	transition: all 200ms ease-in-out
}

@media (max-width: 992px) {
	.fr-header-bravo nav>ul>li:after {
		left: 0;
		height: calc(var(--btn-border-size)*2)
	}
}

.fr-header-bravo nav>ul>li:hover:after {
	width: 100%;
	left: 0
}

.menu-item-has-children:after {
	display: none
}

.bricks-nav-menu .current-menu-item>a {
	color: var(--accent-medium)
}

.btn--action,
.btn--white,
.btn--base,
.header__logo,
.fr-footer-alpha__logo,
.cma-event-card,
.uc-news-card,
.wsf-button {
	transition: var(--transition)
}

.btn--action:hover,
.btn--white:hover,
.btn--base:hover,
.header__logo:hover,
.fr-footer-alpha__logo:hover,
.cma-event-card:hover,
.uc-news-card:hover,
.wsf-button:hover {
	scale: var(--anim-scale)
}

.wsf-button {
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .05em
}

.brxe-post-sharing li {
	transition: var(--transition)
}

.brxe-post-sharing li:hover {
	scale: 1.2
}

.brxe-post-sharing li:hover a {
	color: vaR(--white)
}

#brxe-kqntaj>ul {
	background-color: var(--white);
	display: grid;
	grid-template-columns: var(--grid-12);
	gap: 0;
	padding: 0 var(--section-padding-x);
	align-items: start;
	justify-content: start
}

#brxe-kqntaj>ul>li {
	padding: 0;
	margin: 0
}

#brxe-kqntaj>ul>li:first-child {
	grid-column: 1/9;
	align-self: center;
	justify-self: start;
	transform: translateY(-3px)
}

#brxe-kqntaj>ul>li:first-child a>figure>img {
	height: 4em;
	width: auto;
	order: 1
}

#brxe-kqntaj>ul>li:last-child {
	order: 2;
	grid-column: 11/13;
	align-self: center;
	justify-self: end
}

#brxe-kqntaj>ul>li:nth-child(2) {
	order: 3;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(3) {
	order: 4;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(4) {
	order: 5;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(5) {
	order: 6;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(6) {
	order: 7;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(7) {
	order: 8;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(8) {
	order: 9;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(9) {
	order: 10;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(10) {
	order: 11;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(11) {
	order: 12;
	grid-column: 1/13
}

#brxe-kqntaj>ul>li:nth-child(12) {
	order: 13
}

#brxe-kqntaj .brxa-inner,
.brxa-inner:after,
.brxa-inner:before {
	background-color: var(--accent)
}

#brxe-kqntaj>ul>li>a {
	padding-block: .5em;
	margin: 0;
	line-height: 1;
	font-size: var(--text-l);
	transition: var(--transition)
}

#brxe-kqntaj>ul>li>a:hover {
	color: var(--action)
}
/**************************************** END TEMPLATE ****************************************/
