@import url(https://fonts.googleapis.com/css?family=Lato:400,700);


/* #058a99 #838585 #000000 */
input[type="submit"],
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
#hero,
#hero h2 span,
footer,
#matterContent .flagBody  {background-color:#058a99;}

h1,h2,h3 {color:#058a99;}
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{background:#838585;}

#navprimary .container ul li:hover .dropdown-menu {background-color:#838585;color:#fff;}
#hero .backArrow:hover, #hero .forwardArrow:hover {
  color:#838585;
}


.subpage aside h2 a,
#additional a.selected  {color:#838585;}

.navbar-default,
.navbar-collapse,       
nav ul ul              {background-color:#058a99;}

a,
a:hover,
#additional nav a {color:#000000;}

.submit{background-color:#058a99;}
.article-008 th,
.article-012 th,
.article-017 th {background-color:#058a99}

/*CONTENT GATE MODAL*/
.c-popup__submit {
    color:#000000; border-color:#000000; background:#000000;
}
.c-popup__submit:hover {
    opacity:0.75;
}

.c-matter__meta {
    color: #058a99;
}

.c-matter__pull-quote {
    background-color: #000000;
    color: #fff;
}

body, .hero-container div, .body-container div, .footer-container div, p, a, input, textarea, .note           {font-family: Helvetica, sans-serif; font-size: 16px !important;}
.tip, .note    {font-size: 14px !important;}
.socialMedia a {font-size:25px!important;}
#hero .backArrow, #hero .forwardArrow {font-size:2.750em!important;}
    
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a  {font-family: Lato, sans-serif;}

h1, h1 a                    {font-size: 38px !important;}
h2, h2 a                    {font-size: 30px !important;}
h3, h3 a                    {font-size: 22px !important;}
header h3		            {font-size: 36px !important;}
h4, h4 a                    {font-size: 20px !important;}
header h4		            {font-size: 26px !important;}