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

strong{
	font-weight:600;
}

figure{
	margin: 0em;
}

/************************************** 
/*       Blog címsorok mérete         */
/**************************************/
.brxe-post-content h2{
	font-size: var(--h3);
}

.brxe-post-content h3{
	font-size: var(--h4);
}

.brxe-post-content h4{
	font-size: var(--h5);
}

/************************************** 
/*          Link animáció             */
/**************************************/
header a:not([class*="btn--"]):not(:has(img)),
footer a:not([class*="btn--"]):not(:has(img)){
  position: relative;
  text-decoration: none;
}

header a:not([class*="btn--"]):not(:has(svg)):not(:has(img))::after,
footer a:not([class*="btn--"]):not(:has(img))::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 0%;
  background-color: var(--accent);
  transition: width 0.3s ease;
}

header a:not([class*="btn--"]):not(:has(img)):hover::after,
footer a:not([class*="btn--"]):not(:has(img)):hover::after{
  width: 100%;
}

/****************************** 
/* Fluent Forms Styling */
/******************************/

.fluentform .ff-el-form-control{
    padding: 10px 20px !important; 
    background-color: var(--neutral-light) !important; 
    border: 1px solid var(--primary-trans-15) !important;
    border-radius: 0px !important; 
	font-size: var(--text-m) !important;
    line-height: 1.5 !important; 
    color: var(--base) !important; 
	height: auto !important;
}

.fluentform .ff-el-form-control::placeholder{
	 color: var(--primary-trans-30) !important;	
}

/*Change label styles*/
.fluentform .ff-el-input--label label,
.fluentform .ff_t_c{
    font-size: var(--text-m) !important; 
    color:var(--primary) !important; 
	font-weight: 400 !important;
}

.fluentform .ff_t_c{
	font-size: calc(var(--text-m) * 0.9) !important; 
}


/* Change Input Focus Color */
.fluentform .ff-el-form-control:focus {
    background-color: var(--neutral-light) !important; 
}

/* Change button style*/
.fluentform .ff-btn-submit {
	background-color: var(--primary) !important;
    color: var(--neutral) !important;
    border: 2px solid var(--primary) !important;
	border-radius: 0 !important;
	padding-block: var(--btn-padding-block)!important;
    padding-inline: var(--btn-padding-inline)!important;
	inline-size: var(--btn-width, auto)!important;
    min-inline-size: var(--btn-min-width)!important;
    line-height: var(--btn-line-height)!important;
    font-family: var(--btn-font-family)!important;
    font-size: var(--btn-font-size, var(--text-m))!important;
    font-weight: var(--btn-font-weight)!important;
    font-style: var(--btn-font-style)!important;
    text-transform: var(--btn-text-transform)!important;
    letter-spacing: var(--btn-letter-spacing)!important;
    text-decoration: var(--btn-text-decoration)!important;
	transition: var(--btn-transition, var(--transition))!important;
    justify-content: var(--btn-justify-content, center)!important;
    align-items: var(--btn-align-items, center)!important;
    text-align: var(--btn-text-align, center)!important;
	z-index: 1;
}

.fluentform .ff-btn-submit:hover {
 	background-color: var(--primary-medium) !important;
	color: var(--neutral-light) !important;
}

.fluentform fieldset > div:nth-last-child(3){
	margin-bottom: 0 !important;
}

/************************************** 
/*        Animation overriding        */
/**************************************/

@-webkit-keyframes cwd_fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,40px,0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

@keyframes cwd_fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,40px,0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.brx-body .brx-animate-fadeInUp {
	animation-name: cwd_fadeInUp;
}

@-webkit-keyframes cwd_fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-40px,0,0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes cwd_fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-40px,0,0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.brx-body .brx-animate-fadeInLeft {
    animation-name: cwd_fadeInLeft
}

@-webkit-keyframes cwd_fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(40px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes cwd_fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(40px,0,0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.brx-body .brx-animate-fadeInRight {
    animation-name: cwd_fadeInRight
}

@-webkit-keyframes cwd_fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-40px,0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes cwd_fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-40px,0);
    }

    to {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }
}

.brx-body .brx-animate-fadeInDown {
    animation-name: cwd_fadeInDown
}