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

/* 
CSS Color variables
*/

:root {
  --primary-white: #eae9e7;
  --primary-black: #212529;
  --seocndary-black: #343a40;
  --primary-gray: #cdcbc6;
  --secondary-gray: #e9ecef;
  --gray-light: #f8f9fa;
  --primary-accent:#1864ab;
  --secondary-accent: #74a2cd;

  /* 
  #1864ab
  #267ecf
  #3596f0
  #189b53
  #117e42
  #266691
  */
}

/* 
CSS Font size variables
*/

:root {
  --text-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
  --text-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
  --text-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
  --text-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
  --text-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);
  --text-2xl: clamp(1.4rem, 0.56vw + 1.2rem, 2rem);
  --h-6: clamp(0.8rem, 0.43vw + 0.71rem, 1.06rem);
  --h-5: clamp(1rem, 0.68vw + 0.86rem, 1.41rem);
  --h-4: clamp(1.25rem, 1.04vw + 1.04rem, 1.88rem);
  --h-3: clamp(1.56rem, 1.56vw + 1.25rem, 2.5rem);
  --h-2: clamp(1.95rem, 2.3vw + 1.49rem, 3.33rem);
  --h-1: clamp(2.44rem, 3.33vw + 1.77rem, 4.44rem);
  --h-title: clamp(3.05rem, 4.78vw + 2.1rem, 6.92rem);
  --gap-xs: 0.4em;
  --rouned-primary: 1em;
  --space-m: clamp(1.25rem, -0.294rem + 6.59vw, 3rem);
  --space-l: clamp(2.188rem, 2.063rem + 0.83vw, 2.813rem);
  --space-xl: clamp(3.125rem, 2.938rem + 1.25vw, 4.063rem);
  --space-2xl: clamp(3.75rem, 3.438rem + 2.08vw, 5.313rem);
}

/* 
CSS Reset
*/

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 
Header navigation
*/

#bem ul a:hover {
  color: var(--primary-accent);
}

#bem ul a[aria-current="page"] {
  color: var(--primary-accent);
}

/* 
Scrollbar
*/

html {
  scrollbar-gutter: stable;
}

body {
  min-height: 100%;
  min-height: 100vh;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: transparent;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 0.8rem;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--primary-accent);
  border-radius: 20px;
}

/* 
Posts youtube embed
*/

.wp-block-embed__wrapper {
  border-radius: 1rem;
  overflow: hidden;
}

.brxe-text h1 {
  font-size: var(--h-1);
  line-height: 1.5;
}

.brxe-text h2 {
  font-size: var(--h-2);
  line-height: 1.5;
}

.brxe-text h3 {
  font-size: var(--h-3);
  line-height: 1.25;
}

.brxe-text h4 {
  font-size: var(--h-4);
  line-height: 1.25;
}

.brxe-text h5 {
  font-size: var(--h-5);
  line-height: 1.15;
}

.brxe-text h6 {
  font-size: var(--h-6);
  line-height: 1.15;
}

.brxe-text img {
  border-radius: 1rem;
}

hr {
  color: var(--primary-gray);
  line-height: 1.5;
  border: none !important;
  border-bottom: 1px solid !important;
}

.gallery {
  flex-direction: column !important;
}
.gallery.gallery-columns-2 .gallery-item {
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  .gallery {
    flex-direction: row !important;
  }
  .gallery.gallery-columns-2 .gallery-item {
    max-width: 50%;
  }
}

/* 
Program filters develop version
*/

.brxe-posts {
  overflow: visible;
}

/* 
Better mobile filter
*/

#bricks-isotope-filters-nfsoqu li {
  margin: 0 !important;
  padding: 0 !important;
}

#bricks-isotope-filters-nfsoqu {
  padding: 2rem 0rem;
  width: 100%;
  max-height: 18.5rem;
  overflow: auto;
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
  background-color: #eae9e7;
  gap: 0.3em;
  position: sticky;
  top: 11.9rem;
  z-index: 5;
  border-bottom: 1px solid var(--primary-gray);
  animation: slideInFromLeft 250ms ease-out;
  box-shadow: rgba(35, 35, 38, 0.1) 0px 10px 10px -10px;
}

#bricks-isotope-filters-nfsoqu::-webkit-scrollbar-thumb {
  background-color: transparent; /* Hide thumb */
}

.bricks-layout-wrapper {
  margin-top: 2rem;
}

.filter-open {
  display: grid !important;
}

.btn-filter-show {
  display: flex !important;
}

.btn-filter-hide {
  display: none !important;
}

/* 
Etra animation for mobile finter
*/

@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

/* 
Reset custom mobile style for filter posts
*/

@media screen and (min-width: 992px) {
  #bricks-isotope-filters-nfsoqu {
    display: flex;
    border-bottom: 0px;
    box-shadow: none;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    animation: none;
  }
}

/* 
Better search results table
*/

#brxe-gyoitg {
  min-width: 100%;
  border-radius: 0.5em;
  overflow: hidden;
  border: 1px solid var(--primary-gray);
  overflow-x: auto;
}

thead th {
  width: 100%;
  border-bottom: 1px solid var(--primary-gray);
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  border-right: 1px solid var(--primary-gray);
  padding: 12px;
  text-align: left;
  white-space: nowrap;
}

th:last-child {
  border-right: none !important;
}

tr {
  border-bottom: 1px solid var(--primary-gray);
}

tr:last-child {
  border-bottom: none !important;
}

tr {
  background-color: var(--primary-white);
  transition: background-color 250ms ease;
}

tbody tr:hover {
  background-color: #f5f5f5;
}

/* 
CSS Fix for empty links
*/

a.brxe-text-link[href=""] {
  pointer-events: none;
}

/* a.brxe-text-link[href]:not([href=""]) {
  color: var(--primary-accent);
} */

.header__container.alert-close {
  border-bottom: 1px solid var(--primary-gray);
}

#bem .bricks-mobile-menu-wrapper {
  margin-top: 15.3rem;
  padding-bottom: 15.3rem;
}

#bem .bricks-mobile-menu-overlay {
  display: none;
}

#bem ul a {
  color: black;
}

#bem .bricks-mobile-menu {
  width: 100%;
}

.bricks-video-overlay-icon {
  z-index: 0 !important;
}

.sub-menu {
  z-index: 9999 !important;
}

.bricks-isotope-filters li[data-filter=".pripnute"] {
  display: none;
}