/*
 Theme Name:   Barbados Vocational Training Board Theme
 Theme URI:    https://bvtb.gov.bb/
 Description:  Use this child theme to extend Bricks.
 Author:       Rashid Holder
 Author URI:   https://cavedgeeks.com
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* General Customization */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
  }
}
#brx-content .brxe-text h1,
#brx-content .brxe-text h2,
#brx-content .brxe-text h3,
#brx-content .brxe-text h4,
#brx-content .brxe-text h5,
#brx-content .brxe-text h6,
#brx-content .brxe-post-content h1,
#brx-content .brxe-post-content h2,
#brx-content .brxe-post-content h3,
#brx-content .brxe-post-content h4,
#brx-content .brxe-post-content h5,
#brx-content .brxe-post-content h6 {
	margin-bottom: var(--space-m);
	font-weight: 300;
}

#brx-header #menu-header-menu li > a,
#brx-header #menu-header-menu li .brx-submenu-toggle > a,
#brx-footer #menu-quick-links li > a,
#brx-content a:not(:is(.skip-link, .normal-anchor, .bricks-button, .brxe-block)) {
	position: relative;
	text-decoration: none;
	display: flex;
}


#brx-header #menu-header-menu > li > a:after,
#brx-header #menu-header-menu > li .brx-submenu-toggle > a:after,
#brx-footer #menu-quick-links > li > a:after,
#brx-content a:not(:is(.skip-link, .normal-anchor, .bricks-button, .brxe-block)):after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 0%;
	height: 2px;
	background: currentColor;
	transition: width 0.3s ease;
}

#brx-header #menu-header-menu > li:hover a:after,
#brx-header #menu-header-menu > li .brx-submenu-toggle > a:hover:after,
#brx-footer #menu-quick-links > li:hover a:after,
#brx-content a:not(:is(.skip-link, .normal-anchor, .bricks-button, .brxe-block)):hover:after {
  width: 80%;
}

#brx-content a.bricks-link-wrapper:after,
#brx-content a.bricks-button:after,
#brx-content a.brxe-logo:after,
#brx-content a.brxe-block:not(.allow-hover):after,
#brx-content a.brxe-image:after,
#brx-content .brxe-image-gallery a:after,
#heading-logo-text a::after {
  content: none;
}

.bricks-search-form button {
	box-shadow: 0 3px 8px 0 var(--dark-text-t-4);
}

.bricks-search-form button,
:root .bricks-button:hover {
	box-shadow: 0 1px 3px 0 var(--dark-text-t-4);
}

.bricks-search-form button:active,
:root .bricks-button:active {
	transform: translate(0,0) rotate(0) skewX(0) skewY(0) scaleX(0.97) scaleY(0.97);
}

.accordion-item.brx-open > .accordion-title-wrapper .brx-icon-transform {
  transform: rotate(180deg);
}

.accordion-item > .brxe-divider {
  display: none;
}

.accordion-item.brx-open > .brxe-divider {
  display: block;
}

.information-pill {
	padding: var(--space-2xs) var(--space-xs);
	color: var(--light-text);
	background-color: var(--primary-blue);
	border-radius: var(--rounded-3xl);
}

.blur-background-xs {
	backdrop-filter: blur(1.5px);
	-webkit-backdrop-filter: blur(1.5px);
}

.blur-background-sm {
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.blur-background-md {
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.blur-background-lg {
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
}

.light-text-shadow {
	/* #1A1A1A */
	text-shadow: 1px 1px 3px rgb(26 26 26 / 0.5);
}

.dark-text-shadow {
	/* F0F4F7 */
	text-shadow: 1px 1px 3px rgb(240 244 247 / 0.5);
}

.bg-light-blue {
	background-color: var(--color-light-blue);
}

.bg-primary-blue {
	background-color: var(--primary-blue);
}

.bg-primary-blue-t-5 {
	background-color: var(--primary-blue-t-5);
}

.bg-primary-yellow {
	background-color: var(--primary-yellow);
}

.bg-primary-accent {
	background-color: var(--primary-accent);
}

.bg-bricks-color-white {
	background-color: var(--bricks-color-white);
}

/* General */
.bricks-pagination ul .page-numbers {
  width: 40px;
  height: 40px;
  padding: var(--space-2xs);
  display: flex;
  justify-content: center;
  align-items: center;
}

.testimonial-container.playing .play-button-container,
.testimonial-container.playing .user-details {
	opacity: 0;
}

.form-group select,
.form-group input,
.form-group textarea {
	background-color: var(--bricks-color-pure-white);
}

.form-group select.is-placeholder {
  color: var(--bricks-text-light);
}

.form-group select option:not(:first-child) {
  color: initial;
}

:where(.brxe-form) .required::after {
	color: var(--primary-accent);
}

:where(.brxe-form) .options-wrapper li {
	margin: var(--space-2xs) 0;
}

/* Contact Form */
.hidden-block,
.contact-form {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transform: translateY(var(--space-l));;
	position: absolute;
	top: 0;
	right: 0;
}

.hidden-block.active,
.contact-form.active {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
	position: relative;
}

/* Search Results */
.search-tab-button {
	padding: var(--space-s);
	box-shadow: none;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	transition: border-color 0.15s;
	text-transform: capitalize;
}

.search-tab-button:hover:not(.active) {
	border-bottom: 3px solid var(--primary-accent);
}
.search-tab-button.active {
	font-weight: 600;
	border-bottom: 3px solid var(--primary-accent);
}

.search-post {
	color: var(--primary-blue);
	background-color: var(--primary-blue-t-4);
}
.search-programme {
	color: var(--primary-accent);
	background-color: var(--primary-accent-t-4);
}
.search-faq {
	color: var(--dark-blue);
	background-color: var(--dark-blue-t-4);
}

@media (max-width: 767px) {
    .accordion-title-wrapper.brxe-block {
        flex-wrap: nowrap;
    }
}