@import url(https://fonts.googleapis.com/css?family=Quattrocento);


/* #00B8DE #24135F #000000 */
#hero aside {background-color:#24135F;}

h1, h2, h3, h4,
#articleContent strong,
#glossaryContent h3 a,
aside h2 a,
aside h2 a:hover,
aside h3 a,
aside h3 a:hover,
#additional nav a       {color:#00B8DE;}
header,
nav ul ul,
footer                  {background-color:#00B8DE;}
#additional nav a       {border-left:1px solid #00B8DE;}

a, a:hover,
#additional nav .selected, 
#additional nav a:hover     {color:#000000;}
.submit, .solana-btn                  {background-color:#000000;}

.article-008 th,
.article-012 th,
.article-017 th {background-color:#00B8DE; color:#fff;}

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

.c-matter__meta {
    color: #00B8DE;
}

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

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a  {font-family: Quattrocento, serif;}

h1, h1 a                    {font-size: 34px !important;}
h2, h2 a                    {font-size: 26px !important;}
h3, h3 a                    {font-size: 20px !important;}
header h3		            {font-size: 34px !important;}
h4, h4 a                    {font-size: 18px !important;}
header h4		            {font-size: 24px !important;}