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

.primaryButton {
    color: #0064b2;
    background-color: #ffffff;
    border-radius: 20px;
    border: 2px solid #0064b2;
    box-shadow: 5px 5px 0px 0px #0064b2;
	font-size: var(--font-size-base);
	padding: 14px 16px;
	transition: all 0.15s;
}

.primaryButton:focus,
.primaryButton:hover {
	color: #0064b2;
	transform: translatey(4px);
	box-shadow: 1px 2px 0px 0px #0064b2;
	text-decoration: none;
}

.kbysButtonGroup {
	display: flex;
	justify-content: center;
	gap: 16px;
}

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