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

/* Accordion Gap */
:where(.brxe-accordion) .accordion-title {
	gap: 1rem;
}

/* MAILCHIMP FOOTER FORM */
#mc_embed_signup .indicates-required {
	display: none;
}
#mc_embed_signup label {
	font-size: 0.85rem;
	color: #fff;
	line-height: normal;
	margin-bottom: 0.2rem;
}
#mc_embed_signup label span {
	color: #ef302a;
}
#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"],
#mc_embed_signup select {
	background-color: #fff;
	color: #333;
	font-size: 0.85rem;
	line-height: 2rem;
	line-height: normal;
	padding: 0.5rem;
	border: 0;
}
#mc_embed_signup #mc_embed_signup_scroll {
	display: flex;
	flex-flow: column;
	gap: 0.5rem;
}

/* LIST */
.brxe-text ol {
	counter-reset: custom-counter;
	list-style: none;
	padding-left: 0 !important;
}
.brxe-text ol li {
	counter-increment: custom-counter;
	position: relative;
	padding-left: 2.2rem;
	margin-bottom: 10px;
}
.brxe-text ol li::before {
	content: counter(custom-counter);
	position: absolute;
	left: 0;
	top: 0;
	color: white;
	width: 1.8rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.brxe-text-basic a {
	color: #1a73e8;
}
/* WP Reviews */
.wpbr-wrap {
	margin-bottom: 0;
}
.wpbr-collection-wrap {
	overflow: visible !important;
}
.wpbr-collection-wrap * {
	font-family: 'Poppins' !important;
}
.wpbr-review__details h3 {
	color: #222860 !important;
	font-size: 1.1rem !important;
}
.wpbr-review__details {
	display: flex;
	flex-flow: column;
	gap: 0.1rem;
}
.wpbr-review__rating {
	order: 1;
	filter: brightness(1.8);
}
.wpbr-theme-light .wpbr-review__content p {
	color: #222 !important;
	font-size: 0.9rem !important;
}
.wpbr-wrap .swiper-pagination {
	display: none !important;
}
.wpbr-theme-light.wpbr-collection--carousel .wpbr-review {
	border-radius: 0 !important;
	border: 1px solid #cecece !important;
	transition: all 0.2s;
}
.wpbr-theme-light.wpbr-collection--carousel .wpbr-review:hover {
	border: 1px solid #222860 !important;
}

/* Child containers spacing */
.brxe-container .brxe-container {
	width: 100%;
}

/* List padding */
.brxe-text ul,
.brxe-post-content ul,
.brxe-text ol,
.brxe-post-content ol {
	padding-left: 1.2rem;
}

/* Icon box content spacing */
.brxe-icon-box .content h1 + p,
.brxe-icon-box .content h2 + p,
.brxe-icon-box .content h3 + p ,
.brxe-icon-box .content h4 + p ,
.brxe-icon-box .content h5 + p ,
.brxe-icon-box .content h6 + p {
	margin-top: 0.6rem;
}

/* Margin */
.m-0   { margin: 0; }
.m-1   { margin: 0.25rem; }
.m-2   { margin: 0.5rem; }
.m-3   { margin: 0.75rem; }
.m-4   { margin: 1rem; }
.mt-0  { margin-top: 0; }
.mt-1  { margin-top: 0.25rem; }
.mt-2  { margin-top: 0.5rem; }
.mt-3  { margin-top: 0.75rem; }
.mt-4  { margin-top: 1rem; }
.mr-0  { margin-right: 0; }
.mr-1  { margin-right: 0.25rem; }
.mr-2  { margin-right: 0.5rem; }
.mr-3  { margin-right: 0.75rem; }
.mr-4  { margin-right: 1rem; }
.mb-0  { margin-bottom: 0; }
.mb-1  { margin-bottom: 0.25rem; }
.mb-2  { margin-bottom: 0.5rem; }
.mb-3  { margin-bottom: 0.75rem; }
.mb-4  { margin-bottom: 1rem; }
.ml-0  { margin-left: 0; }
.ml-1  { margin-left: 0.25rem; }
.ml-2  { margin-left: 0.5rem; }
.ml-3  { margin-left: 0.75rem; }
.ml-4  { margin-left: 1rem; }
.mx-0  { margin-left: 0; margin-right: 0; }
.mx-1  { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2  { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3  { margin-left: 0.75rem; margin-right: 0.75rem; }
.mx-4  { margin-left: 1rem; margin-right: 1rem; }
.my-0  { margin-top: 0; margin-bottom: 0; }
.my-1  { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2  { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3  { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-4  { margin-top: 1rem; margin-bottom: 1rem; }

/* Padding */
.p-0   { padding: 0; }
.p-1   { padding: 0.25rem; }
.p-2   { padding: 0.5rem; }
.p-3   { padding: 0.75rem; }
.p-4   { padding: 1rem; }
.pt-0  { padding-top: 0; }
.pt-1  { padding-top: 0.25rem; }
.pt-2  { padding-top: 0.5rem; }
.pt-3  { padding-top: 0.75rem; }
.pt-4  { padding-top: 1rem; }
.pr-0  { padding-right: 0; }
.pr-1  { padding-right: 0.25rem; }
.pr-2  { padding-right: 0.5rem; }
.pr-3  { padding-right: 0.75rem; }
.pr-4  { padding-right: 1rem; }
.pb-0  { padding-bottom: 0; }
.pb-1  { padding-bottom: 0.25rem; }
.pb-2  { padding-bottom: 0.5rem; }
.pb-3  { padding-bottom: 0.75rem; }
.pb-4  { padding-bottom: 1rem; }
.pl-0  { padding-left: 0; }
.pl-1  { padding-left: 0.25rem; }
.pl-2  { padding-left: 0.5rem; }
.pl-3  { padding-left: 0.75rem; }
.pl-4  { padding-left: 1rem; }
.px-0  { padding-left: 0; padding-right: 0; }
.px-1  { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2  { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3  { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4  { padding-left: 1rem; padding-right: 1rem; }
.py-0  { padding-top: 0; padding-bottom: 0; }
.py-1  { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2  { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3  { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4  { padding-top: 1rem; padding-bottom: 1rem; }

/* Text Size */
.text-xxxs { font-size: 0.75rem; }
.text-xxs  { font-size: 0.8rem; }
.text-xs   { font-size: 0.85rem; }
.text-sm   { font-size: 0.9rem; }
.text-base { font-size: 1rem; }
.text-lg   { font-size: 1.125rem; }
.text-xl   { font-size: 1.25rem; }
.text-2xl  { font-size: 1.5rem; }
.text-3xl  { font-size: 1.875rem; }
.text-4xl  { font-size: 2.25rem; }

/* Text Color */
.text-black { color: #000; }
.text-white { color: #fff; }
.text-red   { color: #f87171; }
.text-blue  { color: #60a5fa; }
.text-green { color: #34d399; }
.text-gray  { color: #6b7280; }

/* Text Weight */
.font-thin    { font-weight: 100; }
.font-light   { font-weight: 300; }
.font-normal  { font-weight: 400; }
.font-medium  { font-weight: 500; }
.font-semibold{ font-weight: 600; }
.font-bold    { font-weight: 700; }
.font-black   { font-weight: 900; }

/* Text Alignment */
.text-left   { text-align: left; }
.text-center { text-align: center; }
.text-right  { text-align: right; }
.text-justify{ text-align: justify; }



/* Custom CSS */
.single-author-meta img {
	height: 50px;
	width: 50px;
	object-fit: contain;
	background: #fff;
	border-radius: 100px;
	border: 1px solid #ef302a;
	margin-right: 1em;
}
.pillar-box.brxe-icon-box h3.h2 {
	font-size:1.6em
}
.footer-menu.brxe-list .content {
	align-items: start;
}
.footer-menu .icon {
	margin-right: 0.5em;
	position: relative;
	top: 5px;
}
.step-box {
	position: relative;
}
.step-box:before {
	content: "";
	position: absolute;
	top: 2.2em;
	width: calc(100% - 5em);
	border: 1px dashed rgba(255,255,255,.1);
	right: 00;
}
ul#menu-main-menu > li:hover > a {
	opacity: 0.8;
}
.single h2,
.single h3{
	margin-bottom:1.2rem
}
body.single .brxe-post-content * + h2,
body.single .brxe-post-content * + h3 {
	margin-top: 3rem;
}
.footer-cta-text.text-white.brxe-text a {
	color: #fff !important;
	font-weight: bold;
}

@media screen and (min-width: 992px)  and (max-width: 1351px) {
	header .bricks-site-logo {
		width: 160px !important;
		min-width: 160px;
	}
	header .bricks-nav-menu li a {
		font-size: 0.85rem;
		padding: 1rem 0.75rem !important;
	}
	header .brxe-list,
	header .brxe-button {
		font-size: 0.85rem !important;
	}
}

@media screen and (max-width: 1320px) {
}
@media screen and (min-width: 992px) and (max-width: 1010px) {
	header .bricks-site-logo {
		width: 140px !important;
		min-width: 140px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1256px) {
	header .bricks-site-logo {
		/*width: 100px !important;
		min-width: 100px;*/
	}
	header .bricks-nav-menu li a {
		font-size: 0.8rem;
		padding-left: 0.5rem !important;
	}
	header .brxe-list,
	header .brxe-button {
		font-size: 0.8rem !important;
	}
	#brxe-hqmwdl .title {
		font-size: 0;
		position: absolute;
		width: 20px;
		height: 20px;
		top: 0;
		left: 0;
	}
	#brxe-efdbeo {
		max-width: 210px !important;
	}
}

@media screen and (max-width: 1256px) {
	#brxe-obcses {
		column-gap: 1rem !important;
	}
	#brxe-efdbeo {
		grid-template-columns: 1fr 180px !important;
		gap: 1rem;
	}
}

@media screen and (max-width: 1105px) {
}

@media screen and (max-width: 991px) {
	.bricks-nav-menu > li:hover > .brx-submenu-toggle {
		border:0 !important 
	}
	.bricks-nav-menu .sub-menu {
		margin-bottom: 1em;
		box-shadow:none !important
	}
	.toc {
		visibility: hidden;
		height: 0;
		margin-top: 0 !important;
		transition: all 0.2s;
	}
	.toc.open {
		visibility: visible;
		height: auto;
		margin-top: 1.2rem !important;
	}
	.toc-sticky-title {
		position: relative;
	}

	.toc-sticky-title:after {
		position: absolute;
		right: 0;
		top: 0;
		content: "+";
		font-size: 1em;
		margin-left: 1em;
	}
	.toc-sticky-title.open:after {
		content: "-";
	}
}

@media screen and (max-width: 767px) {
	.brx-offcanvas-inner {
		flex-wrap: nowrap !important;
	}
}

@media screen and (max-width: 477px) {
	.brxe-section.has-shape {
		padding-top: 6rem !important;
	}
	.brxe-section.has-shape .bricks-shape-divider-inner {
		height: 50px !important;
		margin-top: 3px;
	}
}