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

/*
 Theme Name:   Oslo by Bricks Library
 Theme URI:    https://oslo.brickslibrary.com/
 Description:  A clean, sharp style layout suitable for professionals.
 Template:     bricks
 Author:       Bricks Library
 Author URI:   https://brickslibrary.com
*/



html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-family: "poppins", sans-serif;
}

h1 {
  font-size: 2rem;
  font-size: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.oslo--about-item__counter {
  font-size: 1.8rem;
  font-size: clamp(1.8rem, 1.46rem + 1.7002vw, 3.5rem);
}
h2 {
  font-size: 1.6rem;
  font-size: clamp(1.6rem, 1.56rem + 0.1996vw, 1.8rem);
}
h3,
.oslo-single--testimonial__name {
  font-size: 1.4rem;
  font-size: clamp(1.4rem, 1.3599rem + 0.2018vw, 1.6rem);
}
.oslo--about-item__text,
.oslo-single--main-info__heading,
.oslo-single--company-card__heading {
  font-size: 1.2rem;
  font-size: clamp(1.2rem, 1.18rem + 0.1009vw, 1.3rem);
}
h4,
.oslo--services-heading,
.oslo-footer--nav-heading,
.oslo-single--company-card__heading {
  font-size: 1rem;
  font-size: clamp(1rem, 0.96rem + 0.1996vw, 1.2rem);
}
.olso--project-slide__cat,
.oslo-header--nav-heading,
.oslo-footer-bottom,
.oslo-single--cat,
.oslo-single--main-employee__position {
  font-size: 0.8rem;
}
h5 {
}
h6 {
}
p {
}

/* Default */
:root {
  --dark-primary: #62727d;
  --light-primary: #7f8f9b;

  --dark-body: #444;
  --light-body: #f2f2f2;

  --dark-bg: #222;
  --medium-bg: #333;
  --light-bg: #fff;

  --radius-full: 999rem;

  --transition-global: all 0.2s ease-in-out;
}

*,
html,
body {
  overscroll-behavior: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Transitions */
a,
button,
.oslo-home--video-wrapper::before,
.oslo-home--video-img .icon::after,
.oslo--services-item,
.oslo-header--nav-toggle__line,
.oslo-header--nav-wrapper,
.oslo-header--nav-overlay,
.oslo-header--nav a::before,
.oslo-footer--nav__link::before,
.olso--project-slide__img-wrapper::before,
.olso--project-slide__content-wrapper,
.olso--project-slide__text {
  transition: var(--transition-global);
}

/* General */
/* Highlight */
::-moz-selection {
  color: ;
  background: ;
}
::selection {
  color: ;
  background: ;
}

/* Focus */
:focus-visible {
}

/* Full Height */
.not-set {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

/* Link Wrapper */
.olso--project-slide__heading a::after,
.oslo--services-item__text::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* No Wrap */
.not-set {
  white-space: nowrap;
}

/* Will Change */
.oslo-home--video-img .icon::before,
.oslo-home--video-img .icon::after,
.oslo-header--nav-toggle__line-top,
.oslo-header--nav-toggle__line-bottom {
  will-change: transform;
}

/* Icons */
[class*=" ti-"],
[class^="ti-"] {
  font-weight: 700 !important;
}

/* Header */
/* Burger Button */
.oslo-header--nav-toggle.active .oslo-header--nav-toggle__line-mid {
  opacity: 0;
}
.oslo-header--nav-toggle.active .oslo-header--nav-toggle__line-top,
.oslo-header--nav-toggle.active .oslo-header--nav-toggle__line-bottom {
  max-width: 100%;
}
.oslo-header--nav-toggle.active .oslo-header--nav-toggle__line-top {
  transform: translateY(0.425rem) rotate(-45deg);
}
.oslo-header--nav-toggle.active .oslo-header--nav-toggle__line-bottom {
  transform: translateY(-0.425rem) rotate(45deg);
}

/* Menu */
.oslo-header--nav-wrapper.brx-nav-nested-items {
  visibility: visible !important;
  opacity: 1 !important;
  left: auto !important;
  transform: translateX(100%);
  background-color: var(--dark-primary) !important;
  justify-content: flex-start !important;
}
.oslo-header--nav.brx-open .oslo-header--nav-wrapper.brx-nav-nested-items {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(0);
  box-shadow: -0.25rem 0 1rem -0.25rem rgba(36, 36, 36, 0.5);
}

/* Links */
.oslo-header--nav li a:focus {
  outline: none !important;
}
.oslo-header--nav li a.oslo-header--nav__link {
  width: auto;
}
.oslo-header--nav a[aria-current="page"] {
  cursor: default;
}
.oslo-header--nav a[aria-current="page"]::before {
  content: "";
  background-color: var(--light-body);
  width: 2rem;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -3rem;
  transform: translateY(-50%);
  opacity: 0.3;
}

/* Overlay */
.oslo-header--nav-overlay.active {
  visibility: visible;
  opacity: 1;
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
}

/* Hero */
.oslo-home--hero-heading__light {
  color: var(--light-primary);
}

/* Slider */
/* Arrows */
.olso--project-slider button {
  box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.5);
}
/* Cards */
/* Blur */
.olso--project-slide:hover .olso--project-slide__img-wrapper::before {
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
}
/* Content */
.olso--project-slide:hover .olso--project-slide__content-wrapper {
  margin-bottom: 0;
}
/* Text */
.olso--project-slide__text {
  opacity: 0;
}
.olso--project-slide:hover .olso--project-slide__text {
  opacity: 1;
}

/* Video */
/* Overlay */
.oslo-home--video-wrapper::before {
  opacity: 0.2;
}
.oslo-home--video-wrapper:hover::before {
  opacity: 0.4;
}
/* Icon */
.oslo-home--video-img .icon::before {
  margin-left: 0.5rem;
}
.oslo-home--video-img .icon::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: -3rem;
  left: -3rem;
  width: 6rem;
  height: 6rem;
  border-radius: var(--radius-full);
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  transform: translate(1.1rem, 1.75rem) scale(1.1);
  z-index: -1;
}
.oslo-home--video-img:hover .icon::after {
  transform: translate(1.1rem, 1.75rem) scale(1);
}

/* Footer */
.oslo-footer--nav__link span {
  font-size: 10px;
  position: relative;
  top: -2px;
  left: 3px;
}

/********** Responsive **********/
/* Mobile landscape */
@media (min-width: 480px) {
}

/* Tablet portrait */
@media (min-width: 600px) {
}

/* Tablet landscape */
@media (min-width: 801px) {
  /* Project Slider */
  .olso--project-slider .splide__track {
    padding-right: 10% !important;
  }
  .olso--project-slide:first-child {
    margin-left: 5%;
  }
  /* Menu */
  .oslo-header--nav-wrapper.brx-nav-nested-items {
    left: auto !important;
    transform: translateX(0);
    background-color: transparent !important;
    justify-content: flex-start !important;
  }
  /* Links */
  .oslo-header--nav a[aria-current="page"]::before,
  .oslo-header--nav a::before,
  .oslo-footer--nav__link::before {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 1;
  }
  .oslo-header--nav a::before,
  .oslo-footer--nav__link::before {
    content: "";
    background-color: var(--light-bg);
    top: calc(100% + 0.25rem);
    opacity: 0;
  }
  .oslo-header--nav a:hover::before,
  .oslo-footer--nav__link:hover::before {
    top: 100%;
    opacity: 1;
  }
}

/* Laptop */
@media (min-width: 1025px) {
  .oslo-home--hero-heading__line-two,
  .oslo-home--hero-heading__line-three {
    white-space: nowrap;
  }
  .oslo-home--hero-heading__line-two {
    margin-left: 15%;
  }
  .oslo-home--hero-heading__line-three {
    margin-left: 5%;
  }
}

/* Desktop */
@media (min-width: 1281px) {
}

// Scripts
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty("--vh", `${vh}px`);