/*
Theme Name: NCHI Theme
Theme URI: https://nationalcenterhearinginnovation.org/
Version: 1.0
Description: A child theme for NCHI.
Author: Design TLC
Author URI: https://designtlc.com
template: bb-theme
*/

/* Add your custom styles here... */ 
/* Put @import here for loading fonts */

/* ------------------ ROOT VARIABLES ------------------ */
:root {

    /* ------------------ Colors ------------------ */
        --white: #FFFFFF;
		--link-color: #CE311C;
		--link-hover: #7C1D11;
		--bg-color-dark: #149591;
		--bg-color-light: #F9F9F9;
		--Navy: #193D6A;
	    --Text: #333333;

    /* ------------------  Typefaces ------------------ */
        --font-sans: sans-serif;
        --font-serif: serif;

    /* ------------------ Type Sizes ------------------ */
        --size-default: 1rem;
}


/* ---- Fix fonts that render as bold in Firefox ------------------ */
    html {
     	-moz-osx-font-smoothing: grayscale;
      	-webkit-font-smoothing: antialiased;
      	font-smoothing: antialiased;
      	font-weight: 400;
    }

    @-moz-document url-prefix() {
      body {
        font-weight: lighter !important;
      }
    }

/* ------------------ FONT STYLES and HEADINGS ------------------ */
    html {
      	font-size: 16px !important;
    }
    body {
    	overflow-x: hidden;
    }

    html {
      	hanging-punctuation: first last;
    }

    .fl-builder-content .fl-button {
        transition: background-color 0.3s ease;
    }


    .fl-rich-text a {
    	color: var(--link-color);
    }

    .fl-rich-text a:hover {
		color: var(--link-hover);
		/* text-decoration: none;*/
    }

	.intro-para {
		font-weight: 799;
		font-size: 26px;
	}

	h1.page-title .fl-heading, .page-title h1 {
		font-weight: 700;
		font-size: 3.25rem;
		line-height: 1.3;
		letter-spacing: 0.0325rem;
		text-align: left;
		text-transform: none;
	}


    h2.fl-heading {
		letter-spacing: 0.05rem;
		text-transform: uppercase;
		font-size: 2.5rem;
		line-height: 1.1;
		font-weight: 700;
	}

    h3.fl-heading, .fl-builder-content h3 {

    }

    .fl-module-content h3.fl-heading {

    }

    h4, h4.fl-heading, .fl-builder-content h4 {

    }

    .fl-module-heading h4.fl-heading {

    }

    .fl-module-content li {
        /*margin-bottom: 10px;*/
    }


/* ------------------ HEADER ------------------ */
	.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .fl-row.fl-row-full-width.fl-row-bg-color.top-row.fl-row-default-height.fl-row-align-center {
        display: none;
    }

	.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky   .header-row > .fl-row-content-wrap {
		background-color: #E1E5EB;
		border-top-width: 1px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		border-left-width: 0px;
	}
	/* Default button */
	.header-cta a.fl-button {
		font-size: 20px;
		padding: 10px 30px;
		transition: all 0.3s ease;
	}
	/* When the header shrinks */
	.fl-theme-builder-header-shrink .header-cta a.fl-button {
		font-size: 16px !important;
		padding: 5px 24px !important;
	}

/* ------------------ FOOTER ------------------ */

  .footer h2 {

    }

   .fl-module.fl-module-heading.footer h2 {

    }

/* ------------------ MAIN NAVIGATION ----REMOVE EITHER CLICK OPEN OR MEGA MENU: BOTH NOT NEEDED -------------- */

.fl-menu .anww-external-link-icon:before {
    display: none;
}

html body .click-open .fl-menu {
	position: relative;
}
html body .click-open .fl-menu nav > ul.menu > ul.sub-menu li.hide-heading > .fl-has-submenu-container {
	display: none;
	visibility: hidden;
}
html body .click-open .fl-menu nav > ul.menu > li.fl-has-submenu:hover > .fl-has-submenu-container ~ .sub-menu {
	visibility: hidden;
	opacity: 0;
	display: none;
}
html body .click-open ul.fl-menu-horizontal li.fl-has-submenu.clicked > ul.sub-menu,
html body .click-open ul.fl-menu-horizontal li.fl-has-submenu.clicked > .fl-has-submenu-container ~ ul.sub-menu {
	visibility: visible !important;
	opacity: 1 !important;
	display: block !important;
}
html body .click-open .fl-menu ul.fl-menu-horizontal li.fl-has-submenu > .fl-has-submenu-container ~ ul.sub-menu {
}

.click-open .hamburger-menu .fl-hamburger-menu-top {
	height: 50px;
	width: 100%;
}
.click-open .hamburger-menu .fl-hamburger-menu-middle {
	height: 50px;
	width: 100%;
}
.click-open .hamburger-menu .fl-hamburger-menu-bottom {
	height: 50px;
	width: 100%;
}

/* end click open menu **************************/


/* ------------------ INTERIOR-SIDEBAR NAVIGATION ------------------ */
    .sidebar-nav {

    }

    .sidebar-nav li {
       
    }

    .sidebar-nav .indent {

    }

/* ------------------ BUTTONS ------------------ */
 
/* ------------------ ACCORDION STYLES ------------------ */

/* --***************************************************** ----- */
/* ------------------ RESPONSIVE STYLES ------------------ */
/* Mobile Styles -  Special Sizes*/
@media only screen and (min-width: 1025px) and (max-width: 1160px) {

}

/* Mobile Styles - Tablet 1024 */
@media only screen and (max-width: 1024px) {
	h1.page-title .fl-heading, .page-title h1 {
		font-size: 2.75rem;
	}

    h2.fl-heading {
		font-size: 1.875rem;
	}
}


/* Mobile Styles - Lg Mobile 768 */
@media only screen and (max-width: 768px) {
	h1.page-title .fl-heading, .page-title h1 {
		font-size: 1.875rem;
	}

    h2.fl-heading {
		font-size: 1.5rem;
	}
}
}

/* Mobile Styles - Small */
@media only screen and (max-width: 468px) {	
        
}


.fl-module.tab-button .fl-button-wrap a.fl-button {
	padding: 0;
	background-color: transparent !important;
	border: 0;
}
.fl-module.tab-button .fl-button-wrap a.fl-button .fl-button-text {
	color: #ce311c; 
	font-weight: bold;
	font-size: 1.125rem;
  	letter-spacing: 0.01125rem;
}
.fl-module.tab-button .fl-button-wrap a.fl-button:hover .fl-button-text,
.fl-module.tab-button .fl-button-wrap a.fl-button:hover .fl-button-icon.fl-button-icon-after.dashicons.dashicons-before.dashicons-arrow-right-alt {
	color: #7C1D11; 
}
.fl-module.tab-button .fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after.dashicons.dashicons-before.dashicons-arrow-right-alt {
	color: #ce311c; 
}
.fl-tabs-panel .fl-rich-text {
	font-weight: 400;
	line-height: 1.4;
}
.click-open .menu .menu-item .fl-has-submenu-container > a, 
.click-open .menu .menu-item > a {
	border-bottom: 3px solid transparent;
	margin-left: 10px;
  	margin-right: 10px;
	text-decoration: none;
}
.click-open .menu .menu-item .sub-menu .menu-item > a,
.click-open .menu .menu-item .sub-menu .menu-item > a:hover {
	border-bottom: 0px solid transparent;
}
.click-open .menu .menu-item .fl-has-submenu-container > a:hover, 
.click-open .menu .menu-item > a:hover,
.click-open .menu .menu-item.current_page_item .fl-has-submenu-container > a,
.click-open .menu .menu-item.clicked a { 
	border-bottom: 3px solid #7C1D11;
}

@media only screen and (max-width: 992px) {
	/* channge the hamburger menu  */
	.click-open .fl-menu-mobile-toggle.hamburger-label {
		display: flex;
	}
	.click-open .fl-menu-mobile-toggle.hamburger-label .fl-menu-icon.svg-container {
		order: 1;
		width: 1.82813rem;
		height: 1.82813rem;
		display: inline;
	}
	.click-open .fl-menu-mobile-toggle.hamburger-label .fl-menu-mobile-toggle-label {
		margin: 0 10px 0 0;
		order: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
	.click-open .menu .menu-item .fl-has-submenu-container > a, .click-open .menu .menu-item > a {
		margin-left: 5px;
		margin-right: 5px;
	}
	.click-open .fl-module-content.fl-node-content {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1200px) {
	.sidebar-menu {
		width: 370px;
	}
}
/* Sidebar Start */
.sidebar-menu {
	background-color: #FDFDFD;
}
.sidebar-menu .menu .menu-item a {
	color: var(--Navy);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.01375rem;
	text-decoration: none;
}
.sidebar-menu ul.menu li.menu-item.current-menu-item a {
	font-weight: 700;
}

/* Sidebar Ends */
.accordion-subpage .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-label,
.accordion-subpage .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-icon {
	color: #CE311C;
}
.accordion-subpage .fl-accordion-item .fl-accordion-button-icon {
	opacity: 1;
	color: #067A77;
}
.sidebar-menu .fl-menu-mobile-toggle.hamburger-label {
	width: 100%;
}