/* colors
white				fff
light grey	ccc
grey				666
dark grey		474747
violet			603
*/

body      {background-color:#ccc;}
a,
a:hover   {color:#603;}
h1,h2,h3  {color:#474747;}

input,
textarea              {border:1px solid #ccc;}
input[type="submit"]  {background-color:#603;}

aside h2 a,
aside h2 a:hover {color:#474747;}

header h3   {color:#fff;}
header h4   {color:#474747;}

#agentPhoto {border:1px solid #ccc;}

nav             {background-color:#3F001C;}
nav a           {border-left:1px solid #eee;}
nav .container>a { margin-left:0; padding-left:0; border-left:none; }
nav a,
nav a:hover     {color:#eee;}
nav ul ul       {background-color:hsla(333, 100%, 12%, 0.90);}
nav li li:hover {background-color:#623046; background-color:hsla(0, 100%, 100%, 0.10);}

/*@media only screen and (max-width: 480px) {
    nav li { background:#751545; }
    nav li ul { background:#680031; }
    nav li ul li { background:#680031; }
}*/

#hero h2 span     {background-color:#3F001C; background-color:hsla(333, 100%, 12%, 0.90);}
#hero .container  {border:1px solid #ccc;}

#content {background-color:#eee;}

#subContent .right,
#subContent .left   {background-color:#ddd;}

footer          {color:#ccc; background-color:#3F001C;}
footer a,
footer a:hover  {color:#ccc;}

#matterContent .flagBody {background:#603;}

#glossaryContent h3 a {color:#603;}

#additional nav li      {border-color:#603;}
#additional nav a       {color:#474747;}
#additional h4 a,      
#additional a.selected  {color:#603;}

/* This is for the video-scroll-play script */
.js-video-autoplay {
  width: 100%;
  margin-bottom: 40px;
}

/*CONTENT GATE MODAL*/
.c-popup__submit {
    color: #660033 !important;
    background-color: #660033;
    border-color: #660033;
}

.c-popup__submit:hover {
    color: #4D001A;
    background-color: #4D001A;
    border-color: #4D001A;
}

.c-matter__meta {
    color: #660033;
}

.c-matter__pull-quote {
    background-color: #99004d;
    background-image: linear-gradient(to top, #660033 0%, #99004d 100%);
    color: #fff;
}