/*
 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
*/
/*** sticky header ***/
/* Initial state for logos */
#brx-header .light-logo {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#brx-header .dark-logo {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* When the sticky header is active */
#brx-header.x-header_sticky-active .light-logo {
    opacity: 0;
    visibility: hidden;
}

#brx-header.x-header_sticky-active .dark-logo {
    opacity: 1;
    visibility: visible;
}
#brxe-qdjolj {
    min-width: 0; /* or any initial value you prefer */
    transition: min-width 0.3s ease-in-out; /* Adjust the duration as needed */
}
/* @media only screen and (min-width: 1921px) {
  #brx-header.x-header_sticky-active #brxe-qdjolj {
    min-width: 46px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1920px){
  #brx-header.x-header_sticky-active #brxe-qdjolj {
    min-width: calc(100vw - 48rem);
  }
}

@media only screen and (min-width: 960px) and (max-width: 1599px) {
  #brx-header.x-header_sticky-active #brxe-qdjolj {
    min-width: 100vw;
  }
} */



#brx-header.x-header_sticky-active #brxe-uayixm {
    padding-top: 0;
    transition: padding-top 0.3s ease-in-out;
}
@media only screen and (max-width: 960px) {
  #brx-header.x-header_sticky-active #brxe-uayixm {
    background-color: var(--bricks-color-uzvccj);
    transition: background-color 0.3s ease;
  }
	     #brx-header.x-header_sticky-active #brxe-bhtlea {
        margin-top: 15px;
    }
}


/*** end sticky header ***/
 #brx-content {
    margin-top: 100px;
}

.homepage #brx-content {
    margin-top: 0;
}

#menu-main-menu>li.login>a:before ,#menu-main-menu-1>li.login>a:before{
  content: '';
	    display: inline-block;
  width: 13px;
  height: 12px;
  -webkit-mask: url(/wp-content/uploads/2024/08/newProfile1.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/08/newProfile1.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background:url();
  background-color:  var(--bricks-color-ejzzfc);
  margin-right: 10px;
}
#menu-main-menu>li.login:hover >a:before {
  
  background-color:  var(--bricks-color-uzvccj);
 
}
.dynamic > a > span {
    color: #E14E46;
}
.content-wrapper .dynamic > a:hover{
	color:#E14E46 !important;
}
.content-wrapper .dynamic > a:hover >span{
	color:#222220;
}