/*
 Theme Name:   Music Nuggets - 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
*/



/*********************************
	GENERAL
*********************************/


/*********************************
	TYPOGRAPHY
*********************************/
:root {
	--body-font: "Inter", sans-serif;
	--heading-font: "Urbanist", serif;
}

.brxe-button {font-family: var(--heading-font);}

.text-shadow-v1 {text-shadow: 0 0.2rem 0 #00000030;}


/*********************************
	HEADER
*********************************/
/*Logos*/


/*Nav*/


/*Nav Icons*/


/*SVG Animated Menu Icon*/
svg.ham {
  --icon-size: 5rem;
  width: var(--icon-size);
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-active .hamRotate {
  transform: rotate(45deg);
}
.is-active .hamRotate180 {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#000;
  stroke-width:5.5;
  stroke-linecap:round;
}
.toggle-mobile-light .line {
  stroke:#fff;
}
#brx-header.scrolling .toggle-mobile-light .line {
  stroke:var(--base);
}

.ham4 .top {
  stroke-dasharray: 40 121;
}
.ham4 .bottom {
  stroke-dasharray: 40 121;
}
.is-active .ham4 .top {
  stroke-dashoffset: -68px;
}
.is-active .ham4 .bottom {
  stroke-dashoffset: -68px;
}
/*END SVG Animated Menu Icon*/

/*********************************
	SPECIFIC ELEMENT
*********************************/


/******************************************
	GRAVITY FORMS - ORBIT THEME OVERRIDES
******************************************/
.gf_progressbar .percentbar_blue {background-color: var(--primary)!important;}
.gsection_title {font-size: var(--text-xl);}
.gform-theme--foundation .gform_fields {row-gap: var(--space-m)!important;}
.gfield_label {font-size: var(--text-m) !important; font-weight: bold!important;}
label.gform-field-label.gform-field-label--type-sub {font-size: var(--text-s)!important; color: var(--base)!important;}

.gform-page-footer {display: block!important; text-align: center!important; margin-top: var(--space-m)!important;}

.gform-theme-button, .gform_button, .gform-button--width-full {
    color: var(--white)!important;
    padding: var(--btn-padding-block) var(--btn-padding-inline)!important;
    min-inline-size: var(--btn-min-width)!important;
    line-height: var(--btn-line-height)!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;
    background-color: var(--primary)!important;
    border-width: 0!important;
    border-style: none!important;
    border-radius: var(--btn-radius)!important;
    transition: var(--btn-transition, var(--transition))!important;
    justify-content: var(--btn-justify-content, center)!important;
    text-align: var(--btn-text-align, center)!important;
}

.gform-theme-button:hover, .gform_button:hover {background: var(--primary-dark)!important;}

.gform_previous_button {background: var(--base) !important;}
.gform_previous_button:hover {background: var(--base-semi-dark) !important;}

.gf-turnstile-container {width: 100%;}

/*** FORM SPECIFIC ***/

/******************************************
	MEMBERPRESS - THEME OVERRIDES
******************************************/
.mepr-form label {font-size: var(--text-m); font-weight: bold; color: var(--base);}
.mepr-form input {border-color: var(--black-trans-50); border-radius: var(--radius);}
.mepr-form input[type="submit"] {
    color: var(--white)!important;
    padding: var(--btn-padding-block) var(--btn-padding-inline)!important;
    min-inline-size: var(--btn-min-width)!important;
    line-height: var(--btn-line-height)!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;
    background-color: var(--primary)!important;
    border-width: 0!important;
    border-style: none!important;
    border-radius: var(--btn-radius)!important;
    transition: var(--btn-transition, var(--transition))!important;
    justify-content: var(--btn-justify-content, center)!important;
    text-align: var(--btn-text-align, center)!important;
}

/*Courses*/
#mpcs-sidebar .mpcs-sidebar-wrapper figure {
    position: relative;
    height: 200px;
}

#mpcs-sidebar .mpcs-sidebar-wrapper .figure img {
    max-height: initial!important;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.single-mpcs-lesson #mpcs-sidebar-header {
    flex-direction: column;
    padding: 0 0 2em;
}

.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-wrapper .figure {
	width: 100%;
	margin-bottom: 2em;
}

/**************************************************************
	PAGE SPECIFIC
**************************************************************/


/*********************************
	FOOTER
*********************************/


/**************************************************************
	MOBILE STYLES
**************************************************************/

@media (min-width: 992px){

} /*** GREATER THAN 992PX BREAKPOINT ***/


@media (max-width: 992px){
	svg.ham {margin-right: -15px;}
	.bricks-nav-menu .sub-menu > li > a {text-wrap: auto; line-height: 1.6;}
} /*** END OF 992PX BREAKPOINT ***/

@media (max-width: 768px){
	
} /*** END OF 768PX BREAKPOINT ***/

@media (max-width: 480px){

} /*** END OF 480PX BREAKPOINT ***/