/*
Theme Name:   SNN-BRX - Bricks Builder Child Theme
Theme URI:    https://sinanisler.com/
Description:  SNN-BRX Child Theme is a purpose-built essential building suite for agencies and professionals, streamlining your Bricks Builder projects with one powerful child theme.
Author:       sinanisler
Author URI:   https://sinanisler.com/
Text Domain:  snn
Template:     bricks
Version: 0.265
*/

.hidden{
    display: none !important;
}

/* Sticky Menu Styles */
.menu-will-stick {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%) ;
    transition: all 0.3s ease-in-out;
    position: fixed !important;
    width:100vw !important;

}

.menu-will-stick.menu-sticked {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.menu-will-stick.menu-sticked.menu-hiding {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}

.testtsts{
    background-color: red;
}

.text-white{
    color: #ffffff;
}

/* Heading styles */
.h1, .h2, .h3, .h4, .h5, .h6{
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
    color: var(--color-primary);
}

.h1{
    font-size: 48px !important;
}

.h2{
    font-size: 40px !important;
}

.h3{
    font-size: 32px !important;
}

.h4{
    font-size: 24px !important;
}

.h5{
    font-size: 20px !important;
}

.h6{
    font-size: 16px !important;
}

/* Text styles */
.text-primary{
    color: var(--color-primary);
}

.text-secondary{
    color: var(--color-secondary);
}

.text-normal{
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--color-text);
}

.text-lead{
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--color-text);
}

.text-small{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--color-text);
}

.text-bold{
    font-weight: 700 !important;
}

.text-italic{
    font-style: italic !important;
}

.text-center{
    text-align: center !important;
}

.text-left{
    text-align: left !important;
}

.text-right{
    text-align: right !important;
}

.text-justify{
    text-align: justify !important;
}

/* Additional CSS Classes */
.serif {
    font-family: serif !important;
}

.ami-seperator-title {
    font-style: italic !important;
    color: #002453 !important;
}

.mega-menu {
    visibility: collapse !important;
}

.brxe-close {
    /* Add specific styles as needed */
}

.mega-menu2 {
    visibility: collapse !important;
}

.ami-menu-animated {
    justify-content: center !important;
}

.hide {
    display: none !important;
}

.top-menu {
    /* Add specific styles as needed */
}

.hero {
    /* Add specific styles as needed */
}

.brxe-heading {
    /* Add specific styles as needed */
}

.demo-a {
    /* Add specific styles as needed */
}

.texxt-lead {
    /* Add specific styles as needed */
}