@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
  margin: 0;  background-color: #212F63;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.header {background:#212F63;}
.content {margin: 0 auto; width:75%;}
.banner {margin: 0 auto;width:75%;}
.nav {margin: 0 auto; width:75%;}
.footer {background:#212F63; color:white;margin: 0 auto;}

p, li {font-size:1em;}
h1,h2, {font-size:1.5em;margin-left:5%;margin-right:5%;}
h3,h4 {font-size:1.2em;margin-left:5%;margin-right:5%;}
a {color:black;text-decoration:underline;}

.footer p {margin: 0 auto;width:75%;color:#cccccc;font-size:0.7em;padding:20px;}
.footer a {color:#cccccc;text-decoration:underline;}

.left {float:left;width:46%;margin-left:2%;margin-top:2%;margin-bottom:2%;background:#ffffff;border:5px solid #FAA31B;border-radius: 20px;}
.right {float:right;width:46%;margin-right:2%;margin-top:2%;margin-bottom:2%;background:#c9ceef;border:5px solid #9C2328;border-radius: 20px;}
.singleleft {float:left;width:70%;margin:1%;background:#ffffff;border:5px solid #FAA31B;border-radius: 20px;}
.singleright {float:left;width:24%;margin:1%;background:#c9ceef;border:5px solid #9C2328;border-radius: 20px;}
.full {margin: 0 auto;width:96%;background:#ffffff;border:5px solid #FAA31B;border-radius: 20px;float:none;clear:both;}

@media (max-width: 1300px) {
.left {margin:2%;width:96%;background:#ffffff;border:5px solid #FAA31B;border-radius: 20px;float:none;clear:both;}
.right {margin:2%;width:96%;background:#c9ceef;border:5px solid #9C2328;border-radius: 20px;float:none;clear:both;}
.singleleft {margin:2%;width:96%;background:#ffffff;border:5px solid #FAA31B;border-radius: 20px;float:none;clear:both;}
.singleright {margin:2%;width:96%;background:#c9ceef;border:5px solid #9C2328;border-radius: 20px;float:none;clear:both;}
.content, .banner, .nav {margin: 0 auto; width:96%;}
}

.left p, .right p, .full p, .singleleft p, .singleright p {margin-left:5%;margin-right:5%;}
.left h2, .right h2, .singleleft h2, .singleright h2 {margin-left:5%;margin-right:5%;color:#212F63;}

.full h2 {text-align:center;padding:10px;color:#212F63;}
.full img {float:left;width:21%;margin:2%;}

.social {float:right;width:25%;}
.social img {float:right;width:12.5%;margin-bottom:10px;}
.footsoc img {width:6.25%;}

.footsoc {text-align:left;margin-left:13.5%;width:45%;}

.button {
  background-color: #212F63;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  font-weight:bold;
  border-radius: 20px;
}

.hotbutton {
  background-color: #9C2328;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  font-weight:bold;
  border-radius: 20px;
}

.button:hover, .footer .button:hover {
  background-color: #9C2328;
  color: white;
  text-shadow: 2px 8px 8px #000000;
  transform: translateY(-3px);
  border-radius: 20px;
}

.button2 {
  background-color: #9C2328;
  border: none;
  color: white;
  float:right;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.8em;
  border-radius: 20px;
}

.button3 {
  background-color: #FAA31B;
  border: none;
  color: black;
  float:right;
  padding: 8px 16px;margin-bottom:10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.8em;
  border-radius: 20px;
}

.button2:hover, .footer .button2:hover {
  background-color: #FAA31B;
  color: white;
}

.button3:hover, .footer .button3:hover {
  background-color: #9C2328;
  color: white;
}

.footer .button {
  background-color: #212F63;
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.7em;
  font-weight:normal;
}

.footer .button2 {
  background-color: #9C2328;
  border: none;
  color: white;
  float:right;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.5em;
}

.footer .button3 {
  background-color: #FAA31B;
  border: none;
  color: black;
  float:right;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.5em;
  border-radius: 20px;
}

#popupAd {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;border-radius:20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000; /* Ensure it's above other content */
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999; /* Below the popup but above other content */
    display: none;
}

table {border-collapse: collapse;text-align: left; font-size: 0.8em} td{border:0px; padding: 10px; vertical-align: top;}
th {border:0px; padding: 10px; vertical-align: top;}
tr {border-bottom:1px solid gray;}
.note-text {word-wrap: break-word; word-break: break-word; font-size: 1em; padding: 10px 0px;}
.note-commenter-name, .report-note-header {top: 15px;left: 10px; color: #5a6674; z-index: 999; font-size: 0.9em; padding: 0.5em 0em 0em 0em;}
td:nth-child(1) a { display: inline-block;}
td:nth-child(6){min-width: 150px; }
td:nth-child(6){min-width: 50px; }
.billcard-bill-tag, .billcard-client-by-client-tag {padding:5px;}
.bill-action-date {padding-top: 5px; padding-bottom: 5px;}
.bill-action-list {margin-top: 5px; margin-bottom: 0px; padding: 0px;}
.billcard-companion-bills{margin-top: 15px; font-size: 0.9em;}
.bill-list-category-section{margin-bottom: 20px;}
.bill-list-category-title{padding-bottom: 5px; color: #27649c;}
.billcard-bill-title{margin-bottom: 10px;font-size: 1.4em;font-weight:bold;}
.billcard-bill-summary{margin-top: 15px; font-size: 0.6em; color: #667093}
.hearing-title{font-weight: bold}
.support {background:#018529;color:#ffffff;}
.support a {color:#ffffff;}
.support span, .oppose span {font-size:1.4em;font-weight:bold;}
.oppose {background:#9c2328;color:#ffffff;}
.oppose a {color:#ffffff;}
.hdist{margin: 20px;}