/*MEGA NAV STYLES*/
/* mega menu list */
.nav-menu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
}

/* a top level navigation item in the mega menu */
.nav-item {
    list-style: none;
   	float: left;
    padding: 0;
    margin: 0;
    position: relative;
    border-left: 1px dashed #756307;
}

/* first descendant link within a top level navigation item */
.nav-item > a {
    position: relative;
    display: inline-block;
    padding: 0.7em 1em;
    margin: 0 0 -1px 0;
    border: 1px solid transparent;
    color: #103863;

}

/* focus/open states of first descendant link within a top level 
   navigation item */
.nav-item > a:focus,
.nav-item > a.open {
    border: 1px solid #dedede;
}

.nav-item > a:focus, .nav-item > a.open:hover, .nav-item >a:hover {
	color: #103863;
	background-color: #fdfad9;
}

/* open state of first descendant link within a top level 
   navigation item */
.nav-item > a.open {
    background-color: #fdfad9;
    border-bottom: none;
    z-index: 1;
}

/* sub-navigation panel */
.sub-nav {
    position: absolute;
    display: none;
    top: 2.6em;
    margin-top: -1px;
    padding: 0.5em 1em;
    border: 1px solid #dedede;
    background-color: #fff;
}

/* sub-navigation panel open state */
.sub-nav.open {
    display: block;
}

/* list of items within sub-navigation panel */
.sub-nav ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 1em 0 0;
    padding: 0;
}

/* list item within sub-navigation panel */
.sub-nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#header .sub-nav a {
	padding: 0.3em;
	font-size: 16px;
}

#header .sub-nav li > ul {
	padding-left: 1em;
}

#header .sub-nav li > ul > a {
	padding: 0.1em;
}

#general-info-nav .subnav li:first-child {
	margin-top: 0 !important;
}

#header .sub-nav a:hover, #header .sub-nav a:focus {
	background-color: #ffd51d;
}

#target-sections {
	font-size: 11px;
	right: 116px;
}

#target-sections li, #head-login-buttons li {
	padding: 0;
}

#target-sections a, #head-login-button a {
	padding: 0.3em 0.8em;
}

#target-sections a:hover, #target-sections a:focus, #head-login-button a:hover, #head-login-button a:focus {
	text-decoration: underline;
}

#helper-nav {
	font-size: 13px;
}

#helper-nav a:hover, #helper-nav a:focus {
	color: white;
}

#general-info-nav .subnav, #general-info-nav .subnav li {
	padding: 0;
	margin: 0;
}

#general-info-nav .subnav > ul {
	margin: 0;
}

#general-info-nav .subnav {
	top: 37px;
}


/*GENERAL STYLES*/
body {
	background: none;
}

.sr-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;
}


/*TESTIMONIALS*/
blockquote {
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 0 15px;
}

blockquote::before {
    content: url(/whsc-assets/img/line-double-yellow-h10.png);
}

blockquote cite {
    font-size: 11px;
    text-align: right;
}

blockquote cite span {
    display: block;
}

blockquote cite span.company {
    font-weight: bold;
}

.item.content-entry blockquote, .item.content-entry.even blockquote {
    font-size: 18px;
    line-height: 1.5;
}

.item.content-entry blockquote::before {
    content: '';
}

.item.content-entry blockquote cite {
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

#content-box > .testimonials-list {
    width: 100%;
    margin-left: 0;
}

/*HOME PAGE EDITS*/
.inline-callout-youth h3, .inline-callout-youth a {
    color: #a76100;
}

    /*footer*/
    #footer {
        padding: 20px 0;
    }
    footer, #company-contact-info-box, #site-helper-nav li, #site-helper-nav a{
        color: #565656;
        font-size: 15px;
    }

    footer #company-contact-info-box .slogan, #additional-navs a{
        color: #565656 !important;
    }

    #site-helper-nav .social-media i {
        font-size: 24px;
        margin-right: 3px;
        color: #565656;
    }


