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

@font-face {
  font-family: 'Outfit';
  src: url('https://madebymorrow.com/wp-content/uploads/2025/11/Outfit-SemiBold.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('https://madebymorrow.com/wp-content/uploads/2025/11/Outfit-Regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('https://madebymorrow.com/wp-content/uploads/2025/11/Outfit-Bold.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('https://madebymorrow.com/wp-content/uploads/2025/11/Outfit-Medium.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'SF Mono';
  src: url('https://madebymorrow.com/wp-content/uploads/2026/06/SFMonoRegular.woff2') format('woff2');
  font-display: swap;
}


html,
body {
  overscroll-behavior: none;
}

body {
  font-family: 'Outfit', sans-serif;
  overflow-x:hidden;
  background-color:#0d0d0d;
}

/* Hide website content initially */
#bricks-wrapper {
  opacity: 0;
}

/* Website Calculator */
.calculator-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 20px 80px !important;
    position: relative;
}

.admin-title {
	color: #FFFFEE !important;
}

.mw-summary {
    top: 100px !important;
	border-radius: 20px !important;
}

.mw-nav {
	display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}


.mw-bg-host{ position:relative; z-index:1; background:transparent; }

.mw-option {
	border-radius: 10px !important;
}

.mw-btn {
	border-radius: 50px !important;
}

.mw-step {
	margin: 0 !important;
}


.mw-bg-spine{
  position:absolute;
  top:0; left:0;
  width:100%;
  height:100vh;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.mw-bg-thread{
  position:absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  filter:blur(60px);
}
.mw-bg-blob{
  position:absolute;
  transform:translate(-50%,-50%);
  border-radius:58% 42% 63% 37% / 47% 55% 45% 53%;
  background:radial-gradient(closest-side,
    rgba(25,56,255, var(--o,.32)) 0%,
    rgba(16,24,92, calc(var(--o,.32) * .5)) 46%,
    rgba(13,13,13,0) 78%);
}
.mw-bg-blob[data-variant="hero"]{ width:52vw; height:52vw; --o:.4; filter:blur(120px); }
.mw-bg-blob[data-variant="soft"]{ width:32vw; height:32vw; --o:.2;  filter:blur(90px); }
.mw-bg-blob[data-variant="bold"]{ width:42vw; height:42vw; --o:.3;  filter:blur(100px); }
.mw-bg-blob[data-variant="wide"]{ width:60vw; height:26vw; --o:.16; filter:blur(140px); border-radius:50%; }
.mw-bg-blob[data-variant="warm"]{ width:38vw; height:38vw; --o:.24; filter:blur(100px); }
.mw-bg-blob[data-variant="warm"]::after{
  content:"";
  position:absolute;
  left:-20%; top:-20%;
  width:55%; height:55%;
  border-radius:inherit;
  background:radial-gradient(closest-side, rgba(255,255,238,.05) 0%, rgba(255,255,238,0) 70%);
}

.mw-bg-anchor{ position:relative; width:1px; height:1px; }

.mw-bg-grain{
  position:fixed;
  inset:0;
  z-index:5;
  pointer-events:none;
  opacity:.045;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
}