body {background:#372357;}
img {vertical-align: middle;}


/* MAIN CONTENT STYLES */
.main-content {background:#fff; padding:111px 0 75px;}
.main-content.no-sub-nav {padding-top:62px;}
.segment {padding:/*75px*/ 50px 0;} 
.mint-segment {background-color: #A8F6D8;}
/*.mint-segment h1 + .highlight-text {color:#605079;}*/
@media only screen and (min-width: 800px) {
.main-content {padding-bottom:105px; padding:147px 0 105px;}
.main-content.no-sub-nav {padding-top:97px;}
.segment {padding:95px 0;}
}

h1, .h1 {font-size:31px; line-height:40px; font-weight:800/*extra bold*/; margin-top:36px;}
h2.h1 {margin-top:20px;} /* e.g. our personality */
h2, .h2 {font-size:22px; line-height:33px; font-weight:600/*semibold*/; color:#605079; margin:50px 0 25px;}
h3, .h3 {font-size:18px; line-height:30px; font-weight:700/*bold*/; margin-top:15px; color:#605079; color:#007555;}
.h3-lead-header {margin-top:50px;}
p + h3, p + .h3 {margin-top:30px;}
h1 + h2, h1 + .h2, .h1 + h2, .h1 + .h2, h1 + p, .h1 + p {margin-top:25px;}
.extra-margin-bottom {margin-bottom:40px;}
.x-small-text {font-size:13px; line-height:20px;}
.highlight-text, .highlight-text p/*, .highlight-text-compact p*/ {font-size:18px; line-height:37px;}
/*.highlight-text-compact, .highlight-text-compact p  {line-height:30px;}*/
/*.overview-page .hero-segment h1 {font-weight: normal; font-size:23px; line-height:33px;}*/
.hero-segment .big-word-benefit {display: block; font-size:41px; line-height:50px; text-transform: uppercase; font-weight: 800;}
.primary-nav li {font-size:18px; line-height:23px;}
.sub-nav li {font-size:14px; line-height:18px;}

@media only screen and (min-width: 800px) {
h1, .h1, h2.h1 {font-size:42px; line-height:52px; font-weight:700/*bold*/; margin-top:81px;}
h2, .h2 {font-size:28px; line-height:40px; font-weight:600/*semibold*/; margin-top:100px; margin-bottom:35px;}
h1 + h2, h1 + .h2, .h1 + h2, .h1 + .h2, h1 + p, .h1 + p {margin-top:35px;}
h3, .h3 {font-size:20px; line-height:32px; font-weight:700/*bold*/; margin-top:30px;}
.h3-lead-header {margin-top:100px;}
.segment p + h3, .segment p + .h3 {margin-top:40px;}
h4, .h4 {margin-top:30px;}
.x-small-text {font-size:14px; line-height:22px;}
.segment h1, .segment .h1, .segment h2, .segment .h2, .segment h3, .segment .h3 {margin-top:0;}
.highlight-text, .highlight-text p/*, .highlight-text-compact,  .highlight-text-compact p*/ {font-size:26px; line-height:48px; font-weight:600/*semibold*/;}
/*.highlight-text-compact, .highlight-text-compact p {line-height:40px;}*/
.overview-page .hero-segment h1 {font-size:42px; line-height:52px; font-weight:bold;}
.hero-segment .big-word-benefit {font-size:96px; line-height:112px;}
.sub-nav li {font-size:15px; line-height:19px;}
.c1, .c10, .c11, .c12, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9 {padding-left:30px; padding-right:30px;}
}

/* COLOR */
footer p, footer a {color:#aaa;}

/* FONT WEIGHT */
.muli-light {font-weight:300;}
.muli-regular {font-weight:400;}
.muli-semibold {font-weight:600;}
.muli-bold {font-weight:700;}
.muli-extrabold {font-weight:800;}
.muli-black {font-weight:900;}

/* HEADER STYLES */
.header-wrapper {position:fixed; width:100%; z-index: 1000;}
.header-wrapper .c12 {padding:0;}
.header {background:#fff;}
.esu-logo img {width:240px; margin-top:15px;} 
.primary-nav {margin-bottom:0; clear:left; padding-left:0;}
.primary-nav li {list-style-type: none;}
.primary-nav a {color:#372357; font-weight: 700/*bold*/; display: block; padding:10px 25px; border-bottom:2px solid #d0d0d0;}
.primary-nav a.you-are-here, .primary-nav a:hover {text-decoration: none !important; color:#007555;}
.sub-nav {background-color:#E6FDF5; padding-left:25px; white-space: nowrap; overflow-x:auto; -webkit-overflow-scrolling: touch;}
.sub-nav ul {margin:0; padding:0;}
.sub-nav li {list-style-type: none; display: inline; margin:0 9px;}
.sub-nav li:first-of-type {margin-left:0;}
.sub-nav a {color:#555; padding:14px 0; display: inline-block;}
.sub-nav a.you-are-here, .sub-nav a:hover {color:#007555; text-decoration: none !important;}
.sub-nav a.you-are-here {border-bottom:3px solid #018361;}
.nav-toggle-container {float: left; border-right: 2px solid #736B87; height: 40px; padding:4px 15px 0 25px; margin: 12px 36px 0 0;}
.container-mobile-navbar {border-bottom:2px solid #d0d0d0; min-height:62px;}

.esu-button a {font-size:23px; display:inline-block; color:#fff; background-color:#0062D0; border-radius:4px; padding:12px 18px; font-weight: 400/*regular*/;}
.esu-button a:hover {background-color:#0345a2; color:#fff; text-decoration: none;}

@media only screen and (max-width: 370px) {
.nav-toggle-container {margin-right:20px;}
}

@media only screen and (max-width: 799px) {
.menu-hidden-mobile {display:none;}
.hp-cta-segment .esu-button a {width:100%;}

}

@media only screen and (min-width: 800px) {
.header-wrapper .c12 {padding-left:30px; padding-right:30px;}
.header {min-height:97px; padding-top:29px;padding-bottom:29px; border-bottom:1px solid #D0D0D0;}
.nav-toggle-container {display: none;}
.esu-logo img {margin-top:7px;}
.primary-nav {float:right; clear:inherit; display: inline-block; text-align: right; margin-top:-6px;}
.primary-nav li {display: inline; list-style-type: none;  margin-left:15px; font-size:15px;}
.primary-nav a {display: inline-block; border-bottom:0; padding:0;}
.sub-nav {font-size:15px; line-height:19px; padding-left:0;}
.sub-nav ul {overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;}
.sub-nav li {margin:0 19px;}
.container-mobile-navbar {border-bottom:none; display:inline;}
.esu-button a {font-size:15px; padding:12px 18px;}
}
@media only screen and (min-width: 975px) {
.esu-button a {padding:12px 18px; font-size:20px;}
.primary-nav li {margin-left:36px; font-size:18px;}
}
@media only screen and (min-width: 1100px) {
.esu-logo img {width:312px; margin-top:0; /*margin-left:36px;*/}
.esu-button a {padding:15px 30px;}
}


/*.attribute-card-wrapper {margin-bottom:54px;}*/
.attribute-card {border: 1px solid #979797; margin:54px 0 0; padding-bottom:20px; background:#fff;}
.attribute-card img {width:75px; height:75px; float:left; margin-left:21px; margin-top:-12px; }
.attribute-card h3 {background-color:#372357; color:#fff; font-size:23px; font-weight: 600; margin:0 0 30px; padding:10px 0 10px 124px;}
.attribute-card p, .attribute-card h4 {padding:0 30px;}
.attribute-card .example-area {background-color: #E6FDF5; padding:50px 0; margin-top:0;}
.attribute-card .example-area:last-child {margin-bottom:0;}
.attribute-card.pale-mint-card {padding-bottom:0; background-color:#E6FDF5}
.attribute-card.pale-mint-card h3 {margin-bottom:0;}
.attribute-card.pale-mint-card h4 {margin-top:0; /*padding-top:90px;*/}
.attribute-card.pale-mint-card .light-section {padding:60px 0 30px; background:#fff;}
@media only screen and (max-width: 799px) {
.overview-page .attribute-card-first {margin-top:75px;}
}
@media only screen and (min-width: 800px) {
.attribute-card-wrapper {display:flex; flex-wrap: wrap;}
.attribute-card img {width:130px; height:130px; margin-left:44px; margin-top:-20px;}
.attribute-card h3 {font-size:28px; padding:24px 0 24px 206px; margin:0 0 50px;}
.attribute-card p, .attribute-card h4 {padding:0 50px;}
.attribute-card-wrapper .attribute-card {width:calc(50% - 25px);;}
.attribute-card-wrapper .attribute-card:nth-child(odd) {margin-right:25px;}
.attribute-card-wrapper .attribute-card:nth-child(even) {margin-left:25px;}
}

/* FOOTER STYLES */
footer {padding: 50px 0 80px}
footer p {font-size:10px; line-height:15px; margin-bottom:12px;}

/* SKIP NAV */
.skip-nav {list-style:none; position:absolute; top:0; left:0; z-index:9000; color:#fff}
.skip-nav li {position:absolute; width:200px;}
.skip-nav a {text-decoration:none; position:absolute; left:-999px;}
.skip-nav a:focus {background:#000; color:#fff; left:0; padding:3px 10px;}

/* VOICE & TONE: DO'S AND DON'TS */
.gray-line {border-bottom:2px solid #ddd; margin:50px 0;}
.header-be-this, .header-not-this {padding-bottom:10px;}
.header-be-this {border-bottom:3px solid #517A2D;}
.header-not-this {border-bottom:3px solid #BD3900;}

/* VOICE & TONE: DO'S AND DON'TS */
.voice-and-tone-page .header-be-this, .voice-and-tone-page .header-not-this {margin-bottom:25px;}
.voice-and-tone-page .header-not-this {margin-top:48px;}
@media only screen and (min-width: 800px) {
.voice-and-tone-page .gray-line {margin:30px 0 20px;}
.voice-and-tone-page .header-be-this, .voice-and-tone-page .header-not-this {margin-top:15px; margin-bottom:50px;}
}

/* LOGO & TAGLINE */
.esu-logo-row img {max-width:285px;}
.caption-copy {margin-bottom:5px;}
.img-not-this {margin-bottom:15px;}
@media only screen and (min-width: 800px) {
.img-not-this {margin-bottom:0;}
.esu-logo-row-first img {margin-bottom:43px;}
/*.esu-logo-row .c4 {text-align: left;}
.esu-logo-row .c4:nth-of-type(2) {text-align: center;}
.esu-logo-row .c4:nth-of-type(3) {text-align: right;}*/
}

@media only screen and (min-width: 800px) {
.border-right-desktop {border-right:1px solid #979797;}
.border-left-desktop {border-left:1px solid #979797;}
}
@media only screen and (max-width: 349px) {
.hero-segment .big-word-benefit {font-size:35px; line-height:42px;}
.esu-logo img {width:222px;}
}

.hero-segment .big-word-benefit {margin-top:10px;}

@media only screen and (min-width: 800px) {
.hero-segment .big-word-benefit {margin-top:30px;}

}