/*
Theme Name: Northstar Child Theme
Theme URI: https://www.mcneese.edu
Version: 1.0.2
Description: Brand new theme for McNeese Stat University that defines a design system and style guide using modern techniques and updated standards.
Author: McNeese State University
Author URI: https://www.mcneese.edu
template: bb-theme
*/

/* -- Components -- */

/* -- Global Nav Above Header -- */
.mymcneeseButton .fl-button-group-button:nth-last-of-type(-n+2) span{
	color: gold !important;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;	
}
.mymcneeseButton .fl-button i {
    margin-right: 0;
}
.mymcneeseButton .fl-button i.fl-button-icon-after {
    margin-left: 0;
}

/* -- Global Footer -- */
.footer__list .fl-list {
	font-size: var(--font-size-sm);
	line-height: var(--line-height-lg);
}

/* -- Typography -- */
:root {
    --font-size-sm: clamp(0.83rem, -0.08vw + 0.85rem, 0.75rem);
    --font-size-base: clamp(1rem, 0vw + 1rem, 1rem);
    --font-size-md: clamp(1.2rem, 0.13vw + 1.17rem, 1.33rem);
    --font-size-lg: clamp(1.44rem, 0.34vw + 1.36rem, 1.77rem);
    --font-size-xl: clamp(1.73rem, 0.64vw + 1.58rem, 2.35rem);
    --font-size-xxl: clamp(1.85rem, 1.00vw + 1.68rem, 2.85rem);
    --font-size-xxxl: clamp(2.49rem, 1.72vw + 2.1rem, 4.16rem);
    
    --line-height-base: clamp(1.4, 1.8, 2);
	--line-height-md: clamp(1.8, 2, 2.2);
	--line-height-lg: clamp(2, 2.2, 2.5);
}
h1,
h1.fl-heading {
    font-size: var(--font-size-xxl);
}
h2,
h2.fl-heading {
    font-size: var(--font-size-xl);
}
h3,
h3.fl-heading {
    font-size: var(--font-size-lg);
}
h4,
h4.fl-heading {
    font-size: var(--font-size-md);
}
h5,
h5.fl-heading {
    font-size: var(--font-size-base);
}
h6,
h6.fl-heading {
    font-size: var(--font-size-base);
}

/* -- Accordions -- */
.fl-accordion-button-label {
	font-size: var(--font-size-md);
}

/* -- Paragraph -- */
.fl-rich-text p {
    margin-bottom: 0;
}
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
    font-size: var(--font-size-sm);
}
.fl-list-item-heading-text,
.fl-rich-text p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}
.fl-accordion-content {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}
.eyebrow {
    font-size: 16px;
    color: #0064b2;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
}
/* --- Typography --- */


/* --- Mega Menu --- */
.page.page-id-14 #mega-about-us,
.page.page-id-14 #mega-admissions,
.page.page-id-14 #mega-academics,
.page.page-id-14 #mega-student-life {
    top: 238px !important;
}

.page.page:not(.page-id-14) #mega-about-us,
.page.page:not(.page-id-14) #mega-admissions,
.page.page:not(.page-id-14) #mega-academics,
.page.page:not(.page-id-14) #mega-student-life {
    top: 200px !important;
}

.single #mega-about-us,
.single #mega-admissions,
.single #mega-academics,
.single #mega-student-life {
    top: 200px !important;
}

/* while editing in BB */
.fl-builder-content-editing [id^="mega-"] {
    position: relative;
}

.fl-menu ul.menu li.menu-item a:hover .fl-menu-toggle::before {
    border-color: #0064b2 !important;    
}
.nav-shade .fl-menu ul.menu li.menu-item a {
    color: #0064b2 !important;
}
.nav-shade .fl-menu .fl-toggle-arrows .fl-menu-toggle::before {
    border-color: #0064b2 !important;
}

#mega-about-us.show-mega .fl-col,
#mega-admissions.show-mega .fl-col,
#mega-academics.show-mega .fl-col,
#mega-student-life.show-mega .fl-col {
    animation: 0.55s forwards fl-col;
    opacity: 0;
}

#mega-about-us.show-mega .fl-col:nth-child(2),
#mega-admissions.show-mega .fl-col:nth-child(2),
#mega-academics.show-mega .fl-col:nth-child(2),
#mega-student-life.show-mega .fl-col:nth-child(2) {
    animation-delay: 0.25s;
}

#mega-about-us.show-mega .fl-col:nth-child(3),
#mega-admissions.show-mega .fl-col:nth-child(3),
#mega-academics.show-mega .fl-col:nth-child(3),
#mega-student-life.show-mega .fl-col:nth-child(3) {
    animation-delay: 0.5s;
}

#mega-about-us.show-mega .fl-col:nth-child(4),
#mega-admissions.show-mega .fl-col:nth-child(4),
#mega-academics.show-mega .fl-col:nth-child(4),
#mega-student-life.show-mega .fl-col:nth-child(4) {
    animation-delay: 0.75s;
}

#mega-about-us.show-mega .fl-row-content-wrap,
#mega-admissions.show-mega .fl-row-content-wrap,
#mega-academics.show-mega .fl-row-content-wrap,
#mega-student-life.show-mega .fl-row-content-wrap {
    animation: .5s normal main-fade-in;
}

@keyframes main-fade-in {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fl-col {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* --- Mega Menu --- */


@media only screen and (max-width: 768px) {
	.bellows-closed .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target {
		border: 1px solid black;
		border-radius: 4px;
	}
	.bellows-closed .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target .bellows-subtoggle {
		border-left: 1px solid black;
		width: 100px;
	}
	.bellows-subtoggle:before {
		content: "Expand \00a0";
		display: inline-block;
	}
	/*
	.bellows-closed .bellows-nav .bellows-item-level-0 > .bellows-target > .bellows-target-text,
	.bellows-open .bellows-nav .bellows-item-level-0 > .bellows-target > .bellows-target-text {
		display: none;
	}	
	.bellows-closed .bellows-nav .bellows-item-level-0 > a:before,
	.bellows-open .bellows-nav .bellows-item-level-0 > a:before {
		content: "Expand Menu";
		display: inline-block;
	}
	*/
}