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

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * articulat-cf:
 *   - http://typekit.com/eulas/000000000000000077524f44
 *   - http://typekit.com/eulas/000000000000000077524f49
 *   - http://typekit.com/eulas/000000000000000077524f50
 *   - http://typekit.com/eulas/000000000000000077524f4e
 *   - http://typekit.com/eulas/000000000000000077524f40
 * navigo:
 *   - http://typekit.com/eulas/00000000000000007735cf38
 *   - http://typekit.com/eulas/00000000000000007735cf3b
 *   - http://typekit.com/eulas/00000000000000007735cf41
 *   - http://typekit.com/eulas/00000000000000007735e7cd
 *   - http://typekit.com/eulas/00000000000000007735e7d0
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-08-20 16:26:58 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=vnq2epc&ht=tk&f=35050.35051.35052.47072.47075.49647.49648.49649.49650.49652&a=188717405&app=typekit&e=css");

@font-face {
font-family:"navigo";
src:url("https://use.typekit.net/af/d28ea2/00000000000000007735cf38/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d28ea2/00000000000000007735cf38/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d28ea2/00000000000000007735cf38/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"navigo";
src:url("https://use.typekit.net/af/ea5c1d/00000000000000007735cf3b/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/ea5c1d/00000000000000007735cf3b/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/ea5c1d/00000000000000007735cf3b/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"navigo";
src:url("https://use.typekit.net/af/8671e8/00000000000000007735cf41/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8671e8/00000000000000007735cf41/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8671e8/00000000000000007735cf41/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"navigo";
src:url("https://use.typekit.net/af/7fca40/00000000000000007735e7cd/31/l?subset_id=2&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/7fca40/00000000000000007735e7cd/31/d?subset_id=2&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/7fca40/00000000000000007735e7cd/31/a?subset_id=2&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"navigo";
src:url("https://use.typekit.net/af/805f68/00000000000000007735e7d0/31/l?subset_id=2&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/805f68/00000000000000007735e7d0/31/d?subset_id=2&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/805f68/00000000000000007735e7d0/31/a?subset_id=2&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"articulat-cf";
src:url("https://use.typekit.net/af/c8b55b/000000000000000077524f44/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/c8b55b/000000000000000077524f44/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/c8b55b/000000000000000077524f44/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"articulat-cf";
src:url("https://use.typekit.net/af/2c0cee/000000000000000077524f49/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/2c0cee/000000000000000077524f49/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/2c0cee/000000000000000077524f49/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"articulat-cf";
src:url("https://use.typekit.net/af/610a9a/000000000000000077524f50/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/610a9a/000000000000000077524f50/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/610a9a/000000000000000077524f50/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"articulat-cf";
src:url("https://use.typekit.net/af/d33214/000000000000000077524f4e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/d33214/000000000000000077524f4e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/d33214/000000000000000077524f4e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"articulat-cf";
src:url("https://use.typekit.net/af/7c6b28/000000000000000077524f40/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/7c6b28/000000000000000077524f40/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/7c6b28/000000000000000077524f40/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

.tk-navigo { font-family: "navigo",sans-serif; }
.tk-articulat-cf { font-family: "articulat-cf",sans-serif; }

/* Sticky Header */
/*header.sticky {
    top: 0 !important;
    position: fixed !important;
}*/
header {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    width: 100%;
}
.logo-wrapper a {
    display: flex;
}
/* End Sticky Header */

body.home main, body.page-id-2365 main, body.page-id-2379 main {
    overflow-x: clip;
}

/* WP Forms */
form.wpforms-form input[type="text"], 
form.wpforms-form input[type="email"], 
form.wpforms-form input[type="tel"],
form.wpforms-form select,
form.wpforms-form .choices .choices__inner {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    height: 20px !important;
}
form.wpforms-form label.wpforms-field-label {
    margin-bottom: 0;
    font-weight: 400;
    font-size: var(--text-xs);
}
form.wpforms-form input[type="text"]:focus,
form.wpforms-form input[type="email"]:focus,
form.wpforms-form input[type="tel"]:focus,
form.wpforms-form select:focus {
    box-shadow: none !important;
}
form.wpforms-form textarea:focus-visible, form.wpforms-form select:focus-visible {
    outline: none !important;
}
form.wpforms-form input[type="text"],
form.wpforms-form input[type="email"], 
form.wpforms-form input[type="tel"],
form.wpforms-form textarea,
form.wpforms-form select {
    padding: 0 !important;
}
form.wpforms-form textarea {
    margin-top: var(--space-xs) !important;
    border-radius: 0 !important;
}
form.wpforms-form label, form.wpforms-form select {
    font-size: var(--text-xs) !important;
}
form.wpforms-form label a {
    color: var(--shade) !important;
}
.wpforms-container {
    margin: 0 !important;
}
form.wpforms-form button[type="submit"] {
    background: var(--action) !important;
    color: var(--shade) !important;
    border-radius: 0 !important;
    height: 45px !important;
    padding: 0 25px !important;
    transition: 0.4s ease;
    font-weight: 700 !important;
    position: absolute !important;
    right: 0;
    bottom: 0;
}
form.wpforms-form button[type="submit"]:hover {
    opacity: 1 !important;
    background-color: var(--shade) !important;
    color: var(--white) !important;
}
form.wpforms-form button[type="submit"]:focus::after {
    border: 0 !important;
}
form.wpforms-form .wpforms-field {
    padding: 7px 0;
}
form.wpforms-form .wpforms-field-textarea {
    margin-bottom: var(--space-m);
}
form.wpforms-form .wpforms-uploader {
    margin-top: var(--space-xs) !important;
}
.wpforms-confirmation-container-full {
    background-color: transparent !important;
    border: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.wpforms-confirmation-container-full h1 {
    font-weight: 300 !important;
    margin-bottom: var(--space-xs) !important;
    margin-top: 0 !important;
}
.wpforms-field-checkbox.privacy-terms {
    transform: translateY(24%);
}
.choices.is-open .choices__inner {
    border: 0 !important;
    box-shadow: none !important;
}
form.wpforms-form select {
    padding: 0 10px !important;
}

/* Policy and Cookies Page */
body.page-id-3 header, body.page-id-820 header {
    background-color: var(--shade);
    position: relative;
    border-bottom: 1px solid var(--action);
}

/* Cookie Policy Page - Table Styling */
body.page-id-820 table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-xs);
}

body.page-id-820 thead {
    background-color: var(--white);
}

body.page-id-820 th, body.page-id-820 td {
    padding: 12px 15px;
    border: 1px solid var(--white);
    text-align: left;
}

body.page-id-820 th {
    font-weight: 600;
    color: var(--shade);
}

body.page-id-820 tbody tr:hover {
    background-color: var(--action); /* hover effect */
    transition: 0.4s ease-in-out;
    color: var(--shade);
}
body.page-id-820 td a {
    color: var(--white);
}

/* Privacy and Cookie Policy Page - Anchor link Styling */
body.page-id-3 a, body.page-id-820 a {
    color: var(--action);
}

/* For product pages */
body.single-technology main {
    overflow-x: clip;
}

/* scroll down when you reach the video it goes full width then when you are past it goes back to normal size */
.custom-full-width-video {
  width: 100% !important;
}
.section-custom-fullwidth {
    padding-left: 0;
    padding-right: 0;
}

/* ===== Base: words ===== */
.fade-up-word {
  opacity: 0;
  display: inline-block;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

/* Trigger fade-in on page load */
body.loaded .animate-fade-in-up-1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s; /* stagger first word */
}
body.loaded .animate-fade-in-up-2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s; /* stagger second word */
}
body.loaded .animate-fade-in-up-3 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.8s; /* stagger third word */
}

/* ===== Intro Text ===== */
.main-hero-introtexts {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  /*transform: translateY(10px);*/
  will-change: opacity, transform;
  color: #4b5563;
  margin-top: 1rem;
}
.main-hero-introtexts.visible {
  opacity: 1;
  /*transform: translateY(0);*/
}

/* ===== Fade Out on Scroll =====
   Important: cancel running/held animations, then let transitions handle the fade.
*/
body.scrolled .main-hero-introtexts {
  opacity: 0;
  transition: opacity 0.8s ease;
  /*transform: translateY(-20px);
  transition: opacity 0.45s ease, transform 0.45s ease;*/
}

body.scrolled .fade-up-word {
 transform: translateY(-20px);
  opacity: 0;
}