/*
 Theme Name:   Made Neat Bricks Theme
 Theme URI:    https://madeneat.com.au/
 Description:  Made Neat child theme for Bricks Builder.
 Author:       Bricks
 Author URI:   https://madeneat.com.au/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

body,
body.logged-in,
body main {
  overflow-x: hidden;
}


/**
 * 
 * Section Fancy Heading
 * 
 * */

.mn-fancy-heading {
  position: relative;
  font-size: 30px;
  line-height: var(--heading-line-height);
  font-weight: 800;
}

@media (min-width: 477px) {
	.mn-fancy-heading {
		font-size: clamp(40px, 4vw, 55px);
	}
}

.mn-fancy-heading__highlight {
  color: var(--mn-fancy-heading-color);
}

.mn-fancy-heading::after {
  content: '';
  position: absolute;
  bottom: 14px;
  left: 100%;
  display: block;
  width: 100vw;
  height: 8px;
  background-color: var(--mn-fancy-heading-color);
  margin-left: 10px;
}

/**
 * 
 * Animated Heading
 * 
 * */
@keyframes animateWidth {
  to {
    max-width: 200%;
  }
}

.mn-animated-heading {
  position: relative;
}
.mn-animated-heading__highlight {
  color: var(--mn-animated-heading-color);
}
.mn-animated-heading::after {
  content: '';
  display: none;
  width: 400px;
  max-width: 0%; 
  height: 0.875rem;
  background: linear-gradient(90deg, #FFF 0%, #ffffff00 100%);

  position: absolute;
  bottom: 1.5rem;
  left: calc(100% + var(--mn-animated-pixel-offset));
  animation: animateWidth 4.5s ease 1 forwards;
  animation-delay: 2.5s;
}

@media (min-width: 992px) {
  .mn-animated-heading::after {
    display: block;
  }
}

/**
 * 
 * Text Button Styles
 * 
 * */
.text-btn {
	transition: var(--btn-transition, var(--transition)) !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	text-transform: var(--btn-text-transform) !important;
	font-weight: var(--btn-font-weight) !important;
	font-size: var(--text-m) !important;
	justify-content: flex-end !important;
}
.text-btn .text {
	justify-content: flex-start;
    text-align: left;
	position: relative;
}

.text-btn .text:after {
	content: '';
	display: block;
	width: 0%; //100%;
	height: 3px;
	position: absolute;
	bottom: -8px;
	left: 0;
	transition: all .25s ease-in-out;
}
.text-btn:hover .text:after {
	width: 100%;
}

.text-btn:hover {
	opacity: 1;
}

.text-btn--primary,
.text-btn--primary .text {
	color: var(--primary);
}
.text-btn--primary:hover .text:after {
	background-color: var(--primary);
}

.text-btn--primary svg path {
	fill: var(--primary);
}

.text-btn--secondary,
.text-btn--secondary .text {
	color: var(--secondary);
}
.text-btn--secondary:hover .text:after {
	background-color: var(--secondary);
}

.text-btn--secondary svg path {
	fill: var(--secondary);
}

.text-btn--tertiary,
.text-btn--tertiary .text {
	color: var(--tertiary);
	text-decoration-color: var(--tertiary) !important;
}
.text-btn--tertiary:hover .text:after {
	background-color: var(--tertiary);
}

.text-btn--tertiary svg path {
	fill: var(--tertiary);
}

/**
 * 
 * Fill Helper Classes
 * 
 * */
.fill--tertiary,
.fill--tertiary svg,
.fill--tertiary svg path,
.fill--tertiary path {
	fill: var(--tertiary);
}

.fill--accent,
.fill--accent svg,
.fill--accent svg path,
.fill--accent path {
	fill: var(--accent);
}

.fill--danger,
.fill--danger svg,
.fill--danger svg path,
.fill--danger path {
	fill: var(--danger);
}

.fill--neutral,
.fill--neutral svg,
.fill--neutral svg path,
.fill--neutral path {
	fill: var(--neutral);
}

.fill--white,
.fill--white svg,
.fill--white svg path,
.fill--white path {
	fill: var(--white);
}

/**
 * 
 * Section Title Styling
 * 
 * */
.section-page-title + .section-copy-block,
.section-page-title + .section-two-thirds-one-third,
.section-page-title + .section-contact-intro {
	padding-top: 0;
}