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

:root{
	--transition: 0.3s ease-in-out;
}
.header-menu li:first-child{
	margin-left: 0px !important;
}
.header-menu .sub-menu{
	margin-top: var(--space-xs);
}

.bricks-mobile-menu .sub-menu{
	margin-top: 0;
}

.header-menu nav.bricks-mobile-menu-wrapper{
	padding-top: var(--space-l);
}
.header-menu .header--btn a{
	color: var(--secondary) !important;
}
.header-menu .header--btn:hover a{
	color: var(--action) !important;
}
.header-menu a:hover{
	text-decoration: none;
}
.top-header__menu li:first-child{
	margin-left: 12px;
}

.footer-link:hover .footer-icon{
	transform: scale(1.2);
}
.footer-icon:hover{
	transform: scale(1.2);

}




/* Mobile Menu - Animate dropdown */
:root{
	--menu-item-height: 60px;
}

.bricks-mobile-menu > li.menu-item-has-children{
	display: grid;
    grid-template-rows: var(--menu-item-height) 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.3s ease-out;
}

.bricks-mobile-menu > li.menu-item-has-children.active{
	grid-template-rows: var(--menu-item-height) 1fr !important;
}

.bricks-mobile-menu > li.menu-item-has-children .brx-submenu-toggle > button{
	outline: none !important;
}

.bricks-mobile-menu > li.menu-item-has-children > .sub-menu{
overflow: hidden;
	height: auto !important;
	display: block !important;
}


/* Search */
.header-search button.toggle:before{
	content:'';
	background: var(--action);
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-radius: 2px;
}
.header-search button.toggle{
    padding-left: clamp(1.5rem, 1.695vw + 0.864rem, 3rem);
	padding-top: 5px;
	padding-bottom: 7px;
	width: auto;
}
@media only screen and (max-width: 767px) {
   .header-search button.toggle{
    padding-top: 3px;
	padding-bottom: 3px;
	}
}
.header-search button.close{
	font-size: 40px;
	color: #fff;
	top: 30px;
}
.header-search .bricks-search-overlay {
	background: var(--primary);
}
.header-search .bricks-search-overlay .title{
    color: #fff;
}
.header-search .bricks-search-overlay .bricks-search-form{
	padding-left: var(--gutter);
	padding-right: var(--gutter);

}
.header-search form input{
	border-radius: var(--btn-radius) !important;
}

/* Testimonials Style */


.testimonials-splide{
	padding-top: clamp(2.5rem, 3.185vw + 1.306rem, 5rem);
    padding-right: clamp(3rem, 8.917vw + -0.344rem, 10rem);
    padding-bottom: clamp(2.5rem, 3.185vw + 1.306rem, 5rem);
    padding-left: clamp(3rem, 8.917vw + -0.344rem, 10rem);
    background-color: var(--secondary);
    border-radius: 2rem;
    box-shadow: 0 0 10px 0 rgba(1, 22, 39, 0.5);
}
.testimonials__wrapper{
	    margin-bottom: var(--space-xxl);
}
.testimonials-splide .splide__pagination{
	position: static;
	align-self: center;
}
.testimonials-splide .splide__pagination__page{
	width: 30px;
    height: 15px;
    border-radius: 2rem;
	background: var(--secondary);
	box-shadow: 0 0 10px 0 rgba(1, 22, 39, 0.5);
	transform: none !important;
	opacity: 1;
	margin: 0px;
}
.testimonials-splide .splide__pagination__page.is-active{
		background: var(--action);
}

.testimonials-splide .splide__arrow{
	background: none;
	opacity: 1;
	top: 55%;
}
.testimonials-splide  .splide__arrow:disabled {
	opacity: 1;
}
.testimonials-splide .splide__arrow svg{
	fill: var(--action);
    height: 30px;
    width: 30px;
}
	.testimonials-splide .splide__arrow--prev {
    left: 6em;
}
	.testimonials-splide .splide__arrow--next {
    right: 6em;
}
.testimonials-splide .splide__pagination {
	padding-left: 25px;
	padding-right: 25px;
	gap: 20px;
	}
@media only screen and (max-width: 991px) {
	.testimonials__item{
	padding-top: clamp(2.5rem, 3.185vw + 1.306rem, 5rem);
    padding-right: clamp(3rem, 8.917vw + -0.344rem, 10rem);
    padding-bottom: clamp(2.5rem, 3.185vw + 1.306rem, 5rem);
    padding-left: clamp(3rem, 8.917vw + -0.344rem, 10rem);
    background-color: var(--secondary);
    border-radius: 2rem;
    box-shadow: 0 0 10px 0 rgba(1, 22, 39, 0.5);
	}
	.testimonials-splide{
	padding-top: 0px;;
    padding-right:0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: transparent;
    border-radius: 0rem;
    box-shadow: none;
}
.testimonials-splide .testimonials__wrapper{
		padding-right: 8px !important;
		padding-left: 8px !important;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.splide__arrows{
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	.splide__arrow{
        transform: translateY(-100%) !important;
	}
	.testimonials-splide .splide__arrow--prev {
    left: 0em;
}
	.testimonials-splide .splide__arrow--next {
    right: 0em;
}
}




/* Contact Form Style */

.contact-form .ff-el-group{
	text-align: start;
	margin-bottom: var(--space-l) !important;
}
@media only screen and (max-width: 767px) {
	.contact-form .ff-el-group{
	margin-bottom: var(--space-xxl) !important;
}
}
.contact-form .ff-text-left{
	text-align: center !important;
}
.contact-form .ff-el-group .ff-el-input--content input,
.contact-form .ff-el-group .ff-el-input--content textarea{
	margin-top: var(--space-xs);
}
.contact-form .ff-el-group .ff-el-input--label label{
	color: var(--parimary);
	font-weight: 700;
}
.contact-form .ff-el-group .ff-el-input--content input{
	border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid var(--primary);
    border-radius: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 5px;
}
.contact-form .ff-el-group .ff-el-input--content textarea{
    border: 1px solid var(--primary);
    border-radius: 5px;
	padding: 12px 14px;
	color: var(--primary);
}
.contact-form .ff-el-group .ff-el-input--content select{
    border: 1px solid var(--primary);
    border-radius: 5px;
	padding: 10px 20px;
	color: var(--primary);

}
.contact-form .ff-el-group .ff-el-input--content textarea::placeholder{
		color: var(--primary);

}
.contact-form .ff-el-group .ff-btn.ff-btn-submit{
	margin-bottom: 0px;
	background-color: var(--action);
	font-size: var(--text-l);
	box-shadow: 0 0 4px 0 var(--primary);
	align-self: center;
	min-width: 200px;
}

.ff-el-group .ff-el-form-check label{
	color: var(--primary);
	font-size: 12px;
}
@media only screen and (max-width: 480px) {
.ff-el-group .ff-el-form-check label{
	font-size: 14px;
}
}

	
	
	
	
	
.brxe-post-content hr{
	--flow-spacing: 4rem;
}
	
	
	
	










/* Colours */



.has-mk-primary-acss-background-color {
  background-color: var(--primary);
  --bg: var(--primary);
}
.has-mk-primary-acss-color {
  color: var(--primary);
  --text: var(--primary);
}
.has-mk-secondary-acss-background-color {
  background-color: var(--secondary);
  --bg: var(--secondary);
}
.has-mk-secondary-acss-color {
  color: var(--secondary);
  --text: var(--secondary);
}
.has-mk-accent-acss-background-color {
  background-color: var(--accent);
  --bg: var(--accent);
}
.has-mk-accent-acss-color {
  color: var(--accent);
  --text: var(--accent);
}
.has-mk-action-acss-background-color {
  background-color: var(--action);
  --bg: var(--action);
}
.has-mk-action-acss-color {
  color: var(--action);
  --text: var(--action);
}
.has-mk-base-acss-background-color {
  background-color: var(--base);
  --bg: var(--base);
}
.has-mk-base-acss-color {
  color: var(--base);
  --text: var(--base);
}

.has-mk-white-background-color {
  background-color: var(--white);
  --bg: var(--white);
}
.has-mk-white-color {
  color: var(--white);
  --text: var(--white);
}