/*
 Theme Name:   Menstrucate 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
*/

:root{
	--ms-h1-slider: clamp(3.2rem, 2.2667rem + 4.6667vw, 6rem);
	--ms-h2-slider: clamp(3.2rem, 2.6rem + 3vw, 5rem);
	--ms-h1: clamp(3.2rem, 3rem + 1vw, 3.8rem);
	--ms-h2: clamp(2.8rem, 2.6667rem + 0.6667vw, 3.2rem);
	--ms-h3: clamp(2.4rem, 2.2667rem + 0.6667vw, 2.8rem);
	--ms-h4: clamp(2.2rem, 2.1333rem + 0.3333vw, 2.4rem);
	--ms-h5: clamp(1.8rem, 1.7333rem + 0.3333vw, 2rem);
	--ms-h6: clamp(1.8rem, 1.8rem + 0vw, 1.8rem);
	--ms-body-text: clamp(1.4rem, 1.3333rem + 0.3333vw, 1.6rem);
	--ms-top-bottom: clamp(5rem, 4.1667rem + 4.1667vw, 7.5rem);
/* 	--ms-top-bottom: clamp(5rem, 5rem + 0vw, 5rem); */
	--ms-left-right: clamp(2rem, 2rem + 0vw, 2rem);
	--ms-gap: clamp(2rem, 2rem + 0vw, 2rem);
	--ms-gap-ten: clamp(1rem, 1rem + 0vw, 1rem);
	--ms-btc-font-size: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
	--ms-btn-top-bottom: clamp(1.8rem, 1.8rem + 0vw, 1.8rem);
	--ms-btn-right-left: clamp(2.4rem, 2.4rem + 0vw, 2.4rem);
}

.ff-default .ff-el-form-control {
	border: 1px solid #af4399 !important;
	border-radius: 10px !important;
	font-family: "Heading and Body Text" !important;
}
.ff-el-input--content input, .ff-el-input--content select {
	background-color: #fff;
	height: 55px !important;
}
.ms-home-slider .slider-content {
	border-radius: 15px;
}

.team-box .tab-title .brxe-text-basic::before {
    position: absolute;
    content: "";
    width: 0;
    height: 6px;
    left: 0;
    bottom: 4px;
    background: #2fb9d5;
    z-index: -1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.team-box .tab-title:hover .brxe-text-basic::before,.team-box .tab-title.brx-open .brxe-text-basic::before {
    width: 100%;
}
.team-box .tab-title {
    position: relative;
}
.team-box .tab-title .brxe-text-basic::after {
    position: absolute;
    content: "•";
    font-size: 18px;
    color: #B7B7B7;
    right: -23px;
    top: -3px;
}
.team-box .tab-title:last-child .brxe-text-basic::after {
    display: none;
}
.meet-team-box .brxe-div {
    bottom: 20px;
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    opacity: 0;
}
.meet-team-box:hover .brxe-div {
    bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 0.3s 
ease 0.2s;
    -moz-transition: 0.3s ease 0.2s;
    -o-transition: 0.3s ease 0.2s;
    transition: 0.3s 
ease 0.2s;
}

#ms-home-slider-coin, .ms-coin-icon {
	-webkit-animation: coin .3s ease-in-out alternate infinite;
	animation: coin .3s ease-in-out alternate infinite;
	font-size: 30px;
	color: #ffd64f;
}

@keyframes coin{
100%{
-webkit-transform: scale(1.1);
    transform: scale(1.1);
}}