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

html{
	scroll-padding-top: 100px;
}

figure{
	margin: 0em;
}

li.bricks-posts-nothing-found {
  list-style: none; /* alap marker eltűnik */
}

.wpgb-az-index-label:hover{
	text-decoration:underline;
	font-weight:600 !important;
}

/************************************** 
/*          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: 0;
  height: 2px;
  width: 0%;
  background-color: var(--primary);
  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%;
}


/************************************** 
/*          Sticky header            */
/**************************************/
#brx-header.brx-sticky.scrolling > .brxe-section {
	max-height: 80px;
	border-bottom: 2px solid var(--white-trans-50);
	padding-block: 5px;
}

#brx-header.brx-sticky img {
  transition: all 0.4s ease-in-out !important;	
}
#brx-header.brx-sticky.scrolling img {
	transform: scale(0.85);
	transform-origin: 0 50%;
}

#brx-header.brx-sticky.scrolling .brxe-text-link,
#brx-header.brx-sticky.scrolling .brxe-button{
	transform: scale(0.9);
	transform-origin: 100% 50%;
}


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

.fluentform .ff-el-form-control{
    padding: 12px 12px !important; 
    background-color: var(--white-trans-80) !important; 
    border: 1px solid var(--white-trans-90) !important;
    border-radius: 12px !important; 
	font-size: var(--text-s) !important;
    line-height: 1.5 !important; 
    color: var(--base) !important; 
	height: auto !important;
}

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

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

.fluentform .ff_t_c{
	font-size: var(--text-xs) !important; 
	line-height: 1.2em;
	padding-top: 8px !important;
}

.fluentform .ff_tc_label{
	display: flex !important;
	gap: 8px;
	padding-top: var(--space-xs) !important;
}

.fluentform .ff_tc_label>span{
	padding-top: 0 !important;
}

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

/* Change button style*/
.fluentform .ff-btn-submit {
	background-image: radial-gradient(ellipse at center, var(--primary-semi-dark), var(--primary)) !important;
    border: 2px solid var(--primary) !important;
    transition: all 0.2s ease-in-out !important;
    color: var(--white) !important;
	padding-block: var(--btn-padding-block) !important;
    padding-inline: var(--btn-padding-inline) !important;
    min-inline-size: var(--btn-min-width) !important;
    line-height: var(--btn-line-height) !important;
    border-radius: var(--btn-radius) !important;
	font-weight: var(--btn-font-weight) !important;
    box-shadow: 0 6px 12px 0 var(--base-trans-20) !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
	opacity: 1 !important;
	width: 100%;
}

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

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

/*Change button hover style*/

.fluentform .ff-btn-submit::before{
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left 0.7s ease;
}

.fluentform .ff-btn-submit:hover::before{
  	left: 100%;
}


/************************************** 
/*        Animation overriding        */
/**************************************/
@-webkit-keyframes cwd_fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,30px,0)
	}

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

@keyframes cwd_fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,30px,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(-30px,0,0)
    }

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

@keyframes cwd_fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-30px,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(30px,0,0)
    }

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

@keyframes cwd_fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(30px,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,-30px,0)
    }

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

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

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

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