/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com
 Description:  Divi Child Theme
 Author:       Aaron Hardy
 Author URI:   http://speechanddebate.org
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Divi, nsda
 Text Domain:  Divi-child
*/

/**
 * TABLE OF CONTENTS
 *
 * 1. General settings
 * 2. Top Header (nav bar above main header)
 * 3. Main Header (with logo and main "top nav" menu)
 * 4. Post/Page Content Area
 * 5. Specific Modules
 * 6. Tables
 * 7. Redirect Login Form
 * 8. Jobs Plugin
 * 9. USA Debate Page
 * 10. Bloomerang Form
 * 11. Footer
 */


/**
 * 1. General Settings
 */

/*
 * Color Definitions
 * NSDA Blue - #00AAE7
 * Medium Blue - #3473A4
 * Dark Blue - #004E85
 * Yellow Accent - #FFCA38
 * Lightest Gray - #EEEEEE
 * Light Gray - #DBD6D2
 * Medium Gray - #948A85
 * Dark Gray - #5E514E
*/

/* General headings */
h2 {
	color: #F26322!important;font-weight:bold;font-size:26px;
}

h3 {
	color:#3473a4!important;font-size:22px;
}
/* Footer social links */
#footer-bottom .et-social-icons {
	float: left;
}
#footer-linkedin {
    margin-left: 20px;
}


/**
 * 2. Top Header (nav bar above main header)
 */

/* Manually added top header links */
#header-home {
	padding-right: 10px;
}
#header-home span {
	display: inline-block;
	padding-right: 2px;
	font-size: 18px;
	position: relative;
	text-align: center;
}

#header-linkedin {
    margin-left: 12px;
}

#header-faq {
	margin-left: 10px;
	margin-right: 5px;
}

#header-contact {
	margin-left: 5px;
	margin-right: 10px;
}

#header-donate {
	margin-left: 5px;
	margin-right: 10px;
}

#header-logout {
	margin-left: 10px;
}

#header-logout:hover {
    opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/* e015 = shopping cart icon */
.header-store a:before {
	font-family: "ETModules" !important;
	font-weight: bold;
	content: "\e015";
}

span.header-store {
    font-size: 12px;
    display: inline;
    padding-left: 5px;
}

.header-alerts {
	font-size: 14px !important;
}

/* Force Bloomerang widget modal over the header */
#spreedly-modal-overlay {
    z-index: 100000;
}

/* Hover color for custom top header links */
#header-home:hover, #header-faq:hover, #header-contact:hover, #header-store:hover, #header-alerts:hover { 
	opacity: 0.7;
	webkit-transition: all 0.4s ease-in-out;
	moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/* Height fix for secondary nav menu */
#et-secondary-menu {
	line-height: 18px;
}

/* Always show secondary menu, align center at smaller sizes */
@media all and (max-width: 980px) {
	#et-info {
		text-align: center;
		padding-top: 0 !important;
	}
	#et-secondary-menu {
		text-align: center;
		margin-top: 0px !important;
	}
	#et-secondary-menu ul {
		width: 100%;
	}
	#et-secondary-nav, #et-secondary-menu {
		display: flex !important;
	}
	/* Fix account link on smaller sizes */
	#et-secondary-nav li:first-of-type a {
		padding-bottom: 2px;
		margin-bottom: 5px;
	}
}

/* Fix account link on larger sizes */
@media all and (min-width: 981px) {
	#et-secondary-nav li:first-of-type a {
		padding-top: 10px;
		margin-top: -20px;
	}
}

/* Emphasize account link */
#et-secondary-menu a:first-of-type {
	padding: 10px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #00AAE7;
	font-size: 16px;
}

#et-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 0;
	font-size: 14px;
}

#et-info a:hover {
	opacity: 0.7;
	transition: all 0.4s ease-in-out;
}

#et-info a:not(:last-child) {
	margin-right: 13px;
}

#et-secondary-menu {
	display: flex;
	align-items: center;
	font-size: 14px;
	padding-top: 3px;
}

#et-secondary-menu a:hover {
	opacity: 0.7;
	transition: all 0.4s ease-in-out;
}

#et-secondary-nav li:first-of-type a{
	font-size: 16px;
}

.et-cart-info {
	padding-top: 2px;
	margin-left: 5px;
}

.et-cart-info i:before {
	font-family: 'ETmodules' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	-webkit-font-feature-settings: normal;
			font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 0px 0px; 
	content: "\e07a";
	padding-top: 2px;
}

#et-secondary-menu > ul > li a {
	display: inline;
}

@media all and (max-width: 769px) {
	#et-secondary-menu a:first-of-type{
		font-size: 14px;
	}

	#et-info a:not(:last-child) {
		margin-right: 5px;
	}

	#et-info {
		font-size: 12px;
	}

	#header-logout {
		margin-left: 5px;
	}

	.et-cart-info {
		padding-top: 2px;
		margin-left: 5px !important;
	}

	#et-secondary-menu {
		font-size: 12px;
	}

	#top-header {
		padding: 0 10px;
	}
}

@media all and (max-width: 400px) {
	#et-secondary-menu a:first-of-type{
		font-size: 12px;
	}

	#header-home {
		padding-right: 0;
	}
}

:root {
    --nav-grid-size: minmax(max-content, 220px);
    --donate-back: #F26322;
    --default-font-family: Open Sans,Arial,sans-serif;
    --desktop-header-area: "nsda-left-nav . nsda-right-nav";
    --mobile-header-area: "nsda-left-nav nsda-right-nav";
}

#top-header {
    display: grid;
    grid-template-columns: var(--nav-grid-size) 2fr var(--nav-grid-size);
    grid-template-rows: 36px;
    grid-template-areas: var(--desktop-header-area);
    grid-gap: 20px;
    color: white;
    background-color: #004e85;
    line-height: 1em;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--default-font-family);
} 

#top-header a:hover {
    opacity: 0.7;
    transition: all 0.4s ease-in-out;
}

#nsda-right-nav, #nsda-left-nav {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
}

#nsda-left-nav {
    grid-area: nsda-left-nav;
	grid-template-columns: fit-content(100px);
	justify-content: space-between;
}

#nsda-right-nav {
    grid-area: nsda-right-nav;
	grid-template-columns: auto;
    justify-content: space-around;
}

#nsda-left-nav a, #nsda-right-nav a {
    display: inline-grid;
    place-items: center;
}

#nsda-right-nav a:first-of-type {
    background-color: #00AAE7;
    padding: 0 8px;
}

#nsda-home {
    padding-right: 10px;
}

#nsda-donate {
    background-color: var(--donate-back);
    padding: 0 8px;
}

@media all and (max-width: 500px) { 
    #top-header {
        grid-template-columns: repeat(2, minmax(min-content, 100px));
        grid-template-areas: var(--mobile-header-area);
        justify-content: space-between;
        font-size: 12px;
        padding: 0 4px;
        grid-gap: 10px;
    }

    #nsda-donate, #nsda-right-nav a:first-child {
        padding: 0 5px;
    }

    #nsda-home {
        padding-right: 5px;
    }

	.fa-shopping-cart {
        font-size: 12px !important;
    }

    .fa-home {
        font-size: 12px !important;
    }
}

@media all and (max-width: 374px) {
    #nsda-home {
        padding-right: 0;
    }
}

/**
 * 3. Main Header (with logo and main "top nav" menu)
 */

/* Home Icon in nav */
li#menu-item--6531974410327736000 {
    font-size: 20px;
    color: #0073bc;
	cursor:pointer;
}

.fa-home::before {
    content: "";
    font-style: normal!important;
	font-size:20px!important;
}

/* Decrease line spacing and fonts in top nav menu */
#top-menu-nav li {
	line-height: 100%;
}
#top-menu .sub-menu > li > a {
	font-size: 12px;
}

/* Hover color for top sub-menu items*/
#top-menu .sub-menu li a:hover {
	background-color: #00AAE7;
	color: white;
}
#top-menu .sub-menu {
	width: 200px;
}
#top-menu .sub-menu li {
	padding-left: 0px;
}

/* Display search on smaller screens */
@media (max-width: 980px) {
	.et_header_style_centered #et_top_search, .et_header_style_centered .et_search_outer {
		display: inline-block !important;
	}
	.et_header_style_centered .et_search_outer {
		top: -40px;
	}
}

/* Mobile nav background color */
.mobile_nav {
	background-color: #eee !important;
}

/* Global page header and Resource Post headers */
.et_pb_fullwidth_section .et_pb_post_title {
	padding: 0 !important;
}

.nsda-resource-header .et_pb_title_container, .nsda-general-header .et_pb_title_container {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Fix Divi submenu offset */
.nav li li ul.sub-menu {
    left: 90%;
}
/* Nationals menu item code */
#top-menu .nats24 a {
	color: white!important;
height: 30px;
width: 100%;
background-color: #0073bc;
padding:8px;
font-weight:bold;
}

#top-menu .nats24 a:hover {
background-color:#3473a4!important;
}

/* Adding color to donate menu */
li#menu-item-104683 a {
    color: white!important;
    background-color: #2e9e46!important;
    padding: 8px;
   margin-bottom: 0px; 
  height:30px;
	
}
li#menu-item-104683 a:hover {
    opacity: .8!important;
}

/* Notable Alumni Indent */
#menu-item-103301 a {
    margin-left: 10px;
    padding-left: 25px;
}

/* 2 column menu layout */
.et-menu-nav li.mega-menu.mega-menu-parent-2 ul {
    width: 25%;
}

/* fix for 2 columns narrowing */
#top-menu li.mega-menu.mega-menu-parent-2>ul>li {
    width: 25%;
}

.et-menu-nav li.mega-menu ul li a {
    padding-left: 5px!important;
    align-content: center;
}

/* Padding for membership menu */
.et-menu-nav li.mega-menu.mega-menu-parent-2 li>a, .et-menu-nav li.mega-menu.mega-menu-parent li li {
    width: 100% !important;
    padding: 3px !important;
}

.et-menu-nav li.mega-menu ul {
    border-radius: 5px;
}

/* 3 Columns menu layout */
.et-menu-nav li.mega-menu.mega-menu-parent-3 li a {
    padding: 5px !important;
}

.et-menu-nav li.mega-menu.mega-menu-parent-3 ul {
    width: 60%;
}

.et-menu-nav li.mega-menu.mega-menu-parent-3 ul li {
    width: 33% !important;
}

.et-menu-nav li.mega-menu.mega-menu-parent-3 li>a, .et-menu-nav li.mega-menu.mega-menu-parent li li {
    width: 100% !important;
    padding: 3px !important;
}

/* Pointer cursor for top menu */
.et_pb_fullwidth_menu .et_pb_menu__menu>nav>ul>li.mega-menu, .et_pb_menu .et_pb_menu__menu>nav>ul>li.mega-menu {
    position: static;
    cursor: pointer;
}

/* 4 column menu layout */
.et-menu-nav li.mega-menu.mega-menu-parent-4>ul>li {
    width: 22%;
}

.et-menu-nav li.mega-menu ul {
    width: 84%;
}

.et-menu-nav li.mega-menu ul li {
    width: 210px !important;
}

.et_pb_menu li.mega-menu>ul>li>a:first-child {
    color: #3473A4 !important;
    font-size: 13px !important;
    font-weight: 700px !important;
    padding-right: 15px !important;
}

.et-menu-nav li.mega-menu.mega-menu-parent-2 li a:hover {
    background-color: none !important;
}

.et-menu-nav li.mega-menu li>a .et-menu-nav li.mega-menu.mega-menu-parent li>a, .et-menu-nav li.mega-menu.mega-menu-parent li li {
    width: 200px !important;
    padding-left: 0px !important;
}

.et-menu-nav li.mega-menu>ul>li>a:first-child {
    padding: 0 !important;
    font-weight: 400 !important;
    border-bottom: 3px solid rgba(0,0,0,.03);
    cursor: default;
}

.et-menu-nav li.mega-menu li ul {
    left: 0 !important;
}

/* Blue Hover */
.et-menu-nav li.mega-menu ul li a {
    padding-left: 5px !important;
}

.et-menu-nav li.mega-menu ul li {
    margin: 0;
    float: left !important;
    display: block !important;
    padding: 0 !important;
}

.et-menu-nav li.mega-menu ul li a:hover {
    background-color:#00AAE7 !important;
    color:white;
}

.et-menu-nav li.mega-menu ul li a:active {
    padding: 5px !important;
}

/* Aligns text to the left under menu */
.et-menu-nav li.mega-menu.et-hover li ul, .et-menu-nav li.mega-menu:hover li ul {
    display: block;
    padding-left: 0px !important;
}

/* Keeps child menu under main section */
.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu {
    left: 0 !important;
    float: left;
    width: 100% !important;
    padding-left: 0px !important;
}

/* Fix column widths */
.et_fullwidth_nav #top-menu li.mega-menu>ul {
    width: 880px;
    left: 25% !important;
    right: 25% !important;
}

/* Fix for hover on child menu */
#top-menu li.mega-menu>ul>li>a:first-child:hover {
    background-color: transparent !important;
    color: rgba(0,0,0,0.6);
}

/**
 * 4. Post/Page Content Area
 */

/* Main Content - Remove extra padding */
.et_pb_section {
	padding-top: 0 !important;
}

/* Resource Content - Remove extra padding */
.nsda-resource-content.et_pb_section {
	padding-top: 0 !important;
}

/* Fix main area overlapped by footer */
#main-content {
    overflow: auto;
}


/**
 * 5. Specific Modules
 */

/* Toggle modules */
.nsda-toggle.et_pb_module {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/* Reduce padding on button modules */
.et_pb_button_module_wrapper {
	margin-bottom: 10px !important;
}

/* Override default button color that doesn't respect the theme settings */
.et_pb_bg_layout_light.et_pb_module.et_pb_button {
	color: #00AAE7;
}

/* Callout Box */
.nsda-callout {
	border: 1px dotted #5E514E;
	padding: 20px;
}

/* Hide FAQ Group titles */
.hide-faq-title .arconix-faq-term-title { 
	display: none; }

/* Image overlays */
.overlay-light-blue {
	background-color: rgba(0, 170, 231, 0.5);
}
.overlay-medium-blue {
	background-color: rgba(35, 115, 164, 0.5);
}
.overlay-dark-blue {
	background-color: rgba(0, 78, 133, 0.5);
}
.overlay-yellow {
	background-color: rgba(255, 202, 56, 0.5);
}
.overlay-light-gray {
	background-color: rgba(219, 214, 210, 0.5);
}
.overlay-medium-gray {
	background-color: rgba(148, 138, 133, 0.5);
}
.overlay-dark-gray {
	background-color: rgba(94, 81, 78, 0.5);
}


/**
 * 6. Tables
 */

/* General tables */
.nsda-general-table {
	border-collapse: collapse;
}

.nsda-general-table th {
	background-color: #FFCA38;
	color: #5E514E;
	border: 1px solid #5E514E;
}

.nsda-general-table td {
	border: 1px solid #5E514E;
}

.nsda-condensed-table th, .nsda-condensed-table td {
	padding: 5px !important;
	font-size: 12px !important;
}

/* Override for GravityView Datatables */
.dtr-data p {
    white-space: normal;
}


/**
 * 7. Redirect Login Form
 */

/* Redirect Login form */
#redirect-login-form input[type="text"], #redirect-login-form input[type="password"] {
	height: 40px;
	width: 200px;
	font-size: 12px;
}
#redirect-login-form input[type="submit"] {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	font-family: inherit;
	text-align: center;
	color: #00AAE7;
	background-color: #FFF;
	border: 2px solid #00AAE7;
	cursor: pointer;
	transition: all .2s;
}
#redirect-login-form input[type="submit"]:hover {
	background-color: rgba(0,0,0,.05);
	border: 2px solid #FFF;
}


/**
 * 8. Jobs Plugin
 */

/* Hide post meta on job listing */
.job_listing .post-meta {
	display: none;
}

/* Fix unstyled UL's */
ul.job-listing-meta {
	list-style-type: none !important;
}

/* Better input fields and buttons */
.application_button {
	background-color: #fff;
	color: #00AAE7;
	border: 2px solid #00AAE7;
}

.job_listings input[type="text"] {
	height: 30px;
}

#submit-job-form input[type="text"], #submit-job-form select {
	height: 30px;
	font-size: 12px;
}

#submit-job-form input[type="submit"], #job_preview input[type="submit"] {
	background-color: #fff;
	color: #00AAE7;
	border: 2px solid #00AAE7;
	padding: 10px;
	font-size: 14px;
	cursor: pointer;
}


/**
 * 9. USA Debate Page
 */

/* USA Debate Profiles */
.usa-debate-profile .et_pb_blurb_content {
	max-width: 90%;
}
.usa-debate-profile .et_pb_blurb_container {
	border: 3px solid white;
	padding: 10px 20px 10px 20px;
	line-height: 1.2em;
}
.usa-debate-profile .et_pb_main_blurb_image {
	margin-right: 100px;
}
.usa-debate-member .et_pb_blurb_container {
	background-color: rgba(255, 0, 0, 0.6);
}
.usa-debate-coach .et_pb_blurb_container {
	background-color: rgba(255, 80, 0, 0.8);
}

/**
 * 10. Bloomerang Form
 */

/* Donation Button */
#donation-form-container input.btn-submit {
	background-color: #fff;
	color: #00AAE7;
	border: 2px solid #00AAE7;
    padding: 10px;
    margin-top: 10px;
    font-size: 14px;
    cursor: pointer;
}
#donation-form-container input.btn-submit:hover {
	background-color: #00AAE7;
	color: #fff;
}

/**
 * 11. Footer
 */

#main-footer {
    background-color: #004e85 !important;
}

#main-footer #menu-footer-menu li a {
	color: #FFF;
}

#et-footer-nav {
	padding: 15px 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #004e85;
}

#et-footer-nav a {
	color: #FFF;
}

#et-footer-nav i:before {
	font-size: 16px;
}

#et-footer-nav a:hover {
	opacity: 0.7;
	transition: all 0.4s ease-in-out;
}

#et-footer-nav a:not(:last-child) {
	margin-right: 20px;
}

.contact-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.footer-contact {
	display: flex;
	justify-content: space-evenly;
	padding: 15px 0;
	background-color: rgba(255, 255, 255, 0.05);
}

.footer-contact a {
	color: #FFF;
	text-align: center;
	font-size: 16px;
}

.footer-contact a:hover {
	transition: all .2s;
	transform: scale(1.1);
}

.footer-contact a:before {
	font-family: "ETmodules"!important;
	display: block;
	font-size: 24px;
}

#footer-phone:before {
	content: "\e090";
}

#footer-email:before {
	content: "\e010";
}

.nsda-panel-open {
	transition: height .25s ease;
    overflow: hidden;
	display: block !important;
}

@media all and (max-width: 769px) {
	#et-footer-nav a {
		font-size: 12px;
	}
	#et-footer-nav a:not(:last-child) {
		margin-right: 10px;
	}
}

@media all and (max-width: 400px) {
	.footer-contact {
		flex-wrap: wrap;
	}

	.footer-contact a:first-child {
		margin-bottom: 15px;
	}

	#footer-social-icons {
		margin-top: 5px;
	}
}

/* Favorites button */
.simplefavorite-button {
	font-size: 16px;
	float: right;
}
.favorites-list .simplefavorite-button {
	float: none;
}
.favorites-list li {
	list-style-type: none;
}