/*
Theme Name: Louisiana Oil and Gas Association
Description: Wordpress Theme Designed for Louisiana Oil and Gas Association.
Author: Kristopher
Version: 1.0
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
:root {
  --default: #333;
  --default-color: #333;
  --white: #ffffff;
  --btn-color: #103057;
  --shilo-color: #e8aeae;
  --sky-blue: #72a9ec;
  --blue: #103057;
  --navy: #071d38;
  --fun-blue: #1f61b2;
  --header-font: "futura-pt", sans-serif;
  --body-font: "proxima-nova", sans-serif;
  --button-radius: 0px;
  --line-height-desktop: 43px;
  --line-height-mobile: 31px;
  --base-fontsize: 17px;
  --base-lineheight: 1.3em;
  --max-width: 1262px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
ol {
  margin: 0 0 10px 1.5em;
}
ul {
  margin: 0 0 10px 1.5em;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  height: 100vh;
  width: 100%;
}
html {
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  background: none repeat scroll 0 0 #ffffff;
}
html,
body,
input,
textarea {
  font-family: var(--body-font);
  font-weight: 400;
  font-weight: normal;
  font-size: var(--base-fontsize);
  line-height: var(--base-lineheight);
  color: var(--default);
  letter-spacing: -0.01em;
}
a {
  color: var(--btn-color);
  outline: medium none;
  text-decoration: none;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
a:hover {
  color: var(--btn-color);
  text-decoration: underline;
}
.clear {
  clear: both;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
iframe {
  max-width: 100%;
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.1em;
  padding-bottom: 0.4em;
  font-family: var(--header-font);
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.17em;
}
h4 {
  font-size: 1.12em;
}
h5 {
  font-size: 0.83em;
}
h6 {
  font-size: 0.75em;
}
p {
  margin-bottom: 1.5em;
}
ul {
  margin-bottom: 1.5em;
}
strong {
  font-weight: bold;
}
cite,
em,
i {
  font-style: italic;
}
ins {
  text-decoration: none;
}
pre {
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 9.5px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
sup,
sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 0.8em;
}
sub {
  top: 0.3em;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
hr {
  background: none repeat scroll 0 0 #d8d8d8;
  border: medium none;
  clear: both;
  height: 1px;
  margin: 12px 0;
}
blockquote {
  margin: 0 0 1.35em;
  padding: 0 0 0 1.6rem;
  position: relative;
  font-style: italic;
}
blockquote::before {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  border-left: 2px solid #72a9ec;
}
blockquote p {
  color: #333;
  font-family: var(--body-font);
  font-size: 1.411rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.8em;
  letter-spacing: -0.01em;
  margin-bottom: 1.35em;
}
blockquote cite {
  color: #005eb6;
  display: block;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input.text,
input.title,
textarea,
select {
  background: #ffffff;
  border: none;
  height: 55px;
  line-height: 55px;
  border-radius: 8px;
  border: 1px solid #afcaea;

  color: #666;
  font-family: var(--body-font);
  font-size: 1.055rem;
  font-weight: 500;
  letter-spacing: -0.01em;

  padding: 0px 1em;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus {
  border: none;
}
input[type="submit"],
button,
.button {
  background: var(--btn-color);
  border-radius: var(--button-radius);
  display: inline-block;
  height: var(--line-height-desktop);
  line-height: var(--line-height-desktop);
  max-width: 100%;
  padding: 0 1.1em;
  text-align: center;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  width: auto;
  cursor: pointer;
  border: none;
  font-family: var(--body-font);
  font-style: normal;
  font-weight: 700;
  font-size: 0.94rem;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #fff;
}
.button.inactive {
  opacity: 1;
  background: #071d38;
  color: #526986;
  pointer-events: none;
}
.button.orange {
  background: #e37f23;
}
.button.btn-white {
  background: #fff;
  color: var(--blue);
}
.button.btn-fun-blue {
  background: var(--fun-blue);
}
.button.btn-sky-blue {
  background: var(--sky-blue);
  color: var(--navy);
}
.button.btn-navy {
  background: var(--navy);
}
.button.btn-xs {
  height: var(--line-height-mobile);
  line-height: var(--line-height-mobile);
  font-size: 12px;
}
.button.btn-outline-white,
.button.btn-outline-blue,
.button.btn-outline-grey {
  background: none;
  border: 2px solid #fff;
  color: #fff;
  line-height: calc(var(--line-height-desktop) - 4px);
}
.button.btn-outline-white.btn-xs,
.button.btn-outline-blue.btn-xs,
.button.btn-outline-grey.btn-xs {
  line-height: calc(var(--line-height-mobile) - 2px);
}
.button.btn-outline-blue {
  border-color: var(--blue);
  color: var(--blue);
}
.button.btn-outline-grey {
  border-color: #878787;
  color: #878787;
}
.button sub {
  font-size: 0.64em;
  top: 0em;
}
.button.sml {
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
}
.button.tiny {
  height: 42px;
  line-height: 42px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  font-weight: 600;
  font-size: 1.0588rem;
  padding: 0 0.91em;
}
.button.tiny.hollow {
  line-height: 38px;
}
.button.highlight {
  background: #c72727;
}
input[type="submit"]:hover,
button:hover,
input[type="submit"]:focus,
button:focus,
.button:hover {
  background: #222;
  color: #fff;
  text-decoration: none;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
} /* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
} /* IE7 */
.screen-reader-text {
  text-indent: -9999px;
  display: none;
}
table {
  background: none repeat scroll 0 0 #eeeeee;
  border-collapse: separate;
}
table th {
  background: none repeat scroll 0 0 #f6f6f6;
  font-weight: 700;
  padding: 5px 10px;
  text-align: left;
}
table td {
  background: #fff;
  padding: 5px 10px;
}
/*------------------------------------------------*/
/*-------------------[TYPOGRAPHY]-----------------*/
/*------------------------------------------------*/
.row {
  margin: 0 -20px;
}
.row > * {
  padding-left: 20px;
  padding-right: 20px;
}
.highlight,
.text-highlight {
  color: #7cab40 !important;
}
.text-fern {
  color: #437326;
}
.text-green {
  color: #a1cb6b;
}
.bg-highlight {
  background-color: #7cab40 !important;
}
.text-right {
  text-align: right;
}
.font19 {
  font-size: 1.117rem;
  line-height: 1.58em;
}
.font21 {
  line-height: 1.58em;
  font-size: 1.235rem;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex.reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#searchsubmit {
  font-family: FontAwesome;
}
.font24 {
  font-size: 1.2rem;
  line-height: 1.74em;
}
.text-blue {
  color: var(--blue);
}
.text-fun-blue {
  color: var(--fun-blue);
}
/*------------------------------------------------*/
/*--------------------[IMAGES]--------------------*/
/*------------------------------------------------*/
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
  max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 6px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}
.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  max-width: 632px !important; /* prevent too-wide images from breaking layout */
  padding: 4px;
  text-align: center;
}
.wp-caption img {
  margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}
.wp-smiley {
  margin: 0;
}
/*------------------------------------------------*/
/*------------------[GRAVITY FORMS]---------------*/
/*------------------------------------------------*/
.gform_wrapper {
  position: relative;
}
.gform_fields {
  margin: 0 -8px;
  position: relative;
  padding: 0;
  list-style: none;
}
.gform_fields:after,
.gform_fields:before {
  content: " ";
  display: table;
  clear: both;
}
.gform_fields > .gfield {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
  float: left;
  width: 50%;
  padding-bottom: 15px;
  position: relative;
}
.gform_fields > .gfield.fullwidth {
  width: 100%;
}
.gform_fields > .gfield input[type="text"] {
  width: 100%;
}
.gform_fields > .gfield textarea {
  width: 100%;
  height: 120px;
}
.gform_footer img {
  position: absolute;
}
.validation_error {
  display: none;
}
.gfield_description.validation_message {
  font-size: 0.7em;
  line-height: 1em;
  position: absolute;
  color: #ff0000;
  bottom: 16px;
  right: 20px;
}
.gfield_label {
  line-height: 53px;
  font-style: normal;
  font-weight: 400;
  font-size: 1.294rem;
  color: #666666;
  position: absolute;
  left: 1.5rem;
  top: 0;
}
.gfield.toggle-label .gfield_label {
  font-size: 11px;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  top: 2px;
}
.errorMessages {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*------------------------------------------------*/
/*-------------------[STRUCTURE]------------------*/
/*------------------------------------------------*/
.container {
  position: relative;
  max-width: var(--max-width);
  padding-left: 20px;
  padding-right: 20px;
  z-index: 9;
}
main.main-sections {
  padding: 0;
}
.rowLinks {
  display: flex;
  align-items: center;
}
.justify-content-center .rowLinks {
  justify-content: center;
}
.rowLinks .btnMore {
  display: inline-block;
  margin-left: 1.5em;
  color: #fff;
  font-size: 1.058rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1em;
  font-style: italic;
}
.rowLinks .btnMore a {
  display: inline-block;
  color: #fff;
}
.bg-image {
  position: absolute;
  display: block;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
.bg-image:after,
.bg-image:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.bg-image img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.bg-image.cover {
  width: 100%;
  height: 100%;
  position: absolute;
}
section {
  padding: 4.65rem 0 3.7rem;
  position: relative;
  overflow-x: hidden;
}
section:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 9;
}
section h2 {
  font-size: 2.82rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.04em;
  letter-spacing: -0.01em;
}
section h3 {
  font-size: 2.47rem;
  font-weight: 500;
  line-height: 0.94em;
}
section h4 {
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.35em;
}
section h5 {
  font-family: var(--body-font);
  font-size: 1.411rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35em;
  padding-bottom: 0.8em;
}
main {
  padding: 3rem 0 2.5rem;
  overflow: hidden;
  position: relative;
}
.font18 {
  font-size: 1.05rem;
  line-height: 1.35em;
}
.font16 {
  font-size: 0.9411rem;
  line-height: 1.35em;
}
.font24 {
  font-size: 1.411rem;
  line-height: 1.35em;
}

/*------------------------------------------------*/
/*----------------------[HEADER]------------------*/
/*------------------------------------------------*/
body {
	padding-top: 61px;
}
header {
  position: fixed; /* CHANGED */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999; /* bumped up */
  padding: 0 11px 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--navy);
  transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}
/* hide on scroll down */
.headroom--unpinned {
  transform: translateY(-100%);
}

/* show on scroll up */
.headroom--pinned {
  transform: translateY(0);
}

/* top of page */
.headroom--top {
  box-shadow: none;
}

/* after scroll */
.headroom--not-top {
  box-shadow: 0 6px 24px rgba(0,0,0,0.15);
}

#logo {
  position: relative;
}

#navigation {
  position: relative;
  padding-right: 0.62rem;
  margin-left: auto;
}
#navigation ul.desktopMenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation ul.desktopMenu > li {
  display: inline-block;
  position: relative;
  margin-left: 0.8rem;
}
#navigation ul.desktopMenu > li.menu-item-has-children {
  padding-right: 0;
}
#navigation ul.desktopMenu > li > a {
  display: block;
  color: #fff;
  font-family: var(--body-font);
  padding: 1.47em 3.2px;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
  text-transform: uppercase;
  position: relative;
}
#navigation ul.desktopMenu > li > a:before {
  width: 100%;
  background: #3c7ac5;
  height: 6px;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

#navigation ul.desktopMenu > li:hover > a:before,
#navigation ul.desktopMenu > li.current-menu-item > a:before,
#navigation ul.desktopMenu > li.current-menu-parent > a:before,
#navigation ul.desktopMenu > li.current_page_parent > a:before {
  width: 100%;
}
#navigation ul.desktopMenu > li > a > i {
  font-size: 0.9em;
  display: inline;
  margin-left: 0.3em;
  color: #fff;
}
#navigation ul.desktopMenu > li > a:hover {
  text-decoration: none;
  color: var(--sky-blue);
}
#navigation ul.desktopMenu > li > ul.sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px;
  position: absolute;
  display: none;
  background: var(--navy);
}
#navigation ul.desktopMenu > li > ul > li {
  display: block;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  display: block;
}
#navigation ul.desktopMenu > li > ul > li > a {
  display: block;
  color: #fff;
  font-family: var(--body-font);
  padding: 10px 15px;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
}
#navigation ul.desktopMenu > li > ul > li:hover > a {
  text-decoration: none;
  color: var(--sky-blue);
}

#headerBtn {
  padding-left: 12px;
}

#headerBtn .button {
  font-size: 0.88rem;
}

/*------------------------------------------------*/
/*----------------------[FOOTER]------------------*/
/*------------------------------------------------*/
footer {
  position: relative;
  padding: 2.29rem 0 10rem;
  color: #fff;
  background: var(--navy);
}
footer a {
  color: #fff;
}
footer a:hover {
  color: var(--sky-blue);
  text-decoration: none;
}
footer .container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#footerBtns {
  justify-content: flex-start;
}
#footerLeft {
  padding-top: 1.35rem;
  position: relative;
}
#footerNav {
  padding-top: 1.7rem;
}
#footerNav > ul.menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
#footerNav > ul.menu > li {
  position: relative;
  margin: 5px 1.45em 5px 0;
}
#footerNav > ul.menu > li > a {
  font-family: var(--body-font);
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
  text-transform: uppercase;
}
#copyright {
  padding-top: 1.4rem;
  color: #afcaea;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35em;
}
#copyright a {
  color: #afcaea;
}
#copyright span {
  display: inline-block;
  margin: 0 0.2em;
}
/*------------------------------------------------*/
/*-------------------[BANNER]------------------*/
/*------------------------------------------------*/
#banner {
  position: relative;
  padding: 6.55rem 0 6.65rem;
  color: #fff;
  background: var(--blue);
}
#banner .row {
  margin: 0 -15px;
}
#banner .row .col {
  padding-left: 15px;
  padding-right: 15px;
}
#banner .bg-image {
  width: 100%;
  height: 100%;
}

#banner .bg-image img {
  z-index: 10;
  opacity: 0.2;
  position: relative;
  filter: grayscale(100%);
}

#banner .bg-image:before {
  background: var(--blue);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#banner .bannerCTA {
  font-family: var(--header-font);
  font-size: 1.588rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: -0.01em;
  padding-bottom: 0.7em;
}
#banner h2 {
  font-size: 3.53rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.94em;
  text-transform: uppercase;
  padding-bottom: 0;
}
#banner h2.bannerTitle_h3 {
  font-size: 3.23rem;
}
#banner h2.bannerTitle_h4 {
  font-size: 2.53rem;
  letter-spacing: 0;
}
#banner h3 {
  color: #aeaeae;
  font-size: 2.11rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  padding-top: 0.35em;
  padding-bottom: 0;
  word-break: keep-all;
}
.bannerSubTitle {
  font-size: 1.411rem;
  font-style: normal;
  line-height: 1.35em;
  padding-top: 0.7em;
  padding-bottom: 0;
}
.bannerTxt {
  font-size: 1.05rem;
  font-style: normal;
  line-height: 1.1em;
  padding-top: 0.7em;
}
.bannerTxt > p {
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35em;
  margin-bottom: 1em;
}
.bannerTxt > p:last-child {
  margin-bottom: 0;
}
.bannerBtns {
  padding-top: 1.7rem;
}
.banner-cta-link {
  display: inline-block;
  color: #fff;
  margin-top: 1.4em;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
}

/*------------------------------------------------*/
/*-----------------------[HOME]-------------------*/
/*------------------------------------------------*/
#page-home {
  position: relative;
}
#page-home #logo {
  display: none;
}
#page-home #banner {
  position: relative;
  background: #fff;
  color: var(--default);
  padding: 3.1rem 0 4.7rem;
}

#page-home #banner .bg-image {
  width: 66%;
  left: inherit;
  right: 0;
}
#page-home #banner .bg-image img {
  opacity: 1;
  filter: grayscale(0);
  z-index: 1;
}
#page-home #banner .bg-image:before {
  z-index: 2;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 47.52%,
    rgba(255, 255, 255, 0.86) 77.65%,
    #fff 90.57%
  );
}

#page-home #banner .bannerTitle_h2 {
  color: var(--blue);
  padding-top: 0.55em;
}

#page-home #banner .bannerSubTitle {
  padding-top: 0.5em;
}

#page-home #banner .bannerBtns {
  padding-top: 1.4rem;
}

#page-home #banner .rowLinks .btnMore,
#page-home #banner .rowLinks .btnMore a {
  color: #666;
}

#home-events {
  padding: 2.55rem 0 1.35rem;
  color: #fff;
  position: relative;
  background: var(--blue);
}
#home-events::before {
  content: "";
  width: 97%;
  height: 95%;
  top: 2%;
  left: 0.5%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-image: url(images/logo_overlay.svg);
  opacity: 0.15;
}

.shortcode-entries {
  display: flex;
}
.shortcode-entries .col {
  margin-bottom: 2.3rem;
}
.shortcode-entries .entry {
  height: 100%;

  padding: 1.78rem 1.65rem;
  margin: 0;
}
.shortcode-entries .postTitle {
  font-size: 1.529rem;
}
.shortcode-entries .post-summary {
  font-size: 0.88rem;
  padding-top: 6px;
}

#home-legislation {
  padding: 6.65rem 0 5.7rem;

  position: relative;
  background: #f3f3f3;
}

#home-legislation .bg-image {
  width: 45%;
}
#home-about {
  padding: 5.65rem 0 4.35rem;
  pointer-events: revert;
  background: #fff;
}
#home-about:before {
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 31.18%,
    rgba(255, 255, 255, 0.8) 51.59%,
    #fff 70.07%
  );
}
#home-about .bg-image {
  left: inherit;
  right: 0;
  width: 66%;
}
#home-embed {
  text-align: center;
  padding: 2.65rem 0;
  position: relative;
  background: var(--blue);
}
#home-updates {
  padding: 2.6rem 0 2.3rem;
  position: relative;
  background: #f3f3f3;
}
#home-updates h3 {
  letter-spacing: 0;
}
.recent-news-entries {
  padding-top: 1.25rem;
}
.recent-news-entries .entry {
  margin-bottom: 0 !important;
}
.recent-news-entries .type-post.entry .entry-summary.withoutImg {
  width: 94%;
}
#home-updates h3.postTitle {
  padding-bottom: 0.5em;
}
.recent-news-entries .type-post.entry .entry-summary p {
  margin-bottom: 1.2em;
}
/*------------------------------------------------*/
/*----------------------[ABOUT]-------------------*/
/*------------------------------------------------*/
#page-about-loga {
  position: relative;
}
#about-vision {
  position: relative;
}
#about-vision:before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 26.67%, #fff 50%);
}
#about-vision .bg-image {
  left: inherit;
  right: 0;
  width: 56%;
}
#about-mission {
  padding: 3.75rem 0 4.1rem;
  position: relative;
  background: #f6f6f6;
}
.missionTiles {
  display: flex;
}
.missionTiles .col {
  margin: 7px 0;
}
.missionTile {
  position: relative;
  height: 100%;
  border-radius: 8px;
  border: 4px solid #afcaea;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 14.33%, #fff 50%),
    linear-gradient(0deg, #1957a3 0%, #1957a3 100%), #fff;
  background-blend-mode: normal, screen, normal;
  text-align: center;
  color: var(--blue);
  font-family: var(--body-font);
  font-size: 1.176rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.15em;
  padding: 18px 18px 27px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.missionTile i {
  color: #3c7ac5;
  font-size: 2em;
  line-height: 1.35em;
}
.missionTile p {
  color: var(--default);
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 1em;
  line-height: var(--base-lineheight);
  font-weight: 400;
}
#about-story {
  position: relative;
  padding: 1px 0 2.35rem;
}
#about-story .bg-image {
  width: 100%;
}
#about-story .bg-image:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}
#about-story .col img {
  margin-left: auto;
  display: block;
}
#about-what {
  position: relative;
  padding: 4.5rem 0 4.42rem;
  color: #fff;
  background: var(--blue);
}
#about-what .bg-image {
  width: 100%;
}
#about-what .bg-image img {
  z-index: 10;
  opacity: 0.2;
  position: relative;
  filter: grayscale(100%);
}

#about-what .bg-image:before {
  background: var(--blue);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.servicesRow {
  position: relative;
  margin: 0 -18px;
}
.servicesRow .col {
  margin: 27px 0;
  padding-left: 18px;
  padding-right: 18px;
}
.serviceTile {
  border-radius: 8px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 14.33%, #fff 50%),
    linear-gradient(0deg, #1957a3 0%, #1957a3 100%), #fff;
  background-blend-mode: normal, screen, normal;
  box-shadow: 0 4px 52px 0 rgba(0, 0, 0, 0.1);
  border: 3px solid #fff;
  padding: 40px 26px;
  height: 100%;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.serviceIcon {
  height: 70px;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.serviceIcon img {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.serviceTile:hover img {
  filter: brightness(0) saturate(100%) invert(42%) sepia(91%) saturate(611%)
    hue-rotate(185deg) brightness(91%) contrast(87%);
}
.serviceTile h3 {
  color: var(--blue);
  font-family: var(--body-font);
  font-size: 1.529rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  padding-bottom: 0.6em;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.serviceTile:hover {
  border-color: #3c7ac5;
}
.serviceTile:hover h3 {
  color: #3c7ac5;
}

.serviceSummary {
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3em;

  padding-bottom: 1em;
  color: #333;
}
.serviceBtn {
  position: relative;
  padding-bottom: 1.2rem;
}
#about-join-fight {
  position: relative;
  padding: 5.3rem 0 4.2rem;
  background: #fff;
}
#about-join-fight::before {
  content: "";
  width: 97%;
  height: 90%;
  top: 5%;
  left: 1.5%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-image: url(images/logo_overlay.svg);
  opacity: 0.08;
  filter: brightness(0) saturate(100%) invert(19%) sepia(34%) saturate(3036%)
    hue-rotate(194deg) brightness(91%) contrast(96%);
}

/*------------------------------------------------*/
/*-----------------------[HOME]-------------------*/
/*------------------------------------------------*/
#page-events,
#page-past-events {
  position: relative;
}
#page-events #banner,
#page-past-events #banner,
#page-blog #banner,
#archive-category #banner {
  padding: 3.55rem 0 12px;
}
#page-events main,
#page-past-events main,
#page-blog main,
#archive-category main {
  padding: 1.3rem 0 2rem;
  background: var(--blue);
}
#entries-loop {
  max-width: 802px;
  margin: 0 auto;
  position: relative;
}

.entry {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 52px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  padding: 2.23rem 1.588rem;
  margin-bottom: 2.65rem;
  overflow: hidden;
  color: var(--default);
  text-align: left;
}
.entry .entry-img {
  position: absolute;
  right: 2%;
  left: inherit;
  width: auto;
  top: 4%;
  height: auto;
}
.entry.has-post-thumbnail .bg-image {
  width: 53%;
  right: 0;
  top: 0;
  height: 100%;
}
.entry.has-post-thumbnail:before {
  position: absolute;
  z-index: 1;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 14.33%,
    #fff 33.92%
  );
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.entry.has-post-thumbnail .bg-image:after {
  background: linear-gradient(0deg, #1957a3 0%, #1957a3 100%);
  mix-blend-mode: screen;
  opacity: 0.5;
}
.entry .bg-image img {
  filter: grayscale(1);
  opacity: 0.3;
}
.entry .bg-image img.placeholder {
  width: 80px;
  margin-left: auto;
  object-fit: contain;
  filter: grayscale(0);
  opacity: 1;
  object-position: right top;
}

.postMeta {
  color: #666;
  font-family: var(--body-font);
  font-size: 1.058rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  padding-bottom: 0.4em;
}

.postTitle {
  color: var(--blue);
  font-family: var(--body-font);
  font-size: 1.647rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -0.01em;
}
.postTitle a:hover {
  text-decoration: none;
}
.entry h4 {
  color: #666;
  font-family: var(--body-font);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  padding-bottom: 0.65em;
}
.entry h4 a {
  color: #666;
}
.entry-summary {
  width: 81%;
  position: relative;
  z-index: 9;
}
.post-summary {
  font-size: 1rem;
  line-height: 1.3em;
  padding-bottom: 1.15em;
}

#single-event {
  position: relative;
}
#single-event #banner,
#single-blog #banner {
  background: #fff;
  color: var(--default);
  padding: 4.05rem 0 5.6rem;
}
#single-event #banner.withoutImg .row,
#single-blog #banner.withoutImg .row {
  text-align: center;
  justify-content: center;
}
#single-blog #banner {
  padding-bottom: 3rem;
}
#single-event #banner h2.bannerTitle_h3,
#single-blog #banner h2.bannerTitle_h3 {
  font-family: var(--body-font);
  text-transform: none;
}
#single-blog .bannerTxt {
  font-size: 1.117rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: -0.01em;
  padding-top: 1.3em;
}
.backBtn {
  padding-bottom: 1rem;
}
#single-event #banner .bg-image,
#single-blog #banner .bg-image {
  width: 63%;
  right: 0;
  left: inherit;
  background: #fff;
}

#single-event #banner .bg-image img,
#single-blog #banner .bg-image img {
  opacity: 0.5;
  mix-blend-mode: screen;
}
#single-event #banner:before,
#single-blog #banner:before {
  position: absolute;
  z-index: 1;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 31.25%,
    #fff 52.01%
  );
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 4;
}
#single-event #banner .bg-image:after,
#single-blog #banner .bg-image:after {
  background: linear-gradient(0deg, #1957a3 0%, #1957a3 100%);
  mix-blend-mode: screen;
  opacity: 0.5;
  z-index: 2;
}
#single-event main,
#single-blog main {
  padding: 2.3rem 0 2.3rem;
  color: #fff;
  position: relative;
  background: var(--blue);
}
#single-blog main {
  padding: 2.5rem 0 2.8rem;
}
#single-blog main .entry {
  max-width: 802px;
  margin: 0 auto;
  padding: 2.45rem 2.4em;
}
#single-blog main .entry h2 {
  padding-bottom: 0.55em;
}
#single-event main .container {
  display: flex;
}
.event-sidebar,
.directory-sidebar {
  width: 34.35%;
  padding-right: 2rem;
  position: relative;
}
.event-detail,
.directory-detail {
  width: 50%;
  flex-grow: 1;
}
.event-detail .entry {
  padding: 2.45rem 2.35rem;
  color: var(--default);
  margin-bottom: 0;
}
main h2,
main h3 {
  font-family: var(--body-font);
  font-size: 1.47rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  padding-bottom: 0.85em;
}

.event-date {
  font-family: var(--body-font);
  font-size: 1.647rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  padding-bottom: 0.4em;
}

.event-address {
  font-family: var(--body-font);
  font-size: 1.058rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  padding-bottom: 1.15rem;
}
.event-address + .button {
  margin-bottom: 13px;
}

/*------------------------------------------------*/
/*----------------[MEMBER DIRECTORY]--------------*/
/*------------------------------------------------*/
#page-member-directory #banner {
  padding: 4.8rem 0 4.45rem;
}
#directory-main {
  padding: 2.75rem 0 1.2rem;
  position: relative;
  background: #f6f6f6;
}
#directory-main .container {
  display: flex;
}
#directory-main .directory-sidebar .teamName {
  color: #868686;
  padding-bottom: 0.66em;
}
#directory-main .directory-sidebar input,
#directory-main .directory-sidebar select {
  margin-bottom: 0.85rem;
  margin-right: 0;
}
.position-filter label{
  height: 55px;
  line-height: 55px;
  border-radius: 8px;
  border: 1px solid #afcaea; cursor: pointer;
  font-family: var(--body-font);
color: #103057;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: -0.01em;
margin-bottom: 0.85rem;
  padding: 0px 1em; text-align: center;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;  
}
.position-filter label input[type="radio"]{
  display: none;
}
.position-filter label:has(input[type="radio"]:checked){
  background-color: #fff;
  border-color: #103057;
}
.featured-member.entry {
  position: relative;
  margin-top: 1.6rem;
  padding: 17px 15px;
  box-shadow: 0 2.871px 9.57px 0 rgba(0, 0, 0, 0.1);
}
.member-meta-list {
  display: flex;
  flex-wrap: wrap;
}
.member-meta-list .member-phone {
  padding-right: 6rem;
}
.member-meta {
  color: #666;
  font-family: var(--body-font);
  font-size: 1.013rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: -0.01em;
}
.member-meta a {
  color: #666;
}
.member-meta a:hover {
  color: var(--blue);
  text-decoration: none;
}
.member-logo {
  width: 100%;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.8rem 0 2.2rem;
}
.featured-member-detail {
  padding: 0 0.8rem;
}
.entry .member-name {
  color: var(--blue);
  font-size: 1.529rem;
  font-weight: 500;
  line-height: 1em;
  font-family: var(--header-font);
  letter-spacing: -0.01em;
}
.featured-member.entry .member-name {
  text-align: center;
}
.member-summary {
  padding-top: 0.8em;
  color: #333;
  font-size: 0.9411rem;
  font-weight: 400;
  line-height: 1.315em;
  letter-spacing: -0.01em;
}
#posts-list {
  padding-top: 11px;
  position: relative;
}
#posts-list .entry {
  padding: 1.2rem 1.3rem;
  margin-bottom: 1.525rem;
  box-shadow: 0 2.871px 9.57px 0 rgba(0, 0, 0, 0.1);
}
.member-meta.member-address address {
  font-style: normal;
  display: inline;
}
.member-meta.member-website {
  width: 100%;
}
.member-meta-list .member-meta {
  padding-bottom: 0.8em;
}
/*------------------------------------------------*/
/*-----------------------[TEAM]-------------------*/
/*------------------------------------------------*/
#page-our-team {
  position: relative;
}
#page-our-team #banner {
  position: relative;
  padding-bottom: 5.8rem;
}

section hr {
  height: 3px !important;
  background: #afcaea;
  opacity: 1;
  margin: 3.35rem 0;
}

.teamMembers {
  display: flex;
  justify-content: center;
}

.teamMembers.withoutImg {
  padding-top: 12px;
  padding-bottom: 10px;
}
.teamMembers .col {
  padding-top: 2rem;
  padding-bottom: 1.55rem;
}
.teamMemberBx {
  position: relative;
  text-align: center;
}
.teamImgBx {
  border-radius: 100%;
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto 1rem;
  align-items: center;
  justify-content: center;
  display: flex;
  background: radial-gradient(50% 50% at 50% 50%, #ececec 0%, #f0f0f0 100%);
}
.teamImgBx img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.teamImgBx img.placeholder {
  object-fit: contain;
  opacity: 0.4;
  width: 112px;
  filter: brightness(0);
}
.teamName {
  color: var(--blue);
  font-size: 1.529rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: -0.01em;
  font-family: var(--header-font);
  padding-bottom: 0.25em;
}
.teamDesignation {
  color: #666;
  font-size: 1.05rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.15em;
  letter-spacing: -0.01em;
}
.team-social {
  padding-top: 1.2rem;
  font-size: 1.588rem;
  line-height: 1.23em;
}
.team-social > a {
  display: inline-block;
  margin: 0 0.1em;
}
.teamBioLink {
  padding-top: 0.9rem;
}
.lightbox {
  display: none;
}
.lightbox.fancybox-content {
  max-width: 1040px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.25);
}
.teamBio {
  padding-top: 1rem;
}

#section-team {
  padding: 3.2rem 0 5.1rem;
  position: relative;
  background: #fff;
}

.sponsorship-opps {
  padding-top: 2.35rem;
}
main .sponsorship-opps h3 {
  padding-bottom: 0.63em;
}
.optionsSummary,
.sponsorship-group-summary,
.sponsorship-opps-note {
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: -0.01em;
}
.optionsSummary a,
.sponsorship-group-summary a,
.sponsorship-opps-note a {
  color: var(--sky-blue);
  font-weight: 700;
  text-decoration: underline;
}

.sponsorship-group-item {
  border-radius: 8px;
  border: 1px solid #fff;
  padding: 15px 17px;
  margin-bottom: 1.4rem;
  position: relative;
}
.sponsorship-sold {
	background-image: url(images/sold.png);
	width: 60px;
	height: 60px;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	right: 5px;
	top: 5px;
}
.sponsorship-group-item h5 {
  font-family: var(--body-font);
  font-size: 1.05rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -0.01em;
}

.sponsorship-group-summary ul {
  margin-left: 0.9em;
  margin-bottom: 2px;
}

.sponsors-data {
  padding-top: 1rem;
  position: relative;
}

.event-detail .entry h2 {
  font-size:38px;
  padding-bottom: 0;
  margin-bottom: 16px;
}

.event-detail .entry h3 {
  color: #071d38;
  font-family: var(--body-font);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -0.01em;
}
.sponsor-data-item {
  position: relative;
  position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.sponsors-logos {
	position: relative;
	justify-content: center;
}
.sponsors-logos .col {
  margin-bottom: 1rem;
  padding-bottom: 0.8rem;
}

.sponsorLogo {
  width: 100%; /* takes full column width */
  aspect-ratio: 342 / 196; /* keeps same proportions automatically */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff; /* optional background */
  overflow: hidden;
  /*background: #d9d9d9;*/ 
}

.sponsorLogo img {
	max-width: 80%;
	max-height: 80%;
	height: auto;
	width: auto;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.event-schedule, .event-hotel-info, .event-disclaimer {
  padding-top: 2rem;
  position: relative;
}
.event-disclaimer p {
	font-size: .85rem;
	line-height: 1.4em;
}
.hotel-info-row{
  position: relative;
}
.hotel-info-row .hotel-image{
  height: 100%; border-radius: 8px; overflow: hidden; width: 100%;
}
.hotel-info-row .hotel-image img{
  width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.hotel-info-row {
	position: relative;
	line-height: 1.8em;
	font-size: 1rem;
}
.hotel-name {
	font-size: 1.2rem;
	line-height: 1.8em;
}
.hotel-info-row  a{
  font-weight: 700; color: var(--fun-blue);
}
.hotel-phone a{
  font-weight: 400;
}
/*------------------------------------------------*/
/*-----------------------[BLOG]-------------------*/
/*------------------------------------------------*/
#page-blog {
  position: relative;
}

.type-post.entry {
  padding-top: 1.65rem;
  padding-bottom: 1.95rem;
  margin-bottom: 2.1rem;
}
.type-post.entry.has-post-thumbnail:before {
  display: none;
}
.type-post.entry.has-post-thumbnail .bg-image {
  width: 38.7%;
}
.type-post.entry.has-post-thumbnail .bg-image img {
  opacity: 1;
  filter: grayscale(0);
}
.type-post.entry.has-post-thumbnail .bg-image:before {
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 77.07%,
    rgba(255, 255, 255, 0.86) 90.11%,
    #fff 100%
  );
  z-index: 2;
}
.type-post.entry .entry-summary {
  width: 65%;
  position: relative;
  z-index: 9;
}
.type-post.entry .postMeta {
  padding-bottom: 0.9em;
}

.type-post.entry .postTitle {
  font-size: 1.529rem;
  padding-bottom: 0.675em;
}

.type-post.entry .entry-summary.withoutImg {
  width: 90%;
}

.type-post.entry .post-summary {
  font-size: 0.88rem;
  padding-top: 3px;
  line-height: 1.3em;
  padding-bottom: 0;
}

#paginationWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
}
#paginationWrapper .page-item {
  width: 95px;
}
#paginationWrapper .page-item .button {
  border-radius: 3px;
}
.wp-pagenavi {
  position: relative;
  margin: 0px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  color: #d0d0d0;
  font-size: 1.05remx;
  font-weight: 700;
  line-height: var(--line-height-mobile);
  width: var(--line-height-mobile);
  text-align: center;
  letter-spacing: -0.01em;
  margin: 0 0.15em;
  background: transparent;
  border-radius: 3px;
}
.wp-pagenavi span.current {
  background: var(--sky-blue);
  color: var(--navy);
}

/*------------------------------------------------*/
/*--------------[LEGISLATION TRACKER]-------------*/
/*------------------------------------------------*/
/*#page-legislation-tracker{
background-image: url(images/JPGs/legislation-tracker.png); background-position: center top; background-repeat: no-repeat; max-width: 1440px; margin: 0 auto;
}*/

#page-legislation-tracker #banner {
  padding: 7.15rem 0 6rem;
}

.tracker-entry .member-meta-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.member-meta.tracker-progess {
  display: flex;
  align-items: center;
}

.tracker-entry .member-name {
  font-size: 1.235rem;
  padding-bottom: 0.38em;
  display: flex;
}

.tracker-entry .party-dot {
  width: 8.613px;
  height: 8.613px;
  border-radius: 100%;
  display: inline-block;
  background: #a3191c;
  margin-left: 1.5rem;
  margin-right: 0.6rem;
}
.tracker-entry .position-dot, .position-filter .position-dot {
  font-size: 1.01rem;
  line-height: 1.15em;
  margin-right: 0.6em;
}
.position-filter .position-dot{
  margin-right: 0.2em;
}
.tracker-entry .position-dot::before, .position-filter .position-dot:before {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: '';
}
.tracker-entry .position-dot.positionSupport::before, .position-filter .position-dot.positionSupport:before {
  content: "\f058";
  color: #2aa730;
}
.tracker-entry .position-dot.positionOppose:before, .position-filter .position-dot.positionOppose:before {
  color: #bd2f32;
  content: "\f057";
}
.tracker-entry .position-dot.positionMonitor:before, .position-filter .position-dot.positionMonitorr:before {
  color: #868686;
  content: "\3d";
}
#page-legislation-tracker #directory-main .entry {
  padding: 1.2rem 1.1rem;
  margin-bottom: 1.3em;
}
#page-legislation-tracker #directory-main .posts-in-category {
  padding-top: 11px;
}
.progress-chart {
  display: flex;
  gap: 4px;
  margin-left: 16px;
}

.tracker-entry .member-meta-list .member-meta {
  padding-bottom: 0;
}

.progress-chart {
  display: flex;
  gap: 4px;
}

.progress-chart span {
  width: 26.796px;
  height: 26.796px;
  background: #d9d9d9;
  position: relative;
  cursor: pointer;
}

/* Tooltip base */
.progress-chart span::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%; /* show above the circle */
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10;
}

/* Tooltip arrow */
.progress-chart span::before {
  content: "";
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #333;
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* Show tooltip on hover */
.progress-chart span:hover::after,
.progress-chart span:hover::before {
  opacity: 1;
}


#footerSocial .social-icons {
  list-style: none;
    margin: 0;
    display: flex;
    gap: 5px;
    margin-top: 16px;
}
#footerSocial .social-icons li {
  font-size: 28px;
}