/* :::::::::::::::   GENERAL  :::::::::::::::  */
.small {font: 200 11px arial, sans-serif }
/* Used on Legislation tables */
.highlight {color:white; border-radius: 1px; }
.highlight-text {color: #ee7744; }

#column-main.issues h1 {font-family: Prata, serif; font-size: 50px;}
#column-main.issues h3.subhead {text-transform: uppercase; color: #009999; letter-spacing: .5em;}
#column-main.issues .quote { font-family: Prata, serif; }


.bg-gold {background-color:#fcc66f; }
.bg-green {background-color: #009999;}
.bg-blue-lt:  {background-color: #5ed3fc;}
.blue-lt:  {background-color: #5ed3fc;}

a.button {background-color: #009999;}


/* :::::::::::::::   YEARLY PAGE LEG LIST :::::::::::::::  */
#column-main.leg {float: left; width: 70%; margin-right: 2% }
#column-sidebar.leg {float: left; width: 22%; margin: 0}



/* :::::::::::::::   HOMEPAGE LEG LIST :::::::::::::::  */
div.leglisting {text-align: left; clear: both; line-height: 1.4; }
div.leglisting img {float: left; margin-right: 20px}
h1.legnumber {color: #000; font-size: 20px; font-weight: bold; margin:5px 0 0 15px }
div.leglisting h1 .title {font-size: 16px; font-weight: bold}


/* :: LEG INFO COLUMNS used on legislature-resources ::  */

#column-main.info-legislature .subhead {font: bold 14px arial, helvetica; text-transform: uppercase; color: black; }
#column-sidebar.info-legislature h1 {font-size: 20px; }

#column-sidebar.info-legislature .box-subtle {text-align: left; width: 100%}

/* :: LEG INFO COLUMNS used on legislation-VA-2021 :: */

#column-sidebar.leg-list  section { text-align: left; padding-left: 30px; width: 100%;}

/* :::::::::::::: LEGISLATION INDIVIDUAL ISSUE/Working Group PAGES ::::::::::::  */

#column-main .box-legislation {
height: auto; margin: 5px 10px; display:block; text-align: left; 
padding: 10px 30px; 
border-radius: 20px; 
overflow: auto; resize: vertical; border: solid 6px #333
}

#column-sidebar.issues  { text-align: left; }
#column-sidebar.issues section.issues  { 
border-radius: 20px; padding: 10px 20px; font: normal 14px arial, sans-serif; }

#column-sidebar.issues h3 {font-size: 16px; color: #88aaaa; text-transform: uppercase}

#column-sidebar .sampletext  { text-align: left; margin: 0 10px; }

.button-cta {
position: relative; 
text-align: center; 
display: block; width: 90%; 
margin: 0 5% 20px 5%; 
top: 15px;
}

/* ::::::::::::::::::::::: PHONE  VIEW ::::::::::::::::::::*/

@media only screen and (max-width: 600px) {

body {margin: 5px }

#column-sidebar section  { 
border-radius: 10px; padding: 5px 10px; font: normal 14px arial, sans-serif; 
margin-left: 0;}
}

/* ::::::::::::::: BOXES :::::::::::: */
.email-button {
position: relative; top:10px; 
margin-top: 0px;
text-align: center; 
width: 86%; min-width: 250px;
border: outset 2px #888;
padding: 20px; margin: 0px 7%; 
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
 -moz-box-shadow: 1px 2px 4px rgba( 0, 0,.9, .9);
-webkit-box-shadow: 1px 2px 4px rgba( 0, 0, .9, .9 );
    box-shadow: 1px 2px 4px rgba( 0, 0, .9, .9);
overflow: hidden; 
}

/* :::::::::::::::  BULLETS :::::::::::::::  */

section.box-legislation ul {
  list-style: none; /* Remove default bullets */
}

section.box-legislation ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #2B52AF; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


/* :::::::::::::::: Glossary ::::::::::::::: */
#glossary {
text-align: left;
padding: 20px; 
font-size: 12px;
}

#glossary h1 {
font-size: 24px
}

#glossary b {
color: #000;
}

/* :::::::::::::::  TABLE  :::::::::::::::  */
table#legislationtable-status { border: none; width: 100%; margin-top:0px; }
#legislationtable-status th,  #legislationtable-status td { border: none;}
#legislationtable-status th { font-size: 10px; letter-spacing: .1em;}
#legislationtable-status h1 { font: bold 20px helvetica, arial, sans-serif}
#legislationtable-status td.status { text-align: center}


table#legislationtable  {
background-color: #fff; color: #333333;
padding: 10px;
width: 100%; 
border-radius: 10px;
margin-top: -10px; margin-left: 10px;
border: solid 1px #ccc; 
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

table#legislationtable  tr th {
font-size: 10px; font-weight: bold;
text-transform: uppercase;
color: #ee7744;
background-color: white; 
border: none;
padding: 5px 0 5px 0; margin:0;
text-align: center;
}

table#legislationtable  tr.heading {
background-color: white; 
margin:0;
}

table#legislationtable  tr td {
color: #333333;
font-size: 15px;
line-height: 1.2; 
padding: 5px 2px 5px 2px ; margin:0;
vertical-align: top;
}


table#legislationtable  tr td  .flag { 
position: absolute; top: 25px; left: 0;
width: 55px; padding: 2px 5px;
font-size: 12px; 
color: #fff; letter-spacing: 0em;
border-radius: 5px;
text-align: center;
margin-left: -25px; margin-top: -24px; 
-ms-transform: rotate(-15deg); /* IE 9 */
-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
transform: rotate(-15deg);
opacity: .80;
z-index: 300; 
}

table#legislationtable  tr td.patron {
font-size: 11px;
min-width: 120px;
text-align: center;
}

table#legislationtable  tr td.summary { font-size: 12px; text-align: left}
table#legislationtable  tr td.summary b { font-size: 16px;}

table#legislationtable  tr td.status { text-align: center; color: #333333;}

table#legislationtable  tr td a {
font-weight: bold;
line-height: 1.2; 
 }

table#legislationtable .highlight, 
#key .highlight { 
display: block;
width: 65px;
color: white; 
border-radius: 4px; 
font-size: 12px;
text-align: center;
padding: 2px 0;
}



#key.opensesame .detail  {
border: solid 1px #aaa; border-radius: 10px; 
background-color: #eee; 
margin-left: 30px;
padding: 5px 20px; 
line-height: 2; 
 -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);}

#key.opensesame {
position:absolute; top:0; left:10px; 
width: 90%;
margin-left: 20px; margin-bottom: 10px;
z-index: 300 }

table#legislationtable a:hover .highlight { background-color: blue }
table#legislationtable tr:nth-child(1) { background-color: #fff;}


.highlight .tabletag {
position: relative; display: block; 
margin-left:-20px; 
width: 60px; 
padding: 3px; 
text-align: center; font-weight: bold;
border-radius: 3px;
}


/* :::::::::::: ADVOCACY iframe ::::::::::: */

#column-main.advocacy iframe { width: 100%; height: 900px }