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


/* #5f5185 #c6c5d9 #4c3785 */
#hero aside,
aside section {background-color:#c6c5d9;}

h1, h2, h3, h4,
#articleContent strong,
#additional nav a,
aside h2 a,
aside h2 a:hover,
aside h3 a,
aside h3 a:hover        {color:#5f5185;}
header,
nav ul ul,
footer                  {background-color:#5f5185;}

a, a:hover,
#additional nav .selected, 
#additional nav a:hover     {color:#4c3785;}
.submit,
aside .contact              {background-color:#4c3785;}


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

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

.c-matter__meta {
    color: #5f5185;
}

.c-matter__pull-quote {
    background-color: #4c3785;
    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;}