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

/* Overflow Prevention */
html,
body {
  overflow-x: hidden;
}

body {
  padding-top: 85px;
}

/* This is used for responsive detection, for tablet and below.  */
:root {
  --is-mobile: 0;
}

@media (max-width: 1024px) {
  :root {
    --is-mobile: 1;
  }
}

/* Lightbox Video */
.pswp__scroll-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pswp__content {
  padding-left: var(--container-padding-desktop);
  padding-right: var(--container-padding-desktop);
}
.pswp__content video,
.pswp__content iframe {
  border-radius: var(--radius-lg);
}
.pswp.brx .pswp__top-bar {
  max-width: calc(1064px + (2 * var(--spacing-md)));
  padding: 0 !important;
  top: calc(50% - ((1168px / 16 * 9) / 2 + var(--spacing-md))) !important;
  left: unset !important;
  height: var(--spacing-md) !important;
}
.pswp.brx .pswp__top-bar .pswp__button--close {
  background-color: #fff;
  border-radius: var(--spacing-lg);
  width: var(--spacing-md);
  height: var(--spacing-md);
}

@media only screen and (max-width: 1168px) {
  .pswp.brx .pswp__top-bar {
    top: calc(50% - ((100vw / 16 * 9) / 2 + var(--spacing-md)));
  }
}
@media only screen and (max-width: 1024px) {
  .pswp__content {
    padding-left: var(--container-padding-tablet);
    padding-right: var(--container-padding-tablet);
  }
}
@media only screen and (max-width: 768px) {
  .pswp__content {
    padding-left: var(--container-padding-mobile);
    padding-right: var(--container-padding-mobile);
  }
}
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--button-primary-border) !important;
  outline-offset: 2px;
  border-radius: var(--radius-full);
}